/*
Theme Name: a	
Theme URI: https://dessin.work/
Description: dessin Inc. Client theme.
Author: dessin Inc. development team [Yuki Fujii]
Version: 2023-08-03
*/

:root{
    --screen-w: 1920;
    --color1: #694C3C;
    --color2: #464646;
    --color3: #634737;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  color: #000;
  font: inherit;
  vertical-align: baseline;
  line-height: 1.6;
  letter-spacing: 0.06em;
  font-family: "Sawarabi Gothic", sans-serif;
}
input {
  font-family: "Sawarabi Gothic", sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  font: inherit;
}
html {
  scroll-behavior: smooth;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  color: #333;
  text-decoration: none;
  transition: 0.3s;
}
a:hover img {
  opacity: 0.8;
}
img, iframe {
  vertical-align: bottom;
  max-width: 100%;
  background: transparent;
  transition: 0.3s;
}
input[type=submit], input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
        appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type=submit]::-webkit-search-decoration, input[type=button]::-webkit-search-decoration {
  display: none;
}
input[type=submit]::focus, input[type=button]::focus {
  outline-offset: -2px;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
}
.grecaptcha-badge {
  display: none;
}
.clear:after {
  content: "";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.df {
  display: flex;
}
.sb {
  justify-content: space-between;
}
.fw {
  flex-wrap: wrap;
}
.w90 {
  margin: 0 auto;
  width: 90%;
}
.fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 500ms;
}
.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
body{
    background-color: #FDE3D1;
}
header{
    padding: 
        calc(48 / var(--screen-w) * 100vw) 
        calc(48 / var(--screen-w) * 100vw) 
        calc(38 / var(--screen-w) * 100vw);
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    top: 0;
    left: 0;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid var(--color1);
    background-color: #FDE3D1;
}
header.down{
  padding: 
    calc(14 / var(--screen-w) * 100vw) 
    calc(48 / var(--screen-w) * 100vw) 
    calc(14 / var(--screen-w) * 100vw);
  align-items: center;
}
header.pc{
    z-index: 999;
}
header nav{
    width: max-content;
}
header nav ul{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 
        calc( 24 / var(--screen-w) * 100vw)
        calc( 59 / var(--screen-w) * 100vw);
    transition: .3s;
}
header.down nav ul{
  gap: 
    calc( 12 / var(--screen-w) * 100vw)
    calc( 59 / var(--screen-w) * 100vw);
}
header nav ul a{
    font-size: calc( 14 / var(--screen-w) * 100vw);
    font-weight: 400;
    color: var(--color1);
    align-items: center;
}
a .dot{
    width: 4px;
    height: 4px;
    border-radius: 50%;
    border: 1px solid var(--color1);
    transition: .3s;
    display: block;
    margin-right: calc( 18 / var(--screen-w) * 100vw );
} 
a:hover .dot{
    background-color: var(--color1);
}
header h1{
    width: calc( 853 / var(--screen-w) * 100vw );
    transition: .3s;
}
header.down h1{
    width: calc( 375 / var(--screen-w) * 100vw );
}
header h1 .subTit{
    font-size: calc( 32 / var(--screen-w) * 100vw );
    font-weight: 700;
    text-align: center;
    font-family: "Manrope", sans-serif;
    display: block;
    margin-top: calc( 24 / var(--screen-w) * 100vw ) ;
    color: #694C3C;
    letter-spacing: calc( 12 / var(--screen-w) * 100vw );
    transition: .3s;
}
header.down h1 .subTit{
  font-size: calc( 14 / var(--screen-w) * 100vw );
}
header .entryBtn{
    --entryBtn-w: 224;
    --entryBtn-h: 95;
    background-color: #694C3C;
    border: 1px solid var(--color1);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: calc( var(--entryBtn-w) / var(--screen-w) * 100vw );
    height: calc( var(--entryBtn-h) / var(--screen-w) * 100vw );
    border-radius: 50%;
    transition: .3s;
}
header .entryBtn:hover{
    background-color: #fff;
}
header .entryBtn .arrow{
    position: absolute;
    top: 50%;
    right: calc( 27 / var(--entryBtn-w) * 100%);
    transform: translateY(-50%);
    width: calc( 9 / var(--screen-w) * 100vw );
    height: calc( 17 / var(--screen-w) * 100vw );
    background: url('/recruit/wp-content/themes/a/img/arrow.svg') no-repeat center;
    background-size: contain;
}
header .entryBtn:hover .arrow{
    background: url('/recruit/wp-content/themes/a/img/arrow_cha.svg') no-repeat center;
    background-size: contain;
}
header .entryBtn p{
    color: #fff;
    font-size: calc( 13 / var(--screen-w) * 100vw);
    letter-spacing: calc( 2 / var(--screen-w) * 100vw );
    font-weight: 400;
    width: 100%;
    text-align: center;
}
header .entryBtn:hover p{
    color: #694C3C;
}
header .entryBtn p span{
    display: block;
    font-size: calc( 28 / var(--screen-w) * 100vw );
    text-align: center;
    letter-spacing: calc( 8 / var(--screen-w) * 100vw );
    color: #fff;
    margin-bottom: calc( -8 / var(--screen-w) * 100vw );
}
header .entryBtn:hover p span{
    color: #694C3C;
}
article{
    padding-top: calc( 249 / var(--screen-w) * 100vw );
}
.mvWrap{
    padding: calc( 65 / var(--screen-w) * 100vw ) 0 0;
    margin-bottom: calc( 207 / var(--screen-w) * 100vw );
    position: relative;
}
.mv .swiper-wrapper{
    transition-timing-function: linear;
}
.mvTxtWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 calc( 40 / var(--screen-w) * 100vw ) 0 calc( 20 / var(--screen-w) * 100vw );
  position: absolute;
  top: 0;
  right: calc(460 / var(--screen-w) * 100vw );
  background-color: #FDE3D1;
  height: 100%;
  z-index: 2;
}
.mvTxtWrap img {
  width: 56%;
}
.topBlock1{
  width: calc( 1472 / var(--screen-w) * 100vw );
  margin: 0 auto calc( 275 / var(--screen-w) * 100vw );
  padding:
    calc( 64 / var(--screen-w) * 100vw )
    0
    calc( 109 / var(--screen-w) * 100vw );
  box-sizing: border-box;
  position: relative;
}
.topBlock1 .effect{
  position: absolute;
  z-index: 1;
}
.topBlock1 .effect.no1{
  top: 0;
  left: 0;
  width: calc( 283 / var(--screen-w) * 100vw );
}
.topBlock1 .effect.no2{
  top: calc( 133 / var(--screen-w) * 100vw );
  right: calc( 33 / var(--screen-w) * 100vw );
  width: calc( 254 / var(--screen-w) * 100vw );
}
.topBlock1 .effect.no3{
  bottom: calc( 176 / var(--screen-w) * 100vw );
  left: calc( 30 / var(--screen-w) * 100vw );
  width: calc( 293 / var(--screen-w) * 100vw );
}
.topBlock1 .effect.no4{
  bottom: calc( 54 / var(--screen-w) * 100vw );
  right: 0;
  width: calc( 326 / var(--screen-w) * 100vw );
}
.topBlock1 .effect.no5{
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc( 218 / var(--screen-w) * 100vw );
}
.topBlock1 .circleImg{
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  width: calc( 145 / var(--screen-w) * 100vw );
  /* アニメーションの設定 */
  animation-name: rotation;      /* 使用するアニメーション名（下で定義） */
  animation-duration: 10s;       /* 1周にかかる時間（短いほど速い。10秒で1周） */
  animation-timing-function: linear; /* 動きの種類（linearは一定速度。最後まで滑らかに） */
  animation-iteration-count: infinite; /* 繰り返す回数（infiniteは無限に） */
}
@keyframes rotation {
  from {
    /* 中央寄せ（translateX）を維持したまま、0度から開始 */
    transform: translateX(-50%) rotate(0deg);
  }
  to {
    /* 中央寄せ（translateX）を維持したまま、360度まで回転 */
    transform: translateX(-50%) rotate(360deg);
  }
}
.topBlock1Inner{
  background-color: #fff;
  width: calc( 1000 / var(--screen-w) * 100vw );
  margin: 0 auto;
  border-radius: calc( 80 / var(--screen-w) * 100vw );
  padding:
    calc( 158 / var(--screen-w) * 100vw )
    calc( 35 / var(--screen-w) * 100vw )
    calc( 198 / var(--screen-w) * 100vw );
  box-sizing: border-box;
  position: relative;
}
.topBlock1Inner:after{
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url('/recruit/wp-content/themes/a/img/bg_msg.svg') no-repeat center;
  background-size: cover;
}
.topBlock1Inner p{
    text-align: center;
    font-size: calc( 20 / var(--screen-w) * 100vw );
    font-weight: 400;
    line-height: calc( 57 / var(--screen-w) * 100vw );
    letter-spacing: calc( 2 / var(--screen-w) * 100vw );
    color: var(--color1);
}
.topBlock1Inner p span{
  background-color: rgba( 253,227,209,0.5);
}
.topBlock1Inner p br.sp{
  display: none;
}
.titWrap{
  width: max-content;
  margin: 0 auto;
  position: relative;
  padding: 
    calc(11 / var(--screen-w) * 100vw ) 
    0 
    calc(49 / var(--screen-w) * 100vw );
}
.titWrap.no2{
  padding-bottom: 0;
}
.titWrap > p{
  font-size: calc( 14 / var(--screen-w) * 100vw );
  padding: 0 2em;
  background-color: #FDE3D1;
  font-weight: 400;
  letter-spacing: calc( 2 / var(--screen-w) * 100vw );
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  color: var(--color1);
}
.titWrap h2{
  font-size: calc( 127 / var(--screen-w) * 100vw );
  font-weight: 700;
  font-family: "Playfair", serif;
  color: #694C3C;
  border-top: 2px solid var(--color1);
  border-bottom: 2px solid var(--color1);
  letter-spacing: calc( 2 / var(--screen-w) * 100vw );
  line-height: 1;
}
.titWrap.small h2{
  font-size: calc( 75 / var(--screen-w) * 100vw );
  line-height: 1.5;
}
.titWrap .verticalTxt{
  position: absolute;
  bottom: 0;
  display: flex;
  gap: calc( 13 / var(--screen-w) * 100vw );
  align-items: flex-end;
}
.titWrap .verticalTxt p{
  writing-mode: vertical-rl;
  background-color: #fff;
  height: fit-content;
  font-size: calc( 20 / var(--screen-w) * 100vw );
  font-weight: 400;
  color: var(--color1);
  display: inline;
  letter-spacing: calc( 2 / var(--screen-w) * 100vw );
  padding: 0.2em 0;
}
.topBlock2{
  margin-bottom: calc( 231 / var(--screen-w) * 100vw );
}
.topBlock2 .titWrap{
  margin-bottom: calc( 67 / var(--screen-w) * 100vw );
}
.topBlock2 .titWrap .verticalTxt{
  left: 108%;
}
.topBlock2 .titWrap .verticalTxt p:first-child{
  transform: rotate(11deg);
}
.topBlock2 .titWrap .verticalTxt p:last-child{
  transform: rotate(6deg);
}
.jobList{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.jobList li{
  height: calc( 620 / var(--screen-w) * 100vw );
  border-radius: calc( 80 / var(--screen-w) * 100vw );
  display: flex;
  align-items: center;
  justify-content: center;
}
.jobList li.no1{
  transition-delay: .1s;
}
.jobList li.no2{
  transition-delay: .3s;
}
.jobList li.no3{
  transition-delay: .5s;
}
.jobList li.no4{
  transition-delay: .7s;
}
.jobList li.no5{
  transition-delay: .9s;
}
.jobList li.no6{
  transition-delay: 1.2s;
}
.jobList li:nth-child(odd){
  background-color: #FFDBC2;
}
.jobList li:nth-child(even){
  background-color: #FFEDE0;
}
.jobList li .jobListInner{
  width: calc( 468 / 640 * 100% );
  margin: 0 auto;
  position: relative;
  padding-top: calc( 29 / var(--screen-w) * 100vw );
}
.jobList li:nth-child(n+4) .jobListInner{
  padding-top: calc( 37 / var(--screen-w) * 100vw );
}
.jobList li .numWrap{
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: rotate(8deg);
}
.jobList li:nth-child(3n+2) .numWrap{
  transform: rotate(-8deg);
}
.jobList li .numWrap .num{
    width: calc( 69 / var(--screen-w) * 100vw );
    height: calc( 33 / var(--screen-w) * 100vw );
    border-radius: 50%;
    text-align: center;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
    font-size: calc( 22 / var(--screen-w) * 100vw );
    margin-bottom: calc( 7 / var(--screen-w) * 100vw );
}
.jobList li:nth-child(1) .numWrap .num{
  color: #DC82B1;
  border: 1px solid #DC82B1;
}
.jobList li:nth-child(2) .numWrap .num{
  color: #74A6DC;
  border: 1px solid #74A6DC;
}
.jobList li:nth-child(3) .numWrap .num{
  color: #50B28F;
  border: 1px solid #50B28F;
}
.jobList li:nth-child(4) .numWrap .num{
  color: #DCAF36;
  border: 1px solid #DCAF36;
}
.jobList li:nth-child(5) .numWrap .num{
  color: #9C77AE;
  border: 1px solid #9C77AE;
}
.jobList li:nth-child(6) .numWrap .num{
  color: #E18B5D;
  border: 1px solid #E18B5D;
}
.jobList li .numWrap .title {
  /* 既存のスタイル */
  font-size: calc( 39 / var(--screen-w) * 100vw );
  color: #fff;
  font-weight: 400;
  writing-mode: vertical-lr;
  display: inline-block; /* inlineから変更（余白計算を安定させるため） */

  /* 文字詰めを無効化してブラウザ間の差を減らす */
  font-feature-settings: "palt" 0;
  font-kerning: none;
  
  /* ベースの文字間（Chromeでいい感じに見える値に調整してください） */
  letter-spacing: calc(-15 / var(--screen-w)*100vw);
  padding: 0.2em 0 0.6em;
  white-space: nowrap;
}

/* Safariのみ文字間をさらに広げる微調整 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  _::-webkit-full-page-media, _:future, :root .jobList li .numWrap .title {
    /* Chromeより0.02〜0.05emほど大きくすると体感で揃います */
    letter-spacing: calc(-1 / var(--screen-w)*100vw);
    padding: 0.2em 0 0.2em;
  }
}
.jobList li:nth-child(1) .numWrap .title{
  background-color: #DC82B1;
}
.jobList li:nth-child(2) .numWrap .title{
  background-color: #74A6DC;
}
.jobList li:nth-child(3) .numWrap .title{
  background-color: #50B28F;
}
.jobList li:nth-child(4) .numWrap{
  right: calc(17 / var(--screen-w) * 100vw);
}
.jobList li:nth-child(4) .numWrap .title{
  background-color: #DCAF36;
}
.jobList li:nth-child(5) .numWrap .title{
  background-color: #9C77AE;
}
.jobList li:nth-child(6) .numWrap .title{
  background-color: #E18B5D;
}
.jobList li .jobListInner img{
  display: block;
  margin-bottom: calc( 39 / var(--screen-w) * 100vw );
}
.jobList li .jobListInner .text{
  padding: 0 calc(10 / 468 * 100%);
  font-size: calc( 16 / var(--screen-w) * 100vw );
  color: var(--color1);
  letter-spacing: calc( 2 / var(--screen-w) * 100vw );
  text-align: justify;
}
.topBlock3 .titWrap{
  margin-bottom: calc( 74 / var(--screen-w) * 100vw );
}
.topBlock3 .verticalTxt{
  left: 100%;
}
.topBlock3 .verticalTxt{
  gap: 0;
}
.topBlock3 .verticalTxt p:first-child{
  transform: rotate(5deg);
}
.topBlock3 .verticalTxt p:last-child{
  transform: rotate(-5deg);
}
.benefitList{
  width: calc( 1418 / var(--screen-w) * 100vw);
  margin: 0 auto calc( 68 / var(--screen-w) * 100vw);
  aspect-ratio: 1418 / 806;
  position: relative;
}
.benefitList li{
  background-color: #fff;
  border-radius: calc( 40 / var(--screen-w) * 100vw );
  position: relative;
  padding: 
    calc( 33 / var(--screen-w) * 100vw )
    calc( 27 / var(--screen-w) * 100vw )
    calc( 90 / var(--screen-w) * 100vw );
  height: fit-content;
  position: absolute;
  width: calc( 511 / var(--screen-w) * 100vw );
  box-sizing: border-box;
}
.benefitList li.no1{
  transition-delay: .1s;
}
.benefitList li.no2{
  transition-delay: .3s;
}
.benefitList li.no3{
  transition-delay: .5s;
}
.benefitList li:nth-child(1){
  top: 0;
  left: 0;
  transform: rotate(-4deg);
}
.benefitList li:nth-child(2){
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) rotate(5deg);
  z-index: 2;
}
.benefitList li:nth-child(3){
  top: 0;
  right: 0;
  transform: rotate(-4deg);
}
.benefitList li .pointNum{
  width: calc( 76 / var(--screen-w) * 100vw );
  position: absolute;
  top: calc( -12 / var(--screen-w) * 100vw );
  left: calc( -12 / var(--screen-w) * 100vw );
}
.benefitList li:nth-child(3) .pointNum{
  width: calc( 97 / var(--screen-w) * 100vw );
}
.benefitList li .thumb{
  display: block;
  margin-bottom: calc( 43 / var(--screen-w) * 100vw );
}
.benefitList li .txtBox{
  width: calc( 345 / 457 * 100% );
  margin: 0 auto;
}
.benefitList li h3{
  text-align: center;
  font-size: calc( 32 / var(--screen-w) * 100vw );
  font-weight: 400;
  color: #694C3C;
  margin-bottom: calc( 16 / var(--screen-w) * 100vw );
}
.benefitList li p{
  text-align: center;
  font-size: calc( 16 / var(--screen-w) * 100vw );
  color: var(--color3);
}
.benefitList li p br.sp{
  display: none;
}
.topBlock3Inner{
  width: calc( 1373 / var(--screen-w) * 100vw );
  margin: 0 auto;
  position: relative;
  padding-top: calc( 8 / var(--screen-w) * 100vw );
}
.topBlock3Inner .effect{
  position: absolute;
  z-index: 2;
}
.topBlock3Inner .effect.left{
  top: 0;
  left: 0;
  width: calc( 193 / var(--screen-w) * 100vw );
}
.topBlock3Inner .effect.right{
  top: 0;
  right: 0;
  width: calc( 180 / var(--screen-w) * 100vw );
}
.topBlock3Inner .subTit{
  width: calc( 369 / var(--screen-w) * 100vw );
  display: block;
  margin: 0 auto calc( 41 / var(--screen-w) * 100vw );
}
.topBlock3Inner .subList{
  width: calc( 1201 / var(--screen-w) * 100vw );
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: calc( 25 / var(--screen-w) * 100vw );
  margin: 0 auto calc( 59 / var(--screen-w) * 100vw );
}
.topBlock3Inner .subList li{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc( 40 / var(--screen-w) * 100vw );
  background-color: #FFDBC2;
  padding: calc( 46 / var(--screen-w) * 100vw ) 0;
}
.topBlock3Inner .subList li:nth-child(even){
  background-color: #FFEDE0;
}
.topBlock3Inner .subList li:nth-child(1){
  transform: rotate(-6deg);
}
.topBlock3Inner .subList li:nth-child(2){
  transform: rotate(5deg);
}
.topBlock3Inner .subList li:nth-child(3){
  transform: rotate(-5deg);
}
.topBlock3Inner .subList li .text{
  font-size: calc( 16 / var(--screen-w) * 100vw );
  color: #694C3C;
  font-weight: 400;
  margin-bottom: calc( 11 / var(--screen-w) * 100vw );
  text-align: center;
}
.topBlock3Inner .subList li .white{
  font-size: calc( 24 / var(--screen-w) * 100vw );
  color: #694C3C;
  font-weight: 400;
  background-color: #fff;
  display: inline;
}
.guaranteeWrap{
  width: calc( 1200 / var(--screen-w) * 100vw );
  margin: 0 auto;
  background-color: #FFEDE0;
  border-radius: 40px;
  padding: 
    calc( 51 / var(--screen-w) * 100vw )
    calc( 69 / var(--screen-w) * 100vw )
    calc( 37 / var(--screen-w) * 100vw )
    calc( 57 / var(--screen-w) * 100vw );
  box-sizing: border-box;
}
.guarantee{
  align-items: center;
  justify-content: space-between;
}
.guarantee.no1{
  margin-bottom: calc( 25 / var(--screen-w) * 100vw );
  padding-bottom: calc( 23 / var(--screen-w) * 100vw );
  border-bottom: 1px solid var(--color1);
}
.guarantee li{
  display: flex;
  align-items: center;
  font-size: calc( 24 / var(--screen-w) * 100vw );
  font-weight: 400;
  color: #694C3C;
}
.guarantee li img{
  display: block;
  margin-right: calc( 8 / var(--screen-w) * 100vw );
}
.topBlock3{
  margin-bottom: calc( 203 / var(--screen-w) * 100vw );
}
.voiceWrap  .titWrap{
  margin-bottom: calc( 171 / var(--screen-w) * 100vw );
}
.voiceWrap  .txtBoxWrap{
  background-color: #fff;
  border-radius: calc( 40 / var(--screen-w) * 100vw );
  padding: 
    calc( 42 / var(--screen-w) * 100vw )
    0
    calc( 28 / var(--screen-w) * 100vw )
    calc( 41 / var(--screen-w) * 100vw );
  position: relative;
}
.voiceWrap  .txtBoxWrap .staffNum{
  position: absolute;
  left: 0;
  top: calc( -45 / var(--screen-w) * 100vw );
}
.voiceWrap  .txtBoxWrap .staffNum span{
  display: block;
  text-align: center;
  font-size: calc( 18 / var(--screen-w) * 100vw );
  font-weight: 600;
  margin-bottom: calc( -25 / var(--screen-w) * 100vw );
}
.voiceWrap  .swiper-slide.green .txtBoxWrap .staffNum span{
  color: #50B28F;
}
.voiceWrap  .swiper-slide.pink .txtBoxWrap .staffNum span{
  color: #DC82B1;
}
.voiceWrap  .swiper-slide.blue .txtBoxWrap .staffNum span{
  color: #74A6DC;
}
.voiceWrap  .txtBoxWrap .staffNum{
  text-align: center;
  font-size: calc( 60 / var(--screen-w) * 100vw );
  font-weight: 600;
  font-family: "Manrope", sans-serif;
  letter-spacing: calc( 1 / var(--screen-w) * 100vw );
}
.voiceWrap  .swiper-slide.green .txtBoxWrap .staffNum{
  color: #50B28F;
}
.voiceWrap  .swiper-slide.pink .txtBoxWrap .staffNum{
  color: #DC82B1;
}
.voiceWrap  .swiper-slide.blue .txtBoxWrap .staffNum{
  color: #74A6DC;
}
.voiceWrap  .txtBoxWrap .name span{
  display: block;
  font-size: calc( 18 / var(--screen-w) * 100vw );
  font-weight: 400;
  margin-bottom: calc( 14 / var(--screen-w) * 100vw );
}
.voiceWrap  .swiper-slide.green .txtBoxWrap .name span{
  color: #50B28F;
}
.voiceWrap  .swiper-slide.pink .txtBoxWrap .name span{
  color: #DC82B1; 
} 
.voiceWrap  .swiper-slide.blue .txtBoxWrap .name span{
  color: #74A6DC;
}
/* スライドのベース設定（共通） */
.voiceWrap  .swiper-slide {
  transition: transform 0.3s ease; /* 動きを滑らかにする */
}
/* 1. アクティブなスライド（中央）を 73px 上げる */
.voiceWrap  .swiper-slide-active {
  transform: translateY(calc(-73 / var(--screen-w) * 100vw));
}
/* 2. その両サイド（前後のスライド）を 38px 上げる */
.voiceWrap  .swiper-slide-prev,
.voiceWrap  .swiper-slide-next {
  transform: translateY(calc(-38 / var(--screen-w) * 100vw));
}
.voiceWrap  .txtBoxWrap .name{
  font-size: calc( 24 / var(--screen-w) * 100vw );
  font-weight: 400;
  color: #694C3C;
  margin-bottom: calc( 21 / var(--screen-w) * 100vw );
  line-height: 1;
}
.voiceWrap{
  padding-bottom: calc( 37 / var(--screen-w) * 100vw );
  margin-bottom: calc( 83 / var(--screen-w) * 100vw );
  position: relative;
}
.voiceWrap  .paginationWrap{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
  justify-content: center;
  gap: calc( 49 / var(--screen-w) * 100vw );
}
.voiceWrap .paginationWrap .swiper-button-prev,
.voiceWrap .paginationWrap .swiper-button-next,
.voiceWrap .paginationWrap .swiper-pagination{
  position: static;
}
.voiceWrap .paginationWrap .swiper-button-prev,
.voiceWrap .paginationWrap .swiper-button-next{
  width: calc( 100 / var(--screen-w) * 100vw );
  height: calc( 64 / var(--screen-w) * 100vw );
  border-radius: 50%;
  border: 1px solid var(--color1);
  transition: .3s;
  margin: 0;
}
.voiceWrap .paginationWrap .swiper-button-prev:hover,
.voiceWrap .paginationWrap .swiper-button-next:hover{
  background-color: var(--color1);
}
.voiceWrap .paginationWrap .swiper-button-prev:after,
.voiceWrap .paginationWrap .swiper-button-next:after{
  width: calc( 20 / var(--screen-w) * 100vw );
  height: calc( 34 / var(--screen-w) * 100vw );
  content: "";
  display: block;
  background: url('/recruit/wp-content/themes/a/img/arrow_cha.svg') no-repeat center;
  background-size: contain;
}
.voiceWrap .paginationWrap .swiper-button-prev:hover:after,
.voiceWrap .paginationWrap .swiper-button-next:hover:after{
  background: url('/recruit/wp-content/themes/a/img/arrow.svg') no-repeat center;
  background-size: contain;
}
.voiceWrap .paginationWrap .swiper-button-prev:after{
  transform: rotate(90deg);
}
.voiceWrap .paginationWrap .swiper-button-next:after{
  transform: rotate(-90deg);
}
.voiceWrap .paginationWrap .swiper-pagination{
  width: max-content;
}
.voiceWrap .paginationWrap .swiper-pagination-bullet{
  background-color: #FDE3D1;
  border: 1px solid var(--color1);
  width: 10px;
  height: 10px;
}
.voiceWrap .paginationWrap .swiper-pagination-bullet-active{
  background-color: var(--color1);
} 
.voiceSlide{
  padding-top: calc( 73 / var(--screen-w) * 100vw );
}
.voiceBlock .txtBox > p{
  font-size: calc( 14 / var(--screen-w) * 100vw );
  font-weight: 400;
  color: #8C7669;
}
.voiceBlock .pageArrow{
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc( 56 / var(--screen-w) * 100vw );
  height: calc( 36 / var(--screen-w) * 100vw );
  border-radius: 50%;
  position: absolute;
  bottom: calc( 14 / var(--screen-w) * 100vw );
  right: calc( 15 / var(--screen-w) * 100vw );
  background-color: var(--color1);
  border: 1px solid var(--color1);
  transition: .3s;
}
.voiceBlock .pageArrow span{
  display: block;
  width: calc( 11 / var(--screen-w) * 100vw );
  height: calc( 19 / var(--screen-w) * 100vw );
  background: url('/recruit/wp-content/themes/a/img/arrow.svg') no-repeat center;
  background-size: contain;
  transform: rotate(-90deg);
}
.voiceBlock .swiper-slide:hover .pageArrow{
  background-color: #fff;
}
.voiceBlock .swiper-slide:hover .pageArrow span{
  background: url('/recruit/wp-content/themes/a/img/arrow_cha.svg') no-repeat center;
  background-size: contain;
}
.picupWrap{
  width: calc(1013 / var(--screen-w) * 100vw);
  margin: 0 auto;
  padding: calc( 20 / var(--screen-w) * 100vw ) calc( 11 / var(--screen-w) * 100vw );
  box-sizing: border-box;
  position: relative;
}
.picupWrap .effect{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  writing-mode: vertical-rl;
  font-size: calc(40 / var(--screen-w) * 100vw);
  font-weight: 600;
  font-family: "Manrope", sans-serif;
  height: max-content;
  color: #694C3C;
  line-height: 1;
}
.picupWrap .effect.left{
  left: 0;
}
.picupWrap .effect.right{
  right: 0;
}
.picupWrap .subTit{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  line-height: calc( 39 / var(--screen-w) * 100vw );
  background-color: #fff;
  border: 1px solid var(--color1);
  border-radius: calc( 38 / var(--screen-w) * 100vw );
  padding: 0 calc( 21/ var(--screen-w) * 100vw );
  z-index: 2;
}
.picupWrap .subTit:after{
  display: block;
  content: "";
  width: calc( 22 / var(--screen-w) * 100vw );
  height: calc( 9 / var(--screen-w) * 100vw );
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
  background: url('/recruit/wp-content/themes/a/img/pu_fukidashi.svg') no-repeat center;
  background-size: contain;
}
.picupWrap .pickup{
  position: relative;
  background-color: #FFDBC2;
  border-radius: calc( 80 / var(--screen-w) * 100vw );
  padding: 
    calc( 50 / var(--screen-w) * 100vw )
    calc( 99 / var(--screen-w) * 100vw )
    calc( 61 / var(--screen-w) * 100vw );
  overflow: hidden;
}
.picupWrap .pickup::after{
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url('/recruit/wp-content/themes/a/img/bg_pickup.svg') no-repeat center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.pickup h3{
  text-align: center;
  font-size: calc( 24 / var(--screen-w) * 100vw );
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 900;
  color: #fff;
  text-shadow: 
    2px  2px 0 var(--color1),
   -2px  2px 0 var(--color1),
    2px -2px 0 var(--color1),
   -2px -2px 0 var(--color1),
    2px  0px 0 var(--color1),
   -2px  0px 0 var(--color1),
    0px  2px 0 var(--color1),
    0px -2px 0 var(--color1);
  position: relative;
  z-index: 5;
  width: max-content;
  margin: 0 auto calc( 82 / var(--screen-w) * 100vw );
  letter-spacing: calc( 4 / var(--screen-w)*100vw);
}
.pickup h3.sp{
  display: none;
}
.pickup h3::before,
.pickup h3::after{
  display: block;
  content: "";
  width: calc( 4 / var(--screen-w) * 100vw );
  height: 50%;
  background-color: #694C3C;
  position: absolute;
  bottom: calc( 8 / var(--screen-w) * 100vw );
}
.pickup h3::before{
  right: 105%;
  transform: rotate(-30deg);
}
.pickup h3::after{
  left: 105%;
  transform: rotate(30deg);
}
.pickup h3 span{
  font-size: calc( 44 / var(--screen-w) * 100vw );
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 900;
  color: #fff;
  letter-spacing: calc( 4 / var(--screen-w) * 100vw );
}
.pickup .box1Wrap{
  position: relative;
  z-index: 5;
  justify-content: space-between;
  align-items: flex-end;
}
.pickup .box1{
  width: 49%;
  position: relative;
}
.pickup .boxInner .text{
  width: 52%;
  margin-bottom: 12px;
  letter-spacing: 0;
  font-size: calc( 16 / var(--screen-w) * 100vw );
  line-height: calc( 29 / var(--screen-w) * 100vw );
  position: relative;
  z-index: 2;
  color: #694C3C;
}
.pickup .box1:nth-child(1) .boxInner .text{
  width: 46%;
}
.pickup .box1:nth-child(2) .boxInner .text{
  margin-bottom: calc(36 / var(--screen-w) * 100vw );
}
.pickup .boxInner .name{
  font-size: calc( 14 / var(--screen-w) * 100vw );
  color: #694C3C;
}
.pickup .box1 img{
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc( 238 / var(--screen-w) * 100vw );
}
.voiceBlock{
  margin-bottom: calc( 198 / var(--screen-w) * 100vw );
}
.topBlock4{
  margin-bottom: calc( 206 / var(--screen-w) * 100vw );
}
.topBlock4 .titWrap{
  margin-bottom: calc( 63 / var(--screen-w) * 100vw );
}
.ballBoxWrap{
  width: calc( 1245 / var(--screen-w) * 100vw );
  margin: 0 auto;
  position: relative;
  aspect-ratio: 1245 / 900;
}
.ballBox{
  width: calc( 444 / var(--screen-w) * 100vw );
  position: absolute;
}
.ballBox.no1{
  transition-delay: 0.1s;
}
.ballBox.no2{
  transition-delay: 0.3s;
}
.ballBox.no3{
  transition-delay: 0.5s;
}
.ballBox.no4{
  transition-delay: 0.7s;
}
.ballBox.no5{
  transition-delay: 0.9s;
}
.ballBox.no6{
  transition-delay: 1.2s;
}
.ballBox.top{
  top: 0;
}
.ballBox.mid{
  left: 50%;
  transform: translateX(-50%);
}
.ballBox.left{
  left: 0;
}
.ballBox.right{
  right: 0;
}
.ballBox.bottom{
  bottom: 0;
}
.ballBox.top.mid{
  top: calc( 57 / var(--screen-w) * 100vw );
  z-index: 3;
}
.ballBox.bottom.left,
.ballBox.bottom.right{
  bottom: calc( 60 / var(--screen-w) * 100vw );
  z-index: 2;
}





.recruitBblock {
  background: url(/recruit/wp-content/themes/a/img/RecruitMain.png)0 0 no-repeat;
  background-size: 100%;
  background-position: top;
  padding-top: 42%;
  position: relative;
}
.recruitBblock:before {
  content: "";
  display: block;
  position: absolute;
  background: #fde3d1;
  width: 75%;
  height: 40vw;
  margin: auto;
  left: 0;
  right: 0;
  top: 28%;
  border-radius: 4vw 4vw 0 0;
}
.recruitBblock .titWrap h2 {
  font-size: calc( 66 / var(--screen-w) * 100vw);
  font-weight: 600;
  padding: calc(20 / var(--screen-w) * 100vw) 0;
}
.recruitBblock .titWrap h2 br.sp{
  display: none;
}
.recruitDetailWrap {
  position: relative;
  z-index: 2;
  width: 62.9%;
  margin: calc( 152 / var(--screen-w) * 100vw) auto 0;
  background: #FFEDE0;
  box-sizing: border-box;
  border: 1px dashed #999;
  border-radius: 3vw;
  padding: 6% 5% 5%;
}
.jobSelect {
  display: flex;
  justify-content: space-evenly;
  position: absolute;
  right: 0;
  left: 0;
  top: -2.5%;
  width: 80%;
  margin: auto;
}
.jobSelect li {
  background: #B99E8F;
  width: 32%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 60%;
  padding: 1% 0;
  color: #fff;
  cursor: pointer;
  position: relative;
  transition: .3s;
  font-size: calc(20 / var(--screen-w) * 100vw);
}
.jobSelect li:hover,
.jobSelect li.active {
  background: #684c3b;
}
.jobSelect li:after {
  content: "";
  display: block;
  width: 1vw;
  height: 1vw;
  position: absolute;
  background: url(/recruit/wp-content/themes/a/img/arrow1.svg)0 0 no-repeat;
  background-size: 100%;
  transform: rotate(90deg);
  top: 0;
  bottom: 0;
  right: 15%;
  margin: auto;
}
.jobDetail li {
  display: flex;
  border-top: 1px solid #E0C2B1;
  padding: 3% 0;
  align-items: center;
}
.jobDetail li:first-child {
  border-top: none;
  padding-top: 0;
}
.jobDetail li:last-child{
  padding-bottom: 0;
}
.jobDetail li .title {
  font-size: calc(18 / var(--screen-w) * 100vw);
  width: 20%;
  margin-right: 5%;
}
.jobDetail li .text,
.jobDetail li .flow {
  font-size: calc(15 / var(--screen-w) * 100vw);
  width: 75%;
}
.jobDetail li .text, .jobDetail li .flow {
  flex-wrap: wrap;
}
.jobDetail li .flow p {
  background: #fff;
  font-size: calc(15 / var(--screen-w) * 100vw);
  color: var(--color1);
  padding: 1% 2%;
  border-radius: .7vw;
  margin-right: 2vw;
  position: relative;
  margin-bottom: 2%;
}
.jobDetail li .flow p:last-child{
  margin-bottom: 0;
}
.jobDetail li .flow p:after {
  content: "";
  display: block;
  width: 1vw;
  height: .6vw;
  position: absolute;
  right: -1.5vw;
  background: url(/recruit/wp-content/themes/a/img/arrow2.svg)0 0 no-repeat;
  background-size: 100%;
  background-position: center;
  top: 0;
  bottom: 0;
  margin: auto;
}
.jobDetail li .flow p:last-child:after {
  display: none;
}
.entryBlockWrap {
  margin-top: 13%;
}
.entryBlockWrap .titWrap {
  position: relative;
  padding-bottom: 5%;
}
.entryBlockWrap .titWrap h2 {
  font-weight: 500;
  line-height: 1.3;
}
.entryBlockWrap .titWrap:before {
  content: "";
  display: block;
  position: absolute;
  width: 10vw;
  height: 14.6vw;
  left: -13vw;
  bottom: 0;
  background: url(/recruit/wp-content/themes/a/img/interview2Message.png)0 0 no-repeat;
  background-size: 100%;
}
.entryBlockWrap .titWrap:after {
  content: "";
  display: block;
  position: absolute;
  width: 11vw;
  height: 15vw;
  right: -13vw;
  bottom: 0;
  background: url(/recruit/wp-content/themes/a/img/interview1Message.png)0 0 no-repeat;
  background-size: 100%;
}
.entryBlockWrap .titWrap .verticalTxt {
  right: -17vw;
  bottom: 6vw;
}
.entryBlockWrap .titWrap .verticalTxt p:nth-child(1) {
  transform: rotate(6deg);
  position: relative;
  left: 2vw;
}
.entryBlockWrap .titWrap .verticalTxt p:nth-child(2) {
  transform: rotate(-6deg);
  position: relative;
  left: -2vw;
  top: 3vw;
}
.entryBlock {
  width: 52.5%;
  margin: 0 auto calc( 77 / var(--screen-w) * 100vw );
  background: #FFEDE0;
  box-sizing: border-box;
  border: 1px dashed #999;
  border-radius: 3vw;
  padding: 5% 3%;
}
.entryBlock *{
  color: var(--color1);
}
.entryBlock .telBox .titTxt {
  text-align: center;
  font-size: calc(24 / var(--screen-w) * 100vw);
}
.entryBlock .telBox .telNum {
  text-align: center;
  margin: 3% auto 8%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Manrope", sans-serif;
  font-size: calc( 20 / var(--screen-w) * 100vw );
  border-bottom: 1px solid var(--color1);
  font-weight: 600;
  width: max-content;
}
.entryBlock .telBox .telNum .iconTel{
  width: calc( 13 / var(--screen-w) * 100vw );
  margin-right: calc( 5 / var(--screen-w) * 100vw );
}
.entryBlock .telBox .telNum span{
  font-size: calc( 15 / var(--screen-w) * 100vw );
  font-weight: 400;
  display: block;
  margin-left: calc( 5 / var(--screen-w) * 100vw);
}
.formBox .titTxt {
  text-align: center;
  font-size: calc(24 / var(--screen-w) * 100vw);
}
.formBox .note {
  text-align: center;
  font-size: calc(15 / var(--screen-w) * 100vw);
  margin: 3% 0 8%;
}
.formContent label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2%;
}
.formContent label .th {
  width: 39%;
  font-size: calc(15 / var(--screen-w) * 100vw);
}
.formContent label .td {
  width: 61%;
}
.formContent label .th .hissu {
  font-size: calc(13 / var(--screen-w) * 100vw);
  background: var(--color1);
  color: #fff;
  padding: 1% 2%;
  border-radius: 10vw;
  margin-right: 3%;
}
.wpcf7-list-item {
  width: 32%;
  margin: 0 !important;
}
.formContent label input[type="checkbox"]{
  margin-right: 1%;
}
.wpcf7-form-control-wrap {
  width: 100%;
  display: block;
}
span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required {
  width: 100%;
  display: block;
}
span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required label {
  justify-content: flex-start;
}
span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required label input {
  margin-right: 4% !important;
  display: inline-block;
}
.wpcf7-list-item-label{
  font-size: calc(15 / var(--screen-w) * 100vw);
}
.formContent label .td input[type="text"],
.formContent label .td input[type="tel"],
.formContent label .td input[type="email"],
.formContent label .td textarea {
  padding: 2%;
  width: 100%;
  box-sizing: border-box;
  border-radius: 10vw;
  margin-bottom: 1%;
}
.formContent label .td textarea {
  border: none;
  height: 11vw;
  border-radius: 2.5vw;
}
.formContent label .td .rei {
  margin-left: 2%;
  font-size: calc(15 / var(--screen-w) * 100vw);
}
.formContent label.flexTop {
  align-items: flex-start;
}
.formContent label.flexTop .th{
  margin-top: 1%;
}
.wpcf7-form-control.wpcf7-acceptance {
  width: 100%;
  text-align: center;
  display: block;
}
.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
  width: 100%;
  text-align: center;
}
.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label {
  display: flex;
  justify-content: center;
}
.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label {
  font-size: calc(15 / var(--screen-w) * 100vw);
}
.sendBtn {
  background: var(--color1);
  width: fit-content;
  margin: 3% auto 0;
  padding: 2% 13%;
  border-radius: 50%;
  position: relative;
}
.sendBtn input {
  color: #fff;
  text-align: center;
  margin: 0 auto;
  display: block;
  font-size: calc(15 / var(--screen-w) * 100vw);
  letter-spacing: .1vw;
  display: block;
  width: 100%;
  height: 100%;
}
.wpcf7-spinner {
  position: absolute !important;
  left: -25%;
  top: 0;
  bottom: 0;
  margin: auto !important;
}
.footerBlock{
  background-color: #fff;
  border-radius: 
    calc( 480 / var(--screen-w) * 100vw )
    calc( 480 / var(--screen-w) * 100vw )
    0
    0;
  padding: 
    calc( 141 / var(--screen-w) * 100vw )
    0
    calc( 62 / var(--screen-w) * 100vw );
}
.footerBlock .logo{
  width: calc( 853 / var(--screen-w) * 100vw );
  margin: 0 auto calc( 89 / var(--screen-w) * 100vw );
  display: block;
}
.footerBlock .logo p{
  text-align: center;
  font-size: calc( 31 / var(--screen-w) * 100vw );
  font-family: "Manrope", sans-serif;
  margin-top: calc( 24 / var(--screen-w) * 100vw );
  color: #694C3C;
  letter-spacing: calc( 12 / var(--screen-w) * 100vw );
}
.footerNav {
  align-items: center;
  justify-content: center;
  gap: calc( 36 / var(--screen-w) * 100vw );
  margin-bottom: calc( 137 / var(--screen-w) * 100vw );
}
.footerNav a{
  display: flex;
  align-items: center;
  font-size: calc( 19 / var(--screen-w) * 100vw );
  color: #694C3C;
}
.footerNav a .dot{
  margin-right: calc( 9 / var(--screen-w) * 100vw );
}
.bnrList{
  width: calc( 1824 / var(--screen-w) * 100vw );
  display: grid;
  grid-template-columns:  1fr 1fr 1fr 1fr;
  gap: calc( 30 / var(--screen-w) * 100vw );
  margin: 0 auto calc( 80 / var(--screen-w) * 100vw );
}
.bnrList .shopThumb{
  display: block;
  margin-bottom: calc( 23 / var(--screen-w) * 100vw );
}
.bnrList .shopName.no1 img{
  width: calc( 228 / var(--screen-w) * 100vw );
  display: block;
  margin-right: calc( 13 / var(--screen-w) * 100vw );
}
.bnrList .shopName.no1{
  font-size: calc( 15 / var(--screen-w) * 100vw );
  color: #694C3C;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  line-height: 1;
}
.bnrList .shopName.no2 img{
  width: calc( 282 / var(--screen-w) * 100vw );
  margin: 0 auto;
  display: block;
}
.bnrList .shopName.no3 img{
  width: calc( 242 / var(--screen-w) * 100vw );
  margin: 0 auto;
  display: block;
}
.copyWrap {
  width: calc( 1824 / var(--screen-w) * 100vw );
  height: calc( 82 / var(--screen-w) * 100vw );
  border-radius: calc( 20 / var(--screen-w) * 100vw) ;
  margin: 0 auto;
  padding: 0 calc( 30 / var(--screen-w) * 100vw );
  background-color: #FFEDE0;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
}
.copyWrap .privacy{
  font-size: calc( 14 / var(--screen-w) * 100vw ); 
  display: flex;
  align-items: center;
  color: #694C3C;
}
.copyWrap .privacy img{
  margin-left: 5px;
}
.privacy.sp{
  display: none;
}
.copyWrap .copy{
  font-size: calc( 14 / var(--screen-w) * 100vw ); 
  color: #694C3C;
  font-family: "Manrope", sans-serif;
  letter-spacing: calc( 4 / var(--screen-w) * 100vw );
}
.lastImgWrap{
  width: calc( 1705 / var(--screen-w) * 100vw );
  aspect-ratio: 1705 / 1146;
  position: relative;
  margin: 0 auto calc( 122 / var(--screen-w) * 100vw );
}
.lastImgWrap .effect{
  position: absolute;
  opacity: 0;
  transition: opacity 1.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.lastImgWrap .effect.is-visible{
  opacity: 1;
}
.lastImgWrap .effect.no1{
  width: calc( 325 / var(--screen-w) * 100vw );
  left: calc( 58 / var(--screen-w) * 100vw );
  top: calc( 50 / var(--screen-w) * 100vw );
  transition-delay: 0.1s
}
.lastImgWrap .effect.no2{
  width: calc( 286 / var(--screen-w) * 100vw );
  right: calc( 99 / var(--screen-w) * 100vw );
  top: 0;
  transition-delay: 0.3s
}
.lastImgWrap .effect.no3{
  width: calc( 574 / var(--screen-w) * 100vw );
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  transition-delay: 0.5s
}
.lastImgWrap .effect.no4{ 
  width: calc( 436 / var(--screen-w) * 100vw );
  left: calc( 16 / var(--screen-w) * 100vw );
  bottom: 0;
  transition-delay: 0.7s
}
.lastImgWrap .effect.no5{
  width: calc( 436 / var(--screen-w) * 100vw );
  right: calc( 28 / var(--screen-w) * 100vw );
  bottom: calc( 62 / var(--screen-w) * 100vw );
  transition-delay: 0.9s
}
.lastImgWrap .bg{
  position: absolute;
  bottom: 0;
  left: 0;
}
.lastImgWrap .bg.sp{
  display: none;
}
footer{
  position: relative;
  z-index: 1;
}
footer:after{
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  content: "";
  width: 100%;
  height: calc( 3953 / var(--screen-w) * 100vw );
  bottom: calc( 203 / var(--screen-w) * 100vw );
  background: url('/recruit/wp-content/themes/a/img/bg_entry.svg') no-repeat center;
  background-size: cover;
}
.hoberBtn{
  display: none;
}
.humberger{
  display: none;
}
.pageInterview .titWrap{
  margin-bottom: calc( 89 / var(--screen-w) * 100vw );
}  
.pageInterview .voiceWrap {
  margin-bottom: calc( 382 / var(--screen-w) * 100vw );
}
.mvTxtWrap .sp{
  display: none;
}
div.wpcf7 .ajax-loader{
    visibility: hidden !important;
    display: inline-block !important;
    background-color: #23282d !important;
    opacity: 0.75 !important;
    width: 24px !important;
    height: 24px !important;
    border: none !important;
    border-radius: 100% !important;
    padding: 0 !important;
    margin: 0 24px !important;
    position: relative !important;
    position: absolute !important;
    left: -25%;
    top: 0;
    bottom: 0;
    margin: auto !important;
}
@media (width < 1100px) {
  .mvTxtWrap .sp{
    display: block;
  }
  .mvTxtWrap .pc{
    display: none;
  }
  :root{
    --screen-w: 375;
  }
  .titWrap{
    padding: 
      calc(6 / var(--screen-w) * 100vw ) 
      0 
      calc(34 / var(--screen-w) * 100vw );
  }
  .titWrap > p{
    font-size: calc( 10 / var(--screen-w) * 100vw );
    width: max-content;
  }
  .titWrap h2{
    font-size: calc( 50 / var(--screen-w) * 100vw );
    line-height: 1.5;
    font-weight: 600;
  }
  .titWrap.no2 h2{
    font-size: calc( 40 / var(--screen-w) * 100vw );
  }
  header{
    padding: 
      calc(34 / var(--screen-w) * 100vw) 
      calc(36 / var(--screen-w) * 100vw) 
      calc(24 / var(--screen-w) * 100vw);
  }
  header nav ul{
    display: none;
  }
  header .entryBtn{
    display: none;
  }
  header h1{
    width: calc( 302 / var(--screen-w) * 100vw );
    margin: 0 auto;
  }
  header.down h1{
    width: calc( 225 / var(--screen-w) * 100vw );
  }
  .topBlock1{
    width: 100%;
    overflow: hidden;
    padding: 
    calc( 184 / var(--screen-w) * 100vw )
    5%
    calc( 52 / var(--screen-w) * 100vw );
    margin-bottom: calc( 76 / var(--screen-w) * 100vw );
  }
  .topBlock1 .effect.no1{
    width: calc( 114 / var(--screen-w) * 100vw );
    top: calc( 72 / var(--screen-w) * 100vw );
    left: 0;
  }
  .topBlock1 .effect.no2{
    width: calc( 87 / var(--screen-w) * 100vw );
    top: 0;
    right: calc( 30 / var(--screen-w) * 100vw );
  }
  .topBlock1 .effect.no3{
    width: calc( 85 / var(--screen-w) * 100vw );
    bottom: 0;
    left: calc( -12 / var(--screen-w) * 100vw );
  }
  .topBlock1 .effect.no4{
    width: calc( 117 / var(--screen-w) * 100vw );
    bottom: auto;
    top: calc( 358 / var(--screen-w) * 100vw );
  }
  .topBlock1 .effect.no5{
    width: calc( 84 / var(--screen-w) * 100vw );
    bottom: calc( 10 / var(--screen-w) * 100vw );
    left: auto;
    right: calc( 8 / var(--screen-w) * 100vw );
    transform: translateX(0);
  }
  .topBlock1 .circleImg{
    width: calc( 68 / var(--screen-w) * 100vw );
    top: calc( 148 / var(--screen-w) * 100vw );
  }
  .topBlock1Inner{
    width: 100%;
    padding: 
      calc( 78 / var(--screen-w) * 100vw )
      calc( 15 / var(--screen-w) * 100vw )
      calc( 53 / var(--screen-w) * 100vw );
      border-radius: calc( 40 / var(--screen-w) * 100vw );
  }
  .topBlock1Inner p{
    font-size: calc( 15 / var(--screen-w) * 100vw );
    text-align: left;
    line-height: calc( 30 / var(--screen-w) * 100vw );
    letter-spacing: calc( 1/ var(--screen-w) * 100vw );
  }
  .topBlock1Inner p br.pc{
    display: block;
  }
  .topBlock1Inner p br.sp{
    display: inline;
  }
  .titWrap .verticalTxt {
    gap: calc( 7 / var(--screen-w) * 100vw );
  }
  .topBlock3 .verticalTxt{
    gap: 0;
  }
  .titWrap .verticalTxt p{
    font-size: calc( 10 / var(--screen-w) * 100vw );
    letter-spacing: calc( 1 / var(--screen-w) * 100vw );
    padding: 0.01em 0;
    height: max-content;
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    _::-webkit-full-page-media, _:future, :root .titWrap .verticalTxt p{
      /* Chromeより0.02〜0.05emほど大きくすると体感で揃います */
      letter-spacing: calc(1 / var(--screen-w)*100vw);
      padding: 0.2em 0 0.2em;
    }
  }
  .topBlock2 .titWrap .verticalTxt{
    left: 102%;
  }
  .topBlock2 .titWrap{
    margin-bottom: calc( 22 / var(--screen-w) * 100vw );
  }
  .jobList{
    grid-template-columns: 1fr;
  }
  .jobList li{
    height: calc( 414 / var(--screen-w) * 100vw );
    border-radius: calc( 40 / var(--screen-w) * 100vw );
    align-items: flex-start;
  }
  .jobList li .jobListInner{
    width: calc( 335 / 375 * 100% );
    padding-top: calc( 28 / var(--screen-w) * 100vw );
    margin-top: calc( 18 / var(--screen-w) * 100vw );
  }
  .jobList li .numWrap .num{
    width: calc( 47 / var(--screen-w) * 100vw );
    height: calc( 22 / var(--screen-w) * 100vw );
    font-size: calc( 15 / var(--screen-w) * 100vw );
  }
  .jobList li .numWrap .title {
    font-size: calc( 32 / var(--screen-w) * 100vw );
    padding: 0 0 0.4em;
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    _::-webkit-full-page-media, _:future, :root .jobList li .numWrap .title {
      /* Chromeより0.02〜0.05emほど大きくすると体感で揃います */
      letter-spacing: calc(-0.4 / var(--screen-w)*100vw);
      padding: 0.2em 0 0.2em;
    }
  }
  .jobList li:nth-child(5) .numWrap .title{
    letter-spacing: calc(-12 / var(--screen-w)*100vw);
  }
   @media screen and (-webkit-min-device-pixel-ratio:0) {
    _::-webkit-full-page-media, _:future, :root .jobList li:nth-child(5) .numWrap .title{
      /* Chromeより0.02〜0.05emほど大きくすると体感で揃います */
      letter-spacing: calc(0.2 / var(--screen-w)*100vw);
      padding: 0.2em 0 0.2em;
    }
  }
  .jobList li:nth-child(6) .numWrap .title{
    letter-spacing: calc(-12 / var(--screen-w)*100vw);
  }
   @media screen and (-webkit-min-device-pixel-ratio:0) {
    _::-webkit-full-page-media, _:future, :root .jobList li:nth-child(6) .numWrap .title{
      /* Chromeより0.02〜0.05emほど大きくすると体感で揃います */
      letter-spacing: calc(0.1 / var(--screen-w)*100vw);
      padding: 0.2em 0 0.2em;
    }
  } li .jobListInner img{
    margin-bottom: calc( 16 / var(--screen-w) * 100vw );
  }
  .jobList li .jobListInner .text{
    padding: 0 calc(20 / 375 * 100%);
    font-size: calc( 15 / var(--screen-w) * 100vw );
    letter-spacing: calc( 2 / var(--screen-w) * 100vw );
    line-height: calc( 18 / var(--screen-w) * 100vw );
  }
  .benefitList{
    width: 90%;
    aspect-ratio: unset;
    margin: 0 auto calc( 26 / var(--screen-w) * 100vw);
  }
  .benefitList li{
    width: calc( 308 / var(--screen-w) * 100vw );
    position: static;
    margin: 0 auto;
    padding: 
      calc( 20 / var(--screen-w) * 100vw )
      calc( 11 / var(--screen-w) * 100vw )
      calc( 33 / var(--screen-w) * 100vw );
    border-radius: calc( 20 / var(--screen-w) * 100vw );
  }
  .benefitList li .pointNum{
    width: calc( 51 / var(--screen-w) * 100vw );
    top: calc( -8 / var(--screen-w) * 100vw );
    left: calc( -13 / var(--screen-w) * 100vw );
  }
  .benefitList li .thumb{
    margin-bottom: calc( 28 / var(--screen-w) * 100vw );
  }
  .benefitList li h3{
    font-size: calc( 22 / var(--screen-w) * 100vw );
    margin-bottom: calc( 12 / var(--screen-w) * 100vw );
  }
  .benefitList li p{
    font-size: calc( 14 / var(--screen-w) * 100vw );
  }
  .benefitList li p br.sp{
    display: inline;
  }
  .benefitList li:nth-child(2){
    transform: translateX(0) rotate(5deg);
  }
  .topBlock3Inner{
    width: 90%;
    padding-top: 0;
  }
  .topBlock3Inner .subList{
    width: 100%;
  }
  .guaranteeWrap{
    width: 100%;
    padding: calc( 32 / var(--screen-w) * 100vw ) 5% calc( 28 / var(--screen-w) * 100vw ); 
    border-radius: calc( 20 / var(--screen-w) * 100vw );

  }
  .jobList li .numWrap{
    transform: rotate(5deg);
  }
  .jobList li:nth-child(3n+2) .numWrap{
    transform: rotate(-5deg);
  }
  .topBlock2{
    margin-bottom: calc( 80 / var(--screen-w) * 100vw );
    scroll-margin-top: 34vw;
  }
  .picupWrap{
    width: 90%;
    background-color: 0;
    padding: 
      calc( 22 / var(--screen-w) * 100vw ) 
      0
      0;
  }
  .picupWrap .effect{
    display: none;
  }
  .ballBoxWrap{
    width: 90%;
    aspect-ratio: 338 / 506;
  }
  .lastImgWrap{
    width: 100%;
  }
  .bnrList{
    grid-template-columns: 1fr 1fr;
    width: 90%;
    gap:
      calc( 16 / var(--screen-w) * 100vw ) 
      calc( 16 / var(--screen-w) * 100vw );
    margin-bottom: calc( 54 / var(--screen-w) * 100vw );
  }
  .footerBlock .logo{
    width: calc(292 / var(--screen-w) * 100vw );
    margin-bottom: calc(58 / var(--screen-w) * 100vw );
  }
  .copyWrap{
    width: 90%;
    height: calc( 36 / var(--screen-w) * 100vw );
  }
  .copyWrap .copy{
    font-size: calc( 7 / var(--screen-w) * 100vw );
    margin: 0 auto;
  }
  .footerNav{
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: calc(272 / var(--screen-w) * 100vw );
    margin: 0 auto calc(24 / var(--screen-w) * 100vw );
    gap: calc( 32 / var(--screen-w) * 100vw ) calc( 40 / var(--screen-w) * 100vw );
  }
  .entryBlock .telBox .telNum{
    flex-wrap: wrap;
    width: 100%;
    border-bottom: none;
    margin: 
      calc( 16 / var(--screen-w) * 100vw )
      0
      calc( 40 / var(--screen-w) * 100vw );
  }
  .entryBlock .telBox .telNum span{
    display: block;
    width: 100%;
    margin-left: 0;
    font-size: calc( 10 / var(--screen-w) * 100vw );
    position: relative;
  }
  .recruitBblock .titWrap h2{
    font-size: calc( 26 / var(--screen-w) * 100vw );
    line-height: calc( 26 / var(--screen-w) * 100vw );
    text-align: center;
  }
  .topBlock3Inner .subList{
    grid-template-columns: 1fr;
    margin-bottom: calc( 23 / var(--screen-w) * 100vw );
  }
  .topBlock3Inner .effect{
    z-index: 3;
  }
  .topBlock3Inner .effect.left{
    width: calc( 78 / var(--screen-w) * 100vw );
    top: calc(calc( 68 / var(--screen-w) * 100vw ));
    left: calc( -11 / var(--screen-w) * 100vw ); 
  }
  .topBlock3Inner .effect.right{
    width: calc( 71 / var(--screen-w) * 100vw );
    top: calc(calc( 344 / var(--screen-w) * 100vw ));
    right: calc(calc( -8 / var(--screen-w) * 100vw ));
  }
  .topBlock3Inner .subList li{
    padding: calc( 31 / var(--screen-w) * 100vw ) 0 calc( 27 / var(--screen-w) * 100vw );
    border-radius: calc( 20 / var(--screen-w) * 100vw );
    position: relative;
    margin-bottom: calc( -34 / var(--screen-w) * 100vw );
  }
  .topBlock3Inner .subList li:last-child{
    margin-bottom: 0;
  }
  .topBlock3Inner .subList li:nth-child(odd){
    z-index: 2;
    transform: rotate(-3deg);
  }
  .topBlock3Inner .subList li:nth-child(2){
    transform: rotate(3deg);
  }
  .topBlock3Inner .subList li .text{
    font-size: calc( 14 / var(--screen-w) * 100vw );
    margin-bottom: calc( 10 / var(--screen-w) * 100vw );
  }
  .topBlock3Inner .subList li .white{
    font-size: calc( 22 / var(--screen-w) * 100vw );
    letter-spacing: calc( 4 / var(--screen-w) * 100vw );
  }
  .guarantee{
    flex-direction: column;
    align-items: flex-start;
    gap: calc( 5 / var(--screen-w) * 100vw );
  }
  .guarantee li{
    font-size: calc( 18 / var(--screen-w) * 100vw );
  }
  .guarantee li img{
    width: calc( 26 / var(--screen-w) * 100vw );
    height: calc( 26 / var(--screen-w) * 100vw );
    margin-right: calc( 8 / var(--screen-w) * 100vw );
  }
  .guarantee.no1{
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: calc( 5 / var(--screen-w) * 100vw );
  }
  .topBlock3{
    margin-bottom: calc( 52 / var(--screen-w) * 100vw );
  }
  .voiceBlock .titWrap{
    margin-bottom: calc( 5 / var(--screen-w) * 100vw ) !important;
  }
  .voiceBlock .txtBoxWrap{
    border-radius: calc( 20 / var(--screen-w) * 100vw );
    padding: 
    calc( 33 / var(--screen-w) * 100vw )
    0
    calc( 28 / var(--screen-w) * 100vw )
    calc( 23 / var(--screen-w) * 100vw );
  }
  .voiceBlock .txtBoxWrap .staffNum{
    font-size: calc( 43 / var(--screen-w) * 100vw );
    top: calc( -33 / var(--screen-w) * 100vw );
  }
  .voiceBlock .txtBoxWrap .staffNum span{
    font-size: calc( 13 / var(--screen-w) * 100vw );
    margin-bottom: calc( -20 / var(--screen-w) * 100vw );
  }
  .voiceBlock .txtBoxWrap .name{
    font-size: calc( 22 / var(--screen-w) * 100vw );
    margin-bottom: calc( 19 / var(--screen-w) * 100vw );
  }
  .voiceBlock .txtBoxWrap .name span{
    font-size: calc( 16 / var(--screen-w) * 100vw );
    margin-bottom: calc( 10 / var(--screen-w) * 100vw );
  }
  .voiceBlock .pageArrow{
    width: calc( 40 / var(--screen-w) * 100vw );
    height: calc( 26 / var(--screen-w) * 100vw );
  }
  .voiceBlock .pageArrow span{
    width: calc( 8 / var(--screen-w) * 100vw );
    height: calc( 13 / var(--screen-w) * 100vw );
  }
  .voiceWrap .paginationWrap .swiper-button-prev, 
  .voiceWrap .paginationWrap .swiper-button-next{
    width: calc( 54 / var(--screen-w) * 100vw );
    height: calc( 34 / var(--screen-w) * 100vw );
  }
  .voiceWrap .paginationWrap .swiper-button-prev:after, .voiceWrap .paginationWrap .swiper-button-next:after{
    width: calc( 12 / var(--screen-w) * 100vw );
    height: calc( 21 / var(--screen-w) * 100vw );
  }
  .voiceSlide .swiper-slide-active{
    transform: translateY(0);
  }
  .voiceSlide .swiper-slide-prev, 
  .voiceSlide .swiper-slide-next{
    transform: translateY(0);
  }
  .voiceSlide{
    padding-top: 0;
  }
  .voiceWrap{
    padding-bottom: calc( 53 / var(--screen-w) * 100vw );
  }
  .picupWrap .pickup{
    padding: 
    calc( 56 / var(--screen-w) * 100vw )
    calc( 6 / var(--screen-w) * 100vw )
    calc( 36 / var(--screen-w) * 100vw );
    border-radius: calc( 40 / var(--screen-w) * 100vw );
    overflow: visible;
  }
  .pickup .box1Wrap{
    flex-direction: column;
  }
  .pickup .box1{
    width: 100%;
  }
  .pickup .box1:nth-child(1){
    margin-bottom: calc( 49 / var(--screen-w) * 100vw );
  }
  .pickup .box1 img{
    width: calc( 162 / var(--screen-w) * 100vw );
  }
  .pickup .box1:nth-child(2) img{
    width: calc( 179 / var(--screen-w) * 100vw );
  }
  .pickup .box1 .boxInner .text{
    line-height: calc( 23 / var(--screen-w) * 100vw );
  }
  .pickup .box1:nth-child(1) .boxInner{
    padding-left: 5%;
  }
  .pickup .box1:nth-child(1) .boxInner .text{
    font-size: calc( 15 / var(--screen-w) * 100vw );
    line-height: calc( 23 / var(--screen-w) * 100vw );
  }
  .pickup .boxInner .name{
    font-size: calc( 10 / var(--screen-w) * 100vw );
  }
  .pickup .box1:nth-child(2) .boxInner{
    margin: 0 0 0 auto;
  }
  .pickup .box1:nth-child(2) .boxInner .text{
    width: 55%;
    margin: 0 3% 16px auto;
    font-size: calc( 15 / var(--screen-w) * 100vw );
  }
  .pickup .box1:nth-child(2) .boxInner .name{
    width: max-content;
    margin: 0 2% 0 auto;
  }
  .pickup .box1:nth-child(2) img{
    right: auto;
    left: calc( -19 / var(--screen-w) * 100vw );
    transform: scaleX(-1);
  }
  .voiceBlock{
    margin-bottom: calc( 80 / var(--screen-w) * 100vw );
    padding-top: calc(44 / var(--screen-w) * 100vw) !important;
    background-size: 5%;
  }
  .topBlock4 .titWrap h2{
    font-size: calc( 30 / var(--screen-w) * 100vw );
  }
  .ballBox{
    width: calc( 178 / var(--screen-w) * 100vw );
  }
  .ballBox.top.left{
    top: calc( 20 / var(--screen-w) * 100vw );
    left: 0;
  }
  .ballBox.top.mid{
    top: 0;
    right: 0;
    left: auto;
    transform: translateX(0);
    z-index: 2;
  }
  .ballBox.top.right{
    top: calc( 164 / var(--screen-w) * 100vw );
    right: auto;
    left: 0;
    transform: translateX(0);
    z-index: 4;
  }
  .ballBox.bottom.left{
    top: calc( 151 / var(--screen-w) * 100vw );
    left: auto;
    right: 0;
    z-index: 4;
  }
  .ballBox.bottom.mid{
    bottom: 0;
    right: auto;
    left: 0;
    transform: translateX(0);
    z-index: 5;
  }
  .ballBox.bottom.right{
    bottom: 0;
    right: 0;
    z-index: 6;
  }
  .topBlock4 {
    margin-bottom: calc( 77 / var(--screen-w) * 100vw );
    scroll-margin-top: 26vw;
  }
  .recruitBblock{
    padding-top: calc( 156 / var(--screen-w) * 100vw );
    scroll-margin-top: -26vw;
  }
  .recruitBblock:before{
    top: calc( 156 / var(--screen-w) * 100vw );
    width: 96%;
  }
  .recruitBblock .titWrap{
    margin-top: calc( 42 / var(--screen-w) * 100vw );
    margin-bottom: calc( 188 / var(--screen-w) * 100vw );
  }
  .recruitBblock .titWrap h2 br.sp{
    display: inline;
  }
  .recruitDetailWrap{
    width: 90%;
    border-radius: calc( 40 / var(--screen-w)*100vw);
    padding: 
      calc( 44 / var(--screen-w)*100vw)
      5%
      calc( 33 / var(--screen-w)*100vw);
  }
  .jobSelect{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc( 8 / var(--screen-w) * 100vw );
    top: auto;
    bottom: calc(100% + calc( 32 / var(--screen-w) * 100vw ));
  }
  .jobSelect li{
    width: 100%;
    height: calc( 53 / var(--screen-w) * 100vw );
    font-size: calc( 15 / var(--screen-w) * 100vw );
    text-align: left;
    line-height: calc( 16 / var(--screen-w) * 100vw );
  }
  .jobSelect li:after{
    width: calc( 12 / var(--screen-w) * 100vw );
    height: calc( 7 / var(--screen-w) * 100vw );
    right: 10%;
  }
  .jobDetail li:last-child{
    flex-direction: column;
  }
  .jobDetail li .title{
    font-size: calc(15 / var(--screen-w) * 100vw);
    width: 30%;
  }
  .jobDetail li:last-child .title{
    width: 100%;
    margin-right: 0;
    margin-bottom: calc(12 / var(--screen-w) * 100vw);
  }
  .jobDetail li .text, 
  .jobDetail li .flow{
    font-size: calc(15 / var(--screen-w) * 100vw);
    width: 70%;
  }
  .jobDetail li .flow{
    width: 100%;
  }
  .jobDetail li .flow{
    flex-direction: column;
  }
  .jobDetail li .flow p{
    font-size: calc(14 / var(--screen-w) * 100vw);
    border-radius: 20px;
    margin-right: 0;
    margin-bottom: calc(16 / var(--screen-w) * 100vw);
    width: fit-content;
    padding: 2% 4%;
  }
  .jobDetail li .flow p:after{
    top: 100%;
    bottom: 0;
    left: calc(15 / var(--screen-w) * 100vw);
    right: auto;
    transform: rotate(90deg);
    width: calc(14 / var(--screen-w) * 100vw);
    height: calc(9 / var(--screen-w) * 100vw);
    margin: 0;
  }
  .entryBlock{
    width: 90%;
    border-radius: calc(40 / var(--screen-w) * 100vw);
  }
  .entryBlockWrap .titWrap{
    padding-bottom: 0;
    margin-bottom: calc( 148 / var(--screen-w) * 100vw );

  }
  .entryBlockWrap .titWrap h2{
    font-size: calc( 50 / var(--screen-w) * 100vw );
  }
  .entryBlockWrap .titWrap:before,
  .entryBlockWrap .titWrap:after{
    display: none;
  }
  .entryBlock{
    position: relative;
    padding: 
      calc( 71 / var(--screen-w) * 100vw)
      6%
      calc( 47 / var(--screen-w) * 100vw);
  }
  .entryBlock::before{
    content: "";
    display: block;
    position: absolute;
    width: calc( 111 / var(--screen-w) * 100vw);
    height: calc( 162 / var(--screen-w) * 100vw);
    left: calc( 36 / var(--screen-w) * 100vw);
    bottom: 100%;
    background: url(/recruit/wp-content/themes/a/img/interview2Message.png)0 0 no-repeat;
    background-size: 100%;
  }
  .entryBlock::after{
    content: "";
    display: block;
    position: absolute;
    width: calc( 118 / var(--screen-w) * 100vw);
    height: calc( 160 / var(--screen-w) * 100vw);
    right: calc( 18 / var(--screen-w) * 100vw);
    bottom: 100%;
    background: url(/recruit/wp-content/themes/a/img/interview1Message.png)0 0 no-repeat;
    background-size: 100%;
  }
  .entryBlock .telBox .titTxt{
    font-size: calc(22 / var(--screen-w) * 100vw);
  }
  .formBox .titTxt{
    font-size: calc(22 / var(--screen-w) * 100vw);
  }
  .formBox .note{
    font-size: calc(10 / var(--screen-w) * 100vw);
    margin-bottom: calc(41 / var(--screen-w) * 100vw);
  }
  .formContent label{
    flex-direction: column;
  }
  .formContent label .th{
    width: 100%;
    margin-bottom: calc(13 / var(--screen-w) * 100vw);
  }
  .formContent label .td{
    width: 100%;
  }
  .formContent label .td label{
    flex-direction: row;
  }
  .wpcf7-list-item{
    width: max-content;
    width: 50%;
  }
  .wpcf7-list-item-label{
    font-size: calc(15 / var(--screen-w) * 100vw);
  }
  .formContent label .td input[type="text"], 
  .formContent label .td input[type="tel"], 
  .formContent label .td input[type="email"], 
  .formContent label .td textarea{
    padding: 4%;
  }
  .formContent label .td textarea{
    height: calc( 122 / var(--screen-w) * 100vw );
  }
  .lastImgWrap{
    aspect-ratio: 375 / 825;
    margin-bottom: calc( 37 / var(--screen-w) * 100vw );
  }
  .lastImgWrap .effect.no1{
    width: calc( 144 / var(--screen-w) * 100vw );
  }
  .lastImgWrap .effect.no2{
    width: calc( 127 / var(--screen-w) * 100vw );
  }
  .lastImgWrap .effect.no3{
    width: calc( 255 / var(--screen-w) * 100vw );
  }
  .lastImgWrap .effect.no4{
    width: calc( 175 / var(--screen-w) * 100vw );
  }
  .lastImgWrap .effect.no5{
    width: calc( 193 / var(--screen-w) * 100vw );
  }
  .footerBlock {
    border-radius: calc( 80 / var(--screen-w) * 100vw )
    calc( 80 / var(--screen-w) * 100vw )
    0
    0;
    padding: calc( 62 / var(--screen-w) * 100vw )
    0
    calc( 100/ var(--screen-w) * 100vw );
}
  .footerBlock .logo p{
    font-size: calc( 11 / var(--screen-w) * 100vw );
    letter-spacing: calc( 4 / var(--screen-w) * 100vw );
  }
  .bnrList .shopName.no1{
    display: block;
    font-size: calc( 10 / var(--screen-w) * 100vw );
    text-align: center;
  }
  .bnrList .shopName.no1 img{
    width: calc( 126 / var(--screen-w) * 100vw );
    margin: 0 auto calc( 5 / var(--screen-w) * 100vw );
  }
  .bnrList .shopThumb{
    margin-bottom: calc( 8 / var(--screen-w) * 100vw );
  }
  .copyWrap .privacy.pc{
    display: none;
  }
  .privacy.sp{
    display: flex;
    align-items: center;
    width: calc( 272 / var(--screen-w) * 100vw );
    margin: 0 auto calc( 58 / var(--screen-w) * 100vw );
    font-size: calc( 8 / var(--screen-w) * 100vw );
    color: #694C3C;
    font-family: "Manrope", sans-serif;
    letter-spacing: calc( 4 / var(--screen-w) * 100vw );
  }
  header h1 .subTit{
    font-size: calc( 11 / var(--screen-w) * 100vw );
    letter-spacing: calc( 4 / var(--screen-w) * 100vw );
    margin-top: calc( 15 / var(--screen-w) * 100vw );
  }
  header.down h1 .subTit{
    font-size: calc( 8 / var(--screen-w) * 100vw );
  }
  article{
    padding-top: calc( 117 / var(--screen-w) * 100vw );
  }
  .mvWrap{
    margin-bottom: calc( 58 / var(--screen-w) * 100vw );
    padding: calc( 54 / var(--screen-w) * 100vw ) 0 0;
  }
  .mvTxtWrap{
    padding: 0 calc( 5 / var(--screen-w) * 100vw );
    right: calc(40 / var(--screen-w) * 100vw );
  }
  .mvTxt{
    display: flex;
    flex-direction: column-reverse
  }
  .mvTxt p{
    font-size: calc( 18 / var(--screen-w) * 100vw );
    padding: 0 0 0.5em;
  }
  .mvTxt p:first-child{
    margin-top: calc( 5 / var(--screen-w) * 100vw );
  }
  .topBlock3Inner .subTit{
    margin: 0 auto calc( 33 / var(--screen-w) * 100vw );
    width: calc( 314 / var(--screen-w) * 100vw );
  }
  .pickup h3.pc{
    display: none;
  }
  .picupWrap .subTit.pc{
    display: none;
  }
  .pickup h3.sp{
    display: block;
    font-size: calc( 20 / var(--screen-w) * 100vw );
    position: absolute;
    top: calc( -42 / var(--screen-w) * 100vw );
    left: 50%;
    transform: translateX(-50%);
    font-weight: 700;
  }
  .pickup h3 span{
    font-size: calc( 24 / var(--screen-w) * 100vw );
    line-height: 1;
    font-weight: 700;
  }
  .pickup h3.sp .subTit{
    position: relative;
    font-size: calc( 10 / var(--screen-w) * 100vw );
    display: inline-block;
    text-shadow: none;
    top: auto;
    left: auto;
    transform: translateX(0);
    padding: 0 calc( 9 / var(--screen-w) * 100vw );
    margin-top: -5px;
    line-height: 3;
  }
  .pickup h3.sp .subTit:after{
    left: 90%;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
  }
  .lastImgWrap .effect.no1{
    left: 0;
  }
  .lastImgWrap .effect.no2{
    right: calc( 19 / var(--screen-w) * 100vw );
  }
  .lastImgWrap .effect.no4{
    left: calc( -24 / var(--screen-w) * 100vw );
  }
  .lastImgWrap .effect.no5{
    right: calc( 0 / var(--screen-w) * 100vw );
  }
  .lastImgWrap .bg.pc{
    display: none;
  }
  .lastImgWrap .bg.sp{
    display: inline;
  }
  .sendBtn{
    width: calc( 158 / var(--screen-w) * 100vw ) !important;
    height: calc( 53 / var(--screen-w) * 100vw );
  }
  .sendBtn p{
    width: 100%;
    height: 100%;
  }
  .sendBtn input[type="submit"]{
    width: 100%;
    height: 100%;
  }
  .sendBtn:after{
    width: calc( 13 / var(--screen-w) * 100vw ) !important;
    height: calc( 7 / var(--screen-w) * 100vw );
  }
  .hoberBtn{
    display: flex;
    position: fixed;
    bottom: calc( 10 / var(--screen-w) * 100vw );
    left: calc( 8 / var(--screen-w) * 100vw );
    z-index: 998;
  }
  .hoberBtn .hbBtn{
    width: calc( 107 / var(--screen-w) * 100vw );
    height: calc( 63 / var(--screen-w) * 100vw );
    background-color: #fff;
    border-radius: 50%;
    margin-right: calc( 7 / var(--screen-w) * 100vw );
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc( 10 / var(--screen-w) * 100vw );
  }
  .hoberBtn .hbBtnInner{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: calc( 10 / var(--screen-w) * 100vw );
  }
  .hoberBtn .hbBtn span{
    width: calc( 31 / var(--screen-w) * 100vw );
    height: calc( 2 / var(--screen-w) * 100vw );
    background-color: var(--color1);
    display: block;
  }
  .hoberBtn .hbBtn span:last-child{
    width: calc( 23 / var(--screen-w) * 100vw );
  }
  .hoberBtn a{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color1);
    width: calc( 107 / var(--screen-w) * 100vw );
    height: calc( 63 / var(--screen-w) * 100vw );
    border-radius: 50%;
    position: relative;
  }
  .hoberBtn p{
    color: #fff;
    font-size: calc( 15 / var(--screen-w) * 100vw );
    font-weight: 700;
    line-height: 1.3;
  }
  .hoberBtn a img{
    display: block;
    width: calc( 7 / var(--screen-w) * 100vw );
    position: absolute;
    right: calc( 15 / var(--screen-w) * 100vw );
    bottom: calc( 17 / var(--screen-w) * 100vw );
  }
  .humberger{
    display: block;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    z-index: 999;
    top: calc( 20 / var(--screen-w) * 100vw );
    left: 0;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    transition: .3s;
  }
  .humberger .close{
    width: calc( 70 / var(--screen-w) * 100vw );
    height: calc( 41 / var(--screen-w) * 100vw );
    background-color: #694C3C;
    border-radius: 50%;
    position: relative;
    margin:
      calc( 33 / var(--screen-w) * 100vw )
      calc( 0 / var(--screen-w) * 100vw )
      calc( 12 / var(--screen-w) * 100vw ) 
      calc( 8 / var(--screen-w) * 100vw );
  }
  .humberger .close span{
    width: calc( 31 / var(--screen-w) * 100vw );
    height: calc( 2 / var(--screen-w) * 100vw );
    background-color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .humberger .close span:nth-child(1){
    transform: translate(-50%) rotate(30deg);
  }
  .humberger .close span:nth-child(2){
    transform: translate(-50%) rotate(-30deg);
  }
  .humberger .entryBtn{
    width: calc( 111 / var(--screen-w) * 100vw );
    height: calc( 65 / var(--screen-w) * 100vw );
    background-color: var(--color1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: calc( 8 / var(--screen-w) * 100vw );;
  }
  .humberger .entryBtn p{
    color: #fff;
  }
  .humberger .entryBtn .tit{
    font-size: calc( 18 / var(--screen-w) * 100vw );
  }
  .humberger .entryBtn .text{
    font-size: calc( 7 / var(--screen-w) * 100vw );
    margin-top: calc( -5 / var(--screen-w) * 100vw );
    display: flex;
    align-items: center;
  }
  .humberger .entryBtn .text img{
    width: calc( 3 / var(--screen-w) * 100vw );
  }
  .humberger .footerBlock {
    padding-bottom: calc( 35 / var(--screen-w) * 100vw );
  }
  body.on .humberger{
    opacity: 1;
    visibility: visible;
  }
  .entryBlockWrap .titWrap .verticalTxt{
    gap: 0;
    bottom: -2vw;
  }
  .entryBlockWrap .titWrap .verticalTxt p:nth-child(1){
    transform: rotate(2deg);
    order: 2;
    left: -2vw;
  }
  .entryBlockWrap .titWrap .verticalTxt p:nth-child(2){
    transform: rotate(-2deg);
    order: 1;
    top: 8vw;
  }
  footer:after{
    height: calc( 3230 / var(--screen-w) * 100vw );
    background: url('/recruit/wp-content/themes/a/img/bg_entry_sp.svg') no-repeat center;
    background-size: cover;
  }
  .voiceBlock {
    background-size: 8% !important;
    scroll-margin-top: 14vw;
}
  .pageInterview .titWrap{
    margin-bottom: calc( 20 / var(--screen-w) * 100vw );
  }
  .pageInterview .voiceWrap{
    margin-bottom: calc( 122 / var(--screen-w) * 100vw );
  }
  .wpcf7-acceptance label{
    flex-direction: row;
    margin-bottom: calc( 24 / var(--screen-w) * 100vw );
  }
  .wpcf7-acceptance label .wpcf7-list-item-label{
    font-size: calc(10 / var(--screen-w) * 100vw) !important;
  }
  .benefitList li .txtBox{
    width: calc( 241 / 308 *100%);
  }
  .topBlock3 .titWrap{
    margin-bottom: calc( 27 / var(--screen-w) * 100vw );
  }
  .benefitList li:nth-child(3) .pointNum{
    width: calc( 62 / var(--screen-w) * 100vw );
  }
  .voiceBlock .txtBox > p{
    font-size: calc( 10 / var(--screen-w) * 100vw );
  }
  .topBlock4 .titWrap{
    margin-bottom: calc( 47 / var(--screen-w) * 100vw );
  }
  .entryBlockWrap{
    margin-top: calc( 30 / var(--screen-w) * 100vw );
    padding-top: calc( 50/ var(--screen-w) * 100vw );
  }
  .footerNav a{
    font-size: calc( 15 / var(--screen-w) * 100vw );
  }
  .telNumInner {
    border-bottom: 1px solid var(--color1);
    margin-bottom: calc( 10 / var(--screen-w) * 100vw );
  }
  .jobDetail li{
    align-items: flex-start;
    padding: calc( 24 / var(--screen-w) * 100vw ) 0;
  }
}