@charset "UTF-8";
/* ==================================================================
CSS information
style info :FAQ 用
================================================================== */


/* ----------------------------------------------------------------------------------------------------------------
OVER WRITE
---------------------------------------------------------------------------------------------------------------- */
.contents__section { padding-bottom: 0; }
@media screen and (min-width: 641px) {
	.contents__section { padding-bottom: calc(0/1920*100%); margin-bottom: calc(-40/1920*100%) }
}
@media screen and (min-width: 1921px) {
	.contents__section { padding-bottom: 0; margin-bottom: -40px;}
}


/* ----------------------------------------------------------------------------------------------------------------
.ttlsection
---------------------------------------------------------------------------------------------------------------- */
.ttlsection { margin-bottom: calc(17/640*100%); }

@media screen and (min-width: 641px) {
	.ttlsection { margin-bottom: calc(28/1400*100%);}
	.ttlsection .tS__ttl { max-width: 594px; width: calc(594/1400*100%); }
}
@media screen and (min-width: 1401px) {
	.ttlsection { margin-bottom: 28px; }
}


/* --------------------------------------------------------
.readtext
-------------------------------------------------------- */
.readtext { width: calc(580/640*100%); margin: 0 auto calc(40/640*100%);}
@media screen and (min-width: 641px) {
	.readtext { max-width: 465px; width: calc(465/1400*100%); margin: 0 auto calc(30/1400*100%);}
}
@media screen and (min-width: 1401px) {
	.readtext { margin: 0 auto 30px;}
}


/* --------------------------------------------------------
.faqSection
-------------------------------------------------------- */
.faqSection { width: 100%; margin: 0 auto; position: relative; }
.fS_inner { width: calc(580/640*100%); margin: 0 auto; position: relative; }

.fontKO { font-family: 'Segoe UI', SegoeUI,'Malgun Gothic', Gulim, Dotum,'돋움',"SF Pro KR", "Helvetica Neue","Helvetica","Arial",sans-serif; -webkit-text-size-adjust: 100%; }
.fontZHCN { font-family: "Microsoft YaHei",微软雅黑,"Helvetica Neue","Helvetica","Arial",sans-serif;  -webkit-text-size-adjust: 100%; }
.fontZHTW { font-family: "Microsoft JhengHei", 微軟正黑體,"Helvetica Neue","Helvetica","Arial",sans-serif; -webkit-text-size-adjust: 100%; }


@media screen and (min-width: 641px) {
	.faqSection { background: rgba(0,0,0,0.7); padding: calc(60/1400*100%) 0 calc(50/1400*100%); }
	.fS_inner { width: calc(980/1040*100%); }
}
@media screen and (min-width: 1041px) {
	.fS_inner { width: 980px; }
}
@media screen and (min-width: 1401px) {
	.faqSection { padding: 50px 0 30px; }
}



/* --------------------------------------------------------
.fS__langList
-------------------------------------------------------- */
.fS__langList { width: 100%; position: relative; margin-bottom: calc(20/580*100%);
		-ms-display: flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-content: center; justify-content: center; }
.fS__langList li { width: calc(150/580*100%); position: relative;}
.fS__langList li { padding: 0.8em 0.8em 0.8em 1.0em; border: 2px solid #fff; background: rgba(0,0,0,0.9); border-radius: 8px; margin: 0 calc(20/580*100%) calc(20/580*100%); font-size: 1.3rem; }
.fS__langList li::before { content: ''; width: 25px; height: 100%; background: url(../_img/icon_sword.png) top left no-repeat; background-size: 25px 21px; position: absolute; top: 0.6em; left: -1.1em;}
.fS__langList li a { text-decoration: none; display: block; line-height: 1.41; color: #fff; }
.fS__langList li.current { border-color: #5f5f5f; }
.fS__langList li.current::before { opacity: 0.5; }
.fS__langList li.current a { opacity: 0.5; }

@media screen and (min-width: 641px) {
	.fS__langList { margin-bottom: calc(50/980*100%); -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-justify-content: space-between; justify-content: space-between; }
	.fS__langList li { width: calc(160/980*100%); }
	.fS__langList li { padding: 1.1em 0.8em 1.1em 26px; margin: 0; font-size: 1.4rem; line-height: 1.41;}
	.fS__langList li::before { width: 30px; background-size: 30px 26px; }
	.fS__langList li::before { top: 0.8em; left: calc(-20/160*100%);}
	.fS__langList li a:hover { text-decoration: underline;}
}



/* --------------------------------------------------------
.fS__faqList
-------------------------------------------------------- */
.fS__faqList { width: 100%; position: relative; margin-bottom: calc(40/580*100%);}
.fS__faqList li { width: 100%; position: relative;}
.fS__faqList li { padding: 0.8em 0.8em 0.8em 1.0em; border: 2px solid #fff; background: rgba(0,0,0,0.9); border-radius: 8px; margin-bottom: calc(20/580*100%); font-size: 1.3rem; }
.fS__faqList li::before { content: ''; width: 25px; height: 100%; background: url(../_img/icon_sword.png) top left no-repeat; background-size: 25px 21px; position: absolute; top: 0.6em; left: -1.1em;}
.fS__faqList li.--upd::after { content: 'UPDATA'; display: inline-block; width: fit-content; background-color: #eb0d9a; color: #fff; position: absolute; top: -0.7em; left: 1.1em; padding: 0.3em 1.0em 0.2em; font-size: 0.9em; line-height: 0.8; border-radius: 2em; }
.fS__faqList li a { text-decoration: none; display: block; line-height: 1.41; color: #fff; }

@media screen and (min-width: 641px) {
	.fS__faqList { margin-bottom: calc(20/980*100%);
		-ms-display: flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-content: space-between; justify-content: space-between; }
	/*.fS__faqList::after { content: ''; width: 12%; }*/
	.fS__faqList li { width: calc(475/980*100%); }
	.fS__faqList li { padding: 1.1em 0.8em 1.1em 26px; margin-bottom: calc(20/980*100%); font-size: 1.4rem; line-height: 1.61;}
	.fS__faqList li::before { width: 45px; background-size: 45px 38px; }
	.fS__faqList li::before { top: 0.3em; left: calc(-27/475*100%);}
	.fS__faqList li.--upd::after { left: 2.1em; }
	.fS__faqList li a:hover { text-decoration: underline;}
}




/* --------------------------------------------------------
.fS__faqBlock
-------------------------------------------------------- */
.fS__faqBlock { width: 100%; }

.fS__fB__hl { width: 100%; margin-bottom: calc(40/640*100%);
background: linear-gradient(to bottom, #b80c12 0%,#850000 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b80c12', endColorstr='#850000',GradientType=0 );
}
.fS__fB__hl div { width: calc(640/640*100%); margin: 0 auto;}

.fS__fB__listBlock ,
.fS__fB__listBlock a { color: #fff; }
.fS__fB__listBlock .fS__fB__lB__item { margin-bottom: calc(60/580*100%);}
.fS__fB__listBlock .fS__fB__lB__item dl ,
.fS__fB__listBlock .fS__fB__lB__item dl .text_que ,
.fS__fB__listBlock .fS__fB__lB__item .text_link { border: 2px solid #fff; background: rgba(0,0,0,0.9); border-radius: 8px; }
.fS__fB__listBlock .fS__fB__lB__item .text_link a { text-decoration: none;}
.fS__fB__listBlock .fS__fB__lB__item .text_link a:hover { text-decoration: underline;}

.fS__fB__listBlock .fS__fB__lB__item dl { position: relative; }
.fS__fB__listBlock .fS__fB__lB__item dl .text_que { width: 95%; margin: -5% 2.5% 0.3em; padding: 0.7em 0.5em 0.7em 1em; font-size: 1.5rem; line-height: 1.41; position: relative;}
.fS__fB__listBlock .fS__fB__lB__item dl .text_que::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0.4em; left: -1.1em; 
	background: url(../_img/icon_sword.png) top left no-repeat; background-size: 30px 25px;}
.fS__fB__listBlock .fS__fB__lB__item.--upd dl .text_que::after { content: 'UPDATA'; display: inline-block; width: fit-content; background-color: #eb0d9a; color: #fff; position: absolute; top: -0.7em; left: 1.1em; padding: 0.3em 1.0em 0.2em; font-size: 0.9em; line-height: 0.8; border-radius: 2em; }
.fS__fB__listBlock .fS__fB__lB__item dl .text_ans { padding: 0.8em 1em 2em; font-size: 1.5rem; line-height: 1.61;}
.fS__fB__listBlock .fS__fB__lB__item dl .text_ans .notes { font-size: 1.2rem; }

.fS__fB__listBlock .fS__fB__lB__item .text_link { width: 80%; margin: -1em 3.0% 0% 17.0%;  padding: 0.8em 0.5em 0.8em 1em; font-size: 1.3rem; position: relative;}
.fS__fB__listBlock .fS__fB__lB__item .text_link p { margin-top: 0.5em; line-height: 1.41;}
.fS__fB__listBlock .fS__fB__lB__item .text_link p:first-child { margin-top: 0;}
.fS__fB__listBlock .fS__fB__lB__item .text_link p a { display: inline-block; background: url(../_img/icon_arrow_sp.png) center left no-repeat; background-size: 11px 15px; padding-left: 21px;}


@media screen and (min-width: 641px) {
	.fS__faqBlock { width: 100%; }

	.fS__fB__hl { width: 100%; margin-bottom: calc(60/1040*100%);}
	.fS__fB__hl div { width: 100%; margin: 0 auto;}

	.fS__fB__listBlock .fS__fB__lB__item { margin-bottom: calc(70/1040*100%);}

	.fS__fB__listBlock .fS__fB__lB__item dl { }
	.fS__fB__listBlock .fS__fB__lB__item dl .text_que { width: calc(840/976*100%); margin: -3.080082% 1.745379% 0.3em; padding: 0.8em 1.5em; font-size: 1.8rem; line-height: 1.41; }
	.fS__fB__listBlock .fS__fB__lB__item dl .text_que::before { width: 100%; height: 100%; top: 0.4em; left: -1.1em; background-size: 45px 38px; }
	.fS__fB__listBlock .fS__fB__lB__item.--upd dl .text_que::after { left: 1.6em; }
	.fS__fB__listBlock .fS__fB__lB__item dl .text_ans { padding: 1em 2.5em 2.5em; font-size: 1.8rem; line-height: 1.61;}
	.fS__fB__listBlock .fS__fB__lB__item dl .text_ans .notes { font-size: 1.4rem; }

	.fS__fB__listBlock .fS__fB__lB__item .text_link { width: 80%; margin: -1em 3.0% 0% 17.0%;  padding: 0.8em 0.5em 0.8em 1em; font-size: 1.3rem; position: relative;}


	.fS__fB__listBlock .fS__fB__lB__item .text_link { float: right; display: inline-block; }
	.fS__fB__listBlock .fS__fB__lB__item .text_link { width: auto; margin: -2.551020% 2.551020% 0% 0;  padding: 1.0em 1.5em; font-size: 1.6rem;}/* m25 25 0 0 */
	.fS__fB__listBlock .fS__fB__lB__item .text_link p { margin-top: 0.8em; line-height: 1.41;}
	.fS__fB__listBlock .fS__fB__lB__item .text_link p:first-child { margin-top: 0;}

}
@media screen and (min-width: 1041px) {
	.fS__faqBlock { }

	.fS__fB__hl { margin-bottom: 60px;}
	.fS__fB__hl div { width: 1040px;}

	.fS_inner { width: 980px; }
}