@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;
}
body#home {
  background: #FAFAFA;
}
a {
  color: #245396; 
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.clickable a, .clickable a:hover {
  
}
.linkText{color:#245396; text-decoration: underline;}
.flex {display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap;}
.inrContent {width: 80%; max-width: 1200px; margin:min(6.667vw, 100px) auto; position: relative;}
#interviewPage .inrContent {margin:0 auto;}
img {width: 100%; height: auto;}

.br_spOnly{display:none;}
.br_pcOnly{display:block;}



#wrapper{display:block; position: relative;}

/* ----------------------------------------------------
mainContainer
---------------------------------------------------- */
#mainContainer {width: 100%; overflow: hidden; position: relative; background: url("../img/common/orange01.png") no-repeat 70vw min( 9vw , 135px ),url("../img/common/orange01.png") no-repeat min( -40vw , -600px ) min( 51.33vw , 770px ); padding-top: min(12.667vw, 190px); margin-bottom: min( 6.667vw , 100px );}
#interview #mainContainer {background: url("../img/common/orange01.png") no-repeat 70vw min( 9vw , 135px ),url("../img/common/orange01.png") no-repeat min( -23.333vw , -350px ) min( 33.33vw , 500px ); background-size: 60%,50%; padding-top: min(12.667vw, 190px); margin-bottom: 0;}
#interviewPage #mainContainer {background: url("../img/common/orange01.png") no-repeat 70vw min( 153.333vw , 2300px ); margin-bottom: 0;}
#contTitle{font-size: min(4vw, 6rem); font-family: 'Noto Serif JP', serif; text-align: center; letter-spacing: 0.1em; line-height: 1.3;}
#contTitle span{font-size: min(1.467vw, 2.2rem); font-family: 'Noto Sans JP', sans-serif; color: #E42C2C; display: block;}
.contRead{text-align: center; margin-bottom: min( 3.333vw , 50px );}

/* ----------------------------------------------------
footer (common)
---------------------------------------------------- */
#footer {position: relative; z-index: 2;}
.footGlaybox{background-color: #FAFAFA; padding: min( 3.333vw , 50px ) 0;}
.footInner{width: 80%; max-width: 1200px; margin: 0 auto;}
.ftLeft{flex-flow: column; justify-content: space-between;}
.ft_faq{color: #E42C2C; border: 1px solid #E42C2C; }
.ft_faq p{position: relative; font-size: min( 1.6vw , 2.4rem ); font-family: 'Noto Serif JP', serif; padding: 0.3em 6em 0.3em 0.6em; line-height: 1.3;}
.ft_faq p a{color: #E42C2C;}
.ft_faq p span{display: block; font-size: min(1.067vw, 1.6rem);}
.ft_faq p::before {content: ""; position: absolute; top: 50%; right: 0.6em; transform: translateY(-50%); width: min( 2.8vw , 42px); height: min( 2.8vw , 42px); background: url("../img/common/arrow.svg") no-repeat right center;}
.footLogo{width:min( 18.667vw , 280px );}
.ftRight{width:40%;}
.ftRight li{display: block; position: relative; text-align: center; width: 100%; height: min( 6.667vw , 100px ); line-height: min( 6.667vw , 100px ); font-weight: 600; color: white; font-size: min( 1.667vw , 25px );}
.ftRight li a{color: white;}
/*.ftInternship{background-color: #245396; margin-bottom: 1em;}*/
.ftInternship{background-color: #999999; margin-bottom: 1em; color: #666666!important;}
.ftEntry{background-color: #E42C2C;}
.ftRight li .triangle {display: block; height: 0; width: 0; position: absolute; bottom: 6px; right: 6px; border-left: min( 1vw , 15px ) solid transparent; border-bottom: min( 1vw , 15px ) solid #fff;}
.ftCopy {color: white; font-size: min( 0.933vw , 1.4rem ); margin-top: min( 3.333vw , 50px ); background-color: black; text-align: center; padding: 2em 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 );}

/*　上に上がる動き　*/
#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);
  }
}

/* ----------------------------------------------------
トップページ
---------------------------------------------------- */
#homVisual  {min-height: 45.333vw;/*min-height: 65.333vw;*/ /*max-height: 980px;*/ width: 100%; display: block !important; background: #FAFAFA; position: relative;}
#homVisual .homSlider {background-repeat: no-repeat; background-size: auto 100%; background-position: right top; height: 65.333vw; max-height: 980px;  width: 100%; display: flex; display: -webkit-flex; align-items: center;}
.homSlider01 {background-image: url("../img/top/slide01.png");} 
.homSlider02 {background-image: url("../img/top/slide02.png");} 
.homSlider03 {background-image: url("../img/top/slide03.png");} 
.homSlider04 {background-image: url("../img/top/slide04.png");} 
.homSlider05 {background-image: url("../img/top/slide05.png");} 
.homSlider06 {background-image: url("../img/top/slide06.png");} 

.homTxtVisual { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

/*.topMainWrap{display: flex; display: -webkit-flex; justify-content: flex-start; align-items: center; height: 53.33vw; max-height: 800px; width: 100%; position: absolute; top: 0; left: 0;}*/
.topMainWrap{display: flex; display: -webkit-flex; justify-content: flex-start; align-items: center; height: 63.33vw; max-height: 800px; width: 100%; position: absolute; top: 0; left: 0;}
.topMainInner {width:80%; max-width: 1200px; margin: 0 auto;}
/*.topMainInner h2{font-size: min(6.667vw, 10rem); font-family: 'Noto Serif JP', serif; line-height: 1.3;}*/
.topMainInner h2{font-size: min(5.33vw, 8rem); font-family: 'Noto Serif JP', serif; line-height: 1.3;}
.topMainInner h2 span{color: #E42C2C;}
.topMainInner p{font-size: min(1.6vw, 2.4rem); font-family: 'Noto Serif JP', serif; margin: 1em 0 0 0;}


/*スライド　ドットインジケータ*/
.topSlide-dots{position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); display: flex; display: -webkit-flex; list-style: none;}
.topSlide-dots li{position: relative;
  display: inline-block;
  height: min(1.33vw, 20px);
  width: min(1.33vw, 20px);
  margin: 0 5px;
  padding: 0;
  cursor: default!important;}

.topSlide-dots li.slick-active
  button::before {
  color: #E42C2C;
}
.topSlide-dots li button {
  background: transparent;
  border:0;
  font-size: 0pt;
}
.topSlide-dots li button::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  font-family: "slick";
  font-size: min(2vw, 3.0rem);
  line-height: min(2vw, 3.0rem);
  text-align: center;
  color: #D1D1D1;
}
#home .mainContainer {width: 100%; overflow: hidden; position: relative; background-color: #fff; margin-bottom: min( 6.667vw , 100px );}

.topMV_wrap{width: 100%; overflow: hidden; position: relative; background: url("../img/common/orange01.png") no-repeat 65vw min(5.667vw, 85px); margin-top:-3em;}
.topMV_wrap::before{position:absolute; bottom:0; right:0; content:"CONCEPT"; font-size:min( 6.667vw , 10rem ); color:white; font-family: 'Noto Serif JP', serif; line-height:0.8;}
.topMV_btBox{width:80%; max-width:1200px; margin:0 auto; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.topMainRead{width:40%; line-height:2.6;}
.conceptMV{width:45%; margin:min( 5.33vw , 80px ) 0; }

/*topAbout*/
.topAbout{display: flex; display: -webkit-flex; flex-flow: column; align-items: center; width: 80%; max-width: 1200px; margin:min(6.667vw, 100px) auto; position: relative;}
.topAbout h3{font-size:min( 6.667vw , 10rem ); font-family: 'Noto Serif JP', serif; position: relative; display: inline-block; line-height: 1.2; letter-spacing: 0.1em;}
.topAbout h3 span{display: block; padding-left: 2.5em;}
.topAbout h3 p{font-size:min( 2vw , 3rem ); position: absolute; bottom: 1.5em; left: 0; letter-spacing: 0;}
.topAbout .topAboutRead{text-align:center; margin:min( 4.333vw , 65px ) 0 min( 6.333vw , 95px ) 0; line-height: 2.5;}
.topAbout .topAboutImg{width:82%; margin: min( 6.667vw , 100px ) auto 0 auto;}
.topAbout .btReadMore{margin-left: 3.5em;}

/*topNumvers*/
.topNumvers{padding: 7.3vw 0 3vw 0; width: 100%; position: relative;}
.topNumvers::before {content: ''; position: absolute; top: 9vw; bottom: 0; left: 0; right: 0; background: linear-gradient(90deg, #fff 0%, #fff 33%, #FAFAFA 33%, #FAFAFA 100%); transform: skewY(-7deg); z-index: 1;}
.topNumWrap{width:80%; max-width: 1200px; margin: 0 auto; display: flex; display: -webkit-flex; flex-flow: column; align-items: center; position: relative; z-index: 2;}
.topNumWrap .tpN_en{padding: 0.2em 0.8em; -webkit-transform: skew(-15deg,-5deg); transform: skew(-15deg,-5deg); background: #E42C2C; display: inline-block; margin-bottom: min( 4.333vw , 65px );}
.topNumWrap .tpN_en span{-webkit-transform: skew(15deg); transform: skew(15deg); color: #fff; font-family: 'Noto Serif JP', serif; display: block; letter-spacing: 0.1em; font-size:min( 2vw , 3rem );}
.topNumWrap .flex{width: 100%;}
.topNmImg{width:48%;}
.topNmRead{width:45%;}
.topNmRead h3{font-size: min(2.533vw, 3.8rem); font-family: 'Noto Serif JP', serif; margin-bottom: min(3.33vw, 50px);}
.topNmRead p{line-height: 2.5; margin-bottom: min(3.33vw, 50px);}

/*topIntervew*/
.topIntervew{padding-top: min( 6.667vw , 100px );}
.topIntervew h3{font-size:min( 6.667vw , 10rem ); font-family: 'Noto Serif JP', serif; position: relative; display: block; line-height: 1.2; letter-spacing: 0.1em; text-align: right;}
.topIntervew .flex{width: 100%; margin-top: min(3.33vw, 50px);}
.topIntImg{width:55%;}
.topIntRead{width:36%;}
.topIntRead p{line-height: 2.5; margin-bottom: min(3.33vw, 50px);}
.topInt_bt{color: #E42C2C; border: 1px solid #E42C2C; margin-bottom: 1em;}
.topInt_bt p{position: relative; font-size: min( 1.6vw , 2.4rem ); font-family: 'Noto Serif JP', serif; padding: 0.3em 6em 0.3em 0.6em; line-height: 1.3; margin-bottom: 0;}
.topInt_bt p a{color: #E42C2C;}
.topInt_bt p span{display: block; font-size: min(1.067vw, 1.6rem);}
.topInt_bt p::before {content: ""; position: absolute; top: 50%; right: 0.6em; transform: translateY(-50%); width: min( 2.8vw , 42px); height: min( 2.8vw , 42px); background: url("../img/common/arrow.svg") no-repeat right center;}


.topInt_bt p.movie::before {content: ""; position: absolute; top: 50%; right: 0.6em; transform: translateY(-50%); width: min( 2.8vw , 42px); height: min( 2.8vw , 42px); background: url("../img/common/movie.svg") no-repeat right center;}


/*人材育成・福利厚生*/
.tp2clumBt{margin: min( 13.33vw , 200px ) 0 min( 6.667vw , 100px ) 0;}
.tp2clumBt li{width: 48%; position: relative;}
.tp2clumBt li.tpB_training p{position: absolute; bottom: 0.5em; left: 0.5em;}
.tp2clumBt li.tpB_welfare p{position: absolute; bottom: 0.5em; right: 0.5em; text-align: right;}
.tp2clumBt li p a{color: white; font-size:min( 2.2vw , 3.3rem ); font-family: 'Noto Serif JP', serif; line-height: 1.2; letter-spacing: 0.05em;}
.tp2clumBt li p span{font-size:min( 1.067vw , 1.6rem ); display: block;}

/*topRecruit*/
.topRecruit{padding: min( 6.667vw , 100px ) 0;}
.topRecruit h3{font-size:min( 6.667vw , 10rem ); font-family: 'Noto Serif JP', serif; position: relative; display: block; line-height: 1.2; letter-spacing: 0.1em; text-align: left; margin-bottom: min(3.33vw, 50px);}
.topRecruit .flex{width: 100%;}
.topRecImg{width:55%; margin-top: min( -10vw , -150px );}
.topRecRead{width:36%;}
.topRecRead p{line-height: 2.5; margin-bottom: min(3.33vw, 50px);}

.btReadMore{color: #E42C2C;} 
.btReadMore p{position: relative; font-size: min( 1.2vw , 1.8rem ); font-family: 'Noto Serif JP', serif; padding: 0 5em 0 0; display: inline-block;}
.btReadMore p a{color: #E42C2C;}
.btReadMore p::before {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: min( 4.533vw , 68px); height: min( 4.533vw , 68px); background: url("../img/common/arrow.svg") no-repeat right center;}




/* ----------------------------------------------------
おかしんを知る
---------------------------------------------------- */
.ab01caset{margin-bottom: min(6.667vw, 100px);}
.ab01Left{width: 53%;}
.ab01Left h3{font-size: min(2.533vw, 3.8rem); font-family: 'Noto Serif JP', serif; margin-bottom: min(3.33vw, 50px);}
.ab01Left p{line-height: 2.5;}
.ab01Right{width:46%; position: relative;}
.ab01Right p{width:38%; margin-bottom: 0;}
.ab01Right p span{position: absolute; bottom: 2.5em; left: 0; text-align: center; width: 100%; color: #E42C2C;}
.ab01Illust{position:absolute; top: 0; left: min(3.533vw, 53px);}
.ab02Illust{position:absolute; top: min(4.667vw, 70px); right: 0;}
.ab03Illust{position:absolute; top: min(17vw, 255px); left: 50%; transform: translateX(-50%);}

.ab02caset{margin-bottom: min(5.667vw, 85px); align-items: center;}
.inrContent section:nth-child(2){padding-top: min(6.667vw, 100px);}
.ab02caset .featureImg{width: 45%;}
.ab02caset .featureText{width: 44%;}

.ab02caset .fetNum {padding: 0.2em 0.8em; -webkit-transform: skew(-15deg); transform: skew(-15deg); background: #E42C2C; display: inline-block; margin-bottom: 1em;}
.ab02caset .fetNum span {-webkit-transform: skew(15deg); transform: skew(15deg); color: #fff; font-family: 'Noto Serif JP', serif; display: block; letter-spacing: 0.1em;}
.ab02caset .fetTitle{font-size: min(2vw, 3.0rem); color: #E42C2C; font-weight: 600; margin-bottom: min(2vw, 30px);}
.ab02caset .fetTitle span{font-size: min(4vw, 6.0rem);}
.ab02caset .fetTitle span.ftSmall{font-size: min(1.33vw, 2.0rem);}
.ab02caset .feText{line-height: 2.5;}

.ab03caset{background:url("../img/page/about/workBack.png") no-repeat 0 0; background-size: 100% auto; padding-top: 2.0vw;}
.ab03caset h3{font-size: min(2.533vw, 3.8rem); font-family: 'Noto Serif JP', serif; margin-bottom: 2vw;}
.ab03caset p{line-height: 2.3; margin-bottom: min(3.33vw, 50px); font-size: min(1.2vw, 1.8rem);}
.ab03caset .workFlow{width: 52%;}

.ab04caset{}
.ab04caset .aboutWorks{width: 44%;}
.ab04caset .aboutWorks h3{font-size: min(2.533vw, 3.8rem); font-family: 'Noto Serif JP', serif;}
.ab04caset .aboutWorks .abTitle{font-size: min(1.6vw, 2.4rem); color: #E42C2C; font-weight: 600; margin: min(2vw, 30px) 0 0.5em 0;}
.ab04caset .aboutWorks .abText{line-height: 2.5;}
.ab04caset .featureImg{width: 50%; margin-top: -10%;}


/* ----------------------------------------------------
数字で見る
---------------------------------------------------- */
.nbW{background-color:white; box-shadow: 0px 2px 20px -2px rgba(0, 0, 0, 0.2); padding: 1em 2em; margin-top: min(3.33vw, 50px); position: relative;}
.numTitle{font-size: min(2vw, 3.0rem); color: #E42C2C; font-weight: 600; margin-bottom: 0.5em; letter-spacing: 0.2em;}

.num01Wrap{}
.num01Left{width: 38%; background: url("../img/page/numbers/num01.svg") no-repeat right center; position: relative; min-height: min(15.333vw, 230px); margin-bottom: 2em;}
.num01Left .top01{position: absolute; right: 4%; bottom: 0;}
.num01Right{width: 55%;}
.num01Left .money{text-align: right;}

.num02Wrap{width:53%;}
.num02Inner{background:url("../img/page/numbers/num02.svg") no-repeat right center;}
.num03Wrap{width:43%;}
.num03Inner{background:url("../img/page/numbers/num03.svg") no-repeat 80% center; text-align: center;}
.num04Wrap{width:31%;}
.num04Inner{background:url("../img/page/numbers/num04.svg") no-repeat center top; min-height: min(15.333vw, 230px); justify-content: center; align-items: flex-end!important;}
.num05Wrap{width:31%;}
.num05Inner{background:url("../img/page/numbers/num05.svg") no-repeat center top; min-height: min(15.333vw, 230px); justify-content: center; align-items: flex-end!important;}
.num06Wrap{width:31%;}
.num06Inner{background:url("../img/page/numbers/num06.svg") no-repeat center top; min-height: min(15.333vw, 230px); justify-content: center; align-items: flex-end!important;}
.num07Wrap{width:48%;}
.num07Inner{background:url("../img/page/numbers/num07.svg") no-repeat right center; min-height: min(10.667vw, 160px); justify-content: center; align-items: flex-end!important;}
.num08Wrap{width:48%;}
.num08Inner{background:url("../img/page/numbers/num08.svg") no-repeat right center; min-height: min(10.667vw, 160px); justify-content: center; align-items: flex-end!important;}

.numBlack{font-size: min(2.667vw, 4.0rem); line-height: 1; font-weight: 600;}
.numBlackCenter{font-size: min(2.667vw, 4.0rem); line-height: -1.3; font-weight: 600;}
.numRead01{font-size: min(9.333vw, 14.0rem); color: #E42C2C; font-weight: 800; letter-spacing: -0.03em;}
.numRead02{font-size: min(6vw, 9.0rem); color: #E42C2C; font-weight: 800; letter-spacing: -0.03em;}
.numRead03{font-size: min(6vw, 9.0rem); color: #E42C2C; font-weight: 800; letter-spacing: 0.07em;}
.numUnderTx{margin:1.5em 0 2em 0;}
.num_annon{position: absolute; bottom: 1em; right: 2em; margin-bottom: 0;}

.nbW .flex{align-items:center;}


/* ----------------------------------------------------
職員紹介index
---------------------------------------------------- */
.intIndexWrap{width:93%; max-width: 1400px; margin: min(6.667vw, 100px) auto; justify-content: center;}
.intIndexWrap li{width:30%; margin-bottom: min(3.33vw, 50px); transition: transform .6s ease;}
.intIndexWrap li:hover {transform: scale(1.1); transition: transform .6s ease;}
.intIndexWrap li .iiImg{width:53%;}
.intIndexWrap li .iiInner{width:46%;}
.intIndexWrap li .iiYear{margin-bottom: 0.3em;}
.intIndexWrap li .iiYear span{background-color: #E42C2C; color: white; font-size: min(1.067vw, 1.6rem); padding: 0.1em 0.3em;}
.intIndexWrap li .iiAria{font-size: min(1.067vw, 1.6rem); line-height: 1.2;}
.intIndexWrap li .iiNameJp{font-size: min( 1.6vw , 2.4rem); line-height: 1.6;}
.intIndexWrap li .iiNameEn{font-size: min(1.067vw, 1.6rem); line-height: 1.2;}
.child2clum{width:100%; justify-content: center;}
.child2clum li:nth-child(1),
.intIndexWrap li:nth-child(3){margin: 0 5%;}


/* ----------------------------------------------------
職員紹介
---------------------------------------------------- */
.intMainWrap{background: rgb(255,223,209); background: linear-gradient(90deg, rgba(255,223,209,1) 0%, rgba(231,238,239,1) 80%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%); margin-top: 1em; min-height: min(73.33vw, 1100px);}
.intMainVis{height: min(53.33vw, 800px);}
.int01_main{background: url("../img/page/interview/int01/main.png") 0 0 no-repeat; background-size: 100% auto;}
.int02_main{background: url("../img/page/interview/int02/main.png") 0 0 no-repeat; background-size: 100% auto;}
.int03_main{background: url("../img/page/interview/int03/main.png") 0 0 no-repeat; background-size: 100% auto;}
.int04_main{background: url("../img/page/interview/int04/main.png") 0 0 no-repeat; background-size: 100% auto;}
.int05_main{background: url("../img/page/interview/int05/main.png") 0 0 no-repeat; background-size: 100% auto;}
.int06_main{background: url("../img/page/interview/int06/main.png") 0 0 no-repeat; background-size: 100% auto;}
.int07_main{background: url("../img/page/interview/int07/main.png") 0 0 no-repeat; background-size: 100% auto;}
.int08_main{background: url("../img/page/interview/int08/main.png") 0 0 no-repeat; background-size: 100% auto;}

.intNameBox{background-color:white; padding: 1.5em; min-width: 30%; display: inline-block; margin-top: min(12vw, 180px);}
.intNameBox .intYear{margin: -2.2em 0 1.6em 0;}
.intNameBox .intYear span{background-color: #E42C2C; color: white; font-size: min(1.067vw, 1.6rem); padding: 0.3em 0.5em;}
.intNameBox .intDepartment{margin-bottom: 0.8em;}
.intNameBox .intName{font-size: min(2vw, 3rem); margin-bottom: 0.1em; letter-spacing: 0.08em; line-height: 1.2;}
.intNameBox .intNameEn{color: #9B9B9B;}

.intMainCatchi{background-color:white; margin: min(-6.667vw, -100px) auto 0 auto; padding: 5em 0; width: 80%;}
.intMainCatchi h3{text-align: center; font-size: min(3.33vw, 5.0rem); font-family: 'Noto Serif JP', serif; line-height: 1.5;}

.int01block{background: linear-gradient(0deg, rgba(255,223,210,1) 65%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 100%); background-size: 30% auto; background-repeat: no-repeat; margin: min(6.667vw, 100px) 0;}


.int01block .staffCl_wrap{margin-left: -5%;}
.int01block .staff01Clum{background: url("../img/page/interview/int01/photo01.png") 0 0 no-repeat; background-size: auto 100%; width: 80%; max-width: 1200px; margin: 0 auto; display: flex; display: -webkit-flex; justify-content: flex-end; align-items: center; flex-wrap: wrap;}
.int01block .staff02Clum{background: url("../img/page/interview/int02/photo01.png") 0 0 no-repeat; background-size: auto 100%; width: 80%; max-width: 1200px; margin: 0 auto; display: flex; display: -webkit-flex; justify-content: flex-end; align-items: center; flex-wrap: wrap;}
.int01block .staff03Clum{background: url("../img/page/interview/int03/photo01.png") 0 0 no-repeat; background-size: auto 100%; width: 80%; max-width: 1200px; margin: 0 auto; display: flex; display: -webkit-flex; justify-content: flex-end; align-items: center; flex-wrap: wrap;}
.int01block .staff04Clum{background: url("../img/page/interview/int04/photo01.png") 0 0 no-repeat; background-size: auto 100%; width: 80%; max-width: 1200px; margin: 0 auto; display: flex; display: -webkit-flex; justify-content: flex-end; align-items: center; flex-wrap: wrap;}
.int01block .staff05Clum{background: url("../img/page/interview/int05/photo01.png") 0 0 no-repeat; background-size: auto 100%; width: 80%; max-width: 1200px; margin: 0 auto; display: flex; display: -webkit-flex; justify-content: flex-end; align-items: center; flex-wrap: wrap;}
.int01block .staff06Clum{background: url("../img/page/interview/int06/photo01.png") 0 0 no-repeat; background-size: auto 100%; width: 80%; max-width: 1200px; margin: 0 auto; display: flex; display: -webkit-flex; justify-content: flex-end; align-items: center; flex-wrap: wrap;}
.int01block .staff07Clum{background: url("../img/page/interview/int07/photo01.png") 0 0 no-repeat; background-size: auto 100%; width: 80%; max-width: 1200px; margin: 0 auto; display: flex; display: -webkit-flex; justify-content: flex-end; align-items: center; flex-wrap: wrap;}
.int01block .staff08Clum{background: url("../img/page/interview/int08/photo01.png") 0 0 no-repeat; background-size: auto 100%; width: 80%; max-width: 1200px; margin: 0 auto; display: flex; display: -webkit-flex; justify-content: flex-end; align-items: center; flex-wrap: wrap;}



.int01block .int01blockInner{width: 46%; padding: 3em 0 2.5em 0;}

h4.intSumtitle{font-size: min(2.533vw, 3.8rem); font-family: 'Noto Serif JP', serif; margin-bottom: 1em;}
p.intText{font-size: min(1.2vw, 1.8rem); line-height: 2;}

.int02block{width:80%; max-width: 1200px; margin: 0 auto;}
.int03block{width:80%; max-width: 1200px; margin: min(6.667vw, 100px) auto;}
.intInner{width:46%;}
.intInPhoto{width:48%;}
/*.int02block .intInner{margin-top: min(10vw, 150px);}
.int03block .intInPhoto{margin-top: min(10vw, 150px);}*/

.offtime{background-color: white; box-shadow: 0px 10px 8px -3px #FFDFD2; padding: min(3.333vw, 50px);}
.offshot{width:54%;}
.offIner{width:40%;}

.offIner h5 {position: relative; color: #E42C2C; margin-bottom: 2em}
.offIner h5:before {position: absolute; top: calc(50% - 1px); left: 0; width: 100%;
  height: 1px; content: ''; background: #E42C2C;}
.offIner h5 span {position: relative; padding: 0 1.5em 0 0; background: #fff; font-size: min(1.467vw, 2.2rem);}

.intLocalNav{text-align: center; margin: min(11.33vw, 170px) 0;}
.intLocalNav .locN_title {padding: 0.2em 0.8em; -webkit-transform: skew(-15deg); transform: skew(-15deg); background: #E42C2C; display: inline-block; margin-bottom: 1em;}
.intLocalNav .locN_title span {-webkit-transform: skew(15deg); transform: skew(15deg); color: #fff; font-family: 'Noto Serif JP', serif; display: block;}

/* slide */
.homCatSlider {position: relative; }
.homCatSlide {width: 22vw; padding: 0; margin-right: -2em;}
.homCatSlide__inr{display: flex; display: -webkit-flex; justify-content: center; align-items: center; width: 100%; height: 100%; position: relative;}

.homCatSlide__inr{display: flex; display: -webkit-flex; justify-content: center; align-items: center; width: 100%; height: 100%; transform-origin: center center; transform: scale(0.9); transition:  all 0.3s ease-in-out; position: relative;}

.slick-center .homCatSlide__inr {transform: scale(1);}
.homCatSlide__inr::after {content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.homCatSlide__inr .homCatSlider__bg {position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden;}
.homCatSlide__inr .homCatSlider__bg img{object-fit: cover; width: 100%; height: 100%; transition: 0.4s all ease-in-out;}

.homCatSlide__inr .slide-btn { position: absolute; left: 0; bottom: min(3.3vw , 40px); text-align: center; z-index: 10; margin: 0; width: 100%;}
.homCatSlide__inr .slide-btn a {display: inline-block; border-radius: 30vw; border: 1px solid #fff; text-align: center; font-weight: 600; padding: min( 1.25vw, 15px) min(1.66vw , 20px); min-width: 290px; color: #fff; letter-spacing: 0.1rem; transition: all 0.3s ease-in-out;}


.homCatSlide:hover {opacity: 1!important;}
.homCatSlide:hover .homCatSlider__bg img {transform-origin: center center; transform: scale(1.08);}
.homCatSlide:hover .homCatSlide__inr .slide-btn a {background: #fff; color: var(--c-main) !important; border-color: var(--c-main);}


/* ----------------------------------------------------
人材育成
---------------------------------------------------- */
.training01caset{margin-bottom: min(6.667vw, 100px);}
.tre01Left{width: 56%;}
.tre01Right{width: 43%;}
.traInner{width: 57%; margin-top: 3em;}
.traInPhoto{width: 38%;}
.training01caset h3{font-size: min(2vw, 3.0rem); color: #E42C2C; font-weight: 600; margin: 0 0 0.5em 0;}




/* ----------------------------------------------------
福利厚生
---------------------------------------------------- */
.welfImg p{margin:0; width: 25%;}

.welfCaset{margin-top: min(5.33vw , 80px);}
.welfCaset h3{font-size: min(2vw, 3.0rem); color: #E42C2C; font-weight: 600; margin: 0 0 0.5em 0;}
.welfCaset h4{font-size: min(1.6vw, 2.4rem); margin: 0 0 0.2em 0; font-family: 'Noto Serif JP', serif; position: relative; padding-left: 1.3em; font-weight: 600;}
.welfCaset h4::before{font-size: min(1.6vw, 2.4rem); color: #E42C2C; position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: "●"}
#welfare table{border: 1px solid #B2B2B2; width: 100%; margin: 1em 0 3em 0;}
#welfare table th{font-size: min(1.333vw, 2.0rem); font-family: 'Noto Serif JP', serif; border-right: 1px solid #B2B2B2; border-bottom: 1px solid #B2B2B2; background-color: #FDEBE0; width: 20%; font-weight: normal; padding: 1em; vertical-align: top; text-align: left;}
#welfare table td{border-bottom: 1px solid #B2B2B2; width: 80%; padding: 1em;}
.recBordT{font-weight:600; margin-top: 0.8em;}
.welfInner{width: 57%; margin-top: 3em;}
.welfInPhoto{width: 38%;}

.streetview{color: #E42C2C; border: 1px solid #E42C2C; display: inline-block; margin-top: 1.5em; padding: 0.5em 0.2em 0.5em 0.5em;}
.streetview span{position: relative; font-size: min( 1.2vw , 1.8rem ); font-family: 'Noto Serif JP', serif; padding-right: 3.5em; line-height: 1.3;}
.streetview span a{color: #E42C2C;}
.streetview span::before {content: ""; position: absolute; top: 50%; right: 0.6em; transform: translateY(-50%); width: min( 1.667vw , 25px); height: min( 1.667vw , 25px); background: url("../img/common/arrow.svg") no-repeat right center;}



/* ----------------------------------------------------
FAQ
---------------------------------------------------- */
#faq dl{margin-bottom: min(5.33vw , 80px);}
#faq dl dt{position: relative; font-size: min(1.733vw, 2.6rem); font-family: 'Noto Serif JP', serif; margin-bottom: 1em;}
#faq dl dt::before{position: absolute; font-size: min(1.733vw, 2.6rem); font-family: 'Noto Serif JP', serif; background-color: #E42C2C; color: white; content: "Q"; padding: 0 0.5em;}
#faq dl dt span{padding-left: 2.5em; display: block; line-height: 1.2;}
#faq dl dd{background-color: #EBEBEB; padding: 1em 2em;}


/* ----------------------------------------------------
募集要項
---------------------------------------------------- */
#recruit table{border: 1px solid #B2B2B2; width: 100%;}
#recruit table th{font-size: min(1.333vw, 2.0rem); font-family: 'Noto Serif JP', serif; border-right: 1px solid #B2B2B2; border-bottom: 1px solid #B2B2B2; background-color: #FDEBE0; width: 20%; font-weight: normal; padding: 1em; vertical-align: top; text-align: left;}
#recruit table td{border-bottom: 1px solid #B2B2B2; width: 80%; padding: 1em;}
.recBordT{font-weight:600; margin-top: 0.8em;}
.recBordT_noMg{font-weight:600;}
#recruit table td .flex{justify-content: flex-start;}
#recruit table td .flex .recY{width: 4em;}


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

@media (min-width:768px) {
/* ----------------------------------------------------
common(pc)
---------------------------------------------------- */
/* hover */
a:hover {
  opacity: .8 !important; filter: alpha(opacity=80);
  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: .8 !important; filter: alpha(opacity=80);
  -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;
}
#btnGlobal, .navChild {display: none;}
	
#navGlobal {display: flex; display: -webkit-flex;}
#navGlobal li{position: relative;}
#navGlobal li a::after {
	position: absolute;
left: 5%;
content: '';
width: 90%;
height: 2px;
background: #E42C2C;
bottom: -1px;
transform: scale(0, 1);
transform-origin: center top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
transition: transform 0.3s;}
#navGlobal li a:hover::after {transform: scale(1, 1);}
}
#grandMenu {display: block;}

/* ----------------------------------------------------
header (common)
---------------------------------------------------- */
#header  {position: fixed; left: 0; top: 0; z-index: 99; width: 100%; background: rgba(255, 255, 255, 0); min-height: min(6vw, 90px);}
#header.fixed {position: fixed; background: rgba(255, 255, 255, 1); animation: fade 0.9s ease  forwards;}
@keyframes fade {
   0% {opacity: 0; }
   100% {opacity: 1; }
}

#header #hd-logo{position:absolute; top: 0; left: 0;}
#header #hd-logo span {font-weight: 600; line-height: 2; color: white; position: relative; z-index: 1; padding: 0 1em 0.5em 2em; font-size: min(1.067vw, 1.6rem);}
#header #hd-logo span::before {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: #E42C2C; transform: scaleY(1.3) perspective(.6em) rotateX(358deg); transform-origin: bottom left;}
#header #hd-logo p{width: min(14.333vw, 215px); margin: 0.5em 0  0 2em;}

#header .headInner{display: flex; display: -webkit-flex; justify-content: flex-end; align-items: flex-end; width: 100%;}
#header .headInner ul {padding: 0 min(1.333vw, 20px) min(0.667vw, 10px) 0;}
#header .headInner ul li a{margin:0  min(0.667vw, 10px); font-weight: 600; color: black; font-size: min(1.067vw, 1.6rem);}
#header .headInner .recBtn p{font-weight: 600; padding: 1.5em 0; width: min(9.33vw, 140px); text-align: center; font-size: min(1.067vw, 1.6rem); min-height: min(6vw, 90px); line-height: 2.5;}
#header .headInner .recBtn p a{color: white;}
/*#header .headInner .recBtn p.hedInternship{background-color: #245396;}*/
#header .headInner .recBtn p.hedInternship{background-color: #999999; color: #666666;}
#header .headInner .recBtn p.hedEntry{background-color: #E42C2C;}


@media (max-width: 1500px) {
.ab03caset .workFlow{width: 42%;}
}
	
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
tabletSetting
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (max-width: 1200px) and (min-width: 768px) {
.int03block{width:80%; max-width: 1200px; margin: 4vw auto 11vw auto;}
ul{margin-bottom:0!important;}

/*topRecruit*/
.topRecruit{padding: min( 6.667vw , 150px ) 0; margin-top: 10vw;}
.topRecruit h3{font-size:min( 6.667vw , 10rem ); font-family: 'Noto Serif JP', serif; position: relative; display: block; line-height: 1.2; letter-spacing: 0.1em; text-align: left; margin-bottom: min(3.33vw, 50px);}
.topRecruit .flex{width: 100%;}
.topRecImg{width:55%; margin-top: min( -10vw , -150px );}
.topRecRead{width:36%;}
.topRecRead p{line-height: 2.5; margin-bottom: min(3.33vw, 50px);}
	
/* ----------------------------------------------------
数字で見る
---------------------------------------------------- */
.num01Wrap p{margin-bottom: 0!important;}
	
/* ----------------------------------------------------
職員紹介index
---------------------------------------------------- */
.intIndexWrap li .iiAria,.intIndexWrap li .iiNameJp,.intIndexWrap li .iiNameEn{margin-bottom: 0;}
.intIndexWrap li .iiAria{font-size:1vw;}	
	
}
@media (max-width: 1024px) and (min-width: 768px) {

/* ----------------------------------------------------
職員紹介index
---------------------------------------------------- */
.tabIntWrap{width:90%; margin: 7vw auto;}
.intIndexWrap{display:inline!important;}
.intIndexWrap li{width:45%; margin-bottom: 5vw; margin-left: 2.5%; margin-right: 2.5%; float: left;}
	
.child2clum{display:inline!important;}
.child2clum li:nth-child(1),
.intIndexWrap li:nth-child(3){margin: 0 2.5% 5vw 2.5%; width:45%;}
	
.intIndexWrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.intIndexWrap li .iiYear span{font-size: 1.3vw; padding: 0.1em 0.3em;}
.intIndexWrap li .iiAria{font-size: 1.5vw;}
.intIndexWrap li .iiNameJp{font-size: 2.4vw;}
.intIndexWrap li .iiNameEn{font-size: 1.3vw;}
	
@media (orientation: landscape) {

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

@media (max-width: 767px) {
#mainContainer{width: 100%; position: relative; padding-top: 18vw; background: white; margin-bottom: 9vw;}
#interview #mainContainer{width: 100%; position: relative; padding-top: 18vw;}
.inrContent {width: 90%;}
.br_spOnly{display:block;}
.br_pcOnly{display:none;}
.order1{order:1;}
.order2{order:2}

	

	
/*ハンバーガー*/
#btnGlobal {position: absolute; right: 0; top: 0; z-index: 120;	background: #fff; display: flex; display: -webkit-flex; justify-content: center; align-items: center;}
#btnGlobal .btnWrapGlobal {	position: relative;	}
#btnGlobal .btnLine { height: 3px; background: #999; 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.active .btnLine {background: #999;}
#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: #245396; width: 100%; height: 100%; position: fixed; z-index: 100;  left: 0; top: 0; display: none; overflow: auto;}
#grandMenu a {color: #fff;}
#grandMenu #navGlobal {flex-flow: column; margin-left: 0; right: 0; left: 0; /*display: none;*/}
#grandMenu #navGlobal li {border-bottom: 1px solid #fff; line-height: 1; width: 90%; margin: 0 auto;}
#grandMenu #navGlobal li a {display:  block; position: relative; }
#header .headInner ul li:last-child a{margin-right:1em;}
#grandMenu #navGlobal li a::after {content:""; position: absolute;  top: 50%; border-top:1px solid #fff; border-right: 1px solid #fff; transform:  rotate(45deg) translateX(-50%); transition: all 0.3s  ease}
#grandMenu #navGlobal li.btn-navChild a::after { transform:  rotate(135deg);}
#grandMenu #navGlobal li.btn-navChild a.active::after {transform:  rotate(-45deg);}
#grandMenu #navGlobal li.btn-navChild .navChild {display: none;}
#grandMenu #navGlobal li.btn-navChild .navChild  li {border-bottom: none; }
#grandMenu #navGlobal li.btn-navChild .navChild a::after {transform:  rotate(45deg) ;}	
	
@media (orientation: portrait) { /* スマホ縦 */
	#btnGlobal {width: 16vw; height: 16vw;}
	#btnGlobal .btnWrapGlobal {	position: relative;	width: 7vw;	height: 5vw;}
	#grandMenu {padding: 20vw 8%;}
	#grandMenu #navGlobal li { font-size: 4.2vw; }
	#grandMenu #navGlobal li a {padding: 4vw 0;}
	#grandMenu #navGlobal li a::after {right: 2vw; width: 2vw; height: 2vw;}
	#grandMenu #navGlobal li.btn-navChild .navChild  li {font-size: 3.7vw; padding-left: 3.7vw;}
}
@media (orientation: landscape) {/* スマホ横 */
	#btnGlobal {width: 7rem; height: 7rem;}
	#btnGlobal .btnWrapGlobal {	width: 3rem;	height: 2rem;}
	#grandMenu {padding: 8rem 8%;}
	#grandMenu #navGlobal li { font-size: 1.8rem; }
	#grandMenu #navGlobal li a {padding: 2rem 0;}
	#grandMenu #navGlobal li a::after {right: 1rem; width: 1rem; height: 1rem;}
	#grandMenu #navGlobal li.btn-navChild .navChild  li {font-size: 1.6rem; padding-left: 2rem;}	
}

  
/* ----------------------------------------------------
header (sp)
---------------------------------------------------- */
#header  {min-height: 16vw;  padding: 0;}
#header .headInner {width: 100%;}
#header .headInner.flex {align-items: flex-end;}

#header .headInner ul{position: absolute; right: 18%;}
#header .headInner ul li a{margin-right: 1em; font-size: 3.4vw; line-height: 1; color: white;}


#header #hd-logo span {padding: 0 1em 0.5em 1em; font-size: 2.4vw;}
#header #hd-logo p{width: 35%; margin: 0.3em 0  0 1em;}

#header .headInner{display: flex; display: -webkit-flex; justify-content: flex-end; align-items: flex-end; width: 100%;}

#header .headInner .recBtn {position: fixed; bottom: 0; left: 0; height: 7vh; width: 100vw; z-index: 1;}
#header .headInner .recBtn p{padding: 1.5em 0; width: 50%; font-size: 3.2vw; min-height: inherit; line-height: 1;}

	


@media (orientation: landscape) {
#header {height: 10vw; }
#header .headInner #hd-logo span {line-height: 0.5; padding-top: 1em;}
#btnRecruit p {height: 10vw;}
}

/* ----------------------------------------------------
mainContainer
---------------------------------------------------- */

#contTitle{font-size: 6vw;}
#contTitle span{font-size: 3.4vw;}
	
.contRead {text-align: left; margin-bottom: 5vw;}
	
	
	
/* ----------------------------------------------------
footer (common)
---------------------------------------------------- */
#footer {height: 100%; /*position: absolute; bottom: 0; left: 0;*/}
.footGlaybox{padding: 5vw 0; z-index: -1;}
.footInner{width: 90%;}
.ftRight{display: none;}
	
.ftLeft{align-items: center; width: 100%;}
.ft_faq p{position: relative; font-size: 4.4vw; padding: 0.3em 6em 0.3em 0.6em; line-height: 1.3;}
.ft_faq p span{font-size: 2.8vw;}
.ft_faq p::before {width: 5vw; height: 5vw;}
.footLogo{width:40%; margin: 0 auto;}

.footLogo{padding: 3vw 0;}
.ftCopy {font-size: 2.6vw; margin: 0 0 12.5vw 0; background-color: white; color: black;}


#page-top a{width:7vw;}
/*リンクを右下に固定*/
#page-top {position: fixed; right: 2%; bottom: 10%!important; z-index: 2; opacity: 0; transform: translateY(100px); width:7vw}
	
	
/* ----------------------------------------------------
トップページ
---------------------------------------------------- */
/*#homVisual  {min-height: 85vw;}
#homVisual .homSlider {height: 77vw;}*/
#homVisual  {min-height: 80vw;}
#homVisual .homSlider {height: 90vw;}

.topMainWrap{display: flex; display: -webkit-flex; justify-content: flex-start; align-items: center; height: 83vw; position: absolute; top: 7vw; left: 0;}
.topMainInner {width:90%;}
/*.topMainInner h2{font-size: 8.5vw; text-shadow: 2px 2px 3px #fff;}*/
.topMainInner h2{font-size: 6.2vw; text-shadow: 2px 2px 3px #fff;}
.topMainInner p{font-size: 2.8vw; text-shadow: 1px 1px 2px #fff;}

/*スライド　ドットインジケータ*/
.topSlide-dots{position: absolute; bottom: 0%; left: 50%; transform: translateX(-50%);}
.topSlide-dots li{height: 3vw; width: 3vw;}

.topSlide-dots li button::before {
  font-size: 3vw;
  line-height: 3vw;
}
#home .mainContainer {width: 100%; overflow: hidden; position: relative; background-color: #fff; margin-bottom: min( 6.667vw , 100px );}

.topMV_wrap{background: none; margin-top: 2em; padding-bottom: 5vw;}
.topMV_wrap::before{content:""; font-size:0;}
.topMV_btBox{width:90%; flex-flow: column;}
.topMainRead{width:100%; line-height:2.1;}
.conceptMV{width:100%; margin:min( 6.667vw , 100px ) 0; }

/*topAbout*/
.topAbout{width: 90%; margin:9vw auto;}
.topAbout h3{font-size:9vw;}
.topAbout h3 span{display: block; padding-left: 2.5em;}
.topAbout h3 p{font-size:4vw; bottom: 0.5em; left: -2.1em;}
.topAbout .topAboutRead{margin:6vw 0 8vw 0; line-height: 2.1;}
.topAbout .topAboutImg{margin: 9vw auto 0 auto;}
.topAbout .btReadMore{margin-left: 1.5em;}

/*topNumvers*/
.topNumvers{}
.topNumvers::before {top: 10vw; background: linear-gradient(90deg, #fff 0%, #fff 23%, #FAFAFA 23%, #FAFAFA 100%);}
.topNumWrap{width:90%;}
.topNumWrap .tpN_en{margin-bottom: 6vw;}
.topNumWrap .tpN_en span{font-size:3vw;}
.topNumWrap .flex{flex-flow: column;}
.topNmImg{width:100%;}
.topNmRead{width:100%;}
.topNmRead h3{font-size: 5.4vw; margin-bottom: 3.5vw;}
.topNmRead p{line-height: 2.1; margin-bottom: 3.5vw;}

/*topIntervew*/
.topIntervew{padding-top: 9vw;}
.topIntervew h3{font-size:9vw;text-align: right;}
.topIntervew .flex{flex-flow: column; margin-top: 4.5vw;}
.topIntImg{width:100%; margin-top: 5vw;}
.topIntRead{width:100%;}
.topIntRead p{line-height: 2.1; margin-bottom: 4.5vw;}
.topInt_bt p{font-size: 4vw; padding: 1em 6em 1em 0.6em; margin-bottom: 0; line-height: 1.2;}
.topInt_bt p span{display: inline-block; font-size: 2.8vw; padding-left: 1em;}
.topInt_bt p::before {width: 4vw; height: 4vw;}

/*人材育成・福利厚生*/
.tp2clumBt{margin: 20vw 0 4vw 0;}
.tp2clumBt li{width: 100%; margin-bottom: 5vw;}
.tp2clumBt li p a{font-size:4.5vw;}
.tp2clumBt li p span{font-size:2.8vw;}

/*topRecruit*/
.topRecruit{padding: 9vw 0;}
.topRecruit h3{font-size:9vw; margin-bottom: 4.5vw;}
.topRecruit .flex{flex-flow: column;}
.topRecImg{width:100%; margin-top: 0;}
.topRecRead{width:100%;}
.topRecRead p{line-height: 2.1; margin-bottom: 4.5vw;}


.btReadMore p{position: relative; font-size: 3.2vw; padding: 0 2em 0 0; display: inline-block;}
.btReadMore p::before {width: 5vw; height: 5vw;}




/* ----------------------------------------------------
おかしんを知る
---------------------------------------------------- */
.ab01caset{margin-bottom: min(6.667vw, 100px);}
.ab01Left{width: 53%;}
.ab01Left h3{font-size: min(2.533vw, 3.8rem); font-family: 'Noto Serif JP', serif; margin-bottom: min(3.33vw, 50px);}
.ab01Left p{line-height: 2.5;}
.ab01Right{width:46%; position: relative;}
.ab01Right p{width:38%; margin-bottom: 0;}
.ab01Right p span{position: absolute; bottom: 2.5em; left: 0; text-align: center; width: 100%; color: #E42C2C;}
.ab01Illust{position:absolute; top: 0; left: min(3.533vw, 53px);}
.ab02Illust{position:absolute; top: min(4.667vw, 70px); right: 0;}
.ab03Illust{position:absolute; top: min(17vw, 255px); left: 50%; transform: translateX(-50%);}

.ab02caset{margin-bottom: min(5.667vw, 85px); align-items: center;}
.inrContent section:nth-child(2){padding-top: min(6.667vw, 100px);}
.ab02caset .featureImg{width: 45%;}
.ab02caset .featureText{width: 44%;}

.ab02caset .fetNum {padding: 0.2em 0.8em; -webkit-transform: skew(-15deg); transform: skew(-15deg); background: #E42C2C; display: inline-block; margin-bottom: 1em;}
.ab02caset .fetNum span {-webkit-transform: skew(15deg); transform: skew(15deg); color: #fff; font-family: 'Noto Serif JP', serif; display: block; letter-spacing: 0.1em;}
.ab02caset .fetTitle{font-size: min(2vw, 3.0rem); color: #E42C2C; font-weight: 600; margin-bottom: min(2vw, 30px);}
.ab02caset .fetTitle span{font-size: min(4vw, 6.0rem);}
.ab02caset .fetTitle span.ftSmall{font-size: min(1.33vw, 2.0rem);}
.ab02caset .feText{line-height: 2.5;}

.ab03caset{background:url("../img/page/about/workBack.png") no-repeat 0 0; background-size: 100% auto; padding-top: 2.0vw;}
.ab03caset h3{font-size: min(2.533vw, 3.8rem); font-family: 'Noto Serif JP', serif; margin-bottom: 2vw;}
.ab03caset p{line-height: 2.3; margin-bottom: min(3.33vw, 50px); font-size: min(1.2vw, 1.8rem);}
.ab03caset .workFlow{width: 52%;}

.ab04caset{}
.ab04caset .aboutWorks{width: 44%;}
.ab04caset .aboutWorks h3{font-size: min(2.533vw, 3.8rem); font-family: 'Noto Serif JP', serif;}
.ab04caset .aboutWorks .abTitle{font-size: min(1.6vw, 2.4rem); color: #E42C2C; font-weight: 600; margin: min(2vw, 30px) 0 0.5em 0;}
.ab04caset .aboutWorks .abText{line-height: 2.5;}
.ab04caset .featureImg{width: 50%; margin-top: -10%;}
	
	
	
	
	
	

/* ----------------------------------------------------
おかしんを知る
---------------------------------------------------- */
.ab01caset{margin-bottom: 7vw; flex-flow: column;}
.ab01Left{width: 100%;}
.ab01Left h3{font-size: 4.2vw; margin-bottom: 4vw;}
.ab01Left p{line-height: 1.8;}
.ab01Right{width:100%; position: relative; display: flex; display: -webkit-flex; justify-content: space-between; margin-top: 6vw;}
.ab01Right p{width:32%; margin-bottom: 0;}
.ab01Right p span{bottom: 2.0em; font-size: 2.8vw;}
.ab01Illust{position:relative; top: inherit; left: inherit;}
.ab02Illust{position:relative; top: inherit; right: 0;}
.ab03Illust{position:relative; top: inherit; left: inherit; transform: inherit;}

.ab02caset{margin-bottom: 7vw; align-items: flex-start; flex-flow: column;}
.inrContent section:nth-child(2){padding-top: min(6.667vw, 100px);}
.ab02caset .featureImg{width: 100%; margin-top: 4vw;}
.ab02caset .featureImg:nth-child(1){width: 100%; margin-bottom: -2vw;}
.ab02caset .featureText{width: 100%;}

.ab02caset .fetNum {padding: 0.2em 0.8em; -webkit-transform: skew(-15deg); transform: skew(-15deg); background: #E42C2C; display: inline-block; margin-bottom: 1em;}
.ab02caset .fetNum span {-webkit-transform: skew(15deg); transform: skew(15deg); color: #fff; font-family: 'Noto Serif JP', serif; display: block; letter-spacing: 0.1em;}
.ab02caset .fetTitle{font-size: 4.2vw; color: #E42C2C; font-weight: 600; margin-bottom: min(2vw, 30px);}
.ab02caset .fetTitle span{font-size: 7vw;}
.ab02caset .fetTitle span.ftSmall{font-size: 3.4vw;}
.ab02caset .feText{line-height: 2.0;}

.ab03caset{padding-top: 2.0vw; background-size: auto 90%;}
.ab03caset h3{font-size: 4.2vw; margin-bottom: 2vw;}
.ab03caset p{line-height: 2.3; margin-bottom: 3vw; font-size: 3.2vw; letter-spacing: -0.03em;}
.ab03caset .workFlow{width: 90%; margin: 0 auto;}

.ab04caset{flex-flow: column;}
.ab04caset .aboutWorks{width: 100%;}
.ab04caset .aboutWorks h3{font-size: 4.2vw;}
.ab04caset .aboutWorks .abTitle{font-size: 3.8vw; margin: 3vw 0 0.2em 0;}
.ab04caset .aboutWorks .abText{line-height: 2.3;}
.ab04caset .featureImg{display: none;}	
	
	
/* ----------------------------------------------------
数字で見る
---------------------------------------------------- */
.nbW{box-shadow: 0px 1px 10px -2px rgba(0, 0, 0, 0.2); margin-top: 5vw; position: relative;}
.numTitle{font-size: 4.8vw;}

.num01Wrap{}
.num01Left{width: 100%; background: url("../img/page/numbers/num01.svg") no-repeat right center; background-size: 30% auto; position: relative; min-height: min(15.333vw, 230px); margin-bottom: 2em;}
.num01Left .top01{position: relative; left: 1em; bottom: 0; margin-top: -1em;}
.num01Right{width: 100%; margin-bottom: 1.5em;}
.num01Left .money{text-align: left; padding-top: 0.5em; margin-left: -1.3em;}

.num02Wrap,.num03Wrap,.num04Wrap,.num05Wrap,.num06Wrap,.num07Wrap,.num08Wrap{width:100%;}
.num02Inner{background:url("../img/page/numbers/num02.svg") no-repeat right center;}
.num03Inner{background:url("../img/page/numbers/num03.svg") no-repeat right center; text-align: left;}
.num04Inner{background:none; min-height: inherit; justify-content: flex-start;}
	
.num04Inner .numBlack{position: relative; width: 100%;}
.num04Inner .numBlack::after{position: absolute; right: 0; bottom: 0; width: 20vw; height: 25vw; background:url("../img/page/numbers/num04.svg") no-repeat right bottom; content: "";}
	
	
.num05Inner{background:url("../img/page/numbers/num05.svg") no-repeat right center; min-height: inherit; justify-content: flex-start; background-size: 35% auto;}
.num06Inner{background:url("../img/page/numbers/num06.svg") no-repeat right center; min-height: inherit; justify-content: flex-start;}
.num07Inner{background:url("../img/page/numbers/num07.svg") no-repeat right center; min-height: inherit; justify-content: flex-start;}
.num08Inner{background:url("../img/page/numbers/num08.svg") no-repeat right center; min-height: inherit; justify-content: flex-start;}

.numBlack{font-size: 6.6vw;}
.numBlackCenter{font-size: 6.6vw;}
.numRead01{font-size: 16.5vw;}
.numRead02{font-size: 16.5vw;}
.numUnderTx{margin:1.5em 0 2em 0;}
.num_annon{position: absolute; bottom: 1em; right: 2em; margin-bottom: 0;}

.nbW .flex{align-items:center;}
	
	
/* ----------------------------------------------------
職員紹介index
---------------------------------------------------- */
.intIndexWrap{width:90%; margin: 7vw auto; flex-flow: column;}
.intIndexWrap li{width:100%; margin-bottom: 5vw;}
.intIndexWrap li .iiImg{width:53%;}
.intIndexWrap li .iiInner{width:43%!important; margin-left: 3%;}
.intIndexWrap li .iiYear{margin-bottom: 0.3em;}
.intIndexWrap li .iiYear span{font-size: 3.2vw; padding: 0.1em 0.3em;}
.intIndexWrap li .iiAria{font-size: 3.2vw;}
.intIndexWrap li .iiNameJp{font-size: 5.2vw;}
.intIndexWrap li .iiNameEn{font-size: 3.2vw;}

.child2clum{width:100%; justify-content: center;}
.child2clum li:nth-child(1),
.intIndexWrap li:nth-child(3){margin: 0 0 5vw 0;}
	
	
/* ----------------------------------------------------
職員紹介
---------------------------------------------------- */
.intMainWrap{min-height: 74vw;}
.intMainVis{height: 64vw;}
.intNameBox .intYear span{font-size: 2.8vw;}
.intNameBox .intName{font-size: 5vw; }
	
.int01_main,.int02_main,.int03_main,.int04_main,.int05_main,.int06_main,.int07_main,.int08_main{background-size: cover;}

.intMainCatchi{margin: 8vw auto 0 auto; padding: 2em 1em; width: 90%;}
.intMainCatchi h3{font-size: 5vw; text-align: left;}
.int01block{margin: 2vw 0 0 0; position: relative;}
.int01block::after{background-color: rgba(255,255,255,0.6); width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; z-index: 1;}
.int01block .staff01Clum,
.int01block .staff02Clum,
.int01block .staff03Clum,
.int01block .staff04Clum,
.int01block .staff05Clum,
.int01block .staff06Clum,
.int01block .staff07Clum,
.int01block .staff08Clum{width: 100%; flex-flow: column; background: white; background-image: none;}

.int01block .int01blockInner{width: 90%; z-index: 3; padding-top: 1em;}
h4.intSumtitle{font-size: 4.6vw;}
p.intText{font-size: 3.2VW; line-height: 2;}
	
.int01block .staffCl_wrap{margin-left: 0;}

	
	

.int02block{width:90%;}
.int03block{width:90%; margin: 11vw auto;}
.intInner{width:100%;}
.intInPhoto{width:100%; margin-top: 5vw;}
.int02block .intInner{margin-top: 7vw;}
.int03block .intInPhoto{margin-top: 7vw;}

.offtime{padding: 5.5vw; box-shadow: 0px 10px 14px -3px #FFDFD2;}
.offshot{width:100%; margin-top: 3vw;}
.offIner{width:100%;}
.offIner h5 {margin-bottom: 1em;}
.offIner h5 span {font-size: 4.0vw;}

.intLocalNav{margin: 15vw 0 30vw 0;}

/* slide */

.homCatSlide {width: 100%; padding: 0; margin-right: 0;}

.homCatSlide__inr{display: flex; display: -webkit-flex; justify-content: center; align-items: center; width: 100%; height: 100%; transform-origin: center center; transform: scale(0.9); transition:  all 0.3s ease-in-out; position: relative;}

.slick-center .homCatSlide__inr {transform: scale(1);}
.homCatSlide__inr::after {content: ""; width: 50%; height: 100%; position: absolute; left: 0; top: 0;}


.homCatSlide__inr .slide-btn { position: absolute; left: 0; bottom: min(3.3vw , 40px); text-align: center; z-index: 10; margin: 0; width: 100%;}
.homCatSlide__inr .slide-btn a {display: inline-block; border-radius: 30vw; border: 1px solid #fff; text-align: center; font-weight: 600; padding: min( 1.25vw, 15px) min(1.66vw , 20px); min-width: 290px; color: #fff; letter-spacing: 0.1rem; transition: all 0.3s ease-in-out;}

/* ----------------------------------------------------
人材育成
---------------------------------------------------- */
.training01caset{margin-bottom: 7vw;}
.tre01Left{width: 100%; margin-bottom: 3.5vw;}
.tre01Right{display: none;}
.traInner{width: 100%; margin-top: 0;}
.traInPhoto{width: 100%; margin-top: 7vw;}
.training01caset h3{font-size: 4.4vw;}

/* ----------------------------------------------------
福利厚生
---------------------------------------------------- */
.welfImg p{margin:0 0 3vw 0; width: 50%;}
.welfCaset{margin-top: 6vw;}
.welfCaset h3{font-size: 4.4vw; }
.welfCaset h4{font-size: 3.8vw;}
.welfCaset h4::before{font-size: 3.8vw;}
#welfare table th{font-size: 3.2vw;width: 30%; padding: 0.4em;}
#welfare table td{width: 70%; padding: 0.4em;}
.welfInner{width: 100%; margin-top: 0;}
.welfInPhoto{width: 100%;}
.streetview span{font-size: 3.2vw;}
.streetview span::before {right: 0.6em; transform: translateY(-50%); width: 5vw; height: 5vw;}	
	
/* ----------------------------------------------------
募集要項
---------------------------------------------------- */
#recruit table th{font-size: 3.2vw;width: 30%; padding: 0.4em;}
#recruit table td{width: 70%; padding: 0.4em;}
#recruit table td .flex .recY{width: 100%;}	
	

/* ----------------------------------------------------
FAQ
---------------------------------------------------- */
#faq dl{margin-bottom: 6vw;}
#faq dl dt{font-size: 4.2vw;}
#faq dl dt::before{font-size: 4.2vw;}
#faq dl dt span{padding-left: 2.5em;}
#faq dl dd{background-color: #EBEBEB; padding: 1em 2em;}

	


}