@charset "utf-8";

html { display:block; height:100%;}
body.scrollLock { overflow:hidden;}


body { overflow-y:scroll; display:block; height:100%; background:#f5f6f8;}
.innerBox { position:relative; max-width:1040px; padding:0 20px; margin:0 auto;}

#bannerHeader { height:70px; background:#fff;}
#bannerHeader .innerBox { height:70px;}
#bannerHeader h1 a { display:block; position:absolute; top:50%; left:20px; width:93px; height:36px; font-size:0; background:url('../images/credit2/logo.png') no-repeat; background-size:100%; transform:translateY(-50%);}
#bannerHeader .btnPrev { display:none; position:absolute; left:20px; top:50%; width:18px; height:28.5px; font-size:0; background:url('../images/credit2/icon_prev.png') no-repeat; background-size:100%; transform:translateY(-50%);}

.sectionHeader { height:444px; background:#6c61d1; background: linear-gradient(90deg,#6a5ecf 0%,#8a7eee 100%);}
.sectionHeader .innerBox { padding-top:97px;}
.sectionHeader h1 { width:392px; height:188px; margin-left:29px; font-size:0; background:url('../images/credit2/title.png') no-repeat;}
.sectionHeader .img { position:absolute; top:0px; right:0px; z-index:2; width:545px; height:414px; background:url('../images/credit2/bg1.png') no-repeat; background-size:100%; transition:all .3s ease;}
.sectionHeader .text { position:relative; z-index:3; margin-top:20px; padding-left:30px; font-size:17px; color:#333;}
.sectionHeader .text .btnFAQ { position:absolute; top:0; right:0; width:92px; height:40px; font-size:0; background:url('../images/credit2/btn_faq.png') no-repeat;}

.btnGroup { padding-left:30px; margin-top:15px; font-size:0;}
.btnGroup a { display:inline-block; width:160px; height:40px; border-radius:3px; line-height:40px; text-align:center; color:#fff; font-weight:bold; font-size:17px;}
.btnGroup a + a { margin-left:10px;}
.btnGroup .faq { background:#6f7689;}
.btnGroup .faq:before { content:''; display:inline-block; width:20px; height:20px; margin-right:10px; margin-top:-3px; vertical-align:middle; background:url('../images/credit2/icon_faq.png') no-repeat; background-size:100%;}
.btnGroup .youtube { background:#3d5199;}
.btnGroup .youtube:before { content:''; display:inline-block; width:20px; height:17px; margin-right:10px; margin-top:-3px; vertical-align:middle; background:url('../images/credit2/icon_youtube.png') no-repeat; background-size:100%;}

#bannerCont .box { padding:60px; border-radius:4px; box-shadow:0 0 8px rgba(134,134,134,0.2); background:#fff; transform:translateY(-60px);}
#resultCont .box { padding:60px; margin:60px 0; border-radius:4px; box-shadow:0 0 8px rgba(134,134,134,0.2); background:#fff;}
#infomationCont .box { padding:60px; margin:60px 0; border-radius:4px; box-shadow:0 0 8px rgba(134,134,134,0.2); background:#fff;}
.box .checkList { display:flex; display:-ms-flex;}
.box .checkList + .checkList { margin-top:30px;}
.box .checkList .textBox { flex:1 1 auto; display:flex; flex-wrap:wrap; margin-right:20px; align-items:center;}
.box .checkList .textBox .text { position:relative; width:100%; padding-left:15px; font-size:17px; color:#666;}
.box .checkList .textBox .text:before { content:''; display:block; position:absolute; top:8px; left:0; width:5px; height:5px; border-radius:2px; background:#3d5199;}
.box .checkList .textBox .text strong { color:#5148a4; font-weight:bold;}
.box .checkList .textBox .linkText { display:inline-block; margin-top:5px; margin-left:15px; font-size:15px; color:#333; font-weight:bold;}
.box .checkList .textBox .linkText:after { content:''; display:inline-block; width:6px; height:10px; margin-left:10px; background:url('../images/credit2/icon_arrow.png') no-repeat; background-size:100%;}
.box .checkList .textBox .linkText.type2 {color:#333;}
.box .checkList .textBox .linkText.type2:after { background:url('../images/credit2/icon_arrow2.png') no-repeat; background-size:100%;}
.box .checkList .textBox .dotList { width:100%; padding-left:15px; font-size:13px; color:#666666; line-height:1.53;}
.box .checkList .textBox .dotList:before { content:''; display:inline-block; width:3px; height:3px; margin-right:10px; vertical-align:middle; background:#888888;}
.box .checkList .radioBox { flex:0 0 auto; position:relative; width:200px; height:40px; border:1px solid #dbdbdb; border-radius:4px; font-size:0;}
.box .checkList .radioBox input { position:absolute; opacity:0;}
.box .checkList .radioBox label { display:block; float:left; position:relative; width:99px; font-size:15px; color:#888; text-align:center; line-height:38px; cursor:pointer;}
.box .checkList .radioBox input ~ input + label { border-left:1px solid #dbdbdb;}
.box .checkList .radioBox input:checked + label:before { content:''; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; border-radius:4px; background:#5148a4; }
.box .checkList .radioBox input:checked + label span { position:relative; color:#fff;}

.infoBox { position:relative; margin-top:40px; padding:30px 30px 30px 160px; background:#f5f6f8;}
.infoBox:after { content:''; display:block; position:absolute; top:50%; left:50px; width:70px; height:70px; background:url('../images/credit2/icon_info.png') no-repeat; transform:translateY(-50%);}
.infoBox .title { display:none;}
.infoBox .title.type2 { display:block; margin-bottom:3px; font-size:17px; color:#333; font-weight:bold;}
.infoBox .title.type3 { display:block; margin-bottom:10px; font-size:15px; color:#333; font-weight:bold;}
.infoBox .title strong { font-weight:bold; color:#3d5199;}
.infoBox .text { margin-bottom:15px; font-size:15px; color:#333; font-weight:bold;}
.infoBox .text strong { font-weight:bold; color:#3d5199;}
.infoBox .text2 { margin-top:5px; font-size:15px;}
.infoBox li { position:relative; padding-left:13px; font-size:15px; color:#666;}
.infoBox li + li { margin-top:8px;}
.infoBox li:before { content:''; display:block; position:absolute; top:7px; left:0; width:4px; height:4px; background:#3d5199;}
.infoBox li strong { font-weight:bold; color:#333;}
.infoBox li .txtRed1 { color:#f4516c;}
.infoBox li .btnLink { display:inline-block; margin-top:3px; font-size:13px; color:#5148a4; font-weight:bold;}
.infoBox li .btnLink:after { content:''; display:inline-block; width:6px; height:10px; margin-top:-2px; margin-left:5px; vertical-align:middle; background:url('../images/credit2/icon_arrow3.png') no-repeat; background-size:100%;}

a.btn { display:block; width:350px; height:60px; margin:0 auto 60px; border-radius:30px; text-align:center; line-height:60px; font-size:20px; color:#ffffff; background:#5148a4;}

#resultWrap {}

.resultBox { margin-bottom:45px; text-align:center;}
.resultBox h1 { font-size:25px;}
.resultBox h1:before { content:''; display:block; width:70px; height:70px; margin:0px auto 30px; background:url('../images/credit2/icon_result.png') no-repeat; background-size:100%;}
.resultBox h1 strong { font-weight:bold; color:#3d5199;}
.resultBox h1 br { display:none;}
.resultBox h1 .color { color:#f4516c;}
.resultBox .text { margin-top:15px; font-size:17px; color:#666;}
.resultBox .text span { color:#f4516c;}
.resultBox .text br { display:none;}
.resultBox .text .pcShow { display:block;}
.resultBox2 h1:before { content:''; display:block; width:70px; height:70px; margin:0px auto 30px; background:url('../images/credit2/icon_result2.png') no-repeat; background-size:100%;}
#resultWrap .infoBox {}
#resultWrap .infoBox:after { top:30px; transform:translateY(0);}


.infomationHeader { padding-top:55px; padding-left:40px;}
.infomationHeader h1 { font-size:30px; color:#333; font-weight:bold;}
.infomationHeader h1 span { color:#3d5199; font-weight:bold;}
.infomationHeader .text { margin-top:5px; font-size:17px; color:#333;}

.tableWrap { border-top:2px solid #cccccc;}
.tableWrap .width1 { width:230px;}
.tableWrap th { height:60px; border-bottom:2px solid #dbdbdb; line-height:60px; text-align:center; font-size:17px; color:#333; font-weight:bold; background:#f5f6f8;}
.tableWrap td { padding:20px 20px; border-bottom:1px solid #dbdbdb; font-size:17px; color:#333;}
.tableWrap td + td { border-left:1px solid #dbdbdb;}
.tableWrap td.bl { border-left:1px solid #dbdbdb;}
.tableWrap td.tc { text-align:center;}
.tableWrap .smallText { display:block; position:relative; padding-left:10px; margin-top:2px; font-size:13px; color:#666;}
.tableWrap .smallText:before { content:'*'; display:block; position:absolute; top:2px; left:0; font-size:13px; color:#666;}
.tableWrap .dotList {}
.tableWrap .dotList li { position:relative; margin-top:15px; padding-left:14px; font-size:15px; color:#666;}
.tableWrap .dotList li:before { content:''; display:block; position:absolute; top:8px; left:0; width:4px; height:4px; background:#3d5199;}
.tableWrap .dotList li .tit { font-weight:bold; color:#333;}

.faqBox { border-top:2px solid #cccccc;}
.faqBox dl { border-bottom:1px solid #e8e8e8;}
.faqBox dt {}
.faqBox dt a { display:block; position:relative; padding:20px 60px 20px 20px; font-size:17px;}
.faqBox dt a:after { content:''; display:block; position:absolute; top:25px; right:20px; width:15px; height:9px; background:url('../images/credit2/icon_faq_arrow.png') no-repeat; background-size:100%;}
.faqBox dd { display:none; padding:20px 25px; font-size:17px; background:#f5f6f8;}
.faqBox dd p + p { margin-top:13px;}
.faqBox dd .mark { display:inline-block; font-size:11px; vertical-align: top;}
.faqBox dd .markInfo { margin-top:5px; color:#666666; font-size:13px;}
.faqBox dd .markInfo span { display:inline-block; font-size:11px; vertical-align: top; font-weight:bold;}
.faqBox dd .tit { padding-left:20px; margin-bottom:8px; font-size:14px; color:#333; font-weight:bold;}
.faqBox dd .dotList { padding-left:20px;}
.faqBox dd .dotList li { position:relative; padding-left:12px; font-size:12px; color:#666666;}
.faqBox dd .dotList li + li { margin-top:10px;}
.faqBox dd .dotList li strong { display:inline-block; width:100px; margin-bottom:5px; font-weight:bold;}
.faqBox dd .dotList li:before { content:''; display:block; position:absolute; top:5px; left:0; width:4px; height:4px; background:#3d5199;}

.btnMobile { display:none;}
.btnPc { display:block; margin-bottom:60px;}
.btnPc .btn { margin-bottom:10px;}
.btnPc p { text-align:center; font-size:17px; color:#666;}
.btnPc p a { display:inline-block; margin-left:20px; font-weight:bold; font-size:17px; text-decoration:underline; color:#5148a4;}

.infoText { position:relative; margin-top:20px; padding-left:14px; font-size:13px; color:#666; line-height:1.38;}
.infoText:before { content:'※'; display:block; position:absolute; top:-1px; left:0; }

.secPC { display:block;}
.secMo { display:none;}

@media screen and (max-width:1200px){
	.sectionHeader .img { top:0px; width:300px; height:320px;}
	
	.faqBox dd br { display:none;}
	.faqBox dd .moshow { display:block;}
}
@media screen and (max-width:768px){
	body { background:#fff;}
	
	.innerBox { padding:0 20px;}
	
	#bannerHeader { height:45px; background:#6a5ecf;}
	#bannerHeader .innerBox { height:45px;}
	#bannerHeader h1 a { left:25px; width:57px; height:22px;}
	#bannerHeader .btnPrev { display:block; width:12px; height:19px;}
	
	.sectionHeader { height:auto; background:#6a5ecf;}
	.sectionHeader .innerBox { padding:37px 20px 35px;}
	.sectionHeader h1 { width:auto; height:auto; margin-left:0; padding-top:30%; background:url('../images/credit2/title_m.png') no-repeat; background-size:100%;}
	.sectionHeader .img { position:static; width:320px; height:271px; margin:28px auto 0px; background:url('../images/credit2/bg1_m.png') no-repeat; background-size:100%;}
	.sectionHeader .text { width:auto; margin-top:15px; padding-left:00px; font-size:15px;}
	.sectionHeader .text br { display:none;}
	.sectionHeader .text .btnFAQ { width:80px; height:34px; background:url('../images/credit2/btn_faq_m.png') no-repeat; background-size:100%;}
	
	.btnGroup { padding-left:0px; margin-top:15px;}
	.btnGroup a { width:calc(50% - 10px); height:45px; margin:0 5px; line-height:45px; font-size:15px;}
	.btnGroup a + a { margin:0px 5px;}
	.btnGroup .faq:before { width:18px; height:18px;}
	.btnGroup .youtube:before { width:18px; height:16px;}
		
	
	.sectionHeader + .innerBox { background:#fff;}
	#bannerCont .box { padding:40px 0px 60px; border-radius:0px; box-shadow:none; transform:translateY(0px);}
	.box .checkList + .checkList { margin-top:25px;}
	.box .checkList .textBox { margin-right:25px;}
	.box .checkList .textBox .text { padding-left:12px; font-size:16px; color:#666;}
	.box .checkList .textBox .text:before { top:8px; width:4px; height:4px; border-radius:50%;}
	.box .checkList .textBox .linkText:after { margin-top:-2px; vertical-align:middle;}
	.box .checkList .textBox .linkText { margin-left:15px; font-size:12px;}
	.box .checkList .radioBox { width:110px; height:36px;}
	.box .checkList .radioBox label { width:54px; font-size:13px; line-height:34px;}
	
	.infoBox { margin-top:35px; margin:40px -25px 0px; padding:25px 30px; background:#f5f6f8;}
	.infoBox .title { display:block; margin-bottom:10px; font-size:15px; color:#333; font-weight:bold;}
	.infoBox .title.type2 { margin-bottom:3px; font-size:16px;}
	.infoBox .title.type3 { margin-bottom:7px; font-size:13px;}
	.infoBox .text { margin-bottom:15px; font-size:13px; font-weight:normal;}
	.infoBox .text strong { font-weight:bold; color:#3d5199;}
	.infoBox:after { display:none;}
	.infoBox li { font-size:13px;}
	
	a.btn { position:fixed; bottom:0; left:0; right:0; width:auto; height:60px; margin:0; border-radius:0px; font-size:19px;}
	
	#resultWrap #bannerHeader { background:#fff;}
	#resultWrap #bannerHeader h1 { display:none;}
	#resultCont { padding-bottom:50px;}
	#resultCont .box { padding:40px 0px 0; margin:0; border-radius:0px; box-shadow:none; transform:translateY(0px);}
	
	.resultBox { margin-bottom:40px;}
	.resultBox h1 { font-size:20px;}
	.resultBox h1:before { width:54px; height:54px; margin:0px auto 20px; background:url('../images/credit2/icon_result_m.png') no-repeat; background-size:cover;}
	.resultBox h1 br { display:block;}
	.resultBox .text .pcShow { display:none;}
	.resultBox .text { margin-top:10px; font-size:15px;}
	.resultBox .text br { display:block;} 
	
	
	#resultWrap .infoBox li { float:none; width:100%;}
	#resultWrap .infoBox li:nth-child(2) { margin-top:8px;}
	#resultWrap .infoBox .text2 { font-size:13px; color:#666; margin-top:8px;}
	
	
	#infomationWrap #bannerHeader { background:#fff;}
	#infomationWrap #bannerHeader h1 { display:none;}
	
	.infomationHeader { padding-top:20px; padding-left:00px;}
	.infomationHeader h1 { font-size:18px;}
	.infomationHeader .text { margin-top:5px; font-size:13px;}
	
	#infomationCont { padding-bottom:60px;}
	#infomationCont .box { padding:30px 0px 0; margin:0; border-radius:0px; box-shadow:none; transform:translateY(0px);}
	
	.tableWrap .width1 { width:100px;}
	.tableWrap th { height:45px; line-height:45px; font-size:15px;}
	.tableWrap td { padding:15px 15px; font-size:15px;}
	.tableWrap td br { display:none;}
	.tableWrap .smallText { padding-left:9px; font-size:12px;}
	.tableWrap .smallText:before { font-size:12px;}
	.tableWrap .dotList li { margin-top:10px; padding-left:12px; font-size:13px;}
	.tableWrap .dotList li:before { top:7px;}
	
	
	.faqBox { margin:0 -25px;}
	.faqBox dt a {  padding:20px 60px 20px 20px; font-size:15px;}
	.faqBox dt a:after { top:25px; right:20px; width:15px; height:9px; background:url('../images/credit2/icon_faq_arrow.png') no-repeat; background-size:100%;}
	.faqBox dd { padding:20px 25px; font-size:14px;}
	.faqBox dd p + p { margin-top:10px;}
	.faqBox dd .mark { font-size:10px;}
	.faqBox dd .markInfo { margin-top:5px; font-size:12px;}
	.faqBox dd .markInfo span { font-size:10px;}
	.faqBox dd .tit { padding-left:0; margin-bottom:8px; font-size:12px;}
	.faqBox dd .dotList { padding-left:0;}
	.faqBox dd .dotList li { padding-left:12px; font-size:12px;}
	.faqBox dd .dotList li + li { margin-top:10px;}
	.faqBox dd .dotList li strong { display:block;1 margin-bottom:5px;}
	.faqBox dd .dotList li:before { top:5px; width:4px; height:4px;}
	
	.btnMobile { display:none;}
	.btnPc { display:none;}
	
	.secPC { display:none;}
	.secMo { display:block;}
	
	.infoBox.secMo { margin:40px 0 0; padding:20px 18px; border-radius:6px;}
	.infoBox.secMo + .infoBox.secMo { margin-top:10px;}
	
	.btnLinkBox { margin-top:20px;}
	.btnLinkBox a { font-size:13px; color:#3d5199; font-weight:bold;}
	.btnLinkBox a + a { margin-left:20px;}
	.btnLinkBox a:after { content:''; display:inline-block; width:6px; height:11px; margin-left:6px; margin-top:-1px; vertical-align:middle; background:url('../images/credit2/icon_arrow3.png') no-repeat; background-size:100%;}
	
}