@charset "UTF-8";
/* HYOD 採用ページ — ピクセル版（クライアント確認用）。
   数値はデザインの px。文字は1行目のベースラインから top を逆算している（README 参照）。 */
/* Noto Sans JP / Noto Serif JP はページの文字だけを切り出して同梱（Google Fonts 配信版は halt/palt が効かないため）。
   文言を変えたら README の手順でフォントを作り直す。足りない字は Google Fonts 版で表示される。 */
@font-face{font-family:"Noto Sans JP Sub";src:url("../fonts/noto-sans-jp-sub.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Noto Serif JP Sub";src:url("../fonts/noto-serif-jp-sub.woff2") format("woff2");font-weight:200 900;font-display:swap}
:root{--sans:"Noto Sans JP Sub","Noto Sans JP",sans-serif;--serif:"Noto Serif JP Sub","Noto Serif JP",serif;--en:"Barlow Semi Condensed",sans-serif;--orange:#eb6100;--zoom:1}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-anchor:none} /* JS が FV とカードの区間を伸ばすので、Chrome のスクロール位置の自動補正を切る（再読み込みで位置が飛ぶため） */
body{margin:0;background:#fff;color:#000;font-family:var(--sans);font-weight:300}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
img,svg{display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
/* ホバーはデザインに指定なし。現行サイトと同じく 0.3 秒で薄くする */
a,button{transition:opacity .3s}
@media (hover:hover){a:hover,button:hover{opacity:.7}}
.u-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (min-width:1024px){.u-sp{display:none}}
.t-body{position:absolute;font:300 14px/31.89px var(--sans);letter-spacing:.03em;font-kerning:none;font-feature-settings:"halt" 1;white-space:nowrap}
.t-body--wide{line-height:35.433px}
.t-title{position:absolute;font:500 25px/41.102px var(--serif);letter-spacing:.2em;font-feature-settings:"palt" 1;white-space:nowrap;text-align:center}
.t-label{position:absolute;width:200px;font:600 15px/35.433px var(--en);letter-spacing:.1em;text-align:center;white-space:nowrap}
.t-label::before,.t-label::after{content:"";position:absolute;left:0;width:200px;height:.992px;background:currentColor}
.t-label::before{top:3.93px}
.t-label::after{top:28.93px}
.c-center{text-align:center}
/* Illustrator は中央揃えの行幅に最後の字のトラッキングを含めない。CSS は含めるので、字間と同じ左パディングで半分だけ右へ戻す */
.t-title,.culture__words{padding-left:.2em}
.t-label,.fv__scroll,.side-nav__item a,.recruit__title{padding-left:.1em}
.recruit__label{padding-left:.25em}
.c-center,.create__text,.recruit__row dt span{padding-left:.03em}
.recruit__row dt span{padding-left:.05em}
.growth__words{padding-left:.007em}
.fw{font-feature-settings:normal}
.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;background:#fff}
.site-header__inner{position:relative;height:65px;max-width:390px;margin:0 auto}
.site-header__logo{position:absolute;left:18px;top:23.2px;width:179.107px}
.site-header__logo img{width:100%;height:auto}
.site-header__icon{position:absolute}
.site-header__icon img{width:100%;height:auto}
.site-header__icon--mypage{left:268px;top:25.2px;width:22.3px}
.site-header__icon--cart{left:304px;top:23.2px;width:19.2px}
.site-header__menu{position:absolute;left:344px;top:29.2px;width:23px;height:10px}
.site-header__menu span{position:absolute;left:0;width:100%;height:2px;background:#000}
.site-header__menu span:first-child{top:0}
.site-header__menu span:last-child{bottom:0}
.site-header__crumb{display:none}
.layout{position:relative}
.layout__side,.layout__nav{display:none}
.main{position:relative;width:390px;margin:0 auto;background:#fff}
.band{position:relative;overflow:hidden;scroll-margin-top:65px} /* 目次などで飛んだとき、固定ヘッダーの下に見出しを出す */
.fv{height:668px}
.why{height:1053.2px}
.snap{height:250px}
.philosophy{height:1792.8px}
.culture{height:1950.06px}
.create{height:976.48px}
.growth{height:3929.46px}
.recruit{height:1860.65px}
/* FV: 6 枚のスライド（スライド_FV.ai）。静止状態は 1 枚目＝デザインの 390x668。
   JS が動くと .is-seq を付け、画面に固定したままスクロール量で 1 枚ずつ切り替える（指示「スクロール連動で6枚スライド じわっと出現」）。
   1 枚の中身は 390x668 の枠（.fv__frame）に置き、画面が高いときは写真だけが伸びる。
   画面が低いときは 2〜6 枚目の文字の枠だけを --fv-k（JS が計算）で縮め、SP のヘッダーの下に収める。
   表示中の写真は、参考 HTML（260714_hyod_recruit.html）にならって 8 秒かけて 1.06 倍まで寄る（始まりはデザインの構図） */
.fv{color:#fff}
.fv__stage{position:relative;height:668px;overflow:hidden;background:#000}
/* 切り替え: 新しい 1 枚を上に重ねて 1 秒で出し、前の 1 枚はその間は出したままにして 1 秒後に消す（両方が半透明になって暗くなるのを防ぐ） */
.fv__slide{position:absolute;inset:0;z-index:0;opacity:0;visibility:hidden;transition:opacity 0s linear 1s,visibility 0s linear 1s}
.fv__slide.is-active{z-index:1;opacity:1;visibility:visible;transition:opacity 1s ease,visibility 0s}
.fv__slide:not(.is-active) .fv__frame{opacity:0;transition:opacity .3s ease} /* 消えていく側の文字はすぐ消し、前後の文字が重ならないようにする */
.fv__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fv__frame{position:absolute;left:0;bottom:0;width:390px;height:668px}
.fv__slide--copy::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(51,51,51,.7)}
.fv__slide--copy .fv__frame{z-index:2;top:50%;bottom:auto;transform:translateY(-50%) scale(var(--fv-k,1))}
.fv__slide--copy .fv__scroll{z-index:2;top:auto;bottom:0}
.fv__copy{position:absolute;left:0;width:390px;font:400 18px/42.52px var(--sans);letter-spacing:.2em;font-feature-settings:"palt" 1;text-align:center;white-space:nowrap;padding-left:.2em}
.fv.is-seq{height:calc(var(--fv-h) + var(--fv-run));overflow:visible}
.fv.is-seq .fv__stage{position:sticky;top:var(--fv-top,0px);height:var(--fv-h)}
@media (prefers-reduced-motion:no-preference){
  .js .fv__slide--1 .fv__title{animation:fv-in 1.6s ease .4s both}
  .js .fv__slide--1 .fv__label{animation:fv-in 1.6s ease .9s both}
  .js .fv__slide--1 .fv__scroll{animation:fv-in 1.4s ease 1.4s both}
  .fv__scroll .icon-down{animation:fv-bob 1.8s ease-in-out 3s infinite}
  .js .fv__slide.is-zoom .fv__photo{animation:fv-zoom 8s ease-out forwards}
}
@keyframes fv-zoom{from{scale:1}to{scale:1.06}}
@keyframes fv-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes fv-bob{0%,100%{translate:0 0}50%{translate:0 3px}}
.fv__title{position:absolute;font:600 35px/49.606px var(--serif);letter-spacing:.2em;font-feature-settings:"palt" 1;white-space:nowrap}
.fv__title .ls16{letter-spacing:.16em}
.fv__title .ls18{letter-spacing:.18em}
.fv__label{position:absolute;left:42.175px;top:508.305px;width:129.23px;height:50.77px;border:.85px solid #fff}
.fv__label-en,.fv__label-ja{position:absolute;white-space:nowrap}
.fv__label-en{font:500 17.378px/17.242px var(--en)}
.fv__label-ja{font:400 12.744px/17.242px var(--sans);letter-spacing:.2em}
.fv__label-ja span{letter-spacing:0}
.fv__scroll{position:absolute;left:0;width:390px;font:400 12px/35.433px var(--en);letter-spacing:.1em;text-align:center;white-space:nowrap}
.fv__scroll .icon-down{position:absolute;left:189.36px;width:10.943px;height:5.948px;fill:#fff}
.fv__entry{position:absolute;left:0;top:618px;width:390px;height:50px;background:#666}
.fv__entry .icon-pencil{position:absolute;left:101.74px;top:6.97px;width:22px;height:36.064px;fill:#fff}
/* デザインは 游ゴシック体 Pr6N Bold（Web フォントなし）。Noto Sans JP Bold で字間を詰めて幅を合わせる */
.fv__entry .btn-entry__label{position:absolute;left:0;width:390px;text-align:center;font:700 16px/56.693px var(--sans);letter-spacing:-.052em;font-feature-settings:"palt" 1;white-space:nowrap}
.fv__entry .icon-chevron{position:absolute;left:273.36px;top:17.56px;width:8px;height:14.718px;fill:#fff}
.fv__title{top:340.61px;left:41.6px}
.fv__label-en{top:6.52px;left:11.29px}
.fv__label-ja{top:24.77px;left:11.29px}
.fv__scroll{top:568.62px}
.fv__scroll .icon-down{top:32.43px}
.fv__entry .btn-entry__label{top:-4.3px}
.fv__slide--2 .fv__copy{top:184.33px;left:1.14px}
.fv__slide--3 .fv__copy{top:141.75px;left:-0.96px}
.fv__slide--4 .fv__copy{top:205.73px;left:2.01px}
.fv__slide--5 .fv__copy{top:269.01px;left:-0.96px}
.fv__slide--6 .fv__copy{top:97.9px;left:-0.96px}
.fv__slide--copy .fv__scroll{bottom:6.88px}
.fv__slide--copy .fv__scroll .icon-down{top:32.44px}
.why__label{top:43.13px;left:95px}
.philosophy__label{top:65.95px;left:95px}
.culture__label{top:65.62px;left:95px}
.create__label{top:63.55px;left:95px}
.growth__label{top:314.29px;left:95px}
.why__title{top:102.6px;left:-1.33px;width:390px}
.philosophy__title{top:126.44px;left:-1.33px;width:390px}
.culture__title{top:119.2px;left:-1.33px;width:390px}
.create__title{top:117.13px;left:-1.33px;width:390px}
.growth__title{top:367.87px;left:-1.33px;width:390px}
.why__text p:nth-child(1){top:216.15px}
.why__text p:nth-child(2){top:311.82px}
.why__text p:nth-child(3){top:407.49px}
.why__text p:nth-child(4){top:566.94px}
.why__text p:nth-child(5){top:662.61px}
.why__text p:nth-child(6){top:758.28px}
.why__text p:nth-child(7){top:822.06px}
.why__text p:nth-child(8){top:885.84px}
.why__text p:nth-child(9){top:981.51px}
.why__text p{left:27px}
.snap__list{position:relative;height:250px}
.snap__item{position:absolute;top:0;width:210px;height:250px}
.snap__item img{width:210px;height:250px}
.snap__item:nth-child(1){left:-132.5px}
.snap__item:nth-child(2){left:82.5px}
.snap__item:nth-child(3){left:297.5px}
.philosophy__lead{top:237.03px;left:27px;width:336px;white-space:normal;text-align:justify}
.philosophy__lead .jl{display:block;text-align-last:justify;letter-spacing:0}
.philosophy__item{position:absolute;left:0;width:390px}
.philosophy__photo{position:absolute;left:75px;width:315px;height:200px}
.philosophy__num{position:absolute;left:38.71px;font:500 15px/35.433px var(--en);letter-spacing:.2em;white-space:nowrap}
.philosophy__num span{color:#fff}
.philosophy__item--03 .philosophy__num{font-weight:400;letter-spacing:.25em}
.philosophy__num::after{content:"";position:absolute;left:-38.71px;width:149.82px;height:.992px;background:#000}
.philosophy__item--03 .philosophy__num::after{width:165px}
.philosophy__hand{position:absolute;left:0;top:0;width:390px}
.philosophy__hand img{position:absolute}
.philosophy__item--01 .philosophy__photo{top:337.12px}
.philosophy__item--01 .philosophy__num{top:409.36px}
.philosophy__item--01 .philosophy__num::after{top:30.8px}
.philosophy__item--01 .philosophy__hand img:nth-child(1){left:20.66px;top:512.99px;width:133.92px;height:45.36px}
.philosophy__item--01 .philosophy__hand img:nth-child(2){left:50.46px;top:538.12px;width:277.92px;height:64.26px}
.philosophy__item--01 .philosophy__text p:nth-child(1){top:601.85px}
.philosophy__item--02 .philosophy__photo{top:757.65px}
.philosophy__item--02 .philosophy__num{top:829.89px}
.philosophy__item--02 .philosophy__num::after{top:30.8px}
.philosophy__item--02 .philosophy__hand img:nth-child(1){left:14.01px;top:916.37px;width:128.7px;height:66.52px}
.philosophy__item--02 .philosophy__hand img:nth-child(2){left:33.36px;top:955.88px;width:332.68px;height:66.02px}
.philosophy__item--02 .philosophy__text p:nth-child(1){top:1022.4px}
.philosophy__item--03 .philosophy__photo{top:1212.38px}
.philosophy__item--03 .philosophy__num{top:1284.62px}
.philosophy__item--03 .philosophy__num::after{top:30.8px}
.philosophy__item--03 .philosophy__hand img:nth-child(1){left:18.44px;top:1391.77px;width:166.44px;height:39.83px}
.philosophy__item--03 .philosophy__hand img:nth-child(2){left:42.01px;top:1426.25px;width:326.46px;height:43.95px}
.philosophy__item--03 .philosophy__text p:nth-child(1){top:1477.14px}
.philosophy__item--03 .philosophy__text p:nth-child(2){top:1604.7px}
.philosophy__item--03 .philosophy__text p:nth-child(3){top:1700.37px}
.philosophy__text p{left:29.09px}
.culture{color:#fff;background:#fff}
.culture__bg{position:absolute;left:0;top:0;width:390px;height:794.5px;-webkit-mask-image:linear-gradient(rgba(0,0,0,1) 436px,rgba(0,0,0,0.99) 486px,rgba(0,0,0,0.96) 536px,rgba(0,0,0,0.93) 576px,rgba(0,0,0,0.87) 616px,rgba(0,0,0,0.78) 656px,rgba(0,0,0,0.68) 686px,rgba(0,0,0,0.56) 716px,rgba(0,0,0,0.44) 736px,rgba(0,0,0,0.32) 756px,rgba(0,0,0,0.17) 776px,rgba(0,0,0,0) 794.5px);mask-image:linear-gradient(rgba(0,0,0,1) 436px,rgba(0,0,0,0.99) 486px,rgba(0,0,0,0.96) 536px,rgba(0,0,0,0.93) 576px,rgba(0,0,0,0.87) 616px,rgba(0,0,0,0.78) 656px,rgba(0,0,0,0.68) 686px,rgba(0,0,0,0.56) 716px,rgba(0,0,0,0.44) 736px,rgba(0,0,0,0.32) 756px,rgba(0,0,0,0.17) 776px,rgba(0,0,0,0) 794.5px)}
.culture__bg::after{content:none}
.culture__shade{position:absolute;inset:0;background:#4d4d4d;mix-blend-mode:multiply}
.culture__staff{position:absolute;left:68px;width:254px;height:300px}
.culture__words{position:absolute;left:0;width:390px;font:500 18px/41.102px var(--serif);letter-spacing:.2em;font-feature-settings:"palt" 1;text-align:center;white-space:nowrap}
.culture__lead{top:222.22px;left:27px;width:336px}
.culture__staff{top:384.67px}
.culture__words{top:835.56px;left:-1.33px}
.culture__intro{top:727.2px;left:-1.33px;width:390px}
.culture__text p:nth-child(1){top:1000.91px}
.culture__text p:nth-child(2){top:1107.2px}
.culture__text p:nth-child(3){top:1213.5px}
.culture__text p:nth-child(4){top:1319.8px}
.culture__text p:nth-child(5){top:1426.1px}
.culture__text p:nth-child(6){top:1674.13px}
.culture__text p:nth-child(7){top:1851.3px}
.culture__text p{left:-1.33px;width:390px}
.create__lead{top:214.93px;left:27px;width:336px}
.create__hs{position:absolute;left:0;width:390px;height:372px}
.create__stage{position:relative;width:390px;height:372px}
.create__list{position:absolute;left:0;top:0;width:390px;height:372px}
.create__card{position:absolute;top:1px;width:280px;height:370px;background:#fff;outline:.992px solid #000;outline-offset:-.496px}
.create__photo{position:absolute;left:15px;top:14.98px;width:250px;height:255px}
.create__num{position:absolute;left:10.49px;font:400 74px/201.402px var(--en);color:#fff;white-space:nowrap}
.create__card:first-child .create__num{letter-spacing:.05em}
.create__text{position:absolute;left:0;width:281.28px;font:300 13px/24.803px var(--sans);letter-spacing:.03em;font-kerning:none;font-feature-settings:"halt" 1;text-align:center;white-space:nowrap}
/* カード送り（main.js）
   - 通常: カードの段を画面に固定し、縦スクロールの量で 01→05 を横に送る。05 の後は縦スクロールに戻る
     （指示「水平スクロール展開。5枚目のスライドが完了後、通常の縦スクロールへ移行」・参考 HTML と同じ）。
     JS が .is-hs を付け、--hs-run（横に送る量＝縦に余分にスクロールする量）と --hs-top（固定する高さ）を入れる。
     右の矢印は次のカードの位置までスクロールする。05 では消える。
   - 画面が低い・「視差効果を減らす」設定のとき: 固定せず、右の矢印（とスワイプ）で 1 枚ずつ送る。05 の次は 01 へ戻る */
.create__list{transform:translateX(calc(var(--i,0) * -308.36px));transition:transform .6s cubic-bezier(.25,.8,.3,1);touch-action:pan-y}
.create.is-hs{height:calc(976.48px + var(--hs-run));overflow:visible}
@supports (overflow:clip){.create.is-hs{overflow:clip}}
.create.is-hs .create__hs{height:calc(372px + var(--hs-run))}
.create.is-hs .create__stage{position:sticky;top:var(--hs-top);overflow:hidden}
.create.is-hs .create__list{transform:translateX(var(--hs-x,0px));transition:none;touch-action:auto}
.create.is-hs .create__text-after{margin-top:var(--hs-run)}
.create__next{position:absolute;z-index:1;width:20px;height:20px;transition:opacity .3s ease,visibility 0s}
.create__next::after{content:"";position:absolute;inset:-12px}
.create__next svg{width:20px;height:20px}
.create__next.is-end{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}
@media (prefers-reduced-motion:reduce){.create__list,.side-slides img{transition:none}}
.create__hs{top:347.4px}
.create__card:nth-child(1){left:55px}
.create__card:nth-child(2){left:363.36px}
.create__card:nth-child(3){left:671.72px}
.create__card:nth-child(4){left:980.08px}
.create__card:nth-child(5){left:1288.44px}
.create__num{top:139.55px}
.create__text{top:280.94px}
.create__next{left:338.94px;top:176px}
.create__text-after{top:741.29px;left:0;width:390px}
.growth__photo{position:absolute;left:0;top:0;width:390px;height:280px}
.growth__store{position:absolute;left:0;width:390px;height:262.31px}
.growth__store li{position:absolute;top:0;width:330px;height:262.31px}
.growth__store img{width:330px;height:262.31px}
.growth__words{font:400 16px/37.559px var(--serif);letter-spacing:.007em;font-feature-settings:"halt" 1}
.growth__closing{position:absolute;left:0;width:390px;font:400 22px/44.646px var(--serif);letter-spacing:.03em;font-kerning:none;font-feature-settings:"halt" 1;text-align:center;white-space:nowrap}
.growth__intro p:nth-child(1){top:466.69px}
.growth__intro p:nth-child(2){top:562.36px}
.growth__intro p{left:27px;width:336px}
.growth__store--a{top:686.66px}
.growth__store--b{top:998.66px}
.growth__store--a li:nth-child(1){left:-305px}
.growth__store--b li:nth-child(1){left:-136.64px}
.growth__store--a li:nth-child(2){left:30px}
.growth__store--b li:nth-child(2){left:198.36px}
.growth__store--a li:nth-child(3){left:365px}
.growth__store--b li:nth-child(3){left:533.36px}
.growth__store--a li:nth-child(4){left:700px}
.growth__store--b li:nth-child(4){left:868.36px}
.growth__store--a li:nth-child(5){left:1035px}
.growth__store--b li:nth-child(5){left:1203.36px}
.growth__store--a li:nth-child(6){left:1370px}
.growth__store--b li:nth-child(6){left:1538.36px}
.growth__text p:nth-child(1){top:1321.73px}
.growth__text p:nth-child(2){top:1463.46px}
.growth__text p:nth-child(3){top:1676.06px}
.growth__text p:nth-child(4){top:1817.79px}
.growth__text p:nth-child(5){top:1888.65px}
.growth__text p:nth-child(6){top:2030.51px;line-height:37.56px}
.growth__text p:nth-child(7){top:2180.62px}
.growth__text p:nth-child(8){top:2286.92px}
.growth__text p:nth-child(9){top:2464.09px}
.growth__text p:nth-child(10){top:2570.39px}
.growth__text p:nth-child(11){top:2676.68px}
.growth__text p:nth-child(12){top:2818.54px;line-height:37.56px}
.growth__text p:nth-child(13){top:2968.65px}
.growth__text p:nth-child(14){top:3074.95px}
.growth__text p:nth-child(15){top:3321.44px;line-height:31.89px}
.growth__text p:nth-child(16){top:3385.22px;line-height:31.89px}
.growth__text p:nth-child(17){top:3576.56px;line-height:31.89px}
.growth__text p{left:27.69px;width:336px}
.growth__closing{top:3694.12px}
.btn-entry{position:absolute;display:block;color:#fff}
.growth__entry,.recruit__entry{left:70px;width:250px;height:50px;border-radius:5px;background:linear-gradient(#eb6100 50%,#d45700 50%)}
.growth__entry .icon-pencil,.recruit__entry .icon-pencil{position:absolute;left:28.08px;top:6.97px;width:22px;height:36.064px;fill:#fff}
.growth__entry .btn-entry__label,.recruit__entry .btn-entry__label{position:absolute;left:0;width:250px;text-align:center;font:700 20px/70.866px var(--sans);letter-spacing:-.054em;font-feature-settings:"palt" 1;white-space:nowrap}
.growth__entry .icon-chevron,.recruit__entry .icon-chevron{position:absolute;left:222.96px;top:15.8px;width:10px;height:18.398px;fill:#fff}
.growth__entry{top:3827.65px}
.growth__entry .btn-entry__label{top:-10.78px;left:-0.56px}
.recruit__label{left:96.33px;font-weight:400;letter-spacing:.25em}
.recruit__title{position:absolute;left:0;width:390px;font:600 20px/43.228px var(--sans);letter-spacing:.093em;font-feature-settings:"palt" 1;text-align:center;white-space:nowrap}
.recruit__table{position:absolute;left:0;top:0;width:390px}
.recruit__row{position:absolute;left:28.67px;width:335px;border-top:1.417px solid #999}
.recruit__row dt{position:absolute;left:0;top:0;width:150px;height:29.29px;background:#e6e6e6}
.recruit__row dt span{position:absolute;left:0;width:150px;text-align:center;font:300 13px/22.75px var(--sans);letter-spacing:.05em;font-kerning:none;font-feature-settings:"halt" 1;white-space:nowrap}
.recruit__row dd{position:absolute;left:0;width:335px;font:300 13px/22.75px var(--sans);letter-spacing:.05em;font-kerning:none;font-feature-settings:"halt" 1}
.recruit__row dd p,.recruit__row dd li{white-space:nowrap}
.recruit__row .jl{display:block;text-align:justify;text-align-last:justify;white-space:nowrap}
.recruit__row .note{font-size:11px;line-height:19.25px;letter-spacing:.0455em}
.recruit__row .dash{display:block;height:0;border-top:.85px dashed #999;margin:0}
.recruit__label{top:39.52px}
.recruit__title{top:76.61px}
.recruit__row:nth-child(1){top:145.63px}
.recruit__row:nth-child(1) dt span{top:3.32px}
.recruit__row:nth-child(2){top:414.31px}
.recruit__row:nth-child(2) dt span{top:3.32px}
.recruit__row:nth-child(3){top:642.6px}
.recruit__row:nth-child(3) dt span{top:3.32px}
.recruit__row:nth-child(4){top:796.32px}
.recruit__row:nth-child(4) dt span{top:3.32px}
.recruit__row:nth-child(5){top:883.41px}
.recruit__row:nth-child(5) dt span{top:3.32px}
.recruit__row:nth-child(6){top:1256.89px}
.recruit__row:nth-child(6) dt span{top:3.32px}
.recruit__row:nth-child(7){top:1452.71px}
.recruit__row:nth-child(7) dt span{top:3.32px}
.recruit__entry{top:1762.85px}
.recruit__entry .btn-entry__label{top:-10.78px;left:-0.56px}
.recruit__row:nth-child(1) dd{top:37.64px}
.recruit__row:nth-child(2) dd{top:37.59px}
.recruit__row:nth-child(3) dd{top:37.73px}
.recruit__row:nth-child(4) dd{top:37.48px}
.recruit__row:nth-child(5) dd{top:37.78px}
.recruit__row:nth-child(6) dd{top:37.57px}
.recruit__row:nth-child(7) dd{top:35.72px}
.recruit__row .note{margin-top:-1.5px}
.recruit__row .note + .after-note{margin-top:1.5px}
.recruit__row .gap{margin:19.27px 0 0 -1.66px}
.recruit__row .note--exam{margin-top:9.23px}
.recruit__row .gap--pay{margin-top:10.64px}
.recruit__row .dash{width:335px;margin:8.85px 0 0;border:0;border-top:.85px dashed #999}
.recruit__row .gap--allow{margin-top:13.06px}
.layout__nav{background:#000;color:#fff}
.side-nav{position:relative;height:100%}
.side-nav__title{position:absolute;left:0;width:284px;text-align:center;white-space:nowrap}
.side-nav__title-en{display:block;font:500 19px/20.551px var(--en)}
.side-nav__title-ja{display:block;margin-top:2px;font:400 13px/20.551px var(--sans);letter-spacing:.2em;font-feature-settings:"palt" 1}
.side-nav__title-ja span{letter-spacing:0}
.side-nav__list{position:absolute;left:43.02px;width:200px}
.side-nav__item{position:relative;height:50px;border-top:.567px solid #fff}
.side-nav__item:last-child{border-bottom:.567px solid #fff;height:50.567px}
.side-nav__item a{position:absolute;left:0;width:200px;text-align:center;white-space:nowrap}
.side-nav__en{display:block;font:600 15px/14.173px var(--en);letter-spacing:.1em}
.side-nav__ja{display:block;margin-top:3px;font:400 9px/14.173px var(--sans);letter-spacing:.1em;font-feature-settings:"palt" 1}
.side-nav__title{top:30.37px;left:-0.46px}
.side-nav__list{top:102.87px}
.side-nav__item a{top:9.55px;left:-0.67px}
.site-footer{background:#000;color:#fff;font-family:var(--sans);letter-spacing:.03em}
.site-footer a{color:#fff}
.site-footer__inner{position:relative;width:390px;margin:0 auto;padding:30px 20px 41.7px}
.site-footer__letter{text-align:center}
.site-footer__letter strong{display:block;font:400 16px/1.3 var(--sans);letter-spacing:.06em}
.site-footer__letter span{display:block;margin-top:13px;font:300 12px/1.5 var(--sans);letter-spacing:.03em}
.site-footer__form{display:flex;align-items:center;width:344px;height:54px;margin:16px 0 0 1px;border-radius:30px;background:#272727}
.site-footer__form input{flex:1;min-width:0;height:100%;padding:0 10px 0 28px;border:0;outline:0;background:none;font:300 16px var(--sans);color:#fff}
.site-footer__form input::placeholder{color:#777}
.site-footer__form button{display:flex;align-items:center;gap:7px;height:100%;padding:0 28px 0 10px;font:700 14px var(--sans);color:#fff}
.site-footer__form button svg{width:6px;height:8px;fill:#fff}
.site-footer__nav{display:grid;grid-template-columns:50% 50%;margin-top:51px}
.site-footer__products{grid-column:1/3;display:grid;grid-template-columns:50% 50%}
.site-footer__products-title{grid-column:1/3;font:700 14px/1 var(--sans)}
.site-footer__products-title a{background:linear-gradient(#fff,#fff) 0 100%/100% 1px no-repeat;padding-bottom:2px}
.site-footer__products ul{margin-top:2.5px}
.site-footer__products li{line-height:25.2px;font-size:14px}
.site-footer__products ul a,.site-footer__company a,.site-footer__guide a{font:700 10px/1.4 var(--sans)}
.site-footer__products ul a::after{content:"";display:inline-block;width:5px;height:7px;margin:0 0 2px 5px;background:url("../img/arrow.svg") center/contain no-repeat}
.site-footer__company{margin:35px 0 0 -2px}
.site-footer__company li,.site-footer__guide li{line-height:1;font-size:0}
.site-footer__company li + li,.site-footer__guide li + li{margin-top:14.4px}
.site-footer__company strong{font:700 16px/1.5 var(--sans)}
.site-footer__guide{margin-top:35px}
.site-footer__sns{display:flex;justify-content:flex-end;gap:9px;align-items:center;height:17px;margin-top:48.5px}
.site-footer__sns img{width:16px;height:auto}
.site-footer__sns a:last-child{margin-left:3px}
.site-footer__sns a:last-child img{width:14px}
.site-footer__bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:15px;padding-top:22px;border-top:1px solid #272727}
.site-footer__logo{margin-left:-2px}
.site-footer__logo img{width:197px;height:auto}
.site-footer__logo small{display:block;margin-top:8px;font:500 10px/1.35 "Oswald",sans-serif;letter-spacing:.03em;color:#474747}
.site-footer__top{position:relative;top:2px;margin-right:2.5px;display:flex;align-items:center;gap:9px;font:500 16px/1 "Oswald",sans-serif;color:#777 !important}
.site-footer__top svg{width:13px;height:9px;fill:#777}
/* ---- 動き: 見えたらふわっと（指示「スクロール連動で文字がふわっと表示」）。「視差効果を減らす」設定では最初から表示 ---- */
.rv-lines > span{display:block}
@media (prefers-reduced-motion:no-preference){
  .js .rv{opacity:0;translate:0 26px;transition:opacity 1.1s ease,translate 1.1s ease}
  .js .rv.is-in{opacity:1;translate:none}
  .js .rv-lines > span{opacity:0;translate:0 12px;transition:opacity .9s ease,translate .9s ease}
  .js .rv-lines.is-in > span{opacity:1;translate:none}
  .js .rv-lines.is-in > span:nth-child(1){transition-delay:.4s}
  .js .rv-lines.is-in > span:nth-child(2){transition-delay:.9s}
  .js .rv-lines.is-in > span:nth-child(3){transition-delay:1.4s}
  /* PHILOSOPHY: 写真が右からスッと開く → 一瞬遅れて番号・手書き・本文が右からふわっと */
  .js .philosophy__photo{clip-path:inset(0 0 0 100%);transition:clip-path 1.25s cubic-bezier(.7,0,.2,1)}
  .js .philosophy__item.is-in .philosophy__photo{clip-path:inset(0)}
  .js .philosophy__num,.js .philosophy__hand,.js .philosophy__text{opacity:0;translate:34px 0;transition:opacity 1s ease .55s,translate 1s ease .55s}
  .js .philosophy__item.is-in .philosophy__num,.js .philosophy__item.is-in .philosophy__hand,.js .philosophy__item.is-in .philosophy__text{opacity:1;translate:none}
}
@media (max-width:1023px){
  body{zoom:var(--zoom)}
  .layout{padding-top:0}
}
@media (min-width:1024px){
  .site-header__inner{max-width:none;height:80px}
  .site-header__logo{left:max(16px,calc(50% - 527.9px));top:19.02px;width:156.71px}
  .site-header__icon--mypage{left:auto;right:max(92.9px,calc(50% - 442.54px));top:21.64px;width:19.02px}
  .site-header__icon--cart{left:auto;right:max(59.2px,calc(50% - 476.37px));top:20.98px;width:15.74px}
  .site-header__menu{left:auto;right:max(16px,calc(50% - 518.41px));top:26.88px;width:19.67px;height:9.18px}
  .site-header__menu span{height:1.8px}
  .site-header__crumb{display:block;position:absolute;left:max(16px,calc(50% - 527.25px));top:59.85px;font:400 9.3px/12px "Barlow Condensed",sans-serif;letter-spacing:.08em;white-space:nowrap}
  .layout{display:grid;grid-template-columns:minmax(0,1fr) 390px 284px;padding-top:80px;background:#000}
  .fv{--fv-top:80px}
  .band{scroll-margin-top:80px}
  .layout__side,.layout__nav{display:block;position:sticky;top:80px;height:calc(100vh - 80px)}
  .layout__side{overflow:hidden}
  /* 左の写真: 1366×1030 ではデザインと同じ 1044.76px 角・同じ位置。広い列では焦点（列の中央）を保って拡大する */
  .layout__side{position:sticky}
  /* 指示「PC版の左側の画像、3枚くらい切り替わるように」: 6 秒ごとに 1.5 秒で重ねて切り替え（main.js）。
     新しい写真を前の写真の上でフェードインさせるので、途中で黒い背景は透けない */
  .side-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;transition:opacity 1.5s ease}
  .side-slides img.is-active{opacity:1;z-index:2}
  .side-slides img.is-prev{opacity:1;z-index:1;transition:none}
  .side-slides img:first-child{inset:auto;left:50%;top:50%;width:max(1044.76px,115.75%,calc((100vh - 80px) * 1.0811));max-width:none;height:auto;aspect-ratio:1;transform:translate(-56.79%,-53.77%)}
  .side-slides img:nth-child(3){object-position:40% 50%}
  .main{margin:0}
  .site-footer{overflow:hidden}
  .site-footer__inner{width:1366px;height:519.8px;padding:0;margin:0 auto}
  .site-footer__inner > *{position:absolute;margin:0}
  /* PC のフッターはデザインに 1900px 幅のスクリーンショットを 0.719 倍で貼ったもの。その寸法で組む */
  .site-footer__letter{left:5.5px;top:57.2px;width:1355.2px}
  .site-footer__letter strong{font-size:18px;line-height:23.3px}
  .site-footer__letter span{margin-top:12.6px;font-size:12px;line-height:17.25px}
  .site-footer__form{left:422.02px;top:125.1px;width:522.68px;height:43.85px;border-radius:21.93px}
  .site-footer__form input{padding-left:30.2px;font-size:11.5px}
  .site-footer__form button{gap:5.75px;padding:0 25.9px 0 7.2px;font-size:10.07px;font-weight:400}
  .site-footer__form button svg{width:4.3px;height:5.75px}
  .site-footer__nav{left:0;top:0;width:1366px;height:0;display:block}
  .site-footer__products{position:absolute;left:338.6px;top:199.5px;display:grid;grid-template-columns:146.7px auto}
  .site-footer__products-title a{font:300 11.5px/1 var(--sans);padding-bottom:1px}
  .site-footer__products-title a::after{content:"";display:inline-block;width:4.3px;height:5.75px;margin:0 0 1px 5.75px;background:url("../img/arrow.svg") center/contain no-repeat}
  .site-footer__products ul{margin-top:5.5px}
  .site-footer__products li,.site-footer__company li,.site-footer__guide li{font-size:10.35px;line-height:20.45px}
  .site-footer__company li + li,.site-footer__guide li + li{margin-top:0}
  .site-footer__products ul a,.site-footer__company a,.site-footer__guide a{font:300 10.35px/20.45px var(--sans)}
  .site-footer__products ul a::after{width:4.3px;height:5.75px;margin:0 0 1px 5.75px}
  .site-footer__company{position:absolute;left:703.13px;top:200px;margin:0}
  .site-footer__company strong{font:300 14.38px/23.57px var(--sans)}
  .site-footer__guide{position:absolute;left:866.33px;top:200px;width:162px;margin:0}
  .site-footer__sns{left:1239.47px;top:424.2px;gap:7.19px;height:12.2px}
  .site-footer__sns img{width:11.5px}
  .site-footer__sns a:last-child{margin-left:1.44px}
  .site-footer__sns a:last-child img{width:10.06px}
  .site-footer__bottom{left:77.65px;top:449px;width:1207.83px;padding-top:16px}
  .site-footer__logo{display:flex;align-items:flex-end;gap:13.6px;margin:0}
  .site-footer__logo img{width:174.7px}
  .site-footer__logo small{margin:0 0 3.5px;font-size:7.6px}
  .site-footer__top{top:0;margin:0 0 5px;gap:6.5px;font-size:11.5px}
  .site-footer__top svg{width:9.35px;height:5.75px}
}
/* ---- エントリーフォーム ---- */
.entry{height:1454.03px}
.entry__title{position:absolute;left:0;width:390px;font:500 32px/35.433px var(--en);text-align:center;transform:scaleY(1.1);transform-origin:50% 30px}
.entry__sub{position:absolute;left:0;width:390px;font:300 14px/24.5px var(--sans);letter-spacing:.03em;font-kerning:none;font-feature-settings:"halt" 1;text-align:center;padding-left:.03em}
.entry__intro{position:absolute;left:27.5px;width:335px;font:300 14px/27.638px var(--sans);letter-spacing:.03em;font-kerning:none;font-feature-settings:"halt" 1}
.entry__intro .jl,.entry__privacy .jl{display:block;text-align:justify;text-align-last:justify;white-space:nowrap}
.entry__label{position:absolute;left:26.88px;font:300 12px/24.803px var(--sans);letter-spacing:.03em;font-kerning:none;font-feature-settings:"halt" 1;white-space:nowrap}
.entry__label--2l{line-height:16.299px}
.entry__label small{display:block;margin-top:1px;font-size:10px;line-height:16.299px}
.entry__req{color:#aa1d25}
.entry__field{position:absolute;left:28.31px;width:335px;height:40px;margin:0;padding:0 17.1px;border:0;border-radius:4px;background:#e9e9e9;font:300 12px var(--sans);letter-spacing:.03em;color:#000;outline-offset:2px}
.entry__field::placeholder{color:#808080;opacity:1}
.entry__field--zip{width:179px}
select.entry__field{-webkit-appearance:none;appearance:none;background:#e9e9e9 url("../img/select-arrow.svg") right 15.65px center/15px 8.153px no-repeat}
.entry__radios{position:absolute;left:28.22px;display:flex;align-items:center;margin:0;padding:0;border:0}
.entry__radio{display:flex;align-items:center;font:300 16px/28px var(--sans);letter-spacing:.03em;white-space:nowrap;cursor:pointer}
.entry__radio + .entry__radio{margin-left:30.4px}
.entry__radio input{-webkit-appearance:none;appearance:none;flex:none;width:20px;height:20px;margin:0 4.1px 0 0;border-radius:50%;cursor:pointer;
  background:radial-gradient(circle,#e3e3e3 0,#eee 2.08px,#f7f8f8 2.1px,#f7f8f8 9.2px,#ccc 9.3px)}
.entry__radio input:checked{background:radial-gradient(circle at 46% 44%,#cacaca 0,#ababab 3px,rgba(153,153,153,0) 4.6px),radial-gradient(circle,#999 0,#999 5.6px,#d8d9d9 5.7px,#ececec 6.2px,#f7f8f8 6.3px,#f7f8f8 9.2px,#999 9.3px)}
.entry__zip{position:absolute;left:217.32px;font:300 12px/24.803px var(--sans);letter-spacing:.03em;white-space:nowrap;background:linear-gradient(#000,#000) 0 calc(100% - 0px)/74px .567px no-repeat}
.entry__privacy{position:absolute;left:27.5px;width:335px;font:300 13px/24.094px var(--sans);letter-spacing:.03em;font-kerning:none;font-feature-settings:"halt" 1}
.entry__privacy a{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:.6px}
.entry__submit{position:absolute;left:84px;top:1304.82px;width:222px;height:56px;border-radius:28px;background:#000;color:#fff;font:500 16px/24.803px var(--sans);letter-spacing:.03em;padding-left:.03em}
.entry__title{top:130.83px;left:-0.36px}
.entry__sub{top:170.32px;left:-0.26px}
.entry__intro{top:213.48px}
.entry__label--area{top:279.37px}
.entry__label--name{top:362.73px}
.entry__label--kana{top:447.73px}
.entry__label--birth{top:545.73px}
.entry__label--sex{top:642.73px}
.entry__label--addr{top:704.73px}
.entry__label--tel{top:836.73px}
.entry__label--mail{top:918.73px}
.entry__label--job{top:999.18px}
.entry__label--license{top:1081.56px}
#entry-area{top:307.79px}
#entry-name{top:391.15px}
#entry-kana{top:488.15px}
#entry-birth{top:586.15px}
#entry-zip{top:733.15px}
#entry-addr{top:783.48px}
#entry-tel{top:865.15px}
#entry-mail{top:947.15px}
#entry-job{top:1027.6px}
#entry-license{top:1109.98px}
.entry__radios{top:668.31px}
.entry__zip{top:738.55px}
.entry__privacy{top:1167.6px}
.entry__submit span{position:absolute;left:0;top:15.08px;width:100%;text-align:center}
.entry__notice{position:absolute;left:0;top:1374.82px;width:390px;margin:0;font:300 12px/20px var(--sans);letter-spacing:.03em;text-align:center;white-space:normal}
@media (prefers-reduced-motion:no-preference){.entry__notice{animation:notice-in .3s ease both}}
@keyframes notice-in{from{opacity:0}}