@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400..700&family=Noto+Serif+JP:wght@200..900&display=swap');

*,:before,:after{margin:0;padding:0;box-sizing:border-box}:before,:after{text-decoration:inherit}html{line-height:1.5;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overflow-wrap:break-word;hyphens:auto;scroll-behavior:smooth}body{min-height:100%;min-height:100dvb}a,area,button,input,label,select,summary,textarea,[tabindex]{touch-action:manipulation}[hidden]:not([hidden='until-found']),summary::-webkit-details-marker{display:none}summary{list-style:none;cursor:pointer;}figure,figcaption{display:block;width:fit-content;margin-inline:0}img{border-style:none;vertical-align:bottom}svg:where(:not([fill])){fill:currentColor}svg:where(:not(:root)){overflow:hidden}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}iframe{border:0}pre{font:inherit}code,kbd,samp{font-family:monospace;font-size:1em}canvas{display:inline-block}dialog:not([open]){display:none}details{display:block}progress{display:inline-block;vertical-align:baseline}template{display:none}table{border-collapse:collapse}caption{text-align:left}ul{list-style:none}input,button,textarea,select{font:inherit;color:inherit}textarea{resize:vertical}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}h1{font-size:1rem}address,em{font-style:normal}b,strong{font-weight:bolder}small{font-size:80%}sup,sub{font-size:.7em;text-decoration:none}sub{vertical-align:-8%}hr{height:0;overflow:visible}main :where(p,ul,ol,dl,table){margin-block:.6em}main ol{padding-left:1.5em}iframe[src*="youtube.com"]{aspect-ratio:16/9;}
:root {--fs175:1.09375rem; --fs185:1.15625rem; --fs195:1.21875rem; --fs205:1.28125rem; --fs215:1.34375rem; --fs225:1.40625rem;
  --fs10:.625rem;  --fs11:.6875rem;  --fs12:.75rem;   --fs13:.8125rem;  --fs14:.875rem;  --fs15:.9375rem;  --fs16:1rem;     --fs17:1.0625rem; --fs18:1.125rem; --fs19:1.1875rem;
  --fs20:1.25rem;  --fs21:1.3125rem; --fs22:1.375rem; --fs23:1.4375rem; --fs24:1.5rem;   --fs25:1.5625rem; --fs26:1.625rem; --fs27:1.6875rem; --fs28:1.75rem;  --fs29:1.8125rem;
  --fs30:1.875rem; --fs31:1.9375rem; --fs32:2rem;     --fs33:2.0625rem; --fs34:2.125rem; --fs35:2.1875rem; --fs36:2.25rem;  --fs37:2.3125rem; --fs38:2.375rem; --fs39:2.4375rem;
  --fs40:2.5rem;   --fs41:2.5625rem; --fs42:2.625rem; --fs43:2.6875rem; --fs44:2.75rem;  --fs45:2.8125rem; --fs46:2.875rem; --fs47:2.9375rem; --fs48:3rem;     --fs49:3.0625rem;
  --fs50:3.125rem; --fs51:3.1875rem; --fs52:3.25rem;  --fs53:3.3125rem; --fs54:3.375rem; --fs55:3.4375rem; --fs56:3.5rem;   --fs57:3.5625rem; --fs58:3.625rem; --fs59:3.6875rem;
  --fs60:3.75rem;  --fs61:3.8125rem; --fs62:3.875rem; --fs63:3.9375rem; --fs64:4rem;     --fs65:4.0625rem; --fs66:4.125rem; --fs67:4.1875rem; --fs68:4.25rem;  --fs69:4.3125rem;
  --fs70:4.375rem; --fs71:4.4375rem; --fs72:4.5rem;   --fs73:4.5625rem; --fs74:4.625rem; --fs75:4.6875rem; --fs76:4.75rem;  --fs77:4.8125rem; --fs78:4.875rem; --fs79:4.9375rem; --fs80:5rem;}
@media (min-width:769px){body {min-width:1140px;} .sp {display:none;}}
@media (max-width:768px){.pc {display:none;}}

/*html {scroll-snap-type:y proximity;}*/
a[href="#"] {pointer-events:none;}
.IB {display:inline-block;}
.-narrow {letter-spacing:-.03em;}
.sm2 {font-size:85%;}
.mt0 {margin-top:0!important;}
.txC {text-align:center;}
.mmCnt:has(img[src*="ft1"]) {width:min(100%,800px); background:none;}
.mmCnt img {width:100%;}
.hidden {display:none;}

@media (max-width:768px){
  .spSm2 {font-size:85%;}
}

main {font-family:"Lora","Noto Serif JP",serif;}
main.fs {--theme:#40AB6C; --themeGrd:linear-gradient(90deg, #16d97f 0%, #25c997 50%, #30c0b4 100%);}
main.ei {--theme:#b255d9; --themeGrd:linear-gradient(90deg, #6591c4 0%, #8173c5 50%, #a750cc 100%);}
main * {box-sizing:border-box;}
main img {max-width:100%;}
main :where(i,em) {font-style:inherit;}
main .container {position:relative; margin-inline:auto; container-type:inline-size;}
main h2 {margin-bottom:6rem; line-height:1.3; text-align:center; font-weight:500; letter-spacing:.06em;}
main h2 i {display:block; width:fit-content; margin-inline:auto;}
main h2 i:before {content:""; display:block; aspect-ratio:15/1; margin:.2em auto .8em; background:url(./img/line.png) no-repeat 50% 50% / 100% 100%;}
main ._label {font-family:"Kanit",sans-serif; color:#333;}
main ._label > span {color:transparent; -webkit-text-stroke:1px #333; text-stroke:1px #333;}
main .btn a {position:relative; display:inline-block; padding:1rem 2.5rem; background:linear-gradient(110deg, #58b843 0%, #f6aa01 40%, #f39ec0 60%, #27adf7 100%); border-radius:.5rem; text-align:center; text-decoration:none; color:#1a1a1a;}
main .btn a:before {content:""; display:block; width:calc(100% - 4px); height:calc(100% - 4px); position:absolute; left:2px; top:2px; border-radius:calc(.5rem - 2px); background:#fff;}
main .btn a i {position:absolute; right:1.2rem; top:50%; translate:0 -45%; width:12px; aspect-ratio:1;}
main .btn a i:before {content:""; display:block; width:100%; height:1px; background:#444; position:absolute; left:0; top:50%;}
main .btn a i:after {content:""; display:block; width:50%; height:1px; background:#444; position:absolute; right:0; top:50%; rotate:45deg; translate:0 -.5px; transform-origin:100% 100%;}
main .btn a > span {position:relative;}
.footer2023 {position:relative;}

.upperBlock {max-width:100%; overflow:hidden; background:#000; color:#fff;}
.upperBlock > *:not(.-unsetMH) {position:relative; min-height:var(--secH);}
.upperBlock > *:has(.container) {display:flex; flex-direction:column; justify-content:center;}
/*.upperBlock > *:not(.-unsetMH), .lowerBlock > *, .footer2023 {scroll-snap-align:start;}*/

.upperBlock ._mv {position:fixed; z-index:0; left:0; width:100%;}
.fs .upperBlock ._mv {background:url(./img/fs/mv1i.webp) no-repeat 50% 50%  / cover;}
.ei .upperBlock ._mv {background:url(./img/ei/mv1i.webp) no-repeat 50% 50%  / cover;}
.upperBlock ._mv :is(._slide, ._slide *) {width:100%; height:var(--secH);}
.upperBlock ._mv ._slide {opacity:0; transition:1.5s;}
.upperBlock ._mv:has(.slick-initialized) ._slide {opacity:1;}
.upperBlock ._mv img {width:100%; height:var(--secH); object-fit:cover; scale:1; transition:scale linear 15s; transition-delay:1s;}
.upperBlock ._mv.-loaded .slick-list .slick-current img {scale:1.06; transition-delay:0;}
.upperBlock ._mv ._txt {position:absolute; left:0; bottom:0; width:100%;;}
.upperBlock ._mv ._txt p {animation:marquee 30s linear infinite; position:absolute; left:0; bottom:0; margin:0; line-height:1; font-family:"Lora", serif; white-space:nowrap; color:transparent; -webkit-text-stroke:1px #fffb; text-stroke:1px #fffb;}
@keyframes marquee {
  0% {translate:0 0;}
  100% {translate:-50% 0;}
}

@media (min-width:769px){
  html {scroll-padding-top:70px;}
  main .container {width:min(90%,1200px);}
  .upperBlock {--secH:calc(100vh - 70px);}
  .upperBlock ._mv {top:70px; height:var(--secH);}
  .upperBlock ._mv ._txt {font-size:max(10cqw,120px);}
  .upperBlock ._mv ~ * {padding-block:6vw 12vw;}
  main h2 {font-size:5cqw;}
  main h2 i {font-size:var(--fs22);}
  main h2 i:before {width:150px;}
  main .btn a {min-width:300px;}
}
@media (min-width:769px) and (max-width:1140px){
  html {scroll-snap-type:unset;}
  .upperBlock > *:not(.-unsetMH), .lowerBlock > *, .footer2023 {scroll-snap-align:unset;}
}

@media (max-width:768px){
  html {scroll-padding-top:0;}
  main {overflow:hidden; font-size:var(--fs13);}
  main .container {margin-inline:3.333%;}
  .upperBlock {--secH:100vh;}
  .upperBlock ._mv {top:0; height:var(--secH);}
  main h2 {font-size:10.5cqw;}
  main h2 i {font-size:1rem;}
  main h2 i:before {width:150px;}
  main .btn a {min-width:260px; font-size:133%;}
}

.upperBlock ._opener {overflow:hidden;}
.upperBlock ._opener .container {display:flex; flex-direction:column; align-items:center; justify-content:center;}
.upperBlock ._opener a {text-decoration:none; color:inherit;}
.upperBlock ._opener h1 {position:relative; margin-top:.3em; text-align:center; line-height:1.33; font-weight:500;}
.upperBlock ._opener h1:before,
.upperBlock ._opener h1:after {content:""; position:absolute; bottom:.6em; display:block; aspect-ratio:265/4; background:url(./img/line.png) no-repeat 50% 50% / 100% auto;}
.upperBlock ._opener h1 i {display:block; letter-spacing:.08em;}
.upperBlock ._opener ._location i {display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:.2em;}
.upperBlock ._opener ._location i svg {rotate:180deg; width:1.4em; translate:-25% 0;}
.upperBlock ._opener ._location i:before,
.upperBlock ._opener ._location i:after {content:""; display:block; width:calc(50% - .7em); border-top:1px #fff solid;}
.upperBlock ._opener ul {display:flex; justify-content:center; gap:1.3em; margin-top:1em; padding:.4em 1em; border-radius:.5em; background:#fff; font-weight:500; color:#1a1a1a;}.upperBlock ._opener ul a:before {content:""; display:inline-block; width:.8em; aspect-ratio:1; margin-right:.2em; rotate:45deg; translate:0 -10%; box-shadow:2px 2px 0 #555; scale:.6;}
.upperBlock ._opener ._leaf {position:absolute;}
.upperBlock ._opener ._leaf a {display:block; padding:.4em .3em .8em; border-radius:100px; background:#ff0; color:#1a1a1a; writing-mode:vertical-rl;}
.upperBlock ._opener ._leaf a i {position:relative; display:inline-block; width:1.2em; aspect-ratio:1; margin-bottom:.4em;background:#1a1a1a; border-radius:50%; scale:1.2;}
.upperBlock ._opener ._leaf a i:before {content:""; position:absolute; right:20%; top:50%; display:block; width:60%; border-top:1px #fff solid;}
.upperBlock ._opener ._leaf a i:after {content:""; position:absolute; right:20%; bottom:50%; display:block; width:30%; translate:0 1px; border-top:1px #fff solid; rotate:45deg; transform-origin:100% 100%;}

.upperBlock :is(._msg, ._feature, _career) {display:flex; flex-direction:column; align-items:center; justify-content:center;}
.upperBlock ._msg p {line-height:3; letter-spacing:.08em; text-indent:-1em; writing-mode:vertical-rl;}
.upperBlock ._msg p em {font-size:1.2em;}

.upperBlock ._feature ._inner {display:grid;}
.upperBlock ._feature ._inner > * {position:relative;}
.upperBlock ._feature ._catch {position:relative; display:flex; align-items:center; writing-mode:vertical-rl; padding-top:3em; line-height:1.4; text-indent:-1.2em;}
.upperBlock ._feature ._catch:before {content:""; display:block; position:absolute; left:50%; top:0; translate:-50% -35%; width:1.2em; aspect-ratio:3/5; background:url(./img/ttl_mark.svg) no-repeat 50% 50% / contain; scale:1.2;}
.upperBlock ._feature ._catch font {text-combine-upright:all;}
.upperBlock ._feature ._txt {position:relative; padding-top:2rem; background:#fff; border-radius:.4rem; color:#1a1a1a;}
.upperBlock ._feature ._txt:before {content:""; display:block; position:absolute; width:100%; height:100%; left:-.5rem; top:.5rem; border-radius:.4rem; background:var(--themeGrd);}
.upperBlock ._feature ._txt:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border-radius:.5rem; z-index:0; background:#fff;}
.upperBlock ._feature ._txt > * {position:relative; z-index:2;}
.upperBlock ._feature ._txt ._label {margin-bottom:.3em; font-size:125%;}
.upperBlock ._feature ._txt ._sub {width:fit-content; font-size:122%; font-weight:600; color:var(--theme);}
.upperBlock ._feature ._txt ._sub i {width:100%; display:flex; align-items:flex-start; justify-content:space-between; margin-block:.6em;}
.upperBlock ._feature ._txt ._sub i svg {width:1.4em; translate:25% 0;}
.upperBlock ._feature ._txt ._sub i:before,
.upperBlock ._feature ._txt ._sub i:after {content:""; display:block; width:calc(50% - .7em); border-top:1px currentColor solid;}
.upperBlock ._feature ._txt h3 {margin-bottom:.6em; line-height:1.4;}
.upperBlock ._feature ._txt ._pic {margin-top:1.5rem;}
.upperBlock ._feature ._pics {position:relative;}
.upperBlock ._feature ._pics img {z-index:8;}
.upperBlock ._feature ._pics ._frame {content:""; display:flex; position:absolute; width:100%; height:100%; left:.5rem; top:-.5rem; border-radius:.4rem; overflow:hidden;}
.upperBlock ._feature ._pics ._frame:before {content:""; display:block; width:100%; border:1rem #fff solid; border-image:var(--themeGrd); border-image-slice:1; border-radius:.4rem;}
.upperBlock ._feature ._pics:after {content:""; display:block; position:absolute; width:100%; height:100%; left:0; top:0; border:1rem #fff solid; border-radius:.4rem; background:url(./img/ft_pic_bg.svg) no-repeat 50% 85% / calc(100% - 4rem) auto;}
.upperBlock ._feature:nth-child(2n of ._feature) ._txt:before {left:.5rem;}
.upperBlock ._feature:nth-child(2n of ._feature) ._pics:after {rotate:180deg;}
.upperBlock ._feature:nth-child(2n of ._feature) ._pics ._frame {left:-.5rem;}
.upperBlock ._feature ._pics img {position:absolute; aspect-ratio:2/3; object-fit:cover;}
.upperBlock ._feature:nth-child(2n+1 of ._feature) ._pics img:nth-of-type(1),
.upperBlock ._feature:nth-child(2n of ._feature) ._pics img:nth-of-type(3) {aspect-ratio:3/2;}
.upperBlock ._feature:nth-child(2n+1 of ._feature) ._pics img:nth-of-type(1) {left:0; top:0; width:100%; translate:10% -12%;}
.upperBlock ._feature:nth-child(2n+1 of ._feature) ._pics img:nth-of-type(2) {left:0; bottom:0; width:45.6%; translate:-5% 5%;}
.upperBlock ._feature:nth-child(2n+1 of ._feature) ._pics img:nth-of-type(3) {right:0; bottom:0; width:40%; translate:10% -20%;}
.upperBlock ._feature:nth-child(2n of ._feature) ._pics img:nth-of-type(1) {left:0; top:0; width:40%; translate:-10% 20%;}
.upperBlock ._feature:nth-child(2n of ._feature) ._pics img:nth-of-type(2) {right:0; top:0; width:45.6%; translate:5% -5%;}
.upperBlock ._feature:nth-child(2n of ._feature) ._pics img:nth-of-type(3) {left:0; bottom:0; width:100%; translate:-10% 12%;}
.ei .upperBlock ._pic:has(a.modal) {position:relative; width:50%; background:#fff; margin:-5rem auto 0; padding:.8rem; border-radius:.3rem; translate:0 50%; box-shadow:0 .5rem 1rem #0001;}
.ei .upperBlock ._pic:has(a.modal) i {position:absolute; right:0; top:0; width:3rem; aspect-ratio:1; background:#222; border-radius:50%; translate:20% -20%;}
.ei .upperBlock ._pic:has(a.modal) i:before {content:""; display:block; width:40%; border-top:1px #fff solid; position:absolute; left:30%; top:50%;}
.ei .upperBlock ._pic:has(a.modal) i:after {content:""; display:block; width:40%; border-top:1px #fff solid; position:absolute; left:30%; top:50%; rotate:90deg;}

.upperBlock ._career :is(._list, ._voice) {position:relative; padding-block:1.5rem; border-radius:.5rem; background:#fff; color:#1a1a1a;}
.upperBlock ._career ._list ~ * {margin-top:2rem;}
.upperBlock ._career ._list:before {content:""; display:block; width:70px; aspect-ratio:1; position:absolute; left:0; top:0; translate:-40% -30%;}
.upperBlock ._career ._list:nth-child(1 of ._list):before {background:url(./img/icon_career1.svg) no-repeat 50% 50% / contain;}
.upperBlock ._career ._list:nth-child(2 of ._list):before {background:url(./img/icon_career2.svg) no-repeat 50% 50% / contain;}
.upperBlock ._career ._list h3 {font-weight:600;}
.upperBlock ._career ._list ul {margin:0;}
.upperBlock ._career ._list li {padding-left:1.5em; color:var(--theme); font-weight:500; font-size:93%;}
.upperBlock ._career ._list li + li {margin-top:.4em;}
.upperBlock ._career ._list li:before {content:""; display:inline-block; width:1.5em; height:1em; margin-left:-1.5em; translate:0 10%; background:url(./img/marker.svg) no-repeat 0 50% / auto 80%;}
/*.upperBlock ._career ._list a {text-decoration:none; color:var(--theme); font-weight:500;}*/
.upperBlock ._career ._voice {display:grid;}
.upperBlock ._career ._voice ._name {font-weight:600;}
.upperBlock ._career ._voice ._name b {font-weight:inherit;}
.upperBlock ._career ._voice ._name i {font-size:85%;}

.upperBlock ._scrollImg {margin-top:10rem; padding-block:2rem; background:#fff; overflow:hidden; container-type:inline-size;}
.upperBlock ._scrollImg ._slide {display:flex; animation:marquee 30s linear infinite; white-space:nowrap;}
.upperBlock ._scrollImg ._slide:is(:nth-child(1 of ._slide), :nth-child(3 of ._slide)) {animation-direction:reverse;}
.upperBlock ._scrollImg ._slide:nth-child(3 of ._slide) {animation-delay:-2s;}
.upperBlock ._scrollImg ._slide + ._slide {margin-top:1.6rem;}
.upperBlock ._scrollImg ._slide img {margin-inline:.8rem;}

.upperBlock ._specialist {position:relative; margin-top:10rem; padding-block:max(10vw,5rem) max(16vw,8rem);}
.upperBlock ._specialist:before {content:""; width:max(100vw,calc(100cqw + 100px)); height:100%; position:absolute; right:50%; top:0; translate:50% 0; background:url(./img/ei/spcl_bg.webp) no-repeat 50% 50% / cover;}
.upperBlock ._specialist ._inner {position:relative; max-width:1120px; margin-inline:auto;}
.upperBlock ._specialist ._label {font-size:2em; color:#6c9bd2;}
.upperBlock ._specialist ._label span {color:#b255d9;}
.upperBlock ._specialist ._vid iframe {width:100%; aspect-ratio:16/9;}

@media (min-width:769px){
  .upperBlock ._opener ._pic {width:32.33%;}
  .upperBlock ._opener h1 {font-size:5.5cqw;}
  .upperBlock ._opener h1:before,
  .upperBlock ._opener h1:after {width:44.167cqw;}
  .upperBlock ._opener h1:before {right:calc(100% + .7em);}
  .upperBlock ._opener h1:after {left:calc(100% + .7em);;}
  .upperBlock ._opener h1 i {font-size:2.7cqw;}
  .upperBlock ._opener ._location {font-size:var(--fs18);}
  .upperBlock ._opener ul {min-width:24em;}
  .upperBlock ._opener ._leaf {right:1%; top:3vw; font-size:var(--fs18);}
  .upperBlock ._msg p {font-size:var(--fs30);}
  .upperBlock ._msg p em {font-size:1.2em;}
  
  .upperBlock ._feature ._inner {grid-template-columns:1fr auto 1fr; gap:3%;}
  .upperBlock ._feature ._inner > * {grid-row:1/2;}
  .upperBlock ._feature ._txt,
  .upperBlock ._feature:nth-child(2n of ._feature) ._pics {grid-column:1/2;}
  .upperBlock ._feature ._catch {grid-column:2/3; min-width:3.6em; font-size:3.2cqw;}
  .upperBlock ._feature ._pics,
  .upperBlock ._feature:nth-child(2n of ._feature) ._txt {grid-column:3/4;}
  .upperBlock ._feature ._txt :is(._ttl, ._body) {margin-inline:12%;}
  .upperBlock ._feature h3 {font-size:2.46cqw; font-weight:500;}

  .upperBlock ._career ._list {display:grid; grid-template-columns:repeat(4, 1fr); gap:1.2rem; padding-inline:5% 3%;}
  .upperBlock ._career ._list h3 {font-size:var(--fs24);}
  .upperBlock ._career ._list h3 + div {display:contents;}
  .upperBlock ._career ._voice {grid-template-columns:1fr 180px; gap:1rem 2rem; padding-inline:5%;}
  .upperBlock ._career ._voice ._name {grid-column:1/3; font-size:var(--fs18);}
  .upperBlock ._career ._voice ._name b {font-size:var(--fs28);}
  .upperBlock ._career ._voice ._pic {grid-column:2/3; grid-row:2/3;}
  .upperBlock ._career ._voice ._pic img {translate:0 -10%;}
  .upperBlock ._career ._voice ._body {grid-column:1/2; grid-row:2/3;}
  
  .upperBlock ._scrollImg ._slide img {width:calc(25vw - 1.6rem);}
  .upperBlock ._scrollImg ._slide {width:200vw;}
  
  .upperBlock ._specialist ._inner {display:grid; grid-template-columns:1fr 1fr; gap:4%; align-items:center;}
  .upperBlock ._specialist ._txt {font-size:2.5cqw;}

}
@media (max-width:768px){
  .upperBlock ._opener ._pic {width:67%;}
  .upperBlock ._opener h1 {font-size:10cqw;}
  .upperBlock ._opener h1 i {font-size:6cqw;}
  .upperBlock ._opener ._location {font-size:max(3.5cqw,1rem);}
  .upperBlock ._opener ul {font-size:min(1rem,4.5vw);}
  .upperBlock ._opener ._leaf {left:calc(100% - 3rem); top:15vw; font-size:var(--fs14);}
  .upperBlock ._msg p {font-size:7cqw;}
  
  .upperBlock ._feature ~ * {margin-top:30vw;}
  .upperBlock ._feature ._inner {gap:.4rem;}
  .upperBlock ._feature ._catch {font-size:5vw; translate:0 -2rem;}
  .upperBlock ._feature ._txt {padding:1rem 3.33vw 0;}
  .upperBlock ._feature ._txt ._ttl ._sub {font-size:min(4vw,1.22rem);}
  .upperBlock ._feature ._txt ._ttl h3 {font-size:min(6vw,1.7rem);}
  .upperBlock ._feature ._txt ._pic {margin-top:14vw;}
  .upperBlock ._feature ._txt ._pic img {scale:1.2; transform-origin:50% 100%;}
  .upperBlock ._feature ._pics {aspect-ratio:5/7; margin-top:15vw;}
  .upperBlock ._feature ._pics:after,
  .upperBlock ._feature ._pics ._frame:before {border-width:.6rem;}
  .upperBlock ._feature:nth-child(2n+1 of ._feature) ._inner {grid-template-columns:auto 1fr;}
  .upperBlock ._feature:nth-child(2n+1 of ._feature) ._catch {grid-column:1/2;}
  .upperBlock ._feature:nth-child(2n+1 of ._feature) ._txt {grid-column:2/3; translate:3.33vw 0; border-radius:.5rem 0 0 .5rem;}
  .upperBlock ._feature:nth-child(2n+1 of ._feature) ._pics {grid-column:1/3; grid-row:2/3; translate:-4vw 0; margin-right:15vw;}  
  .upperBlock ._feature:nth-child(2n of ._feature) ._inner {grid-template-columns:1fr auto;}
  .upperBlock ._feature:nth-child(2n of ._feature) ._catch {grid-column:2/3;}
  .upperBlock ._feature:nth-child(2n of ._feature) ._txt {grid-column:1/2; grid-row:1/2; translate:-3.33vw 0; border-radius:0 .5rem .5rem 0;}
  .upperBlock ._feature:nth-child(2n of ._feature) ._pics {grid-column:1/3; grid-row:2/3; translate:4vw 0; margin-left:15vw;}  
  .ei .upperBlock ._feature:has(a.modal) ._txt {margin-bottom:14vw;}
  .ei .upperBlock ._feature:has(a.modal) ._txt img {scale:1;}
  .ei .upperBlock ._pic:has(a.modal) i {width:2rem;}
    
  .upperBlock ._career :is(._list, ._voice) {margin-inline:5vw; padding-inline:5.5vw;}
  .upperBlock ._career ._list:before {width:min(12vw,45px);}
  .upperBlock ._career ._list h3 {margin-bottom:1em; font-size:1.33em;}
  .upperBlock ._career ._list h3 + div {columns:2; column-gap:1.2rem;}
  .upperBlock ._career ._list ul {display:contents;}
  .upperBlock ._career ._list li {break-inside:avoid;}
  .upperBlock ._career ._voice {grid-template-columns:1fr 90px; gap:1rem;}
  .upperBlock ._career ._voice ._name b {font-size:133%;}
  .upperBlock ._career ._voice ._name i {display:block;}
  .upperBlock ._career ._voice ._body {grid-column:1/3;}

  .upperBlock ._scrollImg {margin-top:25vw; padding-block:6vw;}
  .upperBlock ._scrollImg ._slide {width:calc(100vw / 3 * 8);}
  .upperBlock ._scrollImg ._slide + ._slide {margin-top:4vw;}
  .upperBlock ._scrollImg ._slide img {width:calc(100vw / 3 * 2 - 5vw); margin-inline:2.5vw;}
  
  .upperBlock ._specialist ._inner {padding-inline:3.33vw;}
  .upperBlock ._specialist ._txt {margin-bottom:2rem; font-size:116%;}
}

.lowerBlock {position:relative; background:#fff;}

.lowerBlock ._adm > section:nth-child(2n+1) {--admBg1:#D9EDFA; --admBg2:#489DD4;}
.lowerBlock ._adm > section:nth-child(2n) {--admBg1:#D1F6E7; --admBg2:#60B7A8;}
.lowerBlock ._adm > section ~ section {margin-top:5rem;}
.lowerBlock ._adm > section :is(._outline, ._points) {transition:.3s all;}
.lowerBlock ._adm ._inner {background:var(--admBg1) url(./img/adm_ptn1.svg); border-radius:1.5rem 1.5rem 0 0;}
.lowerBlock ._adm ._ttl {position:relative; cursor:pointer;}
.lowerBlock ._adm ._ttl ._pre {position:relative; width:fit-content; margin-inline:auto; padding:.3em 2.5em; border-radius:0 0 .5rem .5rem; background:var(--admBg2); color:#fff;}
.lowerBlock ._adm ._ttl ._pre:before,
.lowerBlock ._adm ._ttl ._pre:after {content:""; display:block; width:1.2em; border-top:1px #fff solid; position:absolute; top:50%;}
.lowerBlock ._adm ._ttl ._pre:before {left:.6em; rotate:60deg;}
.lowerBlock ._adm ._ttl ._pre:after {right:.6em; rotate:-60deg;}
.lowerBlock ._adm ._ttl h3 {padding-block:.4em; text-align:center; font-weight:600;}
.lowerBlock ._adm ._ttl button {background:none; border:none; color:var(--admBg2);}
.lowerBlock ._adm ._ttl button:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; cursor:pointer;}
.lowerBlock ._adm ._ttl ._start {position:absolute; left:0; top:calc(50% + 1rem); translate:-40% -50%; aspect-ratio:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; background:url(./img/adm_start.svg) no-repeat 50% 50%  / contain; line-height:1.1; color:#444; container-type:inline-size;}
.lowerBlock ._adm ._ttl ._start b {font-size:17.5cqw; font-weight:500;}
.lowerBlock ._adm ._ttl ._start ._date {font-size:11.25cqw;}
.lowerBlock ._adm ._ttl ._start ._date em {display:inline-block; margin-right:.2em; font-size:17.5cqw;}
.lowerBlock ._adm ._ttl ._start:after {content:""; display:block; height:20%;}
.lowerBlock ._adm ._ttl ._status {position:absolute; right:0; top:calc(50% + 1rem); translate:50% -50%; aspect-ratio:1; background:linear-gradient(110deg, #58b843 0%, #f6aa01 40%, #f39ec0 60%, #27adf7 100%); border-radius:50%;}
.lowerBlock ._adm ._ttl ._status:before {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; border-radius:50%; scale:.94;}
.lowerBlock ._adm ._ttl ._status span:before,
.lowerBlock ._adm ._ttl ._status span:after {content:""; display:block; width:40%; border-top:2px #444 solid; position:absolute; top:calc(50% - 1px); left:30%; transition:.2s all;}
.lowerBlock ._adm ._outline {max-height:2000px; display:grid; gap:1.8rem 3rem; color:var(--admBg2); padding-block:1.8rem 2rem; text-align:center; overflow:hidden;}
.lowerBlock ._adm ._outline dl {margin:0;}
.lowerBlock ._adm ._outline :is(._examDate, ._misc) {padding:1rem; border-radius:.5rem; background:#fff;}
.lowerBlock ._adm ._outline ._examDate dt b {padding:.1em .4em; border-radius:.3rem; background:var(--admBg2); font-weight:600; color:#fff;}
.lowerBlock ._adm ._outline ._examDate dt em {display:inline-block; margin-right:.1em; line-height:1; font-size:1.8em;}
.lowerBlock ._adm ._outline :is(._examDate dd, ._misc ._date) em {font-size:1.6em;}
.lowerBlock ._adm ._outline ._misc b {padding:.1em .4em; border:1px currentColor solid; border-radius:.3rem;  font-weight:600;}
.lowerBlock ._adm ._outline ._misc ._venue {font-size:116%;}
.lowerBlock ._adm ._outline ._misc + p {margin-block:-.6em 0;}
.lowerBlock ._adm ._points {max-height:2000px; padding-block:3rem; border-radius:0 0 1.5rem 1.5rem; background:var(--admBg2) url(./img/adm_ptn2.svg); color:#fff;}
.lowerBlock ._adm ._points h4 {width:fit-content; position:relative; margin:0 auto 1em; padding-bottom:.4em; font-weight:600;}
.lowerBlock ._adm ._points h4:before {content:""; display:block; height:2px; width:calc(100% - 10px); position:absolute; bottom:0; left:5px; background:#fff;}
.lowerBlock ._adm ._points h4:after {content:""; display:block; height:2px; width:2px; position:absolute; bottom:0; left:calc(50% - 1px); border-radius:50%; box-shadow:-1.25em 0 0 #fff, 1.25em 0 0 #fff; scale:1.6;}
.lowerBlock ._adm ._points ul {font-weight:500;}
.lowerBlock ._adm ._points li:before {content:""; display:block; aspect-ratio:1; margin:0 auto 1rem; background:url(./img/adm_tu.svg) no-repeat 50% 50% / contain;}
.lowerBlock ._adm ._points strong {font-weight:inherit; color:#FFF500;}
.lowerBlock ._adm ._points ul + .sm2 {margin-top:2rem; text-align:center;}
.lowerBlock ._adm ._points .btn {margin-top:-2rem; text-align:center; translate:0 calc(3rem + 50%);}
.lowerBlock ._adm > .txC[data-timer] {margin-top:6rem;}
.lowerBlock ._adm > .txC[data-timer] .btn {margin-top:2rem;}
.lowerBlock ._adm > section:not(:has(button.-on)) ._inner {padding-bottom:2rem; border-radius:1.5rem;}
.lowerBlock ._adm > section:not(:has(button.-on)) ._ttl ._status span:after {rotate:90deg;}
.lowerBlock ._adm > section:not(:has(button.-on)) ._outline,
.lowerBlock ._adm > section:not(:has(button.-on)) ._points {max-height:0px; padding-block:0; opacity:0; overflow:hidden;}

@media (min-width:769px){
  .lowerBlock {padding-top:12rem;}
  .lowerBlock ._adm > section :is(._outline, ._points) {padding-inline:5%;}
  .lowerBlock ._adm > section button ._pre {font-size:var(--fs20);}
  .lowerBlock ._adm ._ttl h3 {font-size:4.667cqw;}
  .lowerBlock ._adm ._ttl ._start {width:160px;}
  .lowerBlock ._adm ._ttl ._status {width:106px;}
  .lowerBlock ._adm ._outline {grid-template-columns:1fr 1fr;}
  .lowerBlock ._adm :is(
    ._outline:has(._examDate:nth-child(3 of ._examDate) + ._misc) ._examDate:nth-child(1 of ._examDate),
    ._outline:has(._examDate:nth-child(1 of ._examDate) + ._misc) ._examDate,
    ._outline > *:not(._examDate)
  ) {grid-column:1/3;}
  .lowerBlock ._adm ._outline ._examDate dl {display:table; width:min(50cqw,100%); margin-inline:auto;}
  .lowerBlock ._adm ._outline ._examDate dl > * {display:table-cell; vertical-align:middle;}
  .lowerBlock ._adm ._outline ._examDate dt {width:6.5rem; padding-right:1rem; border-right:1px var(--admBg2) solid;}
  .lowerBlock ._adm ._outline ._examDate dt b {display:block; width:fit-content; margin:0 auto .4em;}
  .lowerBlock ._adm ._outline ._examDate dd {padding-inline:1cqw; font-size:2.2cqw;}
  .lowerBlock ._adm ._outline ._misc:has(div + div) {display:flex; justify-content:center; gap:1rem 2rem;}
  .lowerBlock ._adm ._outline ._misc ._date {font-size:2.2cqw;}
  .lowerBlock ._adm ._points h4 {font-size:var(--fs26);}
  .lowerBlock ._adm ._points ul {display:grid; grid-template-columns:1fr 1fr 1fr; gap:0 5%; font-size:var(--fs18);}
  .lowerBlock ._adm ._points li:before {width:54px;}
}
@media (max-width:768px){
  .lowerBlock {padding-top:30vw;}
  .lowerBlock ._adm ._inner {border-radius:1rem 1rem 0 0;}
  .lowerBlock ._adm ._points {border-radius:0 0 1rem 1rem;}
  .lowerBlock ._adm > section:not(:has(button.-on)) ._inner {border-radius:1rem}
  .lowerBlock ._adm ._ttl h3 {max-width:55vw; margin-inline:auto; padding-top:.8em; line-height:1.2; font-size:8vw;}
  .lowerBlock ._adm ._ttl ._start {width:90px; translate:-3.33vw -50%;}
  .lowerBlock ._adm ._ttl ._status {width:60px; translate:3.33vw -50%;}
  .lowerBlock ._adm :is(._outline, ._points) {padding-inline:3.33vw;}
  .lowerBlock ._adm ._outline {gap:3vw;}
  .lowerBlock ._adm ._outline ._examDate dt b {display:inline-block; translate:0 -15%;}
  .lowerBlock ._adm ._outline :is(._examDate dd, ._misc ._date) {font-size:5.5vw;}
  .lowerBlock ._adm ._outline ._misc > div + div {margin-top:1rem;}
  .lowerBlock ._adm ._points h4 {font-size:5.5vw;}
  .lowerBlock ._adm ._points li {font-size:min(4.5vw,1.2rem);}
  .lowerBlock ._adm ._points li + li {margin-top:5vw;}
  .lowerBlock ._adm ._points li:before {width:40px;}
}

.lowerBlock ._faq {margin-top:12rem; padding-block:0 5rem;}
.lowerBlock ._faq:before {content:""; display:block; width:max(60vw, 600px); position:absolute; right:50%; bottom:0; background:#EAFCEB; box-shadow:max(60vw, 600px) 0 0 #EAFCEB;}
.ei .lowerBlock ._faq:before {background:#E2EEFC; box-shadow:max(60vw, 600px) 0 0 #E2EEFC;}
.lowerBlock ._faq > * {position:relative;}
.lowerBlock ._faq h2 {margin-bottom:0;}
.lowerBlock ._faq ._wrap {margin-inline:auto; background:#fff; border-radius:.5rem;}
.lowerBlock ._faq ._wrap ~ ._wrap {margin-top:4rem;}
.lowerBlock ._faq dl {margin:0; container-type:inline-size;}
.lowerBlock ._faq dt {position:relative; display:grid; grid-template-columns:auto 1fr auto; gap:1rem; align-items:start; font-weight:600; color:#169B84;}
.lowerBlock ._faq dt ~ dt {border-top:2px #aaa dotted;}
.lowerBlock ._faq dt:before {content:"Q"; display:block; width:2rem; aspect-ratio:1; background:#60B7A8; border-radius:.3rem; line-height:1.3; text-align:center; font-size:1.4rem; font-family:"Kanit",sans-serif; font-weight:bold; color:#fff;}
.lowerBlock ._faq dt button {text-align:left; padding-top:.2em; border:0; background:none; cursor:pointer;}
.lowerBlock ._faq dt button:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.lowerBlock ._faq dt i {position:relative; display:block; width:1.8em; aspect-ratio:1; border:1px #aaa solid; border-radius:50%; transition:.2s all;}
.lowerBlock ._faq dt i:before,
.lowerBlock ._faq dt i:after {content:""; display:block; width:40%; border-top:1px #444 solid; position:absolute; left:30%; top:50%;}
.lowerBlock ._faq dd {position:relative; max-height:2000px; transition:.2s all;}
.lowerBlock ._faq dd:before {content:"A"; position:absolute; top:0; display:block; width:2rem; aspect-ratio:1; background:#888; border-radius:.3rem; line-height:1.4; text-align:center; font-size:1.4rem; font-family:"Kanit",sans-serif; font-weight:bold; color:#fff;}
.lowerBlock ._faq dt:not(:has(button.-on)) + dd {max-height:0px; padding-block:0; opacity:0; overflow:hidden;}
.lowerBlock ._faq dt:not(:has(button.-on)) i:after {rotate:90deg;}
.lowerBlock ._faq ._secTtl {position:relative;}
.lowerBlock ._faq ._secTtl img {width:100%;}
.lowerBlock ._faq ._secTtl p {position:absolute; left:0; bottom:0; width:100%; margin:0; padding-top:1.5em; background:linear-gradient(180deg, #0000 0%, #0004 2em, #0004 100%); line-height:1.5; color:#fff;}

.lowerBlock ._links h2 {position:relative; z-index:5; margin-bottom:0; line-height:1.2;}
.lowerBlock ._links h2 i {margin-top:0; font-size:1rem;}
.lowerBlock ._links h2 i:before {display:none;}
.lowerBlock ._links ._slide {background:url(./img/links_bg.webp);}
.lowerBlock ._links .slick-track {display:flex;}
.lowerBlock ._links .slick-slide {height:revert;}
.lowerBlock ._links ._column > a:first-of-type {position:relative; display:flex; flex-direction:column; justify-content:space-between; height:100%; padding:1.6rem 1.2rem 1.2rem; background:linear-gradient(110deg, #58b843 0%, #f6aa01 40%, #f39ec0 60%, #27adf7 100%); border-radius:.5rem; text-decoration:none; color:#1a1a1a; container-type:inline-size;}
.lowerBlock ._links ._column > a:first-of-type:before {content:""; display:block; width:calc(100% - 4px); height:calc(100% - 4px); border-radius:calc(.5rem - 2px); position:absolute; left:2px; top:2px; background:#fff;}
.lowerBlock ._links ._column > a > * {position:relative;} 
.lowerBlock ._links ._ttl {margin-bottom:1.5em; font-size:min(var(--fs19),6.33cqw);}
.lowerBlock ._links ._ttl em {display:inline-block; margin-right:.1em; line-height:1.2; font-size:min(var(--fs30),10cqw);}
.lowerBlock ._links ._ttl i {display:block; margin-top:.6em; font-size:min(var(--fs12),4cqw); color:#888;}
.lowerBlock ._links ._column {position:relative;}
.lowerBlock ._links ._column > a > img {border-radius:.3rem; aspect-ratio:1; object-fit:cover;}
.lowerBlock ._links ._column > a + span {display:flex; justify-content:flex-end; gap:.5cqw; position:absolute; bottom:56%; right:calc(2cqw + 4%); height:20%;}
.lowerBlock ._links ._column > a + span a {height:100%; aspect-ratio:1;}
.lowerBlock ._links .slick-arrow {height:auto; aspect-ratio:1; background:#fff; border:1px #aaa solid; border-radius:50%; overflow:hidden; white-space:nowrap; text-indent:200%;}
.lowerBlock ._links .slick-arrow:before {content:""; display:block; width:30%; aspect-ratio:1; position:absolute; left:50%; top:50%; translate:-80% -50%; rotate:-45deg; box-shadow:1px 1px 0 #111;}
.lowerBlock ._links .slick-prev {rotate:180deg;}

@media (min-width:769px){
  .lowerBlock ._faq {margin-top:12rem;}
  .lowerBlock .hidden:first-child + ._faq {margin-top:-8rem;}
  .lowerBlock ._faq:before {height:calc(100% - 7.3cqw);}
  .lowerBlock ._faq > ._pic {width:70%; margin:-6cqw auto -1.5rem;}
  .lowerBlock ._faq ._wrap {max-width:1080px; box-shadow:0 2rem 4rem #0000000a;}
  .lowerBlock ._faq dl {padding:4rem 10%;}
  .lowerBlock ._faq dt {padding:1.6rem 2.5%; font-size:var(--fs18);}
  .lowerBlock ._faq dd {padding:0 2.5% 1.6rem calc(2.5% + 6rem);}
  .lowerBlock ._faq dd:before {left:calc(2.5% + 3rem);}
  .lowerBlock ._faq ._secTtl {padding-top:3cqw; margin-inline:3cqw;}
  .lowerBlock ._faq ._secTtl p {padding:1.5em 5% .8em; font-size:2.5cqw;}

  .lowerBlock ._links {margin-top:8rem; padding-bottom:8rem;}
  .lowerBlock ._links h2 ._label {font-size:var(--fs70);}
  .lowerBlock ._links ._slide {position:relative; margin-top:calc(var(--fs60) * -1); padding:10cqw 3cqw 7cqw; background-size:18.18181818% auto;}
  .lowerBlock ._links ._slide:before {content:""; display:block; height:calc(100% + 2rem); width:73px; position:absolute; left:-1rem; top:-1rem; background:url(./img/links_or.svg) no-repeat 0 0, url(./img/links_pk.svg) no-repeat 0 100%;}
  .lowerBlock ._links ._slide:after {content:""; display:block; height:calc(100% + 2rem); width:73px; position:absolute; right:-1rem; top:-1rem; background:url(./img/links_bl.svg) no-repeat 0 0, url(./img/links_gr.svg) no-repeat 0 100%;}
  .lowerBlock ._links ._column {padding-inline:2cqw;}
  .lowerBlock ._links .slick-arrow {width:70px;}
  .lowerBlock ._links .slick-prev {left:-3cqw; translate:-50% -50%;}
  .lowerBlock ._links .slick-next {right:-3cqw; translate:50% -50%;}
}
@media (max-width:768px){
  .lowerBlock .hidden:first-child + ._faq {margin-top:-22vw;}
  .lowerBlock ._faq:before {height:calc(100% - 15vw);}
  .lowerBlock ._faq > ._pic {margin-top:-4vw;}
  .lowerBlock ._faq > ._pic img {scale:1.2; translate:2% 0; transform-origin:50% 100%;}
  .lowerBlock ._faq ._wrap {box-shadow:0 1rem 2rem #0000000a;}
  .lowerBlock ._faq dl {padding:1rem 3.33vw;}
  .lowerBlock ._faq dt {gap:.2rem; padding:1.6rem 2.5% 1.6rem .5%; font-size:116%;}
  .lowerBlock ._faq dt:before,
  .lowerBlock ._faq dd:before {scale:.8; transform-origin:0 50%;}
  .lowerBlock ._faq dt i {translate:30% 0;}
  .lowerBlock ._faq dd {padding:0 2% 1.6rem calc(5% + 2rem);}
  .lowerBlock ._faq dd:before {left:5%;}
  .lowerBlock ._faq ._secTtl {padding-top:3vw; margin-inline:3vw;}
  .lowerBlock ._faq ._secTtl p {padding:1.5em 5% .8em; font-size:min(5.5cqw,1.3rem);}

  .lowerBlock ._links {margin-top:20vw; padding-bottom:40vw;}
  .lowerBlock ._links h2 {font-size:min(var(--fs55),15vw);}
  .lowerBlock ._links ._slide {width:calc(100% + 6.6667vw); margin:calc(min(var(--fs55),15vw) * -1) 0 0 -3.333vw; padding:22vw 0 30vw; background-size:28.57% auto;}
  .lowerBlock ._links ._column {width:min(300px,70vw); padding-inline:5vw;}
  .lowerBlock ._links ._column > a + span {gap:1.5cqw; right:calc(5cqw + 5%);}
  .lowerBlock ._links .slick-arrow {width:50px;}
  .lowerBlock ._links .slick-prev {left:auto; right:50%; top:100%; translate:-20% 50%;}
  .lowerBlock ._links .slick-next {left:50%; right:auto; top:100%; translate:20% 50%;}
  
}

.footer2023 {margin-top:0;}


/* ----- autoModal */
:root {--mmScrlOffset:0px;}
.mmWrap {--mmPad:3vw; position:fixed; left:0; top:0; z-index:18010; display:flex; align-items:center; justify-content:center; width:100%; height:100vh; opacity:0; transition:.2s opacity; background:#111b; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);}
.mmWrap.-ready {opacity:1;}
.mmInner {position:relative; width:100%; max-height:100vh; padding:var(--mmPad); overflow:auto; overscroll-behavior:contain;}
.mmScreen {position:fixed; left:0; top:0; width:calc(100% - 17px); height:100%;}
.mmCnt {position:relative; width:fit-content; max-width:100%; margin-inline:auto; background:#fff;}
.mmCnt > img:only-child {max-width:100%; max-height:calc(100vh - 8vw);}
.mmWrap[data-mm-type="iframe"] iframe {width:100vw; max-width:100%; height:calc(100vh - var(--mmPad) * 2);}
.mmWrap[data-mm-type="YouTube"] .mmCnt {width:100%; background:unset;}
.mmWrap[data-mm-type="YouTube"] iframe {width:100%; aspect-ratio:16/9;}
.mmCaption {position:relative; color:#fff;}
.mmCaption:not(:empty) {margin-top:1rem; text-align:center;}
.mmClose, .mmPrev, .mmNext {all:unset; position:fixed; overflow:hidden; border-radius:50%; white-space:nowrap; text-indent:100%; cursor:pointer; transition:.15s;}
.mmClose {right:calc(1.5vw + var(--mmScrlOffset)); top:1.5vw; height:36px; width:36px;}
.mmClose:before, .mmClose:after {content:""; display:block; width:70%; height:15%; position:absolute; left:50%; top:50%; background:#fff; translate:-50% -50%;}
.mmClose:before {rotate:45deg;}
.mmClose:after {rotate:-45deg;}
.mmPrev, .mmNext {top:50%; width:30px; height:30px; border-radius:50%; background:#888b;}
.mmPrev:before, .mmNext:before {content:""; display:block; position:absolute; top:50%; left:50%; width:35%; aspect-ratio:1/1; border:#fff solid; border-width:3px 0 0 3px; translate:-50% -50%;}
.mmPrev {left:1.5vw;}
.mmPrev:before {rotate:-45deg; margin-left:2px;}
.mmNext {right:calc(1.5vw + var(--mmScrlOffset));}
.mmNext:before {rotate:135deg; margin-left:-2px;}

@media (min-width:769px){
  .mmWrap.-yt {text-align:center;}
  .mmWrap.-yt iframe {max-width:auto; max-height:calc(100vh - var(--mmPad) * 2); aspect-ratio:16/9;}
}
@media (max-width:768px){
  :root {--headerHeight:0;}
}

/* ----- slick */
/* slider */
.slick-slider {position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; touch-action:pan-y; -webkit-tap-highlight-color:transparent}
.slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0}
/*.slick-list:focus {outline:none}*/
.slick-list.dragging {cursor:pointer}
.slick-slider .slick-track,.slick-slider .slick-list {translate:0 0 0}
.slick-track {position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto}
.slick-track:before,.slick-track:after {display:table; content:''} .slick-track:after {clear:both}
.slick-loading .slick-track {visibility:hidden}
.slick-slide {display:none; float:left; height:100%; min-height:1px} [dir='rtl'] .slick-slide {float:right}
.slick-slide img {display:block}
.slick-slide.slick-loading img {display:none}
.slick-slide.dragging img {pointer-events:none}
.slick-initialized .slick-slide {display:block}
.slick-loading .slick-slide {visibility:hidden}
.slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent}
.slick-arrow.slick-hidden {display:none}
.slick-loading .slick-list {background:#fff url('../../common/js/slick/ajax-loader.gif') center center no-repeat}
/* Icons */
@font-face {font-family:'slick'; font-weight:normal; font-style:normal; src:url('../../common/js/slick/slick.eot'); src:url('../../common/js/slick/slick.eot?#iefix') format('embedded-opentype'),url('../../common/js/slick/slick.woff') format('woff'),url('../../common/js/slick/slick.ttf') format('truetype'),url('../../common/js/slick/slick.svg#slick') format('svg')}
/* Arrows */
.slick-prev,.slick-next {font-size:0; line-height:0; position:absolute; top:50%; z-index:100; display:block; width:20px; height:20px; padding:0; translate:0 -50%; cursor:pointer; color:transparent; border:none; background:transparent}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {color:transparent; /*outline:none;*/ background:transparent}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {opacity:.25}
.slick-prev:before,.slick-next:before {font-family:'slick'; font-size:20px; line-height:1; opacity:.75; color:rgba(100,100,100,.5); /*-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;*/}
.slick-prev {left:10px}            [dir='rtl'] .slick-prev {right:-25px; left:auto}
.slick-prev:before {content:'←'}  [dir='rtl'] .slick-prev:before {content:'→'}
.slick-next {right:10px}           [dir='rtl'] .slick-next {right:auto; left:-25px}
.slick-next:before {content:'→'}  [dir='rtl'] .slick-next:before {content:'←'}
/* Dots */
.slick-dotted.slick-slider {margin-bottom:30px}
.slick-dots {position:absolute; bottom:-25px; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center}
.slick-dots li {position:relative; display:inline-block; width:14px; height:14px; margin:0 5px; padding:0; cursor:pointer}
.slick-dots li button {font-size:0; line-height:0; display:block; width:20px; height:20px; padding:5px; cursor:pointer; color:transparent; border:0; background:transparent}
/*.slick-dots li button:hover,.slick-dots li button:focus {outline:none}*/
.slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity:1}
.slick-dots li button:before {font-family:'slick'; font-size:6px; line-height:20px; position:absolute; top:0; left:0; width:20px; height:20px; content:'•'; text-align:center; opacity:.25; color:black; /*-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;*/}
.slick-dots li.slick-active button:before {opacity:.75; color:black}