@charset "utf-8";
/* CSS Document */

.mk{display:block;position:absolute;content:"";background-position:center center;background-size:contain;background-repeat:no-repeat;}

#contents,
#main{width:100%;max-width:none;}
section > .row{max-width:1000px;margin-left:auto;margin-right:auto;}

header{margin-bottom:0px;}
header .title{display:flex;align-items:stretch;height:auto;padding:0px;height:550px;background-image:url(./img/hbg_front_l.jpg),url(./img/hbg_front_r.jpg);}
header .title .row{box-sizing:border-box;width:50%;max-width:700px;flex-basis:100%;background:#1B3C50;padding:10px 20px 30px 20px;}
header .title .row img{max-width:80%;}
@media all and (-ms-high-contrast:none){
header .title{justify-content:inherit;}}


header .title #hcc p{line-height:1.7;}
header .title #hcc h2.min.lead{font-weight:normal;font-size:1.6rem;margin:0px 0px 11px;padding:1rem;color:#FFF;text-align:center;background-color:rgba(0,0,0,0);background-size: 4px 4px;background-position: 0 0, 2px 2px;background-image: linear-gradient(45deg,  rgba(0,0,0,0.2) 25%, rgba(0,0,0,0.2) 25%, transparent 25%, transparent 75%, rgba(0,0,0,0.2) 75%, rgba(0,0,0,0.2) 75%),linear-gradient(-135deg, rgba(0,0,0,0.2) 25%, rgba(0,0,0,0.2) 25%, transparent 25%, transparent 75%, rgba(0,0,0,0.2) 75%, rgba(0,0,0,0.2) 75%);}
header .title #hcc h2.min.lead em{font-weight:normal;margin:0px 5px;display:inline-block;background:linear-gradient(to bottom,transparent 60%,#B18E46 60%,#B18E46 85%,transparent 85%);}
header .title p{text-align:left;color:#FFF;}

#hc1{padding:4rem 0px;background:#E0DCCF;}
#hc1 h2{margin:0px;background:#870101;color:#FFF;display:flex;align-items:center;height:70px;font-size:2rem;align-items:center;font-weight:normal;padding-left:80px;color:#FFF;}
#hc1 h2 span{display:block;position:absolute;left:20px;top:50%;margin-top:-24px;width:48px;height:48px;background:url(./img/m2.png) center center no-repeat;}
#hc1 h2:before,
#hc1 h2:after{display:block;content:"";width: 0;height: 0;border-style: solid;position:absolute;top:100%;}
#hc1 h2:before{left:0px;border-width: 0px 20px 20px 0;border-color: transparent #5B0000 transparent transparent;}
#hc1 h2:after{right:0px;border-width: 20px 20px 0 0;border-color: #5B0000 transparent transparent transparent;}
#hc1 .inner{border-top:5px solid #ddd;margin:0px 20px;background:#FFF;padding:2rem 3rem;}
#hc1 .inner dl+dl{margin-top: 1rem;}
#hc1 .inner dl dt{margin-bottom:2rem;display:flex;width:100%;font-size:1.6rem;color:#1B3C50;border-bottom:1px solid #1B3C50; }
#hc1 .inner dl dt span{margin-right:8px;background:#1B3C50;color:#FFF;font-size:1.3rem;width:8rem;text-align:center;align-items:center;display:flex;justify-content:center;}
#hc1 .inner dl dd span{display:inline-block;margin-right:1rem;margin-bottom:1rem;}
#hc1 .inner dl dd span label{padding:0.5rem 0.8rem 0.5rem 2rem;border-radius:3px;line-height:1.3;position:relative;cursor:pointer;}
#hc1 .inner dl dd span label:before{content:"";display:block;width:1rem;height:1rem;border:1px solid #CCC;border-radius:3px;position:absolute;left:5px;top:50%;margin-top:-0.5rem;}

#hc1 .inner dl dd span input[type=radio],
#hc1 .inner dl dd span input[type=checkbox]{display:none;}
#hc1 .inner dl dd span input[type=checkbox]:checked+label,
#hc1 .inner dl dd span input[type=radio]:checked+label{background:#e9f0f5;}
#hc1 .inner dl dd span input[type=checkbox]:checked+label:before,
#hc1 .inner dl dd span input[type=radio]:checked+label:before{border:none;border-left:3px solid #127DB8;border-bottom:3px solid #127DB8;height:0.5rem;width:1rem;transform:rotate(-45deg);margin-top:-10px;}
#hc1 .inner .right{position:right;margin-top:-5rem;}
#hc1 .inner .result_num{display:none;font-size:2rem;}
#hc1 .inner .result_num em{font-size:3rem;color:#870101;font-weight:normal;}
#hc1 .inner .result_num.active{display:block;margin-top: 50px;border-top: 1px dotted #555;}

#hc2{padding:5rem 0px;background:#1B3C50 url(./img/hc2bg.jpg) left top repeat-x;}
#hc2 .result_item{background:#FFF;border-top:4px solid #B18E46;border-bottom:4px solid #B18E46;margin-bottom:3rem;}
#hc2 .result_item{display:block;}
#hc2 .result_item.active{display:block;}

#hc2 h3{margin-bottom:0px;margin-right:26%;background:url(./img/result_tit.png) left top no-repeat;background-size:100% 100%;padding:0.5rem 0.2rem 0.3rem 3rem;color:#FFF;font-weight:normal;line-height:1.2;}
#hc2 .result_item h3 a{color:#FFF;text-decoration:none;font-size:2rem;}
#hc2 h3 a:hover{opacity:0.5;}
#hc2 h3:before{content:"";display:block;position:absolute;left:10px;top:50%;margin-top:-16px;background:url(./img/m3.png) center center no-repeat;width:32px;height:32px;}
#hc2 .result_item .inner{padding:2rem 4rem;}
#hc2 .result_item .inner p.lead{font-weight:bold;position:relative;margin-top:0px;}
#hc2 .result_item .inner p.lead:after{content:"";display:block;background:#E6E6E6;border-left:solid 100px;box-sizing:border-box;color:#870101;width:100%;height:2px;margin-top:0.3rem;}
#hc2 .md{background:#DEDEDE;padding:1rem;margin:2rem 0px;}
#hc2 .md_table_pc{border-spacing:8px;width:100%;display:table;margin:0px;}
#hc2 th.merit,dt.merit{background:#127DB8;}
#hc2 th.demerit,dt.demerit{background:#858585;}
#hc2 .md_table_pc tbody td{width:40%;background:#FFF;}
#hc2 .md_table_pc tbody th{width:24%;background:rgba(255,255,255,0.5);color:#000;}


#hc3{padding:5rem 0px;background:#101825;color:#FFF;}
#hc3 h2{margin:0px;background:#B18E46;display:flex;align-items:center;height:70px;font-size:2rem;align-items:center;font-weight:normal;padding-left:160px;color:#FFF;}
#hc3 h2 span{display:block;position:absolute;left:20px;top:50%;margin-top:-70px;}
#hc3 h2:before,
#hc3 h2:after{display:block;content:"";width: 0;height: 0;border-style: solid;position:absolute;top:100%;}
#hc3 h2:before{left:0px;border-width: 0px 20px 20px 0;border-color: transparent #725600 transparent transparent;}
#hc3 h2:after{right:0px;border-width: 20px 20px 0 0;border-color: #725600 transparent transparent transparent;}

#hc3 .inner{margin:0px 20px;background:#343A45;padding:2rem 3rem;border-top:5px solid #000;}
#hc3 .inner p{}

#hc4{position:relative;background:url(./img/cbg.jpg) center top no-repeat;background-size:cover;padding-top:5rem;}
#hc4:after{content:"";display:block;background:url(./img/hc4.svg) center bottom no-repeat;background-size:cover;position:absolute;left:0px;bottom:-5px;width:100%;height:30px;}
#hc4 .inner{margin:0px 20px;}
#hc4 .inner p{background:rgba(255,255,255,0.6);margin:0px 0px;padding:2rem;padding-bottom:100px;}
#hc4 h3{margin:0px;font-weight:normal;color:#FFF;text-align:center;background:#1B3C50;padding:1rem 0px;font-size:2rem;}
#hc4 h3 span{font-size:1.5em;display:block;}

#hc5{background:#E0DCCF;padding:0px 0px 4rem;}

#main #hc5 div.tit{height:312px;background:url(./img/tit.png) center bottom no-repeat;}
#main #hc5 div.tit{text-align:center;margin:0px auto;font-size:2rem;}
#main #hc5 div.tit p{margin:0px;}
#main #hc5 div.tit p.sg{display:block;color:#1B3C50;}
#main #hc5 div.tit p.pg span{color:#B28D4C;font-size:4.7rem;line-height:0.86em;margin-top:1.4rem;display:block;}
#main #hc5 div.tit p.pg span em{font-size:1.5em;font-weight:normal;}
#main #hc5 div.tit p.pg small{margin-top:0.6rem;display:block;color:#FFF;font-size:2.1rem;}


#hc5 .row.col37{background:#FFF;margin-top:2rem;padding-right: 1.5rem;}
#hc5 .row.col37:before{content:"";display:block;width:94px;height:94px;position:absolute;left:-20px;top:-20px;background-size:contain;backgroud-position:center center;background-repeat:no-repeat;}

#hc5 .row.col37#hc5_c1:before{background-image:url(./img/n1.png);}
#hc5 .row.col37#hc5_c2:before{background-image:url(./img/n2.png);}
#hc5 .row.col37#hc5_c3:before{background-image:url(./img/n3.png);}
#hc5 .row.col37#hc5_c4:before{background-image:url(./img/n4.png);}
#hc5 .row.col37#hc5_c5:before{background-image:url(./img/n5.png);}

#main #hc5 dl.arrow{margin-top:2rem;}
#main #hc5 dl.arrow dt span{/* width: 84%; */position:relative;display:inline-block;padding: 7px 10px;background:#101825;font-size:1.2rem;color:#FFF;display:inline-block;word-wrap: break-word;}
#main #hc5 dl.arrow dt span:after{content:"";display:block;position:absolute;top:0px;left:100%;width: 0;height: 0;border-style: solid;border-width: 1.4rem 0 1.4rem 1rem;border-color: transparent transparent transparent #101825;}
#main #hc5 dl.arrow dd{margin-top:1rem;}
#main #hc5 dl.arrow dd a{margin-bottom:0.5rem;position:relative;background: linear-gradient(to bottom, rgba(255,255,255,1) 64%,rgba(232,232,232,1) 100%);box-shadow:2px 2px 4px 0px rgba(0,0,0,0.2);padding:10px;box-sizing:border-box;line-height:1.4;}
#main #hc5 dl.arrow dd a span{font-weight:bold;border:1px solid #870101;display:flex;flex-direction:column;justify-content:center;height:4rem;padding:1rem 2rem 1rem 1rem;color:#870101;box-sizing:border-box;}
#main #hc5 dl.arrow dd a:hover{background:#870101;}
#main #hc5 dl.arrow dd a:hover span{color:#FFF;border-color:#FFF;}
#main #hc5 dl.arrow dd a span small{display:block;color:#101825;font-weight:normal;}
#main #hc5 dl.arrow dd a:after{content:"";display:block;border:4px solid transparent;border-left:6px solid #870101;position:absolute;right:1rem;top:50%;margin-top:-2px;}
#main #hc5 dl.arrow dd a:hover span small{color:#FFF;}
#main #hc5 dl.arrow dd a:hover:after{border-left-color:#FFF;}

#main #hc5 h4:after{content:"";display:block;margin-top:0.6rem;width:100%;box-sizing:border-box;height:3px;background:#E6E6E6;border-left:200px solid #870101;}
#main #hc5 p.center{margin-top:80px;margin-bottom:120px;}

#hc7{padding:4rem 0px 2rem;}
#hc8,
#hc9{padding:2rem 0px;}


#main .blk h2{margin:0px;background:#B18E46;display:block;text-align:center;padding:1rem;font-size:2rem;font-weight:normal;color:#FFF;}
#main .blk h2:before,
#main .blk h2:after{display:block;content:"";width: 0;height: 0;border-style: solid;position:absolute;top:100%;}
#main .blk h2:before{left:0px;border-width: 0px 20px 20px 0;border-color: transparent #725600 transparent transparent;}
#main .blk h2:after{right:0px;border-width: 20px 20px 0 0;border-color: #725600 transparent transparent transparent;}

#main .blk .inner a{text-decoration:none;color:inherit;}
#main .blk .inner{margin:0px 20px;background:#EDEDED;padding:0px 2rem 2rem;border-top:5px solid rgba(0,0,0,0.2);}
#main .blk .inner .row.col2 > *{box-shadow:0px 3px 0px 0px #1B3C50;display:block;background:#FFF;position:relative;}
#main .blk .inner .row.col2 > a:after{position:absolute;right:5px;bottom:5px;display:block;content:"";border-width: 0px 0px 1rem 1rem;border-color: transparent transparent #1B3C50 transparent;width: 0;height: 0;border-style: solid;position:absolute;}
#main .blk .inner a:hover{opacity:0.6;}

#main .blk .inner .row p{margin:0px;padding:1.3rem;}
#main .blk .inner .row p.tit,
#main #hc7 .blk .inner .row h3,
#main #hc8 .blk .inner .row h3,
#main #hc9 .blk .inner .row h3{margin:0px;background:#1B3C50;color:#FFF;padding:0.6rem;font-size:1.3rem;}
#main .blk .inner img.block{margin-bottom:1rem;}

@media screen and (min-width: 751px){

}

@media screen and (max-width: 750px){

section > .row{width:92%;margin-left:auto;margin-right:auto;}

#main #hc5 dl.arrow dd a span{display:block;height:auto;}

header .title{background:#1B3C50;height:auto;}
header .title .row{max-width:100%;width:100%;padding:20px 0px;flex-basis:100%;}
header .title .row div{position:relative;}
header .title .row div:not(#hcc):after{width:100%;height:30vw;background:url(./img/hbg_sp.jpg) center center no-repeat;background-size:contain;content:"";display:block;}
header .title #hcc p{width:94%;margin-left:auto;margin-right:auto;}
header .title #hcc p.lead{font-size:6vw;background:none;padding:10px 0px;margin:0px auto;}

#hc1 .inner .right{display:none;}

#hc2 .result_item .inner{padding:1rem;}
#hc2 .result_item .inner img{margin:0px auto 10px;}
#hc2 h3{margin-right:2%;margin-top:1rem;line-height:1;}
#hc2 .result_item h3 a{font-size:1.4rem;}

#hc2 .md{background:none;padding:0px;margin-top:0px;}
#hc2 .md dl{background:#DEDEDE;padding:10px;}
#hc2 .md dl dd{padding:1rem;background:#FFF;}
#hc2 .md dl+dl{margin-top:10px;}

#hc1 h2{font-size:1.3rem;}
#hc4 .inner{margin:0px;padding:1rem 1rem 0px;}
#hc4 .inner p{padding-bottom:10vw;}
#main .blk .inner,
#hc3 .inner,
#hc1 .inner{padding:1rem;margin:0px 10px;position:relative;z-index:10;}

#hc1 .inner dl dd span{margin-right:0.2rem;}
#hc1 .inner dl dd span label{border:1px solid #CCC;font-size:3vw;}

#hc3 h2{font-size:1.2rem;padding-left:25vw;}
#hc3 h2 span{z-index:20;width: 20vw;height: 20vw;margin-top:-10vw;left:10px;}
#main .blk h2,
#hc4 h2{font-size:5vw;}
#hc5 .row.col37{padding:1rem;}
#hc5 .row.col37 img{margin-left:auto;margin-right:auto;display:block;}
#hc5 .row.col37:before{width:20vw;height:20vw;left:-10px;top:-10px;}

#main .blk .inner .row.col2 > *+*{margin-top:1rem;}

#main #hc5 div.tit{height:220px;background-size:contain;}
#main #hc5 div.tit{font-size:1.2rem;}
#main #hc5 div.tit p{margin:0px;}
#main #hc5 div.tit p.pg span{color:#B28D4C;font-size:3.2rem;line-height:0.86em;margin-top:1rem;display:block;}
#main #hc5 div.tit p.pg span em{font-size:1.5em;font-weight:normal;}
#main #hc5 div.tit p.pg small{margin-top:0.6rem;display:block;color:#FFF;font-size:1.4rem;}

dt.merit,dt.demerit{text-align:center;color:#FFF;padding:5px 0px;margin-bottom:0.5rem;}

#main #hc5 dl.arrow dt span{width: 84%;position:relative;display:inline-block;padding: 7px 10px;background:#101825;font-size:1.2rem;color:#FFF;display:inline-block;word-wrap: break-word;}
#main #hc5 dl.arrow dt span:after{content:"";display:block;position:absolute;top:0px;left:100%;width: 0;height: 0;border-style: solid;border-width: 2.4rem 0 2.35rem 2rem;border-color: transparent transparent transparent #101825;}


}

@media screen and (max-width: 360px){
#main #hc5 div.tit{height:210px;}
#main #hc5 div.tit p.sg{}
#main #hc5 div.tit p.pg span{font-size:3.5rem;margin-top:1.8rem;display:block;}
#main #hc5 div.tit p.pg span em{font-size:1.5em;font-weight:normal;}
#main #hc5 div.tit p.pg small{margin-top:1.3rem;display:block;color:#FFF;font-size:1.2rem;}

}