@charset "utf-8";
@import url(css/basic.css);
@import url(shared.css);
html[lang="ja"] .p-business h1::before{content:"ourworks";}
html[lang="ja"] .p-company h1::before{content:"About US";}
html[lang="ja"] .p-staff h1::before{content:"Staff";}
html[lang="ja"] .p-recruit h1::before{content:"Recruit";}
html[lang="ja"] .p-recruithtml[lang="ja"] .p-requirements h1::before{content:"requirements";}
html[lang="ja"] .p-recruithtml[lang="ja"] .p-flow h1::before{content:"Flow";}
html[lang="ja"] .p-recruithtml[lang="ja"] .p-faq h1::before{content:"FAQ";}
html[lang="ja"] .p-news h1::before{content:"News";}
html[lang="ja"] .p-hphtml[lang="ja"] .p-privacy h1::before{content:"Privacy policy";}
html[lang="ja"] #e-contactssl2 h1::before{content:"Contact";}
html[lang="ja"] #e-privacy01 h1::before{content:"Privacy policy";}


.b{font-weight:600;}
dl.box>dt{border-bottom:solid 1px;}
.list-type-circle li{border-bottom:solid 1px #dfdfdf;padding:20px;}
.fc-blue2{color:#438dc7;}
#staff.bg-no{background:none;}
.kome5>dt,.kome5>.dt{width:6em;}
.colon dd::before{content:"：";}
.aru{margin-bottom:3em;}
.aru li{background-image:linear-gradient(to left, #0649a4, #225fa8);color:#fff;}
.aru dt{margin-bottom:.5em;}
.aru dd li{background:#fff;color:#225fa8;padding:.5em 2em .5em 3em;margin-bottom:.5em;border-radius:5em;}

/*title*/
.bdr{display:flex;align-items:center;}
.bdr:after{border-top:1px solid;content:"";width:10%;margin-left:1rem;}
h3.title [lang="en"]{font-size:9.4vw;letter-spacing:.1em;display:block;line-height:1.25;}
.tate>h3>span{position:absolute;/*top:-1em;*/left:100%;transform:rotate(90deg);transform-origin:top left;padding:.5em 0 0 0;margin:0;line-height:1.25;}

/*haikei*/
.haikei2{background: linear-gradient(90deg, #d3dfef 0%, #d3dfef 70%, transparent 70%, transparent 100%);background-repeat: no-repeat;background-position: 0 50px;background-size: 100% calc(100% - 130px);}
.haikei3{background:url("/images/haikei3.png") center 0 repeat;}
.haikei4{background:linear-gradient(90deg, #f2f8ff 0%, #f2f8ff 70%, transparent 70%, transparent 100%);background-repeat: no-repeat;background-position: 0 50px;background-size: 100% calc(100% - 50px);}

/*linebox*/
.linebox2{border:none;background:#f9f9f9;box-shadow:none;}
.linebox3{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:10px;}

/*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,-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-name{font-size:1em;}
.int-catch+.boxwrap {margin-top:-4em;}
.bg-catch{display:inline-block;background:#fff;color:#438dc7;padding:0 .5em;margin: 0 0 .5em;letter-spacing:5px;}
.tag{margin-right:.5em;background:#fff;border:1px solid;font-size:.8em;padding:.2em;}
.interview-btn{background-color:#fff;box-shadow:1px 1px 0 #1e1e1e inset, -1px -1px 0 #1e1e1e inset;padding:1.25em 2em;line-height:1.25;letter-spacing:.04em;border:0;text-decoration:none;color:#111;display:inline-block;width:100%;max-width: 17.14285714285714em;text-align:center;vertical-align:middle;}
.interview-btn:hover{background-color:#083a71;color:#fff;}

/*flow*/
.step>li{position:relative;}
.step>li:not(:last-child){margin-bottom:40px;}
.step>li dl{width:100%;padding:20px 30px;display:flex;align-items:center;position:relative;background:#fff;flex-direction:column;/*border-bottom:solid #e7e7e7;*/}
.step>li dl dt{font-size:16px;font-weight:600;/*color:#797777;*/flex-basis:20%;text-align:center;margin:15px 1vw 15px 0;}
.step>li dl dd{display:flex;align-items:center;flex-direction:column;text-align:left;width:100%;}
.step>li dl dd img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 0 15px 0;}
.step>li:not(:first-child)::before{content:"";height:60px;display:block;border-left:4px dotted #e5e5e5;position:absolute;top:-40px;left:49%;z-index:10;}
.waku{background:#1152a6;border-radius:8px;padding:3px 20px;/*font-family:"Times New Roman";*/color:#fff;}

/*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;border-radius:40px;}
.cont-txt .grad_big{text-align: left; position: absolute; width: 100%; top: -70px; left: 0;}
.cont-txt .grad_text{font-family: serif;font-size: 1.3rem; letter-spacing: .2rem; line-height: 100%;background:#225fa8; -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;}

/*boxwrap*/
.boxwrap.pt0{padding-top: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;color:#222;}
.box-txt [lang="en"]{text-transform:uppercase;color:#083a71;}

/*table*/
.table2 tr:first-child{border-top: 1px solid #dfdfdf;}
.table2 tr{border-bottom: 1px solid #dfdfdf;}
.table2 th{background:/*#e9ffe2*/#fff;border:none;/*color:#52a437;*/}
.table2 td{border:none;padding:1em;}

/*sideline*/
.sideline {position: relative;padding: 0 65px;text-align: center;}
.sideline:before {position: absolute;top: calc(50% - 1px);left: 0;width: 100%;height: 1px;content: '';background: #000;}
.sideline span {position: relative;padding: 0 1em;background: #fff;font-size:1.3em;}

.subtmb.ba_p::before{height:4.46428571428571vw;max-height:50px;}

@media(min-width:40em){
.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;}
}

@media (min-width:48em){
.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;}
h3.title [lang="en"]{font-size:72px;font-size:4.5rem;}
.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;}
}

@media(min-width:61em){
.int-catch p{font-size:2.4vw;}
.int-catch div{transform:translate(0, -50%);font-size:1.5vw;}
.step>li:not(:first-child)::before{left:-webkit-calc(8% + 30px - 2px);left:calc(8% + 30px - 2px);}
.step>li dl{flex-direction:row;}
.step>li dl dd{flex-direction:row;}
.step>li dl dd img{margin:0 30px 0 0;}
}

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