@charset "utf-8";
@import url(../css/basic.css);
@import url(shared.css);
#show .a-btn5{background-color:#fff;color:#043c78;}
#show .a-btn5:hover{background-color:#006ae2;color:#fff;}
#interview{background-position:left 30% center;}
#contact ul{max-width:none;}
#contact .more a:hover::before{background:#fff;}
#contact .more a:hover::after{background-image:url(images/arrow.png);}
#header{background-position:0 0;}
.fc-red2{color:#f45f60;}
/*interview*/
.int-catch,.int-end{position:relative;}
.int-catch p{display:block;position:absolute;z-index:1;transform:translate(0,-50%);top:50%;left:5%;font-size:3.3vw;font-weight:bold;line-height:2;}
.int-name{text-align:right;color:#043c78;font-size:.7em;display:block;}
.tag{background:#043c78;color:#fff;font-size:.8em;padding:5px;vertical-align:middle;}

/*boxwrap*/
.boxwrap{padding-top:30px;}
.boxwrap.bg-white{background:#fff;}
.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-img.h90 img{width:100%;margin:0;height:90%;object-fit:cover;font-family:'object-fit:cover;'; }
.box-txt{padding:30px 5%;}
.box-txt .fs-4{border-bottom:1px solid;padding:0 0 1em;color:#043c78;}
.box-txt [lang="en"]{text-transform:uppercase;color:#083a71;}
.interview.fs-4{border-bottom:1px solid;padding:0 0 1em;color:#043c78;}
.int-end{position:relative;}
.int-end p{display:block;font-size:1em;line-height:2;}
.int-end img{display:block;height:500px;object-fit:cover;object-position:15% 0;font-family:'object-fit:cover;object-position:15% 0;';}

.boxwrap2{padding-top:30px;}
.box-img2{margin:0 auto;text-align:center;width:80%;}
.box-img2 img{width:100%;margin:0;height:100%;object-fit:cover;font-family:'object-fit:cover;'; }
.box-txt2{padding: 30px 8% 30px 8%;align-self:center;}
.box-txt2 .h3{border-bottom:1px solid;padding:0 0 1em;text-align:center;}
.box-txt2 [lang="en"]{text-transform:uppercase;color:#fff;background: linear-gradient(45deg, #c5938c, transparent);padding:2px 5px 0;}
.fc-pink{color:#c5938c;}

/*その他装飾*/
.ff-title{font-family:"Montserrat",serif;*/font-weight:700;content:attr(title);display:block;font-size:40px;font-size:2.5rem;text-transform:uppercase;margin-bottom:-.8em;color:rgb(4 60 120 / 20%);letter-spacing:.1em;}
.haikei2{background:#fff;}
.bdr{display:flex;align-items:center;}
.bdr:after{border-top:1px solid;content:"";width:10%;margin-left:1rem;}
.bg-blue2{background:#043c78;color:#fff;padding:6.5px 10px 6.5px 14px;margin-bottom:.1em;}
.bg-blue3{background:#f2f5fa;}
.tip.fs-5{font-size:1.3em;/*position:relative;top:-.9em;*/}
.tip.fs-5 span{background:#043c78;color:#fff;padding:6.5px 10px 6.5px 14px;}
.tip.fs-5.blue2 span{background:#0076da;}
.catch{font-size:1.1em;line-height:2em;letter-spacing:.1em;margin-bottom:50px;}
.linebox3{background:#fff;border:none;box-shadow:rgb(0 0 0 / 4%) 0px 2px 10px;transition: all 0.3s ease-in-out 0s;padding: 2em 1em .6em 1em;}
.linebox4{background:#fff;border:2px solid #043c78;border-radius:0px;}
.linebox5{background:#fff;border:2px solid #043c78;padding:1em 0 0;}
.linebox6{background-color:#fff;background-image:linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));background-size:16px 16px;background-repeat:repeat;background-position:center center;}
[class*="linebox"].flow::after{border-color:#043c78;}
.att{position:relative;padding-bottom:0.5rem;border-bottom:2px solid #333;background-color:#f2f5fa;color:#333;font-weight:bold;font-size:23px;text-align:center;}
.att::before{position:absolute;top:100%;left:50%;transform:translateX(-50%) skew(-25deg);height:20px;width:10px;border-right:2px solid #333;background-color:#f2f5fa;content:"";}
.mt100-s{margin-top:20px;}
.bg_dotted{background-image:radial-gradient(#fff 20%, transparent 20%),radial-gradient(#cee8ff 20%, transparent 20%);background-size:10px 10px;background-position:0 0,5px 5px;}
.quote,.quote li{overflow:visible;}
.quote li{background:#fff;box-shadow:0 0 5px #d8d8d8;border-radius:10px;border:2px dotted;padding:1em;position:relative;}
.quote li::before{content:"\e977";display:block;position:absolute;top:-1em;font-size:2em;font-family:'icomoon'!important;}

/*人を知る*/
.plan{/*display:flex;*//*justify-content:center;*/font-size:1.0em;align-items:flex-end;/*border-bottom:solid 1px #333;*/}
.plan .price{flex-direction:column;/*display:flex;*/margin-right:15px;align-items:center;}
.plan .num{font-size:2rem;line-height:1.2;color:#043c78;}
.waku-b{padding:0px 20px;margin:10px;color:#fff;font-size:0.9em;display:inline-block;background:#043c78;line-height:1.4;}
.waku-w{padding:0px 20px;background: #fff;color: #000;border: 1px solid #000;margin: 0 5px 5px;display:inline-block;}
.waku-b2{padding:0px 20px;background:#043c78;color: #000;margin: 0 5px 5px;display:inline-block;color:#fff;}

[class^=balloon]{display:flex;}
[class^=balloon] dt{padding-right:20px;}
[class^=balloon] dt img{width:80px;height:80px;max-width:none;margin:0;border-radius:50%;object-fit:cover;font-family:'object-fit:cover;';}
[class^=balloon] dd{position:relative;min-width:calc(100% - 100px);background:#fff;padding:1em;border:1px solid #dfdfdf;border-radius:10px;}
[class^=balloon] dd:after,[class^=balloon] dd:before{border:solid transparent;content:'';height:0;width:0;position:absolute;right:100%;top:40px;}
[class^=balloon] dd:after{border-color:rgba(255,255,255,0);border-top-width:7px;border-bottom-width:7px;border-left-width:10px;border-right-width:10px;margin-top:-7px;border-right-color:#fff;}
[class^=balloon] dd:before{border-color:rgba(223,223,223,0);border-top-width:8px;border-bottom-width:8px;border-left-width:11px;border-right-width:11px;margin-top:-8px;margin-right:1px;border-right-color:#dfdfdf;}
.balloon-r{display:flex;flex-direction:row-reverse;}
.balloon-r dt{padding-right:0;padding-left:20px;}
.balloon-r dd:after,.balloon-r dd:before{left:100%;right:auto;}
.balloon-r dd:after{border-left-color:#fff;border-right-color:transparent;}
.balloon-r dd:before{border-left-color:#dfdfdf;border-right-color:transparent;margin-left:1px;}

/*沿革*/
.timeline>li{position:relative;padding-left:3em;overflow:hidden;margin:0;}
.timeline>li::after{content:"";border:none;border-left:2px solid #0082da;z-index:-1;height:100%;left:1.5em;top:0;position:absolute;}
.timeline>li+li{padding-top:1.5em;}
.timeline>li::before{content:"";width:8px;height:8px;border-radius:4px;background-color:#0082da;}
.timeline>li::before {position:absolute;content:"";display:block;background-color:#0082da;border-radius:5px;width:10px;height:10px;top:0;left:1.2em;margin-top:8px;}
.timeline>li+li::before{top:1.5em;}
.timeline>li .title{color:#0082da;font-size:1.2em;}

/*男女比*/
.graph li{position:relative;}
.graph .ttl{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;}
.circle{transform:rotate(-90deg);width:450px;margin:auto;position:relative;max-width:100%;height:100%;}
.circle circle{fill:none;stroke-width:15px;position:relative;}
.circle circle:nth-child(1){stroke:#0276da;stroke-dasharray:86,100;stroke-dashoffset:0;animation:anime01 1.5s 0s forwards ease-in-out;}
.circle circle:nth-child(2){stroke:#f46060;stroke-dasharray:14,100;stroke-dashoffset:14;animation:anime02 1.5s 0.7s forwards ease-in-out;}
@keyframes anime01{0%{stroke-dasharray:0,100;}50%,100%{stroke-dasharray:86,14;}}
@keyframes anime02{0%{stroke-dasharray:0,100;}50%,100%{stroke-dasharray:14,86;}}

/*faq*/
dl.box>dt{background:#f9f9f9;color:#043c78;font-size:1.125em;}
dl.faq>dt{border-bottom:1px solid #043c78;}
dl.faq>dt::before{font-size:1.5em;left:.5em;top:.5em;}
dl.box>dt.on+dd{padding:20px 10px;}

@media (min-width:48em){
.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;}
.boxwrap.bg-white:nth-child(even) .box-img{order:2;}
.boxwrap.bg-white:nth-child(even) .box-txt{order:1;}
.box-img{margin:0;width:40%;}
.box-txt{/*padding:50px 8%;*/width:60%;}
.box-txt .h3{text-align:left;}
.ff-title{font-size:7.5em;z-index:2;}
.ff-title.feature{font-size:7.5em;}
.tip.fs-5 span{padding:6.5px 30px 6.5px 70px;}
.tip.fs-5{font-size:1.8em;}
/*.plan{font-size:1.3em;}*/
/*.plan .num{font-size:4.0rem;}*/
.waku-b{padding:0px 25px;}
.int-catch p{font-size:2.8vw;}
.mt100-s{margin-top:100px;}
.boxwrap2{display:flex;justify-content:space-between;padding-top:0;}
.boxwrap2:nth-child(odd) .box-img2{order:2;}
.boxwrap2:nth-child(odd) .box-txt2{order:1;}
.box-img2{margin:0;width:62.5%;}
.box-txt2{/*padding:50px 8%;*/width:58.5%;}
.box-txt2 .h3{text-align:left;}
[class*="typebox"] .w55{width:55%;}[class*="typebox"] .w40{width:40%;}
}

@media (min-width:61em){
/*.int-catch{margin-bottom:100px;}*/
.int-end .int-ttl{padding-top:1em;}
.int-end .box-txt{width:100%;}
.int-end .box-txt p{max-width:none;}
.int-end img{height:auto;}
}

@media (min-width:78em){
.int-end .box-txt{width:60%;}
.int-end p{max-width:800px;right:5%;margin:0 5% 0 40%;position:absolute;transform:translate(0,-50%);top:50%;z-index:1;background:rgba(255,255,255,.75);padding:1em;}
}