@charset "utf-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
common
font-family: "Noto Sans JP", sans-serif;
font-family: "Noto Serif JP", serif;
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ----------------------------------------------------
element base setting (common)
---------------------------------------------------- */
body {
  color: #000;
  line-height: 1.8; 
  background: #fff;
  font-family: "Noto Sans JP", sans-serif;
}
a {
  color: #000; 
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.clickable a, .clickable a:hover {
  
}
.flex {display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap;}
.inrContent {width: 80%; max-width: 1200px; margin:0 auto; position: relative;}
img {width: 100%; height: auto;}
.br_spOnly{display:none;}
.br_pcOnly{display:block;}
#wrapper{display:block; position: relative;}
.letterS01{letter-spacing:-0.1em;}
.letterS015{letter-spacing:-0.21em;}

/*　上に上がる動き　*/
#page-top.UpMove{animation: UpAnime 0.5s forwards;}
@keyframes UpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/*　下に下がる動き　*/
#page-top.DownMove{animation: DownAnime 0.5s forwards;}
@keyframes DownAnime{
  from {
    opacity: 1;
  transform: translateY(0);
  }
  to {
    opacity: 1;
  transform: translateY(100px);
  }
}


/* ----------------------------------------------------
footer (common)
---------------------------------------------------- */
#footer {position: relative; z-index: 2; margin-top: min(10.667vw, 160px);}
#home #footer {margin-top: 0;}
#page-top a{width:min( 3.333vw , 50px ); transition:all 0.3s;}
/*リンクを右下に固定*/
#page-top {position: fixed; right: 2%; z-index: 2; opacity: 0; transform: translateY(100px); width:min( 3.333vw , 50px );}
#footer .twoClum{}
#footer .twoClum .footLeft{background-color: #00995A; width: 50%; flex-flow: column; justify-content: flex-start; padding: min(5.33vw, 80px) 0 min(4vw, 60px) min(4vw, 60px);}
#footer .twoClum .footLeft .ftLogo{width: min(16.33vw, 245px);}
#footer .twoClum .footLeft ul{width: 38%; margin: 2em 0 4em 0;}
#footer .twoClum .footLeft ul li{position: relative; padding-left: 1.2em; font-size: min( 1.067vw , 1.6rem ); width:calc(100%/2); margin-bottom: 1em;}
#footer .twoClum .footLeft ul li::before{position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: "＞"; color: white; font-size: min( 0.8vw , 1.2rem );}
#footer .twoClum .footLeft ul li a{color: white;}
#footer .twoClum .footLeft ul li:nth-child(1){order: 1;}
#footer .twoClum .footLeft ul li:nth-child(2){order: 3;}
#footer .twoClum .footLeft ul li:nth-child(3){order: 5;}
#footer .twoClum .footLeft ul li:nth-child(4){order: 2;}
#footer .twoClum .footLeft ul li:nth-child(5){order: 4;}
#footer .twoClum .footLeft ul li:nth-child(6){order: 6;}


#footer .twoClum .footLeft .ftCopy{color: white;}

#footer .twoClum .footRight{background-color: #ACE469; width: 50%; align-items:center; flex-flow: column; padding: min(4vw, 60px) 0;}
#footer .twoClum .footRight div{z-index:2;}
#footer .twoClum .footRight .ftCatch{font-size: min( 2.933vw, 4.4rem ); transform:skewX(-10deg); line-height: 1; text-align: center; letter-spacing: 0.1em; font-weight: 600; color: white;}
#footer .twoClum .footRight .ftCatchEn{font-size: min( 5.067vw , 7.6rem ); position: absolute; top: min(6.667vw, 100px); text-align: center; line-height: 1; color: #00995A; font-family: "adobe-handwriting-ernie", sans-serif; font-weight: 400; font-style: normal; transform: rotate(-12deg); opacity: 0.2; z-index: 1;}
#footer .twoClum .footRight ul{margin-top: 1em;}
#footer .twoClum .footRight li{width: min(20vw, 300px); border-radius: min(2.667vw, 40px); margin: 0.5em auto;}
#footer .twoClum .footRight li.recB_g{background-color: #00995A;}
#footer .twoClum .footRight li.recB_r{background-color: #DE0000;}
#footer .twoClum .footRight li p{position: relative; color: white; text-align: center; padding: 0.2em 0; font-size: min(1.733vw, 2.6rem);}
#footer .twoClum .footRight li p a{color: white;}
#footer .twoClum .footRight li p::before{position: absolute; top: 50%; left: 3%; transform: translateY(-50%); background: url("../img/common/btArrow.svg") no-repeat 0 0; width: min(2.667vw, 40px); height: min(2.667vw, 40px); content: "";}





/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
pcSetting
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (min-width:768px) {
/* ----------------------------------------------------
common(pc)
---------------------------------------------------- */
/* hover */
a:hover {
  opacity: .6 !important; filter: alpha(opacity=60);
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
a img:hover {
  opacity: .6 !important; filter: alpha(opacity=60);
  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.clickable:hover {
  filter: alpha(opacity=60) !important;	opacity: .6 !important;
  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
	
#navGlobal {display: flex; display: -webkit-flex;}
#navGlobal li{/*width: 16%;*/}
#navGlobal li span{position: relative; padding-right: 1.2em; font-size: min( 1.333vw , 2.0rem );}
#navGlobal li span::after{transform: rotate(225deg);
    content: "";
    display: block;
    position: absolute;
    top: 35%;
    right: 0;
    width: 0.5em;
    height: 0.5em;
    border-top: #ACE469 2px solid;
    border-left: #ACE469 2px solid;}	
    
 #grandMenu {display: block; width: 100%; padding: 0 3.5%; position: relative; margin: 0 auto;}
 #grandMenu .btn-navChild:hover span a {color: #00995a;}
 #grandMenu .navChild {position: absolute; left: 0; bottom: 0; background: #00995a; color: #fff; width: 100%; transform: translateY(100%); display: none;}
 #grandMenu .navChild .inner{width: 90%; max-width: 1200px; margin: 0 auto; padding: min(3.3vw, 40px) 0;}
 #grandMenu .navChild .navChild__title {width:24%; border-right:1px solid rgba(255,255,255,0.3); padding: min(2.5vw,30px) 0 min(5vw,60px);}
 #grandMenu .navChild .navChild__link {width: 71%; padding: min(2.5vw,30px) 0 min(3.3vw,40px);}
 #grandMenu .navChild a {color: #fff;}
 #grandMenu .navChild .navChild__title p {font-size: min(1.83vw,22px);}
 #grandMenu .navChild .navChild__title h2 {font-size: min(2.08vw,25px); font-weight: 600; line-height: 1.3; letter-spacing: 0.1rem; margin-bottom: min(1.66vw,20px);}
 #grandMenu .navChild .navChild__title h2 em{display: block; font-size: min(2.83vw,34px); line-height: 1.3; font-family: "Jost", sans-serif; font-weight: 200;}
 #grandMenu .navChild a.navChild__link__page {position: relative; padding-left: min(3.75vw,45px); display: inline-block; line-height: 1.5;}
 #grandMenu .navChild a.navChild__link__page::before {content: ""; background: url("../img/common/ic-gnav-01.png") center center / cover no-repeat; aspect-ratio: 300/126; width: min(2vw,30px); position: absolute; left: 0; top: 0.45em;}
 #grandMenu .navChild .navChild__link ul {margin: 0; }
 #grandMenu .navChild .navChild__link ul > li {font-size:min(1.83vw,22px); display: flex;}
 #grandMenu .navChild .navChild__link ul > li:not(:last-child) {margin-bottom: min(2.5vw,30px);}
 #grandMenu .navChild .navChild__link ul li ul {display: block; margin: 0 ; padding-left: min(2.5vw,30px);}
 #grandMenu .navChild .navChild__link ul li ul li {font-size: min(1.5vw,18px); position: relative; margin: 0 0 min(0.66vw,8px) !important; padding-left: 1.25em;}
 #grandMenu .navChild .navChild__link ul li ul li::before {content: ""; width:0.8em; height: 1px; background: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}


/* ----------------------------------------------------
header (common)
---------------------------------------------------- */
#header  {position: fixed; left: 0; top: 0; z-index: 99; width: 100%; background: rgba(255, 255, 255, 0); min-height: min(10vw, 150px); background-color: white;}
#header.fixed {position: fixed; background: rgba(255, 255, 255, 1);}
.headBlock{width: 93%; margin: min(2vw, 30px) auto;}
.headBlock #hd-logo{width: min(18.333vw, 275px);}
.recBt li{width: min(15vw, 225px); border-radius: min(2vw, 30px); margin-left: 1em;}
.recBt li.recB_g{background-color: #00995A;}
.recBt li.recB_r{background-color: #DE0000;}
.recBt li p{position: relative; color: white; text-align: center; padding: 0.5em 0;}
.recBt li p a{color: white;}
.recBt li p::before{position: absolute; top: 50%; left: 3%; transform: translateY(-50%); background: url("../img/common/btArrow.svg") no-repeat 0 0; width: min(2.267vw, 34px); height: min(2.267vw, 34px); content: "";}
#header .headInner{margin: 0 auto; width: 100%;}
#header .headInner ul {}
}


#home .mainContainer{background-color: #F5F5F5; width: 100%; display: block; margin-top: min(12.667vw, 190px); padding-bottom: min(10.667vw, 160px); position: relative;}
.mainContainer{width: 100%; display: block; margin-top: min(10.667vw, 160px); position: relative; z-index: 0;}



/* ----------------------------------------------------
トップ
---------------------------------------------------- */
/* 20241122 - mainVisual */
.mainVis{position: relative; width: 100%; aspect-ratio: 15/7; background: #f5f5f5; margin-top: min(1.66vw,20px);}
.homSlideBlock {position: absolute; aspect-ratio: 1/1; width: 47%; left: min(4.16vw,50px); top: max(-1.66vw, -20px); animation: mainVis 8s ease-in-out infinite alternate;}
.homSlideBlock .homSlider {aspect-ratio: 1/1; width: 100%; border-radius: 50%; overflow: hidden; }
.homSlideBlock .homSlider div{aspect-ratio: 1/1; }
.homSlideBlock .homSlider div img {width: 100%; height: 100%; object-fit: cover;}

.homMainVis__img {position: absolute;}
.homMainVis__img span, .homMainVis__img em {display: block; }
.homMainVis__img--01 {width: 35%; left: 50%; bottom: 0; transform: translateX(-50%);}
.homMainVis__img--01 span {animation: random 9s ease-in-out infinite alternate;}
.homMainVis__img--01 span em {animation: scale 7s ease-in-out infinite alternate;}
.homMainVis__img--01 span em img {animation: vertical 4s ease-in-out infinite alternate;}
.homMainVis__img--02 {width: 28%; left: 55%; bottom: 0; transform: translateY(-50%);}
.homMainVis__img--02 span {animation: random 6s ease-in-out 1.8s infinite alternate;}
.homMainVis__img--03 {width: 32.67%; right: 0; top: 50%; transform: translateY(-60%);}
.homMainVis__img--03 span {animation: vertical 4s ease-in-out infinite alternate;}

.mainVis h2{font-size: min( 7.333vw , 10.0rem ); position: absolute; top: min(10.667vw, 160px); right: 5%; line-height: 1; text-align: center; letter-spacing: 0.1em; font-weight: 600;  }
.mainVis h2 .subcachi{font-size: min( 1.867vw , 2.8rem ); display: block; letter-spacing: 0em; padding-top: 0.5em;}

.mainHx-01 {animation: mainH2 1.2s ease-in-out forwards alternate; opacity: 0; display: inline-block;}
.mainHx-02 {animation: mainH2 1.2s ease-in-out 0.5s forwards alternate; opacity: 0;  display: inline-block;}
.mainHx-03 {animation: mainH2 1.2s ease-in-out 1s forwards alternate; opacity: 0;  display: inline-block;}
.mainHx-04 {animation: mainH2 1.2s ease-in-out 1.5s forwards alternate; opacity: 0;  display: inline-block;}
.mainVis h3{font-size: min( 4vw , 6.0rem ); position: absolute; top: min(33vw, 500px); right: 5%; line-height: 1; color: #00995A; font-family: "adobe-handwriting-ernie", sans-serif; font-weight: 400; font-style: normal; animation: mainH3 1.1s ease-in-out 1.5s forwards alternate; opacity: 0;  }
.mainVis aside{font-size: min( 1.067vw , 1.6rem ); position: absolute; left: 0; bottom: 28%; transform: rotate(90deg); transform-origin: 20% 0%;}

/* animation */
@keyframes horizontal {
    0% { transform:translateX(3%); }
  100% { transform:translateX(0px); }
}
@keyframes vertical {
    0% { transform:translateY(2%); }
  100% { transform:translateY(  0px); }
}
@keyframes random {
  0% { transform:translate(0,0);  }
 25% { transform:translate(3%,-2%);}
 50% { transform:translate(1.2%,0);}
 100% { transform:translate(2%,3%);}
}

@keyframes scale {
    0% { transform:scale3d(0.95, 1, 0.9); }
  25% { transform:scale3d(1, 1, 1); }
  50% { transform:scale3d(1, 0.95, 1.2); }
 100% { transform:scale3d(1, 1, 1); }
}

@keyframes mainVis {
  0% { transform:translate(0,0);  }
 25% { transform:translate(2%,1.5%);}
 50% { transform:translate(2.3%,0.4%);}
 100% { transform:translate(-1.5%,1.2%);}
}
@keyframes mainH2 {
    0% { transform: translateY(20%) skewX(-10deg); opacity: 0; }
 100% { transform: translateY(0) skewX(-10deg); opacity: 1; }
}
@keyframes mainH3 {
    0% { transform: translateY(20%) rotate(-12deg);; opacity: 0; }
 100% { transform: translateY(0) rotate(-12deg);; opacity: 1; }
}

/* SP -------------------------- */
@media (max-width: 767px) {
.mainVis{aspect-ratio: 76/80; margin-top: min(4vw,20px);}
.homSlideBlock {width:88%; left: -8%; top: max(-3vw, -20px); z-index: 4; animation: mainVis 10s ease-in-out infinite alternate;}

.mainVis h2{font-size: 9.5vw; top: 35%; right: 5%; z-index: 9;}
.mainVis h2 .subcachi{font-size: 3.4vw;}
.mainVis h2 span{text-shadow: 0px 0px 13px rgba(255, 255, 255, 1),0px 0px 6px rgba(255, 255, 255, 1),0px 0px 20px rgba(255, 255, 255, 1),0px 0px 20px rgba(255, 255, 255, 1);}
	
.mainVis h3 {font-size: 8vw; top: 62%; right: 5%; z-index: 9;}
.mainVis aside{display: none;}

.homMainVis__img--01 {display: none;}
.homMainVis__img--02 {width: 65%; left: 15%; bottom: 0; transform: translateY(-10%);}
.homMainVis__img--03 {width: 60%; right: 0; top: 10%; transform: none;}
.homMainVis__img--02 span {animation: random-sp 8s ease-in-out 1.8s infinite alternate;}
.homMainVis__img--03 span {animation: vertical 6s ease-in-out infinite alternate;}

@keyframes random-sp {
  0% { transform:translate(0,0);  }
 25% { transform:translate(10%,-4%);}
 50% { transform:translate(3%,0);}
 100% { transform:translate(6%,4%);}
 }
}

/* 20241122 - employeePhotos */
.tpEmpImg__wrap {position: relative; aspect-ratio: 1500/815; margin-top: min(8vw, 120px); width: 100%; overflow: hidden; opacity: 0; transition: all 0.3s ease-in-out;}
.tpEmpImg__wrap.tpAnim {opacity: 1;}

.tpEmpImg {aspect-ratio: 1/1; border-radius: 50%; overflow: hidden; position: absolute; z-index: 3; opacity: 0;}
.tpEmpImg img {width: 100%; height: 100%; object-fit: cover;}
.tpEmpBg {position: absolute; margin: 0; opacity: 0;}

.tpEmpImg--01{width: 36%;right: 0; top: 0; margin-right: max(-2vw,-24px);}
.tpEmpImg--02{width: 36%; left: 4%; top: 18%;}
.tpEmpImg--03{width: 14%; left: 50%; top: 10%; margin-left: -5% ;}
.tpEmpImg--04{width: 22%; left: 50%; bottom: 10%; margin-left: -8%;}
.tpEmpImg--05{position: absolute; width: min(15%,231px); left: 25%; bottom: 6.5%; opacity: 0; z-index: 4;}

.tpEmpBg--01, .tpEmpBg--02{ width: 28%; z-index: 1;}
.tpEmpBg--01 {right:9%; top: 20%;}
.tpEmpBg--02 {left:1.5%; top: 38%;}
.tpEmpBg--03 {width: 17%; left: 40%; bottom: 5%; z-index: 1;}
.tpEmpBg--04 {width: 32%; left: 0; bottom: 0; margin-left: -10%;}
.tpEmpBg--05 {width: 24%; left: 50%; top: 15%; margin-left: -25%;}
.tpEmpBg--06 {width: 28%; left: 50%; bottom: 15%; margin-left: 5%;}

.tpAnim .tpEmpImg--01 {animation: fadeUp 4s ease-in-out infinite alternate, opacity 1.2s ease-in-out 1s forwards alternate; }
.tpAnim .tpEmpImg--02 {animation: fadeUp 5s ease-in-out infinite alternate, opacity 1s ease-in-out 1.5s forwards alternate; }
.tpAnim .tpEmpImg--03 {animation: fadeDown 3s ease-in-out infinite alternate, opacity 1.8s ease-in-out  forwards alternate; }
.tpAnim .tpEmpImg--04 {animation: fadeDown 4.2s ease-in-out infinite alternate, opacity 1.3s ease-in-out 1.8s forwards alternate; }
.tpAnim .tpEmpImg--05 {animation: fadeUp 3s ease-in-out infinite alternate, opacity 1.3s ease-in-out 1.8s forwards alternate; }

.tpAnim .tpEmpBg--01{animation: random 10s ease-in-out infinite alternate, opacity 1.2s ease-in-out forwards alternate;}
.tpAnim .tpEmpBg--02{animation: random 6s ease-in-out infinite alternate, opacity 1s ease-in-out 0.5s forwards alternate;}
.tpAnim .tpEmpBg--03{animation: random 4s ease-in-out infinite alternate, opacity 1.5s ease-in-out 1s forwards alternate;}
.tpAnim .tpEmpBg--01 img, .tpAnim .tpEmpBg--02 img, .tpAnim .tpEmpBg--03 img {animation: scale 5s ease-in-out infinite alternate}
.tpAnim .tpEmpBg--04 {animation: fadeDown 3s ease-in-out infinite alternate, opacity 1.5s ease-in-out 1s forwards alternate;}
.tpAnim .tpEmpBg--05 {animation: random 8s ease-in-out infinite alternate, opacity 1.5s ease-in-out 1s forwards alternate;}
.tpAnim .tpEmpBg--06 {animation: random 6s ease-in-out infinite alternate, opacity 1.8s ease-in-out forwards alternate;}


@keyframes fadeUp {
    0% { transform:translateY(5%); }
  100% { transform:translateY( 0px);}
}
@keyframes fadeDown {
    0% { transform:translateY(-5%);}
  100% { transform:translateY( 0px); }
}
@keyframes opacity {
    0% { opacity: 0; }
  100% { opacity: 1 }
}

/* SP -------------------------- */
@media (max-width: 767px) {
.tpEmpImg__wrap {aspect-ratio: 4/3;}

}



/*トップ　リンクボタン*/
#home .linkBt{border-radius: min(2vw, 30px); background-color: #00995A; display: inline-block; padding: 0.3em 0;}
#home .linkBt span{position: relative; color: white; text-align: center; font-size: min( 1.333vw , 2.0rem ); font-weight: 600; padding: 0 5em; }
#home .linkBt span a{color: white;}
#home .linkBt span::before{position: absolute; top: 50%; left: 3%; transform: translateY(-50%); background: url("../img/common/btArrow.svg") no-repeat 0 0; width: min(2.267vw, 34px); height: min(2.267vw, 34px); content: "";}
#home .linkBt.clickable:hover{opacity:1!important; background-color: #62BE98;}
/*トップ　タイトル・テキスト*/
.tpCt_text h3{position: relative; font-family: "futura-pt", sans-serif; font-weight: 300; font-style: italic; font-size: min( 4.993vw , 7.4rem );}
.tpCt_text h4{font-size: min( 2.113vw , 3.2rem ); font-weight: 600;}
.tpCt_text p{line-height: 2.2;}
/*トップ　OKBを知る 仕事を知る*/
.topAbout{margin: min(6vw, 90px) auto 0 auto; position: relative; width: 93%; max-width: 1500px;}
.topWorks{margin: min(8vw, 120px) auto 0 auto; position: relative; width: 93%; max-width: 1500px;}
.topAbout .tpCt_text,.topWorks .tpCt_text{width: 45%;}
.topAbout .tpCt_text h3,.topWorks .tpCt_text h3{padding-top: min(6.667vw, 100px);}
.topAbout .tpCt_text h4,.topWorks .tpCt_text h4{padding-left: min(4.667vw, 70px); margin: 2em 0 1em 0;}
.topAbout .tpCt_text p,.topWorks .tpCt_text p{padding-left: min(4.667vw, 70px);}
.topAbout .tpCt_img .tpcP,.topWorks .tpCt_img .tpcP{background: url("../img/common/square.png") no-repeat right bottom; background-size: 69% auto; position: relative;}
/*トップ　OKBを知る*/
.topAbout{background: url("../img/common/beans01.svg") no-repeat 0 0; background-size: min( 24.33vw , 365px ) min( 16.553vw , 248px ); z-index: -1;}
.topAbout .tpCt_img .linkBt{position: absolute; bottom: min(1.33vw, 20px); left: 0;}
.topAbout .tpCt_img{width: 50%; position: relative; margin-top: min( 16.667vw , 250px );}
.topAbout .tpCt_img .tpcP img{width: 75%; margin: 0 0 min(1.667vw, 40px) 10%;}
/*トップ　仕事を知る*/
.topWorks .tpCt_text h3{text-align: right;}
.topWorks{background: url("../img/common/beans02.svg") no-repeat right 0; background-size: min( 24.33vw , 365px ) min( 16.553vw , 248px ); z-index: -1;}
.topWorks .tpCt_img{width: 50%; position: relative;}
.topWorks .tpCt_img .tpcP img{width: 75%; margin: 0 10% min(2.667vw, 40px);}
.topWorks .tpCt_img .linkBt{position: absolute; bottom: min(1.33vw, 20px); left: 15%;}
/*トップ　働く人を知る*/
.topEmployees{margin-top: min(8vw, 120px);}
.topEmployees .tpCt_text{text-align: center;}
.topEmployees .linkBt{margin-top: min(2.667vw, 40px);}
/*トップ　働き方を知る*/
.topSystem{margin-top: min(8vw, 120px);}
.topSystem .tpCt_img{width: 59%;}
.topSystem .tpCt_text{width: 36%;}
.topSystem .linkBt{margin-top: min(2.667vw, 40px);}
/*トップ　ライナーphoto*/
.topLinerPhoto{margin-top: min(8vw, 120px);}
/*トップ　採用情報*/
.topRecruit{margin-top: min(8vw, 120px); flex-flow: column; align-items: center;}
.topRecruit .tpCt_text{text-align: center;}
.topRecruit .tpCt_text h3{line-height:1;}
.topRecruit .tpRecImg{width: 73%; max-width: 1100px; margin: min(2.667vw, 40px) auto;}
.topRecruit .linkBt{text-align: center;}

/* ----------------------------------------------------
コンテンツ共通
---------------------------------------------------- */
.cont_mainVis{position: relative; padding-top: min(2.667vw, 40px); background-color: #F5F5F5; background-image: url("../img/common/contHead.svg"); background-position: 0 min(2.667vw, 40px); background-repeat: no-repeat; background-size: auto 100%; margin-bottom: min(6.667vw, 100px);}
.cont_mainVis .ct_mainImg{margin-top: min(20vw, 300px); position: relative;}
.cont_mainVis .ctTextWrap{width: 90%; max-width: 1500px; margin:0 auto; position: relative;}
.cont_mainVis .ctTitle{position:absolute; top: 0; left: 0;}
.cont_mainVis h2{font-family: "futura-pt", sans-serif; font-weight: 300; font-style: italic; font-size: min( 4.933vw , 7.4rem ); line-height: 1; padding-top: 0.5em;}
.cont_mainVis h2 span{font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-style: normal; font-size: min( 1.667vw , 2.5rem ); display: block; line-height:1.3em; }
.cont_mainVis h3{margin-top: min(4.667vw, 70px); position: relative; z-index: 2;}
.cont_mainVis h3 span{display: inline-block; color: white; font-size: min( 2.4vw , 3.6rem ); font-weight: 600; background: linear-gradient(90deg, rgba(172,228,105,1) 0%, rgba(0,153,90,1) 100%); padding: 0 0.8em;}
.beansTitle{background: url("../img/common/beansTitle.svg") no-repeat center min(1vw, 15px); background-size: min(4.733vw, 71px) min(3.2vw, 48px); font-size: min( 2.4vw , 3.6rem ); text-align: center; padding-bottom: 2em; line-height: 1; letter-spacing: 0.1em; margin-top: min(6.667vw, 100px);}
.centerRead{font-size: min( 1.467vw , 2.2rem ); text-align: center; margin-bottom: 4em;}
.lineGreenTitle{color: #00995A; font-size: min( 1.6vw , 2.4rem ); font-weight: 600; position: relative; padding-left: 2.1em; margin-bottom: 0.6em;}
.lineGreenTitle::before{position: absolute; top: 50%; left: 0; content: ""; background-color: #00995A; width: 1.7em; height: 1px;}
.cont_localNavi{background-color: #F5F5F5; margin-top: min(10.667vw, 160px); padding: 2em 0;}
.cont_localNavi .ctLoN_title{font-family: "futura-pt", sans-serif; font-weight: 300; font-style: italic; font-size: min( 2.662vw , 4rem ); display: block; line-height: 1; color: #00995A;}
.cont_localNavi ul{justify-content: flex-start; column-gap: 5%; margin-top: 1em;}
.cont_localNavi ul li{width: 30%;}
.cont_localNavi ul li p{text-decoration: underline; line-height: 1.3em; margin-top: 0.3em;}
.linkBt{border-radius: min(2vw, 30px); background-color: #00995A; display: inline-block; padding: 0.3em 0; margin-top: min(6.667vw, 100px);}
.linkBt span{position: relative; color: white; text-align: center; font-size: min( 1.333vw , 2.0rem ); font-weight: 600; padding: 0 5em; }
.linkBt span a{color: white;}
.linkBt span::before{position: absolute; top: 50%; left: 3%; transform: translateY(-50%); background: url("../img/common/btArrow.svg") no-repeat 0 0; width: min(2.267vw, 34px); height: min(2.267vw, 34px); content: "";}
.linkBt.clickable:hover{opacity:1!important; background-color: #62BE98;}

.sideLineTitle{font-size: min( 2vw , 3.0rem ); position: relative; text-align: center; margin-bottom: 1.3em;}
.sideLineTitle::after{position: absolute; top: 50%; left: 0; content: ""; background-color: black; width: 100%; height: 1px;}
.sideLineTitle span{padding: 0 1em; letter-spacing: 0.1em; background-color: white; text-align: center; display: inline-block; z-index: 1; position: relative;}
.squareBlockTx{border: 1px solid #626262; padding: 0.2em; width: 100%; margin-top: 1em;}

.okbImg{width: 48%; position: relative;}
.okbImg::after{position: absolute; bottom: min( -2.4vw , -36px ); left: min( -3.2vw , -48px ); content: ""; background:url("../img/common/square.png") no-repeat 0 0; width: min( 18.667vw , 280px ); height: min( 11vw , 165px ); z-index: -1;}

/* ----------------------------------------------------
コンテンツindex
---------------------------------------------------- */
/*ブロック01*/
.contIndex01{background: rgb(230,245,239); background: linear-gradient(180deg, rgba(230,245,239,1) 0%, rgba(230,245,239,1) 72%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%); position: relative;}
.contIndex01_inner{background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(255,255,255,0) 57%, rgba(255,255,255,0) 100%); padding-top: min(8vw, 120px); padding-bottom: min(22.667vw, 340px);}
.contIndexTitle{font-size: min( 1.333vw , 2.0rem ); position: relative; padding-left: 6em; line-height: 1.4em;}
.contIndexTitle span{font-family: "futura-pt", sans-serif; font-weight: 300; font-style: italic; font-size: min( 6vw , 9rem ); display: block; line-height: 1;}
.contIndexTitle::before{position: absolute; top: min( 1.333vw , 2.0rem ); left: 0; content: ""; background-color: black; height: 1px; width: 5em;}
.ctIndClume{margin-top:2em; width: 94%;}
.ctIndImg{width:40%;}
.ctIndTx{width:52%;}
/*.ctIndClume .linkBt{border-radius: min(2vw, 30px); background-color: #00995A; display: inline-block; padding: 0.3em 0; margin-top: min(6.667vw, 100px);}
.ctIndClume .linkBt span{position: relative; color: white; text-align: center; font-size: min( 1.333vw , 2.0rem ); font-weight: 600; padding: 0 5em; }
.ctIndClume .linkBt span a{color: white;}
.ctIndClume .linkBt span::before{position: absolute; top: 50%; left: 3%; transform: translateY(-50%); background: url("../img/common/btArrow.svg") no-repeat 0 0; width: min(2.267vw, 34px); height: min(2.267vw, 34px); content: "";}
.ctIndClume .linkBt.clickable:hover{opacity:1!important; background-color: #62BE98;}*/
.contIndex01::before{position: absolute; top:min( 27.3vw , 410px ); left: -5%; background: url("../img/common/backCircle.svg") no-repeat 0 0; width: min( 22.667vw , 340px ); height: min( 21.133vw , 317px ); content: "";}
/*.contIndex01 .afterImg{width: 60%; position: absolute; bottom: min(-11.33vw, -170px); right: -10%; z-index: 2;}*/
.contIndex02 .beforeImg{width: 60%; position: absolute; top: min(-16.77vw, -250px); right: -10%; z-index: 2;}
/*ブロック02*/
.contIndex02{background: rgb(230,245,239); background: linear-gradient(180deg, rgba(230,245,239,1) 0%, rgba(230,245,239,1) 92%, rgba(255,255,255,1) 92%, rgba(255,255,255,1) 100%); position: relative;}
.contIndex02_inner{background: rgb(255,255,255); background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(255,255,255,0) 57%, rgba(255,255,255,0) 100%); padding-top: min(13.33vw, 200px);}
.contIndex02 .contIndexTitle{padding-right: 6em; text-align: right; margin-top: min(13.33vw, 200px);}
.contIndex02 .contIndexTitle::before{right: 0; left: inherit; }
.contIndex02 .ctIndClume{margin-left: 6%; position: relative; width: 100%;}
.contIndex02 .ctIndClume::before{position: absolute; bottom:min( -10vw , -150px ); right: -5%; background: url("../img/common/backCircle.svg") no-repeat 0 0; width: min( 22.667vw , 340px ); height: min( 21.133vw , 317px ); content: ""; transform: scale(-1, 1); z-index: 2; }
/*#recruit .contIndex02 .ctIndClume::before{bottom:inherit; top: min( -10vw , -150px );}*/
.contIndex02 .afterImg{width: 38%; position: absolute; top: min(4.33vw, 60px); left: min(10.667vw, 160px); z-index: 2;}
/*ブロック03*/
.contIndex03{background: rgb(230,245,239); background: linear-gradient(90deg, rgba(230,245,239,0) 0%, rgba(230,245,239,0) 57%, rgba(230,245,239,1) 57%, rgba(230,245,239,1) 100%); position: relative; margin-top: min(6.667vw, 100px);}
.contIndex03_inner{padding-top: min(8vw, 120px); padding-bottom: min(6.667vw, 100px);}


/* ----------------------------------------------------
沿革
---------------------------------------------------- */
.abtCT__read {border-top: 3px solid #d2d2d2; padding-top: min(2.5vw,30px);}
.abtCT__wrapper {position: relative; margin-top: min(12.5vw, 150px);}
.abtCT__bg--img {width: min(28.33vw,340px); position: absolute;}
.abtCT__bg--img--01 {left: 0; top: 50%; transform: translateY(-180%); }
.abtCT__bg--img--02 {left: 0; bottom: 0;}
.abtCT__bg--img--03 {right: 0; top: 55%;}
.abtCT__bg--block {aspect-ratio:520/762; background: rgba(0,153,90,0.1); position: absolute; width: 35%;}
.abtCT__bg--block--01 {left: 0; top: 0; transform: translateY(-10%); }
.abtCT__bg--block--02 {right: 0; top: 50%; transform: translateY(-145%); }
.abtCT__bg--block--03 {left: 0; top: 53%; }

.abtCT__inr {width: 90%; max-width: 1200px; margin: 0 auto; position: relative;}
.abtCT__inr::before {content: ""; width: 1px; height: calc(100% - min(2.5vw,30px)); background:#a8a8a8; position: absolute; left: 50%; top: min(2.5vw,30px);}
.abtCT__flex {display: flex; display: -webkit-flex;}
.jc-sb {justify-content: space-between;}
.jc-fe {justify-content: flex-end;}
.abtCT__year {position: relative; padding-top: min(6.6vw,80px);}
.abtCT__L {width:50%; padding: 0 4% 0 min(4vw,77px);}
.abtCT__R {width: 50%; padding: 0 min(2.5vw, 38px) 0 3%; display: flex; display: -webkit-flex; justify-content: flex-end;}
.abtCT__cont__inr {position: relative;}
.abtCT__cont__inr img {width: auto; max-width: 100%;}
.abtCT__year .abtCT__cont__inr { padding-top: min(6.6vw,80px);}

.abtCT__year::before{content: ""; width: min(1.42vw,17px); aspect-ratio: 1/1; background: #a8a8a8; position: absolute; top: min(2.5vw,30px); border-radius: 50%;}
.abtCT__year::after {content: ""; background: url("../img/page/about/history/index/bg-abtCT__cont.svg") center center / cover no-repeat; aspect-ratio: 300/2; height: 1px; position: absolute; top: min(3.17vw,38px);}
.abtCT__L.abtCT__year::before {right: 0; transform: translateX(50%);}
.abtCT__L.abtCT__year::after {right:0;}
.abtCT__R.abtCT__year::before {left: 0; transform: translateX(-50%);}
.abtCT__R.abtCT__year::after {left:0;}

.abtCT__year h3 {font-size: min(5vw,6rem); font-family: "Bona Nova", serif; font-weight: 400; line-height: 1; position: absolute; top: 0;}
.abtCT__L.abtCT__year h3 {left: 0;}
.abtCT__R.abtCT__year h3 {right: 0;}
.abtCT__R.abtCT__year .abtCT__count {text-align: right; }

.abtCT__year .abtCT__count {margin: 0 0 min(1.66vw, 20px);}
.abtCT__year .abtCT__count span {background: #00995a; display: inline-block; color: #fff; font-family:"futura-pt", sans-serif; font-style: italic; font-size: min(2.5vw,3rem); padding: 0 min(1.25vw,15px);}
.abtCT__year p {font-size: min(1.83vw,2.2rem);}

.abtCT__R .abtCT__cont__inr.flex {flex-direction: row-reverse;}

.abtCT__list li p {line-height: 1.5; margin-top: min(0.83vw,10px); font-size: min(1.5vw, 1.8rem);} 

.abtCT__cont__txt{width: 52%;}
.abtCT__cont__img {width: 43%;}

.abtCT__strong {margin-top: min(1.25vw, 15px);}
.abtCT__strong span {border: 2px solid #00995a; color: #00995a; font-size: min(1.66vw, 2rem); text-align: center; font-weight: 600; display: inline-block; padding: 0 min(1.66vw,20px);}

.abtCT__btn {display: inline-block; background: #d6f2b4; border-radius: 30vw; font-size: min(1.5vw,1.8rem); padding: min(0.83vw,10px) min(2.5vw,30px) min(0.83vw,10px) min(5vw,60px); position: relative;}
.abtCT__btn::before {content: ""; background: url("../img/page/about/history/index/ic-abtCL-btn.svg") center center / cover no-repeat; aspect-ratio: 1/1; height: calc(100% - min(1.6vw, 20px));  position: absolute; top: min(0.8vw, 10px); left: min(0.8vw, 10px);}

/* abtCT--01 */
.abtCT--01 {margin-bottom: min(6.6vw, 80px);}
.abtCT--01 .abtCT__list {margin-top: min(6.6vw, 80px); column-gap: min(1.66vw, 20px);}
.abtCT--01 .abtCT__list li:first-child {width: 34%;}
.abtCT--01 .abtCT__list li:last-child {width: 60%;}

/* abtCT--02 */
.abtCT--02 .abtCT--02__img {width: min(31vw,367px);}

/* abtCT--03 */
.abtCT--03 {margin: max(-14.17vw, -170px) 0 min(2.5vw, 30px);}

/* abtCT--05 */
.abtCT--05 .abtCT__list { margin-top: min(3.3vw, 40px);}
.abtCT--05 .abtCT__list li {padding-bottom:  min(4.16vw, 50px); position: relative; width: 48%;}
.abtCT--05 .abtCT__list li .abtCT__strong {margin: 0; position: absolute; left: 0; bottom: 0; width: 100%;}

/* abtCT--06 */
.abtCT--06 {margin: max(-27.5vw, -330px) 0 min(15vw, 180px);}

/* abtCT--07 */
.abtCT--07 {margin: max(-27.5vw, -330px) 0 min(15vw, 180px);}
.abtCT--07 .abtCT__cont__inr.flex {width: 85%;}
.abtCT--07 .abtCT__cont__txt{width: 60%;}
.abtCT--07 .abtCT__cont__img{width: 35%;}

/* abtCT--08 */
.abtCT--08 {margin: max(-10.42vw, -125px) 0 min(3.3vw, 40px);}

/* abtCT--10 */
.abtCT--10 {margin: max(-3.3vw, -40px) 0 min(3.3vw, 40px);}

/* abtCT--11 */
.abtCT--11 {margin: max(-16.6vw, -200px) 0 0;}
.abtCT--11 .abtCT--11__img {width: min(31vw,367px);}

/* helper */
.abtCT__cont__inr .mt20 {margin-top: min(1.66vw, 20px);}
.abtCT__cont__inr .mt30 {margin-top: min(2.5vw, 30px);}
.abtCT__cont__inr .mt50 {margin-top: min(4.16vw, 50px);}
.abtCT__cont__inr .alignR {text-align: right;}
.abtCT__cont__inr .abtRed {color: #ff0000; position: relative; padding-left: min(3.3vw, 40px); border: 2px solid #ff0000; margin-top: 0.3em; background-color: white; font-size: min(1.83vw, 2.2rem); width: min(16.77vw, 210px);}
.abtCT__cont__inr .abtRed::before {position: absolute; top: 50%; left: 2%; transform: translateY(-50%); content: ""; background: url("../img/page/about/history/index/good.svg") 0 0 no-repeat; width: min(2vw, 30px); height: min(2vw, 30px);}

.abtCT__cont__inr .abtRed2 {color: #ff0000; position: relative; padding: 0 0.2em 0 min(3.3vw, 40px); border: 2px solid #ff0000; margin-top: 0.3em; background-color: white; font-size: min(1.83vw, 2.2rem); display: inline-block;}
.abtCT__cont__inr .abtRed2::before {position: absolute; top: 50%; left: 2%; transform: translateY(-50%); content: ""; background: url("../img/page/about/history/index/good.svg") 0 0 no-repeat; width: min(2vw, 30px); height: min(2vw, 30px);}


.flx-d-rw {flex-direction: row-reverse; align-items: center; column-gap: min(1.66vw, 20px);}
.flx-d-rw .abtCT__count {margin-bottom: 0 !important;}


#about .whiteBox{background-color:white; box-shadow: 0px 4px 15px -5px #777777; padding: min(2vw, 30px); margin: min( 2.667vw , 60px ) 0 0 0; position: relative;}
#about .whiteBox h5{font-size: min( 1.6vw , 2.4rem ); font-weight: 600; margin-bottom: 0.5em; text-align: center;}
#about .whiteBox h5 span{font-size: min(1.067vw, 1.6rem); font-weight: 400; display: block;}
#about .whiteBox div{align-items:center;}



/* ----------------------------------------------------
ヒューマンキャピタル
---------------------------------------------------- */
.humanBlock{padding-bottom: min(5.667vw, 85px);}
#human .humanBlock:first-of-type{text-align: center;}
.humanBlock .humanText{margin-bottom: 1em;}




/* ----------------------------------------------------
愛知100年
---------------------------------------------------- */
.clumRead{margin-bottom: 4em;}
.clumRead p{font-size: min( 1.467vw , 2.2rem ); width: 60%;}
.clumRead div{width: 38%;}
.clumRead div span{display: block; margin-top: 0.5em; font-size: min( 0.933vw , 1.4rem ); text-align: right;}
.aichiBlock{padding-bottom: min(8vw, 120px);}
.aichiClume{padding-bottom: min(8vw, 120px);}
.aichiClume:last-child{padding-bottom: 0;}
.aichiClume div{width: 42%;}
.aichiBlock .graphWrap .circleGrap{width: 45%; text-align: center;}
.aichiBlock .graphWrap .circleGrap p{display: inline-block; border: 1px solid black; padding: 0.2em 1.2em;}
.aichiBlock .graphWrap .circleGrap p span{display: flex; align-items: center; min-height: min(5.667vw, 85px); font-weight: 600;}

.aichi_shopClum .whiteBox{background-color:white; box-shadow: 0px 4px 15px -5px #777777; padding: min(2vw, 30px); width: 30%; display: flex; flex-direction: column;}
.aichi_shopClum .whiteBox h5{font-size: min( 1.6vw , 2.4rem ); font-weight: 600; margin-bottom: 0.5em; text-align: center;}
.aichi_shopClum .whiteBox p{flex-grow: 1;}
.aichi_shopClum .whiteBox span{margin-top: 1em; display: block; position: relative;}
.aichi_shopClum .whiteBox span aside{position: absolute; bottom: min( -0.667vw , -10px ); left: 0; width: min( 5.667vw , 85px ); height: min( 5.667vw , 85px );}

#aichi .parentBackNav{width: 100%; margin: 0 auto;}
#aichi .linkBt{width:48%; text-align: center;}
/* ----------------------------------------------------
DX
---------------------------------------------------- */
.dxClume{padding-bottom: min(5.667vw, 85px);}
.dxBlock .whiteBox{background-color:white; box-shadow: 0px 4px 15px -5px #777777; padding: min(3vw, 45px); width: 47%;}
.dxBlock .whiteBox h6{font-size: min( 1.6vw , 2.4rem ); font-weight: 600; color: #00995A; margin: 1em 0 0.3em 0;}
.dxBlock .whiteBox p{line-height: 1.5;}

.parentBackNav{width: 82%; margin: 0 auto;}
.parentBackNav02{text-align: center; margin: min(5.667vw, 85px) auto 0 auto;}
#dx .parentBackNav{width: 100%; margin: 0 auto;}
#dx .linkBt{width:48%; text-align: center;}
#dx .linkBt span,#aichi .linkBt span{width:100%; display: inline-block;}


/* ----------------------------------------------------
仕事を知る
---------------------------------------------------- */
.workCaset{padding-bottom: min(8vw, 120px);}
.workCaset .wrkTxt{width:42%;}
.workCaset .wrkTxt .linkBt{margin-top: min(1.667vw, 25px);}
.workCaset .wrkImg{width:48%;}
.workCaset:nth-child(even) .wrkTxt{order: 2;}
.workCaset:nth-child(odd) .wrkImg{order: 1;}
.workBlock .workCaset:last-child{padding-bottom: 0;}

/* ----------------------------------------------------
働き方を知る/人財投資
---------------------------------------------------- */
.trainingBlock{padding-bottom: min(5.667vw, 85px); text-align: center;}
.trainingFlow{padding-bottom: min(1.667vw, 25px);}
.trainingBlock .trainingFlow:first-of-type{margin-bottom: 0;}
.trainingFlow .season{display:flex; flex-direction:column; width:7%;}
.trainingFlow .season .season01{flex-grow: 1; background: url("../img/page/system/training/arrow01.jpg") no-repeat bottom center; background-color: #A0D9C2; text-align: center; justify-content: center; display: flex;}
.trainingFlow .season .season02{flex-grow: 1; background: url("../img/page/system/training/arrow02.jpg") no-repeat bottom center; background-color: #BBE983; text-align: center; justify-content: center; display: flex;}
.trainingFlow .season .season01 p,.trainingFlow .season .season02 p{writing-mode: vertical-rl; display: inline-block;}
.trainingFlow .kensyuWrap{width:90%;}
.trainingFlow .kensyuWrap .kensyuChild{background-color: #E6F5EF; margin-bottom: 1em; text-align: center; padding: 0.6em 1em;}
.trainingFlow .kensu1clum02 .kensyuChild{background-color: #D6F2B4; margin-bottom: 1em; text-align: center; padding: 0.6em 1em;}
.trainingFlow .kensyuWrap .kensyuChild p{font-size: min( 1.467vw , 2.2rem ); font-weight: 600; margin-bottom: 0.5em;}
.trainingFlow .kensyuWrap .kensyuChildWrap{margin-bottom: 0.5em; width: 49%; display:flex; flex-direction:column;}
.trainingFlow .kensyuWrap .kensyuChildWrap .kensyuChild{margin-bottom: 0.5em; width: 100%!important; flex-grow: 1;}
.trainingFlow .kensyuWrap .kensu2clum .kensyuChild{width: 49%; display:flex; flex-direction:column;}
.trainingBlock .centerRead{margin-bottom:1em;}
.trainingBlock .linkBt{margin-top: 0;}
#training .sideLineTitle{font-size: min( 1.467vw , 2.2rem ); margin: min(6.667vw, 100px) 0 min(4.33vw, 60px) 0; font-weight: 600;}
#training .empOnewordBlock{padding-top: min( 5.333vw , 80px ); position: relative;}
#training .empOnewordBlock::before{position: absolute; top: -10%; left: -10%; background: url("../img/common/backCircle.svg") 0 0 no-repeat; content: ""; width: min( 22.667vw , 340px ); height: min( 21.133vw , 317px ); z-index: -1;}
#training .empOnewordBlock h3.titleH3{font-size: min( 2.113vw , 3.2rem ); line-height: 1; font-weight: 600; letter-spacing: 0.1em; width: 27%; text-align: left;}
#training .empOnewordBlock p{width: 66%; text-align: left;}
#training .empOnewordBlock p span{display: block; font-weight: 600; margin-bottom: 0.5em;}
.trainingUnique{margin-bottom: min( 5.333vw , 80px );}
.trainingBlock .trainingUnique:last-child{margin-bottom: 0;}
.trainingUnique .trainingCareerFlex{width:42%; text-align: left;}
.igyousyuClume {margin:min( 7vw , 105px ) 0 0 0;}
.igyousyuClume .whiteBox{background-color:white; box-shadow: 0px 4px 15px -5px #777777; padding: min(2.667vw, 40px); width: 47%;}
.igyousyuClume .whiteBox h6{font-size: min( 1.6vw , 2.4rem ); font-weight: 600; color: #00995A; margin: 1em 0 0.3em 0; text-align: center;}
.igyousyuClume .whiteBox p{text-align: center; margin-top: 0.5em;}
.igyousyuClume .whiteBox p span{font-size: min( 1.6vw , 2.4rem ); font-weight: 600; display: block;}
.igyTriangle{background:url("../img/page/system/training/triangle.svg") no-repeat center top; background-size: cover; color: white; line-height: 1; width: min( 15vw , 225px ); height: min( 5.333vw , 80px ); margin: 0.6em auto; display: flex; align-items: center; justify-content: center; padding-bottom: 0.3em; text-align: center;}
.igyIcon{width: min( 7vw , 105px ); margin: 0 auto; text-align: center;}
.appointments{width:45%;}
.appointments dl{width: 40%; border: 1px solid #626262; display: flex; flex-direction: column;}
.appointments p{width: 18%; position: relative;}
.appointments p img{position: absolute; bottom: 20%; left: 50%; transform: translateX(-50%); width: 60%;}
.appointments dl dt{background-color: #E6F5EF; padding: 1em; text-align: center; font-weight: 600; flex-grow: 1;}
.appointments dl dd{padding: 1em; text-align: center; font-weight: 600; flex-grow: 1;}
.appointments dl dd span{font-size: min( 2.533vw , 3.8rem );}
.trainingUnique .lineGreenTitle{text-align:left;}
.trainingUnique p{text-align:left;}
.trainingUnique .linkBt{width:50%; margin-top: min(4.33vw, 60px);}
.trainingUnique .linkBt span{display: block;}
.trainingSkilFlex{width: 65%;}
.fand{width: 25%;}
.fand dl{width: 100%; border: 1px solid #626262;}
.fand p{width: 100%; text-align: center; padding: 1.5em 0;}
.fand p img{width: 20%; transform: rotate(90deg);}
.fand dl dt{background-color: #E6F5EF; padding: 0.3em 1em; text-align: center; font-weight: 600; }
.fand dl dd{padding: 1em; text-align: center; font-weight: 600;}
.fand dl dd span{font-size: min( 2.533vw , 3.8rem );}
.trainingUnique .squareBlockTx{text-align:left;}

/* ----------------------------------------------------
働き方を知る/人財投資/入社後の人財育成
---------------------------------------------------- */
.cont_mainVis .ct_mainImg aside{position: absolute; bottom: 0; right: 0; background-color: #00995A; color: white; font-size: min(1.733vw, 2.6rem); padding: 0.2em 0.5em;}
.careerBlock .readTextP{margin-bottom: min(8vw, 120px);}
.careerCaset{padding-bottom: min(5.667vw, 85px);}
.careerCaset div{width: 42%;}
.careerCaset .lineGreenTitle{line-height: 1.3;}
.careerCaset .lineGreenTitle::before{top: 25%;}
.characters{background-color: #EAF8D9; padding: min(4.33vw, 60px) 0;}
.charaInner{width: 45%;}
.charaInner .charaImg{width: 50%; margin: 0 auto 1em auto;}
.charaInner .charaImg img{border-radius: 50%; object-fit: cover;}
.charaInner .charaName{margin-bottom: 1.7em; text-align: center; line-height: 1.4;} 
.charaInner .charaName span{font-size: min(1.733vw, 2.6rem); font-weight: 600; display: block;}  

/* ----------------------------------------------------
働き方を知る/DE&I
---------------------------------------------------- */
.deiBlock {margin: min(12vw,180px) auto;}
.deiRed {color: #ff0000;}
.deiPoint { text-align: center; background: #fff; border: 1px solid #b9b9b9; padding: min(2.5vw,30px); position: relative;width: 90%; margin-right: auto; margin-left: auto;}

.deiIntro {position: relative;}
.deiIntro .inrContent {position: relative; z-index: 1;}
.deiTitle{font-size: min(2.4vw, 3.6rem); text-align: center; padding-bottom: 2em; line-height: 1; letter-spacing: 0.1em;}
.deiToiro {margin: min(7.5vw,90px) auto;  max-width: 790px; position: relative; z-index: 2;}
/*.deiToiro h4 {position: absolute; left: 50%; top: 0; transform:translate(-50%,-50%); font-size: min(1.66vw,2rem); font-weight: 600;}
.deiToiro h4 span {background: #ffd0be; padding: min(0.4vw,5px) min(1.66vw,20px);}*/
.deiToiro h4 {position: absolute; left: 50%; top: 0; transform:translate(-50%,-50%);}
.deiToiro h4 span {background: #fff; padding: min(0.4vw,5px) min(1.66vw,20px);}
.deiToiro h4 span img{width: min(18vw,270px);}
.deiToiro p{margin-top: 1.5em;}
.bg-deiIntro {position: absolute;}
.bg-deiIntro--01 {left: 0; top: 0; width: min(20vw,286px);}
.bg-deiIntro--02 {right: 0; /*top: 50%; */top: 20%; width: min(32vw,430px); transform: translateY(-100%);}
.deiIntro .inrContent::before, .deiIntro .inrContent::after {content: ""; background: #ffd0be; position: absolute;}
.deiIntro .inrContent::before{aspect-ratio: 18/9; width: min(13vw,180px); top: 0; right: 0; transform: translate(30%, -25%);}
.deiIntro .inrContent::after{aspect-ratio: 1/1; width: min(4.67vw,56px); top: 35%; left: 1%; }

.deiPoint__overall {max-width: 950px;}
.deiPoint__overall p {font-size: min(2.17vw,2.6rem); font-weight: 600; line-height: 1.4; letter-spacing: 0.5rem;}
.deiOverall{ margin-top: min(2vw,24px); position: relative;}
.deiOverall .flex, .deiOverall h4 {position: relative; z-index: 2;}
.deiOA__cont {width:23%; display: flex; display: -webkit-flex; justify-content: center; align-items: center; border-radius: 50%; background: #ecefef; aspect-ratio: 1/1; text-align: center;}
.deiOA__cont h5 {font-weight: 600; font-size: min(2vw, 2.4rem);}
.deiOA__cont p {font-size: min(2.17vw,2.6rem); font-family:"futura-pt", sans-serif; font-style: italic;}
.deiOA__cont:first-child {background: #ffe3d8;}
.deiOA__cont:nth-child(2) {background:#e3f6cb;}
.deiOA__cont:nth-child(3) {background:#e6f5ef;}
.deiOverall h4 {font-size: min(2.17vw,2.6rem); font-weight: 600; text-align: center; margin-top: min(1.66vw,20px); letter-spacing: 0.5rem;}
/*.deiOverall::before{content: ""; position: absolute; left: 50%; top: 0;transform: translateX(-50%); width: min(20.83vw,250px); height: min(4.16vw,50px); background-color: #dde6d3; clip-path: polygon(50% 0%, 0% 100%, 100% 100%);}
.deiOverall::after {content: ""; background: url("../img/page/system/dei/bg-deiOverall-01.png") center center / cover no-repeat; aspect-ratio:1096/195; width:91%; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}*/

.deiWomen {margin-bottom: min(3.3vw,40px);}
.deiWomen__txt {width: 56%;}
.deiWomen__img {width: 35%; position: relative;}
.deiWomen__img img {position: relative;}
.deiWomen__img::before {content: ""; background: #00995a; aspect-ratio: 202/110; width: min(16.83vw,202px); position: absolute; left: max(-2.92vw,-35px); bottom: max(-2.08vw,-25px); opacity: 0.1; }

.deiNum{text-align: center; padding:min(1.66vw, 20px) min(1.5vw, 30px);}
.deiNum.whiteBox{ background-color: white; box-shadow: 0px 4px 15px -5px #777777;}
.deiNum h5{font-size: min(1.5vw,1.8rem);}
.deiNum__img {margin: min(1.66vw,20px) auto 0;}
.deiNum__img img {height: min(8.3vw, 100px); width: auto;  }
.deiNum__num {color:#00995a; transform: translateX(0.5em);}
.deiNum__num span {font-weight: 900; font-size: min(5.6vw,8rem); line-height: 1;}
.deiNum__num sub {font-size: min(1.66vw,2rem); font-weight: 600; bottom: 0; margin-left: min(0.5vw,6px);}
.deiNum__year {font-size: min(1.3vw,1.6rem); margin-top: min(0.83vw,10px); }

.deiWomen__feature {flex-wrap: wrap; justify-content: flex-start; column-gap: 3%;}
.deiW__feature__cont{width: 22.75%; margin-top: 3%; }
.deiW__feature__cont:last-child {width:48.5%; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: stretch; justify-content: center;}
.deiW__feature__graf {width: 90%; margin: 0 auto;}
.deiW__feature__graf img {vertical-align:bottom;}

.deiTraining {margin-top: min(2.5vw,30px);}
.deiTraining__note {text-align: right; font-size: min(1.3vw,1.6rem); margin-top: min(0.4vw,5px);}
.deiEvent {justify-content: flex-start; column-gap: 6.5%; margin-top: min(8.3vw, 100px); }
.deiEvent__cont {width: 29%; background: #f2f3f5; text-align: center; padding: min(1.66vw,20px) min(1.66vw,20px) min(2.5vw,30px); position: relative;}
.deiEvent__cont h5 {color:#00995a; font-size: min(1.83vw,2.2rem); font-weight: 600; margin-bottom: min(1.25vw, 15px);}
.deiEvent__cont .deiEvent__program {background: #00995a; color: #fff; border-radius: 30vw; padding: min(0.83vw,10px); font-weight: 600; font-size: min(1.66vw, 2rem); margin-bottom: min(1.66vw,20px);}
.deiEvent__cont dl {text-align: left;}
.deiEvent__cont:first-child::before, .deiEvent__cont:nth-child(2)::before {content:""; position: absolute; top: 50%; right:0; transform: translate(200%, -50%); width: min(2.5vw,30px); height: min(5.33vw,64px); background-color: #dde6d3; clip-path: polygon(100% 50%, 0% 0%, 0% 100%); }

.deiCareer__cont {width: 48%; }

/* ----------------------------------------------------
働き方を知る/人財投資/ワークライフバランス
---------------------------------------------------- */
#worklife .whiteBox{background-color:white; box-shadow: 0px 4px 15px -5px #777777; padding: min(2vw, 30px); margin-bottom: min( 2.667vw , 60px ); position: relative;}
#worklife .whiteBox h5{font-size: min( 1.6vw , 2.4rem ); font-weight: 600; margin-bottom: 0.5em; text-align: center;}
#worklife .whiteBox h5 span{font-size: min(1.067vw, 1.6rem); font-weight: 400; display: block;}
#worklife .whiteBox div{align-items:center;}

.worklifeBlock{padding-bottom: min(5.667vw, 85px);}
.worklifeFlow{margin-top: min(4.33vw, 60px);}
.softWork{background-color:#F2F3F5; padding: 2em;}
.softWork dl{width: 23%;}
.softWork dl dt{font-size: min(1.333vw, 2.0rem); font-weight: 600; color: white; border-radius: min(2vw, 30px); background-color: #00995A; padding: 0.3em 0; text-align: center; margin-bottom: 1em;}

.ryorituGraph{padding-top: min(3vw, 45px);}
#worklife ol{margin: 1em 0 0 1em;}
#worklife ol li{position: relative; padding-left:1em; text-indent:-1.5em;}
#worklife ol li::before{position: absolute; top: 0; left: 0; content: "※";}
.announ01{text-align:right; margin: 1em 0;}

.worklifeBlock .atherIkuji ul{width: 60%;}
.worklifeBlock .atherIkuji ul li{margin-bottom: 2em; align-items: center;}
.atherIkujiIcon{width: 15%;}
.atherIkujiInnnerText{width: 80%;}
.atherIkujiInnnerText p{font-size: min( 1.6vw , 2.4rem ); font-weight: 600; }

.worklifeBlock .atherIkuji .kurumin{width: 35%; border: 1px solid #CECECE; padding: 1em; font-size: min(1.067vw, 1.6rem); flex-flow: column; justify-content: center;}
.worklifeBlock .atherIkuji .kurumin p{font-size: min( 1.467vw , 2.2rem ); font-weight: 600; margin-bottom: 0.5em; text-align: center;}
.worklifeBlock .atherIkuji .kurumin span{display: block; margin: 1em auto 0 auto; width: 65%; }
.ikujiSuishin{padding-top: min(3vw, 45px);}

#worklife .linkBt{width:50%; display: block; margin: min(4.33vw, 60px) auto 0 auto; text-align: center;}
#worklife .linkBt span{display: block;}

/* ----------------------------------------------------
採用情報/採用について
---------------------------------------------------- */
.rec_infoBlock{}
.courseWrapSp{display:none;}
.rec_infoBlock .courseWrap{}
.rec_infoBlock .courseWrap tr{}
.rec_infoBlock .courseWrap th{}
.rec_infoBlock .courseWrap td{width: 30%; border-left: min(1.667vw, 25px) solid white; position: relative;}
.rec_infoBlock .courseWrap td.D6F2B4{background-color: #D6F2B4; padding: 2em 1em; text-align: center;}
.rec_infoBlock .courseWrap td.dotLine{border-bottom: 1px dotted #00995A;}
.rec_infoBlock .courceTitle{background-color: #00995A; color: white; position: absolute; top: min(7.33vw, 110px); left: 50%; transform: translateX(-50%); width: 92%; padding: 0.8em 0.3em; font-size: min( 1.333vw , 2.0rem ); font-weight: 600; text-align: center; line-height: 1; z-index: 2;} 
.rec_infoBlock .courceTitle span{display: block; font-family: "futura-pt", sans-serif; font-weight: 300; font-style: italic; font-size: min( 3vw , 4rem );} 
.rec_infoBlock .coursIcon{padding-bottom: min(4.33vw, 60px);}
.rec_infoBlock .speech{position:relative; background:#626262; padding:0.1em; text-align:center;
 color:#fff; font-weight:600;}
.rec_infoBlock .speech:after{border: solid transparent; content:''; height:0; width:0; pointer-events:none; position:absolute; border-color: rgba(98, 98, 98, 0); border-top-width:min( 0.467vw , 7px ); border-bottom-width:min( 0.467vw , 7px ); border-left-width:min( 0.8vw , 14px ); border-right-width:min( 0.8vw , 14px ); margin-top: min( -0.467vw , -7px ); border-left-color:#626262; left:100%; top:50%;}
.rec_infoBlock .flowEnd{border: 1px solid #00995A; background-color: #F5F5F5; padding: 1em 0.5em; font-size: min( 1.067vw , 1.6rem ); color: #00995A; text-align: center; min-height: 6.6em; display: flex; align-items: center; justify-content: center;}
.rec_infoBlock .triangle{padding: min(1.667vw, 25px) 0 min( 0.8vw , 14px ) 0; position: relative;}
.rec_infoBlock .triangle p{background-size: 100% 100%; text-align: center; padding: 1em 0; position: relative; padding-bottom: min(1.667vw, 25px);}
.rec_infoBlock .triangle p.trg01{background:url("../img/page/recruit/information/triangle.svg") no-repeat center top;}
.rec_infoBlock .triangle p.trg02{background:url("../img/page/recruit/information/triangle02.svg") no-repeat center top;}

.regularTableWrap{background-color:white; box-shadow: 0px 4px 15px -5px #777777; padding: min(3vw, 45px) min(5.33vw, 80px);}
.regularTable{width: 100%;}
.regularTable tr{width: 100%; border-bottom: 1px solid #CECECE;}
.regularTable th{color: #00995A; font-weight: 600; width: 20%; padding: 0.8em 1em; text-align: left; vertical-align: top;}
.regularTable td{width: 80%; padding: 0.8em 1em;}
.regularTable tr:last-child{border-bottom: none; padding: 0.8em 1em 0 1em;}

.rec_faq{padding: min(2.667vw, 40px) min(4.667vw, 70px); border-top: 1px solid #CECECE;}
.rec_infoBlock .rec_faq:first-of-type{border-top: 3px solid #CECECE;}
.rec_infoBlock .rec_faq:last-of-type{border-bottom: 3px solid #CECECE;}
.rec_faq dt{width: 7%; position: relative; background: url("../img/page/employees/yearCircle.svg") no-repeat 0 0; background-size: 100% auto; font-size: min(1.067vw, 1.6rem); text-align: center; line-height: 1; padding-top: 1em;}
.rec_faq dd{width: 85%;}
.rec_faq dt p{font-size: min( 2.113vw , 3.2rem ); position: relative;}
.rec_faq h5{font-size: min( 1.6vw , 2.4rem ); font-weight: 800; margin-bottom: 1em; color: #00995A;}
.rec_faq h6{font-size: min( 1.333vw , 2.0rem ); font-weight: 600; margin-bottom: 1em;}

/*.rec_infoBlock .courseWrap{}
.rec_infoBlock .courseWrap .crsT{width: 10%; flex-flow: column;}
.rec_infoBlock .courseWrap .crsB{width: 84%;}
.rec_infoBlock .courseWrap .crsB dl{width: 32%; background-color: #D6F2B4; justify-content: center; align-items: center;}
.rec_infoBlock .courseWrap .crsB dl dt{border-bottom: 1px dotted #00995A; padding: 2em 1em; width: 100%;}
.rec_infoBlock .courseWrap .crsB dl dd{padding: 2em 1em; width: 100%;}*/



/*.rec_infoBlock .courseWrap{
    display: grid;
    grid-template-columns: repeat(15%, 1fr);
    grid-template-rows: repeat(5, 1fr);
    gap: 8px;
}
.div5 {
    grid-column: span 2 / span 2;
    grid-column-start: 2;
    grid-row-start: 2;
}

.div8 {
    grid-column-start: 4;
    grid-row-start: 2;
}
.rec_infoBlock .courseWrap .div2,
.rec_infoBlock .courseWrap .div3,
.rec_infoBlock .courseWrap .div4{background-color: #D6F2B4;
  display: grid;
  grid-template-rows: subgrid;
}
  
.rec_infoBlock .courseWrap .coursIcon{background-color: #fff; padding-bottom: min( 3vw , 45px );}  

.rec_infoBlock .courseWrap dl{position: relative; padding: min( 5.55vw , 80px ) 0; text-align: center;} 
.rec_infoBlock .courseWrap dl p{background-color: #00995A; color: white; position: absolute; top: min( -2vw , -30px ); ; left: 50%; transform: translateX(-50%); width: 92%; padding: 0.8em 0.3em; font-size: min( 1.333vw , 2.0rem ); font-weight: 600; text-align: center; line-height: 1;} 
.rec_infoBlock .courseWrap dl p span{display: block; font-family: "futura-pt", sans-serif; font-weight: 300; font-style: italic; font-size: min( 3vw , 4rem );} 
.rec_infoBlock .courseWrap dl dt,.rec_infoBlock .courseWrap dl dd{display: grid;
  grid-template-rows: subgrid;}*/

/* ----------------------------------------------------
採用情報/データで知るOKB
---------------------------------------------------- */
.dataWrap{background: linear-gradient(90deg, rgba(230,245,239,1) 0%, rgba(230,245,239,1) 80%, rgba(230,245,239,0) 80%, rgba(230,245,239,0) 100%); position: relative; padding: min(5.667vw, 85px) 0 min(1.667vw, 25px) 0;}
.dataWrap:nth-of-type(3){background: linear-gradient(270deg, rgba(231,247,210,1) 0%, rgba(231,247,210,1) 80%, rgba(231,247,210,0) 80%, rgba(231,247,210,0) 100%); position: relative; padding: min(5.667vw, 85px) 0 min(1.667vw, 25px) 0; margin: min(10.667vw, 160px) 0;}

.dataWrap h4{position: absolute; top: /*min(-7vw, -105px)*/-2.5em; left: 0; z-index: 2; width: 100%;}
.dataWrap h4 p{font-family: "futura-pt", sans-serif; font-weight: 300; font-style: italic; font-size: min( 3.33vw , 5rem ); display: block; width: 80%; margin: 0 auto; color: #00995A;}
.dataWrap h4 p span{padding-left: 1em; font-size: min(1.733vw, 2.6rem); font-weight: 600; letter-spacing: 0.2em; font-style: normal; color: black;}
#date .whiteBox{background-color:white; box-shadow: 0px 4px 15px -5px #777777; padding: min(2vw, 30px); margin-bottom: min( 2.667vw , 60px ); position: relative;}
#date .whiteBox h5{font-size: min( 1.6vw , 2.4rem ); font-weight: 600; margin-bottom: 0.5em; text-align: center;}
#date .whiteBox h5 span{font-size: min(1.067vw, 1.6rem); font-weight: 400; display: block;}
#date .whiteBox div{align-items:center;}
.whtBx40{width: 40%;}
.whtBx45{width: 45%;}
.whtBx48{width: 48%;}
.whtBx54{width: 54%;}
.whtBx100{width: 100%;}

.numBerText{color: #00995A; font-weight: 800; line-height: 1;}

.numBer18{width:18%;}
.numBer20{width:20%;}
.numBer25{width:25%;}
.numBer30{width:30%;}
.numBer35{width:35%;}
.numBer40{width:40%;}
.numBer45{width:45%;}
.numBer50{width:50%;}
.numBer52{width:52%;}
.numBer55{width:55%;}
.numBer60{width:60%;}
.numBer65{width:65%;}
.numBer75{width:75%;}
.numBer100{width:100%; position: relative;}

.numBerNum20{font-size: min(1.33vw, 2.0rem);}
.numBerNum25{font-size: min(1.667vw, 2.5rem);}
.numBerNum30{font-size: min(2vw, 3rem);}
.numBerNum38{font-size: min(2.533vw, 3.8rem);}
.numBerNum42{font-size: min(2.8vw, 4.2rem);}
.numBerNum50{font-size: min(3.33vw, 5.0rem);}
.numBerNum55{font-size: min(3.667vw, 5.5rem);}
.numBerNum68{font-size: min(4.533vw, 6.8rem);}
.numBerNum80{font-size: min(5.33vw, 8rem);}
.numBerNum100{font-size: min(6.667vw, 10rem);}
.numBerNum120{font-size: min(8vw, 12rem);}
.numBerNum150{font-size: min(10vw, 15rem);}
.numBerNum165{font-size: min(11vw, 16.5rem);}
.numBreak{display:block;}
.numCenter{text-align: center!important;}
.numRight{text-align: right;}
.numLeft{text-align: left!important;}
.teIndent1em{padding-left:min(3.2vw, 4.8rem);}
.teMinus10{margin-top:min(-0.667vw, -10px);}
.tePlus10{padding-top:min(0.667vw, 10px);}

.yeargraph{position: relative; width: 90%; margin: 0 auto; text-align: center; padding: min(0.667vw, 10px) 0;}
.positionAb01{position: absolute; top: min(-1.33vw, -20px); left: 0; border-bottom: 1px solid black; line-height: 1;}
.positionAb02{position: absolute; bottom: min(2.267vw, 34px); left: 0; border-bottom: 1px solid black; line-height: 1;}
.positionAb03{position: absolute; top: min(-1.33vw, -20px); right: 0; border-bottom: 1px solid black; align-items: flex-end!important; line-height: 1;}
.positionAb03 .numBerNum25{padding-bottom: 0.1em;}
.positionAb04{position: absolute; bottom: min(2.267vw, 34px); right: 0; border-bottom: 1px solid black; line-height: 1;}
.spiritsT01{position: absolute; top: 0; left: 50%; transform: translateX(-50%); text-align: center; line-height: 1;}
.spiritsT02{position: absolute; top: 35%; left: 0; text-align: right; line-height: 1; width: 40%;}
.spiritsT03{position: absolute; top: 60%; left: 0; text-align: right; line-height: 1; width: 40%;}
.spiritsT04{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); text-align: center; line-height: 1;}
.spiritsT05{position: absolute; top: 35%; right: 0; line-height: 1; width: 40%;}
.spiritsT06{position: absolute; top: 60%; right: 0; line-height: 1; width: 40%;}
.graphMargin{margin-top:min(2.267vw, 34px);}
.minus14{width:77%; display: block; margin: auto}
.clumFlex{display:flex; flex-flow: column; justify-content: space-between;}

#date .fxGrowBox{display: flex; flex-flow: column;}
#date .fxGrowBox p{flex-grow: 1;}
.numBlacktx{color:black; font-weight: normal;}


/* ----------------------------------------------------
社員紹介index
---------------------------------------------------- */
/*絞り込み枠*/
.empSearch{border: 1px solid #CECECE; padding: min( 2.4vw , 36px ) min( 2.667vw , 60px );}
.empS_left{width:20%;}
.empS_left .empS_title{position: relative; font-size: min( 1.333vw , 2.0rem ); font-weight: 600; padding-left: 1.8em; margin-bottom: 1em;}
.empS_left .empS_title::before{position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ""; background: url("../img/page/employees/icon_search.svg") no-repeat 0 0; width: min( 1.667vw , 25px ); height: min( 1.667vw , 25px );}
.empS_left .empS_btReset{border-radius: min(2vw, 30px); background-color: #999999; display: inline-block; padding: 0.1em 0;}
.empS_left .empS_btReset:hover{opacity: 0.6; transition:0.3s all;}
.empS_left .empS_btReset span{position: relative; color: white; text-align: center; font-weight: 600; padding: 0 3em; cursor: pointer;}
.empS_left .empS_btReset span a{color: white;}
.empS_left .empS_btReset span::before{position: absolute; top: 50%; left: 3%; transform: translateY(-50%); background: url("../img/common/btArrow.svg") no-repeat 0 0; width: min(1.667vw, 25px); height: min(1.667vw, 25px); content: "";}
.empS_right{width: 80%;}
.empS_right .searchItem{justify-content: flex-start; margin-bottom: 0.9em;}
.empS_right p{width: 13%; font-weight: 600; position: relative;}
.empS_right p::after{position: absolute; top: 0; right: 0; content: "：";}
.empS_right ul{width: 87%; justify-content: flex-start;}
.empS_right li{color: #166F7F; background-color: #F5F5F5; border-radius: min(0.667vw, 10px); padding: 0.1em 0.5em; margin: 0 1em 0.4em 0;}
.empS_right li a{color: #166F7F;}
/*サムネ*/
.empIndexList{width: 93%; max-width: 1500px; margin: 0 auto;}
.empIndexSumne{width: 33.3%; background: url("../img/common/backCircle.svg") no-repeat left bottom; background-size: 62% auto; position: relative; margin-top: min(6.667vw, 100px); }
.empIndexSumne .empIndexImg{width: 85%; margin-left: 15%; z-index: 1; position: relative;}
.empIndexSumne .empIndexImg img{border-radius: 50%; object-fit: cover; transition:1s all;}
.empIndexSumne:hover .empIndexImg img{transform:scale(1.1,1.1); transition:0.5s all; filter: brightness(1.20);}
.empIndexSumne .empIndexText{margin:-1em 0 0 1em; z-index: 2; position: relative;}
.empIndexSumne .empIndexText h4 span{background-color: #00995A; font-size: min(1.733vw, 2.6rem); font-weight: 600; color: white; padding: 0.1em 0.6em 0.3em 0.6em; line-height: 1;}
.empIndexSumne .empIndexText p{margin-top: 1em; font-size: min(1.067vw, 1.6rem);}
.empIndexSumne .empIndexText p span{font-size: min(0.933vw, 1.4rem);}
.empIndexSumne .empIndexBut{position: absolute; bottom: 0.2em; right: 1em; width: min(2.267vw, 34px); height: min(2.267vw, 34px);}

.empIndexSumne a{width:90%; display: block; margin: 0 auto;}
.empIndexSumne a:hover{opacity:1!important;}
.empIndexSumne a img:hover{opacity:1!important;}


/* filter */
.empS_right li:has(a.empActive){/*子要素に.pinkのクラスがある親要素にスタイルをあてる指定*/
    background-color: #166F7F; color: white; font-weight: 600;
 }
a.empActive{color: white!important;}


 
@media (max-width: 767px) {

}


/* ----------------------------------------------------
社員ページ
---------------------------------------------------- */
#employees_mem .titleH3{font-size: min( 2.113vw , 3.2rem ); line-height: 1; font-weight: 600; letter-spacing: 0.1em;}
#employees_mem .readTextP{line-height: 2.2;}

#employees_mem .linkBt{width:50%; display: block; margin: min(4.33vw, 60px) auto 0 auto; text-align: center;}
#employees_mem .linkBt span{display: block;}

/*メインビジュアル*/
.emp_mainVis{background: rgb(0,153,90); background: linear-gradient(90deg, rgba(0,153,90,1) 0%, rgba(172,228,105,1) 73%, rgba(172,228,105,0) 73%, rgba(172,228,105,0) 100%); position: relative;}
.emp_mainVis .whiteColor{background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 23%, rgba(255,255,255,0) 23%, rgba(255,255,255,0) 100%); justify-content: flex-end;}
.emp_mainVis .emp_mainImg{width: 73%; margin-bottom: min( 10.667vw , 160px );}
.emp_mainVis .empTextWrap{position: absolute; top: 50%; left: 10%; transform: translateY(-50%);}
.emp_mainVis .empTextWrap h2{font-size: min( 3.333vw , 5.0rem ); line-height: 1.2; transform: skewX(-10deg); color: white; font-weight: 700; margin-bottom: 0.5em; vertical-align: top;}
.emp_mainVis .empTextWrap h2 .sup{vertical-align: super; font-size: 40%;}
.emp_mainVis .empTextWrap h2 .supTex{vertical-align: super; font-size: 40%;}

.emp_mainVis .empTextWrap .way{color: white;}
.emp_mainVis .empTextWrap .way span{font-size: min(0.933vw, 1.4rem);}
.emp_mainVis .empTextWrap .keyword{font-size: min(1.067vw, 1.6rem); font-weight: 600; color: #00995A; border-radius: min(2vw, 30px); background-color: white; display: inline-block; padding: 0.1em 0.8em;}
.emp_mainVis .empTextWrap .name{font-size: min(2.333vw, 3.5rem); color: white; font-weight: 500; margin-top: 0.5em;}
/*私の仕事*/
.empWorksWrap{background-color:white; margin-top: min( -4.667vw , -70px ); padding: min( 8vw , 120px ) 0;}
.empWorksWrap h3{text-align: center;}
.empWorksWrap p{width: 83%; margin: min( 4vw , 60px ) auto 0 auto;}
/*ブロック01*/
.empBlock01{background:url("../img/page/employees/block01Back.svg") no-repeat 60% min( 4vw , 60px ); align-items: center;}
.empBlock01 .empB01TxtBox{width: 42%; margin-top: min( 4vw , 60px );}
.empBlock01 .empB01TxtBox p{margin-top: min( 4vw , 60px );}
.empBlock01 .empB01Img{width: 48%; margin-bottom: min( 6.667vw , 100px );}
/*ブロック02*/
.empBlock02{margin: min( 8vw , 120px ) 0;}
.empBlock02 p{margin-top: min( 4vw , 60px );}

/*メッセージ*/
.empMessageWrap{}
.empMessageBlock{position: relative;}
.empMessageBlock .empMesImg{width: 49%; padding-top: min( 5.333vw , 80px );}
.empMessageBlock .empMesCatchi{width: 56%; position: absolute; top: 0; right: 0;}
.empMessageBlock .empMesCatchi h4{border: min( 1.333vw , 20px ) #D6F2B4 solid; font-size: min( 2.667vw , 4rem ); text-align: center; padding: min( 6.667vw , 100px ) 0; font-weight: 600; line-height: 1.4;}
.empMessageBlock .empMesCatchi aside{position: absolute; bottom:-20%; right: 10%; color: #00995A; font-family: "adobe-handwriting-ernie", sans-serif; font-weight: 400; font-style: normal; transform: rotate(-12deg); font-size: min( 5.333vw , 8rem );}
.empOnewordBlock{padding-top: min( 5.333vw , 80px ); position: relative;}
.empOnewordBlock::before{position: absolute; top: -10%; left: -10%; background: url("../img/common/backCircle.svg") 0 0 no-repeat; content: ""; width: min( 22.667vw , 340px ); height: min( 21.133vw , 317px ); z-index: -1;}
.empOnewordBlock h3{width: 27%;}
.empOnewordBlock p{width: 66%;}

/*1日の流れ・小ネタ・オフ*/
.empScheduleWrap{margin: min( 8vw , 120px ) 0; background: rgb(245,245,245); background: linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 47%, rgba(214,242,180,1) 47%, rgba(214,242,180,1) 100%);}
.empTimeblock{width: 47%; background-color: #F5F5F5; background-image: url("../img/page/employees/timeTxt.svg"); background-position: right center; background-repeat: no-repeat; background-size: auto 92%; padding: min( 3.333vw , 50px ) 0 min( 2vw , 30px ) 0;}
.empTimeblock h4{font-size: min(1.333vw, 2.0rem); font-weight: 600; color: white; border-radius: min(2vw, 30px); background-color: #00995A; display: inline-block; padding: 0.1em 2.5em; margin-bottom: min(3vw, 40px);}
.empTimeblock dl{margin-bottom: min(1.333vw, 20px); width: 82%; font-size: min(1.067vw, 1.6rem);}
.empTimeblock dt{position: relative; display: inline-block; width: min(5vw, 75px); height: min(5vw, 75px); border-radius: 50%; background: #DDE6D3; align-items: center;}
.empTimeblock dt span{position: absolute; display: inline-block; left: 0; top: 50%; transform: translateY(-50%); width :min(5vw, 75px); text-align:center; line-height: 1.1; font-weight: 600; font-size: min( 0.867vw , 1.3rem );}
.empTimeblock dd{width: 80%; align-items: center;}
.empTimeblock dd span{line-height: 1.4; display: inline-block;}
.empNetaOffBlocck{width: 53%; padding: min( 3.333vw , 5.0rem ) 0 min( 3.333vw , 5.0rem ) min( 5.333vw , 80px );}
.empNetaOffBlocck h4{font-size: min(1.333vw, 2.0rem); font-weight: 600; margin-bottom: 1em;}
.empNetaOffBlocck div{align-items:flex-start;}
.empNetaOffBlocck div:nth-of-type(1){margin-bottom: min(5vw, 75px);}
.empNetaOffBlocck img{width: 40%; object-fit: contain;}
.empNetaOffBlocck p{width: 55%;}

/*Careerステップ*/
.empCareerWrap{border: 1px solid #CECECE; padding: min( 2vw , 30px ) 0; justify-content: center; align-items: center;}
.empCareerImg{width: 34%; margin-right: 3%; position: relative; text-align: center;}
.empCareerImg img{width: 80%;}
.empCareerImg p{position: absolute; bottom: 0.6em; left: 0; transform: rotate(-12deg); color: #00995A; font-family: "adobe-handwriting-ernie", sans-serif; font-weight: 400; font-style: normal; font-size: min( 4.667vw , 7rem );}
.empCareerStepBlock{width: 50%;}
.empStepCaset dt{position: relative; background: url("../img/page/employees/yearCircle.svg") no-repeat 0 0; background-size: 100% auto; width: 14%; font-size: min(1.067vw, 1.6rem); text-align: center; line-height: 1; padding-top: 1em;}
.empStepCaset dt::before{position: absolute; top: 0; left: 50%; width: 1px; background-color: black; content: ""; height: 100%; z-index: -1;}
.empStepCaset:last-child dt::before{width: 0; height: 0;}
.empStepCaset dt p{font-size: min( 2.113vw , 3.2rem ); position: relative;}
.empStepCaset dt p::after{background-color: white; font-size: min(1.067vw, 1.6rem); position: absolute; right: -0.7em; top: 35%; content: "年目";}
.empStepCaset dd{width: 76%; line-height: 1.4; padding-bottom: 4em;}
.empStepCaset dd p{font-size: min(1.333vw, 2.0rem); font-weight: 600; margin-bottom: 0.7em; color: #00995A;}
.empStepCaset:last-child dd{padding-bottom: 0;}

/*ローカルナビ*/
.intLocalNav{margin: min( 8vw , 120px ) 0;}
.intLocalNav .locN_title{font-family: "futura-pt", sans-serif; font-weight: 300; font-style: italic; font-size: min( 3vw , 4rem ); text-align: center;}
/* slide */
.slider-3 .slick-slide {margin: 0 min(1.667vw, 25px); padding:min(3.333vw, 50px) 0; position: relative;}
.slider-3 .slick-slide .slide-img {/*width: min(12.333vw, 185px); height: min(12.333vw, 185px); */transition: all 0.6s ease 0.4s; opacity: 0.8; overflow: hidden;}
.slider-3 .slick-slide.slick-current .slide-img {transform: scale(1.2); opacity: 1;}
.slider-3 .slick-slide .slide-img img {display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover;}
.slider-3 .slick-arrow {width: min( 3vw , 40px ); height: min( 3vw , 40px ); cursor: pointer; border: none; outline: none; font-size: 0; position: absolute; top: 42%; z-index: 1; transform: translateY(-50%); filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); background: url("../img/page/employees/btArrow_emp02.svg") no-repeat 0 0;}
.slider-3 .slick-next {right: min(-1.667vw, -25px); transform: scale(-1, 1);}
.slider-3 .slick-prev { left: min(-1.667vw, -25px); transform:scale(1, 1);}





@media (max-width: 1560px) {
.empIndexSumne .empIndexBut{width: 1.5vw; height: 1.5vw; bottom: 0.6em;}
.empIndexSumne .empIndexText p{margin-top: 1em; font-size: 1vw;}
.empIndexSumne .empIndexText p span{font-size: 0.8vw;}
.empIndexSumne .empIndexText h4 span{font-size:1.4vw;}
}


@media (max-width: 1500px) {

}
@media (max-width: 1300px) {
.contIndex01 .afterImg{bottom: -9vw;}
#recruit .contIndex01 .afterImg{bottom: -12vw;}
	
.contIndex02 .beforeImg{top: -19vw;}
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
tabletSetting
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (max-width: 1200px) and (min-width: 768px) {

ul{margin-bottom:0!important;}

}
@media (max-width: 1024px) and (min-width: 768px) {
@media (orientation: landscape) {

}
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
spSetting
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (max-width: 767px) {
.inrContent {width: 90%; padding-bottom: 12vw;}
.br_spOnly{display:block;}
.br_pcOnly{display:none;}
.order1{order:1;}
.order2{order:2;}

body {padding-bottom:min(34vw,255px);}


.header-nav__item.current::after{background:linear-gradient(90deg, rgba(0,111,255,0) 0%, rgba(195,8,185,0) 100%)!important; position: absolute!important; right: 2vw!important; transform: rotate(45deg) translateX(-50%)!important; left: inherit;}
	
/*ハンバーガー*/
#btnGlobal {position: fixed; right: min(5vw,35px); top: min(3vw,20px); z-index: 120;display: flex; display: -webkit-flex; flex-wrap: wrap; flex-direction: column; justify-content: center; border: 1px solid #333; border-radius: 2vw; width: min(12vw,90px); aspect-ratio: 1/1; background: #fff;}
#btnGlobal .btnWrapGlobal {	position: relative;	width: min(4vw,28px);	height: min(3.2vw,27px); margin: 0 auto min(1vw,10px);}
#btnGlobal .btnLine { height: 1px; background: #333; position: absolute; right:0; width: 100%;}
#btnGlobal .btnLine.btnLineT {top: 0;}
#btnGlobal .btnLine.btnLineM {top: 50%; transform: translateY(-50%);}
#btnGlobal .btnLine.btnLineB {bottom: 0; }
#btnGlobal .btnGlobal__txt {font-size:min(3vw,24px); line-height: 1.2; width: 100%; text-align: center;}

#btnGlobal.active {border-color: #fff; background: #00995a; }
#btnGlobal.active .btnGlobal__txt {color: #fff;}
#btnGlobal.active .btnLine {background: #fff;}
#btnGlobal.active .btnLine.btnLineT { display: none;}
#btnGlobal.active .btnLine.btnLineM { transform: translateY(0) rotate(45deg) ;}
#btnGlobal.active .btnLine.btnLineB { transform: rotate(-45deg); bottom:inherit; top: 50%;}
#btnGlobal .btnLine.btnLineM, #btnGlobal .btnLine.btnLineB {-moz-transition: all, ease-in-out, 0.3s;  -o-transition: all, ease-in-out, 0.3s;  -webkit-transition: all, ease-in-out, 0.3s; transition: all, ease-in-out, 0.3s;}	
	
#grandMenu {background: #00995a; width: 100%; height: 100%; position: fixed; z-index: 100;  left: 0; top: 0; display: none; overflow: auto; padding: 20vw 8%;}
#grandMenu a {color: #fff;}
#grandMenu #navGlobal {position: relative; right: inherit; display: block; height: 100%;}
#grandMenu #navGlobal > li {border-bottom: 1px dashed #fff; line-height: 1; margin: 0 auto;}
#grandMenu #navGlobal > li a {display: block; position: relative; margin-right:0; font-size: min(4vw,20px); font-weight: 600; padding: 4.5vw 0 4.5vw 1.5em;}
#grandMenu #navGlobal > li a::before {content: ""; width: 1em; height: 2px; background: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#header .headInner ul li:last-child a{margin-right:0;}
#grandMenu #navGlobal li a::after {content:""; position: absolute;  top: 50%; border-top:2px solid #fff; border-right: 2px solid #fff; transform:  rotate(45deg) translateX(-50%); transition: all 0.3s  ease; right: 2vw; width: 2vw; height: 2vw;}

#grandMenu #navGlobal li.btn-navChild a::after {content: none !important;}
#grandMenu #navGlobal li.btn-navChild span {display: block; position: relative;}
#grandMenu #navGlobal li.btn-navChild span::after,
#grandMenu #navGlobal li.btn-navChild span::before{
content: ""; width: min(3.2vw,20px); height: 2px; background: #fff; position: absolute; right: 2vw; top: 50%; transform-origin: center center; transform:  translateY(-50%); transition: 0.3s all ease-in-out;}
#grandMenu #navGlobal li.btn-navChild span::after {transform: translateY(-50%) rotate(90deg);}
#grandMenu #navGlobal li.btn-navChild.active span::after {transform: translateY(-50%) ;}

#grandMenu #navGlobal li.btn-navChild .navChild {padding: 0 0 min(3vw,20px) 1.7em; display: none;}
#grandMenu #navGlobal li.btn-navChild .navChild li {border-bottom: none; }
#grandMenu #navGlobal li.btn-navChild .navChild a::after {content: none;}	

#grandMenu .navChild .flex {display: block;}
#grandMenu .navChild .navChild__title {display: none;}
#grandMenu .navChild .navChild__link {}
#grandMenu #navGlobal .navChild .navChild__link ul {position: relative!important; right: inherit !important;}
#grandMenu #navGlobal .navChild .navChild__link ul > li a.navChild__link__page { padding: min(2vw,15px) 5vw  min(2vw,15px) min(7vw,50px) !important; font-size: min(4vw,20px); line-height: 1.5;}
#grandMenu #navGlobal .navChild .navChild__link ul > li a.navChild__link__page::before {content: ""; background: url("../img/common/ic-gnav-01.png") center center / cover  no-repeat; aspect-ratio: 300/141; width: min(5vw,34px); height: auto; transform: none; top: 1em;}
#grandMenu #navGlobal .navChild .navChild__link ul li ul li a {font-weight: normal; padding: min(2vw,15px) 0 min(2vw,15px) 2em; font-size: min(3.8vw,18px);}
#grandMenu #navGlobal .navChild .navChild__link ul li ul li a::before {content: "└"; background: none; width: auto; height: auto; left: 0.5em;}
.navChild__order {display: flex; display: -webkit-flex; flex-direction: column; flex-wrap: wrap;}
.navChild__order > li:first-child {order: 1;}
.navChild__order > li:nth-child(2) {order: 3;}
.navChild__order > li:nth-child(3) {order: 2;}

#header .spFooter__floating {position: fixed; left: 0; bottom: 0; width: 100%; background: #ace469; z-index: 100; padding: min(18vw, 136px) min(8vw,60px) min(7vw, 50px); height: min(34vw,255px); transform: translateY(100%); transition: 0.3s all ease-in-out;}
#header .spFooter__floating.active {transform: translateY(0);}
#header .spFooter__floating .recBt {flex-wrap: wrap; justify-content: space-between; column-gap: none; flex-direction: row-reverse;}
#header .spFooter__floating .recBt li {width: 48%;}
#header .spFooter__floating .recBt li a {display: flex; display: -webkit-flex; justify-content: center; align-items: center; height: min(9vw,66px); border-radius: 30vw; background: #00995A; color: #fff; font-weight: 600; position: relative;}
#header .spFooter__floating .recBt li a::before {content: ""; background: url("../img/common/btArrow.svg") center center / cover no-repeat; aspect-ratio:1/1; position: absolute; left: min(2vw,15px); top: 50%; transform: translateY(-50%); height: min(5vw,36px); }
#header .spFooter__floating .recBt li:last-child {position: absolute; left: min(8vw,60px); top: min(7.5vw,55px); width: calc(100% - min(16vw,120px)); }
#header .spFooter__floating .recBt li:last-child a {background: #de0000;}


@media (orientation: portrait) { /* スマホ縦 */

}
@media (orientation: landscape) {/* スマホ横 */
	#btnGlobal {width: 7rem; height: 7rem;}
	#btnGlobal .btnWrapGlobal {	width: 3rem;	height: 2rem;}
	#grandMenu {padding: 8rem 8%; }

 body {padding-bottom: 70px;}
 #header .spFooter__floating {padding:15px 5%; height: auto; }
 #header .spFooter__floating .recBt li {width: 32%;}
 #header .spFooter__floating .recBt li:last-child {position: relative; left: inherit; top: inherit; width: 32%; }
 #header .spFooter__floating .recBt li a {height: 40px; font-size: 16px;}
 #header .spFooter__floating .recBt li a::before {left: 5px; height:30px; }
}

/* ----------------------------------------------------
header (common)
---------------------------------------------------- */
/* 20241121 */
#header {position: sticky; left: 0; top: 0; z-index: 100; background: #fff; padding-bottom: 6vw;}

.headBlock{margin: 6vw auto 0 auto; width: 90%;}
.headBlock #hd-logo{width: 60%;}

	
/* ----------------------------------------------------
footer (common)
---------------------------------------------------- */
#footer {margin-top: 18vw;}
#footer .twoClum{flex-flow: column;}
#footer .twoClum .footLeft{width: 100%; padding: 8vw 0 8vw 8vw;}
#footer .twoClum .footLeft .ftLogo{width: 60%;}
#footer .twoClum .footLeft ul{width: 90%; margin: 2em 0 2em 0;}
#footer .twoClum .footLeft ul li{font-size: 3.2vw; width:calc(100%/3); margin-bottom: 0.3em;}
#footer .twoClum .footLeft ul li::before{font-size: 2.2vw;}
#footer .twoClum .footLeft ul li:nth-child(1){order: 1;}
#footer .twoClum .footLeft ul li:nth-child(2){order: 2;}
#footer .twoClum .footLeft ul li:nth-child(3){order: 3;}
#footer .twoClum .footLeft ul li:nth-child(4){order: 4;}
#footer .twoClum .footLeft ul li:nth-child(5){order: 5;}
#footer .twoClum .footLeft ul li:nth-child(6){order: 6;}
#footer .twoClum .footRight{display: none;}


#page-top a{width:10vw;}
/*リンクを右下に固定*/
#page-top {width:10vw; bottom: min(34vw,255px);}	
	

#home .mainContainer{margin-top: 6vw /* 20241121 */; padding-bottom: 21.33vw;}
.mainContainer{margin-top: 1vw; /* 20241121 */}
	
/* ----------------------------------------------------
トップ
---------------------------------------------------- */

/*トップ　リンクボタン*/
#home .linkBt{border-radius: 30vw; padding: 0.3em 0;}
#home .linkBt span{font-size: 3.84vw; padding: 0 5em; }
#home .linkBt span::before{width: 4.533vw; height: 4.533vw;}
#home .linkBt.clickable:hover{opacity:1!important; background-color: #62BE98;}



/*トップ　タイトル・テキスト*/
.tpCt_text h3{font-size: 11.56vw;}
.tpCt_text h4{font-size: 5vw;}
.tpCt_text p{line-height: 2.2;}
/*トップ　OKBを知る 仕事を知る*/
.topAbout .tpCt_text,.topWorks .tpCt_text{width: 100%;}
.topAbout .tpCt_text h3,.topWorks .tpCt_text h3{padding-top: 13.3vw;}
.topAbout .tpCt_text h4,.topWorks .tpCt_text h4{padding-left: 0; margin: 0.5em 0 0.3em 0;}
.topAbout .tpCt_text p,.topWorks .tpCt_text p{padding-left: 0;}
	
.topAbout,.topWorks{background-size: 48.6vw 33vw;}	
/*トップ　OKBを知る*/
.topAbout{margin-top: 12vw;}
/*.topAbout .tpCt_text h3::after{left: 0; width: 48.6vw; height: 33vw;}*/
.topAbout .tpCt_img .linkBt{bottom: 2.667vw;}
.topAbout .tpCt_img{width: 100%; margin-top: 5vw;}
.topAbout .tpCt_img .tpcP img{margin: 0 0 5.33vw 10%; width: 85%;}
/*トップ　仕事を知る*/
.topWorks{margin-top: 6vw;}
.topWorks .tpCt_text h3::after{right: 0; width: 48.6vw; height: 33vw;}
.topWorks .tpCt_img{width: 100%;  margin-top: 5vw;}
.topWorks .tpCt_img .tpcP img{margin: 0 10% 5.33vw; width: 85%;}
.topWorks .tpCt_img .linkBt{bottom: 2.66vw; left: 15%;}
/*トップ　働く人を知る*/
.topEmployees{margin-top: 6vw;}
.topEmployees .tpCt_text{text-align: center;}
.topEmployees .linkBt{margin-top: 5.333vw;}
/*トップ　働き方を知る*/
.topSystem{margin-top: 20vw;}
.topSystem .tpCt_img{width: 100%;}
.topSystem .tpCt_text{width: 100%; display: flex; flex-flow: column; align-items: center;}
.topSystem .linkBt{margin-top: 5.333vw;}
/*トップ　ライナーphoto*/
.topLinerPhoto{margin-top: 6vw;}
/*トップ　採用情報*/
.topRecruit{margin-top: 6vw;}
.topRecruit .tpRecImg{margin: 5.333vw auto;}
	
/* ----------------------------------------------------
コンテンツ共通
---------------------------------------------------- */
.cont_mainVis{padding-top: 2.5vw; background-position: 0 5.33vw; margin-bottom: 13.33vw;}
.cont_mainVis .ct_mainImg{margin-top: 33vw; height: 50vw;}
.cont_mainVis .ct_mainImg span{display: block; width: 100%; height: 100%;}
.cont_mainVis .ct_mainImg span img{object-fit: cover; object-position: center top!important; height: 100%;}
.cont_mainVis .ctTextWrap{width: 90%; max-width: 1500px; margin:0 auto; position: relative;}
.cont_mainVis .ctTitle{position:absolute; top: 0; left: 0;}
.cont_mainVis h2{font-size: 9.867vw;}
.cont_mainVis h2 span{font-size: 3.333vw;}
.cont_mainVis h3{margin-top: 7.6vw; }
.cont_mainVis h3 span{font-size: 4.4vw;}
#system .cont_mainVis h3{background: linear-gradient(90deg, rgba(172,228,105,1) 0%, rgba(0,153,90,1) 100%); padding: 0 0.8em;}	
#system .cont_mainVis h3 span{display: inline; background: none; padding: 0;}	
.beansTitle{background-size:14vw 9.5vw; font-size: 5.769vw; padding-bottom: 1em; margin-top: 18.33vw;}
.workBlock:first-child .beansTitle{margin-top: 0;}
.dxBlock .beansTitle:first-child{margin-top: 0;}
.centerRead{font-size: 3.8vw; margin-bottom: 3em; text-align: left;}
.lineGreenTitle{font-size: 3.8vw;}

.cont_localNavi{margin-top: 21.33vw;}
.cont_localNavi .ctLoN_title{font-size: 6.333vw;}
.cont_localNavi ul{justify-content: flex-start; column-gap: 5%; margin-top: 1em;}
.cont_localNavi ul li{width: 47.5%;}
.cont_localNavi ul li:nth-child(3){margin-top: 4vw;}
.cont_localNavi .inrContent{padding-bottom:0;}
	
	
.linkBt{border-radius: 30vw; margin-top: 8.3vw;}
.linkBt span{font-size: 3.846vw; padding: 0 5em; }
.linkBt span::before{width: 4.533vw; height: 4.533vw;}
.sideLineTitle{font-size: 4.615vw; }
.overFlowX{overflow-x:scroll;}
.overFlowX img{width: 200%;}
.okbImg{width: 100%; margin-top: 3vw;}
.okbImg::after{bottom: -4.8vw; left: -6.4vw; width: 37.7vw; height: 22vw;}
	
/* ----------------------------------------------------
コンテンツindex
---------------------------------------------------- */
/*ブロック01*/
.contIndex01_inner{padding-top: 10vw; padding-bottom: 10vw;}
.contIndexTitle{font-size: 3.846vw; padding-left: 2.5em;}
.contIndexTitle span{font-size: 9vw;}
.contIndexTitle::before{top: 3.846vw; width: 2em;}
.ctIndClume{margin-top:2em; width: 94%;}
.ctIndImg{width:100%; margin-top: 3vw;}
.ctIndTx{width:100%!important; text-align: center; margin-top: 5vw;}
.ctIndTx .ctIndTxIn_read{text-align:left;}
/*.ctIndClume .linkBt{border-radius: 30vw; margin-top: 8.3vw;}
.ctIndClume .linkBt span{font-size: 3.846vw; padding: 0 5em; }
.ctIndClume .linkBt span::before{width: 4.533vw; height: 4.533vw;}*/
.contIndex01::before{position: absolute; top:28.33vw; left: 0; width: 33.33vw; height: 30.8vw;}
.contIndex01 .afterImg{display: none;}
.contIndex02 .beforeImg{display: none;}
/*ブロック02*/
.contIndex02_inner{padding-top: 10vw; padding-bottom: 10vw; margin-top: 10vw;}
.contIndex02 .contIndexTitle{padding-right: 2.5em; margin-top: 0;}
.contIndex02 .ctIndClume{margin-left: 6%; position: relative; width: 94%;}
.contIndex02 .ctIndClume::before{bottom:-75vw; right: 0; width: 33.33vw; height: 30.8vw;}
#recruit .contIndex02 .ctIndClume::before{bottom:inherit; top: -5vw;}
.contIndex02 .afterImg{width: 38%; position: absolute; top: min(4.33vw, 60px); left: min(10.667vw, 160px); z-index: 2;}
.contIndex02 .afterImg{display: none;}
/*ブロック03*/
.contIndex03{margin-top: 10vw;}
.contIndex03_inner{padding-top: 10vw; padding-bottom: 10vw;}


/* ----------------------------------------------------
沿革
---------------------------------------------------- */
.abtCT__read { padding-top: min(5vw,30px);}
.abtCT__wrapper {margin-top: min(10vw, 150px);}
.abtCT__bg--img {width: min(28.33vw,340px); position: absolute;}

.abtCT__bg--img {width: min(50vw,650px); }
.abtCT__bg--block { width: 60%;}
.abtCT__bg--img--01 { top: 30%; transform: 0; }
.abtCT__bg--img--02 {bottom: 9%; left: inherit; right: 0;}
.abtCT__bg--block--03 {top: 70%; }

.abtCT__inr::before {height: calc(100% - min(6vw,30px)); left: 0; top: min(6vw,30px);}
.abtCT__flex {display: block; margin-bottom: min(10vw,60px);}

.abtCT__year {padding-top: min(10vw,80px);}
.abtCT__L {width:100%; padding: 0 0 0 5vw;}
.abtCT__R {width: 100%; padding: 0 0 0 5vw; display: block;}
.abtCT__year .abtCT__cont__inr { padding-top: min(12vw,120px);}

.abtCT__year::before{ width: min(34vw,17px); top: min(3vw,30px); }
.abtCT__year::after {content: none;}
.abtCT__L.abtCT__year::before {right: inherit; left: 0; transform: translateX(-50%);}

.abtCT__year h3 {font-size: min(8vw,6rem);}
.abtCT__R.abtCT__year h3 {right: inherit; left: 0;}
.abtCT__R.abtCT__year .abtCT__count {text-align: left; }

.abtCT__year .abtCT__count {margin: 0 0 min(4vw, 20px);}
.abtCT__year .abtCT__count span {font-size: min(5vw,3rem); padding: 0 min(3vw,15px);}
.abtCT__year p {font-size: min(4.2vw,2.2rem);}

.abtCT__R .abtCT__cont__inr.flex {flex-direction: row;}
.abtCT__list li p { margin-top: min(2vw,10px); font-size: min(3.6vw, 1.8rem);} 

.abtCT__cont__txt{width: 52%;}
.abtCT__cont__img {width: 43%;}

.abtCT__strong {margin-top: min(3vw, 15px);}
.abtCT__strong span { font-size: min(4vw, 2rem);  padding: 0 min(3vw,20px);}

.abtCT__btn {font-size: min(4vw,1.8rem); padding: min(2vw,10px) min(6vw,30px) min(2vw,10px) min(12vw,60px);}
.abtCT__btn::before { height: calc(100% - min(4vw, 20px)); top: min(2vw, 10px); left: min(2vw, 10px);}

/* abtCT--01 */
.abtCT--01 {margin-bottom: min(10vw,60px);}
.abtCT--01 .abtCT__list {margin-top: min(5vw, 80px); column-gap: 0;}

/* abtCT--02 */
.abtCT--02 .abtCT--02__img {width: 80%;}

/* abtCT--03 */
.abtCT--03 {margin: 0 0 min(10vw,60px);}

/* abtCT--05 */
.abtCT--05 .abtCT__list { margin-top: min(5vw, 25px);}
.abtCT--05 .abtCT__list li {padding-bottom:  min(10vw, 50px); }

/* abtCT--06 */
.abtCT--06 {margin: 0 0 min(10vw,60px);}

/* abtCT--07 */
.abtCT--07{margin:-3vw 0 min(10vw, 60px) 0;}
.abtCT--07 .abtCT__cont__inr.flex {width: 100%;}
.abtCT--07 .abtCT__cont__txt{width: 65%;}
.abtCT--07 .abtCT__cont__img{width: 30%;}

/* abtCT--08 */
.abtCT--08 {margin: 0 0 min(10vw,60px);}

/* abtCT--10 */
.abtCT--10 {margin: 0 0 min(10vw,60px)}

/* abtCT--11 */
.abtCT--11 {margin: 0 0 min(10vw,60px);}
.abtCT--11 .abtCT--11__img {width: 100%;}

/* helper */
.abtCT__cont__inr .mt20 {margin-top: min(2vw, 20px);}
.abtCT__cont__inr .mt30 {margin-top: min(3vw, 30px);}
.abtCT__cont__inr .mt50 {margin-top: min(5vw, 50px);}
.abtCT__cont__inr .alignR {text-align: left;}
.flx-d-rw {display: block;}
.flx-d-rw .abtCT__count {margin-bottom: min(4vw, 20px)!important;}
	
.abtCT__cont__inr .abtRed,.abtCT__cont__inr .abtRed2 {padding: 1vw 2vw 1vw 7vw; display: inline-block; font-size: 3.4vw;}
.abtCT__cont__inr .abtRed{width: 35vw;}	
	
.abtCT__cont__inr .abtRed::before,.abtCT__cont__inr .abtRed2::before {width: 5vw; height: 5vw;}
	
#about .whiteBox{padding: 4vw; margin-top: 5vw; }
#about .whiteBox h5{font-size: 3.6vw;}
#about .whiteBox h5 span{font-size: 2.8vw;}	
	
/* ----------------------------------------------------
ヒューマンキャピタル
---------------------------------------------------- */
.humanBlock{padding-bottom: 7.3vw;}
.humanBlock:last-child{padding-bottom: 0;}


/* ----------------------------------------------------
愛知100年
---------------------------------------------------- */
.clumRead{margin-bottom: 4em;}
.clumRead p{font-size: 3.8vw; width: 100%;}
.clumRead div{width: 100%; margin-top: 5vw;}
.clumRead div span{font-size: 2.692vw;}
.aichiBlock{padding-bottom: 10vw;}
.aichiClume{padding-bottom: 16vw;}
.aichiClume:last-child{padding-bottom: 0;}
.aichiClume div{width: 100%;}
.aichiBlock .graphWrap .circleGrap{width: 100%;}
.aichiBlock .graphWrap .circleGrap p{margin-top: 12vw;}
.aichiBlock .graphWrap .circleGrap:first-of-type p{margin-top: 4vw;}
.aichi_shopClum .whiteBox{padding: 6vw; width: 100%; margin-bottom: 5vw}
.aichi_shopClum .whiteBox h5{font-size: 4.146vw;}
.aichi_shopClum .whiteBox span aside{bottom: -1vw; left: 0; width: 11.33vw; height: 11.33vw;}
#aichi .linkBt{width:100%; text-align: center; letter-spacing: -0.05em;}
#aichi .linkBt span{width:100%; display: inline-block;}	
#aichi .inrContent{padding-bottom:0;}	
	

/* ----------------------------------------------------
DX
---------------------------------------------------- */
.dxBlock{}
.dxClume{padding-bottom: 11.33vw;}
.dxBlock .whiteBox{padding:6vw 6vw; width: 100%; margin-bottom: 5vw;}
.dxBlock .whiteBox h6{font-size: 4.146vw;}
.parentBackNav{width: 82%; margin: 0 auto;}
#dx .linkBt{width:100%; text-align: center; letter-spacing: -0.05em;}
#dx .linkBt span{width:100%; display: inline-block;}	
#dx .inrContent{padding-bottom:0;}
	
/* ----------------------------------------------------
仕事を知る
---------------------------------------------------- */
.workCaset{padding-bottom: 11.33vw;}
.workCaset .wrkTxt{width:100%;}
.workCaset .wrkImg{width:100%; margin-top: 1em;}
.workCaset:nth-child(even) .wrkTxt{order: unset;}
.workCaset:nth-child(odd) .wrkImg{order: unset;}
.workCaset .wrkTxt .linkBt{margin-top: 3vw; display: block; text-align: center;}
.workCaset .wrkTxt .linkBt span{ padding: 0 6.5em;}
 

/* ----------------------------------------------------
働き方を知る/人財投資
---------------------------------------------------- */
.trainingFlow{overflow-x:scroll; padding: 5vw 0;}
.trainingFlow img{width: 200%;}
.trainingFlow .season{display:flex; flex-direction:column; width:10%;}
.trainingFlow .kensyuWrap{width:87%;}
.trainingFlow .kensyuWrap .kensyuChild{text-align: left;}
.trainingFlow .kensyuWrap .kensyuChild p{font-size: 3.8vw; text-align: center;}
#training .sideLineTitle{font-size: 3.9vw; margin: 13.3vw 0 8vw 0; line-height: 1.2;} 	
#training .empOnewordBlock{padding-top: 3vw;}
#training .empOnewordBlock::before{width: 45.33vw; height: 42.267vw;}
#training .empOnewordBlock h3.titleH3{width: 100%; font-size: 4.615vw;}
#training .empOnewordBlock p{width: 100%;}
.trainingUnique{margin-bottom: 11vw;}
.trainingUnique .trainingCareerFlex{width:100%;}
.igyousyuClume {margin:14vw 0 0 0;}
.igyousyuClume .whiteBox{padding: 3vw 5vw; width: 100%; margin-bottom: 5vw;}
.igyousyuClume .whiteBox h6{font-size: 4.0vw;}
.igyousyuClume .whiteBox p span{font-size: 3.47vw;}
.igyTriangle{width: 30vw; height: 10.337vw;}
.igyIcon{width: 14vw;}
.appointments{width:100%; margin-top: 4vw;}
.appointments dl dd span{font-size: 6.3vw;}
.trainingUnique .linkBt{width:100%; margin-top: 5vw;}
.trainingBlock .linkBt{width:100%;}
.trainingBlock .linkBt span{padding: 0; display: block; letter-spacing: -0.05em;}
.trainingSkilFlex{width: 100%;}
.fand{width: 100%; margin-top: 5vw;}
.fand p img{width: 10%;}
.fand dl dd span{font-size: 6.3vw;}
#training .inrContent{padding-bottom:0;}
	
/* ----------------------------------------------------
働き方を知る/人財投資/入社後の人財育成
---------------------------------------------------- */
.cont_mainVis .ct_mainImg aside{font-size: 3.4vw;}
.careerBlock .readTextP{margin-bottom: 14vw;}
.careerBlock .careerCaset:last-child{padding-bottom: 0;}
.careerCaset{padding-bottom: 11.3vw;}
.careerCaset div{width: 100%;}
.careerCaset .lineGreenTitle{line-height: 1.3;}
.careerCaset .lineGreenTitle::before{top: 25%;}
.characters{padding: 5vw 0; margin-top: 15vw}
.charaInner{width: 75%; margin: 5vw auto;}
.charaInner .charaName span{font-size: 4.5vw;}  
	
/* ----------------------------------------------------
働き方を知る/DE&I
---------------------------------------------------- */
.deiBlock {margin: min(8vw,180px) auto;}
.deiPoint {padding: min(5vw,30px); width: 100%; text-align: left;}

.deiTitle{font-size: min(5.7vw, 3.6rem); line-height: 1.4; padding-bottom: min(6vw, 30px);}
.deiToiro {margin: min(6vw,90px) auto; max-width: inherit; }
.deiToiro h4 {font-size: min(4.2vw,2rem); }
/*.deiToiro h4 span {padding: min(1vw,5px) min(4vw,20px);}*/
.deiToiro h4 span {padding: 1vw 2vw;}
.deiToiro h4 span img{width: 100%;}
.bg-deiIntro {position: relative;}
.bg-deiIntro--01 { width: min(40vw,286px); transform: none;}
.bg-deiIntro--02 {width: min(55vw,430px); transform: none; position: absolute; right: 0; top: inherit; bottom: 0;}
.deiIntro .inrContent::before, .deiIntro .inrContent::after {content: ""; background: #ffd0be; position: absolute;}
.deiIntro .inrContent::before{aspect-ratio: 18/9; width: min(24vw,180px); top: 0; right: -5%; transform: translate(0, -80%);}
.deiIntro .inrContent::after{aspect-ratio: 1/1; width: min(10vw,56px); top: 35%; left: 0; transform: translate(-100%, 0%);}

.deiPoint__overall p {font-size: min(4.5vw,2.6rem); letter-spacing: 0.2rem; text-align: center;}
.deiOverall{ margin-top: min(8vw,24px);}
.deiOA__cont {width:47%; margin-bottom: 6%;}
.deiOA__cont h5 {font-size: min(4.5vw, 2.4rem);}
.deiOA__cont p {font-size: min(4.6vw,2.6rem);}
.deiOverall h4 {font-size: min(5vw,2.6rem); margin-top: 0; letter-spacing: 0.2rem;}
/*.deiOverall::before{width: min(40vw,250px); height: min(8vw,50px);}
.deiOverall::after {width:100%;}*/

.deiWomen {margin-bottom: min(10vw,40px);}
.deiWomen__txt {width: 100%;}
.deiWomen__img {width: 80%; margin: min(5vw,30px) auto 0;}
.deiWomen__img::before { width: min(40vw,202px); left: -10%; bottom: -10%;}

.deiNum{padding:min(4vw, 20px) min(4vw, 30px);}
.deiNum h5{font-size: min(4.2vw,1.8rem);}
.deiNum__img {margin: min(2vw,20px) auto 0;}
.deiNum__img img {height: min(17vw, 100px); }
.deiNum__num span {font-size: min(10vw,8rem);}
.deiNum__num sub {font-size: min(4vw,2rem); margin-left: min(1vw,6px);}
.deiNum__year {font-size: min(4vw,1.6rem); margin-top: min(2vw,10px); }

.deiWomen__feature {justify-content: space-between;}
.deiW__feature__cont{width: 48%; margin-top: 4%; }
.deiW__feature__cont:last-child {width:100%;}

.deiTraining {margin-top: min(6vw,30px);}
.spScroll--x {overflow-x: scroll;}
.spScroll--x img {width: 750px;}
.deiTraining__note { font-size: min(3.2vw,1.6rem); margin-top: min(2vw,10px);}

.deiEvent { column-gap: 0; display: block; margin-top: min(5vw, 100px);}
.deiEvent__cont {width: 100%; padding: min(14vw,20px) min(4vw,20px) min(6vw,30px);}
.deiEvent__cont:not(:last-child) {margin-bottom: min(8vw,40px);}

.deiEvent__cont h5 {font-size: min(4.8vw,2.2rem); margin-bottom: min(2vw, 15px);}
.deiEvent__cont .deiEvent__program {padding: min(2vw,10px); font-size: min(4.2vw, 2rem); margin-bottom: min(4vw,20px);}
.deiEvent__cont:first-child::before, .deiEvent__cont:nth-child(2)::before { top: inherit; bottom: 0; right:inherit; left: 50%;  transform: translate(-50%, 150%); width: min(12vw, 60px);height: min(4vw,20px); background-color: #dde6d3; clip-path: polygon(50% 100%, 0% 0%, 100% 0%);}

 @media (orientation: portrait) { /* スマホ縦 */
  .deiCareer__cont {width: 100%; }
  .deiCareer__cont:not(:last-child) {margin-bottom: min(4vw,20px);}
 }

	
	
/* ----------------------------------------------------
働き方を知る/人財投資/ワークライフバランス
---------------------------------------------------- */
#worklife .inrContent{padding-bottom:0;}
#worklife .whiteBox{padding: 4vw; margin-bottom: 5vw;}
#worklife .whiteBox h5{font-size: 3.6vw;}
#worklife .whiteBox h5 span{font-size: 2.8vw;}

.worklifeBlock{padding-bottom: 7vw;}
.worklifeFlow{margin-top: 8vw;}
.softWork{padding: 5vw 5vw 0 5vw;}
.softWork dl{width: 48%; margin-bottom: 5vw;}
.softWork dl dt{font-size: 3.6vw; border-radius: 5vw;}

.ryorituGraph{overflow-x:scroll; padding-top: 5vw;}
.ryorituGraph img{width: 200%;}
#worklife ol{margin: 1em 0 0 1em;}
#worklife ol li{position: relative; padding-left:1em; text-indent:-1em;}
#worklife ol li::before{position: absolute; top: 0; left: 0; content: "※";}


.worklifeBlock .atherIkuji ul{width: 100%;}
.atherIkujiInnnerText p{font-size: 3.6vw; }

.worklifeBlock .atherIkuji .kurumin{width: 100%; font-size: 2.8vw; flex-flow: column; justify-content: center;}
.worklifeBlock .atherIkuji .kurumin p{font-size: 3.4vw;}
.worklifeBlock .atherIkuji .kurumin span{width: 35%; }
.ikujiSuishin{padding-top: 4vw;}	
	
#worklife .linkBt{width:100%; text-align: center; margin: 5vw auto 0 auto;}
#worklife .linkBt span{width:100%; display: inline-block;}	

/* ----------------------------------------------------
採用情報/採用について
---------------------------------------------------- */
.rec_infoBlock .courseWrap{display: none;}
.rec_infoBlock .courseWrapSp{display: block; margin-top: 5vw; padding-bottom: 10vw;}
.rec_infoBlock .courseWrapSp:last-child{padding-bottom: 0;}
.rec_infoBlock .coursIcon{width: 60%; margin: 0 auto; padding-bottom: 0;}
.rec_infoBlock .courceTitle{top: inherit; width: 92%; padding: 0.8em 0.3em; font-size: 3.6vw; position: relative;} 
.rec_infoBlock .courceTitle span{font-size: 6.6vw;}
.rec_infoBlock .courseWrapSp dl{background-color: #D6F2B4; text-align: center; display: block; margin-top: -2em; padding-top: 2em;} 
.rec_infoBlock .courseWrapSp dl dt{border-bottom: 1px dotted #00995A; padding: 2em 1em;} 
.rec_infoBlock .courseWrapSp dl dd{padding: 2em 1em;} 
.rec_infoBlock .speech{position:relative; background:#626262; padding:0.4em 0; text-align:center; color:#fff; font-weight:600; width: 60%; margin: 0 auto 0.9em auto;}
.rec_infoBlock .speech:after{border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(98, 98, 98, 0);
    border-top-width:4vw;
    border-bottom-width:4vw;
    border-left-width:4vw;
    border-right-width:4vw;
    margin-left: -4vw;
    border-top-color:#626262;
    top:100%;
    left:50%;}
.rec_infoBlock .flowEnd{font-size: 3.0vw;}
.rec_infoBlock .triangle{padding: 3.333vw 0 1.867vw 0;}
.rec_infoBlock .triangle p{padding: 1em 0; position: relative; padding-bottom: 3vw;}
.rec_infoBlock .triangle p.trg02{background:url("../img/page/recruit/information/triangle02.svg") no-repeat center top;}
	
	
	
	
.regularTableWrap{padding:4vw 5vw;}
.regularTable th{padding: 0.8em 1em 0 0.8em; width: 100%;  display: block;}
.regularTable td{width: 100%; display: block; padding: 0.2em 1em 0.8em 1em;}
.rec_faq{padding: 5.33vw 5.33vw;}
.rec_faq dt{width: 14%;}
.rec_faq dd{width: 80%; padding-top: 0.8em;}
.rec_faq dt p{font-size: 4.2vw; padding-top: 0.5em;}
.rec_faq h5{font-size: 3.8vw; line-height: 1.2;}
.rec_faq h6{font-size: 3.4vw; line-height: 1.2;}
	
	
/* ----------------------------------------------------
採用情報/データで知るOKB
---------------------------------------------------- */
.dataWrap .inrContent{padding-bottom:5vw;}
.dataWrap{padding: 11.33vw 0 3.33vw 0;}
.dataWrap:nth-of-type(3){padding: 11.33vw 0 3.33vw 0; margin: 21.33vw 0;}
.dataWrap h4{top:-2em;}
.dataWrap h4 p{font-size: 6.667vw; display: block; width: 80%; margin: 0 auto; color: #00995A;}
.dataWrap h4 p span{font-size: 3.467vw;}
#date .whiteBox{padding: 4vw; margin-bottom: 5vw; }
#date .whiteBox h5{font-size: 3.6vw;}
#date .whiteBox h5 span{font-size: 2.8vw;}
.whtBx40{width: 100%;}
.whtBx45{width: 100%;}
.whtBx48{width: 100%;}
.whtBx54{width: 100%;}
.whtBx100{width: 100%;}
.spBx90{width: 90%!important;}
.spBx100{width: 100%!important;}

.numBerNum20{font-size: 3.125vw;}
.numBerNum25{font-size: 3.9vw;}
.numBerNum30{font-size: 4.68vw}
.numBerNum38{font-size: 5.8vw}
.numBerNum42{font-size: 5.8vw;}
.numBerNum50{font-size: 7.813vw;}
.numBerNum55{font-size: 8.594vw;}
.numBerNum68{font-size: 10.625vw;}
.numBerNum80{font-size: 12.5vw;}
.numBerNum100{font-size: 15.625vw;}
.numBerNum120{font-size: 18.75vw;}
.numBerNum150{font-size: 23.438vw;}
.numBerNum165{font-size: 25.1vw;}
.numBreak{display:inline;}
.numCenter{text-align: center!important;}
.numRight{text-align: right;}
.numLeft{text-align: center!important;}
.teIndent1em{padding-left:min(3.2vw, 4.8rem);}
.teMinus10{margin-top:min(-0.667vw, -10px);}
.tePlus10{padding-top:min(0.667vw, 10px);}
.icon40{margin-top:5vw;}
.pd{padding:4vw 0;}

.yeargraph{padding: 2.667vw 0;}
.positionAb01{top: -2.667vw; left: 5%;}
.positionAb02{bottom: 7.533vw; left: 5%}
.positionAb03{top: -2.667vw; right: 5%;}
.positionAb03 .numBerNum25{padding-bottom: 0.1em;}
.positionAb04{bottom: 7.533vw; right: 5%;}
.spiritsT01{top: 3%; font-size: 3vw!important;}
.spiritsT02{top: 30%; width: 35%; font-size: 3vw!important;}
.spiritsT03{top: 55%; width: 35%; font-size: 3vw!important;}
.spiritsT04{bottom: 3%; font-size: 3vw!important;}
.spiritsT05{top: 30%; width: 35%; font-size: 3vw!important;}
.spiritsT06{top: 55%; width: 35%; font-size: 3vw!important;}
.graphMargin{margin-top:4vw;}
.minus14{width:77%; display: block; margin: auto}
	
/* ----------------------------------------------------
社員紹介index
---------------------------------------------------- */
/*絞り込み枠*/
.empSearch{padding: 5vw 4vw;}
.empS_left{width:100%;}
.empS_left .empS_title{font-size: 3.846vw; padding-left: 1.8em; margin-bottom: 0.4em; display: inline-block;}
.empS_left .empS_title::before{width: 5.33vw; height: 5.33vw;}
.empS_left .empS_btReset{border-radius: 4vw; padding: 0.3em 0; margin-left: 1.5em;}
.empS_left .empS_btReset span::before{width: 4.5vw; height: 4.5vw; left: 0.5em;}
.empS_right{width: 100%; margin-top: 1.5em;}
.empS_right p{width: 25%;}
.empS_right ul{width: 75%}
.empS_right li{border-radius: 1.5vw}
/*サムネ*/
.empIndexSumne{width: 50%; background-size: 62% auto; margin-top: 8vw; }
.empIndexSumne .empIndexImg{width: 92%; margin-left: 5%;}

.empIndexSumne .empIndexText{margin:-1em 0 0 0; display: flex; display: -webkit-flex; flex-flow: column; align-items: center;}
.empIndexSumne .empIndexText h4 span{font-size: 3.0vw; padding: 0.1em 0.6em 0.3em 0.6em; line-height: 1; letter-spacing: -0.06em;}
.empIndexSumne .empIndexText p{font-size: 2.8vw; margin-top: 0.4em; text-align: center;}
.empIndexSumne .empIndexText p span{font-size: 2.4vw;}
.empIndexSumne .empIndexBut{display: none;}
	
.empSlash{display:none;}
	
	
	
	
	
	
	
/* ----------------------------------------------------
社員ページ
---------------------------------------------------- */
#employees_mem .titleH3{font-size: 4.615vw; line-height: 1; font-weight: 600; letter-spacing: 0.1em;}
#employees_mem .readTextP{line-height: 2.2;}
#employees_mem .linkBt{width:100%; margin: 11vw auto 0 auto;}

/*メインビジュアル*/
.emp_mainVis{background: linear-gradient(90deg, rgba(0,153,90,1) 0%, rgba(172,228,105,1) 100%, rgba(172,228,105,0) 100%, rgba(172,228,105,0) 100%);}
.emp_mainVis .whiteColor{background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 23%, rgba(255,255,255,0) 23%, rgba(255,255,255,0) 100%); justify-content: flex-end;}
.emp_mainVis .emp_mainImg{width: 85%; margin-bottom: 5vw;}
.emp_mainVis .empTextWrap{position: relative; top: 0; left: 0; transform:none; width: 100%; padding: 0 7%; margin-bottom: 12vw;}
.emp_mainVis .empTextWrap h2{font-size: 5.6vw;}
.emp_mainVis .empTextWrap h2 .supTex{display: block; padding-top: 1vw;}
.emp_mainVis .empTextWrap .way span{font-size: 2.8vw; padding-bottom: 2vw;}
.emp_mainVis .empTextWrap .keyword{font-size: 4.0vw; border-radius: 4vw; display: inline;}
.emp_mainVis .empTextWrap .name{font-size: 4.8vw; display: inline; padding-left: 0.5em;}
/*私の仕事*/
.empWorksWrap{margin-top: -6vw; padding: 10vw 0;}
.empWorksWrap p{margin:6vw auto 0 auto;}
/*ブロック01*/
.empBlock01{background:url("../img/page/employees/block01Back.svg") no-repeat 50% 50%;}
.empBlock01 .empB01TxtBox{width: 100%; margin-top: 8vw;}
.empBlock01 .empB01TxtBox p{margin-top: 4vw;}
.empBlock01 .empB01Img{width: 100%; margin-bottom: 0; margin-top: 6vw;}
/*ブロック02*/
.empBlock02{margin: 16vw 0;}
.empBlock02 p{margin-top: 4vw;}

/*メッセージ*/
.empMessageBlock .empMesImg{width: 100%; padding-top: 0;}
.empMessageBlock .empMesCatchi{width: 100%; position: relative; top: inherit; right: inherit;}
.empMessageBlock .empMesCatchi h4{border: none; font-size: 6.154vw; text-align: center; padding: 8.33vw 0 5vw 0;}
.empMessageBlock .empMesCatchi aside{position: absolute; bottom:inherit; top: -20%; right: 0; font-size: 8.077vw;}
.empOnewordBlock{padding-top: min( 5.333vw , 80px ); position: relative;}
.empOnewordBlock::before{width: 45.33vw; height: 42.267vw; z-index: -1;}
.empOnewordBlock h3{width: 100%; margin-bottom: 0.7em;}
.empOnewordBlock p{width: 100%;}

/*1日の流れ・小ネタ・オフ*/
.empScheduleWrap{margin: 0; background: none;}
.empScheduleWrap .inrContent{flex-flow:column; width: 100%;}	
.empTimeblock{width: 100%; background-size: auto 92%; padding: 6.667vw 5% 4vw 5%;}
.empTimeblock h4{font-size: 3.846vw; border-radius: 4vw; margin-bottom: 5.33vw;}
.empTimeblock dl{margin-bottom: 2.667vw; width: 90%; font-size: 3.077vw;}
.empTimeblock dt{width: 14.5vw; height: 14.5vw;}
.empTimeblock dt span{width :14.5vw; font-size: 2.7vw;}
.empTimeblock dd{width: 78%;}
.empNetaOffBlocck{width: 100%; padding: 6.667vw 5% 6.667vw 5%;}
.empNetaOffBlocck h4{font-size: 3.846vw; text-align: center;}
.empNetaOffBlocck div:nth-of-type(1){margin-bottom: 6vw;}

/*Careerステップ*/
.empCareerWrap{padding: 4vw 0; justify-content: center; align-items: center; display: block;}
.empCareerImg{width: 85%; margin: 0 auto; position: relative; text-align: center;}
.empCareerImg img{display: none;}
.empCareerImg p{position: relative; bottom: inherit; left: 0; transform: rotate(0deg); font-size: 8vw;}
.empCareerStepBlock{width: 85%; margin: 1em auto 0 auto;}
.empStepCaset dt{width: 17%; font-size: 2.8vw;}
.empStepCaset dt p{font-size: 3.8vw; position: relative;}
.empStepCaset dt p::after{font-size: 2.8vw; top: 32%;}
.empStepCaset dd{width: 76%; padding-bottom: 3em;}
.empStepCaset dd p{font-size: 3.8vw;}

/*ローカルナビ*/
.intLocalNav{margin: 16vw 0 0 0;}
.intLocalNav .locN_title{font-size: 5vw;}
/* slide */
.slider-3 .slick-slide {margin: 0 3.33vw; padding:6.667vw 0;}
.slider-3 .slick-arrow {width: 7.33vw; height: 7.33vw;}
.slider-3 .slick-next {right: 0.5vw;}
.slider-3 .slick-prev {left: 0.5vw;}
	
	
	
	
/*520px
1.4rem 2.692vw
1.6rem 3.077vw
1.8rem 3.462vw
2.0rem 3.846vw
2.2rem 4.231vw
2.4rem 4.615vw
2.6rem 5vw
2.8rem 5.385vw
3.0rem 5.769vw
3.2rem 6.154vw
3.4rem 6.538vw
3.6rem 6.923vw
3.8rem 7.308vw
4.0rem 7.692vw
4.2rem 8.077vw
4.4rem 8.462vw
4.6rem 8.846vw
4.8rem 9.231vw
*/

	

}