@charset "utf-8";
@import url(css/basic.css);
@import url(css/alg/wolf.css);
.ff-en,[lang="en"],#global>ul>li>a,#contact::before,.subtmb [lang="en"],#contact address,.a_cardab .photo::after,#contents01::before,#show>h3>span::after{font-family:"Outfit",sans-serif;font-weight:400;text-transform:uppercase;}
.fw500,#contact::before,#contact address,.a_cardab .photo::after,#news>h3 [lang="en"]{font-weight:500;}
.fw600,#global>ul>li>a,#contents01::before,#show>h3>span::after{font-weight:600;}
#global,#menu,#fmenu{text-transform:uppercase;}
#contents01::before,.a_cardab .photo::after,#show>h3>span::after{content:attr(title);letter-spacing:.1em;}
a,#menu a:hover,#menu a.on,.link a::before,a.link::before,.list li::before{color:#1870b8;}
.subtmb [lang="en"]{color:#1d74ba;}
#show h3>span::after{color:#1c74bb;}
body,h3 a,.h3 a,.more a,span.more,[class^="a_"] a,[class*=" a_"] a,a[href^="tel:"],#contents02>dl>dd{color:#111;}
.fc-yellow,.list-type-number.flow>li::before{color:#f4c136;}
.a_cardab .photo::after{color:#fff;}
button,[type="button"],[type="reset"],[type="submit"],[class*="a-btn"],.close_popup,.list-tag a,#footer,.pnav a:hover,.pnav [rel]:hover,#paging li.active,#fmenu,#pnav a,#hnav .a-btn:hover,.list-tag a:hover,.list-tag a.on,.a_card .tag>li>span::after,.a_card .tag a::after{background-color:#23272b;}
.a-btn2{background-color:#1d74ba;}
.a-btn2:hover,#rnav a.a-btn2:hover{background-color:#f4c136;}
.a-btn-w{background-color:initial;}
#contents02>dl>dd{background-color:#eceff2;}
h5::after,.h5::after,h6::before,.h6::before,.list-type-number.flow>li::before,.list-type-check>li::after,.list-type-check>dt::after,.title-i-check::after,.list-type-number.flow>li:not(:last-child)::after{border-color:#f4c136;}
#global>ul{max-width:1150px;}
#menu a::before,#fmenu li::before{border-width:3px 4px;}
#fmenu{box-shadow:none;}
#contact>ul>li dt{padding:64px 0 16px 0;}
#contact>ul>li+li dt{background-image:url("images/tel_w.svg");}
#contact [class*="a-btn"]{padding:1.24em;max-width:15em;}
#contact [class*="a-btn"]::before{content:"\ea3c";transform:translateY(-50%);border:none;width:auto;height:auto;font-size:.875em;}
#contact address{display:block;font-size:3em;}
#contact aside{font-size:1em;padding:0 0 1em 0;}
#show>h3{width:94%;mix-blend-mode:multiply;animation:fade 2s ease;}
#show>h3>span{text-shadow:none;padding:0;font-size:min(3.2vw,1.5rem);isolation:isolate;position:relative;width:100%;}
#show>h3>span::after{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:2;text-transform:none;width:9em;font-size:min(10vw,4.291666666666667em);opacity:.5;}
#contents01{width:94%;padding:0;}
#contents01::before{cdisplay:block;width:100%;text-align:center;padding:.4em 0;font-size:min(10vw,3.75rem);}
#contents01>li{border:1px solid #d9d9d9;margin:-1px auto 0 auto;}
#contents01 .photo{max-width:380px;background:#fff;margin:1em auto;}
#contents01 .photo::before{padding-top:68.42105263157895%;}
#contents01 .photo+p{text-align:center;width:100%;padding:0 1em;line-height:1.25;}
#contents01 .b{font-size:1.125em;}
#contents01.subtmb [lang="en"]{font-size:1em;letter-spacing:.04em;margin-top:.25em;}
#contents02>p{padding:40px 0;}
#contents02>dl>dt{margin-bottom:-.65em;padding-top:0;}
#contents02>dl>dt [lang="en"]{font-size:min(10vw,9.125rem);letter-spacing:.04em;position:relative;left:-.4em;color:rgba(255,255,255,0);text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;background:url("images/about.png") 0 center no-repeat;background-size:contain;line-height:1;white-space:nowrap;text-indent:120%;display:block;overflow:hidden;}
#contents02 p+p{margin-top:1.5em;}
.a_cardab{margin:0 auto;width:94%;max-width:1167px;}
#index .a_cardab{padding-top:40px;}
.a_cardab .photo{height:auto;max-height:189px;max-width:369px;}
.a_cardab .photo::before{padding-top:51.21951219512195%;}
.a_cardab .photo::after{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:min(8vw,2.625rem);}
#news>h3 [lang="en"]{margin-bottom:.2em;}
.ff-title{font-weight:700;content:attr(title);display:block;font-size:40px;font-size:2.5rem;text-transform:uppercase;margin-bottom:-.9em;color:rgb(17 17 17 / 14%);position:relative;}
.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;}
.border-b{border-bottom:1px solid #e5e5e5;}
.border-b:first-of-type{border-top:1px solid #e5e5e5;}
/*Interview*/
.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,-60%);top:50%;left:3%;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-name{font-size:1em;}
.int-catch+.boxwrap{margin-top:-4em;}
.bg-catch{display:inline-block;background:#fff;color:#438dc7;padding:0 .5em;margin:0 2em .5em .5em;letter-spacing:1px;}
#a-message01 .int-catch img{object-position:center;border-radius:10px;width:100%;max-height:600px;}
#a-message01 .int-name{font-size:.8em;line-height:1.5;display:block;margin:0 1.2em;}
/*cont-wrap*/
.cont-wrap{position:relative; z-index:1;padding-top:200px;}
.cont-wrap .cont-img{width:100%;position:absolute;z-index:-1;top:0;left:0;}
.cont-wrap .cont-txt{width:80%;/*-webkit-box-shadow:0 0 3px 1px #dedede;*//*box-shadow:0 0 3px 1px #dedede;*/background:#fbfbfb/*rgb(255 255 255 / 88%)*/;margin:0 auto;padding:60px 20px 20px;position:relative;}
.cont-txt .grad_big{text-align:left; position:absolute; width:100%; top:-70px; left:0;}
.cont-txt .grad_text{font-size:1.3rem; letter-spacing:.2rem; line-height:100%;background:#3974b9; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.cont-txt .num{ font-size:5rem; font-weight:600;}
.cont-wrap:nth-child(even) .cont-img{text-align:right;}
#menu a:hover::before, #menu a.on::before{border-left-color:#1870b8;}
/*message*/
.boxwrap.message01{margin-bottom:60px;}
.boxwrap.message01 .box-img{margin-bottom:60px;width:100%;max-width:480px;}
.boxwrap.message01 .box-txt{padding:0;width:100%;}

@media(min-width:40em){
#contents01{padding:0 0 60px 0;}
#contents01.typebox3>li{width:33.33333333333333%;margin:0;border-width:1px 1px 1px 0;}
#contents01.typebox3>li:nth-child(3n+1){border-width:1px;}
#contents01.typebox3>li:nth-child(n+4){border-top-width:0;}
#contents02>p{padding:30px 0 0 0;}
#contents02 section{padding:4em 0 2em 0;}
.a_cardab.typebox3>li{width:31.61953727506427%;margin-left:2.5706940874036%;}
.a_cardab.typebox3>li:nth-child(3n+1){margin-left:0;}
.a_cardab.typebox3 .photo::after{font-size:min(4vw,2.625rem);}
.cont-wrap{padding-top:135px;}
.cont-wrap .cont-img img{max-width:60%;}
.cont-wrap .cont-txt{max-width:570px;margin:0 3px 0 auto;padding:60px 55px 50px;}
.cont-wrap:nth-child(even) .cont-txt{margin:0 auto 0 3px;}
.maxw{max-width:1120px;margin:auto;}
.int-catch p{transform:translate(0,-50%);}
}
@media(min-width:48em){
#global>ul>li:first-child{padding:0 10px;width:22%;max-width:250px;}
#global a[rel="home"]{height:80px;max-width:230px;}
#index .a_cardab{padding-top:0;}
#index #news{padding-bottom:80px;}
#news>h3{margin-bottom:26px;}
.ff-title{font-size:6em;z-index:2;}
.ff-title.fs-4em{font-size:4em;}
.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;}
.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;}
.boxwrap.message01 .box-img{margin-bottom:0;width:40%;}
.boxwrap.message01 .box-txt{padding:0 30px 0 0;width:60%;}
}

@media(min-width:61em){
.int-catch p{font-size:2.2vw;}
.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;}
}