#header{
	font-family:inherit;
	width:100%;
	height:auto;
	top:0;
	left:0;
	z-index:100;
}
#headOptions{
	width:100%;
	height:30px;
	font-size:.8em;
	background:#fff;
	border-bottom:solid 1px #333;
}
#headOptions a{
	text-decoration:none;
	color:inherit;
}
#headOptions *{
	margin:0;
	padding:0;
}
#headOptions > div{
	display:table;
	height:30px;
	margin:0 auto;
	position:relative;
	top:0;
	left:0;
}
#siteLogo {
	line-height:0;
	width:240px;
	float:left;
	margin-right: 175px;
}
#siteLogo a {
	padding:9px 0;
}

#headOptions > div > #headerAbout{
	width:245px;
	height:20px;
	margin:0;
	padding:5px 0;
	float:left;
}
#headOptions > div > #headerAbout li:before{
}
#headOptions > div > #headerAbout li{
	width:45%;
	float:left;
	background:url(../img/img/arrow-about.png) no-repeat left center;
	padding-left:5%;
}
#headOptions > div #headerLogoIcon{
	width:auto;
	height:12px;
}
#headOptions > div #headerFontSizeChange{
	width:160px;
	height:30px;
	line-height:2;
	float:left;
}
#headOptions > div #headerFontSizeChange span{
	width:68px;
	height:30px;
	line-height:30px;
	display:inline-block;
	float:left;
}
#headOptions > div #headerFontSizeChange ul{
	display:table;
	table-layout:fixed;
	width:90px;
	height:30px; 
	border-collapse: collapse;
}
#headOptions > div #headerFontSizeChange li{
	display:table-cell;
	text-align:center;
	line-height:30px;
	border-style:solid;
	border-width:0 1px;
	box-sizing:border-box;
}
#headOptions > div #headerFontSizeChange li a{
	display:block;
	width:100%;
	height:100%;
}
#headOptions > div #headerFontSizeChange li.activeFont{
	background:#333;
	color:#fff;
}



/* srchBtn */
#headOptions > div form{
	width:200px;
	position: relative;
}
#srchBox{
	text-align:left;
	position: relative;
	left: 0px;
	top: -10px;
	float: left;
	height: 40px;
}
#srchBox *{
	margin:0;
	padding:0;
	font-size:13px;
	*font-size:small;
	*font:x-small;
}
#srchBox #srch{
	padding:10px 10px 0 0;
}

#srchBox #srch #srchForm{
	white-space:nowrap;
}
#srchBox #srchInput{
	width:140px;
	height:27px;
	vertical-align:bottom;
	border:none;
}
#srchBox #srchBtn{
	width: 42px;
	height: 30px;
	background: url(../img/img/icon-search.png) no-repeat center left;
	background-size: 15px;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: pointer;
	text-indent: 120%;
	white-space: nowrap;
	border: none;
	overflow: hidden;
}
#srchBox.watermark #srchInput{
	padding:1px 1px 2px 1px;
	background: #fff url(http://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
#srchBox.watermark #srchInput.nomark{
    background: #fff;
}



#headOptions > div #headerInquiry{
	display:block;
	width:160px;
	height:40px;
	background:#f29a0e;
	text-align:center;	
	position:absolute;
	top:0;
	left:auto;
	right:0;
	z-index:90;
}
#headOptions > div #headerInquiry a{
	display:block;
	width:auto;
	color:#fff;
	font-size:1.2em;
	vertical-align:middle;	
	background:url(../img/img/icon-inquiry.png) no-repeat 17px center;
	background-size: 23px auto;
	padding-top:9px;
	height:calc(100% - 9px) !important;
	text-indent:2em;
	/*padding:9px 0 9px 38px;*/
}
.placeholder {
	color:;
	font-style:italic;
}

/*(ю:｝(ю:｝(ю:｝ /#headOptions (ю:｝(ю:｝(ю:｝*/

/*(ю:】(ю:】(ю:】 stickyNav (ю:】(ю:】(ю:】*/
#stickyNav{
	width:100%;
	height:50px;
	position:fixed;
	top:-50px;
	left:0;
	background:#fff;
	z-index:200;
	border-bottom: 2px solid orange;
	box-sizing: border-box;
}
#stickyNav #stickyNav_inner{
	display:table;
	width:1000px;
	height:50px;
	margin:0 auto;
}
#stickyNav #stickyNav_inner > *{
	display:table-cell;
	vertical-align:middle;
}
#stickyNav #stickyNav_inner > * a{
	display:inline-block;
	text-decoration:none;
	color:inherit;
}
#stickyNav #stickyNav_inner #stickyNavLogo{
	width:270px;
	height:auto;
}
#stickyNav #stickyNav_inner #stickyNavLogo img{
	width: auto;
	height: 15px;
}
#stickyNav #stickyNav_inner #stickyNavList > ul{
	width:100%;
	display:block;
	table-layout:fixed;
	margin:0 ;
	padding:0;
	text-align:right;
}
#stickyNav #stickyNav_inner #stickyNavList > ul > li{
	display: inline-block;
	text-align: right;
	margin-left: 30px;
	
}
#stickyNav #stickyNav_inner #stickyNavList > ul > li:first-child {
	margin-left:0;
}
#stickyNav #stickyNav_inner #stickyNavList > ul > li.current a{
	color:orange;
	font-weight:bold;
}
#stickyNav #stickyNav_inner #stickyNavList span {
	font-size:1.5em;
	vertical-align:middle;
	margin-right:5px;
	color:orange;
}

/*(ю:｝(ю:｝(ю:｝ /stickyNav (ю:｝(ю:｝(ю:｝*/


#header a{
	display:inline-block;
	width:100%;
	height:auto;
	color:inherit;
	text-decoration:none;
	opacity:1;
	transition:opacity 0.3s ease; 
}
#header #headerInquiry_sp .current > a {
	font-weight:bold;
	color:orange;
}
#slideNavWrap #nav a{
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;

}
#header a:hover{
	opacity:0.6;
}
#headOptions img {
	width:100%;
}

#headOptions #srchBox img {
	width:1px;
	height:1px;
}
svg{
	width:250px;
	height:110px;
}
#slideNavWrap{
	width:100%;
	height:auto;
	position:relative;
	top:0;
	left:0;
}

#siteTitleNavArea{
	width:100%;
	height:110px;
	/*position:absolute;
	top:0;
	left:0;
	z-index:10;*/
	background-color:rgba(255,255,255,1);
	overflow:hidden;
}
#siteTitleNavArea > div{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
#siteTitleNavArea #logo {
	width:240px;
	height:110px;
	margin:0;
	float:left;
	position:relative;
	top:0;
	left:0;
}
#siteTitleNavArea #logo img{
	width:98%;
	position:absolute;
	top:25px;
	left:0;
}
#siteTitleNavArea nav{
	float:right;
}
#siteTitleNavArea nav ul{
	width:735px;
	height:110px;
	margin: 0;
	padding: 0;
	text-align: center;
	position:relative;
}
#siteTitleNavArea nav ul li{
	display:block;
	width:112px;
	height:100%;
	margin-left:35px;
	vertical-align:middle;
	float:left;
}
#siteTitleNavArea nav ul li a {
	font-size:14px;
}
#siteTitleNavArea nav ul li span{ 
	display: block;
	font-size: 34px;
	padding: 25px 0 15px 0;
	color:#f29a0e;
}
#nav span.icon-logo01{
	padding-top: 22px !important;
}
#nav span.icon-logo02{
	padding-top: 22px !important;
}

#siteTitleNavArea nav .current {
	position:relative;
}
#siteTitleNavArea nav .current:after {
	content:"";
	display:block;
	width:100%;
	height:4px;
	background:#e68921;
	position:absolute;
	left:0;
	bottom:0;
}
#lnav_sp {display:none;margin-bottom:80px;}

@media all and (max-width:1020px){
#siteTitleNavArea {position:fixed !important;background-color:#fff;z-index:99;border-bottom:solid 2px #f29a0e;}
#contents {padding-top:80px;}
#siteTitleNavArea > div {
	width:90%;
	margin:0 auto;
}
#headOptions , nav{
	display:none;
}
#responsiveBtn{font-size: 100px;color:#fff;cursor:pointer;float:right;position:relative;}
#navClose{
	font-size:40px
}
#responsiveNav{
	width:320px;
	height:auto;
	position: fixed;
	z-index: 999;
	background: #fff;
	top: 0;
	left: auto;
	right: -320px;
}
#stickyNav{
	display:none;
}


/*siteTitleNavArea*/
#siteTitleNavArea {height:auto;}
#siteTitleNavArea #logo {width:auto;height:60px;margin-top:10px;}
#siteTitleNavArea #logo img {width:auto;height:60px;position:static;}

/*responsiveBtn*/
#responsiveBtn {width:80px;height:80px;background:url(../img/sp-menu.png) no-repeat center center;background-size:60%;}
#responsiveBtn a {display:block;width:100%;height:100%;}
#responsiveBtn div {height:2px;background:orange;position:absolute;display:none;}
.rb01 {width:40px;left:20px;top:28px;}
.rb02 {width:30px;left:30px;top:40px;}
.rb03 {width:20px;left:40px;top:52px;}

/*responsiveNav*/
#responsiveNav,
#responsiveBtn {display:block;}

#headerInquiry_sp a,
#headerForm_sp a,
#contact_sp a {display:block;padding:15px 20px;border-bottom:solid 1px #ccc;width:auto;clear:both;background:url(../img/arrow-right.png) no-repeat ccalc(100% - 20px) center;}

#headerInquiry_sp a span {font-size:1.7em;color:orange !important;margin-right:15px;vertical-align:middle;}

#headerForm_sp {display:table;table-layout:fixed;width:100%;}
#headerForm_sp li {display:table-cell;}
#headerForm_sp li:first-child {border-right:solid 1px #ccc;}
#headerForm_sp a {background:#6bc0c1 url(../img/arrow_20.png) no-repeat right center;color:#fff;}
#contact_sp a {color:#fff;background:#f29a0e url(../img/img/icon-inquiry.png) no-repeat 15px center;background-size:26px auto;padding-left:60px;}

#responsiveNav #navClose,
#headerAbout_sp {height:60px;border-bottom:solid 1px #ccc;}
#responsiveNav #navClose {width:60px;float:right;background:#399;}
#responsiveNav #navClose img {display:block;width:100%;height:auto;}
#headerAbout_sp {width:259px;float:left;border-right:solid 1px #ccc;position:relative;}
#headerAbout_sp input[type=text] {border:none;width:90%;height:30px;margin:0 auto;padding:15px 5%;background:#6bc0c1;border-radius:0;}
#headerAbout_sp input[type=text]::-webkit-input-placeholder  {font-style:italic;}
#headerAbout_sp input[type=text]::-moz-placeholder {font-style:italic;}
#headerAbout_sp input[type=text]:focus::-webkit-input-placeholder {color:#6bc0c1;}
#headerAbout_sp input[type=text]:focus::-moz-placeholder {color:#6bc0c1;}

#headerAbout_sp input[type=submit] {width:60px;height:60px;border:none;background:#6bc0c1 url(../img/img/icon-search.png) no-repeat center center;position:absolute;right:0;top:0;overflow:hidden;white-space:nowrap;text-indent:120%;}

#nav_sp {width:80px;height:80px;float:right;}
#nav_sp a {width:100%;height:100%;background:#f29a0e url(../img/img/icon-inquiry.png) no-repeat center center;background-size:26px auto;overflow:hidden;text-indent:120%;white-space:nowrap;}

#lnav_sp {display:block;}
#lnav_sp a {display:block;width:auto;}
#lnav_sp h2 {/*background:#7ecccd;color:#fff;text-align:center;font-size:1.2em;line-height:1.5em;padding:5px 10px;*/
	border-bottom: 1px solid #7ecccd;
    color: #4eb2b3;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.5em;
}

#lnav_sp .lv01 > li > a {font-size:1em;padding:20px 20px 20px 60px;background:url(../img/arrow-blue-min.png) no-repeat 30px center;border-bottom:solid 1px #7ecccd;}

#lnav_sp .lv02 {display:none;}
#lnav_sp .lv02 > li > a {font-size:0.9em;padding:10px 20px 10px 75px;background:url(../img/lnav-lv02.png) no-repeat 45px center;border-bottom:solid 1px #7ecccd;}

#lnav_sp .lv01 > li.current {background:#dceeee;}
#lnav_sp .lv01 > li.current > a {color:#4eb2b3;font-weight:bold;}
#lnav_sp .lv01 > li.current .lv02 {display:block;background:#dceeee;}
#lnav_sp .lv02 > li.current > a {color:#4eb2b3;font-weight:bold;}

#lnav_sp .lv02 > li .lv03 {display:none;}
#lnav_sp .lv02 > li.current .lv03 {display:block;background:#dceeee;}
#lnav_sp .lv03 > li > a {padding:10px 1em 10px 70px;}
#lnav_sp .lv03 > li > a:hover {background-color:#fefefe;}
#lnav_sp .lv03 > li.current > a {color:#4eb2b3;font-weight:bold;}


.recruit #lnav_sp .lv01 > li.current > a,
.recruit #lnav_sp .lv02 > li.current > a {color:#e68921;}
.recruit #lnav_sp .lv01 > li.current > a,
.recruit #lnav_sp .lv01 > li.current .lv02 {background-color:#f2ece4;}


}
@media (max-width:480px){
#contents {padding-top:60px;}

/*siteTitleNavArea*/
#siteTitleNavArea #logo {height:50px;margin-top:10px;margin-left:5%;}
#siteTitleNavArea #logo img {width:170px;height:auto;position:static;}

#nav_sp,
#responsiveBtn {width:60px;height:60px;}
#siteTitleNavArea > div {width:100%;}
}
