@charset "utf-8";
/* faq css */

/*=========================================
		パネルメニュー
=========================================*/
#faq_wrap .panel-menu { padding-top: 3rem; }
#faq_wrap .panel-menu ul {
    justify-content: center;
}
#faq_wrap .panel-menu li { margin-left: 2rem; }
#faq_wrap .panel-menu li a {
    border: 1px solid #ebf6f7;
    padding: 2.5rem;
    color: #ebf6f7;
    position: relative;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
    text-align: center;
}
#faq_wrap .panel-menu li a:after {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    display: inline-block;
    right: 1rem;
    top: 40%;
}

/*=========================================
		よくあるお問い合わせ
=========================================*/
#faq-area .box { padding-top: 6rem; }
#faq-area .box .ttl_wrap { margin-bottom: 2.5rem; }
#faq-area dl {
    line-height: 1.5;
    margin-top: 1.5rem;
    background: #EEEEEE;
	padding: 0.5rem;
}
#faq-area dt {
    font-weight: 500;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
    color: #02414C;
	padding: 1rem 5rem 1.5rem 2rem;
	cursor: pointer;
	position: relative;
	text-indent: -1.8em;
    padding-left: 2.5em;
}
#faq-area dt:before {
    content: "Q.";
    font-size: 26px;
    font-size: 2.6rem;
    margin-right: 0.5rem;
    line-height: 1;
    color: rgba(232,44,44,1);
	font-weight: bold;
}
#faq-area dt:after {
	content: "";
    width: 0.8rem;
    height: 0.8rem;
    border-top: 3px solid #02414C;
    border-right: 3px solid #02414C;
    position: absolute;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    display: inline-block;
    right: 2rem;
    top: 50%;
}
#faq-area dt.slide-arrow_b:after {
	-webkit-transform: rotate(136deg);
    transform: rotate(136deg);
	top: 35%;
}
#faq-area dd {
    padding-top: 1rem;
	padding: 2rem;
	background: #fff;	
}
#faq-area .addres-box {
	background: #EEEEEE;
    padding: 2rem;
	font-weight: bold;
	text-align: center;
	margin-top: 1.5rem;
	line-height: 1.7;
}
#faq-area .addres-box p { 
	display: inline-block;
	text-align: left;
}

/*=========================================
		案内
=========================================*/
#faq_wrap #head-content { margin-top: 7rem; }
#faq_wrap #contact-area > p { margin-bottom: 2rem; }

@media screen and (min-width: 768px) {
	/*=========================================
			パネルメニュー
	=========================================*/
	#faq_wrap .panel-menu li { width: calc((100% / 5) - 2rem); }
	#faq_wrap .panel-menu li:first-of-type { margin-left: 0; }
}

@media screen and (max-width: 767px) {
	/*=========================================
			パネルメニュー
	=========================================*/
	#faq_wrap .panel-menu { padding-top: 1rem; }
	#faq_wrap .panel-menu ul { flex-wrap: wrap; }
	#faq_wrap .panel-menu li { 
		width: calc((100% / 2) - 1rem);
		margin-top: 2rem;
	}
	#faq_wrap .panel-menu li:nth-of-type(odd) { margin-left: 0; }
	
	/*=========================================
			よくあるお問い合わせ
	=========================================*/
	#faq-area { margin-top: 1rem; }
	
	/*=========================================
			案内
	=========================================*/
	#faq_wrap #head-content { margin-top: 4rem; }
}