body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 1.6;
	background: #FFF;
	color: #333;
	font-weight: 300;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
}
a {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:hover {
	text-decoration: none !important;
	color: #6699FF;
}
a:visited {
    color: #333;
  }
ul, li, ol {
	margin-bottom: 1.5em;
}
ul, li {
	list-style: none;
}
img {
	max-width:100%;
}
img:hover {
  opacity: 0.7;
  transition: .3s;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
h2 {
	font-size: 1.4rem !important;
	line-height: 2em;
	font-family: 'Noto Serif JP', serif;/*Google Font*/
	letter-spacing: 1px;
}
h3 {
	font-size: 1.0rem !important;
	line-height: 1.6em;
	letter-spacing: 1px;
}
h4 {
	font-size: 0.9rem !important;
	line-height: 2em;
	letter-spacing: 1px;
	font-weight: normal;
}
@media screen and (max-width: 768px) {
h2 {
	font-size: 1.2rem !important;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 1px;
}
h3 {
	font-size: 1.1rem !important;
	font-weight: bold;
	line-height: 1.0em;
	letter-spacing: 1.0rem;
}
}


@media screen and (min-width: 768px) {
nav {
	font-size: 18px;
	margin-bottom:20px;
}
nav a {
    color: #444;
}
nav a:hover {
	transition: .3s;
	color: #6699FF;
}
.navbar-nav {
	padding: 20px 0 0 0;
	font-size: 14px;
}
.navbar-nav li {
	padding: 20px 10px 0 10px;
}

}
@media screen and (max-width: 768px) {
.navbar-brand img {
    max-hight:40px;
}
.navbar-brand {
	clear:both;
}
	
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 30px 0;
  font-weight:bold;
}
/*スマホのみ非表示*/
.hidden-xs {
	display: none !important;
}
.mB60 {margin-bottom: px;}
.mT60 {margin-top: px;}
.pT40 {padding-top: px;}

/* 改行 */
.br-pc { display:none; }
.br-sp { display:block; }
}


@media screen and (min-width: 768px) {
/*スマホ以外非表示*/
.visible-xs {
	display: none !important;
}
/* 改行 */
.br-pc { display:block; }
.br-sp { display:none; }
}
.mTB20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.mTB40{margin: 40px 0 40px 0;}
.mTB60{margin: 60px 0 60px 0;}
.mT20 {margin-top: 20px;}
.mT40 {margin-top: 40px;}
.mT60 {margin-top: 60px;}
.mB10 {margin-bottom: 10px;}
.mB15 {margin-bottom: 15px;}
.mB20 {margin-bottom: 20px;}
.mB40 {margin-bottom: 40px;}
.mB60 {margin-bottom: 60px;}
.p20 {padding: 20px;}
.pTB20 {padding: 20px 0 20px 0;}
.pT10 {padding-top: 10px;}
.pT20 {padding-top: 20px;}
.pT40 {padding-top: 40px;}
.pT60 {padding-top: 60px;}
.pB10 {padding-bottom: 10px;}
.pB20 {padding-bottom: 20px;}
.pB40 {padding-bottom: 40px;}

/*カラムの左右の余白を15pxに戻す*/
.subtraction {margin: 0 -30px;}
.subtraction-l15 {margin: 0 0 0 -15px;}
.subtraction-r15 {margin: 0 -15px 0 0;}
.subtraction-rl15 {margin: 0 -15px 0 -15px;}
.subtraction-rl30 {margin: 0 -30px 0 -15px;}

.cB {clear:both;}

.aC {text-align:center;}
.aR {text-align:right;}
.aL {text-align:left;}

.bG_wh {background-color:#FFF;}
.bG_gy {background-color:#999;}
.bG_bk {background-color:#000;}
.bG_or {background-color:#F39800;}
.bG_bl {background-color:#8DAFD1;}
.bG_gr {background-color:#2BA23A;}
.bG_br {background-color:#666633;}
.bG_ny {background-color:#1C2243;}

.fC_or {color:#F39800;}
.fC_wh {color:#FFF;}
.fC_br {color:#666633;}

.fS_no {font-size:12px;}
.fS_s {font-size: 11px; letter-spacing:0}
.fS_xs {font-size: 8px;}
.fS_m {font-size: 14px;}
.fS_l {font-size:16px;}
.fS_ll{font-size:24px;}
.fS_xl {font-size:36px;}
.fW_b {font-weight:bold;}
.ff_go {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
}
.ff_noto {font-family: 'Noto Serif JP', serif;/*Google Font*/}
.lH_0 {line-height:1;}

.bb {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #1c2243;
	padding-bottom: 10px;
}
.image-round1{border-radius: 50%;}

.boder_shadow {
	-moz-box-shadow: 0 0 5px #bbb;
	-webkit-box-shadow: 0 0 5px #bbb;
	box-shadow: 0 0 5px #bbb;
}
/*透過 (1が不透明)*/
.xxx xximg {
  opacity: 0.5;
}
/*ゆっくり透明に*/
.xxx img {
  transition: .3s;
}
/*ホバー時に透明度50%*/
.xxx img:hover {
  opacity: 0.5;
}
.vvv img {
  opacity: 0.1;/*通常は半透明*/
  transition: .3s;
}
.vvv img:hover {
  opacity: 1;/*ホバーで不透明*/
}
p.sample1 {background-color: rgb(0,0,255);}/*不透明*/
p.sample2 {background-color: rgba(0,0,255,1);} 
p.sample3 {background-color: rgba(0,0,255,0.5);} 
p.sample4 {background-color: rgba(0,0,255,0.1);}
p.sample5 {background-color: rgba(0,0,255,0);} /*完全に透明*/

.example li {
    border-top: solid 1px black;
}
.example li:first-child{
    border-top: none;/*最初だけ線なし*/
}
.example li:last-child {
    border-bottom-width: 2px;/*最後の要素の線だけ太く*/
}
x:first-letter {
    font-size: 2.0em;/*最初の文字だけ大きく*/
}

/*.example以外をオレンジにする
【例】
<p>これは例文です</p>
<p class="example">これは例文です</p>
<p>これは例文です</p>
<p>これは例文です</p>*/
x:not(.example) {
    color:orange;
}
/*上記を複数指定の場合↓*/
x ul li:not(:last-child):not(:first-child){
    color:orange;
}
/*target属性を含んだもののみに適用させる↓*/
a[target="_blank"] {
  color:orange;
}


/* TOPページ */
@media (max-width : 768px) {
.slidecontent,
.slider {
	margin: 0 !important;
	padding: 0 !important;
}
.company_tittle, .content_tittle, .work_tittle {
	height: 160px;
	font-size: 1.4em;
}
.company_tittle p, .content_tittle p, .work_tittle p {
	line-height: 20px;
	font-size: 1.0em;
	padding: 10px;
}
.company_text, .content_text, .work_text,{
	line-height: 20px;
}
}
.company_tittle {
	background-image: url(../img/top33.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #fff;
	font-size: 2.0em;
	font-weight: bold;
	padding: 40px;
	line-height: 340px;
}
.company_text, .content_text, .work_text {
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1.2em;
	line-height: 2;
	font-family: 'Noto Serif JP', serif;/*Google Font*/
}
.content_tittle {
	background-image: url(../img/top44.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	color: #fff;
	font-size: 2.0em;
	font-weight: bold;
	padding: 40px;
	line-height: 340px;
}
.work_tittle {
	background-image: url(../img/top55.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	color: #fff;
	font-size: 2.0em;
	font-weight: bold;
	padding: 40px;
	line-height: 340px;
}
.recruit_tittle {
	background-image: url(../img/top22.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	color: #fff;
	font-size: 4.0em;
	font-weight: bold;
	padding: 40px;
	line-height: 340px;
	text-align: center;
}
.recruit_text {
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 40px;
	font-size: 1.4em;
	line-height: 2em;
	font-family: 'Noto Serif JP', serif;/*Google Font*/
}
.topimg {
	background-image: url(../img/top1.jpg);
	background-size:cover;                 /* 画像のサイズを指定    */
	width:100%;                              /* 横幅のサイズを指定    */
	height:800px;
}
.topimg p {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	  margin:0;
	padding:0;
	color: white;
	font-size: 3em;
	font-family: 'Noto Serif JP', serif;/*Google Font*/
}
@media screen and (max-width: 768px) {
.topimg {                              /* 横幅のサイズを指定    */
	height:500px;
}
.topimg p {	
	font-size: 1.8em;
	letter-spacing: 1px;
	top: 50%;
}
}
.topmenu1, .topmenu2, .topmenu3  {
	text-align: center;
	color: #FFF;
	font-size: 16px;
	height: 60px;
	line-height: 60px;
	margin: 10px 0;
}
.topmenu1 a, .topmenu2 a, .topmenu3 a {
	color: #FFF;
	display: block;
	width:100%;
	height:100%;
}
.topmenu1 a:hover {
	color: #FFF;
	background-color: #6d251f;
}
.topmenu2 a:hover {
	color: #FFF;
	background-color: #271401;
}
.topmenu3 a:hover {
	color: #FFF;
	background-color: #333;
}
.navy01 {
	background-color: #1c2243;
}
.blue01 {
	background-color: #372000;
}

.blue03 {
	background-color: #482c01;
}
.blue04 {
	background-color: #4d3002;
}

/* 共通ページ */
@media screen and (max-width: 768px) {
.info {
	background-color: #271401;
	text-align:center;
	color:#FFF;
	font-size: 1.2em;
}
.info_tel {
	background-color: #1c2243;
	padding: 30px 10px;
}
}
/*.info { 背景ありの場合
	background-image: url(../img/info.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}*/
.info_add1 {
	padding: 30px 40px;
	font-size: 1.2em;
	line-height: 2em;
	font-family: 'Noto Serif JP', serif;/*Google Font*/
}
.info_add2 {
	padding: 30px 40px;
	font-size: 1.2em;
	line-height: 2em;
	font-family: 'Noto Serif JP', serif;/*Google Font*/
}
.info_tel {
	padding: 0;
	background-color: #6e251f;
}
.info_tel a {
	display: block;
	width:100%;
	height:100%;
	padding: 30px 0;
}
.info_tel a:hover {
	background-color: #7a342e;
}
.info_mail {
	padding: 0;
	background-color: #610c05;
}
.info_mail a {
	display: block;
	width:100%;
	height:100%;
	padding: 30px 0;
}

.info_mail a:hover {
	background-color: #6d251f;
}
/*背景ありの場合の透過
.info_add {
	color: #000;
	background-color: rgba(255,255,255,0.6);
	padding: 30px 40px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1.4em;
	line-height: 2em;
	font-family: 'Noto Serif JP', serif;
}*/
p.infobox {
	height: 180px;
	overflow: auto;
	width: 100%;
	line-height: 36px;
}

p.tel, p.fax p.mail{
  font-size: 16px
}
 
p.tel::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(../img/icon_foot_telwh.png) no-repeat;
  background-size: contain;
  margin-right: 0.6em;
}
p.fax::before {
  content: "";
  display: inline-block;
  width: 0.7em;
  height: 0.7em;
  background: url(../img/icon_foot_fax.png) no-repeat;
  background-size: contain;
  margin-right: 0.6em;
}
p.mail::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(../img/icon_foot_mailwh.png) no-repeat;
  background-size: contain;
  margin-right: 0.6em;
}
 
@media screen and (min-width: 480px){
p.tel, p.fax p.mai{
    font-size: 20px
  }
}
.gmap {
	position: relative;
	padding-top: 75%;
	height: 0;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
}
.gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width : 768px) {
.info_add1 {
	line-height: 1.0em;
	padding-top: 30px;
	padding-bottom: 0px;
}
.info_add2 {
	margin-bottom: 10px;
	line-height: 1.0em;
	padding-top: 0px;
	padding-bottom: 40px;
}
.gmap {
	margin-bottom: 10px;
}
}
.gmap {
-moz-box-shadow: 0 0 5px #bbb;
	-webkit-box-shadow: 0 0 5px #bbb;
	box-shadow: 0 0 5px #bbb;
	border:  5px solid #fff;
}
/* ハンバーガーメニューに関するCSS */
.smenu {
	padding: 0 60px;
	position: relative;
}
 
/* チェックボックスを非表示にする */
.drawer_hidden {
  display: none;
}
/* ハンバーガーアイコンの設置スペース */
.drawer_open {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 20px;
  z-index: 100;/* 重なり順を一番上にする */
  cursor: pointer;
  top: 25px;
}
/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #333;
  transition: 0.5s;
  position: absolute;
}
/* 三本線の一番上の棒の位置調整 */
.drawer_open span:before {
  bottom: 8px;
}
/* 三本線の一番下の棒の位置調整 */
.drawer_open span:after {
  top: 8px;
}
/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer_input:checked ~ .drawer_open span {
  background: rgba(255, 255, 255, 0);
}
/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_input:checked ~ .drawer_open span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#drawer_input:checked ~ .drawer_open span::after {
  top: 0;
  transform: rotate(-45deg);
}  
/* メニューのデザイン*/
.nav_content {
  width: 100%;
  height: 90%;
  position: fixed;
  top: 0%;
  left: 100%; /* メニューを画面の外に飛ばす */
  z-index: 99;
  background: rgba(100, 100, 100, 0.9);
  transition: .5s;
  text-align: left;
  padding-top: 40px;
}
/* メニュー黒ポチを消す */
.nav_list {
  list-style: none;
}
.nav_list li {
	padding: 10px 0;
	font-size: 1.2em;
}
.nav_item a {
	color: #fff;
	text-decoration: none;
}
/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked ~ .nav_content {
  left: 20%;
}
/* ハンバーガーメニューここまで↑ */


/* QAページ */
.qa_q {
	color: #FFF;
	background-attachment: scroll;
	background-image: url(file:///D|/Documents/site_seiyu/img/q.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 360px auto;
	height: 45px;
	width: 100%;
	padding-top: 12px;
	padding-bottom: 5px;
	padding-left: 53px;
	letter-spacing:0px;
}
.qa_s {
	color: #FFF;
	background-attachment: scroll;
	background-image: url(file:///D|/Documents/site_seiyu/img/s.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 360px auto;
	height: 65px;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 53px;
	letter-spacing:0px;
}

.item_bl {
	font-weight: bold;
	color: #FFF;
	background-color: #127C9F;
	float: left;
	padding-top: 10px;
	padding-right: 3%;
	padding-bottom: 5px;
	padding-left: 3%;
	font-size: 2em;
	line-height:1em;
}
.item_gr {
	font-weight: bold;
	color: #FFF;
	background-color: #2BA23A;
	float: left;
	padding-top: 10px;
	padding-right: 3%;
	padding-bottom: 5px;
	padding-left: 3%;
	font-size: 2em;
	line-height:1em;
}
.item_gy {
	font-weight: bold;
	color: #FFF;
	background-color: #999;
	float: left;
	padding-top: 10px;
	padding-right: 3%;
	padding-bottom: 5px;
	padding-left: 3%;
	font-size: 2em;
	line-height:1em;
}
/* コンテンツページ */
.space {
	margin-top : 120px;
}
.tittle {
	font-weight: bold;
	padding: 10px;
	background-color: #1c2243;
	width: 100%;
	color: #FFF;
	margin-top: 10px;
	text-align: center;
}
.tittle_line {
	font-weight: bold;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #372000;
	margin: 30px 0 10px 0;
	padding-top: 20px;
	color: #372000;
}
.tittle_1 {
	background-attachment: scroll;
	background-image: url(../img/tittle1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding: 20px;
	margin: 40px 0;
	height: 200px;
	line-height: 180px;
	font-size: 1.4rem !important;
	font-family: 'Noto Serif JP', serif;/*Google Font*/
	letter-spacing: 2px;
}
.tittle_2 {
	background-attachment: scroll;
	background-image: url(../img/tittle2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding: 20px;
	margin: 40px 0;
	height: 200px;
	line-height: 180px;
	font-size: 1.4rem !important;
	font-family: 'Noto Serif JP', serif;/*Google Font*/
	letter-spacing: 2px;
}
.tittle_3 {
	background-attachment: scroll;
	background-image: url(../img/tittle3.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding: 20px;
	margin: 40px 0;
	height: 200px;
	line-height: 180px;
	font-size: 1.4rem !important;
	font-family: 'Noto Serif JP', serif;/*Google Font*/
	letter-spacing: 2px;
}
.tittle_4 {
	background-attachment: scroll;
	background-image: url(../img/tittle4.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding: 20px;
	margin: 40px 0;
	height: 200px;
	line-height: 180px;
	font-size: 1.4rem !important;
	font-family: 'Noto Serif JP', serif;/*Google Font*/
	letter-spacing: 2px;
}
.tittle_shadow {
	-moz-box-shadow: 0 0 5px #bbb;
	-webkit-box-shadow: 0 0 5px #bbb;
	box-shadow: 0 0 5px #bbb;
	border:  5px solid #fff;
	font-size: 1.1em;
	padding: 40px 20px;
	margin-bottom: 40px;
}
.tittle_shadow a {
	color: #FFF;
}
.tittle_service {
	background-attachment: scroll;
	background-image: url(../img/tittle5.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding: 20px;
	margin: 40px 0;
	height: 200px;
	line-height: 180px;
	font-size: 1.4rem !important;
	font-family: 'Noto Serif JP', serif;/*Google Font*/
	letter-spacing: 2px;
}

.tittle_recruit {
	background-attachment: scroll;
	background-image: url(../img/tittle6.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	color: #FFF;
	font-weight: bold;
	text-align: right;
	padding: 20px;
	margin: 40px 0;
	height: 200px;
	line-height: 180px;
	font-size: 1.4rem !important;
	font-family: 'Noto Serif JP', serif;/*Google Font*/
	letter-spacing: 2px;
	font-weight: bold;
	color:#1c2244;
}
.tittle_recruit2 {
	font-size: 1.4rem !important;
	font-family: 'Noto Serif JP', serif;/*Google Font*/
	letter-spacing: 2px;
	font-weight: bold;
	color:#5487bb;/*#1c2244*/
	margin: 20px 0;
}
.tittle_recruit3 {
	font-size: 1.2rem !important;
	font-family: 'Noto Serif JP', serif;/*Google Font*/
	letter-spacing: 1px;
	font-weight: bold;
	color:#5487bb;
	margin: 20px 0;
}
.tittle_recruit4 {
	font-size: 1.1rem !important;
}
.tittle_recruit5 {
	font-size: 1.0rem !important;
	letter-spacing: 0px;
	line-height: 18px;
	text-align: left;
}
.tittle_gy {
	font-weight: bold;
	padding: 10px;
	background-color: #999;
	width: 100%;
	color: #FFF;
	margin-top: 10px;
	text-align: center;
}
@media (max-width: 768px) {
.tittle_1,
.tittle_2,
.tittle_3,
.tittel_4 {
	margin: 20px 0;
}
.tittle_shadow {
	padding: 10px 20px;

}
}
.fitwrap ul {
	margin:0;
	padding:0;
}
.fitwrap li {
	margin:0;
	line-height:1.1em;
	padding: 10px 0 15px 0;
	font-size:14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
	
/* アイコンサイズ */
.material-icons.md-17 { font-size: 17px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
 
/* 背景が明るいとき用のアイコン色 */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
 
/* 背景が暗いとき用のアイコン色 */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.border-bottom {
  border-bottom: 2px solid #999 !important;
}





/* itempage */
.ttl {
	font-size: 22px;
	float: left;
	width: 95%;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #FFF;
	background-color: #09C;
	padding-left: 5%;
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight: bold;
}
.wrapttl {
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #09C;
	float: left;
	width: 95%;
	padding-left: 2%;
	font-weight: bold;
}
.wrapttl_t {
	width: 100%;
	height: 30px;
	margin: 10px 0;
	background-attachment: scroll;
	background-image: url(../img/ttl_t.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.wrapttl_y {
	width: 100%;
	height: 30px;
	margin: 10px 0;
	background-attachment: scroll;
	background-image: url(../img/ttl_y.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
table.type01 {
	border-collapse: collapse;
	width: 100%;
	border-spacing: 0;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 98%;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
}
table.type01 th {
	padding: 3px;
	font-weight: bold;
	background: #eee;
	letter-spacing: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
}
table.type01 td {
	padding: 3px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	letter-spacing: 1px;
}
table.type02 {
	border-collapse: collapse;
	width: 100%;
	border-spacing: 0;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 98%;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
}
table.type02 th {
	padding: 3px;
	font-weight: bold;
	background: #eee;
	letter-spacing: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	font-size: 11px;
}
table.type02 td {
	padding: 3px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	letter-spacing: 0px;
	font-size: 11px;
}
table ul, table li {
	margin-bottom: 0;
}
.ft_l {
	font-size:14px;
}
.rd {
	color: #cb0404;
	letter-spacing: 1px;
	font-weight: bold;
}
.bl {
	color: #69C;
	font-weight: bold;
}
.gr {
	color: #6fb92c;
	font-weight: bold;
}
.att {
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0px;
	color: #cb0404;
}
.bg_bl {
	font-weight: bold;
	color: #FFF;
	background-color: #69C;
	padding: 3px;
	line-height: 30px;
}
.bg_blS {
	font-weight: bold;
	color: #FFF;
	background-color: #69C;
	padding: 3px;
}
.bg_rd {
	font-weight: bold;
	color: #FFF;
	background-color: #cb0404;
	padding: 3px;
}
/* ここからイソノ各ページ用 */ 
/* workpage */ 
.work li {
	padding: 0;
	margin: 20px;
	-moz-box-shadow: 0 0 5px #bbb;
	-webkit-box-shadow: 0 0 5px #bbb;
	box-shadow: 0 0 5px #bbb;
	border:  5px solid #fff;
}

/* companypage */ 
.company p {
	font-size: 1.2em;
}
	
.company th {
	text-align: center;
}

/* 問い合わせpage */
.contact-title {
     text-align: center;
     font-family: Raleway, sans-serif;
     text-transform: uppercase;
     letter-spacing: 3px;
     font-size: 36px;
     line-height: 48px;
     padding-bottom: 48px;
}

   .form-field {
      position: relative;
      margin: 32px 0;
   }
   .input-text {
      display: block;
      width: 100%;
      height: 36px;
      border-width: 0 0 2px 0;
      border-color: #000;
      font-family: Lusitana, serif;
      font-size: 18px;
      line-height: 26px;
      font-weight: 400;
      
      &:focus {
         outline: none;
      }
      
      &:focus,
      &.not-empty {
         + .label {
            transform: translateY(-24px);
         }
      }
   }
   	.input-textarea {
      display: block;
      width: 100%;
      height: 90px;
      border-width: 0 0 2px 0;
      border-color: #000;
      font-family: Lusitana, serif;
      font-size: 18px;
      line-height: 26px;
      font-weight: 400;
      
      &:focus {
         outline: none;
      }
	}
   .label {
      position: absolute;
      left: 20px;
      bottom: 11px;
      font-family: Lusitana, serif;
      font-size: 18px;
      line-height: 26px;
      font-weight: 400;
      color: #888;
      cursor: text;
      transition: transform .2s ease-in-out;
   }
   .label2 {
      position: absolute;
      left: 20px;
      bottom: 80px;
      font-family: Lusitana, serif;
      font-size: 18px;
      line-height: 26px;
      font-weight: 400;
      color: #888;
      cursor: text;
      transition: transform .2s ease-in-out;
   }
   .submit-btn {
      display: inline-block;
      background-color: #000;
      color: #fff;
      font-family: Raleway, sans-serif;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 16px;
      line-height: 24px;
      padding: 8px 16px;
      border: none;
      cursor: pointer;
   }


/* header */
.header {
	width: 100%;
	background-color: #1C2243;
	color: #1C2243;
	font-size: 0.8rem;
	padding: 10px 0 10px 3%;
	text-align: left;
}
@media (max-width: 768px) {
.header {
	font-size: 0.6rem;
	letter-spacing: 0;
}
}
/*--------Scroll Fix Header-----------*/
header{
	width:100%;
	text-align: center;
}
.fix-header {
	background-color: rgba(28,34,67,0.9);
	line-height: 66px;
	top: -66px;/* 上に隠す鷹さ */
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color: #fff;
	padding-top:15px;
	position: fixed;
	opacity: 0;/* 	最初読み込んだときは透過 */
	z-index: 1000;/*　他のアイテムに対して最上位のレイヤーになるように */
/*	opacity: 0; */
}
.fix-header-contents{
	width: 90%;
	margin: 0 auto;
}
.fix-header ul{
	list-style-type: none;
}
.fix-header li{
	float:left;
	margin-right:32px;
}
.fix-header li a,.fix-header li a:visited{
	color: #fff;
	text-decoration: none;
}
.fix-header li:last-child{
	margin-right:0;
}
#fix-header-logo{
	float:left;
}
#fix-header-logo img{
	hight:54px;
}
#fix-header-menus{
	float:right;
	text-align: right;
}
#scroll-fix-menu img{
	padding-bottom: 5px;
	border-bottom:2px solid #fff;
}
#scroll-fix-menu .current-menu-item img{
	border-bottom:2px solid #0f142a;
}
#scroll-fix-menu a img:hover{
	border-bottom:2px solid #0f142a;
	transition:border-color 0.6s ease-out;
}
@media (max-width: 768px) {
#fix-header-logo{
	
}
}
/* メニューページ用ヘッダー */

.page-header {
	background-color: rgba(28,34,67,0.9);
	line-height: 66px;
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color: #fff;
	padding-top:15px;
	position: fixed;
	z-index: 1000;/*　他のアイテムに対して最上位のレイヤーになるように */
/*	opacity: 0; */
}
.page-header-contents{
	width: 90%;
	margin: 0 auto;
}
.page-header ul{
	list-style-type: none;
}
.page-header li{
	float:left;
	margin-right:32px;
}
.page-header li a,.fix-header li a:visited{
	color: #fff;
	text-decoration: none;
}
.page-header li:last-child{
	margin-right:0;
}
#page-header-logo{
	float:left;
}
#page-header-logo img{
	hight:54px;
}
#page-header-menus{
	float:right;
	text-align: right;
}
#scroll-page-menu img{
	padding-bottom: 5px;
	border-bottom:2px solid #fff;
}
#scroll-page-menu .current-menu-item img{
	border-bottom:2px solid #0f142a;
}
#scroll-page-menu a img:hover{
	border-bottom:2px solid #0f142a;
	transition:border-color 0.6s ease-out;
}


/* micro clearfx */
.cf:before, .cf:after {
	content:"";
	display:table
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */


/* footer */
footer {
	background-color: #271401;
}
.footer_menu {
	background-color: #271401;
	line-height: 1.5em;
	padding: 40px 0 80px;
}
.arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.footer_arrow::before{
	left: 3px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.footer_menu a {
	color: #FFF;
}
.footer_menu a:hover {
	color: #DDB197;
}
.footer_copy {
	font-size: 9px;
	letter-spacing: 1px;
	text-align: center !important;
	padding: 15px 0;
	background-color: #1C2243;
	color: #FFF;
}
@media (max-width: 768px) {
.footer_copy {
	padding-bottom: 70px;
}
}
/* sp footnav */
.footnav {
	background-color: #1c2243;
    position: fixed;
	font-size: 1.0em;
	letter-spacing: 0;
}
.footnav_item {
	background-color: #1c2243;
	padding: 10px 0;
	border: 1px solid #3f4464;
	display: block;
}
.footnav_inquiry {
	background-color: #1c2243;
	padding-top: 5px;
	padding-bottom: 10px;
}
.footnav_tel {
	font-size: 1.6em;
	background-color: #e06e4f;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 10px;
	letter-spacing: 2px;
}
.footnav a {
	color: #FFF;
}
.spfootnav {
	background-color: #271401;
}
.spfootnav_item {
	background-color: rgba(255,255,255,0.2);
	padding: 10px;
	margin: 10px;
}
.spfootnav_item a {
	color: #FFF;
}
#page-top {
	position: fixed;
	bottom: 50px;
	right: 20px;
	font-size: 1.5em;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 60px;
	padding: 15px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	background-color: #979797;
}
#page-top a:hover {
	text-decoration: none;
	background: #372000;
}
@media (max-width: 768px) {
#page-top {
	position: fixed;
	bottom: 60px;
	right: 15px;
	z-index:999999;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 40px;
	padding: 7px 5px;
	text-align: center;
	display: block;
	border-radius: 5px;
	background-color: #1c2243;
}
}

#page-home {
	position: fixed;
	bottom: 50px;
	right: 20px;
	font-size: 1.6em;
}
#page-home a {
	text-decoration: none;
	color: #fff;
	width: 60px;
	padding: 15px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	background-color: #979797;
}
#page-home a:hover {
	text-decoration: none;
	background: #372000;
}
@media (max-width: 768px) {
#page-home {
	position: fixed;
	bottom: 110px;
	right: 15px;
	z-index: 1000000;
	border-radius: 5px;
}
#page-home a {
	text-decoration: none;
	color: #fff;
	width: 40px;
	padding: 7px 5px;
	text-align: center;
	display: block;
	border-radius: 5px;
	background-color: #1c2243;
}
}
<!-- QA page -->