/*
Theme Name: emitas 
*/
body {font-family: 'Viga', 'Century Gothic', "Hiragino Sans",游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;-webkit-text-size-adjust: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size: .85rem;line-height: 1.6rem;letter-spacing: .1rem;color: #454553;font-weight: 500;}h1, h2, h3, h4, h5 {font-weight:normal;}#li01,#li02,#li03,#li04,#li05,#li06,#li07 {display: inline-block; padding-top: 80px; margin-top: -80px;}a {-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;color: red;text-decoration: none;}a:hover,a:focus,a:avtive {transition: all 0.2s ease;color:#3972b7;outline: none;}b{font-weight: normal}section,p {padding: 0;margin: 0;}ol,ul{padding: 0;}ol,ul li{list-style:none;}ol,ul li{list-style:none;}img {border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width :auto;}
#loading {width: 100vw;height: 100vh;transition: all 1s;background-color: rgba(223,0,43,.8);color: white;position: fixed;top:0;left: 0;z-index: 9999;}#loading div {position: absolute;top: calc(50% - 8rem);width: 100%;text-align: center;}.loaded {opacity: 0;visibility: hidden;}
.fadein{animation-name:fadeinAnime;animation-duration:1s;animation-fill-mode:forwards;opacity:0;}
@keyframes fadeinAnime{from {opacity: 0;}to {opacity: 1;}}
.fadeup{animation-name:fadeupAnime;animation-duration:0.5s;animation-fill-mode:forwards;opacity:0;}
@keyframes fadeupAnime{from {opacity: 0;transform: translateY(100px);}to {opacity: 1;transform: translateY(0);}}
.blurT,.zoomOut{opacity: 0;}
.blur{animation-name:blurAnime;animation-duration:1s;animation-fill-mode:forwards;}
@keyframes blurAnime{from {filter: blur(10px);transform: scale(1.02);opacity: 0;}to {filter: blur(0);transform: scale(1);opacity: 1;}}
.zoomout{animation-name:zoomoutAnime;animation-duration:0.5s;animation-fill-mode:forwards;}
@keyframes zoomoutAnime{from {transform: scale(1.2);opacity: 0;}to {transform:scale(1);opacity: 1;}}
.delay05{animation-delay: .5s;}.delay10{animation-delay: 1s;}.delay15{animation-delay: 1.5s;}
/*Grad*/
.bGrad {background: rgb(223,0,43);background: linear-gradient(75deg, rgba(223,0,43,1) 0%, rgba(244,92,67,1) 80%);}
.bGradRe {background: rgb(223,0,43);background: linear-gradient(75deg, rgba(244,92,67,1) 0%, rgba(223,0,43,1) 80%);}
.bGradA {background: rgb(223,0,43);background: linear-gradient(75deg, rgba(223,0,43,.9) 0%, rgba(244,92,67,.9) 80%);}
.bGradARe {background: rgb(223,0,43);background: linear-gradient(75deg, rgba(244,92,67,.9) 0%, rgba(223,0,43,.9) 90%);}
/*Font*/
.fEng {font-family: 'Viga', 'Century Gothic', sans-serif;}
.redFB b {font-size: 1.2rem;font-weight: bold}
/*Shadow*/
.dropS {box-shadow: 10px 25px 20px rgba(62,67,76,.2);}
.dropSR {-webkit-filter: drop-shadow(10px 25px 20px rgba(62,67,76,.2));filter: drop-shadow(10px 25px 20px rgba(62,67,76,.2));transform: translateZ(0);}
.br-2 {border-radius: 2rem}
/* WebP対応の非ブラウザ用のスタイル */
.no-webp .greenBg {background: url(../img/greenBg.jpg) #57be68 no-repeat center top / cover;}
.no-webp .careerHero h1{background: url(../img/careerMainBg.png) no-repeat center bottom / cover;}
.no-webp .cultureHero h1{background: url(../img/cultureBg.png) no-repeat center 20% / cover;}
.no-webp .debutHero h1{background: url(../img/debutBg.png) no-repeat center top / cover;}
.no-webp .entHero h1{background: url(../img/entryBg.png) #f5f0ee no-repeat center center / cover;}
.no-webp .onSesHero h1{background: url(../img/onSesBg.png) #f5f0ee no-repeat center center / cover;}
.no-webp .onIntHero h1{background: url(../img/onIntBg.png) #f5f0ee no-repeat center center / cover;}
.no-webp .faqHero h1{background: url(../img/faqBg.png) no-repeat center 15% / cover;}
.no-webp .graCarHero h1{background: url(../img/graCarBg.png) no-repeat right top / cover;}
.no-webp .graSchHero h1{background: url(../img/graSchBg.png) no-repeat right top / cover;}
.no-webp .numberHero h1{background: url(../img/numberBg.png) no-repeat center center / cover;}
.no-webp .topRecArea,.no-webp .graEntArea {background: url(../img/recBg02.png) #e9f3ff no-repeat center bottom / cover;}
.no-webp .topcultureArea {background: url(../img/topculBg.png) no-repeat center top / cover;}
.no-webp .treatHero h1{background: url(../img/treatBg.png) no-repeat center top / cover;}
.no-webp .treatCarBg{background: url(../img/treatCarBg.png) no-repeat center bottom / cover;}
/*commonBg*/
.iHalf,.iHalfM,.topSubCon {background: url(../img/iHalf.svg) left bottom no-repeat;}
.iHalfM {background-size: 2.5rem}
.plusBg {background-image:url(../img/plusTop.png),url(../img/plusTop.png);background-position:right top,left bottom -3px;background-repeat: no-repeat;}
.sdgsBg,.sdgsBgF,.sdgsSubBg {border-radius: 0 0 0 4rem;padding: 0 0 3rem;}
.sdgsBg {background: url(../img/sdgsBg.png) left bottom no-repeat #f7f8f4;margin-left: 1rem;}
.sdgsBgF {background: url(../img/sdgsBg.png) left bottom no-repeat #f7f8f4;}
.sdgsSubBg {background: url(../img/sdgsBg.png) left bottom no-repeat #f7f8f4;margin-left: 1rem;background-size: contain}
.bgW {background: white;border-radius: 2rem;margin: 3rem 0;padding: 3rem;}
/*Spacer*/
.my-6 {margin: 5rem 0;}.mt-6 {margin-top: 5rem;}.mb-6 {margin-bottom: 5rem;}.py-6 {padding: 5rem 0;}.pt-6 {padding-top: 5rem;}.pb-6 {padding-bottom: 5rem;}
/*Ttl*/
.underL {border-bottom:1px solid #939393;padding: .5rem 0;margin-bottom: 1rem}
.mainTtlW,.mainTtl,.mainTtlM,.mainTtlMC {position: relative;display: block;margin-top: 2rem;font-size:1rem;padding: calc(1.5rem + 2vw) 0 calc(1.5rem + 2vw) calc(4rem + 2.5vw);}
.mainTtlW:before,.mainTtl:before,.mainTtlM:before,.mainTtlMC:before {content: '';position: absolute; top: 50%; display: inline-block;width: 45px;height: 1px;}
.mainTtlW:before,.mainTtl:before,.mainTtlM:before {left:3%;}
.mainTtlMC:before,.mainTtl:before,.mainTtlM:before {background: #df002b;}
.mainTtlMC:before {left: calc(50% - 6rem);}
.viO {background: url(../img/visionO.svg) no-repeat 0 50% / contain;}
.viL {background: url(../img/visionL.svg) no-repeat 0 50% / contain;}
.abL {background: url(../img/aboutL.svg) no-repeat 0 50% / contain;}
.abO {background: url(../img/aboutO.svg) no-repeat 0 50% / contain;}
.abLS {background: url(../img/aboutL.svg) no-repeat 50% calc(2.5rem + .5vw) / contain;}
.inW {background: url(../img/interviewW.svg) no-repeat 0 50% / contain;}
.inO {background: url(../img/interviewO.svg) no-repeat 0 50% / contain;}
.woL {background: url(../img/workL.svg) no-repeat 0 50% / contain;}
.woLS {background: url(../img/workL.svg) no-repeat 50% calc(2.5rem + .5vw) / contain;}
.woO {background: url(../img/workO.svg) no-repeat 0 50% / contain;}
.reW {background: url(../img/recruitW.svg) no-repeat 0 50% / cover;}
.subTtl,.subTtlmini,.subTtlmiddle {font-size: calc(1.2rem + .5vw);font-weight: normal;color: white;position: relative;z-index: 2;padding: 1rem 1rem;margin-top: 3rem;}
.subTtl::before,.subTtlmini::before,.subTtlmiddle::before {content: attr(data-en);position: absolute;left: 0;z-index: -2;letter-spacing: 0rem;} 
.subTtl,.subTtlmiddle {margin-top: 3rem;}
.subTtl::before {bottom: .5rem;font-size:calc(3.5rem + 2.5vw);} 
.subTtlmiddle::before {bottom: 1rem;font-size:calc(2rem + 5vw);} 
.subTtlmini {margin-top: 4rem;}
.subTtlmini::before {bottom: 1rem;font-size:calc(1rem + 5vw)} 
.crTtl::before{color: #f1f6f7;}
.coTtl::before,.cgTtl{color: #ff6349;}
.cgTtl::before {color: #c5e6d3;}
.cdgTtl::before {color: #57be68;}
.clbTtl::before{color:#deecf8;} 
.secondTtl {font-weight: normal;margin: 1.5rem 0;line-height:3rem;font-size: calc(1.2rem + .5vw);}
.thirdTtl {font-weight: normal;font-size: .9rem;line-height:1.8rem;}
.fourthTtl {font-size: 1.2rem;line-height: 2rem;}
.fourthTtl span {display: block;font-size: 1.4rem;}
.fifthTtl {font-size: 1rem;line-height: 2rem;}
.fifthTtl span {display: block;font-size: 1.6rem;display: block}
.lineRTtl,.lineRBTtl {position: relative;display: block;padding: 2rem 0 1rem;}
.lineRTtl:after,.lineRBTtl:before,.lineRBTtl:after {content: '';position: absolute; top: 50%; display: inline-block;}
.lineRTtl {font-size: 1rem;}
.lineRTtl:after {right:0;width:70%;height: .5px;}
.lineRBTtl {font-size: 1.5rem;}
.lineRBTtl:before,.lineRBTtl:after {width: 30%;height: .5px;}
.lineRBTtl:before {left: 0;}
.lineRBTtl:after {right: 0;}
.minimamTtl {line-height:3rem;font-size: calc(1.1rem + .5vw);}
.numberTtl,.numberTtlC,.numberTtlCB {position: relative;font-size: 1.2rem;}
.numberTtl::before,.numberTtlC::before,.numberTtlCB::before,.numberTtlS::before,.numberTtlSB::before {content: attr(data-number);}
.numberTtl {color: rgb(223,0,43);}
.numberTtl::before {display: inline-block;margin-right: 20px;color: #fff;font-size: 4rem;text-shadow: 1px 1px 0 #333,-1px 1px 0 #333,1px -1px 0 #333,-1px -1px 0 #333;}
.numberTtlC,.numberTtlCB {line-height:2rem;}
.numberTtlC::before,.numberTtlCB::before {display: block;margin: 0 auto;position: absolute;border-radius: 50%;font-family: 'Century Gothic', sans-serif;}
.numberTtlC {color: #616a7d;}
.numberTtlC::before {font-size: .7rem;top: -60px;left: -30px;width: 65px;height: 65px;padding: 1rem 0;background: #a6c0d2;font-weight: 400;}
.numberTtlCB {padding: 9rem 0 2rem;font-weight:600;color: #031e30;}
.numberTtlCB::before {font-size: 1.2rem;top: 0px;left: 0px;width: 110px;height: 110px;padding: 2.5rem 0;background: #a6c0d2;font-weight:500;}
.numberTtlS,.numberTtlSB {position: relative;display: block;color: #616a7d;line-height:2rem;}
.numberTtlS {padding: 1rem;font-size: 1.2rem;}
.numberTtlSB {padding: 1rem 3rem;font-size: 1.4rem;text-align: left;}
.numberTtlS::after,.numberTtlSB::after {content: '';position: absolute; top: 10px;left: 5px;display: inline-block;width: 50px;height: 1px;background-color: #454553;-webkit-transform: rotate(-50deg);transform: rotate(-50deg);}
.numberTtlS::before,.numberTtlSB::before {position: absolute;font-size: 3.5rem;font-weight: lighter;top: -40px;left:-30px;display: inline-block;font-family: 'Century Gothic', sans-serif;}
.linkCG {color: #616a7d;letter-spacing: .05rem}
.lead {line-height:2.5rem;}
/* BTN */
.btn,.btnW,.btnGr,.btnB,.btnG,.btnRedB,.btnBl {width: 100%;cursor: pointer;transition: all 0.2s;display: inline-block;}
.btnW,.btnGr,.btnB,.btnG,.btnBl {font-size: .9rem;}
.btnW {padding: .5rem 1rem;margin: 1rem 0;}
.btnW:hover,.btnW:focus,.btnW:active{color: #4e9dbb;}
.btnGr {padding: .5rem 1rem;background: #57be68!important;margin: 1rem 0;box-shadow: 10px 25px 20px rgba(87, 190, 104, 0.2);}
.btnGr:hover,.btnGr:focus,.btnGr:active{background: #f5f0ee!important;color: #57be68;}
.btnB {padding: .5rem 1rem;background: #3972b7;margin: 1rem 0;box-shadow: 10px 25px 20px rgba(57, 114, 183, 0.2);}
.btnB:hover,.btnB:focus,.btnB:active{background: #f1f6f7;color: #3972b7;}
.btnG {padding: .5rem 1rem;background: rgb(223,0,43);background: linear-gradient(75deg, rgba(223,0,43,1) 0%, rgba(244,92,67,1) 80%);margin: 2rem 0;box-shadow: 10px 25px 20px rgba(223,0,43,.2);}
.btnG:hover,.btnG:focus,.btnG:active{background: linear-gradient(75deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 80%);}
.btnRedB {padding: 1rem 1.5rem;border: 1px solid #df002b;border-radius: 1rem;font-size: 1.2rem;}
.btnRedB span {font-size:1rem;display: block}
.btnRedB:hover,.btnRedB:focus,.btnRedB:active {background: #df002b;}
.btnBl {padding: .5rem 1rem;background: #1a1b1d;margin: 1rem 0;box-shadow: 10px 25px 20px rgba(0, 0, 0, 0.2);}
.btnBl:hover,.btnBl:focus,.btnBl:active{background: linear-gradient(75deg, rgba(223,0,43,1) 0%, rgba(244,92,67,1) 80%);}
#myBtn {position: fixed; z-index: 9999; bottom: 10px; right: 10px; display: none; width: 52px;height: 52px;border: none; border-radius: 50%; outline: none;background: rgb(223,0,43);background: linear-gradient(75deg, rgba(223,0,43,.8) 0%, rgba(244,92,67,.9) 80%); cursor: pointer;}
#myBtn:hover,#myBtn:focus,#myBtn:active {background-color: #073e81;}
.imgW01 {width: calc(5rem + .2vw)}.imgW02 {width: calc(6rem + .2vw)}.imgW03 {width: calc(7rem + .2vw)}
.fas {padding-right: .2rem;}
.bb {border-bottom: 2px dotted #b8c0d2;width: 70%;margin: 2rem auto;height: 1px;}
.disno,.breadcrumb-item br {display: none}
.disbl {display: block}
/*     Navigation     */
.navbar,.navbar a {color: #616a7d;} 
.navbar {background-color: rgba(255,255,255,.95);padding: 0;font-size: .9rem;line-height: 0.875rem;letter-spacing: .05rem;}
.navbar .nav-item {text-decoration: none;text-align: center}
.navbar a:hover,.navbar a:focus,.navbar a:active {color: #ff6349;} 
.navbar b {display: block;font-size: .7rem;padding-top:.5rem;} 
.navbar .container-fluid {padding-left: 0!important;padding-right: 0!important}
.recNav01{border-radius: 0 0 0 2rem;padding: 1rem .5rem;display: flex; flex-wrap: wrap;}
.recNav01 a,.recNav01 a:hover,.recNav01 a:focus,.recNav01 a:active{display: inline-block;color: white;}
.recNav01 .recNavTtl{width: 100%;clear: both;display: inline-block;text-align: center;padding-bottom:1rem;}
.recNav01 li{font-size: .85rem;}
.navbar .recNav01 .dropdown-menu {background:#f1f6f7!important;}
.navbar .recNav01 .dropdown-item {color: #454553!important;}
@media (min-width: 768px) {
.recNav01 .dropdown-menu[data-bs-popper] {left: -50%!important;}.recNav01 .dropdown {padding: 0!important;}.recNav01 .nav-item{width: 50%;}}
.navbar-brand {margin: 0;font-size: .2rem;}
.navbar-brand img {height:45px;}
.offcanvas-collapse {position: fixed;top: 3rem;bottom: 0;left: 100%;width: 100%;padding: 0 1rem;overflow-y: auto;visibility: hidden;transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;transition: transform .3s ease-in-out, visibility .3s ease-in-out;transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;}
.offcanvas-collapse.open {visibility: visible;-webkit-transform: translateX(-100%);transform: translateX(-100%);background: rgba(255,255,255,.8);}
.offcanvas-collapse.open .nav-item {padding-bottom: 1rem;}
.offcanvas-collapse.open .recNav {border-radius: 1rem;padding-top: 1rem;}
.offcanvas-collapse.open .recNav ul{padding-top: .8rem;}
.offcanvas-collapse.open .recNav ul li {width: 45%;font-size: .9rem;}
/* Dropdown Menu */
.navbar .navbar-toggler {padding: 0;border: none;font-size: 1.25rem;}
.navbar .dropdown .dropdown-menu {animation: fadeDropdown 0.2s;}
@keyframes fadeDropdown {0% {opacity: 0;}100% {opacity: 1;}}
.navbar .dropdown-menu {margin: 0.2rem;border: none;background: rgb(223,0,43);background: linear-gradient(44deg, rgba(223,0,43,1) 0%, rgba(244,92,67,1) 100%, rgba(0,212,255,1) 100%);}
.navbar .dropdown-item {padding: .5rem;font-size: .8rem;line-height: 0.8rem;text-decoration: none;}
.navbar .dropdown-item:hover,.navbar .dropdown-item:focus,.navbar .dropdown-item:active {background-color: #eaf3fc;color: #3972b7;}
.line-1 {border-top: 1px solid white;margin: .2rem .3rem 0 .3rem;padding-top: .3rem;}
/* Min-width 768px Disktop*/
.navbar-collapse {flex-grow: unset;}
/*  Header  */
header {margin-top: 6rem;padding-bottom: .5rem;}
.hero h1 {background: url(../img/topMainBg.png) center no-repeat;background-size: cover;border-radius: 2rem;padding: 3.5rem 0 20rem;}
/*  Footer  */
footer {font-size: .7rem;padding-top: 3rem;line-height: 2rem;margin-top: -0.2%}
footer a:hover,footer a:focus,footer a:active {color: #ffb9ad;}
footer .allCompanies li {border-bottom: #ff6349 dotted 1px;padding: .5rem 0 .5rem .5rem;line-height: 1.4rem}
.brandbadge {border-radius: 1rem;padding: 1rem .5rem;margin-right: .5rem}
.legacy {margin: 5rem 0 3rem} 
.whiteArea,.whiteAreaT {font-size: .7rem;line-height: 1.3rem;padding:.5rem;margin:2.5rem 1rem 1rem 0;}
.whiteArea img {border-radius: 1rem;padding: 1rem .5rem;}
.whiteArea p b,.whiteAreaT p b {font-size: .8rem;}
.whiteAreaT img {padding: 1rem .5rem;}
main{margin-top: -0.2%;}
/*pageTopStyle*/
.stepLay {margin: 6rem 0 3rem;}
.stepLay div{position: relative;}
.stepLay div:first-child{margin-top: 5rem}
.stepLay div a {z-index: 999;position: absolute;right:.5rem;bottom: -1rem;width: 78%;margin: 0;font-size: .8rem;}
.stepLay div img {-webkit-filter: drop-shadow(10px 25px 20px rgba(62,67,76,.2));filter: drop-shadow(10px 25px 20px rgba(62,67,76,.2));transform: translateZ(0);width: 90%}
.stepLay div.stepT a {right: .5rem;bottom: 4rem;}

.rideShareBn a {background: url(https://mitsuya-emitas.co.jp/rideshare/img/mainBg.webp) no-repeat right center / cover;margin:1rem 0;display: inline-block;width: 98%;border-radius: .5rem}
.rideShareBn a img {max-height: 200px;border-radius: .5rem}

@media (768px <= width < 1000px) {
.rideShareBn a {background: url(https://mitsuya-emitas.co.jp/rideshare/img/mainBg.webp) white no-repeat right top -60px / cover;}
}

@media (1000px <= width) {
.rideShareBn a {background: url(https://mitsuya-emitas.co.jp/rideshare/img/mainBg.webp) white no-repeat right top -80px / cover;}
}

.topIntArea {background: url(../img/recBg01.png) no-repeat right bottom #f5f0ee;border-radius: 0 0 0 4rem;padding: 0 0 3rem;margin-left: 1rem;}
.topIntArea p {font-size: calc(1rem + .5vw);line-height: 3rem;padding: 2rem 0;text-shadow:1px 1px 3px #f5f0ee, -1px -1px 3px #f5f0ee,-1px 1px 3px #f5f0ee, 1px -1px 3px #f5f0ee}
.topIntArea p strong{font-size: calc(1.3rem + .5vw);line-height: 3.5rem;font-weight: normal}
.topIntArea .col-md-6 {padding-left: 4rem;}

.topRecArea {background: url(../img/recBg02.webp) no-repeat center bottom;border-radius: 0 0 0 4rem;background-color: #e9f3ff;}
.topRecArea h3 {text-shadow:1px 1px 3px #f5f0ee, -1px -1px 3px #f5f0ee,-1px 1px 3px #f5f0ee, 1px -1px 3px #f5f0ee}
.topRecArea h4 {font-size: 1.35rem;}
.topRecArea h4 span {font-size: .7rem;font-family: 'Century Gothic', sans-serif;}
.topRecArea .recNavList div {border-radius: 2.5rem;padding: 2rem 0 1rem 2rem ;margin: 1rem;}
.topRecArea .recNavList ul {padding-left: 0;}
.topRecArea .recNavList li {font-size: .9rem;}
.topRecArea .recNavList a:hover,.topRecArea .recNavList a:focus,.topRecArea .recNavList a:active {color:#ffb9ad;}
@media screen and (min-width: 991px) {
.topIntArea {background-size: contain;}
.topRecArea {background-position: center center}
}
@media screen and (min-width: 768px) {
.navbar.top-nav-collapse {background-color: rgba(255,255,255,.8);}
.navbar .logo-image img { width: 120px;}
.navbar {transition: all 0.2s;}
.offcanvas-collapse {position: static;top: auto;bottom: auto;left: auto;width: auto;padding-right: 0;padding-left: 0;background-color: transparent;overflow-y: visible;visibility: visible;}
.offcanvas-collapse.open {-webkit-transform: none;transform: none;}
.navbar .navbar-nav {margin-top: 0;margin-bottom: 0;}
.navbar .dropdown {padding: 1.5rem .8rem 0;}
.navbar .dropdown-menu {padding-top: 0.75rem;padding-bottom: 0.875rem;}
.topRecArea .recNavList {margin: 15rem 0 2rem;}
.topRecArea {background-size: cover;}
}
@media screen and (min-width: 576px) and (max-width: 991px) {.topIntArea {background-position: calc(50% + 16rem) bottom;background-size: contain;}}
.OverlapLay div{position: relative;}
.OverlapLay div a {z-index: 999;position: absolute;right:.5rem;bottom: -1rem;width: 80%;margin: 0;font-size: .8rem;}
.OverlapLay div img {-webkit-filter: drop-shadow(10px 25px 20px rgba(62,67,76,.2));filter: drop-shadow(10px 25px 20px rgba(62,67,76,.2));transform: translateZ(0);width: 90%}
@media (max-width: 768px) {
.OverlapLay div:nth-child(1) a {bottom: 10rem;}.OverlapLay div:nth-child(2) {margin-top: 10rem}}

.squareB,.squareT,.squareAdjust01,.squareG {position: relative;z-index: -999;}
.squareB:before,.squareT:before  {width: 100%;height: 150px;background: #f1f6f7;position: absolute;content: " ";}
.squareB:before {bottom: 1.5rem;}
.squareT:before {top: 0;}
.squareAdjust01:before {width: 90%;height: 100px;background: #f1f6f7;position: absolute;top: 2.5rem;right:0;content: " ";}
.squareG:before {animation: animateBg 20s linear infinite;width: 97%;height: 220px;background-image: linear-gradient(55deg, #e8d1f7,#e1f0fd,#fffedd,#e8d1f7,#e1f0fd,#fffedd);position: absolute;bottom: 1.5rem;content: " ";left: 3%;background-size: 100% 1200%;}
@keyframes animateBg {0% { background-position: 0% 0%;}100% { background-position: 0% 100%;}}
.topSubCon {padding-top: 2rem}
.topSubCon .row:first-child {padding: 3rem 1rem 1rem 3rem;}
.topSubCon .col {margin: 0 .5rem;}
.comBn {background: url(../img/kanbanBg.png) no-repeat left top #1654c0;border-radius: 2rem}
.comBn p {padding: 1.5rem .1rem 1.5rem 48%;text-shadow:1px 1px 3px #1654c0, -1px -1px 3px #1654c0,-1px 1px 3px #1654c0, 1px -1px 3px #1654c0}
.comBn a {font-size: calc(1rem + .2vw);line-height: 2.4rem;font-weight: normal;}
/*  Header  */
header {margin-top: 6rem;padding-bottom: .5rem;}
.secondHero h1,.thirdHero h1 {border-radius: 2rem;font-weight: 500;text-shadow:1px 1px 3px white, -1px -1px 3px white,-1px 1px 3px white, 1px -1px 3px white;}
.secondHero h1 span,.thirdHero h1 span {font-size: calc(1rem + 1vw);display: block;padding-bottom: .5rem;}
.secondHero h1 b,.thirdHero h1 b {font-size: calc(.5rem + .6vw);display: block;padding-bottom: .5rem;}

.secondHero h1 {padding: 3rem 0 10rem;letter-spacing: .15rem;text-shadow:1px 1px 3px white, -1px -1px 3px white,-1px 1px 3px white, 1px -1px 3px white;font-size: calc(1.4rem + 1vw);}
.thirdHero h1 {background: url(../img/groupBg.png) #0085d0 no-repeat right bottom / contain;border-radius: 2rem;padding: 4rem 0;letter-spacing: .1rem;font-size: calc(1.3rem + 1vw);line-height: 2.3rem;}

.gradHero h1{background: url(../img/graTopMainBg.png) bottom left no-repeat;background-size: cover;border-radius: 2rem;padding: 3.5rem 0 16rem;}
.gradHero h1 img {max-width: 330px;width: calc(15rem + 5vw)}
/*second common*/
.lead01 {font-size: 1.15rem;}
.breadcrumb {font-size: .7rem;text-align: right;margin: 1.5rem .5rem 0 0}

.secConNav{position: relative;margin: 1rem 0;}
.secConNav span.mask{position: relative;display: block;line-height: 0;}
.secConNav span.mask::before{content:""; position: absolute; z-index:2; top:0; left:0; width: 100%; height: 100%; background:  rgba(0, 0, 0, 0.6);border-radius: 1rem}
.secConNav img{border-radius: 1rem;-webkit-filter: drop-shadow(10px 25px 20px rgba(62,67,76,.2));filter: drop-shadow(10px 25px 20px rgba(62,67,76,.2));transform: translateZ(0);}
.secConNav span.cap{ position: absolute;z-index:3; top: 48%;left: -5%;line-height: 2rem;padding: 0 .5rem; font-size:.7rem;background: rgb(223,0,43);letter-spacing: .1rem}
.secConNav:hover span.mask::before {background: none;}
.secConNav:hover span.cap {background: black;}

.stepBn {margin:1rem 0;}
.stepBn div:first-child,.stepBn div:last-child {margin-top: 3rem;}
.stepBn div.stepBnT {-webkit-filter: drop-shadow(10px 25px 20px rgba(62,67,76,.2));filter: drop-shadow(10px 25px 20px rgba(62,67,76,.2));transform: translateZ(0);padding: 1rem;margin-bottom: 2rem;}
.stepBn02 {margin:8rem 0;}
.stepBn02 div div{background: #f1f6f7;padding: .5rem 1.5rem;border-radius: 1rem}
.stepBn02 div:nth-child(2) {margin-top: -2rem;}
.stepBn02 div:last-child {margin-top: -4rem;}
.stepBn02 h3 {font-size: 1rem;font-weight: bold}
.stepBn02 img {padding: 1rem 0;}
.stepBn02 p {text-align: left}
/* VISION */
.visionHero h1{background: url(../img/visionMainBg.png) no-repeat center / cover;}
.messageHero h1 {background: url(../img/bossBg.jpg) no-repeat center / cover;}
.missionHero h1,.groupHero h1{background: url(../img/groupBg.png) #0085d0 no-repeat right bottom / contain;}
.chibamap {margin-top:1rem;padding: 1rem;}
.bossBg {background: url(../img/bossBg.jpg) left bottom no-repeat;background-size: cover;border-radius: 0 0 0 4rem;}

.gourmetBn {background:url(..//img/bnD02.png) black no-repeat right top / contain;border-radius: 1rem}
.kankoBn {background:url(..//img/kankoBg.jpg) no-repeat right top / cover;border-radius: 1rem;text-align: center}
.jintsuBn,.appBn,.airBn {border-radius: 1rem;padding: 3.5rem 1rem;-webkit-filter: drop-shadow(10px 25px 20px rgba(62,67,76,.2));filter: drop-shadow(10px 25px 20px rgba(62,67,76,.2));transform: translateZ(0);margin: 1rem 0;}
.gourmetBn img,.kankoBn img {max-height: 135px;}

.jintsuBn {background:url(../img/jintsuBg.jpg) #f7d9db no-repeat right top / cover;}
.appBn {background:url(../img/appBg.jpg) no-repeat right top / cover;text-align: right}
.airBn {background:url(../img/airBg.png) #b3e0e4 no-repeat left 4rem / contain;}
/* INTERVIEW */
.interviewTopHero h1{background: url(../img/intTopBg01.jpg) #f5f0ee no-repeat right top / cover;}
.interviewHero h1{background: url(../img/recBg01.png) #f5f0ee no-repeat right bottom / contain;}
.recruiterHero h1{background: url(../img/recruiterBg.jpg) #f5f0ee no-repeat center center / cover;}
.topRecruiterArea {background: url(../img/recruiterBg.jpg) no-repeat center center / cover;border-radius: 0 0 0 4rem;padding: 3rem 0 3rem;margin-left: 1rem;}
.topRecruiterArea p {font-size: calc(1rem + .5vw);line-height: 3rem;padding: 2rem 0;}
.topRecruiterArea p strong{font-size: calc(1.3rem + .5vw);line-height: 3.5rem;font-weight: normal}
.topRecruiterArea .col-md-6 {padding-left: 4rem;}

.caS {overflow: hidden;position: relative;}
.caS .items {display: flex;width: fit-content;animation: carouselAnim 20s infinite alternate linear;}
.caS .items .entry {display: flex;align-items: center;flex-direction: column;
  position: relative;width: 200px;margin:0 1rem 1rem;padding: 0.5rem;box-shadow: 0 5px 16px 0 rgba(62,67,76,.15);border-radius: 1rem;z-index: -2;}
.caS .items .entrybrank {display: flex;align-items: center;flex-direction: column;
  position: relative;width: 50px;margin:0 1rem 1rem;padding: 0.5rem;z-index: -2;}
.caS .bgc20::after,.caS .bgc30::after,.caS .bgc40::after,.caS .bgc50::after,.caS .bgc60::after{content: "";display: block;position: absolute; width:90px; height: 90px; border-radius:15% 0 100% 0;top: 0; left: 0;z-index:-1;}

.bgc20::after {background: url(../img/intGraBg01.jpg) no-repeat left top /cover;}
.bgc30::after {background: url(../img/intGraBg05.jpg) no-repeat left top / cover;}
.bgc40::after {background: url(../img/intGraBg03.jpg) no-repeat left top / cover;}
.bgc50::after {background: url(../img/intGraBg02.jpg) no-repeat left top / cover;;}
.bgc60::after {background: url(../img/intGraBg04.jpg) no-repeat left top / cover;}
.caS .items .no01 {background:url(..//img/int01Photo.png) no-repeat left top / cover;}
.caS .items .no02 {background:url(..//img/int02Photo.png) no-repeat left top / cover;}
.caS .items .no03 {background:url(..//img/int03Photo.png) no-repeat left top / cover;}
.caS .items .no04 {background:url(..//img/int04Photo.png) no-repeat left top / cover;}
.caS .items .no05 {background:url(..//img/int05Photo.png) no-repeat left top / cover;}
.caS .items .entry:hover,.caS .items .entry:focus,.caS .items .entry:active{box-shadow: 0 5px 16px 0 rgba(62,67,76,.5);}
.caS .items .age {padding:1rem;}
.caS .items .entry h3 {margin-top: 6rem;font-size: 1rem;line-height: 2.3rem;text-align: right}
.caS .items .entry h3 span {padding: .3rem;}
.caS .items .entry a {color: black;width: 100%}
@keyframes carouselAnim {from {transform: translate(0, 0); }to {transform: translate(calc(-100% + (5*200px)));}}
@media only screen and (max-width: 768px) {.caS .items { animation: carouselAnim 30s infinite alternate linear; }
@keyframes carouselAnim {from {transform: translate(0, 0); } to {transform: translate(calc(-100% + (2*200px)));}}}
.caS .faders { width: 100%;position: absolute;height: 100%;}
.caS .faders .left, .caS .faders .right {background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
width: 20%; height: 100%;position: absolute;z-index: 200;}
.caS .faders .right {right: 0;background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);}

.enInt {margin-top: 3rem;}
.enInt h2 {margin: 6rem 0 1rem;}
.enInt h2 img {padding: 3rem 3rem 1rem;}
.enInt .col-md-5 img{max-height:420px;}
.data {margin: 0 2.5rem;padding: .5rem;background: #8d94a4;border-radius: 1rem;font-size: .7rem;}
.col-md-5 img {border-radius: 0 4rem 0 4rem}
.nameB {font-size: 1.5rem;font-weight: normal;padding: 2rem;}
.enInt h3 {font-size: 1.2rem;padding-bottom: 2rem;font-weight: 500;max-width: 420px;}
.enint01{background: url(../img/intGraBg01.jpg) no-repeat left 7rem / cover;}
.enint02{background: url(../img/intGraBg05.jpg) no-repeat left 7rem / cover;}
.enint03{background: url(../img/intGraBg03.jpg) no-repeat left 7rem / cover;}
.enint04{background: url(../img/intGraBg02.jpg) no-repeat left 7rem / cover;}
.enint05{background: url(../img/intGraBg04.jpg) no-repeat left 7rem / cover;}
.sentence {padding: 3rem 2rem 5rem;}
.sentence div {padding: 2rem;}
.sentence div:nth-child(2) {margin-top: 3rem;}
.sentence h3 {line-height: 2rem;}
/* GROUP */
/* dl */
dl.dlS01 dt,dl.dlS01 dd {padding: .5rem .5rem .5rem 1rem;margin:.1rem 0; overflow: hidden;}
.dlSW dt,.dlSW dd {border-bottom: 1px dotted white;}
.dlSB dt {background: #f1f6f7;}
.dlSB dd,.dlRe dd {background: rgba(255,255,255,.7);}
.dlRe dt {background: rgb(223,0,43);background: linear-gradient(75deg, rgba(223,0,43,1) 0%, rgba(244,92,67,1) 80%);font-weight: 500}

.sdgsDe {position: relative;margin-bottom: 11.5rem;}
.sdgsDe div:last-child {position: absolute;top: 7rem;left: 1rem;}
.sdgsDe div:last-child img {width: 25%;}
.sdgsDe p {background: rgba(255,255,255,.5);font-size: .8rem;padding: .5rem;margin-top: 1rem}

.groW {font-size: .8rem;line-height: 1.8rem;}

.greenBg {background: url(../img/greenBg.webp) #57be68 no-repeat center bottom / cover;border-radius: 0 0 0 4rem;text-shadow: 1px 1px 10px #313746,-1px 1px 10px #313746,1px -1px 10px #313746,-1px -1px 10px #313746;}
.greenBg ul {background: rgba(255,255,255,.2);border-radius: 1rem;padding: 1rem 0;text-shadow:none;}
.greenBg ul li span {display: block;font-size: .7rem;background: rgba(87, 190, 104,.5);padding: 0 .5rem;}
.greenBg h4 {font-size: 1.2rem;margin: 3rem 0 1rem}
.greenBg ul,.comList01 {display: flex;}
.greenBg ul li,.comList01 .col-md-4 {display: flex;flex-direction: column;}
.greenBg ul b,.comList01 .col-md-4 div {flex-grow: 1;}

.comList01 .col-md-4 {padding: .5rem;}
.comList01 .col-md-4 div {margin: .5rem 0;padding: 2rem 1rem 0;border-radius: 1rem;} 
.comList01 h3 {font-size: .8rem;border-bottom: 1px dotted #d2d8e4;padding-bottom: .5rem;letter-spacing: 0rem;font-weight: 600} 
.comList01 p {font-size: .7rem}
.comList01 .btnG {margin: .5rem 0 .9rem;font-size: .8rem;padding: .3rem 1rem;}
/* WORK */
.workHero h1{background: url(../img/workMainBg.png) no-repeat left top / cover;}
.debutHero h1{background: url(../img/debutBg.webp) no-repeat center top / cover;}
.treatHero h1{background: url(../img/treatBg.webp) no-repeat center top / cover;}
.faqHero h1{background: url(../img/faqBg.webp) no-repeat center 15% / cover;}
.dayHero h1{background: url(../img/dayBg.png) no-repeat center bottom / cover;}
.dayBg02{background: url(../img/dayBg02.png) no-repeat center bottom / cover;height: 25rem;}
.messageHero h1 {background: url(../img/bossBg.jpg) center no-repeat;background-size: cover;}
/**/
.main-timeline {position: relative}
.main-timeline:before { content: ""; display: block; width: 2px; height: 100%;background: #c6c6c6;margin: 0 auto;position: absolute;top: 0;left: 0;right: 0}
.main-timeline .timeline {margin-bottom: 40px; position: relative}
.main-timeline .timeline:after {content: "";display: block;clear: both}
.main-timeline .icon {width: 18px; height: 18px;line-height: 18px;margin: auto;position: absolute; top: 0;left: 0;bottom: 0;right: 0}
.main-timeline .icon:before,.main-timeline .icon:after {content: "";width: 100%;height: 100%;border-radius: 50%; position: absolute;top: 0;left: 0;transition: all 0.33s ease-out 0s}
.main-timeline .icon:before {background: #fff;border: 2px solid #df002b; left: -3px}
.main-timeline .icon:after { border: 2px solid #c6c6c6;left: 3px}
.main-timeline .timeline:hover .icon:before { left: 3px}
.main-timeline .timeline:hover .icon:after {left: -3px}
.main-timeline .date-content {width: 50%;float: left;margin-top: 22px;position: relative}
.main-timeline .date-content:before { content: ""; width: 36.5%;height: 2px;background: #c6c6c6;margin: auto 0;position: absolute; top: 0;right: 10px;bottom: 0}
.main-timeline .date-outer {width: 125px;height: 125px;font-size: 16px;margin: auto;z-index: 1}
.main-timeline .date-outer:before,.main-timeline .date-outer:after {content: "";width: 125px; height: 125px;margin: 0 auto; border-radius: 50%;position: absolute;top: 0;left: 0;right: 0; transition: all 0.33s ease-out 0s}
.main-timeline .date-outer:before {background: #fff; border: 2px solid #df002b;left: -6px}
.main-timeline .date-outer:after {border: 2px solid #c6c6c6;left: 6px}
.main-timeline .timeline:hover .date-outer:before { left: 6px}
.main-timeline .timeline:hover .date-outer:after { left: -6px}
.main-timeline .date { width: 100%; margin: auto;position: absolute; top: 27%;left: 0}
.main-timeline .ampm {font-size: 18px;font-weight: 700;}
.main-timeline .time { display: block;font-size: 30px; font-weight: 700;line-height: 36px}
.main-timeline .timeline-content { width: 50%;padding: 20px 0 20px 50px;float: right}
.main-timeline .title {font-size: 19px; font-weight: 700;line-height: 24px; margin: 0 0 15px 0}
.main-timeline .description {margin-bottom: 0}
.main-timeline .timeline:nth-child(2n) .date-content { float: right}
.main-timeline .timeline:nth-child(2n) .date-content:before {left: 10px}
.main-timeline .timeline:nth-child(2n) .timeline-content {padding: 20px 50px 20px 0;text-align: left}
.main-timeline .timeline:nth-child(2n) .timeline-content h5 {text-align: right}

.wst01 {text-align: center}
.wst01 span {width: 60px;height: 60px;padding-top: 17px;margin: 0 auto;border-radius: 50%;box-sizing: border-box;display: block;font-size: 1.1rem;}
.wst01 span.hol {background: #78c781;}
.wst01 span.wor {background: #78a8c7;}
.wst01 span.hal {background: #f07f7f;}

.attn {font-size: .7rem;padding: 1rem;background: #f1f6f7;border-radius: 1rem;color: #616a7d;}
.attn02 {font-size: .9rem;padding: 1rem;background: #f1f6f7;border-radius: 1rem;color: #616a7d;}

.treatBg {background: url(../img/treatBg.jpg) #dae1da no-repeat center top / cover;border-radius: 0 0 0 4rem;}
.defaultT div,.orginalT div {padding: .8rem;}
.defaultT h4 {background: #3972b7;}
.defaultT h5 {background: #57be68;}
.defaultT h4,.defaultT h5 {color:white;border-radius: 1rem;padding: .8rem;font-size: .7rem;text-align: center}
.defaultT h4 span,.defaultT h5 span{font-size: 1rem;display: block;}
.orginalT div div,.bgA {background: rgba(255,255,255,.6);border-radius: 1rem;padding: 1rem 1.5rem 0rem;}
.orginalT div div h4 {font-size: .7rem;padding: 1rem 0 .5rem;line-height: 1.6rem;}
.orginalT div div h4 b{font-size: 1.2rem;display: block;}

.accordion-header {line-height: 1.5rem;}
/* ABOUT US */
.aboutusHero h1{background: url(../img/aboutusMainBg.png) no-repeat left top / cover;}
.numberHero h1{background: url(../img/numberBg.webp) no-repeat center center / cover;}
.cultureHero h1{background: url(../img/cultureBg.webp) no-repeat center 20% / cover;}

.gallery li a img {margin: 1rem;-webkit-filter: drop-shadow(10px 25px 20px rgba(176,0,0,.5));filter: drop-shadow(10px 25px 20px rgba(176,0,0,.5));transform: translateZ(0);border-radius: 1rem;}

.accordion {color: #616a7d;margin-bottom: 5rem;}
.accordion-button {font-size:.9rem;padding: 1.2rem;text-align: left}
.accordion-button:not(.collapsed){background: #eaf3fc;}
.accordion-collapse {border-color: #3972b7;}
.accordion-body a {color: rgb(223,0,43);}
.accordion-button:hover,.accordion-button:focus,.accordion-button:active {background:#f1f6f7;}
.accordion-button {color: #616a7d;}
.numData div {padding: 1rem}
.numData div div {padding: 2rem;background: #f1f6f7;color: #e20d2f;border-radius: 2rem}
.numData h4 {padding: 1.5rem 0;font-weight: bold;}

.topcultureArea {background: url(../img/topculBg.webp) no-repeat center top / cover;border-radius: 0 0 0 4rem;padding: 3rem 0 3rem;margin-left: 1rem;}
.topcultureArea img {margin: 1rem 0;-webkit-filter: drop-shadow(10px 25px 20px rgba(0,0,0,.5));filter: drop-shadow(10px 25px 20px rgba(0,0,0,.5));transform: translateZ(0);border-radius: 1rem;}

.whiteArea {border: white 1px solid;padding: 2rem;margin: 2rem 0;}
.whiteArea .col-4 {padding: 1rem;border-radius: .5rem;}
/* ENTRY */
.onSesHero h1{background: url(../img/onSesBg.webp) #f5f0ee no-repeat center center / cover;}
.onIntHero h1{background: url(../img/onIntBg.webp) #f5f0ee no-repeat center center / cover;}
.entHero h1{background: url(../img/entryBg.webp) #f5f0ee no-repeat center center / cover;}

.onSesBg {background: url(../img/onSesBg02.jpg) no-repeat center top / cover;border-radius: 0 0 0 4rem;}
.onSesBg .blurT {border: 1px solid white;background: rgba(0,0,0,.2);padding: 1rem;margin: 1rem 0}
.onSesBg h3 {font-size: 1rem;padding: 1rem 0;border-bottom:2px rgba(255,255,255,.5) dotted;}

.compareTable {width:100%;border-collapse: collapse;color: #626b7d;}
.compareTable thead th {background:#d2be9e;padding:1rem;font-weight: normal;border-left: 1px solid white;}
.compareTable thead th:first-child {background:white;}
.compareTable thead th:last-child {background:#bdd29e;}
.compareTable tbody th {padding:1rem;min-width: 6rem;background: #f1f7f5;border-bottom:#FFF solid 1px;vertical-align:top;font-weight: normal;}
.compareTable tbody tr {border-bottom:1px solid #f4f8ff;}
.compareTable tbody td {padding:1rem;vertical-align:top;}
.compareTable tbody td:last-child {background: #f9f6f4;}
.compareTable span {font-size: 3rem;display: block;padding: .5rem 0 1rem;}
.fa-frown {color: #73b0d0;}
.fa-laugh {color: #fc5c5c;}

.treatCarBg{background: url(../img/treatCarBg.webp) no-repeat center bottom / cover;border-radius: 0 0 0 4rem;}
.treatCarBg .col-md-6 div {background:rgba(223,0,43,.9);padding: 1rem;border-radius: 1rem;-webkit-filter: drop-shadow(10px 25px 20px rgba(0,0,0,.2));filter: drop-shadow(10px 25px 20px rgba(0,0,0,.2));transform: translateZ(0);}
.treatCarBg .col-md-6 h3 {font-size: 1.2rem;border-bottom: dotted 1px rgba(255,255,255,.3);padding: .5rem 0 1rem;line-height: 2rem}
.treatCarBg .col-md-6 div {height: 100%;}
.treatCarBg .col-md-6 {margin: 1.5rem 0;}
.text-wrap {background: #57be68}

.textArea h3 {font-size: 1rem;padding-bottom: 2rem;line-height: 2rem}
.photoArea img{border-radius: 1rem;-webkit-filter: drop-shadow(10px 25px 20px rgba(223,0,43,.3));filter: drop-shadow(10px 25px 20px rgba(223,0,43,.3));transform: translateZ(0);margin: 2rem 0}

.phone {font-family: 'Century Gothic', sans-serif;font-size:1.7rem;font-weight: bold;padding: 1.5rem 0;text-align: center;}
.phone a {color: white;text-decoration: none;pointer-events: none;}
.entryBox .col-md div {border: 1px solid white;padding: 2rem;}
.entryBox h3 {font-size: 1rem;border-bottom: 1px solid white;padding-bottom: 1rem;}
/* CAREER */
.careerHero h1{background: url(../img/careerMainBg.webp) no-repeat center bottom / cover;border-radius: 2rem;padding: 5rem 0 20rem;}
.topcareerArea {background: url(../img/carrerBg.jpg) no-repeat left top / cover;border-radius: 0 0 0 4rem;padding: 3rem 0 3rem;margin-left: 1rem;}
/* PP */
.pryList {margin: 2rem 0 2rem 1rem;}
.pryList li {margin: 1rem 0;}
/* GRADUATES */
/*Grad*/
.graGrad {background: url(../img/graBg01.png) no-repeat top right;}
.bGradP02 { background-color: rgba(223,0,43,1);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23FF6349'/%3E%3Cstop offset='1' stop-color='%23DF002B'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%23FA3' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FA3' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");background-size: cover;   background-repeat: no-repeat;   background-position: center bottom;}
.graGradC {background: url(../img/graBg02.png) white no-repeat right -100px top;}
.graCarHero h1{background: url(../img/graCarBg.webp) no-repeat right top / cover;}
.graSchHero h1{background: url(../img/graSchBg.webp) no-repeat right top / cover;}

.stepBn03,.gralay {margin:10rem 0 5rem;}
.stepBn03 div div,.gralay div div{padding: .5rem 1rem;border-radius: 1rem;-webkit-filter: drop-shadow(10px 25px 20px rgba(62,67,76,.2));filter: drop-shadow(10px 25px 20px rgba(62,67,76,.2));transform: translateZ(0);background: rgba(255,255,255,.7);}
.stepBn03 div:nth-child(2) {margin-top: -2rem;}
.stepBn03 div:last-child {margin-top: -4rem;}
.stepBn03 h3,.gralay h3 {margin-top: 1rem;}
.stepBn03 img,.gralay img {padding: 1rem 0;}
.stepBn03 img {width: 80%;}
.stepBn03 p,.gralay p {text-align: left}

.gralay div {margin-bottom: 2.5rem;}
.gralay h3 {font-size: 1.3rem;}
.gralay div.col-sm-6 img {width: 50%;}

.graReqArea {background: url(../img/treatCarBg.png) no-repeat center bottom / cover;border-radius: 0 0 0 4rem;padding: 0 0 3rem;margin-left: 1rem;}
.graReqArea p {font-size: calc(1rem + .5vw);line-height: 3rem;padding: 2rem 0;text-shadow:1px 1px 3px #f5f0ee, -1px -1px 3px #f5f0ee,-1px 1px 3px #f5f0ee, 1px -1px 3px #f5f0ee;}

.graEntArea {background: url(../img/recBg02.webp) #e9f3ff no-repeat center bottom / cover;border-radius: 0 0 0 4rem;}
.webInfo {background: linear-gradient(75deg, rgba(232,209,247,.95) 0%, rgba(225,240,253,.95) 80%, rgba(255,254,221,.7) 100%);border-radius: 1rem;padding: 1rem 2rem;color: black;}
.graEntArea .secondTtl {text-shadow:1px 1px 3px white, -1px -1px 3px white,-1px 1px 3px white, 1px -1px 3px white;padding-bottom: 10rem;}
.btnS {padding: 1rem;display: inline-block;font-size: 1rem;}
.btnS:hover,.btnS:focus,.btnS:active {background: rgba(255,255,255,.2);}

.squareG02 {position: relative;z-index: -999;}
.squareG02:before {animation: animateBg 20s linear infinite;width: 95%;height: 250px;background-image: linear-gradient(55deg, #e8d1f7,#e1f0fd,#fffedd,#e8d1f7,#e1f0fd,#fffedd);position: absolute;bottom: 3rem;left:5%;content: " ";background-size: 100% 1200%;}

.graCarLay {background-image: linear-gradient(75deg, rgba(239,244,247,.9) 0%, rgba(239,244,247,.9) 100%);background-size: 85% 80%;background-repeat: no-repeat;background-position: left 30px top 90px;padding: 3rem 0;}

.carT {background: rgba(255,255,255,.6);padding: 2rem 3rem;-webkit-filter: drop-shadow(10px 25px 20px rgba(62,67,76,.2));filter: drop-shadow(10px 25px 20px rgba(62,67,76,.2));transform: translateZ(0);}
.carT h4 {padding: 2rem 0;line-height: 2rem}
.carT p {font-size: .9rem}

.carP {position:relative;padding-left: 0!important;padding-right: 0!important;margin-bottom:3rem;height:250px;font-family: 'Century Gothic', sans-serif;-webkit-filter: drop-shadow(10px 25px 20px rgba(62,67,76,.2));filter: drop-shadow(10px 25px 20px rgba(62,67,76,.2));transform: translateZ(0);letter-spacing: 1rem}
.carPS01 {background:url(../img/g01.jpg) #e9f3ff no-repeat center top / cover;}
.carPS02 {background:url(../img/g18.jpg) #e9f3ff no-repeat center top / cover;}
.carPS03 {background:url(../img/g15.jpg) #e9f3ff no-repeat center top / cover;}

.coverBack{position:absolute;bottom: -35px; left: 0;font-size: 3.5rem;line-height: 5rem; z-index:-1;color: transparent;background: repeating-linear-gradient( 55deg, #a3cae7 0 5%, #a1afe3 15% 25%, #cfb1d2 40% 100%);-webkit-background-clip: text;font-weight: 600}
.coverFront{position:relative;width:100%; height:250px;overflow:hidden;}
.coverFront::after{position:absolute;bottom: -35px; left: 0;content: attr(data-number);white-space: pre;font-size: 3.5rem;line-height: 5rem;z-index:1;color: transparent;background: repeating-linear-gradient( 55deg, #dceaf4 0 5%, #eff2ff 15% 25%, #f5eaf6 40% 100%);-webkit-background-clip: text;font-weight: 600}

#followB {position: fixed; z-index: 99;top: 150px; right: 0;background-image: linear-gradient(55deg, #e8d1f7,#e1f0fd,#fffedd);border-radius: 10px 0 0 10px / 10px 0 0 10px;-webkit-filter: drop-shadow(10px 10px 15px rgba(0,0,0,.3));filter: drop-shadow(10px 10px 15px rgba(0,0,0,.3));transform: translateZ(0);}
#followB div{-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;padding: 1rem .2rem;}
#followB div a{padding: 1.5rem 0;color: black;display: inline-block;width: 100%;letter-spacing: .2rem}
#followB div a:hover,#followB div a:focus,#followB div a:active{color: #3972b7;}
#followB div span{font-size: 120%;letter-spacing: .2rem}

.graSch .row {background: linear-gradient(75deg, rgba(232,209,247,.6) 0%, rgba(225,240,253,.6) 80%, rgba(255,254,221,.5) 100%);border-radius: 2rem;margin: 5rem 0;}
.graSch .col-sm-7 {padding: 2rem;}
.graSch .col-sm-4 {padding-bottom: 1rem;}
.graSch .col-sm-4 img {-webkit-filter: drop-shadow(5px 10px 8px rgba(62,67,76,.2));filter: drop-shadow(5px 10px 8px rgba(62,67,76,.2));transform: translateZ(0);max-height: 200px;margin: 2rem 0;}

/*FORM*/
label {padding: 1.5rem 0 .5rem;font-size: .9rem;margin-top: 1rem}
label b {color: rgb(223,0,43);font-weight: bold}
input {background-color: #f1f6f7!important;border: 1px solid #f1f6f7!important;line-height: 2rem;padding: .5rem 1rem;margin: 0 1rem;width: 100%;}

.mw_wp_form .col-12 .fttl,textarea{width: 100%;}
.mwform-radio-field label,.fttl02 {clear: both;padding: .5rem;}
.mwform-radio-field label input[type=radio] {float: left;width: 2rem;margin: .3rem;}
.mw_wp_form button {border: none;}
.mwform-radio-field label:hover,.mwform-radio-field label:focus,.mwform-radio-field label:active {background-color: #f1f6f7}
.fttl02 {margin: 0;}
span.error {font-size: .9rem;color: rgb(223,0,43);font-weight: bold}
.enComLis div:hover,.enComLis div:focus,.enComLis div:active {background-color: #f1f6f7}
.enComLis label {padding: .3rem 0;margin-top: 0;font-size: .8rem;}

.textGra {color: transparent;background: repeating-linear-gradient( 55deg, #a3cae7 0 20%, #a1afe3 30% 50%, #cfb1d2 65% 100%);-webkit-background-clip: text;font-weight: 600;}
/*common*/
.cwTtl,.coTtl,.cdgTtl,.crwTtl::before,.numberTtlC::before,.numberTtlCB::before,.btnGr,.btnB,.btnG,.btnG:hover,.btnG:focus,.btnG:active,.btnRedB:hover,.btnRedB:focus,.btnRedB:active,.btnBl,.btnBl:hover,.btnBl:focus,.btnBl:active,#myBtn,.recNav01,.bGrad,.bGradRe,.bGradA,.bGradARe,.offcanvas-collapse.open .recNav,.navbar .dropdown-item,footer a,.topRecArea a,.comBn a,.secConNav span.cap,.bossBg,.topRecruiterArea p,.data,.dlRe dt,.greenBg,.wst01 span,.onSesBg,.compareTable thead th,.treatCarBg .col-md-6 div,.topcareerArea,.bGradP02,.btnS,.btnS:hover,.btnS:focus,.btnS:active,#followB,.compareTable tbody td::before {color: white;}
.mainTtlW:before,.lineRTtl:after,.lineRBTtl:before,.lineRBTtl:after,.btnW,.btnRedB,.brandbadge,
.whiteArea img,.whiteAreaT img,.caS .items .entry h3 span,.comList01 .col-md-4 div,
.whiteArea .col-4 {background: white;}
.fRed,.redFB,.crTtl,.crwTtl,.clbTtl,.fourthTtl,.cwTtl::before,
.linkCG:hover,.linkCG:focus,.linkCG:active,.btnW,.btnRedB,.thirdHero h1,.stepBn02 h3,.visionHero h1,.mainTtl,.mainTtlM,.mainTtlMC,.messageHero h1,.missionHero h1,.groupHero h1,.interviewTopHero h1,.interviewHero h1,.recruiterHero h1,.caS .items .entry a:hover,.caS .items .entry a:focus,.caS .items .entry a:active,.workHero h1,.debutHero h1,.treatHero h1,.faqHero h1,.dayHero h1,.messageHero h1,.main-timeline .ampm,.main-timeline .time,.aboutusHero h1,.numberHero h1,.cultureHero h1,.onSesHero h1,.onIntHero h1,.entHero h1,.careerHero h1,.graCarHero h1,.graSchHero h1,.thirdHero h1 {color: #df002b;}

.bgW,.lineRBTtl,.numberTtlC::before,.numberTtlCB::before,.numberTtlC,.numberTtlS,.numberTtlSB,.btn,.btnRedB,.hero h1,.brandbadge,.secondHero h1,.thirdHero h1,.gradHero h1,.stepBn02,.stepBn02 h3,.chibamap,.main-timeline .date-outer,.wst01 span,.numData div div,.compareTable span,.careerHero h1,.stepBn03,.gralay,.stepBn03 h3,.gralay h3,.graSch .col-sm-4 {text-align: center;}

@media only screen and (max-width: 991px) {
.main-timeline .date-content {margin-top: 35px}
.main-timeline .date-content:before {width: 22.5%}
.main-timeline .timeline-content {padding: 10px 0 10px 30px }
.main-timeline .title {font-size: 17px}
.main-timeline .timeline:nth-child(2n) .timeline-content {padding: 10px 30px 10px 0 }
}
@media screen and (max-width: 767px) {
.compareTable thead {display:none;}
.compareTable tbody th {display:block;text-align: center;margin-top: 5rem;font-weight: normal!important;}
.compareTable tbody td {display:block;}
.compareTable tbody td::before {content: attr(label);background: #d2be9e;padding: .5rem 2rem;border-radius: 2rem;font-size: .85rem}
.compareTable tbody td:last-child::before {background: #bdd29e;}
.compareTable tbody tr th {border-bottom:#3EB1C6 solid 1px;}
.compareTable span {padding: 2rem 0;}
.stepBn02 div:nth-child(2),.stepBn02 div:last-child,.stepBn03 div:nth-child(2),.stepBn03 div:last-child {margin-top: 2rem;}
.stepBn03 img,.gralay img {width: 50%}
.wst01 span {width: 40px;height: 40px;padding-top: 8px;font-size: 1rem;}
.main-timeline:before {margin: 0;left: 7px}
.main-timeline .timeline {margin-bottom: 20px}
.main-timeline .timeline:last-child { margin-bottom: 0}
.main-timeline .icon {margin: auto 0}
.main-timeline .date-content {width: 95%; float: right;margin-top: 0}
.main-timeline .date-content:before {display: none}
.main-timeline .date-oute,.main-timeline .date-outer:before,.main-timeline .date-outer:after {width: 110px;height: 110px}
.main-timeline .date {top: 30%}
.main-timeline .time {font-size: 24px}
.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content {width: 95%;padding: 10px}
.main-timeline .title {margin-bottom: 10px}
.main-timeline .timeline:nth-child(2n) .timeline-content h5 {text-align: left}
}
@media (max-width: 768px) {
.stepBn div {margin-top: 0;}
.kankoBn {text-align: left;}
.kankoBn img {padding-left: 3rem;}
.jintsuBn,.appBn,.airBn {padding: 3.5rem 3rem;}
.sdgsSubBg {background-size: 50%}
.lineRTtl:after {width: 55%;top: 60%;}
headaer {margin-top: 4rem}
header h1 {text-align: center;background: url(../img/topMainBg.png) center no-repeat;background-size: cover;padding: 3rem 1.5rem 15rem;}
.topRecArea h4 {font-size: 1.2rem;}
.topRecArea h4 span {font-size: .6rem;}
.topRecArea .recNavList {padding-top: 6rem;}
.topRecArea .recNavList div {border-radius: 2rem;padding:1.5rem 2rem .5rem;margin: .5rem;}
.topRecArea .recNavList li {font-size: .8rem;padding: 0;}
.topRecArea .recNavList a:hover,.topRecArea .recNavList a:focus,.topRecArea .recNavList a:active {color:#ff6349;}
.comBn {margin-bottom: 1.5rem;}
.comBn a {letter-spacing: .05rem}
.comBn p {padding: 1.5rem .1rem 1.5rem 50%;}
.secondHero h1 {padding: 7rem 0 7rem;}
.enInt h2 {margin: 3rem 0 2rem;}
.topRecruiterArea {background: url(../img/recruiterBg.jpg) no-repeat center center / cover;margin-left: .2rem;}
.graGrad {background-size: 80%}
.stepBn03 img {width: 30%;}
.careerHero h1{padding: 5rem 0 15rem;}
.carT {padding: 2rem 1rem;}
.carT p {font-size: .8rem}
.wpcf7-radio .wpcf7-list-item {margin: 0;width: 50%}

}
@media screen and (max-width: 576px) {
.viOS {background: url(../img/visionO.svg) no-repeat 0 2.5rem / contain;}
.reWS {background: url(../img/recruitW.svg) no-repeat 1rem 2.5rem / contain;}
.viO,.reW,.inO,.abO,.woO {background:none;}
.abLS {background: url(../img/aboutL.svg) no-repeat left calc(2.5rem + .5vw) / contain;}
.inOS {background: url(../img/interviewO.svg) no-repeat 0 2.5rem / contain;}
.abOS {background: url(../img/aboutO.svg) no-repeat 0 2.5rem / contain;}
.woOS {background: url(../img/workO.svg) no-repeat 0 2.5rem / contain;}
   
    
    
    
.navbar,.recNav01 li {font-size: 1rem;}
.navbar b {font-size: .9rem;padding-top:.5rem;} 
.navbar .dropdown-item {padding: .8rem;font-size: .9rem;}
.recNav01 .recNavTtl{padding:1rem 0 1.5rem;font-size: 1.2rem;}
.recNav01 li{font-size: .9rem;}
.offcanvas-collapse.open .nav-item {padding-bottom: 1.5rem;font-size: 1rem;}
dl.dlS01 dd {border-bottom: none;margin-bottom: 1rem;}
.topRecruiterArea {background: url(../img/recruiterBg.jpg) no-repeat 60% center / cover;}
.enInt h2 img {padding: 2rem 1rem 1rem;}
.treatBg {background: url(../img/treatBg.jpg) repeat center top / 500%;border-radius: 0 0 0 4rem;}
.thirdHero h1 {background: url(../img/groupBg.png) #0085d0 no-repeat -5% bottom / cover;border-radius: 2rem;padding: 4rem 0 5rem;letter-spacing: 0rem;}
.OverlapLay div {margin: 1rem 0;}
.OverlapLay div img {width: 75%;margin: 0 auto;display: block}
.OverlapLay div:nth-child(1) a {bottom: -1rem;}
.OverlapLay div:nth-child(2) {margin-top: 1rem}
.OverlapLay div a {width: 70%;}
.bGrad {background: rgb(223,0,43);background: linear-gradient(85deg, rgba(223,0,43,1) 0%, rgba(244,92,67,1) 90%);}
.bGradRe {background: rgb(223,0,43);background: linear-gradient(85deg, rgba(244,92,67,1) 0%, rgba(223,0,43,1) 90%);}
.lineRTtl:after {width: 44%;}
address {line-height: 1.4rem;}
.comBn {background-size: contain;background-position: left -40px top;}
.comBn p {padding: 1.5rem 0rem 1.5rem 40%;}
.topSubCon p b {display: block}
.missionHero h1,.groupHero h1{background: url(../img/groupBg.png) #0085d0 no-repeat right bottom / cover;}
.aboutusHero h1{background: url(../img/aboutusMainBg.png) no-repeat center top / cover;}
.topIntArea {background-position: right bottom;background-size: calc(50% + 10rem) auto;padding: 0;margin-left: .3rem;}
.topIntArea p {padding:0;}
.topIntArea p strong{margin-top:30%;display: block}
.topIntArea .col-md-6 {padding-left: 1.5rem;}
.topRecArea .recNavList {margin: 0;}
.hero h1,.gradHero h1 {padding: 3.5rem 1rem 15rem;}
.iHalf,.iHalfM,.topSubCon {background-size: 10%;}
.topRecArea {background: url(../img/recBg02.png) no-repeat 55% bottom;}
.disno {display: block}
.disbl {display: none}
.sdgsSubBg,.topcultureArea {margin-left: .2rem;}
.gallery li a img {margin: .5rem;}
.numberTtl::before {margin-right: 10px;font-size: 3rem;}
.wst01 span {width: 36px;height: 36px;padding-top: 8px;font-size: .9rem;}
.sentence {padding: 2rem 0rem 3rem;}
.sentence div {padding: 1rem 1.5rem 2rem;}
.sentence div:nth-child(2) {margin-top: 0rem;}
.sentence h3 {line-height: 2rem;}
.stepBn03 img {width: 50%;}
.carPS01 .coverBack,.carPS01 .coverFront::after{font-size: 3rem;} 
.carPS02 .coverBack,.carPS02 .coverFront::after{font-size: 2.5rem;} 
#followB {position: fixed; top:auto;left:0;bottom:0;border-radius: 0;font-size: .6rem;}
#followB div{-webkit-writing-mode: inherit;-ms-writing-mode: inherit;writing-mode: inherit;padding: .5rem;}
#followB div a{padding: 0 1.5rem;font-size: .8rem;}
.graSch .row {background-color:white;}
.graSch .col-sm-4 img {max-height: 150px;margin: 2rem 0;}
.numberTtlSB::before {left:-50px;}
.numberTtlSB::after {left: 0px;}
.graEntArea {background: url(../img/recBg02.png) #e9f3ff no-repeat 55% bottom}
.graEntArea .secondTtl {padding-bottom: 1rem;}
.fourthTtl {font-size: 1.1rem;}
.main-timeline .date {top: 20%}
.numberTtlSB {padding: 1rem 0;}
.phone {font-size:1.4rem;}
}