@charset "UTF-8";


@media screen and (min-width: 768px),print {

  #cate01,#cate02,#cate03 {display: block; padding-top: 120px; margin-top: -120px;}

  #link01,#link02,#link03,#link04,#link05,#link06,#link07,#fformtop {display: block; padding-top: 120px; margin-top: -120px;}

  #contentsmain figure.photo01,
    #contentsmain figure.photo02,
    #contentsmain figure.photo03 {
      opacity: 0;
      transform: translateY(20px);
      animation: fadeInUp 0.8s ease forwards;
    }
    
#contentsmain {margin: 54px auto 125px auto;position: relative;}
#contentsmain figure.photo01 {position: absolute;top: 124px;left: -50px;border-radius: 20px;overflow: hidden;width: 20.63vw;animation-delay: 1s;z-index: 2;}
#contentsmain figure.photo01 img{  }
#contentsmain figure.photo02 {position: absolute;top: 503px;left: 10.4vw;width: 12.50vw;overflow: hidden;border-radius: 20px;z-index: 3;animation-delay: 1.5s;}
#contentsmain figure.photo02 img{  }
#contentsmain figure.photo03 {position: absolute;top: 233px;right: -2.7vw;overflow: hidden;border-radius: 20px;width: 20.83vw;animation-delay: 2s;}
#contentsmain figure.photo03 img{  }

@keyframes fadeInUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

#contentsmain .inner-Box {margin: 0 auto;position: relative;background: transparent linear-gradient(0deg, #FFFFFF00 0%, #FFFFFFCB 100%) 0% 0% no-repeat padding-box;border-radius: 30px;max-width: 1040px;padding: 11.5rem 14.6rem 0 15.6rem;}
#contentsmain .inner-Box h2.f-min {font-size: 2.6rem;line-height: 1.6;font-weight: 400;letter-spacing: 0.104rem;margin-bottom: 44px;position: relative;z-index: 3;}
#contentsmain .inner-Box p.text {font-size: 1.6rem;line-height: 2.6;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 4.2rem;position: relative;z-index: 4;}


#contents01 {margin: 0 auto 136px;position: relative;}
#contents01 figure.img01 {position: absolute;top: -316px;right: -50px;width: 31.25vw;}
#contents01 figure.img01 img{  }
#contents01 .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;}
#contents01 .inner-Box span.ic {display: block;line-height: 1;width: 60px;position: absolute;top: 0;left: 0;z-index: -1;}
#contents01 .inner-Box span.ic img {  }
#contents01 .inner-Box h3.f-min {font-size: 2.6rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.104rem;margin-bottom: 43px;position: relative;padding: 14px 0px 0 41px;}
#contents01 .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents01 .inner-Box ul li {background: url(../images/recruit/contents01-img00.svg)no-repeat center center #fff;position: relative;border-radius: 20px;width: 32.3%;margin-right: 1.5%;padding: 46px 25px 18px;background-size: 73%;}
#contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inner-Box h4.f-min {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 24px;position: relative;text-align: center;}
#contents01 .inner-Box p.ltext { font-size: 1.6rem; line-height: 1.8; font-weight: 400; letter-spacing: 0.064rem; margin-bottom: 3rem; position: relative; }
#contents01 figure.img02 {position: absolute;top: -316px;left: -20px;width: 16.15vw;}
#contents01 figure.img02 img{  }

#contents02 {margin: 0 -50px;position: relative;background: url('../images/recruit/contents02-back01.svg')no-repeat top 46px center;background-size: 100% auto;}
#contents02 .inner-Box {margin: 0 auto 66px;position: relative;max-width: 1200px;}
#contents02 .inner-Box span.ic {display: block;line-height: 1;width: 60px;position: absolute;top: 0;left: 0;z-index: -1;}
#contents02 .inner-Box span.ic img {  }
#contents02 .inner-Box h3.f-min {font-size: 2.6rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.104rem;margin-bottom: 31px;position: relative;padding: 14px 0px 0 41px;}
#contents02 .inner-Box p.text { font-size: 1.6rem; line-height: 1.8; font-weight: 400; letter-spacing: 0.064rem; margin-bottom: 3rem; position: relative; }
#contents02 .inner-system-Box {margin: 0 auto 80px;position: relative;max-width: 1200px;}
#contents02 .inner-system-Box h4.f-min {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 28px;position: relative;border-left: #FF6991 6px solid;padding: 0 0 0 7px;}
#contents02 .inner-system-Box ul.system-list {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents02 .inner-system-Box ul li {position: relative;width: 32.4%;margin-right: 1.4%;background: #fff;border-radius: 20px;padding: 10px;padding-bottom: 58px;margin-bottom: 30px;}
#contents02 .inner-system-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents02 .inner-system-Box figure.photo {width: 100%;aspect-ratio: 3 / 2.2;overflow: hidden;text-align: center;margin-bottom: 27px;position: relative;border-radius: 10px;}
#contents02 .inner-system-Box figure.photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

#contents02 .inner-system-Box h5.f-min {font-size: 2.2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin: 0 9px 10px;position: relative;}
#contents02 .inner-system-Box span.bell {display: inline-block;line-height: 1;width: 19px;position: absolute;top: 6px;left: 8px;}
#contents02 .inner-system-Box span.bell img {  }
#contents02 .inner-system-Box p.btext {font-size: 1.4rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.064rem;margin: 0 10px 13px;position: relative;background: #F4F4F4;padding: 3px 6px 3px 32px;}
#contents02 .inner-system-Box p.ltext {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.064rem;margin: 0 10px 3px;position: relative;}
#contents02 .inner-system-Box p.motext {font-size: 1.3rem;line-height: 1.8;font-weight: 600;letter-spacing: 0.064rem;position: absolute;bottom: 23px;right: 19px;color: #F44D73;}
#contents02 .inner-system-Box p.motext::before{content: "";background: url(../images/common/arr.svg)no-repeat top center;position: relative;display: inline-block;width: 10px;height: 8px;filter: invert(61%) sepia(50%) saturate(2399%) hue-rotate(305deg) brightness(99%) contrast(106%);left: -5px;}



 /* 
 ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ----
 dl page
 ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ----
 */

#contentsdlmain .inner-Box {margin: 0 auto;position: relative;padding: 76px 0px 0;}
#contentsdlmain .inner-Box ul.pointlist {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 auto -147px;max-width: 1200px;z-index: 3;position: relative;padding: 0 50px;}
#contentsdlmain .inner-Box ul li {position: relative;width: 24%;aspect-ratio: 1 / 1;box-shadow: 0px 0px 60px #FFFFFF;background: #fff;border-radius: 50%;text-align: center;margin-right: 1.3%;}
#contentsdlmain .inner-Box ul li:nth-child(4n) { margin-right: 0px; }
#contentsdlmain .inner-Box p.ptext {font-size: 1.8rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.072rem;position: relative;top: 50%;transform: translateY(-50%);padding: 0 1rem;}

 /* 高さはお好みで */
#contentsdlmain{ margin: 0 -50px; }
.mask-roller{ position: relative;  height: 480px; overflow: hidden; }

/* 背景帯を流す要素 */
.mask-roller .flow{
    height: 480px;
position: absolute;
inset: 0;
background-image: url("../images/recruit/contentsdlmain-mask.jpg"); /* 横長の画像。繰り返して使う */
background-repeat: repeat-x;
background-size: 3196px auto;   /* 高さを枠に合わせる */
animation: bg-flow 80s linear infinite; /* 速度はここで調整 */

/* ▼ SVGでマスク（白=表示/黒=隠す） */
mask-image: url("../images/recruit/contentsdlmain-mask.svg");
mask-size: 100% auto;
mask-repeat: no-repeat;
mask-position: top center;

/* Safari/iOS用プリフィックス */
-webkit-mask-image: url("../images/recruit/contentsdlmain-mask.svg");
-webkit-mask-size: 100% auto;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position:top center;
}
  
/* スクロールアニメ */
@keyframes bg-flow{
from{ background-position: 0 0%;   }
to  { background-position: -3196px 0%; } /* 右→左。逆にしたければ +100% */
}

.rec-dl-banner-Box {margin: 35px auto 75px auto;position: relative;text-align: center;max-width: 1170px;padding: 0 50px;}
.rec-dl-banner-Box p.btn {  }
.rec-dl-banner-Box p.btn img {  }


#rec-dl-contents01 {margin: 0 auto 100px;position: relative;max-width: 1200px;background: rgba(237, 182, 220, 0.3);border-radius: 30px;padding: 8.9rem 8rem 6.5rem 8rem;}
#rec-dl-contents01 .inner-Box {}
#rec-dl-contents01 h2 {color: #d5adf2;opacity: 0.4;letter-spacing: 0;font-size: 7rem;font-weight: 400;line-height: 1;position: absolute;top: -40px;left: 39px;z-index: 3;}
#rec-dl-contents01 h2 span{ font-size: 6rem; }
#rec-dl-contents01 .inner-Box h3 {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 56px;position: relative;text-align: left;}

#rec-dl-contents01 .inner-Box {margin: 0 auto 107px;position: relative;padding-right: 450px;min-height: 440px;}
#rec-dl-contents01 .inner-Box figure.photo {position: absolute;top: 0;right: 0;border-radius: 20px;overflow: hidden;width: 396px;}
#rec-dl-contents01 .inner-Box figure.photo img{
    width: 396px;
    height: auto;
}
#rec-dl-contents01 .inner-Box p.text {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 3rem;position: relative;max-width: 500px;}
#rec-dl-contents01 .inner-Box2 {margin: 0 auto 53px;position: relative;}
#rec-dl-contents01 .inner-Box2 h4.f-min {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 20px;position: relative;text-align: center;}

#rec-dl-contents01 .fqqbox{ }
#rec-dl-contents01 .toggle {display: none; }
#rec-dl-contents01 .option {position: relative;margin-bottom: 4px;border-bottom: #999 1px dashed;}
#rec-dl-contents01 .title span{display: inline-block;width: 30px;position: absolute;top: 13px;left: 0;}
#rec-dl-contents01 .title, .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
#rec-dl-contents01 .title {padding: 16px 40px 17px 42px;display: block;font-weight: 400;border-radius: 10px;font-size: 1.6rem;letter-spacing: 0.05rem;}
#rec-dl-contents01 .title::after, .title::before {content: "";position: absolute;right: 16px;top: 23px;width: 2px;height: 12px;background-color: #FD6991;transition: all 0.3s;}
#rec-dl-contents01 .title::after {transform: rotate(90deg); }
#rec-dl-contents01 .content {max-height: 0; overflow: hidden; }
#rec-dl-contents01 .content div.inbox {margin: 0;padding: 16px 20px;font-size: 1.4rem;letter-spacing: 0.056rem;line-height: 1.6;}
#rec-dl-contents01 .content div.inbox a{ text-decoration: underline; color: #3EB257; }
#rec-dl-contents01 .content div.inbox a:hover{ text-decoration: none; color: #386369; }
#rec-dl-contents01 .content div.inbox img{max-width: 100%;}
#rec-dl-contents01 .toggle:checked + .title{border-radius: 10px 10px 0px 0px; }
#rec-dl-contents01 .toggle:checked + .title + .content {max-height: 500px;transition: max-height 1.5s;background: url(../images/faq/aback.svg)no-repeat top 9px left 13px #fff;border-radius: 14px;margin-left: 45px;margin-bottom: 20px;}
#rec-dl-contents01 .toggle:checked + .title::before {transform: rotate(90deg) !important; }


#rec-dl-contents01 .inner-Box3 { margin: 0 auto; position: relative; }
#rec-dl-contents01 .inner-Box3 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;max-width: 723px;margin: 0 auto;}
#rec-dl-contents01 .inner-Box3 ul li {position: relative;margin-right: 82px;}
#rec-dl-contents01 .inner-Box3 ul li:nth-child(2n) { margin-right: 0px; }
#rec-dl-contents01 .inner-Box3 ul li .morebtn a > span::before {right: 89px;}
#rec-dl-contents01 .inner-Box3 ul li:nth-child(2n) .morebtn a > span::before {right: 105px;}
#rec-dl-contents01 .inner-Box3 ul li:nth-child(2n) .morebtn a::before {background: transparent linear-gradient(96deg, #FF8872 0%, #FF7B9F 100%) 0% 0% no-repeat padding-box;}

#contentsnavi {margin: 0 auto 150px;position: relative;max-width: 1200px;min-height: 400px;background: rgba(255,255,255,0.7);border-radius: 30px;padding: 63px 80px 40px 80px;}
#contentsnavi .inner-Box { margin: 0 auto; position: relative; }
#contentsnavi .inner-Box h2.f-min {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 25px;position: relative;}
#contentsnavi .inner-Box ul{}
#contentsnavi .inner-Box ul li {position: relative;border-bottom: #999999 1px dashed;margin-bottom: 21px;}
#contentsnavi .inner-Box ul li a p.ltext::after{content: url(../images/common/arr.svg);position: absolute;top: -5px;right: 11px;filter: invert(63%) sepia(44%) saturate(3893%) hue-rotate(307deg) brightness(103%) contrast(101%);display: inline-block;transform: rotate(90deg);transform-origin: center;transition: all 0.3s ease-in-out;}
#contentsnavi .inner-Box ul li a:hover p.ltext::after{ top: 3px; }
#contentsnavi .inner-Box ul li a { transition: all 0.3s ease-in-out; }
#contentsnavi .inner-Box ul li a:hover {  }
#contentsnavi .inner-Box p.ltext {font-size: 1.4rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.056rem;margin-bottom: 1.4rem;position: relative;}

#rec-dl-contents02 {margin: 0 -50px;position: relative;background: url('../images/recruit/dlcontents02-back01.png')no-repeat bottom center;}
#rec-dl-contents02 .inner-Box {margin: 0 auto;position: relative;padding: 0 50px 135px;}

#rec-dl-contents02 .inner-Box h2 {color: #FAA5BC;opacity: 0.4;letter-spacing: 0;font-size: 7rem;font-weight: 400;line-height: 1;position: relative;text-align: center;margin-bottom: 7px;}
#rec-dl-contents02 .inner-Box h3 {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 77px;position: relative;text-align: center;}


#rec-dl-contents02 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;max-width: 1200px;margin: 0 auto;}
#rec-dl-contents02 .inner-Box ul li {position: relative;border-radius: 15px;background: #fff;width: 23.6%;padding: 10px;margin-right: 1.8%;}
#rec-dl-contents02 .inner-Box ul li:nth-child(2n) { top: 40px; }
#rec-dl-contents02 .inner-Box ul li:nth-child(4n) { margin-right: 0px; }
#rec-dl-contents02 .inner-Box figure.photo {width: 100%;aspect-ratio: 3 / 2.06;overflow: hidden;text-align: center;margin-bottom: 18px;position: relative;border-radius: 10px;}
#rec-dl-contents02 .inner-Box figure.photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
#rec-dl-contents02 .inner-Box h4.f-min {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 22px;position: relative;text-align: center;}
#rec-dl-contents02 .inner-Box p.ltext { font-size: 1.6rem; line-height: 1.8; font-weight: 400; letter-spacing: 0.064rem; margin-bottom: 3rem; position: relative; }

/* コンテンツは非表示、アクティブだけ表示 */
#features .conBox1 { display: none; }
#features .conBox1.active { display: block; }

/* タブにアクティブ状態 */
#features .tab-list .bubble.active { opacity: 1; font-weight: 700; border-color: currentColor; }

#features {margin: 0 -50px 117px;position: relative;background: url('../images/index/contents03-back01.svg')no-repeat top center;padding: 150px 50px 0;}
#features h2 {color: #FF6991;opacity: 1;letter-spacing: 0;font-size: 7rem;font-weight: 400;line-height: 1;position: relative;text-align: center;margin-bottom: 7px;transition: all 0.3s ease-in-out;}
#features.fadeCom__On h2 {color: #FAA5BC;opacity: 0.4;}
#features h3 {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 56px;position: relative;text-align: center;}
#features .inner-Box {margin: 0 auto 50px;position: relative;}
#features .inner-Box ul.tab-list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 30px;justify-content: center; /* 横方向に中央寄せ */}
#features .inner-Box ul li {position: relative;margin: 0 9px;}
#features .inner-Box p.ltext {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.064rem;position: relative;}
#features .contents-Box {margin: 0 auto;position: relative;max-width: 1530px;}
#features .conBox1 { margin: 0 auto; position: relative; }
#features .conBox1 ul.featureslist {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#features .conBox1 ul li {position: relative;width: 18.7%;/* min-width: 260px; */margin-right: 1.3%;margin-bottom: 20px;border: 1px solid #FD7492;border-radius: 20px;overflow: hidden;}
#features .conBox1 ul li:nth-child(5n) {/* margin-right: 0px; */}
#features .conBox1 ul li .textb{padding: 0 1.5rem;}

#features .conBox1 ul li figure.photo {width: 100%;aspect-ratio: 29 / 20;overflow: hidden;text-align: center;margin-bottom: 22px;position: relative;}
#features .conBox1 ul li figure.photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

#features .conBox1 h4 {font-size: 1.6rem;line-height: 1.4;font-weight: 600;letter-spacing: 0.064rem;margin-bottom: 7px;position: relative;}
#features .conBox1 p.text1 {font-size: 1.4rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 3rem;position: relative;color: #333333;}
#features .conBox1 p.text2 {font-size: 1.4rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 2rem;position: relative;background: #fff;border-radius: 10px;padding: 9px;}
#features .conBox1 p.text2 span.tag {font-weight: 500;}
#features .conBox1 p.text2 span.cate {font-weight: 700;}
#features .morebtn{margin-top: 90px;}
#features .morebtn a > span::before {right: 106px;}

.tab-list{ display:flex; gap: 16px; flex-wrap: wrap; }
.tab-list .bubble{--bg:#fff;            /* 背景色 */--txt:#A35;           /* 文字色 *//* --shadow: 0 6px 16px rgba(0,0,0,.08); */--border:#FD8E74;     /* ボーダー色（カテゴリごとに上書き） */position: relative;padding: 15px 18px;border-radius: 999px;background: var(--bg);color: var(--txt);box-shadow: var(--shadow);line-height: 1;max-width: 300px;width: 25%;text-align: center;border: 1px solid var(--border);}
.tab-list .bubble::after{ content:""; position:absolute; left: 50%; bottom: -8px; width: 14px; height:14px; background: var(--bg); transform: translateX(-50%) rotate(45deg); box-shadow: var(--shadow); z-index: 0; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.tab-list .ltext{ font-size: 1.6rem; letter-spacing: .06rem; margin: 0; }
.tab-list .cate--all{--bg: #FFF7F0;--txt: #FD8E74;--border: #FD8E74;}
.tab-list .cate--skill{ --bg: #FFF0F0; --txt: #FD7492; --border: #FD7492; }
.tab-list .cate--benefit{ --bg: #FEEBF6; --txt: #FC93CC; --border: #FC93CC; }
.tab-list .cate--people{ --bg: #F7E9FF; --txt: #D493FC; --border: #D493FC; }

#features .conBox1 ul li.cate01{border: 1px solid #FD7492; background: #FFF0F0; }
#features .conBox1 ul li.cate02{border: 1px solid #FC93CC; background: #FEEBF6; }
#features .conBox1 ul li.cate03{border: 1px solid #D493FC; background: #F7E9FF; }

#features .conBox1 ul li.cate01 h4,#features .conBox1 ul li.cate01 .textb{ color: #F44DA1;}
#features .conBox1 ul li.cate02 h4,#features .conBox1 ul li.cate02 .textb{ color: #F44DA1;}
#features .conBox1 ul li.cate03 h4,#features .conBox1 ul li.cate03 .textb{ color: #A245DB;}

.online {margin: 0 auto 140px;position: relative;padding: 0 50px;}
.online .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;min-height: 462px;background: #fff;border-radius: 20px;padding-bottom: 50px;}
.online .inner-Box .inBox{padding: 60px 400px 7px 80px;}
.online .inner-Box span.icon {display: block;line-height: 1;width: 34px;position: absolute;top: 0;left: 0;}
.online .inner-Box span.icon img {  }
.online .inner-Box h2.f-min {font-size: 2.6rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.104rem;margin-bottom: 12px;position: relative;border-bottom: #999 dashed 1px;padding: 0 0 12px 40px;}
.online .inner-Box p.text { font-size: 1.6rem; line-height: 1.8; font-weight: 400; letter-spacing: 0.064rem; margin-bottom: 3rem; position: relative; }
.online .inner-Box figure.img01 {position: absolute;top: -16px;right: 160px;}
.online .inner-Box figure.img01 img{  }
.online .inner-Box figure.img02 {position: absolute;top: 108px;right: 0px;}
.online .inner-Box figure.img02 img{  }
.online .inner-Box2 {margin: 0 auto;position: relative;padding: 0 78px;}
.online .inner-Box2 ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.online .inner-Box2 ul li {position: relative;width: 30.7%;margin-right: 3.9%;}
.online .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
.online .inner-Box2 ul li a {display: block;height: 60px;border: 1px solid #F86991;border-radius: 30px;text-align: center;color: #FD6991;transition: all 0.3s ease-in-out;}
.online .inner-Box2 ul li a p::after {content: "";background: url(../images/common/arr.svg)no-repeat;width: 8px;height: 8px;display: inline-block;filter: invert(61%) sepia(50%) saturate(2399%) hue-rotate(305deg) brightness(99%) contrast(106%);position: relative;top: -2px;margin-left: 7px;transition: all 0.3s ease-in-out;}
.online .inner-Box2 ul li a:hover p::after{filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(266deg) brightness(105%) contrast(101%); }
.online .inner-Box2 ul li a:hover { background: #FD6991; color: #fff; }
.online .inner-Box2 p.ltext {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.192rem;position: relative;padding-top: 14px;}

#dlcontents03 {margin: 0 -50px;position: relative;background: url('../images/recruit/dlcontents03-back01.svg')no-repeat top center;min-height: 820px;background-size: 100% auto;}
#dlcontents03 .inner-Box {margin: 0 auto;position: relative;max-width: 1300px;padding: 0 50px;}
#dlcontents03 .inner-Box span.ic {display: block;line-height: 1;width: 60px;position: absolute;top: 0;left: 0;z-index: -1;}
#dlcontents03 .inner-Box span.ic img {  }
#dlcontents03 .inner-Box h3.f-min {font-size: 2.6rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.104rem;margin-bottom: 30px;position: relative;padding: 14px 0px 0 41px;}
#dlcontents03 .inner-Box p.text { font-size: 1.6rem; line-height: 1.8; font-weight: 400; letter-spacing: 0.064rem; margin-bottom: 3rem; position: relative; }
#dlcontents03 .inner-Box figure.img {position: absolute;top: 0;left: 20.31vw;width: 53.54vw;max-width: 1028px;}
#dlcontents03 .inner-Box figure.img img{  }

:root{
  --container: 1200px;         /* 揃えたい基準幅 */
  --page-pad: 0px;            /* 端付き防止の最小余白 */
  --edge: max(var(--page-pad), calc((100vw - var(--container)) / 2));
}

/* ===== 上：右だけ空けるレイアウト（左端を基準に揃える） ===== */
#dlcontents04{
  /* 背景を全幅で使いたいならこのまま全幅でOK */
  margin: 0 -50px 58px;            /* ← -50pxのネガティブマージンは不要 */
}
#dlcontents04 .inner-Box{
  margin: 0;                   /* ← 18.7vwの左マージンを撤去 */
  position: relative;
  padding-left: var(--edge);   /* ← ここが肝：中央1200の“左端”に合わせる */
  padding-right: var(--page-pad);
}

#dlcontents04 .inner-Box span.ic {display: block;line-height: 1;width: 60px;position: absolute;top: 0;left: 0;z-index: -1;}
#dlcontents04 .inner-Box span.ic img {  }
#dlcontents04 .inner-Box h3.f-min {font-size: 2.6rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.104rem;margin-bottom: 30px;position: relative;padding: 14px 0px 0 41px;}
#dlcontents04 .inner-Box p.text {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 5.2rem;position: relative;}

#dlcontents04 .inner-Box ul{display: flex;                 /* ← 必須 */flex-wrap: nowrap;             /* 折り返し禁止 */gap: 20px;overflow-x: auto;              /* 横スクロール */overflow-y: hidden;-webkit-overflow-scrolling: touch;scroll-snap-type: x proximity; /* 任意：吸着 */padding-bottom: 1vw;           /* スクロールバー逃げ */position: relative;padding-right: 30px;}
#dlcontents04 .inner-Box ul.sss::before{content: "";background: url(../images/index/scroll.svg)no-repeat;width: 106px;height: 106px;position: absolute;top: 94px;left: 547px;background-size: 100% auto;z-index: 3;transition: opacity .4s ease; /* ← フェード時間 */pointer-events: none;}
#dlcontents04 .inner-Box ul > li{flex: 0 0 auto;width: 401px; /* 好きなカード幅 *//* margin: 0 20px 0 0; */                     /* 既存の margin-right などは gap に任せる */scroll-snap-align: start;margin-right: 0px;}
#dlcontents04 .inner-Box ul.hint-hide::before{ opacity: 0; }

#dlcontents04 .inner-Box ul li {position: relative;background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 59%, #FFF0F0 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 3px 10px #FFA3A329;border-radius: 15px;padding: 45px 30px 42px 30px;}
#dlcontents04 .inner-Box ul li:last-child{ nav-right: 200px;}
#dlcontents04 .inner-Box p.kika {font-size: 1.4rem;line-height: 1;font-weight: 500;letter-spacing: 0.056rem;margin-bottom: 1.7rem;position: relative;}
#dlcontents04 .inner-Box p.kika span{display: inline-block;background: #FF6991;border-radius: 15px;color: #fff;padding: 7px 14px;}
#dlcontents04 .inner-Box h4.f-min {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 14px;position: relative;border-bottom: #999 dashed 1px;padding-bottom: 10px;}
#dlcontents04 .inner-Box p.ltext {font-size: 1.4rem;line-height: 1.6;font-weight: 400;letter-spacing: 0.056rem;margin-bottom: 0;position: relative;}

#dlcontents05 {margin: 0 auto 90px;position: relative;max-width: 1200px;border-radius: 20px;padding: 54px 42px;background: #fff;}
#dlcontents05 .inner-Box { margin: 0 auto; position: relative; }
#dlcontents05 .inner-Box figure.img {position: relative;top: 0;left: 0;}
#dlcontents05 .inner-Box figure.img img{  }

#dlcontents06 {margin: 0 auto 96px;position: relative;/* padding: 0 50px; */}
#dlcontents06 .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;padding: 8.7rem 8rem 8.3rem 8rem;border-radius: 50px;background: rgba(255,201,201,0.3);}
#dlcontents06 .inner-Box h2.f-en {color: #ffb3ac;opacity: 0.4;letter-spacing: 0;font-size: 7rem;font-weight: 400;line-height: 1;position: absolute;top: -47px;z-index: 3;left: 22px;}
#dlcontents06 .inner-Box h3.f-min {font-size: 2.6rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 1px;position: relative;text-align: center;}
#dlcontents06 .inner-Box .voice-text{font-size: 1.4rem;text-align: center;margin-bottom: 56px;}
#dlcontents06 .inBox {margin: 0px auto 38px;position: relative;min-height: 343px;padding: 0 0 0 441px;}
#dlcontents06 .inBox.sec {min-height: 345px;border-bottom:none;margin-bottom: -40px;}
#dlcontents06 .inBox figure.img {position: absolute;top: 0;left: 0;width: 400px;height: 300px;overflow: hidden;}
#dlcontents06 .inBox figure.img img{  }
#dlcontents06 .inBox h4.f-min {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 11px;position: relative;border-left: #FF6991 5px solid;padding: 0 0 0 9px;}
#dlcontents06 .inBox p.text {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 1.6rem;position: relative;}


#rec-dl-contents07 {margin: 0 auto 122px;position: relative;top: -14px;max-width: 1200px;background: rgba(255,201,201,0.3);border-radius: 30px;padding: 8.9rem 8rem 6.5rem 8rem;}
#rec-dl-contents07 h2 {color: #ffb3ac;opacity: 0.4;letter-spacing: 0;font-size: 7rem;font-weight: 400;line-height: 1;position: absolute;top: -40px;left: 39px;z-index: 3;}

#rec-dl-contents07 .inner-Box {margin: 0 auto 13px;position: relative;}
#rec-dl-contents07 .inner-Box h3.f-min {font-size: 2.6rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 20px;position: relative;text-align: center;}

#rec-dl-contents07 .fqqbox{ }
#rec-dl-contents07 .toggle {display: none; }
#rec-dl-contents07 .option {position: relative;margin-bottom: 4px;border-bottom: #999 1px dashed;}
#rec-dl-contents07 .title span{display: inline-block;width: 26px;position: absolute;top: 13px;left: 0;}
#rec-dl-contents07 .content span{display: inline-block;width: 26px;position: absolute;top: 0;left: 0;}
#rec-dl-contents07 .title, .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
#rec-dl-contents07 .title {padding: 16px 40px 17px 42px;display: block;font-weight: 400;border-radius: 10px;font-size: 1.6rem;letter-spacing: 0.05rem;}
#rec-dl-contents07 .title::after, .title::before {content: "";position: absolute;right: 16px;top: 23px;width: 2px;height: 12px;background-color: #FD6991;transition: all 0.3s;}
#rec-dl-contents07 .title::after {transform: rotate(90deg); }
#rec-dl-contents07 .content {max-height: 0; overflow: hidden; }
#rec-dl-contents07 .content div.inbox {margin: 0;padding: 16px 20px;font-size: 1.4rem;letter-spacing: 0.056rem;line-height: 1.6;margin-left: 0px;background: #fff;border-radius: 14px;}
#rec-dl-contents07 .content div.inbox a{ text-decoration: underline; color: #3EB257; }
#rec-dl-contents07 .content div.inbox a:hover{ text-decoration: none; color: #386369; }
#rec-dl-contents07 .content div.inbox img{max-width: 100%;}
#rec-dl-contents07 .toggle:checked + .title{border-radius: 10px 10px 0px 0px; }
#rec-dl-contents07 .toggle:checked + .title + .content {max-height: 500px;transition: max-height 1.5s;border-radius: 14px;padding-left: 45px;margin-bottom: 20px;}
#rec-dl-contents07 .toggle:checked + .title::before {transform: rotate(90deg) !important; }

#rec-dl-contents08 figure.img {position: absolute;top: 7px;right: -50px;width: 44.5vw;}
#rec-dl-contents08 {margin: 0 auto 153px;position: relative;/* padding: 0 50px; */}
#rec-dl-contents08 .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;background: rgba(213,198,224,0.3);border-radius: 30px;padding: 11.5rem 8rem 8.3rem 8rem;}
#rec-dl-contents08 .inner-Box h2 {color: #ffb3ac;opacity: 0.4;letter-spacing: 0;font-size: 7rem;font-weight: 400;line-height: 1;position: absolute;top: -41px;right: 39px;z-index: 3;}
#rec-dl-contents08 .inner-Box h3 {font-size: 2.6rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 4px;position: relative;text-align: center;}
#rec-dl-contents08 .inner-Box p.text {font-size: 1.6rem;line-height: 2.6;font-weight: 400;letter-spacing: 0.068rem;margin-bottom: 2.9rem;position: relative;}


#rec-dl-contents08 .inner-Box p.msg {font-size: 1.4rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.056rem;margin-bottom: 5rem;position: relative;text-align: center;}
#rec-dl-contents08 .inBox {margin: 0 auto;position: relative;font-size: 1.6rem;line-height: 2.6;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 4rem;position: relative;}
#rec-dl-contents08 .inBox p.text {}
#rec-dl-contents08 h4.f-min {font-size: 1.6rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 0px;position: relative;text-align: right;}
#rec-dl-contents08 h4.f-min span {font-size: 2rem;letter-spacing: 0.8px;display: inline-block;margin-left: 5px;}

#rec-dl-contents09 {margin: 0 auto 135px;position: relative;background: rgba(255,255,255,0.8);max-width: 1200px;border-radius: 30px;padding: 95px 80px 0;}
#rec-dl-contents09 .inner-Box {margin: 0 auto;position: relative;padding-bottom: 80px;}
#rec-dl-contents09 .inner-Box h2.f-en{color: #FAA5BC;opacity: 0.4;letter-spacing: 0;font-size: 7rem;font-weight: 400;position: absolute;top: -137px;left: -33px;line-height: 1;}
#rec-dl-contents09 .inner-Box h3 {font-size: 2.6rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 4px;position: relative;text-align: center;}
#rec-dl-contents09 .inner-Box p.msg {font-size: 1.4rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.056rem;margin-bottom: 5rem;position: relative;text-align: center;}
#rec-dl-contents09 .inner-Box table{width: 100%;font-size: 1.6rem;letter-spacing: 0.032rem;line-height: 1.7;}
#rec-dl-contents09 .inner-Box table th {background: #F1F1F1;border: #E2DDDD 1px solid;width: 262px;text-align: left;padding: 10.5px 28px;vertical-align: middle;}
#rec-dl-contents09 .inner-Box table td {border: #E2DDDD 1px solid;padding: 10.5px 28px;}


}
@media screen and (min-width:768px) and ( max-width:1920px) {

.mask-roller .flow{ mask-size: auto 480px; -webkit-mask-size: auto 480px; }
  

}
@media screen and (min-width:768px) and ( max-width:1640px) {
    #contentsmain figure.photo02 {left: 0vw;}
    #contents01 figure.img02 {left: -50px;}


}

@media screen and (min-width:768px) and ( max-width:1450px) {
/* 横スクロールさせるのはul本体でOK */
#features .inner-Box ul.tab-list {flex-wrap: nowrap;              /* 折り返し禁止 */justify-content: flex-start;    /* 左寄せ（センタリングはスクロールと相性×） */justify-content: center; /* 中央寄せ */overflow-x: auto;               /* 横スクロール有効化 */overflow-y: hidden;-webkit-overflow-scrolling: touch; /* iOS慣性スクロール */gap: 16px;                      /* タブ間余白（お好みで） */padding-bottom: 13px;            /* スクロールバー分の逃げ（必要なら） */scroll-snap-type: x proximity;  /* スクロール中の吸着（任意） */scrollbar-gutter: stable both-edges; /* レイアウトのガタつき軽減（対応ブラウザ） */}
#features .inner-Box ul.tab-list > li { flex: 0 0 auto;                 /* 幅を保つ */ scroll-snap-align: start;       /* 吸着位置（任意） */ }
.tab-list .bubble{ max-width: 230px; }


#dlcontents03 {min-height: 56vw;}
#dlcontents03 .inner-Box figure.img {left: auto;width: 53.54vw;max-width: 1028px;right: 5vw;top: 10vw;}
    
}

@media screen and (min-width:768px) and ( max-width:1274px) {
#contents01 {padding: 0 50px;}
#contents02 {padding: 0 50px;}

.online {padding: 0;}
.online .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;min-height: 462px;background: #fff;border-radius: 20px;padding-bottom: 50px;}
.online .inner-Box .inBox{padding: 60px 380px 7px 40px;}
.online .inner-Box2 {padding: 0 28px;}
.online .inner-Box2 ul li {position: relative;width: 32.7%;margin-right: 0.9%;}
.online .inner-Box2 p.ltext {font-size: 1.3rem;padding-top: 19px;}

:root{
  --container: 92%;         /* 揃えたい基準幅 */
}


}

@media screen and (min-width:768px) and ( max-width:1200px) {
  #features .conBox1 ul{ width: 820px; margin: 0 auto; }
  #features .conBox1 ul li{width: 260px;margin-right: 20px;}
  #features .conBox1 ul li:nth-child(3n){margin-right: 0px;}
  #features .inner-Box ul.tab-list  { justify-content: flex-start;}
}


@media screen and (min-width:768px) and ( max-width:1000px) {
    #rec-dl-contents01 .inner-Box {padding-right: 0px;}
    #rec-dl-contents01 .inner-Box figure.photo {position: relative;width: 400px;margin: 0 auto 40px;}
    #rec-dl-contents01 .inner-Box figure.photo img{ width: auto;}
    #rec-dl-contents01 .inner-Box3 ul li{margin: 0 auto 20px;}
    #rec-dl-contents01 .inner-Box3 ul li:nth-child(2){ margin: 0 auto;}
    #dlcontents03 .inner-Box figure.img {left: auto;width: 73.54vw;right: 5vw;top: 10vw;}
   
    #dlcontents06 .inBox {padding: 0 0 0 0;}
    #dlcontents06 .inBox.sec {min-height: 345px;border-bottom:none;margin-bottom: -40px;}
    #dlcontents06 .inBox figure.img {position: relative;top: 0;left: 0;width: 400px;height: 300px;overflow: hidden;margin: 0 auto 50px;}
    #dlcontents06 .inBox figure.img img{  }
    #dlcontents06 .inBox h4 {font-size: 2rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 11px;position: relative;border-left: #FF6991 5px solid;padding: 0 0 0 9px;}
    #dlcontents06 .inBox p.text {font-size: 1.6rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.064rem;margin-bottom: 1.6rem;position: relative;}
    
}



@media screen and (max-width: 767px) {
  #cate01,#cate02,#cate03 {display: block; padding-top: 13vw; margin-top: -13vw;}

  #link01,#link02,#link03,#link04,#link05,#link06,#link07,#fformtop {display: block; padding-top: 13vw; margin-top: -13vw;}



    #contentsmain figure.photo01,
    #contentsmain figure.photo02,
    #contentsmain figure.photo03 {
      opacity: 0;
      transform: translateY(5.33vw);
      animation: fadeInUp 0.8s ease forwards;
    }
    
    #contentsmain {margin: 14.6vw auto 8.33vw auto;position: relative;}
    #contentsmain figure.photo01 {position: absolute;top: -7.93vw;left: 3.9vw;border-radius: 0vw 4.33vw 4.33vw 0vw;overflow: hidden;width: 47.03vw;height: 34.3vw;z-index: 3;animation-delay: 1s;}
    #contentsmain figure.photo01 img{  }
    #contentsmain figure.photo02 {position: absolute;top: -8.1vw;right: 3.9vw;width: 44.7vw;overflow: hidden;border-radius: 5.33vw  0 0vw 5.33vw;z-index: 1;animation-delay: 1.5s;}
    #contentsmain figure.photo02 img{  }
    #contentsmain figure.photo03 {position: relative;top: 62.13vw;right: -2.7vw;overflow: hidden;border-radius: 5.33vw;width: 20.83vw;animation-delay: 2s;}
    #contentsmain figure.photo03 img{  }
    
    @keyframes fadeInUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
    }
    
    #contentsmain .inner-Box {margin: 0 4vw;position: relative;background: transparent linear-gradient(0deg, #FFFFFF00 0%, #FFFFFFCB 100%) 0% 0% no-repeat padding-box;border-radius: 8.0vw;padding: 35.5vw 5vw 7.5vw 5vw;}
    #contentsmain .inner-Box h2.f-min {font-size: 4.80vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.28vw;margin-bottom: 7.73vw;position: relative;z-index: 3;}
    #contentsmain .inner-Box p.text {font-size: 3.73vw;line-height: 2.6;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 9.5vw;position: relative;z-index: 4;}
    
    
    #contents01 {margin: 0 auto 41.07vw;position: relative;}
    #contents01 figure.img01 {position: absolute;top: -18.6vw;right: 0vw;width: 70.75vw;}
    #contents01 figure.img01 img{  }
    #contents01 .inner-Box {margin: 0 4vw;position: relative;padding-top: 11vw;z-index: 3;}
    #contents01 .inner-Box span.ic {display: block;line-height: 1;width: 12vw;position: absolute;top: 0.7vw;left: 0;z-index: -1;}
    #contents01 .inner-Box span.ic img {  }
    #contents01 .inner-Box h3.f-min {font-size: 5.33vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.28vw;margin-bottom: 8.47vw;position: relative;padding: 3.73vw 0.0vw 0 5.23vw;}
    #contents01 .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    #contents01 .inner-Box ul li {background: url(../images/recruit/contents01-img00.svg)no-repeat center center #fff;position: relative;border-radius: 3.33vw;padding: 6.37vw 5.27vw 3.6vw;background-size: 55%;margin-bottom: 2.6vw;}
    #contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents01 .inner-Box h4.f-min {font-size: 4.53vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 3.7vw;position: relative;text-align: left;}
    #contents01 .inner-Box p.ltext {font-size: 3.20vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 3rem;position: relative;}
    #contents01 figure.img02 {position: absolute;bottom: -43.9vw;left: 0vw;width: 39.15vw;}
    #contents01 figure.img02 img{  }
    
    #contents02 {margin: 0 0vw;position: relative;background: url('../images/recruit/sp-contents02-back01.svg')no-repeat top 12.27vw center;background-size: 100% auto;}
    #contents02 .inner-Box {margin: 0 3.7vw 7.2vw;position: relative;}
    #contents02 .inner-Box span.ic {display: block;line-height: 1;width: 12vw;position: absolute;top: 0.7vw;left: 0;z-index: -1;}
    #contents02 .inner-Box span.ic img {  }
    #contents02 .inner-Box h3.f-min {font-size: 5.33vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.28vw;margin-bottom: 6.67vw;position: relative;padding: 3.73vw 0.0vw 0 5.23vw;}
    #contents02 .inner-Box p.text {font-size: 3.20vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.13vw;margin: 0 0 0 4.9vw;position: relative;}
    #contents02 .inner-system-Box {margin: 0 auto 9.43vw 4vw;position: relative;}
    #contents02 .inner-system-Box h4.f-min {font-size: 4.33vw;line-height: 1.1;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 4.27vw;position: relative;border-left: #FF6991 0.9vw solid;padding: 0 0 0 0.97vw;}
    #contents02 .inner-system-Box ul.system-list {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    #contents02 .inner-system-Box ul li {position: relative;margin-right: 1.4%;background: #fff;border-radius: 5.33vw;padding: 1.67vw;padding-bottom: 11.27vw;}
    #contents02 .inner-system-Box figure.photo {width: 100%;aspect-ratio: 3 / 2.2;overflow: hidden;text-align: center;margin-bottom: 3.4vw;position: relative;border-radius: 2.67vw;}
    #contents02 .inner-system-Box figure.photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
    
    #contents02 .inner-system-Box ul.system-list{ display: flex;                 /* ← 必須 */ flex-wrap: nowrap;             /* 折り返し禁止 */ gap: 1vw; overflow-x: auto;              /* 横スクロール */ overflow-y: hidden; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; /* 任意：吸着 */ padding-bottom: 1vw;           /* スクロールバー逃げ */ }
    #contents02 .inner-system-Box ul.system-list.sss::before{content: "";background: url(../images/index/scroll.svg)no-repeat;width: 21.33vw;height: 21.33vw;position: absolute;top: 60vw;left: 36vw;background-size: 100% auto;z-index: 3;transition: opacity .4s ease; /* ← フェード時間 */pointer-events: none;}
    #contents02 .inner-system-Box ul.system-list.hint-hide::before{ opacity: 0; }
    #contents02 .inner-system-Box ul.system-list > li{flex: 0 0 auto;                /* 縮ませない */width: 64.00vw;                /* 好きなカード幅 */border-radius: 4vw;margin: 0 1.5vw 0 0;                     /* 既存の margin-right などは gap に任せる */scroll-snap-align: start;}
    

    #contents02 .inner-system-Box h5.f-min {font-size: 4.53vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin: 0 2.4vw 3.57vw;position: relative;}
    #contents02 .inner-system-Box span.bell {display: inline-block;line-height: 1;width: 2.87vw;position: absolute;top: 1.6vw;left: 2.13vw;}
    #contents02 .inner-system-Box span.bell img {  }
    #contents02 .inner-system-Box p.btext {font-size: 3.20vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.17vw;margin: 0 2.67vw 2.27vw;position: relative;background: #F4F4F4;padding: 0.8vw 1.6vw 0.8vw 6.03vw;}
    #contents02 .inner-system-Box p.ltext {font-size: 3.47vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.14vw;margin: 0 2.67vw 0.8vw;position: relative;}
    #contents02 .inner-system-Box p.motext {font-size: 2.97vw;line-height: 1.8;font-weight: 600;letter-spacing: 0.17vw;position: absolute;bottom: 4.73vw;right: 4.07vw;color: #F44D73;}
    #contents02 .inner-system-Box p.motext::before{content: "";background: url(../images/common/arr.svg)no-repeat top center;position: relative;display: inline-block;width: 2.67vw;height: 2.13vw;filter: invert(61%) sepia(50%) saturate(2399%) hue-rotate(305deg) brightness(99%) contrast(106%);left: -0.6vw;background-size: 100% auto;}
    
 /* 
 ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ----
 dl page
 ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ----
 */

 #contentsdlmain .inner-Box {position: relative;padding: 20.27vw 0.0vw 0;}
 #contentsdlmain .inner-Box ul.pointlist {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 auto -8.3vw 4vw;z-index: 3;position: relative;}
 #contentsdlmain .inner-Box ul li {position: relative;width: 45.87vw;aspect-ratio: 1 / 1;box-shadow: 0.0vw 0.0vw 16.0vw #FFFFFF;background: #fff;border-radius: 50%;text-align: center;margin-right: 0vw;margin-bottom: 4vw;}
 #contentsdlmain .inner-Box ul li:nth-child(2n) {margin-right: 0.0vw;top: 15vw;}
 #contentsdlmain .inner-Box p.ptext {font-size: 3.73vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.19vw;position: relative;top: 50%;transform: translateY(-50%);padding: 0 1rem;}
 
  /* 高さはお好みで */
 #contentsdlmain{margin: -28.9vw 0vw 0;}
 .mask-roller{position: relative;height: 93.3vw;overflow: hidden;width: 100vw;}
 
 /* 背景帯を流す要素 */
 .mask-roller .flow{
     height: 93.3vw;
     width: 100vw;
     position: absolute;
     inset: 0;
     background-image: url("../images/recruit/contentsdlmain-mask.jpg"); /* 横長の画像。繰り返して使う */
     background-repeat: repeat-x;
     background-size: auto 93.3vw;   /* 高さを枠に合わせる */
     animation: bg-flow 120s linear infinite; /* 速度はここで調整 */
 
 /* ▼ SVGでマスク（白=表示/黒=隠す） */
     mask-image: url("../images/recruit/sp-contentsdlmain-mask.svg");
     mask-size: 100% auto;
     mask-repeat: no-repeat;
     mask-position: top center;
 
 /* Safari/iOS用プリフィックス */
     -webkit-mask-image: url("../images/recruit/sp-contentsdlmain-mask.svg");
     -webkit-mask-size: 100% auto;
     -webkit-mask-repeat: no-repeat;
     -webkit-mask-position:top center;
 }
   
 /* スクロールアニメ */
 @keyframes bg-flow{
 from{ background-position: 0 0%;   }
 to  { background-position: 852.27vw 0%; } /* 右→左。逆にしたければ +100% */
 }
 
 .rec-dl-banner-Box {margin: 4.53vw auto 4.8vw auto;position: relative;text-align: center;padding: 0 2.63vw;}
 .rec-dl-banner-Box p.btn {  }
 .rec-dl-banner-Box p.btn img {  }
 
 
 #rec-dl-contents01 {margin: 0 4vw 9.97vw;position: relative;background: rgba(237, 182, 220, 0.3);border-radius: 3vw;padding: 13vw 5.3vw 10vw 5.3vw;}
 #rec-dl-contents01 .inner-Box {}
 #rec-dl-contents01 h2 {color: #d5adf2;opacity: 0.4;letter-spacing: 0;font-size: 16.00vw;font-weight: 400;line-height: 1;position: absolute;top: 118.6vw;z-index: 3;transform: rotate(90deg);transform-origin: center;width: 230vw;right: -114vw;}
 #rec-dl-contents01 h2 span{font-size: 10.67vw;position: relative;top: -4.6vw;left: 3.8vw;}
 #rec-dl-contents01 .inner-Box h3 {font-size: 5.33vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 8.73vw;position: relative;text-align: center;}
 
 #rec-dl-contents01 .inner-Box {margin: 0 auto 17.53vw;position: relative;padding-right: 0vw;}
 #rec-dl-contents01 .inner-Box figure.photo {position: relative;top: 0;right: 0;border-radius: 5.33vw;overflow: hidden;margin-bottom: 9.7vw;}
 #rec-dl-contents01 .inner-Box figure.photo img{}
 #rec-dl-contents01 .inner-Box p.text {font-size: 3.73vw;line-height: 2.6;font-weight: 400;letter-spacing: 0.15vw;margin-bottom: 3rem;position: relative;}
 #rec-dl-contents01 .inner-Box2 {margin: 0 auto 10.53vw;position: relative;}
 #rec-dl-contents01 .inner-Box2 h4.f-min {font-size: 5.33vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 3.33vw;position: relative;text-align: center;}
 
 #rec-dl-contents01 .fqqbox{ }
 #rec-dl-contents01 .toggle {display: none; }
 #rec-dl-contents01 .option {position: relative;margin-bottom: 1.07vw;border-bottom: #999 0.27vw dashed;}
 #rec-dl-contents01 .title span{display: inline-block;width: 5.1vw;position: absolute;top: 1.77vw;left: 0;}
 #rec-dl-contents01 .title, .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
 #rec-dl-contents01 .title {padding: 3.27vw 11.67vw 2.53vw 7.1vw;display: block;font-weight: 400;border-radius: 2.67vw;font-size: 3.73vw;letter-spacing: 0.13vw;}
 #rec-dl-contents01 .title::after, .title::before {content: "";position: absolute;right: 4.27vw;top: 5.23vw;width: 0.53vw;height: 3.2vw;background-color: #FD6991;transition: all 0.3s;}
 #rec-dl-contents01 .title::after {transform: rotate(90deg); }
 #rec-dl-contents01 .content {max-height: 0;overflow: hidden;}
 #rec-dl-contents01 .content div.inbox {margin: 0;padding: 4.87vw 3.73vw;font-size: 3.47vw;letter-spacing: 0.15vw;line-height: 1.6;}
 #rec-dl-contents01 .content div.inbox a{ text-decoration: underline; color: #3EB257; }
 #rec-dl-contents01 .content div.inbox a:hover{ text-decoration: none; color: #386369; }
 #rec-dl-contents01 .content div.inbox img{max-width: 100%;}
 #rec-dl-contents01 .toggle:checked + .title{border-radius: 2.67vw 2.67vw 0.0vw 0.0vw; }
 #rec-dl-contents01 .toggle:checked + .title + .content {max-height: 500vw;transition: max-height 1.5s;background: url(../images/faq/aback.svg)no-repeat top 2.4vw left 3.47vw #fff;border-radius: 3.73vw;margin-left: 5.8vw;margin-bottom: 5.33vw;background-size: 100% auto;}
 #rec-dl-contents01 .toggle:checked + .title::before {transform: rotate(90deg) !important; }
 
 
 #rec-dl-contents01 .inner-Box3 {margin: 0 -3.3vw;position: relative;}
 #rec-dl-contents01 .inner-Box3 ul{margin: 0 4vw;}
 #rec-dl-contents01 .inner-Box3 ul li {position: relative;margin-bottom: 4vw;}
 #rec-dl-contents01 .inner-Box3 ul li:nth-child(2n) { margin-right: 0.0vw; }
 #rec-dl-contents01 .inner-Box3 ul li .morebtn a > span::before {right: -4.27vw;}
 #rec-dl-contents01 .inner-Box3 ul li:nth-child(2n) .morebtn a > span::before {right: -4.27vw;}
 #rec-dl-contents01 .inner-Box3 ul li:nth-child(2n) .morebtn a::before {background: transparent linear-gradient(96deg, #FF8872 0%, #FF7B9F 100%) 0% 0% no-repeat padding-box;}
 
 #contentsnavi {margin: 0 4vw 12.53vw;position: relative;background: rgba(255,255,255,0.7);border-radius: 4vw;padding: 6.9vw 5.53vw 4.67vw;}
 #contentsnavi .inner-Box {position: relative;}
 #contentsnavi .inner-Box h2.f-min {font-size: 5.33vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 6.67vw;position: relative;}
 #contentsnavi .inner-Box ul{}
 #contentsnavi .inner-Box ul li {position: relative;border-bottom: #999999 0.37vw dashed;margin-bottom: 3.6vw;}
 #contentsnavi .inner-Box ul li a p.ltext::after{content: "";background: url(../images/common/arr.svg)no-repeat;position: absolute;top: 1.8vw;right: 3.33vw;filter: invert(63%) sepia(44%) saturate(3893%) hue-rotate(307deg) brightness(103%) contrast(101%);display: inline-block;transform: rotate(90deg);transform-origin: center;transition: all 0.3s ease-in-out;background-size: 100% auto;width: 2.7vw;height: 3vw;}
 #contentsnavi .inner-Box ul li a:hover p.ltext::after{ top: 0.8vw; }
 #contentsnavi .inner-Box ul li a:hover {  }
 #contentsnavi .inner-Box p.ltext {font-size: 3.73vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.15vw;margin-bottom: 2.7vw;position: relative;}
  
 #rec-dl-contents02 {margin: 0 0vw;position: relative;background: url('../images/recruit/dlcontents02-back01.png')no-repeat bottom center;background-size: 250vw auto;padding-bottom: 31.1vw;}
 #rec-dl-contents02 .inner-Box {margin: 0 4vw;position: relative;}
 
 #rec-dl-contents02 .inner-Box h2 {color: #FAA5BC;opacity: 0.4;letter-spacing: 0;font-size: 16.00vw;font-weight: 400;line-height: 1;position: relative;text-align: center;margin-bottom: -0.03vw;}
 #rec-dl-contents02 .inner-Box h3 {font-size: 3.73vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 10.03vw;position: relative;text-align: center;}
 
 
 #rec-dl-contents02 .inner-Box ul{}
 #rec-dl-contents02 .inner-Box ul li {position: relative;border-radius: 4.0vw;background: #fff;padding: 4.37vw 2.67vw 1.67vw 37.27vw;margin-bottom: 2vw;}
 #rec-dl-contents02 .inner-Box ul li:nth-child(2n) {}
 #rec-dl-contents02 .inner-Box ul li:nth-child(4n) { margin-right: 0.0vw; }
 #rec-dl-contents02 .inner-Box figure.photo {width: 29.9vw;aspect-ratio: 3 / 2.06;overflow: hidden;text-align: center;margin-bottom: 4.8vw;border-radius: 0.67vw;position: absolute;top: 5.3vw;left: 4vw;}
 #rec-dl-contents02 .inner-Box figure.photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
 #rec-dl-contents02 .inner-Box h4.f-min {font-size: 4.53vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.18vw;margin-bottom: 1.77vw;position: relative;text-align: left;}
 #rec-dl-contents02 .inner-Box p.ltext {font-size: 3.20vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.13vw;margin-bottom: 3vw;position: relative;}
 
/* コンテンツは非表示、アクティブだけ表示 */
#features .conBox1 { display: none; }
#features .conBox1.active { display: block; }

/* タブにアクティブ状態 */
#features .tab-list .bubble.active { opacity: 1; font-weight: 700; border-color: currentColor; }

#features {margin: 0 auto 21.2vw;position: relative;background: url('../images/index/contents03-back01.svg')no-repeat top center;padding: 12.4vw 0vw 0 3.73vw;background-size: 100% auto;}
#features h2 {color: #FAA5BC;opacity: 0.4;letter-spacing: 0;font-size: 16.00vw;font-weight: 400;line-height: 1;position: relative;text-align: center;margin-bottom: -0.33vw;left: -2vw;}
#features h3 {font-size: 4.27vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 7.63vw;position: relative;text-align: center;left: -2.1vw;}
#features .inner-Box {margin: 0 auto 6.93vw;position: relative;padding-bottom: 0vw;}
#features .inner-Box ul.tab-list {flex-wrap: nowrap;              /* 折り返し禁止 */justify-content: flex-start;    /* 左寄せ（センタリングはスクロールと相性×） */overflow-x: auto;               /* 横スクロール有効化 */overflow-y: hidden;-webkit-overflow-scrolling: touch; /* iOS慣性スクロール */gap: 1vw;                      /* タブ間余白（お好みで） */padding-bottom: 1vw;            /* スクロールバー分の逃げ（必要なら） */scroll-snap-type: x proximity;  /* スクロール中の吸着（任意） */scrollbar-gutter: stable both-edges; /* レイアウトのガタつき軽減（対応ブラウザ） */}
#features .inner-Box ul.tab-list > li {flex: 0 0 auto;                 /* 幅を保つ */scroll-snap-align: start;       /* 吸着位置（任意） */width: 40vw;height: 10.6vw;border-radius: 7vw;margin-bottom: 1vw;margin-right: 1.7vw;}
#features .inner-Box p.ltext {font-size: 3.20vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.17vw;position: relative;}
#features .contents-Box {margin: 0 0vw 0 0vw;position: relative;}
#features .conBox1 {margin: 0 0vw;position: relative;}
/* 横スクロールの土台 */
#features .conBox1 ul.featureslist{ display: flex;                 /* ← 必須 */ flex-wrap: nowrap;             /* 折り返し禁止 */ gap: 1vw; overflow-x: auto;              /* 横スクロール */ overflow-y: hidden; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; /* 任意：吸着 */ padding-bottom: 1vw;           /* スクロールバー逃げ */ }
#features .conBox1 ul.featureslist::before{content: "";background: url(../images/index/scroll.svg)no-repeat;width: 21.33vw;height: 21.33vw;position: absolute;top: 35vw;left: 36vw;background-size: 100% auto;z-index: 3;transition: opacity .4s ease; /* ← フェード時間 */
  pointer-events: none;  }
/* 既存の ::before 定義はそのまま */
#features .conBox1 ul.featureslist.hint-hide::before{
  opacity: 0;
}
#features .conBox1 ul.featureslist > li{flex: 0 0 auto;                /* 縮ませない */width: 58.67vw;                /* 好きなカード幅 */border-radius: 4vw;margin: 0;                     /* 既存の margin-right などは gap に任せる */scroll-snap-align: start;      /* 任意：吸着位置 */border: 1px solid #FD7492;overflow: hidden;margin-right: 3.3vw;background: #FFF0F0;}

#features .conBox1 ul li .textb{padding: 0 3.8vw;}

#features .conBox1 ul li figure.photo {width: 100%;aspect-ratio: 29 / 20;overflow: hidden;text-align: center;margin-bottom: 5.87vw;position: relative;}
#features .conBox1 ul li figure.photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

#features .conBox1 h4 {font-size: 3.73vw;line-height: 1.4;font-weight: 600;letter-spacing: 0.15vw;margin-bottom: 1.87vw;position: relative;color: #F84382;}
#features .conBox1 p.text1 {font-size: 3.47vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.14vw;margin-bottom: 3.8vw;position: relative;}
#features .conBox1 p.text2 {font-size: 3.20vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.13vw;margin-bottom: 5.6vw;position: relative;background: #fff;border-radius: 2.67vw;padding: 1.8vw 1.5vw;/* color: #F84382; */}
#features .conBox1 p.text2 span.tag {font-weight: 500;}
#features .conBox1 p.text2 span.cate {font-weight: 700;}
#features .morebtn{margin: 10.8vw 14vw 0 10vw;}
#features .morebtn a > span::before {right: -3.73vw;}

.tab-list{ display:flex; gap: 4.27vw; flex-wrap: wrap; }
.tab-list .bubble{--bg:#fff;            /* 背景色 */--txt:#A35;           /* 文字色 *//* --shadow: 0 1.6vw 4.27vw rgba(0,0,0,.08); */--border:#FD8E74;     /* ボーダー色（カテゴリごとに上書き） */position: relative;padding: 2.1vw 0.8vw;border-radius: 0vw;background: var(--bg);color: var(--txt);box-shadow: var(--shadow);line-height: 1;text-align: center;border: 0.37vw solid var(--border);}
.tab-list .bubble::after{content:"";position:absolute;left: 50%;bottom: -1.3vw;width: 1.73vw;height: 1.73vw;background: var(--bg);transform: translateX(-50%) rotate(45deg);box-shadow: var(--shadow);z-index: 0;border-right: 0.37vw solid var(--border);border-bottom: 0.37vw solid var(--border);}
.tab-list .ltext{ font-size: 4.27vw; letter-spacing: .06rem; margin: 0; }
.tab-list .cate--all{--bg: #FFF7F0;--txt: #FD8E74;--border: #FD8E74;}
.tab-list .cate--skill{ --bg: #FFF0F0; --txt: #FD7492; --border: #FD7492; }
.tab-list .cate--benefit{ --bg: #FEEBF6; --txt: #FC93CC; --border: #FC93CC; }
.tab-list .cate--people{ --bg: #F7E9FF; --txt: #D493FC; --border: #D493FC; }

#features .conBox1 ul li.cate01{border: 1px solid #FD7492; background: #FFF0F0; }
#features .conBox1 ul li.cate02{border: 1px solid #FC93CC; background: #FEEBF6; }
#features .conBox1 ul li.cate03{border: 1px solid #D493FC; background: #F7E9FF; }

#features .conBox1 ul li.cate01 h4,#features .conBox1 ul li.cate01 .textb{ color: #F44DA1;}
#features .conBox1 ul li.cate02 h4,#features .conBox1 ul li.cate02 .textb{ color: #F44DA1;}
#features .conBox1 ul li.cate03 h4,#features .conBox1 ul li.cate03 .textb{ color: #A245DB;}

#features .rec-dl-banner-Box{margin: 5vw 0vw 0vw -3.7vw;}

 .online {margin: -6.8vw auto 21.33vw;position: relative;}
 .online .inner-Box {margin: 0 4vw;position: relative;background: #fff;border-radius: 5.33vw;padding-bottom: 8.03vw;}
 .online .inner-Box .inBox{padding: 12.6vw 5vw 58.2vw 5vw;}
 .online .inner-Box span.icon {display: block;line-height: 1;width: 10.87vw;position: absolute;top: -17.6vw;left: 50%;transform: translateX(-50%);}
 .online .inner-Box span.icon img {  }
 .online .inner-Box h2.f-min {font-size: 5.33vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.28vw;margin-bottom: 3.2vw;position: relative;border-bottom: #999 dashed 0.27vw;text-align: center;padding-bottom: 3vw;}
 .online .inner-Box p.text {font-size: 3.73vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.15vw;margin-bottom: 6.5vw;position: relative;}
 .online .inner-Box figure.img01 {position: absolute;top: 105vw;left: 5.2vw;width: 38.8vw;}
 .online .inner-Box figure.img01 img{  }
 .online .inner-Box figure.img02 {position: absolute;top: 112vw;right: -0.8vw;width: 77vw;}
 .online .inner-Box figure.img02 img{  }
 .online .inner-Box2 {position: relative;padding: 0 9.2vw;}
 .online .inner-Box2 ul{}
 .online .inner-Box2 ul li {position: relative;width: 100%;margin-bottom: 3vw;}
 .online .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }
 .online .inner-Box2 ul li a {display: block;height: 13vw;border: 0.27vw solid #F86991;border-radius: 8.0vw;text-align: left;color: #FD6991;transition: all 0.3s ease-in-out;padding: 0 0 0 10.1vw;}
 .online .inner-Box2 ul li a p::after {content: "";background: url(../images/common/arr.svg)no-repeat;width: 2.73vw;height: 2.13vw;display: inline-block;filter: invert(61%) sepia(50%) saturate(2399%) hue-rotate(305deg) brightness(99%) contrast(106%);position: absolute;top: 5.6vw;margin-left: 1.87vw;transition: all 0.3s ease-in-out;background-size: 100% auto;right: 9.6vw;}
 .online .inner-Box2 ul li a:hover p::after{filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(266deg) brightness(105%) contrast(101%); }
 .online .inner-Box2 ul li a:hover { background: #FD6991; color: #fff; }
 .online .inner-Box2 p.ltext {font-size: 3.47vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.41vw;position: relative;padding-top: 3.43vw;}
 
 #dlcontents03 {margin: 0 0vw 16.2vw;position: relative;}
 #dlcontents03 .inner-Box {margin: 0 4vw;position: relative;}
 #dlcontents03 .inner-Box span.ic {display: block;line-height: 1;width: 10.4vw;position: absolute;top: 0;left: 0;z-index: -1;}
 #dlcontents03 .inner-Box span.ic img {  }
 #dlcontents03 .inner-Box h3.f-min {font-size: 5.33vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.28vw;margin-bottom: 3.9vw;position: relative;padding: 1.63vw 0.0vw 0 5.23vw;}
 #dlcontents03 .inner-Box p.text {font-size: 3.20vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.17vw;margin: 0 0 10vw 5.2vw;position: relative;}
 #dlcontents03 .inner-Box figure.img {position: relative;top: 0;}
 #dlcontents03 .inner-Box figure.img img{  }
 
 #dlcontents04 {margin: 0 0vw 14.47vw;background: url('../images/recruit/sp-dlcontents03-back01.svg')no-repeat top center;background-size: 100% auto;}
 #dlcontents04 .inner-Box {margin: 0 auto 0 9.7vw;position: relative;}
 #dlcontents04 .inner-Box span.ic {display: block;line-height: 1;width: 10.4vw;position: absolute;top: 0;left: 0;z-index: -1;}
 #dlcontents04 .inner-Box span.ic img {  }
 #dlcontents04 .inner-Box h3.f-min {font-size: 5.33vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.28vw;margin-bottom: 6.4vw;position: relative;padding: 1.63vw 0.0vw 0 4.43vw;margin-left: -5vw;}
 #dlcontents04 .inner-Box p.text {font-size: 3.20vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.13vw;margin-bottom: 10.2vw;position: relative;}
 
 #dlcontents04 .inner-Box ul{display: flex;                 /* ← 必須 */flex-wrap: nowrap;             /* 折り返し禁止 */gap: 5.33vw;overflow-x: auto;              /* 横スクロール */overflow-y: hidden;-webkit-overflow-scrolling: touch;scroll-snap-type: x proximity; /* 任意：吸着 */padding-bottom: 1vw;           /* スクロールバー逃げ */position: relative;padding-right: 8.0vw;margin-left: 3.8vw;}
 #dlcontents04 .inner-Box ul.sss::before{content: "";background: url(../images/index/scroll.svg)no-repeat;width: 21.27vw;height: 28.27vw;position: absolute;top: 25.87vw;left: 30vw;background-size: 100% auto;z-index: 3;transition: opacity .4s ease; /* ← フェード時間 */pointer-events: none;}
 #dlcontents04 .inner-Box ul > li{flex: 0 0 auto; /* 好きなカード幅 *//* margin: 0 5.33vw 0 0; */                     /* 既存の margin-right などは gap に任せる */scroll-snap-align: start;margin-right: -2vw;}
 #dlcontents04 .inner-Box ul.hint-hide::before{ opacity: 0; }
 
 #dlcontents04 .inner-Box ul li {position: relative;background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 59%, #FFF0F0 100%) 0% 0% no-repeat padding-box;box-shadow: 0.0vw 0.8vw 2.67vw #FFA3A329;border-radius: 4.0vw;padding: 5vw 5.5vw 5.2vw;width: 66.5vw;}
 #dlcontents04 .inner-Box ul li:last-child{ nav-right: 53.33vw;}
 #dlcontents04 .inner-Box p.kika {font-size: 3.73vw;line-height: 1;font-weight: 500;letter-spacing: 0.15vw;margin-bottom: 4.3vw;position: relative;}
 #dlcontents04 .inner-Box p.kika span{display: inline-block;background: #FF6991;border-radius: 4.0vw;color: #fff;padding: 1.87vw 3.73vw;}
 #dlcontents04 .inner-Box h4.f-min {font-size: 4.53vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 3.73vw;position: relative;border-bottom: #999 dashed 0.27vw;padding-bottom: 2.67vw;}
 #dlcontents04 .inner-Box p.ltext {font-size: 3.47vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.15vw;margin-bottom: 0;position: relative;}
 
 #dlcontents05 {margin: 0 4vw 22.6vw;position: relative;border-radius: 2.33vw;padding: 0vw 0.8vw 12vw 0.8vw;background: #fff;}
 #dlcontents05 .inner-Box { margin: 0 4vw; position: relative; }
 #dlcontents05 .inner-Box figure.img {position: relative;top: 0;left: 0;}
 #dlcontents05 .inner-Box figure.img img{  }
 
 #dlcontents06 {margin: -11vw auto 22.6vw;position: relative;/* padding: 0 13.33vw; */}
 #dlcontents06 .inner-Box {margin: 0 4vw;position: relative;padding: 12vw 3vw 12vw;border-radius: 5.33vw;background: rgba(255,201,201,0.3);}
 #dlcontents06 .inner-Box h2.f-en {color: #ffb3ac;opacity: 0.4;letter-spacing: 0;font-size: 16vw;font-weight: 400;line-height: 1;position: absolute;top: 32vw;z-index: 3;right: -28.33vw;transform: rotate(90deg);transform-origin: center;}
 #dlcontents06 .inner-Box h3.f-min {font-size: 5.33vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 1.27vw;position: relative;text-align: center;}
 #dlcontents06 .inner-Box .voice-text{font-size: 3.20vw;text-align: center;letter-spacing: 0.13vw;margin: 0 5.2vw 9.33vw;line-height: 1.8;}
 #dlcontents06 .inBox {margin: 0.0vw auto 6.13vw;position: relative;padding: 0 0 0 0vw;}
 #dlcontents06 .inBox.sec {border-bottom:none;margin-bottom: 0vw;}
 #dlcontents06 .inBox figure.img {position: relative;top: 0;left: 0;height: 61vw;margin: 0 2.2vw 8vw;overflow: hidden;}
 #dlcontents06 .inBox figure.img img{  }
 #dlcontents06 .inBox h4.f-min {font-size: 4.27vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin: 0 2.2vw 3.93vw;position: relative;border-left: #FF6991 1.33vw solid;padding: 0 0 0 2.4vw;}
 #dlcontents06 .inBox p.text {font-size: 3.73vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.15vw;margin: 0 2.4vw 1.6rem;position: relative;}
 
 
 #rec-dl-contents07 {margin: -11.6vw 4vw 10.53vw;position: relative;top: 0vw;background: rgba(255,201,201,0.3);border-radius: 4vw;padding: 12.7vw 5vw 5vw 5vw;}
 #rec-dl-contents07 h2 {color: #ffb3ac;opacity: 0.4;letter-spacing: 0;font-size: 16vw;font-weight: 400;line-height: 1;position: absolute;top: 13.1vw;right: -13.9vw;z-index: 3;transform: rotate(90deg);transform-origin: center;}
 
 #rec-dl-contents07 .inner-Box {margin: 0 auto 3.47vw;position: relative;}
 #rec-dl-contents07 .inner-Box h3.f-min {font-size: 5.33vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 2.83vw;position: relative;text-align: center;}
 
 #rec-dl-contents07 .toggle {display: none; }
 #rec-dl-contents07 .option {position: relative;margin-bottom: 1.07vw;border-bottom: #999 0.27vw dashed;}
 #rec-dl-contents07 .title span{display: inline-block;width: 5.1vw;position: absolute;top: 1.77vw;left: 0;}
 #rec-dl-contents07 .content span{display: inline-block;width: 5.1vw;position: absolute;top: 0.77vw;left: 2vw;}
 #rec-dl-contents07 .title, .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
 #rec-dl-contents07 .title {padding: 3.27vw 11.67vw 2.53vw 7.1vw;display: block;font-weight: 400;border-radius: 2.67vw;font-size: 3.73vw;letter-spacing: 0.13vw;}
 #rec-dl-contents07 .title::after, .title::before {content: "";position: absolute;right: 4.27vw;top: 5.23vw;width: 0.53vw;height: 3.2vw;background-color: #FD6991;transition: all 0.3s;}
 #rec-dl-contents07 .title::after {transform: rotate(90deg); }
 #rec-dl-contents07 .content {max-height: 0;overflow: hidden;}
 #rec-dl-contents07 .content div.inbox {margin: 0;padding: 4.87vw 3.73vw;font-size: 3.47vw;letter-spacing: 0.15vw;line-height: 1.6;border-radius: 3.73vw;background: #fff;}
 #rec-dl-contents07 .content div.inbox a{ text-decoration: underline; color: #3EB257; }
 #rec-dl-contents07 .content div.inbox a:hover{ text-decoration: none; color: #386369; }
 #rec-dl-contents07 .content div.inbox img{max-width: 100%;}
 #rec-dl-contents07 .toggle:checked + .title{border-radius: 2.67vw 2.67vw 0.0vw 0.0vw; }
 #rec-dl-contents07 .toggle:checked + .title + .content {max-height: 500vw;transition: max-height 1.5s;padding-left: 2.8vw;padding-bottom: 5.33vw;background-size: 100% auto;padding-top: 2vw;}
 #rec-dl-contents07 .toggle:checked + .title::before {transform: rotate(90deg) !important; }
 
 #rec-dl-contents08 figure.img {position: relative;top: 1.87vw;right: 0vw;width: 44.5vw;}
 #rec-dl-contents08 {margin: 0 auto 10.8vw;position: relative;/* padding: 0 13.33vw; */}
 #rec-dl-contents08 .inner-Box {margin: 0 4vw;position: relative;background: rgba(213,198,224,0.3);border-radius: 4vw;padding: 12.4vw 4vw 13vw;}
 #rec-dl-contents08 .inner-Box h2 {color: #ffb3ac;opacity: 0.4;letter-spacing: 0;font-size: 16vw;font-weight: 400;line-height: 1;position: absolute;top: 54vw;right: -48.6vw;z-index: 3;width: 100vw;transform: rotate(90deg);transform-origin: center;}
 #rec-dl-contents08 .inner-Box h3 {font-size: 5.33vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 1.07vw;position: relative;text-align: center;}
 #rec-dl-contents08 .inner-Box p.text {font-size: 4.27vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.18vw;margin-bottom: 2.9rem;position: relative;}
 
 
 #rec-dl-contents08 .inner-Box p.msg {font-size: 3.20vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.15vw;margin-bottom: 5rem;position: relative;text-align: center;}
 #rec-dl-contents08 .inBox {margin: 0 0.9vw;font-size: 3.73vw;line-height: 2.6;font-weight: 400;letter-spacing: 0.15vw;margin-bottom: 4rem;position: relative;}
 #rec-dl-contents08 .inBox p.text {}
 #rec-dl-contents08 h4.f-min {font-size: 3.73vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.15vw;margin-bottom: 0.0vw;position: relative;text-align: right;margin-right: 1.3vw;}
 #rec-dl-contents08 h4.f-min span {font-size: 4.80vw;letter-spacing: 0.21vw;display: inline-block;margin-left: 0.13vw;}
 
 #rec-dl-contents09 {margin: 0 4vw 11vw;position: relative;background: rgba(255,255,255,0.8);border-radius: 4vw;padding: 12.33vw 0.33vw 0;}
 #rec-dl-contents09 .inner-Box {margin: 0 5vw;position: relative;padding-bottom: 13.33vw;}
 #rec-dl-contents09 .inner-Box h2.f-en{color: #FAA5BC;opacity: 0.4;letter-spacing: 0;font-size: 16vw;font-weight: 400;position: absolute;top: 18.9vw;right: -38vw;line-height: 1;transform: rotate(90deg);transform-origin: center;}
 #rec-dl-contents09 .inner-Box h3 {font-size: 5.33vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 1.07vw;position: relative;text-align: center;}
 #rec-dl-contents09 .inner-Box p.msg {font-size: 3.20vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.15vw;margin-bottom: 10vw;position: relative;text-align: center;}
 #rec-dl-contents09 .inner-Box table{width: 100%;font-size: 3.73vw;letter-spacing: 0.09vw;line-height: 1.7;}
 #rec-dl-contents09 .inner-Box table th {background: #F1F1F1;border: #E2DDDD 0.27vw solid;text-align: left;padding: 0.8vw 3.47vw;width: 24vw;}
 #rec-dl-contents09 .inner-Box table td {border: #E2DDDD 0.27vw solid;padding: 1.8vw 3.77vw;}
 
 .form-Box .formen{top: 33.8vw!important;}
}