@charset "UTF-8";

.header_title .box{height: 100%;}
.header_title .image{background:url(../img/faq/bg_faq.jpg) 50% 50% no-repeat;-webkit-background-size:cover;background-size:cover;}
.header_title h1{text-align:center;}


.faq_navi{max-width:1200px;margin-right:auto;margin-left:auto;}
.faq_navi ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;align-items:center;align-items:center;}
.faq_navi li a{font-weight:bold;display:block;font-size:14px;color:#D36D7E;background-color:#fff;text-align:center;display:block;-webkit-border-radius: 10px; border-radius: 10px;border:1px solid #D36D7E;position:relative;text-decoration:none;}
.faq_navi li a::after{position:absolute;background:url(../img/faq/arrow.png) 50% 50% no-repeat;content:"";display:block;margin-top:-9px;top:50%;right:8.77%;width:18px;height:18px;
-webkit-background-size:contain;background-size:contain;}

.faq_table .wrapper{padding-bottom:70px;}
.faq_table .area{max-width:1200px;margin:0 auto 70px;}
.faq_table h2{padding:8px 0 7px 56px;font-weight:bold;font-size:24px;line-height:1.2;border-left:1px solid #fff;margin-bottom:13px;position:relative;}
.faq_table h2::after{position:absolute;display:block;content:"";left:31px;top:0;width:9px;height:44px;-webkit-border-radius: 5px; border-radius: 5px;background-color:#E4A900;}
.faq_table .box{background-color:#fff;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);box-shadow: 0 0 10px rgba(0,0,0,0.2);-webkit-border-radius: 40px; border-radius: 40px;}
.faq_table .box dl{border-bottom:2px dotted #D5D5D5;margin-bottom:30px;}
.faq_table .box dt{color:#D36D7E;margin-bottom:7px;font-weight:bold;line-height:1.2;position:relative;}
.faq_table .box dt::after{content:"";display:block;position:absolute;top:0;left:0;width:39px;height:39px;background:url(../img/faq/q.png) 50% 50% no-repeat;
-webkit-background-size:contain;background-size:contain;}
.faq_table .box dd{line-height:2;padding-bottom:23px;}
.faq_table .box dd a{color:#D36D7E;}

.faq_table .area:last-child{margin-bottom:10px;}
.faq_table .box:last-child{margin-bottom:0;}
.faq_table .box dl:last-of-type{border-bottom:none;margin-bottom:0;}
.faq_table .box dl:last-of-type dd{padding-bottom:0;}

.link_btn{background-color:#FDE9E0;}
.link_btn .wrapper{max-width:none;background-color:#FFFCF4;}
.link_btn .box{max-width:477px;margin-right:auto;margin-left:auto;width:85%;text-align:center;}

@media screen and (min-width:768px) {

	.header_title{position: relative;max-width: 1290px;height: 410px;margin: 0 auto 83px;}
	.header_title .image{width: 68.14%;max-width: 879px;height:100%;position:absolute;top:0;right:0;overflow:hidden;-webkit-border-radius: 0 0 0 60px;border-radius: 0 0 0 60px;}
	.header_title h1{max-width: 411px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: flex-end;padding-right: 73px;}

	.faq_navi{margin-bottom:44px;}
	.faq_navi li{max-width:285px;width:23.75%;margin-right:1.5%;padding-bottom:20px;}
	.faq_navi li:nth-child(4n){ margin-right:0; }
	.faq_navi li a{padding:19px 10px 20px;}
	.faq_navi li a{-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
	.faq_navi li a:hover{ color:#fff;background-color:#D36D7E; }
	.faq_table h2{padding: 8px 0 7px 56px;font-size:24px;}
	.faq_table h2::after{left:31px;width:9px;height:44px;}
	
	.faq_table .box{padding: 58px 53px;margin-bottom:40px;}
	.faq_table .box dl{padding: 0 50px;}
	.faq_table .box dt{font-size:20px;padding:8px 10px 7px 55px;}
	
	.link_btn{padding-bottom:90px;}
	.link_btn .wrapper{padding:69px 0 88px;-webkit-border-radius: 0 0 80px 80px; border-radius: 0 0 80px 80px;}
}

@media screen and (max-width:767px) {
	.header_title {margin-bottom: 30px}
	.header_title .box{padding-left: 40px;background: url(../img/sp_header_copy.svg) no-repeat 17px 22px;background-size: 8px 197px;}
	.header_title h1{margin-left: -40px;}
	.header_title .image{background-image:url(../img/faq/sp_bg_faq.jpg);height:240px;margin-bottom:20px;-webkit-border-radius: 0 0 0 50px;border-radius: 0 0 0 50px;}
	
	.faq_navi{margin-bottom:35px;}
	.faq_navi li{width:45%;margin-right:5%;padding-bottom:10px;}
	.faq_navi li:nth-child(2n){ margin-right:0; }
	.faq_navi li a{padding:13px 5px 14px;}
	.faq_table h2{padding: 7px 0 8px 43px;font-size:20px;}
	.faq_table h2::after{left:16px;width:6px;height:39px;}
	
	.faq_table .box{padding:40px 30px;margin-bottom:30px;}
	.faq_table .box dl{padding:0 10px;}
	.faq_table .box dt{font-size:18px;padding:8px 10px 7px 49px;}
	
	.link_btn{padding-bottom:60px;}
	.link_btn .wrapper{padding:35px 0 58px;-webkit-border-radius: 0 0 40px 40px; border-radius: 0 0 40px 40px;}
}

@media screen and (max-width:480px) {
	.faq_navi li{width:100%;margin-right:0;padding-bottom:10px;}
}