@charset "utf-8"; 

.img{font-size:0;}
.fs38{font-size:38px!important;}
.ls1{letter-spacing:1em;}

.contents {padding-bottom:100px;}

.secMain .mainArea{height:720px; width:100%; overflow:hidden; position:relative;}
.secMain .mainArea .mainTxt{position:absolute; top:84px; left:50%; transform:translateX(-50%); width:950px; z-index:1100; font-size:0; height:552px;}
.secMain .mainArea .mainTxt h1{position:absolute; top:0; left:0;}
.secMain .mainArea .headTtl_01{position:absolute; top:99px; left:0;}
.secMain .mainArea .headTtl_02{position:absolute; top:178px; left:0;}
.secMain .mainArea .linkBtn{position:absolute; bottom:7px; right:17px;}
.secMain .mainArea .btnCP{width:280px!important; height:80px; border-radius:8px; padding:20px 20px 16px !important; cursor:pointer;}
.secMain .mainArea .btnCP span{text-align:left; font-size:22px;}
.secMain .mainArea .btnCP span.ico{font-size:34px; line-height:40px; padding-left:5px; background:url(../img/icon_arr.png) right 0 top 50% no-repeat; padding-right:45px;}
.secMain .mainArea .btnCP.btn02{padding:10px 5px !important;}
.secMain .mainArea .btnCP.btn03{width:270px!important; height:60px; padding:10px 5px !important;}
.secMain .mainArea .btnCP.btn02 span.ico, .secMain .mainArea .btnCP.btn03 span.ico{font-size:22px; line-height:32px; padding-left:5px;}
.secMain .mainArea .btnCP .w165{width:165px!important;}
.secMain .mainArea .btnCP .li26p{line-height:26px!important;}
.secMain .mainArea .mainImg{z-index:10;}
.secMain .mainArea .slickBox{max-width:1920px; margin:0 auto;}
.secMain .ancArea{text-align:center; margin:0 auto; padding:65px 0 40px; background:#cc0000;}
.secMain .ancArea .ancList{display:flex; justify-content:space-between; margin:45px auto 0; width:945px;}
.secMain .ancArea .ancList li a{display:block; background:url(../img/icon_anc.png) right 0% top 45% no-repeat; padding-right:20px; color:#ffffff; font-size:18px;}

.secBattle{padding:40px 0; background:#f5f5f5;}
.secBattle .txt{font-size:16px; line-height:2.5;}
.secBattle .txt02{font-size:18px; line-height:1.9;}

.battleArea{background:url(../img/battle_main.png) no-repeat center top; position:relative; width:990px; height:1021px; margin:55px auto 0;}
.battleArea.bg02{background:url(../img/battle_main_02.png) no-repeat center top; position:relative; width:990px; height:1045px; margin:55px auto 0;}
.battleArea.bg03{background:url(../img/battle_main_03.png) no-repeat center top; position:relative; width:990px; height:1045px; margin:55px auto 0;}
.battleArea.bg04{background:url(../img/battle_main_04.png) no-repeat center top; position:relative; width:990px; height:1045px; margin:55px auto 0;}

.battleDetail{overflow:hidden; margin:0 auto;}
.battleDetail dt, .secBattle .battleDetail dd{line-height:1.45;}
.battleDetail dt{float:left;}
.battleDetail dd{padding-left:4em; margin-bottom:6px; text-indent:-1em;}
.battleDetail dd:before{content:"："}
.battleDetail dd.em5{padding-left:5em;}
.battleDetail dd.em8{padding-left:8em;}
.battleBox01{background:url(../img/battle_bg_01.png) no-repeat center top; width:380px; height:380px; position:absolute; top:641px; left:610px;}
.battleBox01 h3{margin:10px 0 0 95px;}
.battleBox01 .battleDetail{margin:15px 0 0 50px;}
.battleBox02{background:url(../img/battle_bg_02.png) no-repeat center top; width:380px; height:380px; position:absolute; top:322px; left:466px;}
.battleBox02 h3{margin:42px 0 0 0;}
.battleBox02 .battleDetail{margin:15px 0 0 65px;}
.battleBox03{background:url(../img/battle_bg_03.png) no-repeat center top; width:340px; height:340px; position:absolute; top:21px; left:620px;}
.battleBox03 h3{margin:-25px 0 0px 53px;}
.battleBox03 .battleDetail{margin:15px 0 0 65px;}

.battleArea.bg02 .battleBox01, .battleArea.bg03 .battleBox01, .battleArea.bg04 .battleBox01, .battleArea.bg05 .battleBox01, .battleArea.bg06 .battleBox01{top:665px;}
.battleArea.bg02 .battleBox02, .battleArea.bg03 .battleBox02, .battleArea.bg04 .battleBox02, .battleArea.bg05 .battleBox02, .battleArea.bg06 .battleBox02{top:333px;}
.battleArea.bg02 .battleBox03, .battleArea.bg03 .battleBox03, .battleArea.bg04 .battleBox03, .battleArea.bg05 .battleBox03, .battleArea.bg06 .battleBox03{top:25px;}

.closeDetail{position:absolute; top:0; left:0; height:380px; width:380px; display:table;}
.closeDetail p{display:table-cell; text-align:center; vertical-align:middle; font-size:18px; color:#fff;}

.battleBox01.on{background:url(../img/battle_bg_01_on.png) no-repeat center top; z-index:10; color:#fff;}
.battleBox01.on h3{margin:10px 0 0 86px;}
.battleBox01.off{background:url(../img/battle_bg_01_off.png) no-repeat center top; z-index:10; color:#333;}
.battleBox01 .closeDetail{background:url(../img/battle_bg_01_close.png) no-repeat center top; z-index:10;}
.battleBox02.on{background:url(../img/battle_bg_02_on.png) no-repeat center top; z-index:15; color:#fff;}
.battleBox02.off{background:url(../img/battle_bg_02_off.png) no-repeat center top; z-index:15; color:#333;}
.battleBox02 .closeDetail{background:url(../img/battle_bg_02_close.png) no-repeat center top; z-index:15;}
.battleBox03.on{background:url(../img/battle_bg_03_on.png) no-repeat center top; z-index:20; color:#fff;}
.battleBox03.off{background:url(../img/battle_bg_03_off.png) no-repeat center top; z-index:20; color:#333;}
.battleBox03 .closeDetail{background:url(../img/battle_bg_03_close.png) no-repeat center top; z-index:20; left:-20px;}

.secBattle .battleBox01 h3 img, .secBattle .battleBox02 h3 img, .secBattle .battleBox03 h3 img{position:relative; z-index:10;}
.secBattle .qaBox{background:#ffffff; padding:40px 55px 50px; border-radius:16px; margin-top:75px;}
.secBattle .qaBox h3{font-size:32px; font-weight:normal; text-align:center;}
.secBattle .qaList{margin-top:35px;}
.secBattle .qaList dt, .secBattle .qaList dd{display:table; width:800px; padding:0 20px;}
.secBattle .qaList dd{margin:12px auto 30px; border-bottom:1px dashed #000; padding-bottom:30px;}
.secBattle .qaList dd:last-child{margin:10px auto 0; border:none; padding-bottom:0;}
.secBattle .qaList div{display:table-cell; vertical-align:top;}
.secBattle .qaList ul{overflow:hidden;}
.secBattle .qaList ul li{float:left; margin-right:15px; letter-spacing:-0.5px;}
.secBattle .qaList ul li:last-child{margin-right:0;}
.secBattle .qaList .img{width:35px; padding-right:15px; vertical-align:top;}
.secBattle .qaList dt .txt{font-size:18px; line-height:1.6; padding-top:5px;}
.secBattle .qaList dd .txt{font-size:24px; font-weight:600; line-height:1.6; color:#cc0000;}

.secResult{width:950px; margin:70px auto 0;}
.secResult p, .secResult dt, .secResult dd{line-height:2;}
.secResult .clm_2col > .col{width:450px; float:left; margin-left:50px; font-size:0;}
.secResult .clm_2col > .col:first-child {margin-left:0;}
.secResult .resultBox01, .secResult .resultBox02, .secResult .resultBox03{border-radius:20px; padding:138px 48px 53px; position:relative;}
.secResult .resultBox02, .secResult .resultBox03{padding:138px 48px 50px;}
.secResult .resultBox01{margin-top:195px; border:2px solid #f6e132;}
.secResult .resultBox02{margin-top:118px; padding-top:115px; border:2px solid #99aab6;}
.secResult .resultBox03{margin-top:118px; padding-top:115px; border:2px solid #dbad78;}
.secResult h2{position:absolute; left:0; right:0; text-align:center; font-size:0;}
.secResult .resultBox01 h2{top:-70px;}
.secResult .resultBox02 h2{top:-57px;}
.secResult .resultBox03 h2{top:-57px;}
.secResult .BoxInr .clm_2col{margin-top:30px;}
.secResult .BoxInr .clm_2col > .col{width:400px; float:left; margin-left:50px;}
.secResult .BoxInr .clm_2col > .col:first-child {margin-left:0;}
.secResult .name{font-size:32px; font-weight:bold; text-align:center; margin:15px auto 0; line-height:1.5;}
.secResult .comment{margin:20px auto 0;}
.secResult .finalBox{margin:75px auto;}
.secResult .finalBox .name{font-size:24px; text-align:center; line-height:1.7; font-weight:bold;}

.contentsInr .linkBtn{margin:115px auto 0; text-align:center;}
.contentsInr .btnCP{width:660px!important; height:90px; cursor:pointer;}
.contentsInr .btnCP span{font-size:28px; line-height:28px;}