@charset "utf-8";

header nav ul li.m6 a{
	color:#577A94;
	}
header nav ul li.m6 a:after{
	content:"";
	display:block;
	width:100%;
	height:1px;
	background-color:#577A94;
	position:absolute;
	left:0;
	bottom:1px;
	z-index:5;
	}
#spnav ul li.m6 a{
	background-color:#E6EBEF;
	}
.headbg.headbg2:before{
	background:url(../img/faq/headbg.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}

.index1bg{
	background-color:#F0F0F0;
	padding:120px 60px;
	}
.index1{
	max-width:840px;
	padding:60px 100px 100px 100px;
	background-color:#FFF;
	margin:0 auto;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	-ms-border-radius:20px;
	}
.index1 article{
	padding:38px 0;
	border-bottom:1px solid #577A94;
	position:relative;
	}
.index1 article:after{
	content:"Q";
	display:block;
	font-size:18px;
	font-weight:300;
	font-family:'Fahkwang', sans-serif;
	color:#FFF;
	position:absolute;
	left:5px;
	top:42px;
	z-index:2;
	}
.index1 article h3{
	font-size:23px;
	position:relative;
	font-weight:500;
	letter-spacing:0.05em;
	font-family: 'Noto Serif JP', serif;
	padding:0 70px 0 38px;
	cursor:pointer;
	}
.index1 article h3:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
.index1 article h3:after{
	content:"";
	display:block;
	width:25px;
	height:25px;
	background-color:#577A94;
	position:absolute;
	left:0;
	top:5px;
	z-index:1;
	}
.index1 article h3:before{
	content:"";
	width:18px;
	height:18px;
	border-top:1px solid #4F4D4E;
	border-right:1px solid #4F4D4E;
	-moz-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
	display:block;
	position:absolute;
	right:25px;
	top:2px;
	z-index:2;
	transition:0.3s;
	}
.index1 article h3.click:before{
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	top:16px;
	}
.index1 article div{
	display:none;
	padding:0 90px 0 40px;
	}
.index1 article div p{
	padding-top:20px;
	}
.fixb{
	background:url(../img/faq/fix.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	width:100%;
    height:60vh;
    background-attachment:fixed;
	}
.index2{
	max-width:1000px;
	padding:180px 60px 0px 60px;
	margin:0 auto;
	}
.index2 h3{
	font-size:26px;
	font-weight:500;
	letter-spacing:0.05em;
	font-family: 'Noto Serif JP', serif;
	padding:2px 0px 4px 25px;
	border-left:5px solid #577A94;
	margin-top:62px;
	}
.index2 h3:first-of-type{
	margin-top:100px;
	}
.index2 p{
	margin:20px 0 0 30px;
	}
.index2 h4{
	text-align:right;
	font-size:17px;
	font-weight:400;
	padding:25px 0 60px 0;
	border-bottom:1px solid #577A94;
	}
.index2 h4:last-of-type{
	padding-bottom:0;
	border-bottom:0;
	}
@media screen and (max-width:900px){
.index1bg{
	margin-top:100px;
	padding:100px 4%;
	}
.index1{
	padding:20px 6% 50px 6%;
	}
.index1 article{
	padding:30px 0;
	}
.index1 article:after{
	font-size:16px;
	left:3px;
	top:32px;
	}
.index1 article h3{
	font-size:18px;
	padding:0 45px 0 30px;
	}
.index1 article h3:after{
	width:20px;
	height:20px;
	top:4px;
	}
.index1 article h3:before{
	width:12px;
	height:12px;
	right:10px;
	top:3px;
	}
.index1 article h3.click:before{
	top:10px;
	}
.index1 article div{
	padding:0 0px 0 0;
	}
.index1 article div p{
	padding-top:18px;
	line-height:1.9;
	}
.index2{
	padding:140px 7% 0px 7%;
	}
.index2 h3{
	font-size:22px;
	padding:2px 0px 2px 20px;
	margin-top:55px;
	}
.index2 h3:first-of-type{
	margin-top:80px;
	}
.index2 p{
	margin:20px 0 0 0;
	}
.index2 h4{
	padding:20px 0 50px 0;
	}
.index2 h4:last-of-type{
	padding-bottom:0;
	}
.fixb{
    background-attachment:scroll;
    height:25vh;
	}
}