@charset "utf-8";
/* ===================================================
	Faq CSS
====================================================== */
#main_img h1 { text-shadow: 0px 0px 6px #130303; }

/* cmn Parts */
#contents_wrap { position: relative; }
#contents_wrap #breadcrumb { position: absolute; bottom: 0; left: 0; background: transparent; }
.bg_wrap { padding: 80px 0 170px; background: url(../img/bg_w.gif); }
.bg_wrap>section { padding-top: 100px; }
.color { color: #ae0000; }
.through { text-decoration: line-through; }

@media screen and (min-width: 601px) {
	.bg_wrap>section .cmn_tit { padding-top: 20px; }
}
@media screen and (max-width: 600px) {
	.bg_wrap { padding: 8vw 0 100px; }
	.bg_wrap>section { padding-top: 12vw; }
	.bg_wrap>section .cmn_tit { margin-bottom: 30px; }
}


/* ===================================================
faqレイアウト
=================================================== */
/*--------------------------------------------------------
	cmn Layout
--------------------------------------------------------*/
.faq_list [class*="layout"] { margin: 0 0 25px; line-height: 1.6;}
.faq_list [class*="layout"]>dt { font-size: 18px; padding: 20px 40px 20px 80px; position: relative;}
.faq_list [class*="layout"]>dd { position: relative; }
.faq_list [class*="layout"]>dt:before,
.faq_list [class*="layout"]>dd:before { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; color: #fff; font-size: 18px; position: absolute; left: 30px; font-family: serif;}
.faq_list [class*="layout"]>dt:before { top: 20px; }
.faq_list [class*="layout"]>dd:before { top: 25px; }
.faq_list [class*="layout"]>dt::before { content: 'Q'; background: #7c5ca2;}
.faq_list [class*="layout"]>dd::before { content: 'A'; color: #847752; border: 1px solid #c4bcaa; }
.faq_list [class*="faqicon"]>dt.acc_tit::after { content: ''; display: block; position: absolute; right: 20px; background-repeat: no-repeat; background-size: contain;}
.faq_list [class*="layout"]>dd ul li+li { margin-top: .5em; }
.faq_list [class*="layout"]>dd ul li span:not([class]) { font-weight: bold; margin-right: 1em; }
.faq_list [class*="layout"]>dd ul li .sm { font-size: 14px; }
.faq_list [class*="layout"]>dd p+ul { margin: .5em 0; }
.faq_list [class*="layout"]>dd a { display: inline-block; color: #847752; text-decoration: underline; }
.faq_list [class*="layout"]>dd a:hover { text-decoration: none; }

@media screen and (max-width: 600px){
	.faq_list [class*="layout"] { margin: 0 0 15px;}
	.faq_list [class*="layout"]>dt:before,
	.faq_list [class*="layout"]>dd:before { width: 24px; height: 24px; font-size: 16px; position: absolute; top: 11px; left: 5px;}
	.faq_list [class*="layout"]>dt { padding: 10px 25px 10px 40px; font-size: 16px;}
	.faq_list [class*="faqicon"]>dt.acc_tit::after { right: 10px;}
	.faq_list [class*="layout"]>dd ul li .sm { font-size: 13px; }
}

/*--------------------------------------------------------
	faqレイアウト選択スタイル※不要なスタイルは削除
--------------------------------------------------------*/

/* faq基本レイアウトtype
--------------------------------------------------------*/

/* ▼ faq基本レイアウトtype2 ここから --------------*/
.faq_list [class*="layout2"] { border-bottom: 1px solid #c4bcaa;}
.faq_list [class*="layout2"]>dd { padding: 30px 20px 20px 90px; border-top: 1px dashed #c4bcaa;}
@media screen and (max-width: 600px){
	.faq_list [class*="layout2"]>dd { padding: 15px 0 10px 40px;}
}
/* ▲ faq基本レイアウトtype2 ここまで --------------*/

/* 開閉アイコンtype
--------------------------------------------------------*/
/* ▼ 開閉アイコンtype1 ここから --------------*/
@media screen and (max-width: 600px){
	.faq_list .faqicon_1 >dt.acc_tit::after { background-image: url(../img/cmn_cnav_arrow.svg); width: 12px; height: 8px; top: calc(50% - 4px); transition: transform .5s;}
	.faq_list .faqicon_1 >dt.acc_tit.active::after { transform: rotate(180deg);}
}
/* ▲ 開閉アイコンtype1 ここまで --------------*/