@charset "utf-8";

/*=========================================*/
/* FAQ */
/*=========================================*/


/*-- TEXT --*/

.contents_faq_text{
	padding:0px 5px 35px 5px;
	font-size:175%;
	line-height:162.5%;
	letter-spacing:-0.025em;
	font-family:"Yu Mincho", "YuMincho", "游明朝体", "游明朝", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "Noto Serif JP", serif;
	color:rgba(0,0,0,1.0);
	font-weight:normal;
	font-weight:400;
}

@media screen and (max-width:1440px){

.contents_faq_text{
	padding:0px 5px 35px 5px;
	font-size:162.5%;
}

}

@media screen and (max-width:1280px){

.contents_faq_text{
	font-size:150%;
}

}

@media all and (max-width:960px), print{

.contents_faq_text{
	padding:0px 4px 30px 4px;
	font-size:137.5%;
	line-height:150%;
}

}

@media screen and (max-width:640px){

.contents_faq_text{
	padding:0px 3px 25px 3px;
	font-size:125%;
}

}

@media screen and (max-width:480px){

.contents_faq_text{
	font-size:112.5%;
}

}


/*-- FAQ ANCHOR NAV --*/

.faq_anchor_nav{
	position:relative;
	margin:0px 10px 90px 0px;
	width:calc(100% - 10px);
	border:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
	display:flex;
}

.faq_anchor_nav .anchor_nav{
	position:relative;
	background-color:rgba(255,255,255,1.0);
	border-right:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
	width:33.33333%;
	transition:0.25s ease-out;
	display:flex;
	align-items:center;
}

.faq_anchor_nav .anchor_nav:last-child{
	border-right:none;
}

.faq_anchor_nav .anchor_nav:hover{
	background-color:rgba(245,245,245,1.0);
}

.faq_anchor_nav .anchor_nav a{
	padding:25px 60px 25px 20px;
	width:100%;
	background-image:url(../images/svg/icon_anchor_nav_black.svg);
	background-repeat:no-repeat;
	background-position:right 20px center;
	background-size:20px auto;
	font-size:125%;
	line-height:137.5%;
	letter-spacing:-0.01em;
	color:rgba(25,25,25,1.0);
	font-weight:500;
	text-align:left;
	display:block;
	transition:0.25s ease-out;
}

.faq_anchor_nav .anchor_nav a:link{ color:rgba(25,25,25,1.0); text-decoration:none; }
.faq_anchor_nav .anchor_nav a:visited{ color:rgba(25,25,25,1.0); text-decoration:none; }
.faq_anchor_nav .anchor_nav a:hover{ color:rgba(25,25,25,1.0); text-decoration:none; }
.faq_anchor_nav .anchor_nav a:active{ color:rgba(25,25,25,1.0); text-decoration:none; }

@media screen and (max-width:1440px){

.faq_anchor_nav{
	margin:0px 0px 75px 0px;
}

.faq_anchor_nav .anchor_nav a{
	padding:20px 56px 20px 18px;
	background-position:right 18px center;
	font-size:118.75%;
}

}

@media all and (max-width:960px), print{

.faq_anchor_nav{
	margin:0px 8px 60px 0px;
	width:calc(100% - 8px);
}

.faq_anchor_nav .anchor_nav{
	transition:0s ease-out;
}

.faq_anchor_nav .anchor_nav:hover{
	background-color:rgba(255,255,255,1.0);
}

.faq_anchor_nav .anchor_nav a{
	padding:15px 52px 15px 16px;
	background-position:right 16px center;
	font-size:112.5%;
	transition:0s ease-out;
}

}

@media screen and (max-width:800px){

.faq_anchor_nav{
	flex-wrap:wrap;
}

.faq_anchor_nav .anchor_nav{
	border-right:none;
	border-bottom:1px solid rgba(25,25,25,1.0);
	width:100%;
}

.faq_anchor_nav .anchor_nav:last-child{
	border-bottom:none;
}

}

@media screen and (max-width:640px){

.faq_anchor_nav{
	margin:0px 6px 45px 0px;
	width:calc(100% - 6px);
}

.faq_anchor_nav .anchor_nav a{
	padding:15px 48px 15px 15px;
	background-position:right 15px center;
	background-size:18px auto;
	font-size:106.25%;
}

}

@media screen and (max-width:480px){

.faq_anchor_nav .anchor_nav a{
	padding:12px 46px 12px 15px;
	background-size:16px auto;
	font-size:100%;
}

}


/*-- ACCORDION --*/

.faq_accordion_flame{
	position:relative;
	margin:0px 0px 90px 0px;
}

.faq_accordion{
	position:relative;
	margin:0px 10px 25px 0px;
	width:calc(100% - 10px);
	background-color:rgba(175,200,50,1.0);
	border:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
	transition:0.25s ease-out;
	/* shadow */
	box-shadow:10px 10px rgba(25,25,25,0.15);
}

.faq_accordion:hover{
	background-color:rgba(150,180,15,1.0);
}

.faq_accordion .nav_common{
	position:relative;
	padding:20px 0px 20px 0px;
	display:flex;
	align-items:center;
	cursor:pointer;
}

.faq_accordion .nav_common::before{
	position:absolute;
	top:0px;
	left:150px;
	height:100%;
	border-left:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
	content:'';
}

.faq_accordion .nav_common::after{
	position:absolute;
	top:0px;
	left:0px;
	width:150px;
	height:100%;
	background-color:rgba(150,180,15,1.0);
	content:'';
}

.faq_accordion .nav_common p{
	position:relative;
	width:150px;
	font-size:200%;
	line-height:150%;
	letter-spacing:-0.025em;
	font-family:"Yu Mincho", "YuMincho", "游明朝体", "游明朝", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "Noto Serif JP", serif;
	color:rgba(0,0,0,1.0);
	font-weight:normal;
	text-align:center;
	z-index:1;
}

.faq_accordion .nav_common span{
	padding:15px 74px 15px 25px;
	font-size:150%;
	line-height:150%;
	letter-spacing:-0.025em;
	font-family:"Yu Mincho", "YuMincho", "游明朝体", "游明朝", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "Noto Serif JP", serif;
	color:rgba(0,0,0,1.0);
	font-weight:normal;
	text-align:left;
	flex:1;
}

.faq_accordion .nav_common span{
	background-image:url(../images/svg/icon_accordion_open.svg);
	background-repeat:no-repeat;
	background-position:right 25px center;
	background-size:24px auto;
}

.faq_accordion .nav_common span.open{
	background-image:url(../images/svg/icon_accordion_close.svg);
	background-repeat:no-repeat;
	background-position:right 25px center;
	background-size:24px auto;
}

.faq_accordion .faq_area{ display:none; }

.faq_accordion .faq_text{
	position:relative;
	padding:25px 30px 25px 30px;
	background-color:rgba(255,255,255,1.0);
	border-top:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
}

.faq_accordion .faq_text p{
	font-size:125%;
	line-height:187.5%;
	letter-spacing:0.025em;
	color:rgba(0,0,0,1.0);
	font-weight:400;
}

.faq_accordion .faq_text p.text_under{
	padding:15px 0px 0px 0px;
}

@media screen and (max-width:1440px){

.faq_accordion_flame{
	margin:0px 0px 75px 0px;
}

.faq_accordion{
	margin:0px 10px 23px 0px;
}

.faq_accordion .nav_common{
	padding:17px 0px 17px 0px;
}

.faq_accordion .nav_common::before{
	left:125px;
}

.faq_accordion .nav_common::after{
	width:125px;
}

.faq_accordion .nav_common p{
	width:125px;
	font-size:187.5%;
}

.faq_accordion .nav_common span{
	padding:12px 66px 12px 22px;
	font-size:137.5%;
}

.faq_accordion .nav_common span{
	background-position:right 22px center;
	background-size:22px auto;
}

.faq_accordion .nav_common span.open{
	background-position:right 22px center;
	background-size:22px auto;
}

.faq_accordion .faq_text{
	padding:22px 27px 22px 27px;
}

.faq_accordion .faq_text p{
	font-size:118.75%;
	line-height:181.25%;
}

}

@media all and (max-width:960px), print{

.faq_accordion_flame{
	margin:0px 0px 60px 0px;
}

.faq_accordion{
	margin:0px 8px 21px 0px;
	width:calc(100% - 8px);
	transition:0s ease-out;
	/* shadow */
	box-shadow:8px 8px rgba(25,25,25,0.15);
}

.faq_accordion:hover{
	background-color:rgba(175,200,50,1.0);
}

.faq_accordion .nav_common{
	padding:14px 0px 14px 0px;
}

.faq_accordion .nav_common::before{
	left:100px;
}

.faq_accordion .nav_common::after{
	width:100px;
}

.faq_accordion .nav_common p{
	width:100px;
	font-size:175%;
}

.faq_accordion .nav_common span{
	padding:9px 58px 9px 19px;
	font-size:125%;
	line-height:143.75%;
}

.faq_accordion .nav_common span{
	background-position:right 19px center;
	background-size:20px auto;
}

.faq_accordion .nav_common span.open{
	background-position:right 19px center;
	background-size:20px auto;
}

.faq_accordion .faq_text{
	padding:19px 24px 19px 24px;
}

.faq_accordion .faq_text p{
	font-size:112.5%;
	line-height:181.25%;
}

}

@media screen and (max-width:640px){

.faq_accordion_flame{
	margin:0px 0px 45px 0px;
}

.faq_accordion{
	margin:0px 6px 19px 0px;
	width:calc(100% - 6px);
	/* shadow */
	box-shadow:6px 6px rgba(25,25,25,0.15);
}

.faq_accordion .nav_common{
	padding:11px 0px 11px 0px;
}

.faq_accordion .nav_common::before{
	left:75px;
}

.faq_accordion .nav_common::after{
	width:75px;
}

.faq_accordion .nav_common p{
	width:75px;
	font-size:162.5%;
}

.faq_accordion .nav_common span{
	padding:6px 50px 6px 16px;
	font-size:112.5%;
	line-height:137.5%;
}

.faq_accordion .nav_common span{
	background-position:right 16px center;
	background-size:18px auto;
}

.faq_accordion .nav_common span.open{
	background-position:right 16px center;
	background-size:18px auto;
}

.faq_accordion .faq_text{
	padding:16px 21px 16px 21px;
}

.faq_accordion .faq_text p{
	font-size:106.25%;
	line-height:175%;
}

}

@media screen and (max-width:480px){

.faq_accordion{
	margin:0px 6px 16px 0px;
}

.faq_accordion .nav_common{
	padding:10px 0px 10px 0px;
}

.faq_accordion .nav_common::before{
	left:65px;
}

.faq_accordion .nav_common::after{
	width:65px;
}

.faq_accordion .nav_common p{
	width:65px;
	font-size:150%;
}

.faq_accordion .nav_common span{
	padding:5px 46px 5px 15px;
	line-height:131.25%;
}

.faq_accordion .nav_common span{
	background-position:right 15px center;
	background-size:16px auto;
}

.faq_accordion .nav_common span.open{
	background-position:right 15px center;
	background-size:16px auto;
}

.faq_accordion .faq_text{
	padding:15px 20px 15px 20px;
}

.faq_accordion .faq_text p{
	font-size:100%;
}

}


/*-- FAQ NAV --*/

.contents_faq_nav{
	position:relative;
	padding:20px 0px 5px 0px;
	width:100%;
}

.contents_faq_nav .nav{
	position:relative;
	background-color:rgba(150,180,15,1.0);
	border:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
	width:450px;
}

.contents_faq_nav .nav::after{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	content:'';
	transform-origin:left top;
	transform:scale(0, 1);
	transition:0.25s transform;
}

.contents_faq_nav .nav::after{
	background-color:rgba(25,25,25,0.075);
}

.contents_faq_nav .nav:hover::after{
	transform-origin:left top;
	transform:scale(1, 1);
}

.contents_faq_nav .nav a{
	position:relative;
	padding:25px 60px 25px 20px;
	background-image:url(../images/svg/icon_side_nav_black.svg);
	background-repeat:no-repeat;
	background-position:right 20px center;
	background-size:20px auto;
	font-size:125%;
	line-height:137.5%;
	letter-spacing:-0.01em;
	color:rgba(25,25,25,1.0);
	font-weight:500;
	text-decoration:none;
	display:block;
	z-index:1;
}

@media screen and (max-width:1440px){

.contents_faq_nav{
	padding:19px 0px 4px 0px;
}

.contents_faq_nav .nav{
	width:400px;
}

.contents_faq_nav .nav a{
	padding:22px 54px 22px 18px;
	background-position:right 18px center;
	background-size:18px auto;
	font-size:118.75%;
}

}

@media screen and (max-width:1280px){

.contents_faq_nav{
	padding:18px 0px 3px 0px;
}

.contents_faq_nav .nav{
	width:350px;
}

.contents_faq_nav .nav a{
	font-size:112.5%;
}

}

@media all and (max-width:960px), print{

.contents_faq_nav{
	padding:17px 0px 2px 0px;
}

.contents_faq_nav .nav{
	width:300px;
}

.contents_faq_nav .nav::after{
	display:none;
}

.contents_faq_nav .nav a{
	padding:19px 48px 19px 16px;
	background-position:right 16px center;
	background-size:16px auto;
	font-size:106.25%;
}

}

@media screen and (max-width:640px){

.contents_faq_nav{
	padding:16px 0px 1px 0px;
}

.contents_faq_nav .nav{
	width:100%;
}

.contents_faq_nav .nav a{
	font-size:100%;
}

}