/*  newemployee2024 intv
=============================================== */

#con-body { background:url(../img/intv/pc/bg.png) top left repeat; background-size:45px; /* for 2025new */ padding-top:100px; }

.box-2col:after {content:"";clear:both;display:block;}

:root {
  --holewidth-original:1920;
  --holewidth-2x:calc(var(--holewidth-original) * 2);
  --holewidth:calc(var(--holewidth-original) * 0.02);
  --holewidth-smp-original:430;
  --holewidth-smp-2x:calc(var(--holewidth-smp-original) * 2);
  --holewidth-smp:calc(var(--holewidth-smp-original) * 0.02);
}

.wh-full { width:100%; height:100%; }

.img-ratio { width:100%; height:100%; object-fit:cover; }

.border-line p { width:100%; height:calc(294vw / var(--holewidth)); }
.border-line p img { aspect-ratio:var(--holewidth-2x) / 294; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#con-body { /* for 2025new */ padding-top:50px; }

.border-line { padding:calc(30vw / var(--holewidth-smp)); }
.border-line p { height:calc(118vw / var(--holewidth-smp)); }
.border-line p img { aspect-ratio:var(--holewidth-smp-2x) / 118; }

}


/* mainvisual
-------------------------------- */

@keyframes intv-fade {
  0% { opacity:0; transform:scale(0.98); filter:blur(1.5rem); }
  100% { opacity:1;  transform:scale(1.0); filter:blur(0); }
}

.newemployee2024-intv #mainvisual {
  /* for animation */ opacity:0; animation: intv-fade 1s 0s forwards;
}
.newemployee2024-intv #mainvisual h1 { width:100%; height:calc(2106vw / var(--holewidth)); }
.newemployee2024-intv #mainvisual h1 img { aspect-ratio:var(--holewidth-2x) / 2056; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

.newemployee2024-intv #mainvisual { padding:5.0vw 0 0 0; }
.newemployee2024-intv #mainvisual h1 { height:calc(1233vw / var(--holewidth-smp)); }
.newemployee2024-intv #mainvisual h1 img { aspect-ratio:var(--holewidth-smp-2x) / 1233; }

}


/* contents-index
-------------------------------- */

/* subttl */

#contents-index .subttl {
  padding:0 calc(304vw / var(--holewidth)) calc(100vw / var(--holewidth)) calc(374vw / var(--holewidth));
}
#contents-index .subttl h2 { width:calc(3162vw / var(--holewidth)); height:calc(204vw / var(--holewidth));}
#contents-index .subttl h2 img { aspect-ratio:3162 / 204; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#contents-index .subttl { padding:0 calc(16vw / var(--holewidth-smp)) calc(22vw / var(--holewidth-smp)) calc(50vw / var(--holewidth-smp)); }
#contents-index .subttl h2 { width:calc(794vw / var(--holewidth-smp)); height:calc(198vw / var(--holewidth-smp)); }
#contents-index .subttl h2 img { aspect-ratio:794 / 198; }

}


/* ct-ind-list */

#ct-ind-list {
  display:flex;
  padding:0 calc(344vw / var(--holewidth)) 0 calc(374vw / var(--holewidth));
}

.ct-ind-txt { margin-bottom:calc(58vw / var(--holewidth)); }

#ct-ind-list li:nth-child(1) { margin-right:calc(90vw / var(--holewidth));　}
#ct-ind-list li:nth-child(1) .ct-ind-txt { width:calc(985vw / var(--holewidth)); height:calc(936vw / var(--holewidth)); }
#ct-ind-list li:nth-child(2) .ct-ind-txt { width:calc(906vw / var(--holewidth)); height:calc(940vw / var(--holewidth)); }
#ct-ind-list li:nth-child(3) { margin-top:calc(-22vw / var(--holewidth)); }
#ct-ind-list li:nth-child(3) .ct-ind-txt { width:calc(1139vw / var(--holewidth)); height:calc(958vw / var(--holewidth)); }

.ct-ind-btn {
  margin:auto;
  width:calc(418vw / var(--holewidth)); height:calc(152vw / var(--holewidth));
  /* hover */ transition:transform 0.2s, opacity 0.2s ease-out;
}
@media (hover: hover) { .ct-ind-btn:hover { transform:translateX(4px); opacity:0.5;} }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#ct-ind-list {
  flex-flow:column;
  padding:0;
}

#ct-ind-list li:nth-child(1) { margin:0 calc(48vw / var(--holewidth-smp)) calc(48vw / var(--holewidth-smp)) calc(56vw / var(--holewidth-smp)); }
#ct-ind-list li:nth-child(1) .ct-ind-txt { width:calc(747vw / var(--holewidth-smp)); height:calc(254vw / var(--holewidth-smp)); }
#ct-ind-list li:nth-child(2) { margin:0 calc(60vw / var(--holewidth-smp)) calc(32vw / var(--holewidth-smp)) calc(75vw / var(--holewidth-smp)); }
#ct-ind-list li:nth-child(2) .ct-ind-txt { width:calc(727vw / var(--holewidth-smp)); height:calc(327vw / var(--holewidth-smp)); }
#ct-ind-list li:nth-child(3) { margin:0 calc(50vw / var(--holewidth-smp)) 0 calc(36vw / var(--holewidth-smp)); }
#ct-ind-list li:nth-child(3) .ct-ind-txt { width:calc(774vw / var(--holewidth-smp)); height:calc(310vw / var(--holewidth-smp)); }

.ct-ind-btn {
  width:calc(744vw / var(--holewidth)); height:calc(254vw / var(--holewidth));
}
#ct-ind-list li:nth-child(1) .ct-ind-btn { margin:calc(-30vw / var(--holewidth-smp)) 0 0 auto; }
#ct-ind-list li:nth-child(2) .ct-ind-btn { margin:calc(-60vw / var(--holewidth-smp)) auto 0 0; }
#ct-ind-list li:nth-child(3) .ct-ind-btn { margin:calc(-60vw / var(--holewidth-smp)) 0 0 auto; }

}


/* chapter01 kind
-------------------------------- */

/* chapter-ttl */

#kind .chapter-ttl {
  margin-bottom:calc(86vw / var(--holewidth));
}
#kind .chapter-ttl h2 { width:100%; height:calc(972vw / var(--holewidth)); }
#kind .chapter-ttl h2 img { aspect-ratio:var(--holewidth-2x) / 972; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#kind .chapter-ttl {
  margin-bottom:calc(56vw / var(--holewidth-smp));
}
#kind .chapter-ttl h2 { height:calc(384vw / var(--holewidth-smp)); }
#kind .chapter-ttl h2 img { aspect-ratio:var(--holewidth-smp-2x) / 384; }

}


/* data-ne
-------------------------------- */

/* subttl */

#data-ne .subttl { padding:0 0 calc(80vw / var(--holewidth)) 0; }
#data-ne .subttl h3 { width:100%; height:calc(270vw / var(--holewidth)); }
#data-ne .subttl h3 img { aspect-ratio:var(--holewidth-2x) / 270; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#data-ne .subttl { padding:0; }
#data-ne .subttl h3 { height:calc(112vw / var(--holewidth-smp)); }
#data-ne .subttl h3 img { aspect-ratio:var(--holewidth-smp-2x) / 112; }

}

/* data-list */

#data-list { display:flex; flex-wrap:wrap; }

#data-q1 { margin:calc(-192vw / var(--holewidth)) calc(154vw / var(--holewidth)) calc(-10vw / var(--holewidth)) calc(68vw / var(--holewidth)); }
#data-q1 p { width:calc(3620vw / var(--holewidth)); height:calc(1472vw / var(--holewidth)); }
#data-q1 p img { aspect-ratio:3620 / 1472; }
#data-q2 { margin:0 calc(70vw / var(--holewidth)) calc(23vw / var(--holewidth)) calc(455vw / var(--holewidth)); }
#data-q2 p { width:calc(1424vw / var(--holewidth)); height:calc(1064vw / var(--holewidth)); }
#data-q2 p img { aspect-ratio:1424 / 1064; }
#data-q3 { margin:0 0 calc(23vw / var(--holewidth)) 0; }
#data-q3 p { width:calc(1424vw / var(--holewidth)); height:calc(1064vw / var(--holewidth)); }
#data-q3 p img { aspect-ratio:1424 / 1064; }
#data-q4 { margin:0 calc(70vw / var(--holewidth)) 0 calc(30vw / var(--holewidth)); }
#data-q4 p { width:calc(1852vw / var(--holewidth)); height:calc(1064vw / var(--holewidth)); }
#data-q4 p img { aspect-ratio:1852 / 1064; }
#data-q5 { margin:0 0 0 0; }
#data-q5 p { width:calc(1424vw / var(--holewidth)); height:calc(1064vw / var(--holewidth)); }
#data-q5 p img { aspect-ratio:1424 / 1064; }
#data-q6 { margin:calc(-50vw / var(--holewidth)) calc(159vw / var(--holewidth)) 0 calc(645vw / var(--holewidth)); }
#data-q6 p { width:calc(3036vw / var(--holewidth)); height:calc(1290vw / var(--holewidth)); }
#data-q6 p img { aspect-ratio:3036 / 1290; }
#data-q7 { margin:0 calc(61vw / var(--holewidth)) 0 calc(297vw / var(--holewidth)); }
#data-q7 p { width:calc(1591vw / var(--holewidth)); height:calc(1247vw / var(--holewidth)); }
#data-q7 p img { aspect-ratio:1591 / 1247; }
#data-q8 { margin:0 0 0 0; }
#data-q8 p { width:calc(1424vw / var(--holewidth)); height:calc(1152vw / var(--holewidth)); }
#data-q8 p img { aspect-ratio:1424 / 1152; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#data-q1 { margin:0 calc(14vw / var(--holewidth-smp)) calc(50vw / var(--holewidth-smp)) calc(30vw / var(--holewidth-smp)); }
#data-q1 p { width:calc(815vw / var(--holewidth-smp)); height:calc(1140vw / var(--holewidth-smp)); }
#data-q1 p img { aspect-ratio:815 / 1140; }
#data-q2 { margin:0 calc(50vw / var(--holewidth-smp)) calc(50vw / var(--holewidth-smp)) calc(56vw / var(--holewidth-smp)); }
#data-q2 p { width:calc(754vw / var(--holewidth-smp)); height:calc(564vw / var(--holewidth-smp)); }
#data-q2 p img { aspect-ratio:754 / 564; }
#data-q3 { margin:0 calc(50vw / var(--holewidth-smp)) calc(40vw / var(--holewidth-smp)) calc(56vw / var(--holewidth-smp)); }
#data-q3 p { width:calc(754vw / var(--holewidth-smp)); height:calc(563vw / var(--holewidth-smp)); }
#data-q3 p img { aspect-ratio:754 / 563; }
#data-q4 { margin:0 calc(50vw / var(--holewidth-smp)) calc(40vw / var(--holewidth-smp)) calc(56vw / var(--holewidth-smp)); }
#data-q4 p { width:calc(749vw / var(--holewidth-smp)); height:calc(560vw / var(--holewidth-smp)); }
#data-q4 p img { aspect-ratio:749 / 560; }
#data-q5 { margin:0 calc(50vw / var(--holewidth-smp)) calc(10vw / var(--holewidth-smp)) calc(56vw / var(--holewidth-smp)); }
#data-q5 p { width:calc(751vw / var(--holewidth-smp)); height:calc(562vw / var(--holewidth-smp)); }
#data-q5 p img { aspect-ratio:751 / 562; }
#data-q6 { margin:0 calc(40vw / var(--holewidth-smp)) calc(50vw / var(--holewidth-smp)) calc(56vw / var(--holewidth-smp)); }
#data-q6 p { width:calc(762vw / var(--holewidth-smp)); height:calc(1065vw / var(--holewidth-smp)); }
#data-q6 p img { aspect-ratio:762 / 1065; }
#data-q7 { margin:0 calc(48vw / var(--holewidth-smp)) calc(15vw / var(--holewidth-smp)) calc(56vw / var(--holewidth-smp)); }
#data-q7 p { width:calc(761vw / var(--holewidth-smp)); height:calc(659vw / var(--holewidth-smp)); }
#data-q7 p img { aspect-ratio:761 / 659; }
#data-q8 { margin:0 calc(48vw / var(--holewidth-smp)) calc(0vw / var(--holewidth-smp)) calc(56vw / var(--holewidth-smp)); }
#data-q8 p { width:calc(754vw / var(--holewidth-smp)); height:calc(610vw / var(--holewidth-smp)); }
#data-q8 p img { aspect-ratio:754 / 610; }

}


/* gakuchika
-------------------------------- */

/* subttl */

#gakuchika .subttl { position:relative; z-index:10; }
#gakuchika .subttl h3 { width:100%; height:calc(1298vw / var(--holewidth)); }
#gakuchika .subttl h3 img { aspect-ratio:var(--holewidth-2x) / 1298; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#gakuchika .subttl h3 { height:calc(488vw / var(--holewidth-smp)); }
#gakuchika .subttl h3 img { aspect-ratio:var(--holewidth-smp-2x) / 488; }

}

/* gakuchika-box */

.gakuchika-box { margin-bottom:calc(80vw / var(--holewidth)); }
.gakuchika-box p { position:relative; width:100%; height:0; cursor:pointer; }
.gakuchika-box p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-image:url(/um/img/cover.png); background-position:center top; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#gakuchika-q1 p { padding-top:calc(334% / var(--holewidth)); }
#gakuchika-q1 p span.after { background-image:url(../img/intv/pc/gakuchika_q1.png); }
#gakuchika-q1.open p { padding-top:calc(3904% / var(--holewidth)); }
#gakuchika-q1.open p span { background-position:center calc(-334vw / var(--holewidth)); }
#gakuchika-q2 p { padding-top:calc(334% / var(--holewidth)); }
#gakuchika-q2 p span.after { background-image:url(../img/intv/pc/gakuchika_q2.png); }
#gakuchika-q2.open p { padding-top:calc(2460% / var(--holewidth)); }
#gakuchika-q2.open p span { background-position:center calc(-334vw / var(--holewidth)); }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#gakuchika-q1 p { padding-top:calc(325% / var(--holewidth-smp)); }
#gakuchika-q1 p span.after { background-image:url(../img/intv/smp/gakuchika_q1.png); }
#gakuchika-q1.open p { padding-top:calc(5326% / var(--holewidth-smp)); }
#gakuchika-q1.open p span { background-position:center calc(-325vw / var(--holewidth-smp)); }
#gakuchika-q2 p { padding-top:calc(331% / var(--holewidth-smp)); }
#gakuchika-q2 p span.after { background-image:url(../img/intv/smp/gakuchika_q2.png); }
#gakuchika-q2.open p { padding-top:calc(2844% / var(--holewidth-smp)); }
#gakuchika-q2.open p span { background-position:center calc(-331vw / var(--holewidth-smp)); }

}


/* how
-------------------------------- */

/* subttl */

#how .subttl h3 { width:100%; height:calc(624vw / var(--holewidth)); }
#how .subttl h3 img { aspect-ratio:var(--holewidth-2x) / 624; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#how .subttl h3 { height:calc(254vw / var(--holewidth-smp)); }
#how .subttl h3 img { aspect-ratio:var(--holewidth-smp-2x) / 254; }

}

/* how */

.how-box { position:relative; }
.how-txt { position:absolute; z-index:0; top:0; left:0; width:100%; height:100%; }
.how-txt p img { filter:saturate(0%); opacity:0.3; }
.colored .how-txt p img { filter:saturate(100%); opacity:1; }
.how-ttl { position:absolute; z-index:1; }
.how-ttl p { position:relative; width:100%; height:0; }
.how-ttl p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
.how-btn { position:absolute; z-index:2; }
.how-btn p { position:relative; width:100%; height:0; cursor:pointer; /* hover */ transition:opacity 0.2s ease-out; }
@media (hover: hover) { .how-btn p:hover { opacity:0.7; text-decoration:none; } }
.how-btn p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#how-q1 { margin:0 calc(328vw / var(--holewidth)); width:calc(3184vw / var(--holewidth)); height:calc(1838vw / var(--holewidth)); }
#how-q1 .how-txt p img { aspect-ratio:3184 / 1838; }
#how-q1 .how-ttl { width:40%; top:32.6%; left:29.8%; }
#how-q1 .how-ttl p { padding-top:calc(635% / 1180 * 100); }
#how-q1 .how-ttl p span { background-image:url(../img/intv/pc/how_q1_q.png); }
#how-q1 .how-btn { width:15%; top:55%; left:55%; }
#how-q1 .how-btn p { padding-top:calc(128% / 466 * 100); }
#how-q1 .how-btn p span { background-image:url(../img/intv/pc/how_q1_btn.png); }
#how-q1.colored .how-btn p span { background-image:url(../img/intv/pc/how_q1_btn2.png); }

#how-q2 { margin:0 calc(320vw / var(--holewidth)); width:calc(3200vw / var(--holewidth)); height:calc(1588vw / var(--holewidth)); }
#how-q2 .how-txt p img { aspect-ratio:3200 / 1588; }
#how-q2 .how-ttl { width:40%; top:37.6%; left:26.8%; }
#how-q2 .how-ttl p { padding-top:calc(635% / 1180 * 100); }
#how-q2 .how-ttl p span { background-image:url(../img/intv/pc/how_q2_q.png); }
#how-q2 .how-btn { width:15%; top:65%; left:52%; }
#how-q2 .how-btn p { padding-top:calc(128% / 466 * 100); }
#how-q2 .how-btn p span { background-image:url(../img/intv/pc/how_q2_btn.png); }
#how-q2.colored .how-btn p span { background-image:url(../img/intv/pc/how_q2_btn2.png); }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

.how-ttl, .how-btn { display:none; }

#how-q1 { margin:0; width:100%; height:calc(3990vw / var(--holewidth-smp)); }
#how-q1 .how-txt p { width:100%; height:100%; }
#how-q1 .how-txt p img { aspect-ratio:var(--holewidth-smp-2x) / 3990; filter:saturate(100%); opacity:1; }
#how-q2 { margin:0; width:100%; height:calc(2943vw / var(--holewidth-smp)); }
#how-q2 .how-txt p { width:100%; height:100%; }
#how-q2 .how-txt p img { aspect-ratio:var(--holewidth-smp-2x) / 2943; filter:saturate(100%); opacity:1; }

}


/* chapter2 jobhunting
-------------------------------- */

/* chapter-ttl */

#jobhunting .chapter-ttl { position:relative; z-index:10; }
#jobhunting .chapter-ttl h2 { height:calc(1258vw / var(--holewidth)); }
#jobhunting .chapter-ttl h2 img { aspect-ratio:var(--holewidth-2x) / 1258; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#jobhunting .chapter-ttl { margin-bottom:calc(40vw / var(--holewidth-smp)); }
#jobhunting .chapter-ttl h2 { height:calc(572vw / var(--holewidth-smp)); }
#jobhunting .chapter-ttl h2 img { aspect-ratio:var(--holewidth-smp-2x) / 572; }

}

/* jh-dgm-list */

#jh-dgm-list { display:flex; flex-wrap:wrap; }

#jh-dgm1 { margin:calc(-335vw / var(--holewidth)) calc(446vw / var(--holewidth)) calc(-10vw / var(--holewidth)) calc(471vw / var(--holewidth)); }
#jh-dgm1 p { width:calc(2917vw / var(--holewidth)); height:calc(1469vw / var(--holewidth)); }
#jh-dgm1 p img { aspect-ratio:2917 / 1469; }
#jh-dgm2 { margin:calc(-70vw / var(--holewidth)) calc(70vw / var(--holewidth)) calc(120vw / var(--holewidth)) calc(178vw / var(--holewidth)); }
#jh-dgm2 p { width:calc(3329vw / var(--holewidth)); height:calc(1697vw / var(--holewidth)); }
#jh-dgm2 p img { aspect-ratio:3329 / 1697; }
#jh-dgm3 { margin:0 calc(71vw / var(--holewidth)) calc(120vw / var(--holewidth)) calc(151vw / var(--holewidth)); }
#jh-dgm3 p { width:calc(1748vw / var(--holewidth)); height:calc(925vw / var(--holewidth)); }
#jh-dgm3 p img { aspect-ratio:1748 / 925; }
#jh-dgm4 { margin:0 0 calc(120vw / var(--holewidth)) 0 }
#jh-dgm4 p { width:calc(1424vw / var(--holewidth)); height:calc(925vw / var(--holewidth)); }
#jh-dgm4 p img { aspect-ratio:1424 / 925; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#jh-dgm1 { margin:0 0 calc(30vw / var(--holewidth-smp)) 0; }
#jh-dgm1 p { width:100%; height:calc(965vw / var(--holewidth-smp)); }
#jh-dgm1 p img { aspect-ratio:var(--holewidth-smp-2x) / 965; }
#jh-dgm2 { margin:0 0 calc(30vw / var(--holewidth-smp)) 0; }
#jh-dgm2 p { width:100%; height:calc(966vw / var(--holewidth-smp)); }
#jh-dgm2 p img { aspect-ratio:var(--holewidth-smp-2x) / 966; }
#jh-dgm3 { margin:0 0 calc(30vw / var(--holewidth-smp)) 0; }
#jh-dgm3 p { width:100%; height:calc(378vw / var(--holewidth-smp)); }
#jh-dgm3 p img { aspect-ratio:var(--holewidth-smp-2x) / 378; }
#jh-dgm4 { margin:0 0 calc(30vw / var(--holewidth-smp)) 0; }
#jh-dgm4 p { width:100%; height:calc(378vw / var(--holewidth-smp)); }
#jh-dgm4 p img { aspect-ratio:var(--holewidth-smp-2x) / 378; }

}


/* jh-q-box */

.jh-q-box { margin-bottom:calc(80vw / var(--holewidth)); }
.jh-q-box p { position:relative; width:100%; height:0; cursor:pointer; }
.jh-q-box p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-image:url(/um/img/cover.png); background-position:center top; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#jh-q-q1 p { padding-top:calc(364% / var(--holewidth)); }
#jh-q-q1 p span.after { background-image:url(../img/intv/pc/jh_q1.png); }
#jh-q-q1.open p { padding-top:calc(2507% / var(--holewidth)); }
#jh-q-q1.open p span { background-position:center calc(-364vw / var(--holewidth)); }
#jh-q-q2 p { padding-top:calc(364% / var(--holewidth)); }
#jh-q-q2 p span.after { background-image:url(../img/intv/pc/jh_q2.png); }
#jh-q-q2.open p { padding-top:calc(2460% / var(--holewidth)); }
#jh-q-q2.open p span { background-position:center calc(-364vw / var(--holewidth)); }
#jh-q-q3 p { padding-top:calc(364% / var(--holewidth)); }
#jh-q-q3 p span.after { background-image:url(../img/intv/pc/jh_q3.png); }
#jh-q-q3.open p { padding-top:calc(2460% / var(--holewidth)); }
#jh-q-q3.open p span { background-position:center calc(-364vw / var(--holewidth)); }
#jh-q-q4 p { padding-top:calc(364% / var(--holewidth)); }
#jh-q-q4 p span.after { background-image:url(../img/intv/pc/jh_q4.png); }
#jh-q-q4.open p { padding-top:calc(2460% / var(--holewidth)); }
#jh-q-q4.open p span { background-position:center calc(-364vw / var(--holewidth)); }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#jh-q-q1 p { padding-top:calc(365% / var(--holewidth-smp)); }
#jh-q-q1 p span.after { background-image:url(../img/intv/smp/jh_q1.png); }
#jh-q-q1.open p { padding-top:calc(1910% / var(--holewidth-smp)); }
#jh-q-q1.open p span { background-position:center calc(-365vw / var(--holewidth-smp)); }
#jh-q-q2 p { padding-top:calc(365% / var(--holewidth-smp)); }
#jh-q-q2 p span.after { background-image:url(../img/intv/smp/jh_q2.png); }
#jh-q-q2.open p { padding-top:calc(2558% / var(--holewidth-smp)); }
#jh-q-q2.open p span { background-position:center calc(-365vw / var(--holewidth-smp)); }
#jh-q-q3 p { padding-top:calc(365% / var(--holewidth-smp)); }
#jh-q-q3 p span.after { background-image:url(../img/intv/smp/jh_q3.png); }
#jh-q-q3.open p { padding-top:calc(1825% / var(--holewidth-smp)); }
#jh-q-q3.open p span { background-position:center calc(-365vw / var(--holewidth-smp)); }
#jh-q-q4 p { padding-top:calc(365% / var(--holewidth-smp)); }
#jh-q-q4 p span.after { background-image:url(../img/intv/smp/jh_q4.png); }
#jh-q-q4.open p { padding-top:calc(2436% / var(--holewidth-smp)); }
#jh-q-q4.open p span { background-position:center calc(-365vw / var(--holewidth-smp)); }

}


/* jh_fight */

#jh_fight p { width:100%; height:calc(22374vw / var(--holewidth)); }
#jh_fight p img { aspect-ratio:var(--holewidth-2x) / 2237; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#jh_fight p { height:calc(2404vw / var(--holewidth-smp)); }
#jh_fight p img { aspect-ratio:var(--holewidth-smp-2x) / 2404; }

}


/* chapter3 actually
-------------------------------- */

/* chapter-ttl */

#actually .chapter-ttl h2 { height:calc(1148vw / var(--holewidth)); }
#actually .chapter-ttl h2 img { aspect-ratio:var(--holewidth-2x) / 1148; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#actually .chapter-ttl h2 { height:calc(480vw / var(--holewidth-smp)); }
#actually .chapter-ttl h2 img { aspect-ratio:var(--holewidth-smp-2x) /  480; }

}


/* member */

#actually_memder { margin-bottom:calc(80vw / var(--holewidth)); }
#actually_memder p { height:calc(1852vw / var(--holewidth)); }
#actually_memder p img { aspect-ratio:var(--holewidth-2x) / 1852; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#actually_memder { margin-bottom:calc(40vw / var(--holewidth-smp)); }
#actually_memder p { height:calc(547vw / var(--holewidth-smp)); }
#actually_memder p img { aspect-ratio:var(--holewidth-smp-2x) /  547; }

}


/* actually-box */

.actually-box { margin-bottom:calc(80vw / var(--holewidth)); }
.actually-box p { position:relative; width:100%; height:0; cursor:pointer; }
.actually-box p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-image:url(/um/img/cover.png); background-position:center top; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#actually-q-q1 p { padding-top:calc(561% / var(--holewidth)); }
#actually-q-q1 p span.after { background-image:url(../img/intv/pc/actually_q1.png); }
#actually-q-q1.open p { padding-top:calc(3302% / var(--holewidth)); }
#actually-q-q1.open p span { background-position:center calc(-561vw / var(--holewidth)); }
#actually-q-q2 p { padding-top:calc(334% / var(--holewidth)); }
#actually-q-q2 p span.after { background-image:url(../img/intv/pc/actually_q2.png); }
#actually-q-q2.open p { padding-top:calc(2252% / var(--holewidth)); }
#actually-q-q2.open p span { background-position:center calc(-334vw / var(--holewidth)); }
#actually-q-q3 p { padding-top:calc(334% / var(--holewidth)); }
#actually-q-q3 p span.after { background-image:url(../img/intv/pc/actually_q3.png); }
#actually-q-q3.open p { padding-top:calc(2570% / var(--holewidth)); }
#actually-q-q3.open p span { background-position:center calc(-334vw / var(--holewidth)); }
#actually-q-q4 p { padding-top:calc(334% / var(--holewidth)); }
#actually-q-q4 p span.after { background-image:url(../img/intv/pc/actually_q4.png); }
#actually-q-q4.open p { padding-top:calc(1810% / var(--holewidth)); }
#actually-q-q4.open p span { background-position:center calc(-334vw / var(--holewidth)); }
#actually-q-q5 p { padding-top:calc(334% / var(--holewidth)); }
#actually-q-q5 p span.after { background-image:url(../img/intv/pc/actually_q5.png); }
#actually-q-q5.open p { padding-top:calc(2968% / var(--holewidth)); }
#actually-q-q5.open p span { background-position:center calc(-334vw / var(--holewidth)); }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

.actually-box { margin-bottom:calc(40vw / var(--holewidth-smp)); }

#actually-q-q1 p { padding-top:calc(405% / var(--holewidth-smp)); }
#actually-q-q1 p span.after { background-image:url(../img/intv/smp/actually_q1.png); }
#actually-q-q1.open p { padding-top:calc(3137% / var(--holewidth-smp)); }
#actually-q-q1.open p span { background-position:center calc(-405vw / var(--holewidth-smp)); }
#actually-q-q2 p { padding-top:calc(295% / var(--holewidth-smp)); }
#actually-q-q2 p span.after { background-image:url(../img/intv/smp/actually_q2.png); }
#actually-q-q2.open p { padding-top:calc(1928% / var(--holewidth-smp)); }
#actually-q-q2.open p span { background-position:center calc(-295vw / var(--holewidth-smp)); }
#actually-q-q3 p { padding-top:calc(365% / var(--holewidth-smp)); }
#actually-q-q3 p span.after { background-image:url(../img/intv/smp/actually_q3.png); }
#actually-q-q3.open p { padding-top:calc(2037% / var(--holewidth-smp)); }
#actually-q-q3.open p span { background-position:center calc(-365vw / var(--holewidth-smp)); }
#actually-q-q4 p { padding-top:calc(365% / var(--holewidth-smp)); }
#actually-q-q4 p span.after { background-image:url(../img/intv/smp/actually_q4.png); }
#actually-q-q4.open p { padding-top:calc(1426% / var(--holewidth-smp)); }
#actually-q-q4.open p span { background-position:center calc(-365vw / var(--holewidth-smp)); }
#actually-q-q5 p { padding-top:calc(365% / var(--holewidth-smp)); }
#actually-q-q5 p span.after { background-image:url(../img/intv/smp/actually_q5.png); }
#actually-q-q5.open p { padding-top:calc(1859% / var(--holewidth-smp)); }
#actually-q-q5.open p span { background-position:center calc(-365vw / var(--holewidth-smp)); }

}

/* love */

#actually_love p { height:calc(1926vw / var(--holewidth)); }
#actually_love p img { aspect-ratio:var(--holewidth-2x) / 1926; }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#actually_love p { height:calc(2320vw / var(--holewidth-smp)); }
#actually_love p img { aspect-ratio:var(--holewidth-smp-2x) /  2320; }

}


/* btn backtotop */

#btn-backtotop { padding:calc(100vw / var(--holewidth)) 0 calc(150vw / var(--holewidth)) 0; text-align:center; }
#btn-backtotop p { margin:auto; width:calc(1068vw / var(--holewidth)); height:calc(168vw / var(--holewidth)); }
#btn-backtotop p img { aspect-ratio:1068 / 168; }
#btn-backtotop p a { /* hover */ transition:opacity 0.2s ease-out; }
@media (hover: hover) { #btn-backtotop p a:hover { opacity:0.7; text-decoration:none; } }

/* ---- Media Queries ---- */

@media all and (max-width: 979px) {

#btn-backtotop p { width:calc(666vw / var(--holewidth-smp)); height:calc(97vw / var(--holewidth-smp)); }

}


/*

 × 333-48

*/