@charset "utf-8";
@import url(css/basic.css);
@import url(shared.css);

.linebox2{background:#fff;border:none;box-shadow: rgba(0,0,0,0.08) 0px 4px 10px, rgba(0,0,0,0.03) 0px -3px 6px;transition:all 0.3s ease-in-out 0s;border-radius:0;}
.linebox2.pno{padding:0;}
.linebox3{background:#e2f3f1;}
.linebox4{background:#fbfbfb;}
.b-r0{border-radius:0;}
.haikei2{background:#f6f6f6;}
.haikei3{background:#e9f5f4;}
.w50-100{width:50%;}

.top-ttl.h3{padding:.25em 0;margin:0;line-height:1;font-size:2.5em;}
.ttl-bdr{padding: 8px 10px 8px 14px;margin-bottom: 1em;border-top: solid 1px;border-bottom: solid 1px;}

.info-list{display:flex;flex-wrap:wrap;margin:0;background-color:#fff;/*margin:30px auto;*/}
.info-list dt,.info-list dd{box-sizing:border-box;padding:1em;border-top:1px solid #ddd;}
.info-list dt:first-of-type,.info-list dd:first-of-type{border-top:none;}
.info-list dt{width:25%;background-color:#fff;font-weight:bold;}.info-list dd{width:70%;margin:0;}

.boxwrap{padding-top:30px;}
.box-img{margin:0 auto;text-align:center;width:80%;}
.box-img img{width:100%;margin:0;height:100%;object-fit:cover;font-family:'object-fit:cover;'; }
.box-txt{padding:30px 5%;}
.box-txt .h3{border-bottom:1px solid;padding:0 0 1em;text-align:center;}
.box-txt [lang="en"]{text-transform:uppercase;color:#083a71;}
[class|="required"]{background-color:#f70e0e;}
/*faq*/
dl.box>dt:hover{color:#0090d5;}
dl.box>dt{background:#f8f8f8;font-weight:500;font-size:1.2em;border-bottom:1px solid #fff;}
dl.faq>dt::before{font-size:1.5em;top:.55em;left:.5em;font-weight:100;}
dl.box>dt.on+dd{padding:20px;margin-bottom:20px;max-height:none;opacity: 1;}
dl.faq>dt{padding:1.2em 2.5em 1.2em 3em;}
dl.box>dd{transition:.2s;}

.arrow-br>li{justify-content:center;position:relative;}
.arrow-br>li:last-child::after{content:none;}
.arrow-br::after{content:none;display:block;background:#a2bfea;width:40px;height:1300px;position:absolute;top:50%;z-index:1;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:10%;}
.arrow-br{position:relative;}
[class*="typebox"]>li{z-index:2;}
.grad_big{text-align:center;position:absolute;width:100%;top:-10px;left:0;}
.grad_text{font-family:'Arial',serif;font-size:1.3rem;line-height:100%;background-color:#239e8f;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.num{font-size:1.5rem;font-weight:bold;font-family:'Arial',serif;}
.arrow-txt{margin:50px 1px 0 auto;padding:20px 20px 50px;position:relative;background:#fff;border:none;box-shadow: rgba(0,0,0,0.08) 0px 4px 10px, rgba(0,0,0,0.03) 0px -3px 6px;transition:all 0.3s ease-in-out 0s;border-radius:0;}
.arrow-txt.pbno{background:#fff;margin:50px 1px 0 auto;padding:20px;position:relative;border-radius:5px;}

/*belief*/
.int-catch{position:relative;}
.int-catch img{margin:0 0 0 auto;display:block;min-height:200/*400*/px;object-fit:cover;object-position:90/*70*/% 100%;font-family:'object-fit:cover;object-position:70% 100%;';border-radius: 10px 0 0 10px;}
.int-catch p{display:block;z-index:1;transform:translate(0,-50%);top:50%;left:5%;font-weight:bold;line-height:2;position:relative;font-size:4vw;}
.int-catch div{display:block;z-index:1;transform:translate(0,-100%);top:50%;left:5%;font-weight:bold;line-height:2;position:relative;font-size:3vw;}
.int-catch+.boxwrap {margin-top:-4em;}
.int-name{font-size:1em;}
.bg-catch{display:inline-block;background:#fff;color:#239e8f;padding:0 .5em;margin: 0 0 .5em;letter-spacing:5px;}



@media(min-width:40em){
.info-list dt{width:35%;background-color:transparent;}.info-list dd{width:65%;}
.info-list dt,.info-list dd{padding:.5em}
}

@media (min-width:48em){
.w50-100{width:100%;}
.boxwrap{display:flex;justify-content:space-between;padding-top:0;margin-bottom:80px;}
.boxwrap:nth-child(odd) .box-img{order:2;}
.boxwrap:nth-child(odd) .box-txt{order:1;}
.box-img{margin:0;width:40%;}
.box-txt{/*padding:50px 8%;*/width:60%;}
.box-txt .h3{text-align:left;}
.topttl::before{top:-10px;font-size:72px;}
.int-catch+.boxwrap{margin-top:0;}
.int-catch{margin-bottom:100px;}
.int-catch p{position:absolute;font-size:3vw;}
.int-catch img{width:80%;}
.int-name{font-size:.6em; display:block;}
.int-catch div{font-size:1.5vw;}
}

@media(min-width:61em){
.int-catch p{font-size:2.4vw;}
.int-catch div{transform:translate(0, -50%);font-size:1.5vw;}
}

@media(min-width:88em){
.int-catch div{transform:translate(0, -50%);font-size:.95vw;}
}