/* # =================================================================
   # 共通要素
   # ================================================================= */
html {
   font-size: 62.5%;
}
body {
   font-family: 'Noto Sans JP', "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
   font-size: 1.3rem;
   width: 100%;
   overflow: hidden;
   color: #646464;
   -webkit-font-smoothing: antialiased;
}

a{
   color: #646464;
   text-decoration: none;
   transition:0.3s ease;
}

.sp{
   display: none!important;
}

.sp2{
   display: none!important;
}

img{
   max-width: 100%;
   height: auto;
   vertical-align: bottom;
}

.wrap{
   width: calc(100% - 5rem);
   max-width: 1024px;
   margin: 0 auto;
}

.bgText{
   font-weight: bold;
   font-size: 16rem;
   white-space: nowrap;
   color: #ffffff;
   opacity: 0.2;
   transform: translateX(-4%);
   line-height: 1;
}

/* header ヘッダー */
 header {
   width: 100%;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 999;
   height: 85px;
   transition: 0.3s ease;
   background-color: rgba(255,255,255,0.7);
 }

 
 header .headerWrap{
   width: 100%;
   max-width: 1340px;
   padding: 0 2.5rem;
   height: 100%;
   margin: 0 auto;
   display: flex;
   /* justify-content: flex-end; */
   align-items: center;
 }
 
 header .logoArea {
    display: flex;
    align-items: center;
    width: 44%;
    margin: 0 auto 0 0;
 }
 
 header .logoArea p{
   font-size: 2rem;
   line-height: 1;
   margin-left: 3.8rem;
   color: #159944;
   font-weight: 500;
 }
 
 header .logoArea .siteLogo{
   width: 240px;
 }
 
 header .logoArea .siteLogo:hover{
    opacity: 0.7;
 }

 header .headBtn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 200px;
    height: 50px;
    background-color: #fff;
    border: 1px solid #159944;
    margin: 0 1.4vw;
    font-size: 2rem;
    font-weight: 700;
    color: #159944;
    letter-spacing: 0.1em;
 }
 
 header .headBtn.entry{
    background-color: #159944;
    color: #fff;
   letter-spacing: 0.15em;
 }

 header .headBtn:hover{
    background-color: #159944;
    color: #fff;
 }

  header .headBtn.entry:hover{
    background-color: #fff;
    color: #159944;
 }


 header .hamburgerMenu {
   -webkit-transition: all .2s;
   transition: all .2s;
   width: 60px;
   height: 60px;
   z-index: 9999;
   display: block;
   position: relative;

 }

 header .hamburgerMenu span {
   z-index: 99999;
   display: inline-block;
   -webkit-transition: all .2s;
   transition: transform .2s;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   position: absolute;
   height: 4px;
   background-color: #159944;
   left: 4px;
   width: 54px;
 }

 header .hamburgerMenu span:nth-of-type(1) {
   top: 14px;
 }

 header .hamburgerMenu span:nth-of-type(2) {
   top: 28px;
 }

 header .hamburgerMenu span:nth-of-type(3) {
   top: 42px;
 }

 header .hamburgerMenu.is-active span:nth-of-type(1) {
   -webkit-transform: translateY(14px) rotate(-45deg);
   transform: translateY(14px) rotate(-45deg);
 }

 header .hamburgerMenu.is-active span:nth-of-type(2) {
   opacity: 0;
 }

 header .hamburgerMenu.is-active span:nth-of-type(3) {
   -webkit-transform: tr anslateY(-14px) rotate(45deg);
   transform: translateY(-14px) rotate(45deg);
}
 
header .navArea{
   display: none;
   background-color: #fff;
   height: 100vh;
   min-height: 800px;
   position: relative;
   padding-top: 12rem;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: -1;
   padding-top: 20vh;
   overflow-x: hidden;
   overflow-y: auto;
}


header .navArea.active .gnav{
   opacity: 0;
   animation: fadeUp 0.8s cubic-bezier(.5,0,0,1) 0.4s forwards;
}

header .navArea.active .high-schoolBtn{
   opacity: 0;
   animation: fadeUp 0.8s cubic-bezier(.5,0,0,1) 0.4s forwards;
}

header .navArea.active .bgText{
   opacity: 0;
   animation: fadeUpText 0.8s cubic-bezier(.5,0,0,1) 0.4s forwards;
}


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

   
@keyframes fadeUpText {
   0% {
      opacity: 0;
   }
      100% {
         opacity: 0.2;
   }
   }



header .navArea .bgText{
   font-weight: 700;
   font-size: 16rem;
   white-space: nowrap;
   color: #6BCB8C;
   opacity: 0.2;
   /* position: absolute;
   bottom: 4%;
   left: -4%; */
   z-index: -1;
}

header .high-schoolBtn{
   display: block;
   position: fixed;
   bottom: 0;
   right: 2%;
   width: 20vw;
   max-width: 280px;
   transition: 0.3s ease;
}

header .high-schoolBtn:hover{
   opacity: 0.8;
}

.page header .high-schoolBtn{
   position: absolute;
}

.high-schoolBtn.top{
   display: block;
   position: fixed;
   bottom: 0;
   right: 2%;
   width: 20vw;
   max-width: 280px;
   transition: 0.3s ease;
   z-index: 9999;
}

.high-schoolBtn.top:hover{
   opacity: 0.8;
}

.page header .high-schoolBtn{
   position: absolute;
}


 /* nav  ナビゲーション  */
 .gnav{
   display: flex;
   width: 100%;
   max-width: 1074px;
   padding: 0 2.5rem;
   margin: 0 auto;
   justify-content: space-between;
   align-content: flex-start;
 }

 .gnav .menuBox{
   height: 100%;
 }

.gnav .menuBox:nth-child(1){
   width: 30%;
}

   .gnav .menuBox:nth-child(2){
   width: 40%;
}

   .gnav .menuBox:nth-child(3){
   width: 30%;
}

 .gnav .menuBox .navMenu{
   margin-bottom: 3rem;
   letter-spacing: 0.1em;
 }

 .gnav .menuBox .navMenu .menuTitle{
   font-size: 2rem;
   margin-bottom: 1rem;
   font-weight: 500;
}

.gnav .menuBox .navMenu .menuTitle a:hover{
   color: #159944;
}

.gnav .menuBox .navMenu ul li:not(:last-child){
   margin-bottom: 1.4rem;
}

 .gnav .menuBox .navMenu ul li{
    font-size: 1.6rem;
 }

 .gnav .menuBox .navMenu ul li a{
   font-size: 1.6rem;
   white-space: nowrap;
 }

 .gnav .menuBox .navMenu ul li a:hover{
    color: #159944;
 }

 .gnav .menuBox .navMenu ul{
   padding-left: 2.4rem;
   margin-left: 1.5rem;
   border-left: 2px solid #ddd;
 }
 

 .gnav .menuBox .navMenu:first-child{
   min-height: 205px;
 }

 .gnav .menuBox .navMenu:nth-child(2){
   min-height: 160px;
 }


 

 /* footer フッター */
 footer {
   background-color: #FFFFFF;
}

footer .gnav{
   padding: 10rem 0 5.5rem 0;
}

footer .copyright{
   background-color: #238144;
   color: #fff;
   text-align: center;
   padding: 3.4rem 2.5rem;
   font-size: 2rem;
   letter-spacing: 0.05em;
   font-weight: 700;
}

.page footer{
   background-color: #AEE2C0;
   color: #fff;
}


#goToTop {
	display: block;
	font-weight: normal;
	position: fixed;
   bottom: 45px;
	right: 2.5%;
	z-index: 99;
	width: 82px;
	height: 82px;
	transition: 0.3s ease all;
	background-color:rgba(255,255,255,0.5);
   border: 5px solid #159944;
	display: block;
   border-radius: 50%;
   display: none;
}

#goToTop::after{
   content: '';
   background: url('../img/topArrow.svg') no-repeat center center/100%;
   width: 32px;
   height: 16px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   transition: 0.3s ease;
}

#goToTop:hover::after{
   top: 40%;
}

/* footer 下層フッター */

.page footer .gnav a{
   color: #fff;
}

.page footer .gnav .menuBox .navMenu ul{
   border-left: 2px solid #fff;
}
 

/* 高校生はこちら high-school*/
.high-school header .headBtn{
   background-color: #fff;
   border: 1px solid #FD581F;
   color: #FD581F;
}

.high-school .gnav .menuBox .navMenu .menuTitle a:hover{
   color: #FD581F;
}

.high-school header .logoArea p{
   color: #FD581F;
}

.high-school .gnav .menuBox .navMenu ul li a:hover{
   color: #FD581F;
}

.high-school header .headBtn.entry{
   background-color: #FD581F;
   color: #fff;
  letter-spacing: 0.15em;
}

.high-school header .headBtn:hover{
   background-color: #FD581F;
   color: #fff;
}

.high-school  header .headBtn.entry:hover{
   background-color: #fff;
   color: #FD581F;
}

.high-school header .hamburgerMenu span {
   background-color: #FD581F;
 }

.high-school footer .copyright{
   background-color: #D64C33;
}

.high-school footer{
   background-color: #FECFB5;
}


.high-school #goToTop {
   border: 5px solid #FD7158;
}

.high-school #goToTop::after{
   content: '';
   background: url('../img/high-school/hsTopArrow.svg') no-repeat center center/100%;
}

.high-school header .navArea .bgText{
   color: #FF9258;
}



/* # =================================================================
   # エフェクト要素
   # ================================================================= */


.effect-fade {
   opacity: 0;
   transform: translate(0, 40px);
   transition: opacity 0.6s ease, transform 0.6s ease;
}
.effect-fade.effect-scroll {
   opacity: 1;
   transform: translate(0, 0);
}

/* 
[data-barba="container"]{
	position: absolute;
	width: 100%;
} */


/* # =================================================================
   # トップページ
   # ================================================================= */
main{
   width: 100%;
}
/* メインビジュアル */
.scMv{
   width: 100%;
   height: 84vh;
   min-height: 640px;
   position: relative;
}

.scMv .mvImg{
   width: 100%;
   height: 84vh;
   min-height: 640px;
   position: fixed;
   z-index: -1;
   background: url('../img/mv.jpg') no-repeat top center/cover;
}

.scMv .mvText{
   width: 46%;
   max-width: 728px;
   position: absolute;
   bottom: 3%;
   left: 4%;
}

/* リード文 */
.scLead{
   background-color: #6BCB8C;
   color: #fff;
   text-align: center;
   padding: 4.5rem 0 3rem 0;
}

.scLead .scroll{
   font-size: 2rem;
   letter-spacing: 0.05em;
   text-align: center;
   margin-bottom: 4.5rem;
}

.scLead .scroll::after{
   content: '';
   display: block;
   background: url('../img/scrollArrow.svg') no-repeat center bottom/100%;
   width: 10px;
   height: 144px;
   margin: 0 auto;
}

.scLead .leadText p{
   line-height: 3;
   font-size: 2rem;
   font-weight: 500;
   letter-spacing: 0.1em;
   margin-top: calc((1 - 2) * 0.5em);
}

.scLead .leadText p:not(:first-child){
   margin-top: 6.4rem;
}

.scLead .bgText{
   color: #fff;
   margin-top: 2rem;
   line-height: 1;
   transform: translateX(-4%);
}


.scPageLink{
   background-color: #FFFFFF;
}

.scPageLink .scTitle{
   font-size: 3.6rem;
   font-weight: 700;
   color: #C8C8C8;
   text-align: center;
   padding: 2rem 0;
   line-height: 1.4;
   letter-spacing: 0.05em;
}

.scPageLink .fBox{
   display: flex;
}

.scPageLink .textItem{
   text-align: center;
   color: #fff;
   font-weight: 700;
   position: relative;
   z-index: 9;

   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}

.scPageLink .linkArea .imgItem{
   position: relative;
   z-index: 9;
}

.scPageLink .linkArea::before{
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   display: block;
   opacity: 0;
   z-index: 1;
   transition: 0.3s ease;
}

.scPageLink .linkArea:hover::before{
   opacity: 1;
}



.scPageLink .textItem p{
   font-size: 2rem;
   letter-spacing: 0.05em;
}

.scPageLink .textItem .title{
   font-size: 3.6rem;
   line-height: 1.6;
   letter-spacing: 0.1em;
   display: inline-block;
   padding: 0 15px;
   transition: 0.3s ease;
} 

.scPageLink .textItem .title + p{
   padding: 2px 10px;
   transition: 0.3s ease;
   letter-spacing: 0.01em;
   display: inline-block;
   white-space: nowrap;
}

.scPageLink .textItem .title{
   padding: 0 20px;
}

.scPageLink .aboutArea .fBox .linkArea:nth-child(2) .title + p{
   padding: 2px 8px;
   letter-spacing: -0.02em;
}

.scPageLink .textItem .moreBtn{
   font-size: 2.8rem;
   font-weight: 400;
   width: 100%;
   max-width: 280px;
   height: 54px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto;
   border: 1px solid #fff;
   border-radius: 28px;
   letter-spacing: 0.05em;
   margin-top: 2.6rem;
   transition: 0.3s ease;
   backdrop-filter: blur(30px);
}

.scPageLink .textItem .moreBtn::after{
   content: '';
   background: url('../img/btnArrow.svg') no-repeat center center/100%;
   display: inline-block;
   width: 30px;
   height: 15px;
  margin-left: 10px;
}

.scPageLink .linkArea:hover .textItem .title{
   background-color: #000;
}


.scPageLink .linkArea:hover .textItem .title + p{
   background-color: #000;
}

.scPageLink .linkArea:hover .textItem .moreBtn{
   background-color: rgba(255, 255, 255, .5);
   color: #000000;
   border: 2px solid #000000;
}

.scPageLink .linkArea:hover .textItem .moreBtn::after{
   background-image: url('../img/btnArrowBk.svg');
}


.scPageLink .linkArea{
   position: relative;
   display: block;
}

.scPageLink .linkArea .on{
   display: none;
}

.scPageLink .linkArea:hover .on{
   display: block;
}

.scPageLink .linkArea:hover .off{
   display: none;
}
.scPageLink .messageArea .imgVege img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}


.scPageLink .messageArea .linkArea{
   height: 700px;
   background: rgb(147,237,179);
   background: linear-gradient(191deg, rgba(147,237,179,1) 0%, rgba(80,178,115,1) 100%);

}

.scPageLink .messageArea .fBox .linkArea{
   width: 75%;
   padding-right: 2.5rem;
   overflow: hidden;

}

.scPageLink .messageArea .fBox > .imgVege{
   width: 25%;
}


.scPageLink .messageArea .fBox .linkArea{
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.5s ease;
}

.scPageLink .messageArea .fBox .linkArea .imgItem{
   width: 60%;
   max-width: 520px;
   transform: translateX(-4vw);
   margin-top: auto;

}

.scPageLink .messageArea .fBox .linkArea::before{
   background: url('../img/messageBg.jpg') no-repeat center center/cover;
}



.scPageLink .messageArea .fBox .linkArea .textItem{
   margin-left: -1vw;
   display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.scPageLink .aboutArea .fBox{
   height: 600px;
} 

.scPageLink .fBox.centerBox .linkArea{
   width: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 2.5rem;
}

.scPageLink .aboutArea .fBox .linkArea:first-child{
   background: rgb(255,239,154);
   background: linear-gradient(222deg, rgba(255,239,154,1) 0%, rgba(237,177,64,1) 100%);
}

.scPageLink .aboutArea .fBox .linkArea:nth-child(2){
   background: rgb(147,237,179);
   background: linear-gradient(191deg, rgba(147,237,179,1) 0%, rgba(80,178,115,1) 100%);
}

.scPageLink .aboutArea .fBox .linkArea:first-child::before{
   background: url('../img/aboutBg1.jpg') no-repeat center center/cover;
}

.scPageLink .aboutArea .fBox .linkArea:nth-child(2)::before{
   background: url('../img/aboutBg2.jpg') no-repeat center center/cover;
}

.scPageLink .personArea .imgVege img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}


.scPageLink .personArea .linkArea{
   height: 600px;
background: rgb(253,186,161);
background: linear-gradient(222deg, rgba(253,186,161,1) 0%, rgba(255,114,62,1) 100%);
}


.scPageLink .personArea .fBox:not(.centerBox) .linkArea{
   width: 75%;

}

.scPageLink .personArea .fBox:not(.centerBox) > .imgVege{
   width: 25%;
}


.scPageLink .personArea .fBox:not(.centerBox) .linkArea{
   display: flex;
   align-items: center;
   justify-content: flex-end;
   transition: all 0.5s ease;
}

.scPageLink .personArea .fBox:not(.centerBox) .linkArea .imgItem{
   width: 56%;
   max-width: 814px;
   margin-top: auto;

}

.scPageLink .personArea .fBox:not(.centerBox) .linkArea::before{
   background: url('../img/personBg.jpg') no-repeat center center/cover;
}



.scPageLink .personArea .fBox:not(.centerBox) .linkArea .textItem{
   transform: translateX(4vw);
   width: 40%;
}

.scPageLink .personArea .fBox.centerBox .linkArea:first-child{
   background: rgb(147,237,179);
   background: linear-gradient(191deg, rgba(147,237,179,1) 0%, rgba(80,178,115,1) 100%);
}

.scPageLink .personArea .fBox.centerBox .linkArea:first-child::before{
   background: url('../img/interviewBg.jpg') no-repeat center center/cover;
}

.scPageLink .personArea .fBox.centerBox .linkArea .textItem .title + p{
   font-size: 1.9rem;
}

.scPageLink .personArea .fBox.centerBox .linkArea:first-child .imgItem{
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
}

.scPageLink .personArea .fBox.centerBox .linkArea:first-child .textItem .title{
   padding: 0 12px;
   letter-spacing: 0;
}

.scPageLink .personArea .fBox.centerBox .linkArea:nth-child(2){
   display: block;
   padding: 0;
   transition: 0.3s ease;
}


.scPageLink .personArea .fBox.centerBox .linkArea:nth-child(2) .textItem{
   height: 400px;
   background: url('../img/environmentBg.jpg') no-repeat center center/cover;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.scPageLink .personArea .fBox.centerBox .linkArea:nth-child(2) a:hover .textItem{
   background: url('../img/environmentBgOn.jpg') no-repeat center center/cover;
}


.scPageLink .personArea .fBox.centerBox .linkArea:nth-child(2) .imgItem img{
   width: 100%;
   height: 200px;
   object-fit: cover;
}

.scPageLink .recruitArea .linkArea{
   background: url('../img/recruitBg.jpg') no-repeat center center/cover;
   height: 400px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.scPageLink .recruitArea .linkArea::before{
   background: rgba(0,0,0,0.6);
   z-index: 2;
   opacity: 1;
}

.scPageLink .recruitArea .linkArea:hover::before{
   opacity: 0;
}



/* # =================================================================
   # 下層ページ
   # ================================================================= */

/* メインタイトル */
.pageMv{
   width: 100%;
   height: 700px;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   position: relative;
}

.pageMv .pageTitle{
   margin-top: auto;
   position: absolute;
   background-color: #fff;
   left: 0;
   bottom: 0;
   height: 60px;
   padding-right: 3vw;
   padding-left: 16.5vw;
   font-size: 2.8rem;
   letter-spacing: 0.05em;
   font-weight: 400;
   display: flex;
   align-items: flex-end;
}

.pageMv .pageTitle::after{
   content: '';
   display: inline-block;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 60px 0 0 28px;
   border-color: transparent transparent transparent #ffffff;
   position: absolute;
   bottom: 0;
   left: 100%;
}

/* タイトル */
.centerTitle{
   text-align: center;
   font-size: 2.8rem;
   letter-spacing: 0.05em;
   color: #159944;
   font-weight: 700;
}

.centerTitle.wh{
   color: #ffffff;
}

.conTitle{
   font-size: 2.8rem;
   letter-spacing: 0.05em;
   color: #159944;
   font-weight: 700;
}

.boxTitle{
   text-align: center;
   margin: 0 auto;
   font-size: 2.8rem;
   color: #fff;
   font-weight: 700;
   margin-bottom: 4.8rem;

}

.boxTitle span{
   background-color: #159944;
   display: inline-block;
   padding: 4px 20px;
}

.bgTitle{
   color: #ffffff;
   font-size: 2.8rem;
   letter-spacing: 0.05em;
   text-align: center;
   min-width: 326px;
   margin: 0 auto;
   
}

.bgTitle span{
   background-color: #000000;
   padding: 0.8rem 8%;
   display: inline-block;
}

p.disc{
   font-size: 1.6rem;
   letter-spacing: 0.08em;
   line-height: 2.25;
   color: #646464;
   font-weight: 500;
}

p.disc .color{
   color: #159944;
}

.alignCenter{
   text-align: center;
}

/* アンカーリンク */
.pageNav{
   width: calc(100% - 5rem);
   margin: 0 auto;
   display: flex;
   align-items: flex-end;
   justify-content: center;
   margin-top: 9rem;
   margin-bottom: 8rem;
}

.pageNav li{
   margin: 0 2.5rem;
}

.pageNav li a{
   display: block;
   color: #159944;
   font-size: 2.8rem;
   font-weight: 700;
   letter-spacing: 0.05em;
}

.pageNav li a:hover{
   opacity: 0.7;
}

.pageNav li .hasLine{
   position: relative;
   font-size: 1.6rem;
   font-weight: 700;
   display: inline-block;
   letter-spacing: 0.1em;
   margin-bottom: 0;
}

.pageNav li .hasLine::after{
   content: '';
   display: block;
   width: 100%;
   height: 16px;
   background: url('../img/lineItem.svg') no-repeat bottom left/100%;
   margin-top: 5px;
}

.pageNav li a::after{
   content: '';
   display: inline-block;
   width: 38px;
   height: 38px;
   background: url('../img/anchorArrow.svg') no-repeat bottom center/contain;
   vertical-align: bottom;
   margin-left: 1rem;
   transition: 0.3s ease all;
}

.pageNav li a:hover::after{
   transform: translateY(5px);
}


.fBox{
   display: flex;
}

/* 縦書きリード文 */
.scLeadRl{
   width: 100%;
   -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  margin-top: 8rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

.scLeadRl .conTitle{
   margin-left: 3.2vw;
   font-size: 3.4rem;
   letter-spacing: 0.2em;
   line-height: 1;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
   _::-webkit-full-page-media, _:future, :root .scLeadRl .conTitle .en{
      display: inline-block;
      transform: translateX(4px);
      letter-spacing: 0.15em;
   }

   _::-webkit-full-page-media, _:future, :root .scLeadRl .conTitle .en span{
      display: inline-block;
      transform: translateX(3px);
   }

   _::-webkit-full-page-media, _:future, :root .scLeadRl .disc .en{
      display: inline-block;
      transform: translateX(4px);
   }
}

.scLeadRl .disc{
   font-size: 1.8rem;
   letter-spacing: 0.35em;
   line-height: 2.1;
   white-space: nowrap;
}

.scLeadRl .disc .color{
   color: #159944;
}


.scLeadRl .disc:not(:last-child){
   margin-left: 5rem;
}

.scBg{
   background-color: #6BCB8C;
}

/* 社長挨拶 meesage */
.pageMessage .pageMv{
   background-image: url('../img/message/mvMessageBg.jpg');
}

.pageMessage .scMessage{
   padding-top: 8rem;
   padding-bottom: 30rem;
}

.pageMessage .contentsBox .disc span{
   background:linear-gradient(transparent 55%, #FFFA00 55%);
}

.pageMessage .contentsBox .conTitle{
   margin-top: 8rem;
   margin-bottom: 1.5rem;
}

.pageMessage .contentsBox .imgItem{
   position: relative;
}

.pageMessage .contentsBox .imgItem::before{
   content: '';
   width: 100%;
   height: 100%;
   position: absolute;
   top: 30px;
   left: -30px;
   z-index: -1;
   background-color: #AEE2C0;
}

.pageMessage .contentsBox .disc + .imgItem{
   margin-top: 8rem;
}

.pageMessage .contentsBox .fBox{
   display: flex;
   flex-direction: row-reverse;
   align-items: center;
   justify-content: space-between;
   margin-top: 8rem;
}

.pageMessage .contentsBox .fBox .textItem{
   width: 48%;
   margin-top: 0;
}

.pageMessage .contentsBox .fBox .textItem .disc{
   line-height: 2;
}

.pageMessage .contentsBox .fBox .textItem .name{
   font-size: 1.6rem;
   text-align: right;
   font-weight: 500;
   margin-top: 6rem;
}

.pageMessage .contentsBox .fBox .imgItem{
   width: 45%;
   margin-top: 0;
}



/*  特徴 features */
.pageFeatures .pageMv{
   background-image: url('../img/features/mvFeaturesBg.jpg');
}

.pageFeatures .scDNA{
   padding-bottom: 14rem;
}


.pageFeatures .pageNav{
   margin-top: 2.5rem;
}
.pageFeatures .scDNA .pageNav{
   margin-top: 2rem;
}

.pageFeatures .scNumber{
   padding: 10rem 0 2rem 0;
}

.pageFeatures .scNumber .bgTitle{
   margin-bottom: 4rem;
}

.pageFeatures .scNumber .numberBox{
   position: relative;
   z-index: 2;
   filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.16));
}

.pageFeatures .scNumber .numberBox .numberBoxWrap{
   clip-path: polygon(9% 0, 92% 0, 100% 6%, 100% 93%, 90% 100%, 10% 100%, 0 93%, 0 6%);
   padding: 4.2rem 4.8rem 4.8rem 4.8rem;
   background-color: #fff;
}

.pageFeatures .scNumber .numberBox:nth-child(3) .numberBoxWrap{
   clip-path: polygon(4% 0, 96% 0, 100% 11%, 100% 86%, 95.5% 100%, 4.5% 100%, 0 86%, 0 11%);
}

.pageFeatures .scNumber .numberBox.box4 .numberBoxWrap{
   clip-path: polygon(3.5% 0, 96% 0, 100% 2%, 100% 98%, 96% 100%, 4% 100%, 0 98%, 0 2%);
}
.pageFeatures .scNumber .numberBox .numText{
   font-size: 5rem;
   color: #159944;
   font-weight: 700;
}

.pageFeatures .scNumber .numberBox .numText .num{
   font-size: 16rem;
   letter-spacing: 0;
   line-height: 1;
   margin-right: 0.5rem;
   display: inline-block;
}

.pageFeatures .scNumber .numberBox .numText .small{
   font-size: 2.8rem;
}

.pageFeatures .scNumber .numberBox .numImg{
   margin-top: 1rem;
}

.pageFeatures .scNumber .numberBox .disc{
   letter-spacing: 0;
}

.pageFeatures .scNumber .twoBox .numberBox .numText{
   letter-spacing: 0;
   line-height: 1.4;
   margin-top: 2rem;
   white-space: nowrap;
}

.pageFeatures .scNumber .twoBox .numberBox .numText .num{
   letter-spacing: 0;
   line-height: 0.8;
}


.pageFeatures .scNumber .numberBox .numImg + .disc{
   margin-top: 2.5rem;
}

.pageFeatures .scNumber .twoBox{
   justify-content: space-between;
   margin-bottom: 3rem;
}

.pageFeatures .scNumber .twoBox .numberBox{
   width: 48.5%;
}

.pageFeatures .scNumber .twoBox .numberBox .numberBoxWrap{
   min-height: 690px;
}

.pageFeatures .scNumber .twoBox .numberBox .numImg{
   width: 110%;
}

.pageFeatures .scNumber .twoBox .numberBox.box2 .numText{
   line-height: 0.8;
   letter-spacing: 0;

}

.pageFeatures .scNumber .twoBox .numberBox.box2 .numText .num{
   transform: translateX(-5%);
}

.pageFeatures .scNumber .twoBox .numberBox.box2 .numImg{
   width: 102%;
   transform: translateX(-5%);
   margin-top: 2rem;
}

.pageFeatures .scNumber .numberBox.box3 {
   margin-bottom: 5rem;
}

.pageFeatures .scNumber .numberBox.box3 .fBox{
   align-items: center;
   justify-content: space-between;
   margin-top: -20px;
}

.pageFeatures .scNumber .numberBox.box3 .numText{
   display: flex;
   align-items: center;
   justify-content: center;
   transform: translateX(-10px);
}

.pageFeatures .scNumber .numberBox.box3 .numText .rl{
   -ms-writing-mode: tb-rl;
   writing-mode: vertical-rl;
   letter-spacing: 0;
   font-size: 5rem;
   letter-spacing: 0.2em;
   line-height: 0.5;
   margin-top: 3rem;
   margin-left: 8px;
}

.pageFeatures .scNumber .centerTitle.wh{
   margin-bottom: 4.5rem;
}

.pageFeatures .scNumber .numberBox.box3 .numImg{
   width: 100%;
   max-width: 310px;
   margin: 0 20px 0 auto;
}

.pageFeatures .scNumber .numberBox.box3 .disc{
   width: 36%;
}

.pageFeatures .scNumber .numberBox.box4 .fBox{
   justify-content: space-between;
   border-bottom: 2px solid #6BCB8C;
   padding-bottom: 6rem;
   margin-bottom: 2rem;
}

.pageFeatures .scNumber .numberBox.box4 .fBox:first-of-type{
   align-items: flex-end;
}
.pageFeatures .scNumber .numberBox.box4 .fBox:first-of-type .boxItem{
   width: 48%;
} 

.pageFeatures .scNumber .numberBox.box4 .fBox .boxItem{
   width: 50%;
   position: relative;
} 

.pageFeatures .scNumber .numberBox.box4 .fBox .boxItem .numText{
   margin-bottom: 2.5rem;
}

.pageFeatures .scNumber .numberBox.box4 .fBox .boxItem .numText .num{
   letter-spacing: -0.05em;
}

.pageFeatures .scNumber .numberBox.box4 .fBox:first-of-type .disc{
   width: 48%;
} 

.pageFeatures .scNumber .numberBox.box4 .fBox:nth-of-type(2){
   padding-bottom: 2rem;
}


.pageFeatures .scNumber .numberBox.box4 .fBox:nth-of-type(2) .centerTitle{
   padding-top: 2.5rem;
}

.pageFeatures .scNumber .numberBox.box4 .fBox:nth-of-type(2) .centerTitle:nth-of-type(2){
   padding-top: 0;
}
.pageFeatures .scNumber .numberBox.box4 .fBox:nth-of-type(2) .boxItem:nth-child(1){
   border-right: 2px solid #6BCB8C;
}

.pageFeatures .scNumber .numberBox.box4 .boxItem.age{
   padding-left: 2rem;
}

.pageFeatures .scNumber .numberBox.box4 .boxItem.age .numText .num{
   line-height: 0.8;
   letter-spacing: 0;
}

.pageFeatures .scNumber .numberBox.box4 .fBox .boxItem.age .numText{
   margin-bottom: 0;
   letter-spacing: 0;
   position: relative;
   z-index: 1;
}

.pageFeatures .scNumber .numberBox.box4 .boxItem.age::before{
   content: '';
   background: url('../img/features/figure5.png') no-repeat top left/100%;
   display: block;
   width: 100%;
   max-width: 438px;
   height: 28vh;
   position: absolute;
   top: 25%;
   left: 0;
   /* z-index: -1; */
}

.pageFeatures .scNumber .numberBox.box4 .fBox .boxItem.gender {
   padding-left: 8%;
}

.pageFeatures .scNumber .numberBox.box4 .boxItem.gender .numText{
   text-align: center;
   line-height: 1;
}

.pageFeatures .scNumber .numberBox.box4 .boxItem.gender .numText .num{
   letter-spacing: 0.02em;
}

.pageFeatures .scNumber .numberBox.box4 .boxItem.gender .numImg{
   width: 80%;
   max-width: 314px;
   margin: 2rem auto 0 auto;
}

.pageFeatures .scNumber .numberBox.box4 .fBox:nth-of-type(3){
   border-bottom: none;
   padding-bottom: 0;
   margin-bottom: 0;
}

/* .pageFeatures .scNumber .numberBox.box4 .boxItem.ratio{
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
} */

.pageFeatures .scNumber .numberBox.box4 .boxItem.ratio:nth-child(1){
    border-right: 2px solid #6BCB8C;
    padding-right: 5%;
}

.pageFeatures .scNumber .numberBox.box4 .boxItem.ratio .centerTitle{
   margin-bottom: 5rem;
   padding-top: 2rem;
}
.pageFeatures .scNumber .numberBox.box4 .boxItem.ratio:nth-child(2){
    padding-left: 5%;
}
.pageFeatures .scNumber .numberBox.box4 .boxItem.ratio .numImg{
   width: 80%;
   margin: 0 0 0 auto;
}

.pageFeatures .scNumber .numberBox.box4 .boxItem.ratio .disc{
   margin-top: 1rem;
}

.pageFeatures .scNumber .numberBox.box4 .boxItem.ratio:nth-child(1) .numImg{
   width: 100%;
   margin: 0 auto;
}

.pageFeatures .scNumber .numberBox+.note{
   color: #fff;
   text-align: right;
   font-size: 1.6rem;
   margin-top: 2rem;
}

.pageFeatures .companyBtn{
   padding: 15rem 0;
}

.pageFeatures .companyBtn .btn{
   border: 5px solid #6BCB8C;
   color: #6BCB8C;
   font-size: 3.8rem;
   font-weight: 700;
   width: 100%;
   max-width: 680px;
   height: 150px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: center;
}

.pageFeatures .companyBtn .btn::after{
   content: '';
   background: url('../img/btnArrowCircle.svg') no-repeat center center/100%;
   display: inline-block;
   width: 38px;
   height: 38px;
   margin-left: 1rem;
   vertical-align: bottom;
   transition: 0.3s ease all;
}

.pageFeatures .companyBtn .btn:hover{
   background-color: #6BCB8C;
   color: #fff;
}

.pageFeatures .companyBtn .btn:hover::after{
   background: url('../img/btnArrowCircleWh.svg') no-repeat center center/100%;
}



/*  Santokuと社員の挑戦 challenge */
.pagechallenge .pageMv{
   background-image: url('../img/challenge/mvChallengeBg.jpg');
}

.pagechallenge .scWish{
   padding-bottom: 9rem;
}

.pagechallenge .scWish .scLeadRl .conTitle{
   margin-top: -2rem;
}

.pagechallenge .scStrategy{
   padding: 10rem 0 2rem 0;
}

.pagechallenge .bgTitle span{
   padding: 0.8rem 6%;
}

.pagechallenge .scStrategy .titleLead{
   color: #fff;
   text-align: center;
   font-size: 2rem;
   margin-top: 5px;
   font-weight: 700;
   letter-spacing: 0.05em;
   margin-bottom: 4rem;
}

.pagechallenge .scStrategy .whiteBox{
   background-color: #fff;
   box-shadow: 0 10px 10px 5px rgba(0, 0, 0, 0.16);
   padding: 5.5rem;
   justify-content: space-between;
   align-items: center;
}

.pagechallenge .scStrategy .whiteBox:nth-child(2){
   padding: 7rem;
}

.pagechallenge .scStrategy .whiteBox:not(:last-child){
   margin-bottom: 8rem;
}

.pagechallenge .scStrategy .whiteBox:last-child{
   margin-bottom: 4rem;
}

.pagechallenge .scStrategy .whiteBox .imgItem{
   width: 52%;
}

.pagechallenge .scStrategy .whiteBox .textItem{
   width: 44.6%;
}

.pagechallenge .scStrategy .whiteBox .textItem .conTitle{
   border-bottom: 1px solid #159944;
   margin-bottom: 2.5rem;
   margin-top: calc((1 - 2.25) * 0.5em);
}

.pagechallenge .scStrategy .whiteBox .textItem .subTitle{
   font-size: 2rem;
   font-weight: 500;
   letter-spacing: 0.1em;
   margin-bottom: 2.5rem;
}

.pagechallenge .scStrategy .whiteBox .textItem .disc{
   letter-spacing: 0;
}

.pagechallenge .scStrategy .whiteBox .textItem .num{
   font-size: 3.8rem;
}

.pagechallenge .scChallenge{
   padding: 15rem 0;
}

.pagechallenge .scChallenge .bgTitle{
   margin-bottom: 4rem;
}

.pagechallenge .scChallenge .bgTitle+p{
   font-size: 2.8rem;
   text-align: center;
   letter-spacing: 0.05em;
   margin-bottom: 7rem;
}

.pagechallenge .scChallenge .speechBox{
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.pagechallenge .scChallenge .speechBox:nth-child(even){
   flex-direction: row-reverse;
}

.pagechallenge .scChallenge .speechBox .balloonItem{
   width: 70%;
   max-width: 678px;
   background: url('../img/challenge/bubbleRight1.png') no-repeat top left/100%;
   padding: 6.6rem 10.5rem 5rem 6.6rem;
   position: relative;
}

.pagechallenge .scChallenge .speechBox:last-child .balloonItem{
   background: url('../img/challenge/bubbleRight2.png') no-repeat top left/100%;
   padding: 6.6rem 10.5rem 8rem 6.6rem;
}

.pagechallenge .scChallenge .speechBox:not(:last-child){
   margin-bottom: 13rem;
}

.pagechallenge .scChallenge .speechBox:nth-child(even) .balloonItem{
   background: url('../img/challenge/bubbleLeft.png') no-repeat top left/100%;
   padding: 6.6rem 6.6rem 5rem 10.5rem;
   position: relative;
}

.pagechallenge .scChallenge .speechBox:nth-child(even) .balloonItem::before{
   right: -20px;
   left: inherit;
}


.pagechallenge .scChallenge .speechBox .balloonItem::before{
   content: '';
   width: 95%;
   height: 360px;
   position: absolute;
   top: 20px;
   left: -20px;
   z-index: -1;
   background-color: #AEE2C0;
   border-radius: 120px;
}


.pagechallenge .scChallenge .speechBox:last-child .balloonItem::before{
   height: 372px;
}

.pagechallenge .scChallenge .speechBox .balloonItem .disc{
   letter-spacing: 0;
}

.pagechallenge .scChallenge .speechBox .balloonItem .name{
   text-align: right;
   margin-top: 1rem;
   font-weight: 500;
   font-size: 1.6rem;
}

.pagechallenge .scChallenge .speechBox .personItem{
   width: 30%;
   max-width: 300px;
}

/* 職種紹介 works */
.pageWorks .worksNav{
   width: 100%;
   max-width: 1024px;
   margin: 0 auto;
   display: flex;
   /* justify-content: center; */
   justify-content: space-between;
   align-content: center;
   margin-top: 8rem;
}

.pageWorks .worksNav li{
   width: 100%;
   max-width: 132px;
   margin: 0 auto;
   position: relative;
   cursor: pointer;
}

.pageWorks .worksNav li a{
   display: block;
   width: 100%;
   position: relative;
}

.pageWorks .worksNav li a::before{
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   opacity: 0.7;
   background: rgb(147,237,179);
   background: linear-gradient(180deg, rgba(147,237,179,1) 0%, rgba(80,178,115,1) 100%);
   position: absolute;
   top: 0;
   left: 0;
   transition: 0.3s ease all;
}

.pageWorks .worksNav li a:hover::before{
   opacity: 0;
}

.pageWorks .worksNav li.active::before{
   display: none;
}

.pageWorks .worksNav li p{
   width: 100%;
   text-shadow: 0px 0px 10px #484844;
   font-size: 1.5rem;
   position: absolute;
   bottom: 10px;
   left: 50%;
   transform: translateX(-50%);
   color: #fff;
   text-align: center;
   font-weight: 700;
   letter-spacing: 0;
}

.pageWorks .worksNav li:not(.active) a:hover::before{
   opacity: 0;
}

.pageWorks .pageMv .worksMv{
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   width: 100%;
   height: 100%;
   position: relative;
}

.pageWorks .pageMv .worksMv.works1{
   background-image: url('../img/works/mvWorks1Bg.jpg');
   position: relative;
}

.pageWorks .pageMv .worksMv.works2{
   background-image: url('../img/works/mvWorks2Bg.jpg');
   position: relative;
}

.pageWorks .pageMv .worksMv.works3{
   background-image: url('../img/works/mvWorks3Bg.jpg');
   position: relative;
}

.pageWorks .pageMv .worksMv.works4{
   background-image: url('../img/works/mvWorks4Bg.jpg');
   position: relative;
}

.pageWorks .pageMv .worksMv.works5{
   background-image: url('../img/works/mvWorks5Bg.jpg');
   position: relative;
}

.pageWorks .pageMv .worksMv.works6{
   background-image: url('../img/works/mvWorks6Bg.jpg');
   position: relative;
}

.pageWorks .pageMv .worksMv.works7{
   background-image: url('../img/works/mvWorks7Bg.jpg');
   position: relative;
}

.pageWorks .pageMv .mvText{
   position: absolute;
   top: 56%;
   transform: translateY(-50%);
   left: 28vw;
   color: #fff;
}

.pageWorks .pageMv .mvText p span{
   display: inline-block;
   background-color: rgba(0,0,0,0.7);
   font-size: 3.6rem;
   font-weight: 700;
   padding: 5px 40px 5px 20px;
   line-height: 1.8;
   letter-spacing: 0.1em;
}

.pageWorks .pageMv .mvText .type span{
   font-size: 2rem;
   margin-top: 4rem;
   padding: 2px 10px;
}

/* .worksArticle{
   display: none;
} */

.worksArticle.active{
   display: block;
}

/* .worksMv{
   display: none;
} */

.worksMv.active{
   display: block;
}


.pageWorks .scWorksDetail{
   padding-top: 7rem;
   margin-bottom: 8rem;
}

.pageWorks .scWorksDetail .wrap{
   max-width: 800px;
}

.pageWorks .scWorksDetail .worksImg{
   position: relative;
}

.pageWorks .scWorksDetail .worksImg .textArea{
   position: absolute;
   top: 45%;
   right: -80px;
   transform: translateY(-50%);
}

.pageWorks .scWorksDetail .worksImg .textArea .worksMessage span{
   display: inline-block;
   background-color: #000;
   color: #fff;
   font-size: 2.8rem;
   margin-bottom: 1.2rem;
   padding: 4px 10px;
   font-weight: 700;
}

.pageWorks .scWorksDetail .worksImg .textArea .name{
   display: inline-block;
   background-color: #000;
   color: #fff;
   font-size: 1.6rem;
   margin-top: 38%;
   padding: 2px 10px;
   font-weight: 700;
}

.pageWorks .scWorksDetail .conTitle{
   margin-top: 8rem;
   margin-bottom: 1.5rem;
}

.pageWorks .scWorksDetail .disc{
   letter-spacing: 0;
}

.pageWorks .scWorksDetail .conTitle sup{
   font-size: 1.1rem;
   vertical-align: super;
}

.pageWorks .scWorksDetail .note{
   font-size: 1.3rem;
   font-weight: 500;
   margin-top: 1rem;
}

.pageWorks .scWorksDetail .disc sup{
   font-size: 1rem;
}

.pageWorks .scWorksChallenge{
   margin-bottom: 8rem;
}

.pageWorks .scWorksChallenge .wrap{
   /* max-width: calc(100% - 5rem); */
   box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.16);
   padding: 8rem 6vw 4rem 6vw;
}

.pageWorks .scWorksChallenge .bgTitle{
   margin-bottom: 8rem;
}


.pageWorks .scWorksChallenge .bgTitle span{
   padding: 0.8rem 2%;
}

.pageWorks .scWorksChallenge .storyBox{
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
   margin-bottom: 5rem;
}

.pageWorks .scWorksChallenge .storyBox .imgItem{
   width: 28%;
   max-width: 205px;
}

.pageWorks .scWorksChallenge .storyBox .disc{
   width: 71.5%;
}

.pageWorks .scWorksChallenge .storyBox::after{
   content: '';
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 27px 36px 0 36px;
   border-color: #6BCB8C transparent transparent transparent;
   position: absolute;
   transform: translateX(-50%);
   left: 50%;
   bottom: -28px;
}

.pageWorks .scWorksChallenge .storyBox:last-child::after{
   display: none;
}

.pageWorks .scWorksChallenge .storyBox.tyousen{
   margin-bottom: 8rem;
}

.pageWorks .scWorksChallenge .storyBox.tyousen .bg{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 0;
}

.pageWorks .scWorksChallenge .storyBox.tyousen::after{
   bottom: -54px;
}

.pageWorks .scWorksChallenge .storyBox.tyousen .ttl{
   font-size: 2.8rem;
   letter-spacing: 0.05em;
   line-height: 1.7;
   text-align: center;
   color: #159944;
   font-weight: 700;
   width: 100%;
   padding: 10rem 0;
   position: relative;
   z-index: 1;
}

.pageWorks .scWorksBottom {
   position: relative;
}

.pageWorks .scWorksBottom .message{
   width: calc(100% - 5rem);
   max-width: 1024px;
   margin-bottom: 0 auto;
   position: absolute;
   background-color: rgba(255,255,255,0.9);
   bottom: 80px;
   left: 50%;
   transform: translateX(-50%);
   box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.16);
   padding: 8rem 11.5rem 10rem 10rem;
} 

.pageWorks .scWorksBottom .message .centerTitle{
   margin-bottom: 3.5rem;
}


/*  優勝者への道のり interview */
.pageInterview .pageMv{
   background-image: url('../img/interview/mvInterviewBg.jpg');
   position: relative;
}

.pageInterview .scTalk{
   padding-top: 9rem;
}

.pageInterview .scTalk .centerTitle sup{
   font-size: 1.4rem;
   vertical-align: super;
}

.pageInterview .scTalk .note{
   padding: 0 2.5rem;
   font-size: 1.2rem;
   margin: 0 0 0 auto;
   margin-top: 6rem;
   margin-bottom: 2rem;
       display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pageInterview .scTalk .note:nth-of-type(2){
}

.pageInterview .scTalk .intro{
   display: flex;
   width: calc(100% - 5rem);
   max-width: 1340px;
   padding: 0 2.5rem;
   margin: 0 auto;

   margin-bottom: 8rem;
}

.pageInterview .scTalk .intro .introBox{
   width: 50%;
   display: flex;
   align-items: flex-end;
   padding: 7.5rem 3rem;
   position: relative;
}

.pageInterview .scTalk .intro .introBox:nth-child(1)::before{
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: -50%;
   background-color: #6BCB8C;
   width: calc(100% + 50%);
}

.pageInterview .scTalk .intro .introBox:nth-child(1){
   padding-right: 10rem;
}

.pageInterview .scTalk .intro .introBox:nth-child(2){
   padding-left: 10rem;
}

.pageInterview .scTalk .intro .introBox:nth-child(2)::before{
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   right: -50%;
   width: calc(100% + 50%);
   background-color: #FFD86F;
}



.pageInterview .scTalk .intro .introBox .imgItem{
   width: 60%;
   max-width: 300px;
   position: relative;
   z-index: 2;
}

.pageInterview .scTalk .intro .introBox .imgItem::before{
   content: '';
   width: 100%;
   height: 100%;
   position: absolute;
   top: 30px;
   left: -30px;
   z-index: -1;
   background-color: #fff;
   opacity: 0.5;
}

.pageInterview .scTalk .intro .introBox .textItem{
   width: 35%;
   margin-left: 3rem;
   position: relative;
   z-index: 1;
}

.pageInterview .scTalk .intro .introBox .textItem p{
   font-weight: 500;
   font-size: 1.6rem;
}


.pageInterview .scTalk .intro .introBox .textItem .name{
   font-size: 2.8rem;
   margin-bottom: 1rem;
}

.pageInterview .scTalk .contentsBox .centerTitle{
   margin-bottom: 8rem;
}

.pageInterview .scTalk .contentsBox .centerTitle.mt80{
   margin-top: 80px;
}

.pageInterview .scTalk .talkArea{
   position: relative;
   margin-bottom: 8rem;
}

.pageInterview .scTalk .talkArea:nth-of-type(2){
   flex-direction: row-reverse;
}

.pageInterview .scTalk .talkArea .textItem{
   width: 54%;
}


.pageInterview .scTalk .talkArea .imgItem{
   position: absolute;
   top: 0;
   right: -23.5vw;
   width: 55vw;
   max-width: 828px;
}

.pageInterview .scTalk .talkArea:nth-of-type(2) .imgItem{
   position: absolute;
   top: 0;
   left: -23.5vw;
   width: 55vw;
   max-width: 828px;
}

.pageInterview .scTalk .talkArea:nth-of-type(3) .imgItem{
   position: absolute;
   top: 0;
   right: -6.5vw;
   width: 30vw;
   max-width: 512px;
}


.pageInterview .scTalk .talkArea:nth-of-type(4){
   flex-direction: row-reverse;
}

.pageInterview .scTalk .talkArea:nth-of-type(4) .imgItem{
   position: absolute;
   top: 0;
   left: -23.5vw;
   width: 48vw;
}

.pageInterview .scTalk .talkArea:nth-of-type(3) .imgItem img{
   display: inline-block;
   margin-bottom: 4rem;
}

.pageInterview .scTalk .talkArea .textItem dl{
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   font-size: 1.6rem;
}

.pageInterview .scTalk .talkArea .textItem dl:not(:last-child){
   margin-bottom: 4rem;
}

.pageInterview .scTalk .talkArea .textItem dl dt{
   width: 70px;
   color: #fff;
   text-align: center;
   border-radius: 14px;
   padding: 2px 0;
}


.pageInterview .scTalk .talkArea .textItem dl dd{
   width: calc(100% - 70px);
   margin-left: 1.2rem;
   font-size: 1.6rem;
   line-height: 2.25;
   margin-top: calc((1 - 1.8) * 0.5em);
   font-weight: 500;
}

.pageInterview .scTalk .talkArea .textItem dl.parson1 dt{
   background-color: #6BCB8C;
   font-weight: 500;
}

.pageInterview .scTalk .talkArea .textItem dl.parson2 dt{
   background-color: #FED86F;
}

/* 働く環境 environment */
.pageEnvironment .pageMv{
   background-image: url('../img/environment/mvEnvironmentBg.jpg');
   position: relative;
}

.pageEnvironment .scTraining{
   padding-bottom: 9rem;
}

.pageEnvironment .scTraining .boxTitle+p{
   font-size: 2.8rem;
   text-align: center;
   font-weight: 500;
   line-height: 1.4;
   margin-bottom: 9rem;
}

.pageEnvironment .scTraining .centerTitle{
   margin-top: 9rem;
}
.pageEnvironment .scTraining .centerTitle{
   margin-bottom: 3.5rem;
}
.pageEnvironment .scTraining .centerTitle span{
   border-bottom: 1px solid #159944;
}

.pageEnvironment .scTraining .centerTitle+p{
   font-size: 2rem;
   text-align: center;
   font-weight: 500;
   margin-bottom: 3.2rem;
}

.pageEnvironment .scWelfare {
   padding: 10rem 0 0 0;
   margin-bottom: 8rem;
}

.pageEnvironment .scWelfare .bgTitle{
   margin-bottom: 4rem;
}

.pageEnvironment .scWelfare .whiteBox{
   background-color: #fff;
   box-shadow: 0 10px 10px 5px rgba(0, 0, 0, 0.16);
   padding: 8rem 10rem;
}

.pageEnvironment .scWelfare .whiteBox .centerTitle{
   color: #646464;
   margin-bottom: 3.8rem;
}

.pageEnvironment .scWelfare .contentsBox{
   margin-top: 5rem;
}

.pageEnvironment .scWelfare .contentsBox:first-child{
   margin-bottom: 3.5rem;
}

.pageEnvironment .scWelfare .contentsBox .title{
   color: #159944;
   border-bottom: 1px solid #159944;
   font-size: 2.8rem;
   margin-bottom: 2.4rem;
}

.pageEnvironment .scWelfare .contentsBox .title .num{
   font-size: 3.8rem;
}

.pageEnvironment .scWelfare .contentsBox .fBox{
   justify-content: space-between;
   align-items: center;
   padding: 0 2rem;
}

.pageEnvironment .scWelfare .contentsBox .imgItem{
   width: 34%;
   max-width: 252px;
}

.pageEnvironment .scWelfare .contentsBox .textItem{
   width: 60%;
}

.pageEnvironment .scWelfare .contentsBox .textItem .lead{
   font-size: 2rem;
   font-weight: 500;
   margin-bottom: 1.5rem;
}

.pageEnvironment .scWelfare .contentsBox .textItem .disc{
   letter-spacing: 0;
}

/* 採用情報 recruit */
.pageRecruit .pageMv{
   background-image: url('../img/recruit/mvRecruitBg.jpg');
   position: relative;
}

.pageRecruit .scRecruit .boxTitle{
   margin-bottom: 5px;
}

.pageRecruit .scRecruit.rec2{
   margin-bottom: 0;
}
.pageRecruit .scRecruit .boxTitle+p{
   font-size: 2.8rem;
   text-align: center;
   font-weight: 500;
   line-height: 1.4;
   margin-bottom: 4rem;
}

.pageRecruit .scRecruit{
   margin-bottom: 7rem;
}

.pageRecruit .scRecruit .leadArea{
   margin-bottom: 4rem;
}

.pageRecruit .scRecruit .scBg{
   padding: 9rem 0 2rem 0;
}

.pageRecruit .scRecruit .jobDescription{
   width: calc(100% - 5rem);
   max-width: 1024px;
   margin: 0 auto;
   box-shadow: 0 10px 10px 5px rgba(0, 0, 0, 0.16);
   justify-content: space-between;
   align-items: center;
   margin-bottom: 4rem;
}

.pageRecruit .scRecruit .jobDescription dl{
  display: flex;
}

.pageRecruit .scRecruit .jobDescription dl dt{
   background-color: #B4E4C5;
   border-bottom: 2px solid #fff;
   width: 25%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 1.6rem;
   font-weight: 500;
   text-align: center;
}

.pageRecruit .scRecruit .jobDescription dl:last-child dt{
   border-bottom: none;
}

.pageRecruit .scRecruit .jobDescription dl dd{
   background-color: #ffffff;
   border-bottom: 2px solid #6BCB8C;
   padding: 3rem 1.5rem 2.8rem 4rem;
   width: 75%;
   font-size: 1.6rem;
   line-height: 2.25;
   font-weight: 500;
}

.pageRecruit .scRecruit .jobDescription dl:last-child dd{
   border-bottom: none;
}


.pageRecruit .recruitOther{
   padding: 8rem 0;
}

.pageRecruit .recruitOther .btn{
   border: 5px solid #6BCB8C;
   color: #6BCB8C;
   font-size: 3.8rem;
   font-weight: 700;
   width: 100%;
   max-width: 680px;
   height: 150px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 3.5rem;
}

.pageRecruit .recruitOther .btn::after{
   content: '';
   background: url('../img/btnArrowCircle.svg') no-repeat center center/100%;
   display: inline-block;
   width: 38px;
   height: 38px;
   margin-left: 1rem;
   vertical-align: bottom;
}

.pageRecruit .recruitOther .btn:hover{ 
   color: #ffffff;
   background-color: #6BCB8C;
}

.pageRecruit .recruitOther .btn:hover::after{
   background: url('../img/btnArrowCircleWh.svg') no-repeat center center/100%;
}


.pageRecruit .scFaq{
   margin-bottom: 8rem;
}

.pageRecruit .scFaq .title{
   background-color: #6BCB8C;
   text-align: center;
   color: #fff;
   padding: 10rem 2.5rem;
   margin-bottom: 8rem;
} 

.pageRecruit .scFaq .title .jp{
   font-size: 5.2rem;
}


.pageRecruit .scFaq .title .en{
   font-size: 2.1rem;
}


.pageRecruit .scFaq .faqArea{
   box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.16);
}

.pageRecruit .scFaq .faqBpx .questionTitle{
   background-color: #B4E4C5;
   font-size: 1.6rem;
   font-weight: 700;
   color: #238144;
   padding: 1.6rem 3rem 1.6rem 5rem;
   position: relative;
}

.pageRecruit .scFaq .faqBpx .answer{
   background-color: #ffffff;
   font-size: 1.6rem;
   font-weight: 400;
   padding: 3.5rem 3rem 3.5rem 5rem;
   position: relative;
   line-height: 2;
}

.pageRecruit .scFaq .faqBpx .questionTitle::before {
   content: "Q.";
   margin-right: 1rem;
   line-height: 1;
   position: absolute;
   left: 28px;
   top: 18px;
 }
 
 .pageRecruit .scFaq .faqBpx .answer::before {
   content: "A.";
   margin-right: 1rem;
   line-height: 1;
   position: absolute;
   left: 28px;
   top: 42px;
 }

/* 高校生はこちら high-school */
body.high-school {
   background: url('../img/high-school/bg.png') repeat center center/310px 250px;
}
.high-school .pageHs.pageIndex .pageMv{
   background-image: url('../img/high-school/mvHsBg.png');
   background-position: bottom center;
}

.high-school .pageHs .pageMv .mvText{
   color: #fff;
   font-size: 3.6rem;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #fff;
   letter-spacing: 0.1em;
}

.high-school .scBg{
   background-color: #FD7158;
}


/* アンカーリンク */
.high-school .pageNav{
   margin-top: 0;
}
.high-school .pageNav li a{
   color: #FD7158;
}

.high-school .pageNav li .hasLine::after{
   content: '';
   display: block;
   width: 100%;
   height: 12px;
   background: url('../img/lineItem.svg') no-repeat bottom left/100%;
   margin-top: 5px;
}

.high-school .pageNav li a::after{
   content: '';
   display: inline-block;
   width: 38px;
   height: 38px;
   background: url('../img/high-school/hsAnchorArrow.svg') no-repeat bottom center/contain;
   vertical-align: bottom;
   margin-left: 1rem;
}

.high-school .pageTtl{
   text-align: center;
   font-size: 2.8rem;
   font-weight: 400;
   margin-bottom: 3rem;
   margin-top: -2rem;
}

.high-school .pageTtl span{
   background:linear-gradient(transparent 60%, #FFFA00 60%);
}

.high-school .scHsMessage {
   margin-bottom: 8rem;
}

.high-school .scHsMessage .bgTitle{
   margin-bottom: 4.6rem;
   font-size: 3.6rem;

}

.high-school .scHsMessage .bgTitle span{
   padding: 0 4%;
}

.high-school .scHsMessage .disc{
   text-align: center;
   font-size: 2.8rem;
   line-height: 2;
   letter-spacing: 0.05em;
   margin-bottom: 7rem;
   font-weight: 500;
}

.high-school .scHsIntro{
   position: relative;
   padding-top: 8rem;
   margin-bottom: 27rem;
}  


.high-school .scHsIntro .bgTitle{
   font-size: 3.6rem;

}

.high-school .scHsIntro .bgTitle span{
   padding: 0 4%;
}


.high-school .scHsIntro::before{
   content: '';
   background-color: #FD7158;
   display: block;
   width: 100%;
   height: 850px;
   position: absolute;
   left: 0;
   top: 0;
   z-index: -1;
}

.high-school .scHsIntro .bgTitle+p{
   text-align: center;
   color: #fff;
   font-size: 2.8rem;
   font-weight: 700;
   margin-top: 5px;
   margin-bottom: 220px;
}

.high-school .conBox{
   background-color: #fff;
   border: 6px solid #FD7158;
   padding: 5rem 6rem 12rem 6rem;
}

.high-school .scHsIntro .conBox {
   padding-top: 0;
}

.high-school .scHsIntro .conBox .fBox{
   align-items: center;
   justify-content: center;
}


.high-school .scHsIntro .conBox .introArea{
   /* transform: translateY(-210px); */
   margin-top: -200px;
   margin-bottom: 100px;
}

.high-school .scHsIntro .conBox .fBox:first-child .textItem{
   padding-top: 18rem;
}

.high-school .scHsIntro .conBox .introArea .fBox:nth-child(even){
   flex-direction: row-reverse;
}

.high-school .scHsIntro .conBox .fBox:nth-child(1){
   margin-left: -20px;
}

.high-school .scHsIntro .conBox .fBox:nth-child(2){
   margin-left: 60px;
   margin-top: -20px;
}

.high-school .scHsIntro .conBox .fBox:nth-child(3){
   
   margin-top: -20px;
}

.high-school .scHsIntro .conBox .fBox:nth-child(3) .textItem{
   transform: translateY(80px);
}


.high-school .scHsIntro .conBox .fBox .imgItem{
   width: 66%;

}

.high-school .scHsIntro .conBox .fBox .textItem{
   font-size: 1.6rem;
   line-height: 2.25;
   font-weight: 500;
   letter-spacing: 0;
   width: 35%;
}

.high-school .scHsIntro .conBox .fBox .moreBtn{
   font-size: 2.1rem;
   font-weight: 500;
   color: #FD581F;
   border: 3px solid #FD581F;
   border-radius: 40px;
   line-height: 1.8;
   padding: 0 18px;
   display: inline-block;
   margin-top: 2rem;
}

.high-school .scHsIntro .conBox .fBox .moreBtn:hover{
   background-color: #FD581F;
   color: #fff;
}


.high-school .conBox .dormitoryArea .bgTitle span{
   margin-bottom: 8px;
   padding: 0 2rem;
   letter-spacing: 0.1em;
}

.high-school .conBox .dormitoryArea .bgTitle{
   text-align: left;
   position: relative;
   font-size: 3.6rem;
   padding: 0 4rem;
   margin-bottom: 3rem;
}

.high-school .conBox .dormitoryArea .bgTitle::after{
   content: '';
   width: 106px;
   height: 190px;
   display: inline-block;
   background: url('../img/high-school/illust1.png') no-repeat center center/cover;
   position: absolute;
   right: 5%;
   top: -50%;
   z-index: 9;
}

.high-school .conBox .dormitoryArea .lead{
 font-size: 2.8rem;
 letter-spacing: 0.05em;
 line-height: 2.2;  
 padding: 0 3rem;
   color: #646464;
   font-weight: 400;
   font-size: 2.8rem;
   margin-bottom: 3rem;
}


.high-school .conBox .dormitoryArea .lead span{
   background:linear-gradient(transparent 60%, #FFFA00 60%);
}

.high-school .conBox .dormitoryArea .access{
   position: relative;
}

.high-school .conBox .dormitoryArea .access::before{
   content: '';
   width: 208px;
   height: 264px;
   display: block;
   background: url('../img/high-school/arrow.png') no-repeat center center/cover;
   position: absolute;
   right: 6vw;
}

.high-school .conBox .dormitoryArea .accessItem{
   width: 80%;
   max-width: 560px;
}

.high-school .conBox .dormitoryArea .accessItem.two{
   margin: 0 0 0  auto;
   margin-top: -20%;
}

.high-school .conBox .dormitoryArea .detailArea{
   /* justify-content: center; */
   justify-content: space-around;
   margin-top: 6rem;
}

.high-school .conBox .detailArea .detailBox{
   width: 50%;
   max-width: 320px;
   /* margin: 0 auto; */
}


.high-school .conBox .dormitoryArea .detailArea dl{
   display: flex;
   border-bottom: 1px dashed #707070;
   font-size: 1.6rem;
   font-weight: 500;
   line-height: 2;
}

.high-school .conBox .detailArea .detailBox .ttl{
   background-color: #000;
   font-size: 2rem;
   font-weight: 700;
   text-align: center;
   margin-bottom: 1rem;
   padding: 4px 0;
}

.high-school .conBox .detailArea .detailBox:first-child .ttl{
   color: #FFDEEB;
}

.high-school .conBox .detailArea .detailBox:nth-child(2) .ttl{
   color: #DBEFFF;
}

.high-school .scHsFlow {
   padding-top: 8rem;
   padding-bottom: 2rem;
}

.high-school .scHsFlow .whiteBox{
   background-color: #fff;
   box-shadow: 0 10px 10px 5px rgba(0, 0, 0, 0.16);
   justify-content: space-between;
   padding: 10rem;
}

.high-school .scHsFlow .bgTitle{
   margin-bottom: 4rem;
}

.high-school .scHsFlow .bgTitle span{
   font-size: 3.6rem;
   padding: 0 4%;
}

.high-school .scHsFlow .flowBox {
   position: relative;
   display: inline-block;
   margin: 0;
   padding: 7px 10px;
   min-width: 120px;
   max-width: 100%;
   color: #555;
   font-size: 16px;
   background: #FFF;
   border: solid 7px #FD7158;
   box-sizing: border-box;
   padding: 6rem 1.5rem;
   box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.16);
 }
 
 .high-school .scHsFlow .balloon:before {
   content: "";
   position: absolute;
   top: 50%;
   right: -26px;
   margin-top: -13px;
   border: 13px solid transparent;
   border-left: 13px solid #FFF;
   z-index: 2;
 }
 
 .high-school .scHsFlow .balloon:after {
   content: "";
   position: absolute;
   top: 50%;
   right: -44px;
   margin-top: -20px;
   border: 20px solid transparent;
   border-left: 20px solid #FD7158;
   z-index: 1;
;
 }

 .high-school .scHsFlow .flowBox:nth-child(2){
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
    width: 58%;
    font-weight: 500;
 }

 .high-school .scHsFlow .flowBox:nth-child(2) .imgBalloon{
    width: 175px;
    margin: 0 0 0 auto;
 }

 
 .high-school .scHsFlow .flowBox:nth-child(2) .ttl{
    line-height: 1;
    margin-bottom: 3.5rem;
 }

 .high-school .scHsFlow .flowBox:nth-child(2) ul{
   margin-top: 3.5rem;
}




   .high-school .scHsFlow .flowBox:nth-child(3){
      display: flex;
      align-items: center;
      justify-content: center;
   }

.high-school .scHsFlow .whiteBox{
   margin-bottom: 4rem;
}


 .high-school .scHsFlow  .flowBox .ttl{
    font-size: 3.8rem;
    color: #FD7158;
    letter-spacing: 0.05em;
    font-weight: bold;
 }

 
.high-school .scHsFlow  .flowBox.txtRl{
   -ms-writing-mode: tb-rl;
   writing-mode: vertical-rl;
   text-align: center;
   white-space: nowrap;

}

.high-school .scHsFlow  .flowBox.txtRl .ttl{
   letter-spacing: 0.3em;
}

/* 高卒先輩社員 high-school */

.high-school .pageHs .pageMv .worksMv.works1{
   background-image: url('../img/high-school/mvHsWorks1.png');
   background-position: center bottom;
}

.high-school .pageHs .pageMv .worksMv.works2{
   background-image: url('../img/high-school/mvHsWorks2.png');
   background-position: center bottom;
}

.high-school .pageHs .pageMv .worksMv.works3{
   background-image: url('../img/high-school/mvHsWorks3.png');
   background-position: center bottom;
}


.high-school .pageHs.pageWorks .pageMv .mvText{
   position: absolute;
   top: 56%;
   transform: translateY(-50%);
   left: 28vw;
   color: #fff;
}

.high-school .pageHs.pageWorks .pageMv .mvText p span{
   display: inline-block;
   background-color: rgba(0,0,0,0.7);
   font-size: 3.6rem;
   font-weight: 700;
   padding: 5px 40px 5px 20px;
   line-height: 1.8;
   letter-spacing: 0.1em;
}

.high-school .pageHs.pageWorks .pageMv .mvText .type span{
   font-size: 2rem;
   margin-top: 4rem;
   padding: 2px 10px;
}

.high-school .pageHs .worksNav .slick-slide li a::before{
   background: rgba(255,146,88,0.7);
}

.high-school .pageHs .worksNav{
   justify-content: center;
}

.high-school .pageHs .worksNav li{
   margin: 0 2.5rem 7rem 2.5rem;
}

.high-school .pageHs .worksNav li a::before{
   background: rgba(255,146,88,0.7);
}


.high-school .pageHs .scWorksDetail .conTitle{
   color: #FD7158;
}

.high-school .pageHs .scWorksDetail .disc .color{
   color: #FD7158;
}

.high-school .pageHs .scWorksPhoto{
   margin-bottom: 10rem;
}

.high-school .pageHs .scWorksPhoto .conBox{
   padding: 4rem 0;
}

.high-school .pageHs .scWorksPhoto .fBox{
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
}

.high-school .pageHs .scWorksPhoto .fBox .imgItem{
   width: 50%;
   position: relative;
}

.high-school .pageHs .scWorksPhoto .fBox .imgItem:nth-child(1){
   transform: translate(40px, 0);
   width: 46%;
   z-index: 2;
}

.high-school .pageHs .scWorksPhoto .fBox .imgItem:nth-child(2){
   transform: translate(-10px, 80px);
   width: 54%;
   z-index: 1;
}

.high-school .pageHs .scWorksPhoto .fBox .imgItem:nth-child(3){
   transform: translate(10px, -100px) scale(1.04);
   width: 52%;
}

.high-school .pageHs .scWorksPhoto .fBox .imgItem:nth-child(4){
   transform: translate(-40px, 100px) scale(1.1);
   width: 48%;
}

.high-school .pageHs .scWorksPhoto .disc{
   width: 45%;
   padding-left: 6%;
   margin-top: -7rem;
   letter-spacing: 0;
}


.high-school .pageHs .companyBtn{
   padding: 15rem 0;
   background-color: #fff;
}

.high-school .pageHs .companyBtn .btn{
   border: 5px solid #FD7058;
   color: #FD7058;
   font-size: 3.8rem;
   font-weight: 700;
   width: 100%;
   height: 150px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: center;
}

.high-school .pageHs .companyBtn .btn:hover{
   color: #fff;
   background-color: #FD7058;
}

.high-school .pageHs .companyBtn .btn+p{
   text-align: center;
   margin-top: 3rem;
   font-size: 2.8rem;
   line-height: 1.6;
}

.high-school .pageHs .companyBtn .btn::after{
   content: '';
   background: url('../img/high-school/hsbtnArrowCircle.svg') no-repeat center center/100%;
   display: inline-block;
   width: 38px;
   height: 38px;
   margin-left: 1rem;
   vertical-align: bottom;
   transition: 0.3s ease;
}

.high-school .pageHs .companyBtn .btn:hover::after{
   content: '';
   background: url('../img/btnArrowCircleWh.svg') no-repeat center center/100%;
   display: inline-block;


}





/* # =================================================================
   # レスポンシブ要素
   # ================================================================= */
/* 4K:2560px */
/* PC:1920px */
@media screen and (max-width: 1580px) {

   .pageRecruit .pageNav{
      flex-wrap: wrap;
      justify-content: center;
   }

   .pageRecruit .pageNav li{
      text-align: center;
      margin-top: 1rem;
      margin: 1rem 1rem;
   }

   .pageRecruit .pageNav li a{
      font-size: 2.4rem;
   }

   .pageRecruit .pageNav li a::after{
      width: 30px;
      height: 30px;
   }

   .pageRecruit .pageNav li .hasLine{
      font-size: 1.4rem;
   }

   .pageRecruit .pageNav li .hasLine::after{
      margin-top: 0;
   }


}

@media screen and (max-width: 1440px) {
   .pageInterview .scTalk .talkArea .imgItem{
      top: 0;
      right: -14vw;
      width: 45vw;
      max-width: 828px;
   }

   .pageInterview .scTalk .talkArea:nth-of-type(2) .imgItem {
    position: absolute;
    top: 0;
    left: -14vw;
    width: 45vw;
    max-width: 828px;
   }

   .pageInterview .scTalk .talkArea:nth-of-type(3) .imgItem{
    right: -2vw;
     width: 34vw;
   }

   .pageInterview .scTalk .talkArea:nth-of-type(4) .imgItem {
      position: absolute;
      top: 0;
      left: -14vw;
      width: 45vw;
   }

   .scPageLink .personArea .fBox.centerBox .linkArea:first-child .imgItem{
      bottom: -20px;
   }

   .scPageLink .personArea .fBox.centerBox .linkArea:first-child{
      overflow: hidden;
   }
   
}

@media screen and (max-width: 1360px) {
   .scPageLink .textItem p{
      font-size: 1.8rem;
   }
   
}
/* laptop NotePC L */
@media screen and (max-width: 1280px) {

   /* メインビジュアル */
   .scMv{
      width: 100%;
      height: 88vh;
      position: relative;
   }

   .scMv .mvImg{
      width: 100%;
      height: 88vh;
   }

   .scMv .mvText{
      width: 50%;
   }

   /* メインタイトル */
   .pageMv{
      height: 500px;
   }
   .pageMv .pageTitle{
      height: 52px;
      padding-right: 2rem;
      padding-left: 2.5vw;
   }

   .pageMv .pageTitle::after{
      content: '';
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 52px 0 0 24px;
      border-color: transparent transparent transparent #ffffff;
      position: absolute;
      bottom: 0;
      left: 99.6%;
   }

   .scPageLink .messageArea .linkArea{
      height: 540px;
   }

   .scPageLink .aboutArea .fBox{
      height: 540px;
   }

   .scPageLink .personArea .linkArea{
      height: 540px;
   }

   .scPageLink .personArea .fBox.centerBox .linkArea:nth-child(2) .textItem{
      height: 340px;
   }

   .scPageLink .textItem .title{
      font-size: 3rem;
   }

   .scPageLink .textItem .moreBtn{
      font-size: 2.2rem;
   }

   .pageNav li a{
      font-size: 2.4rem;
   }

   .pageNav li a::after{
      width: 30px;
      height: 30px;
   }

   .pageNav li .hasLine{
      font-size: 1.4rem;
   }

   .pageNav li .hasLine::after{
      margin-top: 0;
   }

   .pageWorks .pageMv .mvText{
      left: 15vw;
   }

   .pageWorks .pageMv .mvText p span{
      font-size: 3rem;
   }


   .pageInterview .scTalk .talkArea .textItem{
      width: 50%;
   }
   .pageInterview .scTalk .talkArea .imgItem{
      top: 0;
      right: -10vw;
      width: 48vw;
      max-width: 828px;
   }

   .pageInterview .scTalk .talkArea .textItem dl:not(:last-child){
      margin-bottom: 3rem;
   }

   .pageInterview .scTalk .talkArea:nth-of-type(2) .imgItem {
    position: absolute;
    top: 0;
    left: -10vw;
    width: 48vw;
    max-width: 828px;
   }

   .pageInterview .scTalk .talkArea:nth-of-type(3) .imgItem{
    right: -2vw;
     width: 34vw;
   }

   .pageInterview .scTalk .talkArea:nth-of-type(4) .imgItem {
      position: absolute;
      top: 0;
      left: -10vw;
      width: 48vw;
   }


}

/* laptop NotePC */
@media screen and (max-width: 1024px) {
   /* header ヘッダー 1024px*/
   header .logoArea {
      width: 44%;
   }
   
   header .logoArea p{
      font-size: 1.8rem;
      margin-left: 2rem;
   }
   
   header .logoArea .siteLogo{
      width: 200px;
   }
   header .headBtn{
      max-width: 170px;
      height: 48px;
      margin: 0 1vw;
      font-size: 1.8rem;
      letter-spacing: 0.05em;
   }

   header .hamburgerMenu span {
      left: 6px;
      width: 46px;
   }

   header .navArea .bgText{
      font-size: 12rem;
   }


   /* nav  ナビゲーション  */
   .gnav .menuBox .navMenu .menuTitle{
      font-size: 1.7rem;
   }

   .gnav .menuBox .navMenu ul li:not(:last-child){
      margin-bottom: 1.4rem;
   }

    .gnav .menuBox .navMenu ul li{
       font-size: 1.5rem;
    }

   .gnav .menuBox .navMenu ul li a{
      font-size: 1.5rem;
      white-space: nowrap;
   }

   
   /* 縦書きリード文 */
   .scLeadRl{
   margin-top: 6rem;
   }

   .scLeadRl .conTitle{
      margin-left: 3.5vw;
      font-size: 3.2rem;
   }

   .scLeadRl .disc{
      font-size: 1.6rem;
      letter-spacing: 0.35em;
      line-height: 2.2;
   }


   .scLeadRl .disc:not(:last-child){
      margin-left: 2rem;
   }

   .pageNav li{
      margin: 0 1rem;
   }

   .scMv {
      height: 100vh;
   }
   .scMv .mvImg{
      height: 100vh;
      background: url(../img/mvSp.jpg) no-repeat 15% 20%/cover;
   }

   .pageFeatures .scNumber .numberBox .numberBoxWrap{
      padding: 4.2rem 3rem;
   }

   .pageFeatures .scNumber .twoBox .numberBox .numImg{
      width: 105%;
   }

   .pageFeatures .scNumber .numberBox .numText{
      font-size: 4rem;
      text-align: center;
   }
   .pageFeatures .scNumber .numberBox .numText .num{
      font-size: 12rem;
   }

   .pageFeatures .scNumber .twoBox .numberBox.box2 .numText .num{
      transform: none;
   }

   .pageFeatures .scNumber .twoBox .numberBox .numberBoxWrap{
      min-height: 640px;
   }

   .pageFeatures .scNumber .numberBox .disc{
      line-height: 2;
   }

   .pagechallenge .scChallenge .speechBox .balloonItem{
      padding: 5rem 10rem 6rem 6rem;
   }

   .pagechallenge .scChallenge .speechBox:nth-child(even) .balloonItem{
      padding: 5rem 6.5rem 6rem 10rem;
   }

   .pagechallenge .scChallenge .speechBox:last-child .balloonItem{
      padding: 5rem 10rem 8rem 6.6rem;
   }

   .pagechallenge .scChallenge .speechBox .balloonItem{
      width: 75%;
   }

   .pagechallenge .scChallenge .speechBox .personItem{
      width: 25%;
   }


   .pageWorks .worksNav{
      padding: 0 2rem;
   }
   .pageWorks .worksNav li{
      max-width: 140px;
   }

   .pageWorks .worksNav li p{
      font-size: 1.2rem;
   }

   .pageWorks .scWorksDetail .worksImg .textArea{
      right: -50px;
   }

   .pageWorks .scWorksDetail .worksImg{
      width: 94%;
   }
   .pageWorks .scWorksChallenge .storyBox.tyousen .ttl{
      padding: 5rem 0;
   }

   .pageWorks .scWorksChallenge .storyBox.tyousen::after{
      bottom: -80px;
   }

   .pageWorks .scWorksChallenge .storyBox .disc{
      width: 68%;
   }

   
   .pageWorks .scWorksBottom .message{
      margin: 0 auto;
      position: static;
      transform: translate(0, -100px);
      box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.16);
      padding: 5rem 2.5rem;
   } 

   
   .pageInterview .scTalk .talkArea .textItem dl dd{
      font-size: 1.4rem;
   }
   .pageInterview .scTalk .talkArea .textItem{
      width: 50%;
   }
   .pageInterview .scTalk .talkArea .imgItem{
      top: 0;
      right: -10vw;
      width: 48vw;
      max-width: 828px;
   }

   .pageInterview .scTalk .talkArea .textItem dl:not(:last-child){
      margin-bottom: 3rem;
   }

   .pageInterview .scTalk .talkArea:nth-of-type(2) .imgItem {
    position: absolute;
    top: 0;
    left: -10vw;
    width: 48vw;
    max-width: 828px;
   }

   .pageInterview .scTalk .talkArea:nth-of-type(3) .imgItem{
    right: -2vw;
     width: 34vw;
   }

   .pageInterview .scTalk .talkArea:nth-of-type(4) .imgItem {
      position: absolute;
      top: 0;
      left: -10vw;
      width: 48vw;
   }

   .pageInterview .scTalk .intro{
      padding: 0;
   }

   .pageInterview .scTalk .intro .introBox .imgItem::before{
      left: -25px;
      bottom: -25px;
   }

   .pageInterview .scTalk .intro .introBox .textItem .name{
      font-size: 2.4rem;
   }

   .pageInterview .scTalk .intro .introBox .textItem p{
      font-size: 1.4rem;
   }

   .pageInterview .scTalk .intro .introBox .textItem{
      margin-left: 1.5rem;
   }

   .pageInterview .scTalk .intro .introBox:nth-child(1){
      padding: 2.5rem 2.5rem 2.5rem 0;
   }

   .pageInterview .scTalk .intro .introBox:nth-child(2){
      padding: 2.5rem 0 2.5rem 2.5rem;
   }

   .high-school .pageHs.pageWorks .pageMv .mvText p span{
      font-size: 3rem;
   }
   
   .high-school .pageHs.pageWorks .pageMv .mvText{
      left: 15vw;
   }

   .high-school .scHsFlow .whiteBox{
      padding: 8rem 5rem;
   }
}

@media screen and (max-width: 900px) {

   .pagechallenge .scChallenge .speechBox .balloonItem{
      padding: 3rem 8rem 6rem 5rem;
   }

   .pagechallenge .scChallenge .speechBox:nth-child(even) .balloonItem{
      padding: 3rem 6.5rem 6rem 8rem;
   }

   .pagechallenge .scChallenge .speechBox:last-child .balloonItem{
      padding: 3rem 8rem 8rem 6.6rem;
   }

   .pagechallenge .scChallenge .speechBox .balloonItem{
      width: 75%;
   }

   .pagechallenge .scChallenge .speechBox .personItem{
      width: 25%;
   }

}

/* tablet */
/* @media screen and (max-width: 768px) { */
@media screen and (max-width: 834px) {
   .pc{
      display: none!important;
   }

   .sp{
      display: block!important;
   }

   /* header ヘッダー 768px*/
   header .logoArea {
      width: 50%;
   }
   
   header .logoArea p{
      font-size: 1.6rem;
      margin-left: 2rem;
   }
   
   header .logoArea .siteLogo{
      width: 180px;
   }
   header .headBtn{
      max-width: 140px;
      height: 45px;
      margin: 0 1vw;
      font-size: 1.6rem;
      letter-spacing: 0.05em;
      line-height: 1.2;
      text-align: center;
   }

   header .hamburgerMenu span {
      left: 6px;
      width: 44px;
   }
   
   header .hamburgerMenu span:nth-of-type(1) {
      top: 16px;
   }

   header .hamburgerMenu span:nth-of-type(2) {
      top: 28px;
   }

   header .hamburgerMenu span:nth-of-type(3) {
      top: 40px;
   }

   header .hamburgerMenu.is-active span:nth-of-type(1) {
      -webkit-transform: translateY(12px) rotate(-45deg);
      transform: translateY(12px) rotate(-45deg);
   }

   header .hamburgerMenu.is-active span:nth-of-type(2) {
      opacity: 0;
   }

   header .hamburgerMenu.is-active span:nth-of-type(3) {
      -webkit-transform: tr anslateY(-12px) rotate(45deg);
      transform: translateY(-12px) rotate(45deg);
   }

   /* nav  ナビゲーション  */
   .gnav .menuBox .navMenu .menuTitle{
      font-size: 1.6rem;
   }

   .gnav .menuBox .navMenu ul{
      padding-left: 1.5rem;
      margin-left: 1rem;
   }

   .gnav .menuBox .navMenu ul li:not(:last-child){
      margin-bottom: 1.2rem;
   }

   .gnav .menuBox .navMenu ul li{
      font-size: 1.4rem;
   }

   .gnav .menuBox .navMenu ul li a{
      font-size: 1.4rem;
      white-space: nowrap;
      letter-spacing: 0;
   }

   .bgText{
      font-size: 12rem;
   }

   p.disc{
      font-size: 1.4rem;
   }


      /* メインタイトル */
   .pageMv{
      height: 420px;
   }
   .pageMv .pageTitle{
      height: 50px;
      padding-right: 2rem;
      padding-left: 3vw;
   }

    /* タイトル */
   .conTitle{
      text-align: center;
   }

   .scMv{
      height: 90vh;
   }

   /* トップページ */
   .scMv .mvImg{
      height: 96vh;
      background: url('../img/mvSp.jpg') no-repeat center 20%/cover;
   }

      
    .scPageLink .scTitle{
      font-size: 3rem;
   }

   .scPageLink .textItem p{
      /* font-size: 1.2rem; */
      /* letter-spacing: 0; */
   }

   .scPageLink .textItem .title{
      font-size: 3rem;
      /* line-height: 1.2; */
      letter-spacing: 0;
   } 

   .scPageLink .textItem .moreBtn{
      font-size: 1.8rem;
      max-width: 200px;
      height: 44px;
      border-radius: 28px;
      letter-spacing: 0.05em;
      margin-top: 2rem;
   }

   .scPageLink .textItem .moreBtn::after{
      width: 16px;
      height: 8px;
   }

   .scPageLink .messageArea .linkArea{
      height: 400px;
   }

   .scPageLink .messageArea .fBox .linkArea{
      width: 78%;
   }

   .scPageLink .messageArea .fBox > .imgVege{
      width: 22%;
   }

   .scPageLink .messageArea .fBox .linkArea .imgItem{
      width: 35%;
      transform: none;
      position: absolute;
      bottom: 0;
      right: 0;
      text-align: right;
   }
   

   .scPageLink .aboutArea .fBox{
      height: 400px;
   } 

   .scPageLink .personArea .linkArea{
      height: 440px;
   }

   .scPageLink .personArea .fBox:not(.centerBox) .linkArea{
      width: 78%;
   }

   .scPageLink .personArea .fBox:not(.centerBox) > .imgVege{
      width: 22%;
   }

   .scPageLink .personArea .fBox:not(.centerBox) .linkArea{
      flex-direction: column;
   }

   .scPageLink .personArea .fBox:not(.centerBox) .linkArea .imgItem{
      max-width: 420px;
      margin-top: 0;
   }

   .scPageLink .personArea .fBox.centerBox .linkArea:first-child{
      padding-bottom: 6rem;
   }

   .scPageLink .personArea .fBox.centerBox .linkArea:nth-child(2) .textItem{
      height: 340px;
   }

   .scPageLink .personArea .fBox.centerBox .linkArea:nth-child(2) .imgItem img{
      width: 100%;
      height: 100px;
      object-fit: cover;
   }

   .scPageLink .recruitArea .linkArea{
      height: 280px
   }

      
   .bgTitle{
      font-size: 2.2rem;
      letter-spacing: 0.05em;
      text-align: center;
      min-width: auto;
      margin: 0 auto;
   }

   .bgTitle span{
      background-color: #000000;
      padding: 0.8rem 1.5rem;
   }

   .scMv .mvImg{
      height: 90vh;
      position: static;
   }

   .scMv .mvText{
      width: 78%;
      position: absolute;
      bottom: 28%;
      left: 2.5rem;
   }

      .scPageLink .personArea .fBox:not(.centerBox) .linkArea .imgItem{
      width: 100%;
      max-width: 940px;
      margin-top: 0;
      text-align: center;
   }

   .scPageLink .personArea .fBox:not(.centerBox) .linkArea .textItem{
      width: 100%;
   }

   .scLeadRl .disc{
      font-size: 1.4rem;
      line-height: 1.6;
   }

   .scLeadRl .disc:not(:last-child){
      margin-left: 4vw;
   }

   .pageFeatures .scNumber .twoBox .numberBox .numberBoxWrap .centerTitle{
      font-size: 2.2rem;
   }

   .pageFeatures .scNumber .numberBox .numText .num{
      font-size: 10rem;
   }

   .pageFeatures .scNumber .numberBox .numText .small{
      font-size: 2.4rem;
      line-height: 1;
   }

   .pageFeatures .scNumber .twoBox .numberBox .numberBoxWrap{
      min-height: auto;
   }

   
   .pageFeatures .scNumber .numberBox.box3 .fBox{
      display: block;
      margin-top: 0;
   }

   .pageFeatures .scNumber .numberBox.box3 .numImg{
      max-width: 420px;
      margin: 2rem auto 0 auto;
   }

   .pageFeatures .scNumber .numberBox.box3 .numImg img{
      width: 100%;
   }

   .pageFeatures .scNumber .numberBox.box3 .numText{
      display: flex;
      align-items: flex-end;
      justify-content: center;
   }

   .pageFeatures .scNumber .numberBox.box3 .numText .num{
      line-height: 0.8;
      margin-top: 0;
   }

   .pageFeatures .scNumber .numberBox.box3 .numText .rl{
      -ms-writing-mode: inherit;
      writing-mode: inherit;
      letter-spacing: 0;
      font-size: 2.2rem;
      letter-spacing: 0.2em;
      line-height: 1;
   }

   .pageFeatures .scNumber .centerTitle.wh{
      margin-bottom: 4.5rem;
   }
   .pageFeatures .scNumber .numberBox.box3 .disc{
      width: 100%;
   }

   .pageFeatures .scNumber .numberBox.box4 .fBox .boxItem.gender{
      padding-left: 2rem;
   }

   .pageFeatures .scNumber .numberBox.box4 .boxItem.gender .numImg{
      width: 60%;
   }

   .pageFeatures .scNumber .numberBox.box4 .boxItem.age::before{
      width: 90%;
      margin: 0 auto;
   }

   .pageFeatures .scNumber .numberBox.box4 .boxItem.ratio .centerTitle{
      letter-spacing: 0;
      font-size: 2.2rem;
   }

   .pagechallenge .scChallenge .speechBox .balloonItem{
      padding: 3rem 8rem 4rem 5rem;
      min-height: 328px;
   }

   .pagechallenge .scChallenge .speechBox:nth-child(even) .balloonItem{
      padding: 3rem 6.5rem 4rem 8rem;
   }

   .pagechallenge .scChallenge .speechBox .balloonItem .name{
      margin-top: 0;
   }

   .pagechallenge .scChallenge .speechBox:last-child .balloonItem{
      padding: 3rem 8rem 4rem 6.6rem;
   }

   .pagechallenge .scChallenge .speechBox .balloonItem{
      width: 75%;
   }

   .pagechallenge .scChallenge .speechBox .personItem{
      width: 25%;
   }

   .pagechallenge .scChallenge .speechBox .balloonItem::before{
      height: 320px;
   }

   .pagechallenge .scChallenge .speechBox .balloonItem::before {
      height: 300px;
      border-radius: 80px;
      top: 40px;
   }

   .pagechallenge .scChallenge .speechBox:not(:last-child){
      margin-bottom: 8rem;
   }

   .pagechallenge .scChallenge .speechBox:last-child .balloonItem::before{
      height: 320px;
   }


      

   
   /*  優勝者への道のり interview 834px*/
   .pageInterview .scTalk{
      padding-top: 4rem;
   }

   .pageInterview .scTalk .intro{
      padding: 0;
   }

   .pageInterview .scTalk .intro .introBox .imgItem::before{
      left: -25px;
      bottom: -25px;
   }

   .pageInterview .scTalk .intro .introBox .textItem .name{
      font-size: 2.4rem;
   }

   .pageInterview .scTalk .intro .introBox .textItem p{
      font-size: 1.4rem;
   }

   .pageInterview .scTalk .intro .introBox .textItem{
      margin-left: 1.5rem;
   }

   .pageInterview .scTalk .intro .introBox:nth-child(1){
      padding: 2.5rem 2.5rem 2.5rem 0;
   }

   .pageInterview .scTalk .intro .introBox:nth-child(2){
      padding: 2.5rem 0 2.5rem 2.5rem;
   }
  

   .pageInterview .scTalk .contentsBox .centerTitle{
      margin-bottom: 4rem;
      letter-spacing: -0.05em;
   }

   .pageInterview .scTalk .talkArea{
      margin-bottom: 4rem;
      display: block;
   }

   .pageInterview .scTalk .talkArea:last-child{
      margin-bottom: 8rem;
   }

   .pageInterview .scTalk .talkArea .textItem{
      width: 100%;
   }


   .pageInterview .scTalk .talkArea .imgItem{
      position: static;
      width: calc(100% + 50px);
      margin: 4rem auto 0 -25px;
   }

   .pageInterview .scTalk .talkArea .imgItem img{
      width: 100%;
   }

   .pageInterview .scTalk .talkArea:nth-of-type(2) .imgItem{
      position: static;
      width: calc(100% + 50px);
      margin: 4rem auto 0 -25px;
   }

   .pageInterview .scTalk .talkArea:nth-of-type(3) .imgItem:nth-of-type(3){
      margin: 4rem -25px 0 auto;
      text-align: right;
   }

   .pageInterview .scTalk .talkArea:nth-of-type(3) .imgItem{
      position: static;
      width: calc(100% + 50px);
      margin: 4rem -25px 0 -25px;
   }

   .pageInterview .scTalk .talkArea:nth-of-type(3) .imgItem img{
      display: inline-block;
      margin-bottom: 0;
   }

   .pageInterview .scTalk .talkArea:nth-of-type(4) .imgItem{
      position: static;
      width: calc(100% + 50px);
      margin: 4rem -25px 0 -25px;
   }

   .pageInterview .scTalk .talkArea .textItem dl{
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      font-size: 1.4rem;
   }

   .pageInterview .scTalk .talkArea .textItem dl:not(:last-child){
      margin-bottom: 4rem;
   }

   .pageInterview .scTalk .talkArea .textItem dl dt{
      width: 50px;
      color: #fff;
      text-align: center;
      border-radius: 14px;
      padding: 2px 0;
   }


   .pageInterview .scTalk .talkArea .textItem dl dd{
      width: calc(100% - 60px);
      margin-left: 1rem;
      font-size: 1.4rem;
      line-height: 2.15;
      margin-top: calc((1 - 1.8) * 0.5em);
      font-weight: 500;
   }

   .pageInterview .scTalk .talkArea .textItem dl.parson1 dt{
      background-color: #6BCB8C;
      font-weight: 500;
   }

   .high-school .conBox{
      padding: 5rem 4rem 12rem 4rem;
   }


   .high-school .scHsIntro .conBox .fBox:nth-child(1){
      margin-bottom: 20px;
   }
   .pageInterview .scTalk .talkArea .textItem dl.parson2 dt{
      background-color: #FED86F;
   }

   .high-school .scHsIntro .conBox .fBox:nth-child(2){
      margin-left: 40px;
   }
   .high-school .scHsIntro .bgTitle+p{
      margin-bottom: 180px;
   }
   
   .high-school .scHsIntro .conBox .introArea{
      margin-top: -160px;
   }

   .high-school .conBox .dormitoryArea .bgTitle::after{
      top: -10%;
   }

   .high-school .conBox .dormitoryArea .access::before{
      top: -40px;
      width: 170px;
      height: 204px;
   }

   .high-school .conBox .dormitoryArea .accessItem.two{
      margin-top: 0;
   }

   .high-school .conBox .dormitoryArea .detailArea{
      align-items: flex-start;
   }

   .high-school .conBox .detailArea .detailBox{
      width: 48%;
   }

   .high-school .conBox .dormitoryArea .detailArea dl dt{
      white-space: nowrap;
   }

   .high-school .scHsFlow .flowBox .ttl{
      font-size: 3rem;
      white-space: nowrap;
   }

   .high-school .scHsFlow .flowBox:nth-child(2){
      width: 52%;
   }

   .high-school .pageHs .scWorksPhoto .disc{
      padding-left: 3rem;
      width: 40%;
   }

   
   .scPageLink a{
      transition: none;
   }

   .scPageLink .messageArea .fBox .linkArea{
      transition: none;
   }

   .scPageLink .personArea .fBox:not(.centerBox) .linkArea{
      transition: none;
   }

   .scPageLink .textItem .title{
      transition: none;
   }

   .scPageLink .textItem .title + p{
      transition: none;
      white-space: inherit;
   }

   .scPageLink .textItem .moreBtn{
      transition: none;
   }

   .scPageLink .personArea .fBox.centerBox .linkArea:nth-child(2){
      transition: none;
   }

   a{
      transition: none;
   }

   header {
      transition: none;
   }

   .scPageLink .personArea .fBox.centerBox .linkArea:first-child .imgItem{
      bottom: -40px;
   }

}


@media screen and (max-width: 760px) {
   .pagechallenge .scChallenge .speechBox{
      display: block;
   }

   .pagechallenge .scChallenge .speechBox .balloonItem{
      width: 100%;
      width: 318px;
      height: 440px;
      margin: 0 auto;
      background: url('../img/challenge/bubbleBottom.png') no-repeat top left/100%;
      padding: 3.6rem 2.5rem;
      position: relative;
   }

   .pagechallenge .scChallenge .speechBox:last-child .balloonItem{
      background: url('../img/challenge/bubbleBottom.png') no-repeat top left/100%;
      padding: 3rem 2.5rem;
   }

   .pagechallenge .scChallenge .speechBox:not(:last-child){
      margin-bottom: 6rem;
   }

   .pagechallenge .scChallenge .speechBox:nth-child(even) .balloonItem{
      background: url('../img/challenge/bubbleBottom.png') no-repeat top left/contain;
      padding: 3rem 2.5rem;
      position: relative;
   }

   .pagechallenge .scChallenge .speechBox:nth-child(even) .balloonItem::before{
      right: 0;
      left: inherit;
   }


   .pagechallenge .scChallenge .speechBox .balloonItem::before{
      content: '';
      width: 100%;
      height: 410px;
      position: absolute;
      top: 5%;
      left: 0;
      z-index: -1;
      background-color: #AEE2C0;
      border-radius: 40px;
   }


   .pagechallenge .scChallenge .speechBox:last-child .balloonItem::before{
      height: 410px;
   }

   .pagechallenge .scChallenge .speechBox .balloonItem .disc{
      letter-spacing: 0;
   }

   .pagechallenge .scChallenge .speechBox .balloonItem .name{
      text-align: right;
      margin-top: 1rem;
      font-weight: 500;
      font-size: 1.6rem;
   }

   .pagechallenge .scChallenge .speechBox .personItem{
      width: 100%;
      max-width: 260px;
      margin: 0 auto;
      margin-top: 3rem;
   }


   .high-school .scHsFlow {
      padding-top: 4rem;
   }

   .high-school .scHsFlow .bgTitle span{
      font-size: 2.2rem;
   }

   .high-school .scHsFlow .whiteBox{
      display: block;
      padding: 4.2rem;
   }

   .high-school .scHsFlow .bgTitle{
      margin-bottom: 2rem;
   }

   .high-school .scHsFlow .flowBox {
      position: relative;
      display: inline-block;
      margin: 0;
      padding: 7px 10px;
      width: 100%;
      min-width: 120px;
      max-width: 100%;
      color: #555;
      font-size: 16px;
      background: #FFF;
      border: solid 3px #FD7158;
      box-sizing: border-box;
      padding: 0.5rem 2rem;
      margin-bottom: 2rem;
   }

   .high-school .scHsFlow .flowBox .smText{
      font-size: 1.2rem;
      line-height: 1;
   }
   
   .high-school .scHsFlow .balloon:before {
      content: "";
      position: absolute;
      right: inherit;
      top: inherit;
      bottom: -24px;
      left: 50%;
      margin-top: 0;
      margin-left: -13px;
      border-left: none;
      border: 13px solid transparent;
      border-top: 13px solid #FFF;
      z-index: 2;
   }
   
   .high-school .scHsFlow .balloon:after {
      content: "";
      position: absolute;
      bottom: -32px;
      right: inherit;
      top: inherit;
      left: 50%;
      margin-left: -16px;
      margin-top: 0;
      border-left: none;
      border: 16px solid transparent;
      border-top: 16px solid #FD7158;
      z-index: 1;
   }

   .high-school .scHsFlow .flowBox:nth-child(2){
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      font-weight: 500;
      padding: 4rem 0;
   }

   .high-school .scHsFlow .flowBox:nth-child(2) .imgBalloon{
      width: 135px;
      margin: 0 0 0 auto;
      position: absolute;
      top: -30px;
      right: -60px;
   }

   
   .high-school .scHsFlow .flowBox:nth-child(2) .ttl{
      line-height: 1;
      margin-bottom: 1rem;
   }

   .high-school .scHsFlow .flowBox:nth-child(2) ul{
      margin-top: 1rem;
      font-size: 1.2rem;
   }



   .high-school .scHsFlow  .flowBox .ttl{
      font-size: 1.7rem;
      letter-spacing: 0.05em;
      font-weight: bold;
   }

   
   .high-school .scHsFlow  .flowBox.txtRl{
      writing-mode: inherit;
      text-align: center;
   }

   .high-school .pageHs .companyBtn .btn+p{
      font-size: 1.4rem;
   }

   .high-school .scHsFlow .flowBox.txtRl .ttl{
      letter-spacing: 0.05em;
      white-space: nowrap;
   }

}
 
/* mobile L */
@media screen and (max-width: 600px) {
   body.noScroll {
      width: 100%;
      height: 100%;
      position: fixed;
  }
   .pc2{
      display: none!important;
   }
   .sp2{
      display: block!important;
   }

   a{
      transition: none;
   }

   .bgText{
      font-size: 5rem;
   }
      /* header ヘッダー */
   header {
      height: 56px;
      transition: none;
   }

   
   header .headerWrap{
      padding: 0 0 0 1rem;
      height: 56px;
   }
   
   header .logoArea {
      align-items: flex-start;
      flex-direction: column;
      width: 130px;
   }
   
   header .logoArea p{
      font-size: 1rem;
      margin-left: 0;
      text-align: left;
      margin-top: 5px;
   }
   
   header .logoArea .siteLogo{
      width: 130px;
   }

   header .logoArea .siteLogo img{
      width: 100%;
      max-width: 130px;
   }

   header .headBtn{
      text-align: center;
      width: 50px;
      height: 100%;
      margin: 0;
      font-size: 1rem;
      letter-spacing: 0;
      transition: none;
   }
   
   header .headBtn.entry{
      letter-spacing: 0;
      font-size: 1.2rem;
   }

   header .hamburgerMenu {
      width: 56px;
      height: 56px;
      transition: none;

   }

   header .hamburgerMenu span {
      height: 2px;
      left: 18px;
      width: 22px;
   }

   header .hamburgerMenu span:nth-of-type(1) {
      top: 18px;
   }

   header .hamburgerMenu span:nth-of-type(2) {
      top: 26px;
   }

   header .hamburgerMenu span:nth-of-type(3) {
      top: 34px;
   }

   header .hamburgerMenu.is-active span:nth-of-type(1) {
      -webkit-transform: translateY(8px) rotate(-45deg);
      transform: translateY(8px) rotate(-45deg);
   }

   header .hamburgerMenu.is-active span:nth-of-type(3) {
      -webkit-transform: tr anslateY(-8px) rotate(45deg);
      transform: translateY(-8px) rotate(45deg);
   }
   
   header .navArea{
      padding-top: 7.5rem;
      overflow: hidden;
      overflow-y: auto;
      min-height: auto;
   }

   header .navArea .bgText{
      font-size: 5rem;
      left: -20%;
      bottom: 80px;
      position: absolute;
      z-index: 1;
   }

   header .high-schoolBtn{
      right: 1.5%;
      bottom: 0;
      width: 35vw;
      max-width: 138px;
      z-index: 9;
   }

   header .navArea.active .bgText{
      bottom: 15vh;
   }

   .page header .high-schoolBtn{
      bottom: 80px;
      bottom: 15vh;
   }

   .high-school header .navArea .bgText{
      bottom: 15vh;
   }

   

   .high-schoolBtn.top{
   right: 1.5%;
      bottom: 0;
      width: 138px;
      max-width: 138px;
      transition: none;
}

.high-schoolBtn.top img{
width: 138px;
}

   /* nav  ナビゲーション  */
   header .gnav{
      display: block;
      padding: 0 1rem;
   }

   header .gnav .menuBox:nth-child(1){
      width: 100%;
   }

   header .gnav .menuBox:nth-child(2){
      width: 100%;
   }

   header .gnav .menuBox:nth-child(3){
      width: 100%;
   }

   header .gnav .menuBox .navMenu{
      margin-bottom: 0;
      letter-spacing: 0;
   }

   header  .gnav .menuBox .navMenu .menuTitle{
      font-size: 1.4rem;
      margin-bottom: 0;
      font-weight: 500;
      border-top: 1px solid #707070;
   }

   header  .gnav .menuBox:last-child .navMenu:last-of-type .menuTitle{
      border-bottom: 1px solid #707070;
   }

   .gnav .menuBox .navMenu .menuTitle a{
      display: block;
      padding: 1.4rem 1rem;
   }

   header .gnav .menuBox .navMenu ul{
   display: none;
   }

   .gnav .menuBox .navMenu:first-child{
      min-height: auto;
   }

   .gnav .menuBox .navMenu:nth-child(2){
      min-height: auto;
   }

   /* footer フッター */

   footer .gnav{
      padding: 4rem 0 2rem 0;
   }

   footer .gnav .menuBox:nth-child(1){
      width: 54%;
   }

   footer .gnav .menuBox:nth-child(2){
   display: none;
   }

   footer .gnav .menuBox:nth-child(3){
      width: 48%;
      padding-left: 0;
   }

   footer .gnav .menuBox .navMenu{
      letter-spacing: 0;
      margin-bottom: 3rem;
   }

   footer  .gnav .menuBox .navMenu .menuTitle{
      font-size: 1.2rem;
      margin-bottom: 0;
      font-weight: 500;
   }


   footer .gnav .menuBox .navMenu .menuTitle a{
      display: block;
      padding: 5px 0;
   }


   footer .gnav .menuBox .navMenu ul li{
      margin-bottom: 0;
   }

   .gnav .menuBox .navMenu ul li{
      font-size: 1rem;
   }
   footer .gnav .menuBox .navMenu ul li a{
      font-size: 1rem;
      white-space: normal;
   }

   .gnav .menuBox .navMenu ul li:not(:last-child){
      margin-bottom: 5px;
   }

   footer .gnav .menuBox .navMenu ul{
      padding-left: 1rem;
      margin-left: 1rem;
      border-left: 2px solid #ddd;
   }
   

   footer .gnav .menuBox .navMenu:first-child{
      min-height: auto;
   }

   footer .gnav .menuBox .navMenu:nth-child(2){
      min-height: auto;
   }


   footer .copyright{
      padding: 1.4rem 0;
      font-size: 1rem;
   }

   #goToTop {
      right: 25px;
      bottom: 20px;
      z-index: 99;
      width: 50px;
      height: 50px;
      border: 2px solid #159944;
      transition: opacity 0.3s ease;
   }

   #goToTop::after{
      width: 14px;
      height: 7px;
   }

   #goToTop:hover::after{
      top: 40%;
   }

   .high-school #goToTop{
      border-width: 2px;
   }


   /* # =================================================================
      # トップページ 600px
      # ================================================================= */

   /* メインビジュアル */

   
   .scMv{
      height: 80vh;
      min-height: auto;
      max-height: 600px;
   }

   .scMv .mvImg{
      height: 80vh;
      min-height: auto;
      max-height: 600px;
      background: url('../img/mvSp.jpg') no-repeat top center/cover;
   }

   .scMv .mvText{
      width: 86%;
      position: absolute;
      bottom: 34%;
      left: 2rem;
   }


   /* リード文 */
   .scLead{
      padding: 1.5rem 0;
   }

   .scLead .scroll{
      font-size: 1.6rem;
      margin-bottom: 2.8rem;
   }

   .scLead .scroll::after{
      width: 10px;
      height: 88px;
   }

   .scLead .leadText p{
      line-height: 3.2;
      font-size: 1.4rem;
      letter-spacing: 0;
      margin-top: calc((1 - 1.8) * 0.5em);
   }

   .scLead .leadText p:not(:first-child){
      margin-top: 4rem;
   }

   .scLead .bgText{
      margin-top: 0;
      line-height: 1;
      transform: translateX(-35%);
   }

   .scPageLink .scTitle{
      font-size: 1.4rem;
   }

   .scPageLink .textItem p{
      font-size: 1.2rem;
      letter-spacing: 0;
   }

   .scPageLink .textItem .title{
      font-size: 1.7rem;
      line-height: 1.2;
      letter-spacing: 0;
      padding: 0 1rem;
   } 

   .scPageLink .textItem .moreBtn{
      font-size: 1.4rem;
      width: 94%;
      max-width: 164px;
      height: 34px;
      border-radius: 28px;
      letter-spacing: 0.05em;
      margin-top: 1.8rem;
   }

   .scPageLink .textItem .moreBtn::after{
      width: 16px;
      height: 8px;
   }

   .scPageLink .messageArea .linkArea{
      height: 240px;
   }

   .scPageLink .messageArea .fBox .linkArea{
      width: 78%;
   }

   .scPageLink .messageArea .fBox > .imgVege{
      width: 22%;
   }

   

   .scPageLink .messageArea .fBox .linkArea .imgItem{
      width: 32%;
      transform: none;
      position: absolute;
      bottom: 0;
      right: 0;
      text-align: right;
   }

   .scPageLink a{
      transition: none;
   }

   .scPageLink .messageArea .fBox .linkArea{
      transition: none;
   }

   .scPageLink .personArea .fBox:not(.centerBox) .linkArea{
      transition: none;
   }

   .scPageLink .textItem .title{
      transition: none;
   }

   .scPageLink .textItem .title + p{
      transition: none;
      white-space: inherit;
   }

   .scPageLink .personArea .fBox.centerBox .linkArea .textItem .title + p{
      font-size: 1.1rem;
      letter-spacing: 0;
   }

   .scPageLink .messageArea .fBox .linkArea .textItem{
      margin-left: 0;
   }



   .scPageLink .aboutArea .fBox{
      height: 240px;
   } 

   .scPageLink .aboutArea .fBox .linkArea:nth-child(2) .textItem{
      padding-bottom: 2rem;
   }


   .scPageLink .personArea .linkArea{
      height: 240px;
   }

   .scPageLink .personArea .fBox:not(.centerBox) .linkArea{
      width: 78%;
   }

   .scPageLink .personArea .fBox:not(.centerBox) > .imgVege{
      width: 22%;
   }

   .scPageLink .personArea .fBox:not(.centerBox) .linkArea{
      flex-direction: column;
   }

   .scPageLink .personArea .fBox:not(.centerBox) .linkArea .imgItem{
      width: 100%;
      max-width: 940px;
      margin-top: 0;
   }

   .scPageLink .personArea .fBox.centerBox .linkArea:first-child{
      padding-bottom: 6rem;
   }

   .scPageLink .personArea .fBox.centerBox .linkArea:nth-child(2) .textItem{
      height: 160px;
   }

   .scPageLink .personArea .fBox.centerBox .linkArea:nth-child(2) .imgItem img{
      width: 100%;
      height: 80px;
      object-fit: cover;
   }

   .scPageLink .recruitArea .linkArea{
      height: 240px;
      overflow: hidden;
   }

   .scPageLink .personArea .fBox.centerBox .linkArea:first-child{
      padding: 0;
      padding-top: 3rem;
      display: block;
      overflow: hidden;
   }

   .scPageLink .personArea .fBox.centerBox .linkArea:first-child .imgItem{
      position: relative;
      max-width: 240px;
      margin: 0 auto;
      bottom: 0;
   }

      
   .bgTitle{
      font-size: 2.2rem;
      letter-spacing: 0.05em;
      text-align: center;
      min-width: auto;
      margin: 0 auto;
   }

   .bgTitle span{
      background-color: #000000;
      padding: 0.8rem 1.5rem;
   }


   .scPageLink .fBox.centerBox .linkArea{
      padding: 0 0.8rem;
   }

   .scPageLink .textItem .title + p{
      padding: 5px 0;
   }

   
   .scPageLink .textItem .moreBtn{
      transition: none;
   }

   .scPageLink .personArea .fBox.centerBox .linkArea:nth-child(2){
      transition: none;
   }


   /* # =================================================================
      # 下層ページ 600px
      # ================================================================= */

   /* メインタイトル */
   .pageMv{
      height: 30vh;
      min-height: 274px;
   }

   .pageMv .pageTitle{
      margin-top: auto;
      position: absolute;
      background-color: #fff;
      left: 0;
      bottom: -1px;
      height: 34px;
      padding-right: 2rem;
      padding-left: 2.5rem;
      font-size: 1.6rem;
      letter-spacing: 0.05em;
      font-weight: 400;
      display: flex;
      align-items: flex-end;
   }

   .pageMv .pageTitle::after{
      content: '';
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 34px 0 0 18px;
      border-color: transparent transparent transparent #ffffff;
      position: absolute;
      bottom: 0;
      left: 99.6%;
   }

   /* タイトル */
   .centerTitle{
      font-size: 2.2rem;
      letter-spacing: 0;
   }

   .conTitle{
      font-size: 2.2rem;
      line-height: 1.4;
      text-align: center;
      margin-bottom: 1.5rem;
   }

   p.disc{
      font-size: 1.4rem;
      letter-spacing: 0.05em;
      line-height: 2.14;
   }

      
   /* アンカーリンク */
   .pageNav{
      display: block;
      margin-bottom: 4rem;
      margin-top: 4rem;
      position: relative;
   }

   .pageNav::before{
      content: '';
      width: 100%;
      display: block;
      height: 45px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 9;
   }

   .pageNav.active::before{
      display: none;
   }

   .pageNav li{
      margin: 0;
      height: 45px;
      padding-top: 0;
      font-size: 14px;
      font-weight: bold;
      background-color: #fff;
      background-color: rgba(107,203,140,0.2);
      position: relative;
      margin-top: 2px;
   }

   .pageRecruit .pageNav li{
      margin-top: 2px;
   }

   .pageNav li a{
      display: block;
      height: 100%;
      font-size: 1.4rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      padding-left: 2rem;
      display: flex;
      align-items: center;

   }

   .pageNav li .hasLine{
      position: relative;
      font-size: 1rem;
      font-weight: 700;
      display: inline-block;
      letter-spacing: 0.1em;
      margin-bottom: 0;
      padding-left: 2rem;
      position: absolute;
      top: 4px;
   }

   .pageNav li .hasLine+a{
      align-items: flex-end;
   }

   .pageNav::after{
      content: '';
      display: inline-block;
      width: 45px;
      height: 45px;
      background: url('../img/anchorArrowSp.svg') no-repeat bottom center/cover;
      vertical-align: bottom;
      margin-left: 1rem;
      position: absolute;
      top: 0;
      right: 0;
   }

   .pageNav li .hasLine::after{
      content: '';
      display: block;
      width: 100%;
      height: 8px;
      background: url('../img/lineItem.svg') no-repeat bottom left/100%;
      margin-top: 0;
   }

   .pageNav li a::after{
      display: none;
   }

    .pageNav li:not(.active){
       display: none;
    }

    .pageNav li.noActive{
      display: none!important;
   }

     .pageNav li.active{
      display: block!important;
     }


     .pageRecruit .pageNav li{
      text-align: center;
      margin: 0;
      margin-bottom: 0;
      margin-top: 2px;
   }

      .pageRecruit .pageNav li a{
         font-size: 1.4rem;
      }

      .pageRecruit .pageNav li a::after{
         width: 45px;
      height: 45px;
      }

    

   .scLeadRl{
    margin-top: 2rem;
    writing-mode: inherit;
    display: block;
   }

   .pagechallenge .scWish .scLeadRl .conTitle{
      margin-top: 0;
   }

   @media screen and (-webkit-min-device-pixel-ratio: 0) {
      _::-webkit-full-page-media, _:future, :root .scLeadRl .conTitle .en{
         display: inline-block;
         transform: none;
      }

      _::-webkit-full-page-media, _:future, :root .scLeadRl .conTitle .en span{
         transform: none;
      }
      _::-webkit-full-page-media, _:future, :root .scLeadRl .disc .en{
         transform: none;
      }

  }




   .scLeadRl .conTitle{
      margin-left: 0;
      font-size: 2.2rem;
      margin-bottom: 2rem;
      letter-spacing: 0;
   }



   .scLeadRl .disc{
      font-size: 1.4rem;
      letter-spacing: 0;
      line-height: 2.4;
      text-align: center;
   }
   

   .scLeadRl .disc:not(:last-child){
      margin-left: 0;
      margin-bottom: 4rem;
   }

   .boxTitle{
      font-size: 1.7rem;
   
   }


   /* 社長挨拶 meesage */
   .pageMessage .pageMv{
      background-image: url('../img/message/mvMessageBgSp.jpg');
   }

   .pageMessage .scMessage{
      padding-top: 4rem;
      padding-bottom: 6rem;
   }

   .pageMessage .contentsBox .disc span{
      background:linear-gradient(transparent 60%, #FFFA00 60%);
   }

   .pageMessage .contentsBox .conTitle{
      margin-top: 4rem;
   }

   .pageMessage .contentsBox .imgItem{
      position: relative;
   }

   .pageMessage .contentsBox .imgItem::before{
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      top: 30px;
      left: -30px;
      z-index: -1;
      background-color: #AEE2C0;
   }

   .pageMessage .contentsBox .disc + .imgItem{
      margin-top: 4rem;
   }

   .pageMessage .contentsBox .imgItem + .conTitle{
      margin-top: 7rem;
   }


   .pageMessage .contentsBox .fBox{
      display: block;
      margin-top: 4rem;
   }

   .pageMessage .contentsBox .fBox .textItem{
      width: 100%;
      margin-top: 7rem;
   }

   .pageMessage .contentsBox .fBox .textItem .name{
      font-size: 1.4rem;
      margin-top: 4rem;
   }

   .pageMessage .contentsBox .fBox .imgItem{
      width: 100%;
      margin-top: 0;
   }

   

   /*  特徴 features 600px*/
   .pageFeatures .pageMv{
      background-image: url('../img/features/mvFeaturesBg.jpg');
   }

   .pageFeatures .scDNA{
      padding-top: 0;
      padding-bottom: 8rem;
   }


   .pageFeatures .scNumber{
      background-color: #6BCB8C;
      padding: 4.5rem 0 0 0;
   }

   .pageFeatures .scNumber .bgTitle{
      margin-bottom: 2.5rem;
   }

   .pageFeatures .scNumber .numberBox{
      position: relative;
      z-index: 2;
      filter: drop-shadow(5px 5px 6px rgba(0, 0, 0, 0.16));
      margin-bottom: 1rem;
   }

   .pageFeatures .scNumber .numberBox .numberBoxWrap{
      clip-path: polygon(9% 0, 92% 0, 100% 4%, 100% 96%, 93% 100%, 8% 100%, 0 94.5%, 0 4%);
      padding: 2rem 3.2rem;
      background-color: #fff;
   }

   .pageFeatures .scNumber .numberBox:nth-child(3) .numberBoxWrap{
      clip-path: polygon(9% 0, 92% 0, 100% 4%, 100% 96%, 93% 100%, 8% 100%, 0 94.5%, 0 4%);
   }

   .pageFeatures .scNumber .numberBox.box4 .numberBoxWrap{
      clip-path: polygon(9% 0, 92% 0, 100% 1.5%, 100% 98.5%, 91% 100%, 8% 100%, 0 98.5%, 0 1.5%);
   }
      .pageFeatures .scNumber .numberBox .centerTitle{
         margin-bottom: 1rem;
      }
   .pageFeatures .scNumber .numberBox .numText{
      font-size: 2.2rem;
      color: #159944;
      font-weight: 700;
      text-align: center;
      margin-bottom: 1rem;
   }

   .pageFeatures .scNumber .numberBox .numText .num{
      font-size: 9rem;
      letter-spacing: 0;
      line-height: 1;
      margin-right: 0.5rem;
      display: inline-block;
   }

   .pageFeatures .scNumber .numberBox .numText .small{
      font-size: 2.2rem;
   }

   .pageFeatures .scNumber .numberBox .numImg{
      margin-top: 1rem;
   }

   .pageFeatures .scNumber .numberBox .disc{
      letter-spacing: 0;
   }

   .pageFeatures .scNumber .twoBox .numberBox .numText{
      letter-spacing: 0;
      line-height: 0.8;
   }

   .pageFeatures .scNumber .twoBox .numberBox .numText .num{
      letter-spacing: 0;
      line-height: 0.8;
   }


   .pageFeatures .scNumber .numberBox .numImg + .disc{
      margin-top: 1rem;
   }

   .pageFeatures .scNumber .twoBox{
      display: block;
      justify-content: space-between;
      margin-bottom: 3rem;
   }

   .pageFeatures .scNumber .twoBox .numberBox{
      width: 100%;
      margin-bottom: 2rem;
   }

   .pageFeatures .scNumber .twoBox .numberBox .numImg{
      width: 110%;
   }

   .pageFeatures .scNumber .twoBox .numberBox.box2 .numText{
      line-height: 1.5;
      letter-spacing: 0;
      text-align: center;
   }

   .pageFeatures .scNumber .twoBox .numberBox.box2 .numText .num{
      transform: none;
   }

   .pageFeatures .scNumber .twoBox .numberBox.box2 .numImg{
      width: 105%;
      transform: translateX(-5%);
      margin-top: 1rem;
   }

   .pageFeatures .scNumber .numberBox.box3 {
      margin-bottom: 5rem;
   }

   .pageFeatures .scNumber .numberBox.box3 .fBox{
      display: block;
      margin-top: 0;
   }

   .pageFeatures .scNumber .numberBox.box3 .numText{
      display: flex;
      align-items: flex-end;
      justify-content: center;
   }

   .pageFeatures .scNumber .numberBox.box3 .numText .num{
      line-height: 0.8;
      margin-top: 0;
   }

   .pageFeatures .scNumber .numberBox.box3 .numText .rl{
      -ms-writing-mode: inherit;
      writing-mode: inherit;
      letter-spacing: 0;
      font-size: 2.2rem;
      letter-spacing: 0.2em;
      line-height: 1;
   }

   .pageFeatures .scNumber .centerTitle.wh{
      margin-bottom: 4.5rem;
   }
   .pageFeatures .scNumber .numberBox.box3 .disc{
      width: 100%;
   }

   .pageFeatures .scNumber .numberBox.box4 .fBox{
      display: block;
      padding-bottom: 1.6rem;
      margin-bottom: 2rem;
   }

   .pageFeatures .scNumber .numberBox.box4 .fBox:first-of-type{
      align-items: flex-end;
   }
   .pageFeatures .scNumber .numberBox.box4 .fBox:first-of-type .boxItem{
      width: 100%;
   } 

   .pageFeatures .scNumber .numberBox.box4 .fBox .boxItem{
      width: 100%;
      position: relative;
      
   } 


   .pageFeatures .scNumber .numberBox.box4 .fBox .boxItem .numText{
      margin-bottom: 2.5rem;
   }

   .pageFeatures .scNumber .numberBox.box4 .fBox .boxItem .numText .num{
      letter-spacing: -0.05em;
   }

   .pageFeatures .scNumber .numberBox.box4 .fBox:first-of-type .disc{
      width: 100%;
      margin-top: 1rem;
   } 

   .pageFeatures .scNumber .numberBox.box4 .fBox:nth-of-type(2){
      padding-bottom: 2rem;
   }
   .pageFeatures .scNumber .numberBox.box4 .fBox:nth-of-type(2) .centerTitle{
      padding-top: 0;
      margin-bottom: 0;
   }
   .pageFeatures .scNumber .numberBox.box4 .fBox:nth-of-type(2) .boxItem:nth-child(1){
      border-right: none;
      padding-bottom: 1.6rem;
      margin-bottom: 2rem;
      border-bottom: 2px solid #6BCB8C;
   }

   .pageFeatures .scNumber .numberBox.box4 .boxItem.age{
      padding-left: 1.5rem;
   }

   .pageFeatures .scNumber .numberBox.box4 .boxItem.age .num{
      line-height: 1;
      position: relative;
      z-index: 1;
   }

   .pageFeatures .scNumber .numberBox.box4 .fBox .boxItem.age .numText{
      margin-bottom: 1rem;
      position: relative;
      z-index: 1;
   }

   .pageFeatures .scNumber .numberBox.box4 .boxItem.gender .numImg{
      width: 58%;
      max-width: 314px;
      margin-top: -2rem;
   }

   .pageFeatures .scNumber .numberBox.box4 .fBox:nth-of-type(3){
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0;
   }

   .pageFeatures .scNumber .numberBox.box4 .boxItem.ratio{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
   }

   .pageFeatures .scNumber .numberBox.box4 .boxItem.ratio:nth-child(1){
      border-right: none;
      padding-right: 0;
   }

   .pageFeatures .scNumber .numberBox.box4 .boxItem.ratio:nth-child(1){
      border-bottom: 2px solid #6BCB8C;
      padding-bottom: 1.8rem;
      margin-bottom: 2rem;
   }

   .pageFeatures .scNumber .numberBox.box4 .boxItem.ratio .centerTitle{
      margin-bottom: 2rem;
      padding-top: 0;
   }
   .pageFeatures .scNumber .numberBox.box4 .boxItem.ratio:nth-child(2){
      padding-left: 5%;
   }
   .pageFeatures .scNumber .numberBox.box4 .boxItem.ratio .numImg{
      width: 90%;
      margin: 0 auto;
   }

   .pageFeatures .scNumber .numberBox.box4 .boxItem.ratio:nth-child(1) .numImg{
      width: 100%;
      margin: 0 auto;
   }

   .pageFeatures .scNumber .numberBox+.note{
      font-size: 1.2rem;
      margin-top: 1rem;
   }

   .pageFeatures .companyBtn{
      padding: 8rem 0;
   }

   .pageFeatures .companyBtn .btn{
      font-size: 2.2rem;
      font-weight: 700;
      width: 100%;
      max-width: 680px;
      height: 110px;
   }

   .pageFeatures .companyBtn .btn::after{
      width: 28px;
      height: 28px;
   }

   

   /*  Santokuと社員の挑戦 challenge 600px*/
   .pagechallenge .pageMv{
      background-image: url('../img/challenge/mvChallengeBgSp.jpg');
   }

   .pagechallenge .scWish{
      padding-top: 0;
      padding-bottom: 6rem;
   }

   .pagechallenge .scStrategy{
      padding: 4rem 0 0 0;
   }

   .pagechallenge .scStrategy .titleLead{
      font-size: 1.4rem;
      margin-bottom: 3rem;
   }

   .pagechallenge .scStrategy .whiteBox{
      background-color: #fff;
      box-shadow: 0 10px 10px 5px rgba(0, 0, 0, 0.16);
      padding: 1.5rem 3rem 3rem 3rem;
      justify-content: space-between;
      align-items: center;
   }

   .pagechallenge .scStrategy .whiteBox:nth-child(2){
      padding: 1.5rem 3rem 3rem 3rem;
   }

   .pagechallenge .scStrategy .whiteBox:not(:last-child){
      margin-bottom: 2rem;
   }

   .pagechallenge .scStrategy .whiteBox .imgItem{
      width: 100%;
      margin-bottom: 2rem;
   }

   .pagechallenge .scStrategy .whiteBox .textItem{
      width: 100%;
   }

   .pagechallenge .scStrategy .whiteBox .textItem .conTitle{
      border-bottom: 1px solid #159944;
      margin-bottom: 2.5rem;
   }

   .pagechallenge .scStrategy .whiteBox .textItem .subTitle{
      font-size: 1.6rem;
      text-align: center;
      letter-spacing: 0;
      line-height: 1.6;
   }

   .pagechallenge .scChallenge{
      padding: 6rem 0 8rem 0;
   }

   .pagechallenge .scChallenge .bgTitle{
      margin-bottom: 1rem;
      margin-top: 2rem;
   }

   .pagechallenge .scChallenge .bgTitle+p{
      font-size: 1.4rem;
      margin-bottom: 4rem;
   }

   .pagechallenge .scChallenge .speechBox{
      display: block;
   }


   .pagechallenge .scChallenge .speechBox .balloonItem{
      width: 100%;
      width: 318px;
      height: 440px;
      margin: 0 auto;
      background: url('../img/challenge/bubbleBottom.png') no-repeat top left/100%;
      padding: 3.6rem 2.5rem;
      position: relative;
   }

   .pagechallenge .scChallenge .speechBox:last-child .balloonItem{
      background: url('../img/challenge/bubbleBottom.png') no-repeat top left/100%;
      padding: 3rem 2.5rem;
   }

   .pagechallenge .scChallenge .speechBox:not(:last-child){
      margin-bottom: 6rem;
   }

   .pagechallenge .scChallenge .speechBox:nth-child(even) .balloonItem{
      background: url('../img/challenge/bubbleBottom.png') no-repeat top left/contain;
      padding: 3rem 2.5rem;
      position: relative;
   }

   .pagechallenge .scChallenge .speechBox:nth-child(even) .balloonItem::before{
      right: 0;
      left: inherit;
   }


   .pagechallenge .scChallenge .speechBox .balloonItem::before{
      content: '';
      width: 100%;
      height: 410px;
      position: absolute;
      top: 5%;
      left: 0;
      z-index: -1;
      background-color: #AEE2C0;
      border-radius: 40px;
   }


   .pagechallenge .scChallenge .speechBox:last-child .balloonItem::before{
      height: 410px;
   }

   .pagechallenge .scChallenge .speechBox .balloonItem .disc{
      letter-spacing: 0;
   }

   .pagechallenge .scChallenge .speechBox .balloonItem .name{
      text-align: right;
      margin-top: 1rem;
      font-weight: 500;
      font-size: 1.6rem;
   }

   .pagechallenge .scChallenge .speechBox .personItem{
      width: 100%;
      max-width: 260px;
      margin: 0 auto;
      margin-top: 3rem;
   }


   
   /* 職種紹介 works 600px*/
   .pageWorks .worksNav{
      margin: 0 auto;
      display: block;
      margin-top: 4rem;
      padding: 0;
   }

   .pageWorks .worksNav li{
      max-width: 120px;
      margin: 0 2rem;
      transition: 0.3s ease all;
   }

   .pageWorks .worksNav .slick-slide li a::before{
      display: block;
   }

   /* .pageWorks .worksNav .slick-slide li{
      pointer-events: none;
   } */

   
   .pageWorks .worksNav .slick-slide.slick-active li a::before{
      display: none;
   }



   /* .pageWorks .worksNav li a p{
      font-size: 1rem;
   } */
   .pageWorks .worksNav li p{
      text-shadow: none;
      filter: drop-shadow(0px 0px 5px rgba(71, 71, 67, 0.8));
   }

   .pageWorks .worksNav .slick-slide:not(.slick-active) li p{
      display: none;
   }

    .pageWorks .worksNav .slick-slide:not(.slick-active) li{
       transform: scale(0.9);
    }

   .pageWorks .worksNav .slick-slide li.active::before{
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      opacity: 0.7;
      background: rgb(147,237,179);
      background: linear-gradient(180deg, rgba(147,237,179,1) 0%, rgba(80,178,115,1) 100%);
      position: absolute;
      top: 0;
      left: 0;
      transition: 0.3s ease all;
   }

   .pageWorks .worksNav .slick-slide.slick-active li.active::before{
      display: none;
   }

   .pageWorks .pageMv{
      min-height: 274px;
   }

   .pageWorks .pageMv .mvText{
      position: absolute;
      top: 55%;
      transform: translateY(-50%);
      left: 2.5rem;
      color: #fff;
   }

   .pageWorks .pageMv .mvText p span{
      display: inline-block;
      background-color: rgba(0,0,0,0.7);
      font-size: 1.7rem;
      font-weight: 700;
      padding: 2px 15px 2px 10px;
      line-height: 1.5;
      letter-spacing: 0.1em;
      
   }

   .pageWorks .pageMv .mvText .type span{
      font-size: 1.2rem;
      margin-top: 1.5rem;
      padding: 2px 10px;
   }

   .pageWorks .pageMv .worksMv.works1{
      background-image: url('../img/works/mvWorks1BgSp.jpg');
   }

   .pageWorks .pageMv .worksMv.works2{
      background-image: url('../img/works/mvWorks2BgSp.jpg');
   }

   .pageWorks .pageMv .worksMv.works3{
      background-image: url('../img/works/mvWorks3BgSp.jpg');
   }

   .pageWorks .pageMv .worksMv.works4{
      background-image: url('../img/works/mvWorks4BgSp.jpg');
   }

   .pageWorks .pageMv .worksMv.works5{
      background-image: url('../img/works/mvWorks5BgSp.jpg');
   }

   .pageWorks .pageMv .worksMv.works6{
      background-image: url('../img/works/mvWorks6BgSp.jpg');
   }

   .pageWorks .pageMv .worksMv.works7{
      background-image: url('../img/works/mvWorks7BgSp.jpg');
   }


   .pageWorks .scWorksDetail{
      padding-top: 4rem;
      margin-bottom: 4rem;
   }

   .pageWorks .scWorksDetail .wrap{
      max-width: 845px;
   }

   .pageWorks .scWorksDetail .worksImg{
      position: relative;
      padding: 0 2rem;
   }

   .pageWorks .scWorksDetail .worksImg .textArea{
      position: absolute;
      top: 58%;
      right: -5%;
      transform: translateY(-50%);
      text-align: right;
   }

   .pageWorks .scWorksDetail .worksImg .textArea .worksMessage span{
      display: inline-block;
      background-color: #000;
      color: #fff;
      font-size: 1.4rem;
      margin-bottom: 5px;
      padding: 0 10px;
      font-weight: 700;
   }

   .pageWorks .scWorksDetail .worksImg .textArea .name{
      display: inline-block;
      background-color: #000;
      color: #fff;
      font-size: 1.2rem;
      margin-top: 1.5rem;
      padding: 2px 10px;
      font-weight: 700;
   }

   .pageWorks .scWorksDetail .conTitle{
      margin-top: 3.5rem;
      margin-bottom: 1.2rem;
   }

   .pageWorks .scWorksDetail .disc{
      letter-spacing: 0;
   }

   .pageWorks .scWorksChallenge{
      margin-bottom: 6rem;
   }

   .pageWorks .scWorksChallenge .wrap{
      /* max-width: calc(100% - 5rem); */
      padding: 2rem 2.5rem;
   }

   .pageWorks .scWorksChallenge .bgTitle{
      margin-bottom: 4rem;
      min-width: auto;
      font-size: 1.7rem;
   }

   .pageWorks .scWorksChallenge .storyBox{
      display: block;
      margin-bottom: 5rem;
   }

   .pageWorks .scWorksChallenge .storyBox .imgItem{
      width: 100%;
      max-width: 205px;
      margin: 0 auto 2.5rem auto;
   }

   .pageWorks .scWorksChallenge .storyBox .disc{
      width: 100%;
   }

   .pageWorks .scWorksChallenge .storyBox::after{
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 27px 36px 0 36px;
      border-color: #6BCB8C transparent transparent transparent;
      position: absolute;
      transform: translateX(-50%);
      left: 50%;
      bottom: -48px;
   }

   .pageWorks .scWorksChallenge .storyBox:last-child::after{
      display: none;
   }

   .pageWorks .scWorksChallenge .storyBox.tyousen{
      margin-bottom: 8rem;
   }

   .pageWorks .scWorksChallenge .storyBox.tyousen .bg{
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
   }

   .pageWorks .scWorksChallenge .storyBox.tyousen::after{
      bottom: -54px;
   }

   .pageWorks .scWorksChallenge .storyBox.tyousen .ttl{
      font-size: 2.2rem;
      letter-spacing: 0.05em;
      line-height: 1.7;
      text-align: center;
      color: #159944;
      font-weight: 700;
      width: 100%;
      padding: 2.5rem 0;
   }

   .pageWorks .scWorksBottom {
      position: relative;
   }

   .pageWorks .scWorksBottom .message{
      margin: 0 auto;
      position: static;
      transform: translate(0, -60px);
      box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.16);
      padding: 5rem 2.5rem;
   } 

   .pageWorks .scWorksBottom .message .centerTitle{
      margin-bottom: 2rem;
   }


   /*  優勝者への道のり interview 600px*/
   .pageInterview .pageMv{
      background-image: url('../img/interview/mvInterviewBgSp.jpg');
   }

   .pageInterview .scTalk{
      padding-top: 4rem;
   }

   .pageInterview .scTalk .centerTitle{
      font-size: 2rem;
      letter-spacing: -0.05em;
   }

   .pageInterview .scTalk .centerTitle.title2{
      font-size: 1.9rem;
   }

   .pageInterview .scTalk .centerTitle sup{
      font-size: 1rem;
      margin-left: -5px;
   }

   .pageInterview .scTalk .intro{
      margin-top: 5rem;
      margin-bottom: 4rem;
      display: block;
      width: 100%;
      padding: 0;
   }

   .pageInterview .scTalk .note{
      margin-top: 3rem;
      font-size: 1.1rem;
   }

   .pageInterview .scTalk .intro .introBox{
      width: 100%;
      display: flex;
      align-items: flex-end;
      padding: 0 2.5rem;
      position: relative;
      justify-content: space-between;
   }

    .pageInterview .scTalk .intro .introBox:nth-child(1){
       margin-bottom: 6rem;
    }

    .pageInterview .scTalk .intro .introBox:nth-child(2){
       flex-direction: row-reverse;
    }

   .pageInterview .scTalk .intro .introBox:nth-child(1)::before{
      top: 0;
      left: 0;
      width: 100%;
   }

   .pageInterview .scTalk .intro .introBox:nth-child(1){
      padding: 0;
      padding-right: 2.5rem;
      padding-left: 0;
   }

   .pageInterview .scTalk .intro .introBox:nth-child(2){
      padding: 0;
      padding-left: 2.5rem;
      padding-right: 0;
   }

   .pageInterview .scTalk .intro .introBox:nth-child(2)::before{
      width: 100%;
      top: 0;
      right: 0;
   }

   .pageInterview .scTalk .intro .introBox .imgItem{
      width: 56%;
      max-width: 300px;
      position: relative;
      z-index: 2;
      transform: translateY(-30px);
   }

   .pageInterview .scTalk .intro .introBox .imgItem::before{
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      top: 30px;
      left: -30px;
      z-index: -1;
      background-color: #fff;
      opacity: 0.5;
   }

   .pageInterview .scTalk .intro .introBox .textItem{
      width: 40%;
      margin-left: 1.5rem;
      position: relative;
      z-index: 1;
      padding-bottom: 3rem;
   }

   .pageInterview .scTalk .intro .introBox:nth-child(2) .textItem{
      margin-left: 0;
      z-index: 2;
   }

   .pageInterview .scTalk .intro .introBox .textItem p{
      font-weight: 500;
      font-size: 1.2rem;
   }


   .pageInterview .scTalk .intro .introBox .textItem .name{
      font-size: 1.6rem;
      margin-bottom: 1rem;
   }

   .pageInterview .scTalk .contentsBox .centerTitle{
      margin-bottom: 4rem;
      letter-spacing: -0.05em;
   }

   .pageInterview .scTalk .talkArea{
      margin-bottom: 4rem;
      display: block;
   }

   .pageInterview .scTalk .talkArea:last-child{
      margin-bottom: 8rem;
   }

   .pageInterview .scTalk .talkArea .textItem{
      width: 100%;
   }


   .pageInterview .scTalk .talkArea .imgItem{
      position: static;
      width: calc(100% + 50px);
      margin: 4rem -25px 0 -25px;
   }

   .pageInterview .scTalk .talkArea:nth-of-type(2) .imgItem{
      position: static;
      width: calc(100% + 50px);
      margin: 4rem -25px 0 -25px;
   }

   .pageInterview .scTalk .talkArea:nth-of-type(3) .imgItem{
      position: static;
      width: calc(100% + 50px);
      margin: 4rem -25px 0 -25px;
   }

   .pageInterview .scTalk .talkArea:nth-of-type(3) .imgItem img{
      display: inline-block;
      margin-bottom: 0;
   }

   .pageInterview .scTalk .talkArea:nth-of-type(4) .imgItem{
      position: static;
      width: calc(100% + 50px);
      margin: 4rem -25px 0 -25px;
   }

   .pageInterview .scTalk .talkArea .textItem dl{
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      font-size: 1.4rem;
   }

   .pageInterview .scTalk .talkArea .textItem dl:not(:last-child){
      margin-bottom: 4rem;
   }

   .pageInterview .scTalk .talkArea .textItem dl dt{
      width: 50px;
      color: #fff;
      text-align: center;
      border-radius: 14px;
      padding: 2px 0;
   }


   .pageInterview .scTalk .talkArea .textItem dl dd{
      width: calc(100% - 60px);
      margin-left: 1rem;
      font-size: 1.4rem;
      line-height: 2.15;
      margin-top: calc((1 - 1.8) * 0.5em);
      font-weight: 500;
   }

   .pageInterview .scTalk .talkArea .textItem dl.parson1 dt{
      background-color: #6BCB8C;
      font-weight: 500;
   }

   .pageInterview .scTalk .talkArea .textItem dl.parson2 dt{
      background-color: #FED86F;
   }


      
   /* 働く環境 environment 600px*/
   .pageEnvironment .pageMv{
      background-image: url('../img/environment/mvEnvironmentBgSp.jpg');
   }

   .pageEnvironment .scTraining{
      padding-bottom: 9rem;
   }

   .pageEnvironment .pageNav{
      margin-top: 4rem;
   }

   .pageEnvironment .scTraining .boxTitle{
      font-size: 2.2rem;
      margin-bottom: 1.8rem;
   }

   .pageEnvironment .scTraining .boxTitle+p{
      font-size: 1.4rem;
      line-height: 2.4;
      margin-bottom: 4rem;
   }

   .pageEnvironment .scTraining .centerTitle{
      margin-top: 4.5rem;
   }

   .pageEnvironment .scTraining .centerTitle:first-child{
      margin-top: 3rem;
   }
   .pageEnvironment .scTraining .centerTitle{
      margin-bottom: 2rem;
   }


   .pageEnvironment .scTraining .centerTitle+p{
      font-size: 1.6rem;
      text-align: center;
      font-weight: 700;
      margin-bottom: 2rem;
   }

   .pageEnvironment .scTraining p.disc{
      padding: 0 2.2rem;
   }

   .pageEnvironment .scWelfare {
      padding: 4rem 0 0 0;
      margin-bottom: 2rem;
   }

   .pageEnvironment .scWelfare .bgTitle{
      margin-bottom: 4rem;
   }

   .pageEnvironment .scWelfare .whiteBox{
      padding: 4rem 3rem;
   }

   .pageEnvironment .scWelfare .whiteBox .centerTitle{
      margin-bottom: 2rem;
      font-size: 1.6rem;
   }

   .pageEnvironment .scWelfare .contentsBox{
      margin-top: 5rem;
   }

   .pageEnvironment .scWelfare .contentsBox:first-child{
      margin-bottom: 3.5rem;
   }

   .pageEnvironment .scWelfare .contentsBox .title{
      font-size: 2.2rem;
      margin-bottom: 2rem;
   }

   .pageEnvironment .scWelfare .contentsBox .fBox{
      display: block;
      padding: 0;
   }

   .pageEnvironment .scWelfare .contentsBox .imgItem{
      width: 100%;
      max-width: 204px;
      margin: 0 auto 2rem auto;
   }

   .pageEnvironment .scWelfare .contentsBox .textItem{
      width: 100%;
   }

   .pageEnvironment .scWelfare .contentsBox .textItem .lead{
      font-size: 1.6rem;
      font-weight: 700;
      text-align: center;
      margin-bottom: 1.5rem;
   }

   .pageEnvironment .scWelfare .contentsBox .textItem .disc{
      letter-spacing: 0;
      font-size: 1.4rem;
      line-height: 2;
   }



   /* 採用情報 recruit 600px*/
   .pageRecruit .pageMv{
      background-image: url('../img/recruit/mvRecruitBgSp.jpg');
   }

   .pageRecruit .pageNav{
      margin-top: 4rem;
   }

   .pageRecruit .scRecruit .boxTitle+p{
      font-size: 1.6rem;
      margin-bottom: 2rem;
   }

   .pageRecruit .scRecruit{
      margin-bottom: 7rem;
   }

   .pageRecruit .scRecruit .scBg{
      padding: 4rem 0 0 0;
      margin-top: 4rem;
   }

   .pageRecruit .scRecruit .jobDescription{
      width: calc(100% - 5rem);
      max-width: 1024px;
      margin: 0 auto;
      box-shadow: 0 10px 10px 5px rgba(0, 0, 0, 0.16);
      justify-content: space-between;
      align-items: center;
   }

   .pageRecruit .scRecruit .jobDescription dl{
   display: flex;
   }

   .pageRecruit .scRecruit .jobDescription dl dt{
      padding: 1rem;
      font-size: 1.2rem;
      width: 36%;
      justify-content: flex-start;
   }

   .pageRecruit .scRecruit .jobDescription dl:last-child dt{
      border-bottom: none;
   }

   .pageRecruit .scRecruit .jobDescription dl dd{
      padding: 1rem;
      font-size: 1.2rem;
      line-height: 1.6;
      width: 64%;

   }

   .pageRecruit .scRecruit .jobDescription dl:last-child dd{
      border-bottom: none;
   }


   .pageRecruit .recruitOther{
      padding: 6rem 0;
   }

   .pageRecruit .recruitOther .btn{
      border: 5px solid #6BCB8C;
      color: #6BCB8C;
      font-size: 2.2rem;
      font-weight: 700;
      width: 100%;
      max-width: 680px;
      height: 110px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 3.5rem;
   }

   .pageRecruit .recruitOther .btn::after{
      content: '';
      background: url('../img/btnArrowCircle.svg') no-repeat center center/100%;
      display: inline-block;
      width: 38px;
      height: 38px;
      margin-left: 1rem;
      vertical-align: bottom;
   }

   .pageRecruit .scFaq{
      margin-bottom: 8rem;
   }

   .pageRecruit .scFaq .title{
      background-color: #6BCB8C;
      text-align: center;
      color: #fff;
      padding: 2rem 2.5rem;
      margin-bottom: 2rem;
   } 

   .pageRecruit .scFaq .title .jp{
      font-size: 2.2rem;
   }

   .pageRecruit .scFaq .title .en{
      font-size: 1.2rem;
   }

   .pageRecruit .scFaq .faqBpx .questionTitle{
      font-size: 1.2rem;
      font-weight: 700;
      padding: 1.2rem 1rem 1.2rem 2.5rem;
   }

   .pageRecruit .scFaq .faqBpx .answer{
      font-size: 1.2rem;
      padding: 1rem 1rem 1rem 2.5rem;
   }

   .pageRecruit .scFaq .faqBpx .questionTitle::before {
      content: "Q.";
      line-height: 1;
      position: absolute;
      left: 10px;
      top: 15px;
   }
   
   .pageRecruit .scFaq .faqBpx .answer::before {
      content: "A.";
      margin-right: 1rem;
      line-height: 1;
      position: absolute;
      left: 11px;
      top: 16px;
   }

      
   /* 高校生はこちら high-school 600px*/
   body.high-school {
      background: url('../img/high-school/bg.png') repeat center center/310px 250px;
   }
   .high-school .pageHs.pageIndex .pageMv{
      background-image: url('../img/high-school/mvHsBgSp.png');
   }

   .high-school .pageHs .pageMv .mvText{
      font-size: 1.7rem;
      top: 54%;
      text-align: center;
      letter-spacing: 0;
   }

   .high-school .pageNav li{
      background-color: rgba(253, 88, 31, 0.3);
   }
   .high-school .pageNav li .hasLine::after{
      display: none;
   }

   .high-school .pageNav li a::after{
      display: none;
      
   }

   .high-school .pageNav::after{
      background: url('../img/high-school/hsAnchorArrowSp.svg') no-repeat bottom center/cover;
   }

   .high-school .pageTtl{
      text-align: center;
      font-size: 1.4rem;
      font-weight: 500;
      margin-bottom: 3rem;
      margin-top: 0;
   }

   .high-school .bgTitle {
      width: 100%;
      max-width: 240px;
      min-width: auto;
      margin: 0 auto 1rem auto;
   }
   .high-school .bgTitle span{
      font-size: 1.7rem;
      display: inline-block;
      width: 100%;
      letter-spacing: 0;
   }

   .high-school .scHsMessage {
      margin-bottom: 6rem;
   }

   .high-school .scHsMessage .disc{
      font-size: 1.4rem;
      line-height: 2.8;
      letter-spacing: 0;
      margin-bottom: 5.5rem;
   }

   .high-school .scHsIntro{
      position: relative;
      padding-top: 4rem;
      margin-bottom: 8rem;
   }  

   .high-school .scHsIntro::before{
      content: '';
      background-color: #FD7158;
      display: block;
      width: 100%;
      height: 850px;
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1;
   }

   .high-school .scHsIntro .bgTitle+p{
      text-align: center;
      color: #fff;
      font-size: 1.4rem;
      font-weight: 700;
      margin-top: 5px;
      margin-bottom: 220px;
   }

   .high-school .conBox{
      background-color: #fff;
      border: 2px solid #FD7158;
      padding: 5rem 6rem;
   }

   .high-school .scHsIntro .introArea{
      margin-bottom: 6rem;
   }

   .high-school .scHsIntro .conBox {
      padding-top: 0;
      padding: 0;
      padding-bottom: 6rem;
   }

   .high-school .scHsIntro .conBox .fBox{
      align-items: center;
      justify-content: center;
      display: block;
   }

   .high-school .scHsIntro .conBox .fBox:not(:last-child){
      margin-bottom: 4rem;
   }


   .high-school .scHsIntro .conBox .introArea{
      /* transform: translateY(-210px); */
      margin-top: -200px;
   }

   .high-school .scHsIntro .conBox .fBox:first-child .textItem{
      padding-top: 0;
   }

   .high-school .scHsIntro .conBox .introArea .fBox:nth-child(even){
      flex-direction: row-reverse;
   }

   .high-school .scHsIntro .conBox .fBox:nth-child(2){
      margin-left: 0;
   }

   .high-school .scHsIntro .conBox .fBox .imgItem{
      width: 105%;
   }

   .high-school .scHsIntro .conBox .fBox:nth-child(1){
      margin-left: auto;
   }

   .high-school .scHsIntro .conBox .fBox .textItem{
      font-size: 1.4rem;
      line-height: 2.1;
      font-weight: 500;
      letter-spacing: 0;
      width: 100%;
      padding: 0 2.5rem;
   }

   .high-school .scHsIntro .conBox .fBox:nth-child(3) .textItem{
      transform: none;
   }

   .high-school .scHsIntro .conBox .fBox .moreBtn{
      font-size: 2.1rem;
      padding: 2px 14px;
      margin-top: 2rem;
      line-height: 1.6;
      display: block;
      max-width: 150px;
      margin: 1rem auto 0 auto;
   }


   .high-school .conBox .dormitoryArea .bgTitle span{
      margin-bottom: 8px;
      padding: 0 3rem;
   }

   .high-school .conBox .dormitoryArea .bgTitle{
      text-align: left;
      position: relative;
      font-size: 3.6rem;
      max-width: calc(100% - 4rem);
      padding: 0;
      font-size: 2.2rem;
   }

   .high-school .conBox .dormitoryArea .bgTitle span{
      width: auto;
      font-size: 2.2rem;
      padding: 2px 8px;
   }

   .high-school .conBox .dormitoryArea .bgTitle::after{
      content: '';
      width: 64px;
      height: 115px;
      display: inline-block;
      background: url('../img/high-school/illust1.png') no-repeat center center/cover;
      position: absolute;
      right: -20px;
      top: 20%;
   }


   .high-school .conBox .dormitoryArea .lead{
      font-size: 1.4rem;
      letter-spacing: 0;
      font-weight: 500;
      line-height: 2.2;  
      padding: 0 2rem;
      color: #000;
   }


   .high-school .conBox .dormitoryArea .lead span{
      background:linear-gradient(transparent 60%, #FFFA00 60%);
   }

   .high-school .conBox .dormitoryArea .access{
      position: relative;
   }

   .high-school .conBox .dormitoryArea .access::before{
      content: '';
      width: 100px;
      height: 240px;
      display: block;
      background: url('../img/high-school/arrow.png') no-repeat center center/100%;
      position: absolute;
      top: -70px;
      right: 20px;
      transform: rotate(-15deg);
   }

   .high-school .conBox .dormitoryArea .accessItem{
      width: 100%;
      max-width: 560px;
      margin-top: 20px;
      margin-bottom: 1rem;
   }

   .high-school .conBox .dormitoryArea .detailArea{
      margin-top: 3rem;
   }

   .high-school .conBox .dormitoryArea .accessItem.two{
      margin: 0 0 0  auto;
      transform: none;
      margin-top: 2rem;
   }

   .high-school .conBox .dormitoryArea .accessItem.two+.detailArea .ttl{
       color: #DBEFFF;
   }

   .high-school .conBox .detailArea .detailBox{
      width: 100%;
      margin: 0 auto;
      padding: 0 3rem;
   }

   .high-school .conBox .dormitoryArea .detailArea dl{
      display: flex;
      font-size: 1.4rem;
      font-weight: 500;
      line-height: 2;
   }

    .high-school .conBox .dormitoryArea .detailArea dl dt{
       white-space: nowrap;
    }

   .high-school .conBox .detailArea .detailBox .ttl{
      background-color: #000;
      font-size: 1.4rem;
      font-weight: 700;
      text-align: center;
      margin-bottom: 1rem;
      padding: 4px 0;
   }


   /* 高卒先輩社員 high-school */

   .high-school .pageHs .pageMv .worksMv.works1{
      background-image: url('../img/high-school/mvHsWorks1Sp.png');
      background-position: center bottom;
   }

   .high-school .pageHs .pageMv .worksMv.works2{
      background-image: url('../img/high-school/mvHsWorks2Sp.png');
      background-position: center bottom;
   }

   .high-school .pageHs .pageMv .worksMv.works3{
      background-image: url('../img/high-school/mvHsWorks3Sp.png');
      background-position: center bottom;
   }


   .high-school .pageHs.pageWorks .pageMv .mvText{
      position: absolute;
      top: 60%;
      transform: translateY(-50%);
      left: 25px;
   }

   .high-school .pageHs.pageWorks .pageMv .mvText p span{
      display: inline-block;
      background-color: rgba(0,0,0,0.7);
      font-size: 1.7rem;
      font-weight: 700;
      padding: 2px 5px;
      line-height: 1.5;
      letter-spacing: 0.1em;
   }

   .high-school .pageHs.pageWorks .pageMv .mvText .ttl{
      text-align: left;
   }

   .high-school .pageHs.pageWorks .pageMv .mvText .type span{
      font-size: 1.2rem;
      margin-top: 2rem;
      padding: 2px 10px;
   }

   .high-school .pageHs .worksNav li{
      margin: 0 2.5rem;
   }

   .high-school .pageWorks.pageHs .worksNav li::before{
      background: rgba(255,146,88,0.7);
   }


   .high-school .pageHs .scWorksDetail .conTitle{
      color: #FD7158;
   }

   .high-school .pageHs .scWorksDetail .disc .color{
      color: #FD7158;
   }

   .high-school .pageHs .scWorksPhoto{
      margin-bottom: 10rem;
   }

   .high-school .pageHs .scWorksPhoto .conBox{
      padding: 2rem;
   }

   .high-school .pageHs .scWorksPhoto .fBox{
      display: block;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
   }

   .high-school .pageHs .scWorksPhoto .fBox .imgItem{
      width: 100%;
      position: relative;
   }

   .high-school .pageHs .scWorksPhoto .fBox .imgItem:nth-child(1){
      transform: translate(40px, 0);
      transform: none;
      width: 100%;
      z-index: 2;
   }

   .high-school .pageHs .scWorksPhoto .fBox .imgItem:nth-child(2){
      transform: translate(-10px, -60px);
      transform:   translate(10px, 0) scale(1.15);
      width: 100%;
      z-index: 1;
      margin-top: -40px;
   }

   .high-school .pageHs .scWorksPhoto .fBox .imgItem:nth-child(3){
      transform: translate(10px, -100px) scale(1.04);
      transform: translate(10px, 10px) rotate(-5deg) scale(1.04);
      width: 100%;
   }

   .high-school .pageHs .scWorksPhoto .fBox .imgItem:nth-child(4){
      transform: translate(-40px, 100px) scale(1.1);
      transform: rotate(8deg) scale(1.04);;
      width: 100%;
   }

   .high-school .pageHs .scWorksPhoto .disc{
      width: 100%;
      padding-left: 0;
      margin-top: 0;
      letter-spacing: 0;
      margin-top: 2rem;
   }


   .high-school .pageHs .companyBtn{
      padding: 8rem 0;
      background-color: #fff;
      text-align: center;
   }

   .high-school .pageHs .companyBtn .btn{
      border: 5px solid #FD7058;
      color: #FD7058;
      font-size: 2.2rem;
      font-weight: 700;
      width: 100%;
      max-width: 680px;
      height: 98px;
      margin: 0 auto 2rem auto;
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .high-school .pageHs .companyBtn .btn::after{
      content: '';
      background: url('../img/high-school/hsbtnArrowCircle.svg') no-repeat center center/100%;
      display: inline-block;
      width: 28px;
      height: 28px;
      margin-left: 1rem;
      vertical-align: bottom;
   }

   .pageFeatures .scNumber .numberBox.box4 .fBox .boxItem.gender{
      padding-left: 0;
   }


}

@media screen and (max-width: 425px) {

}

/* mobile M */
@media screen and (max-width: 375px) {
   .high-school .pageHs .companyBtn .btn{
      font-size: 2rem;
   }

   .scPageLink .personArea .fBox.centerBox .linkArea:first-child .textItem .title{
      font-size: 1.6rem;
   }
}

/* mobile S */
@media screen and (max-width: 320px) {
   header .navArea .bgText{
      bottom: 20px;
   }

   .scLeadRl .disc{
      font-size: 1.3rem;
   }

   .pagechallenge .scChallenge .speechBox .balloonItem{
      width: 100%;
      height: 400px;
      padding: 2rem
   }

   .pagechallenge .scChallenge .speechBox .balloonItem::before{
      height: 340px;
   }

   .pagechallenge .scChallenge .speechBox .balloonItem .disc{
      font-size: 1.3rem;
      line-height: 1.8;
   }
   .pagechallenge .scChallenge .speechBox .personItem{
      margin-top: 0;
   }

   .pagechallenge .scChallenge .speechBox:nth-child(even) .balloonItem{
      padding: 2rem;
   }

   .pagechallenge .scChallenge .speechBox .balloonItem .name{
      font-size: 1.4rem;
   }

   .pagechallenge .scChallenge .speechBox:last-child .balloonItem{
      padding: 2rem;
   }

   .pagechallenge .scChallenge .speechBox:last-child .balloonItem::before{
      height: 340px;
   }

   .pageFeatures .scNumber .twoBox .numberBox.box2 .numText .num{
      font-size: 8rem;
   }

   .pageFeatures .scNumber .twoBox .numberBox .numberBoxWrap .centerTitle{
      font-size: 1.8rem;
   }

   .pageFeatures .scNumber .numberBox.box4 .fBox .boxItem .numText .num{
      font-size: 8rem;
   }

   .pageFeatures .scNumber .numberBox.box4 .fBox .boxItem.gender{
      padding-left: 0;
   }

   .pageFeatures .scNumber .numberBox.box4 .boxItem.ratio .centerTitle{
      font-size: 1.8rem;
   }

   .pageWorks .scWorksChallenge .storyBox.tyousen .ttl{
      font-size: 2rem;
   }

   .pageWorks .pageMv .mvText{
      left:2rem;
   }

   .pageWorks .pageMv .mvText p span{
      padding: 2px 8px;
   }

   .pageNav li a{
      padding-left: 1.5rem;
   }

   .pageRecruit .scRecruit .boxTitle{
      font-size: 1.6rem;
   }

   .high-school .conBox .dormitoryArea .bgTitle{
      max-width: calc(100% - 4rem);
   }

   .high-school .conBox .dormitoryArea .bgTitle span{
      font-size: 1.8rem;
   }

   .high-school .conBox .dormitoryArea .access::before{
      width: 90px;
    height: 200px;
   }

   .high-school .scHsFlow .whiteBox{
      padding: 3rem 2rem;
   }

   .high-school .scHsFlow .flowBox:nth-child(2) .imgBalloon{
      width: 120px;
   }
   .high-school .pageHs .companyBtn .btn{
      font-size: 1.8rem;
   }
   .scPageLink .personArea .fBox.centerBox .linkArea:first-child .textItem .title br.sp{
      display: none!important;
   }
}