@charset "utf-8";



.site-body-inner{}
.ctn{ width: 95%; max-width: 960px; margin: auto; padding: 50px 0 100px;}
.ctnR { width: 78%; max-width: 740px; float: right;}

.part{ width: 78%; max-width: 740px;}
.part article{ position:relative;}


.ctn .sct{}
.ctn .sct-ttl{ margin-bottom: 30px; font-size: 36px; font-weight: normal; text-align: center;}
.ctn .sct-ttl span{ display: block; font-size: 18px; color: #aaa;}
.ctn .sct-stl{ margin-bottom: 30px; padding-left: 15px; border-left: solid 4px #ccc;
 font-size: 30px; font-weight: normal; line-height: 1.2;}
.ctn .read-ttl{ margin-bottom: 20px; font-size: 28px; font-weight: normal; text-align:center;}
.ctn p.catch{}
.ctn-inner { margin-bottom: 20px; padding: 60px 0 0;}
.ctn-inner.ctn-top {padding-top: 0;}
.ctn-inner div.line{ width: 100px; height: 1px; margin: 0 auto 40px; border-top: solid 1px #e1e1e1;}
.ctn-inner p{ line-height: 1.8; margin-bottom: 30px;}
.ctn-inner figure{ text-align: center;}
aside { margin-bottom: 40px; padding: 0 10px;}


@media (max-width: 769px) {
	.ctnR { width: 100%; float: none; margin:auto;}
	.ctn p.tc { text-align: center;}
	.part{ width: 100%; float: none;}

	.ctn .sct-ttl{ font-size: 1.8rem;}
	.ctn .sct-stl{ font-size: 1.5rem;}
}


.sideNav{ position: relative; width: 20%; max-width: 190px; float: left;
 font-size: 15px; text-align: center; background: #efefef; border: solid 1px #efefef;
}
.sideNav.fixed{ position: fixed; top: 140px;}
.sideNav.def{ position: relative; top: 0;}

.sideNav ul li a,
.sideNav ul li span{ color: #454545; display: block; padding: 10px 0;}
.sideNav ul li a span{ padding: 0; font-size: 13px;}
.sideNav ul > li a:hover{ text-decoration:  underline;}
.sideNav ul li ul.sNav{ display: none;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.sideNav ul li.visitor {}
.sideNav ul li.visitor a{ font-weight: 700;}
.sideNav ul li ul.open,
.sideNav ul li:hover ul.sNav { display: block !important; background: #fafafa;}
.sideNav ul li ul.open{ border: none !important;}
.sideNav ul li ul.sNav{ border: solid 1px #efefef;}
.sideNav ul li ul.open li,
.sideNav ul li:hover ul.sNav li {}
.sideNav ul li ul.open li a:hover,
.sideNav ul li:hover ul.sNav li a:hover{}
.sideNav ul li.apply:hover { margin-bottom: -134px;}


@media (max-width: 769px) {
	.siteNav{ display: none;}
	.pageNav{ float: none; width: 100%; max-width: 100%; margin: 0 auto 30px;}
	.pageNav ul li { border-bottom: solid 1px #fff;}
	.pageNav ul li:last-child{ border: none;}
	.sideNav ul li a span{ display: inline-block;}
}



/*	css of FAQ	*/
.kv-faq { background: url("../img/contents/kv-delivery.jpg") no-repeat center center;}

.faqRead dl{ position:relative; width: 90%; max-width: 280px; box-sizing: border-box; margin: 20px auto; padding-left: 140px;}
.faqRead dl dt{ position: absolute; left:0;}
#q1,#q2,#q3 { position:absolute; top: -100px;}
ul.question { margin-bottom: 60px;}
ul.question li{ border-bottom: dashed 1px #ccc;}
ul.question li:last-child{ border-bottom: none;}
ul.question dt{ position: relative; padding: 12px 0 12px 50px;}
ul.question dt.open{ background: #fffaf0;}
ul.question dd{ position: relative; display: none; padding: 10px 0 10px 50px;}
ul.question span.en{ font-size: 30px; position: absolute; left: 10px; top: -5px;}
ul.question dd a{ color: #ed0000;}
ul.question dd a:hover{ text-decoration: underline;}

@media (max-width: 768px) {
	.faqNav{ position: relative; width: 100%; float: none; margin-bottom: 40px;}
	ul.question dd{ font-size: 0.85rem}
}




/* css of ログイン */
.loginInfo{ padding: 20px; background: #efefef; border: solid 1px #6d460b; border-radius: 4px;}


/*	css of 会社概要	*/
.kv-company { background: url("../img/contents/kv-company.jpg") no-repeat center center;}
#companyProf { width: 90%; max-width: 800px; margin: auto;}
#companyProf .stl{ font-size: 24px;}
#companyProf ul { width: 100%; margin-bottom: 40px;}
#companyProf ul li:nth-child(odd) { background: #FCFCFB;}
#companyProf dl { display: table; width: 100%;}
#companyProf dl dt,
#companyProf dl dd { box-sizing: border-box; display: table-cell; padding: 20px 10px;}
#companyProf dl dt { width: 25%; border-top: 1px solid #E8E6E1; color: #6d460b;}
#companyProf dl dd { width: 75%; border-top: 1px dotted #eee;}
#companyProf #map{ height: 300px;}

@media (max-width: 768px) {
}
@media (max-width: 481px) {
	#companyProf .stl{ font-size: 20px;}
	#companyProf dl { display: block; width: 100%;}
	#companyProf dl dt,
	#companyProf dl dd { display: block; padding: 5px 10px;}
	#companyProf dl dt { width: 100%;}
	#companyProf dl dd { width: 100%;}
}


/*	css of 個人情報保護方針	*/
dl.privacy dt{ color: #6d460b; font-weight: 700; margin-bottom: 10px;}
dl.privacy dd{ margin-bottom: 30px;}
dl.privacy dd.emphasis{ margin-bottom: 10px; font-weight: 700;}
aside.enactment{ text-align: right;}
aside.enactment p{ margin-bottom: 20px;}




/*	css of サイトマップ	*/
ul.sitemap { width: 100%; max-width: 680px; margin: 0 auto;}
ul.sitemap > li a{ padding-left: 20px; background: url(../img/icn-mark.gif) no-repeat 0 50%;}
ul.sitemap li ul { padding: 10px 0 20px 220px;
 background: url(../img/bg_border.gif) no-repeat left top;}
ul.sitemap li ul li { padding: 2px 5px; border-bottom: dotted 1px #eee;}
ul.sitemap li ul li:last-child{ border-bottom: none;}
ul.sitemap li ul li a{ padding-left: 10px; background: url(../img/arw.gif) no-repeat 0 50%;}@media (max-width: 768px) {
ul.sitemap li ul { padding: 10px 0 20px 20px;}
}