@charset "UTF-8";
/* ------------------------
  reset
------------------------ */
html,
body {
  height: 100%;
}

*,
*::after,
*::before {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}

pre,
textarea {
  overflow: auto;
}

template {
  display: none;
}

details,
main,
summary {
  display: block;
}

input[type=number] {
  width: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

progress {
  display: inline-block;
}

small {
  font-size: 75%;
}

sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

textarea {
  resize: vertical;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

audio:not([controls]) {
  display: none;
}

img {
  border: 0;
  max-width: 100%;
  height: auto;
}

button,
input,
select,
textarea {
  min-height: 1.5em;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

input {
  line-height: normal;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  border-style: none;
  cursor: pointer;
  background-color: transparent;

  -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace;
}

ol,
ul {
  list-style: none;
}

select {
     -moz-appearance: none;
  -webkit-appearance: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

fieldset {
  border: 0;
}

/* ------------------------
  Base Settings
------------------------ */
:root {
  --liq-scale: 0.2666666667vw;
  --font-smoothing: antialiased;
  --base-background-color: #fff;
  --color-white: #fff;
  --color-black: #000;
  --color-gray: #505050;
  --color-gray02: #888;
  --color-gray03: #e5e5e5;
  --color-gray04: #f7f7f7;
  --color-gray05: #787878;
  --color-gray06: #a0a0a0;
  --color-green: #5bca02;
  --color-green02: #abe11b;
  --drop-shadow: drop-shadow(calc(4.5 * var(--liq-scale)) calc(4.5 * var(--liq-scale)) calc(7 * var(--liq-scale)) rgb(0 0 0 / 85%))
  drop-shadow(calc(3 * var(--liq-scale)) calc(3 * var(--liq-scale)) calc(30 * var(--liq-scale)) rgb(0 0 0 / 27%));
  --drop-shadow02: drop-shadow(
  calc(1.8 * var(--liq-scale)) calc(1.8 * var(--liq-scale)) calc(2.7 * var(--liq-scale)) rgb(0 0 0 / 85%)
  );
}
@media (min-width: 768px) {
  :root {
    --liq-scale: 0.0714285714vw;
  }
}
@media (min-width: 1400px) {
  :root {
    --liq-scale: 0.1rem;
  }
}

html {
  font-size: 62.5%;
}

body {
  visibility: visible;
  overflow-x: clip;
  opacity: 1;
  height: auto;
  background-color: var(--color-gray04);
  letter-spacing: 0;
  word-wrap: break-word;
  color: var(--color-gray);
  font-family: Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-weight: 300;
  line-height: 1.7;

  -webkit-font-smoothing: var(--font-smoothing);
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}
body.is-active {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
body img,
body svg {
  width: 100%;
  height: auto;
}
body a {
  text-decoration: none;
  color: var(--color-black);
}
body a:hover {
  text-decoration: none;
}
body a[href^="tel:"]:hover {
  color: var(--color-black);
}
@media (min-width: 768px) {
  body a[href^="tel:"] {
    cursor: text;
    text-decoration: none;
  }
}
body .heading,
body p {
  margin-bottom: 0;
  letter-spacing: inherit;
  line-height: inherit;
}
body .image {
  display: inherit;
  padding-top: inherit;
}

.main {
  padding-bottom: calc(77 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .main {
    padding-bottom: calc(30 * var(--liq-scale));
  }
}

/* ------------------------
  utilities Classes
------------------------ */
.u-space-lineheight {
  display: block;
  padding-top: 1em;
}
@media (max-width: 767.98px) {
  .u-space-lineheight {
    padding-top: 0.7em;
  }
}
.u-space-lineheight.u-space-lineheight--half {
  padding-top: 1em;
}
@media (max-width: 767.98px) {
  .u-space-lineheight.u-space-lineheight--half {
    padding-top: 0.5em;
  }
}

.u-hidden {
  display: none !important;
  visibility: hidden;
}

@media (max-width: 767.98px) {
  .u-hidden-sm {
    display: none !important;
    visibility: hidden;
  }
}

.u-hidden-up-sm {
  display: none !important;
  visibility: hidden;
}

@media (max-width: 767.98px) {
  .u-hidden-down-sm {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 768px) and (max-width: 1279.98px) {
  .u-hidden-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 768px) {
  .u-hidden-up-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 1279.98px) {
  .u-hidden-down-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1280px) and (max-width: 1399.98px) {
  .u-hidden-lg {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1280px) {
  .u-hidden-up-lg {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 1399.98px) {
  .u-hidden-down-lg {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1400px) {
  .u-hidden-xl {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1400px) {
  .u-hidden-up-xl {
    display: none !important;
    visibility: hidden;
  }
}

.u-hidden-down-xl {
  display: none !important;
  visibility: hidden;
}

.u-visuallyhidden {
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
  margin: -1px;
  padding: 0;
  border: 0;
  width: 1px;
  height: 1px;
}

.u-visuallyhidden.focusable:active,
.u-visuallyhidden.focusable:focus {
  overflow: visible;
  clip: auto;
  position: static;
  margin: 0;
  width: auto;
  height: auto;
}

.u-invisible {
  visibility: hidden;
}

.u-ff-hiragino {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Zen Kaku Gothic New", sans-serif !important;
}

/* ------------------------
  Print Styles
------------------------ */
@media print {
  *,
  *::before,
  *::after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
@-webkit-keyframes scroll {
  0% {
    transform-origin: bottom;

    scale: 1 1;
  }
  20% {
    transform-origin: bottom;

    scale: 1 0;
  }
  21% {
    transform-origin: top;

    scale: 1 0;
  }
  60% {
    transform-origin: top;

    scale: 1 1;
  }
}
@keyframes scroll {
  0% {
    transform-origin: bottom;

    scale: 1 1;
  }
  20% {
    transform-origin: bottom;

    scale: 1 0;
  }
  21% {
    transform-origin: top;

    scale: 1 0;
  }
  60% {
    transform-origin: top;

    scale: 1 1;
  }
}
.jrmedia .jrmedia_inner {
  position: relative;
  max-width: calc(1400 * var(--liq-scale));

  margin-inline: auto;
}
.jrmedia .jrmedia_intro {
  position: relative;
}
.jrmedia .jrmedia_intro_img {
  position: absolute;
  z-index: 1;
  width: calc(91 * var(--liq-scale));

  inset: calc(128 * var(--liq-scale)) 0 auto calc(-1122 * var(--liq-scale));
  margin-inline: auto;
  mix-blend-mode: multiply;
}
@media (max-width: 767.98px) {
  .jrmedia .jrmedia_intro_img {
    width: calc(55 * var(--liq-scale));

    inset: calc(20 * var(--liq-scale)) 0 0 calc(-300 * var(--liq-scale));
  }
}
.jrmedia .jrmedia_title {
  display: grid;
  font-size: calc(48 * var(--liq-scale));
  font-weight: 600;
  line-height: calc(58 * var(--liq-scale));

  gap: calc(15 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .jrmedia .jrmedia_title {
    font-size: calc(25 * var(--liq-scale));
    line-height: calc(34 * var(--liq-scale));

    gap: calc(10 * var(--liq-scale));
  }
}
.jrmedia .jrmedia_title:has(img[src*=data]),
.jrmedia .jrmedia_title:has(img[src*=career]) {
  color: var(--color-white);
}
.jrmedia .jrmedia_title:has(img[src*=voice]) {
  margin-right: calc(-200 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .jrmedia .jrmedia_title:has(img[src*=voice]) {
    margin-right: 0;
  }
}
.jrmedia .jrmedia_title img {
  width: auto;
  height: calc(37 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .jrmedia .jrmedia_title img {
    height: calc(22 * var(--liq-scale));
  }
}
.jrmedia .jrmedia_title img[src*=voice] {
  height: calc(38 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .jrmedia .jrmedia_title img[src*=voice] {
    height: calc(23 * var(--liq-scale));
  }
}

/* --------------------------------
header
-------------------------------- */
.header {
  display: flex;
  overflow-x: clip;
  align-items: center;
  position: sticky;
  z-index: 10;
  top: 0;
  padding-left: calc(51 * var(--liq-scale));
  height: calc(90 * var(--liq-scale));
  background-color: var(--color-white);

  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .header {
    padding-left: calc(12 * var(--liq-scale));
    max-width: none;
    height: calc(43 * var(--liq-scale));
  }
}
.header .header_logo {
  display: inline-block;
  width: calc(310 * var(--liq-scale));

  --duration: 0.1s;
}
@media (max-width: 767.98px) {
  .header .header_logo {
    margin-top: calc(-9 * var(--liq-scale));
    margin-bottom: calc(4 * var(--liq-scale));
    width: calc(130 * var(--liq-scale));
  }
}
@media (hover: hover) and (pointer: fine) {
  .header .header_logo:hover {
    opacity: 0.8;
    transition: opacity var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1);

    --duration: 0.2s;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .header .header_logo:hover {
    opacity: 0.8;
    transition: opacity var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1);

    --duration: 0.2s;
  }
}
.header .header_jr-logo {
  display: block;
  margin-left: auto;
  width: calc(70 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .header .header_jr-logo {
    width: calc(20 * var(--liq-scale));
  }
}
.header .header_links {
  display: grid;
  margin-left: calc(40 * var(--liq-scale));
  height: 100%;

  grid-template-columns: calc(230 * var(--liq-scale)) calc(230 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .header .header_links {
    margin-left: calc(15 * var(--liq-scale));

    grid-template-columns: calc(65 * var(--liq-scale)) calc(65 * var(--liq-scale));
  }
}
.header .header_link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  font-size: calc(18 * var(--liq-scale));
  font-weight: 600;
  line-height: 1.5;
}
@media (max-width: 767.98px) {
  .header .header_link {
    text-align: center;
    font-size: calc(8 * var(--liq-scale));
    line-height: calc(10 * var(--liq-scale));
  }
}
.header .header_link:nth-of-type(1) {
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 0 0 0 calc(10 * var(--liq-scale));
  background-color: var(--color-green);
}
@media (max-width: 767.98px) {
  .header .header_link:nth-of-type(1) {
    border-radius: 0 0 0 calc(5 * var(--liq-scale));
  }
}
.header .header_link:nth-of-type(1)::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scaleX(0);
  transform-origin: right;
  background-color: var(--color-green);

  filter: brightness(90%);
}
@media (hover: hover) and (pointer: fine) {
  .header .header_link:nth-of-type(1):hover::after {
    transition-duration: 0.3s;
    transform: scaleX(1);
    transform-origin: left;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .header .header_link:nth-of-type(1):hover::after {
    transition-duration: 0.3s;
    transform: scaleX(1);
    transform-origin: left;
  }
}
.header .header_link:nth-of-type(2) {
  overflow: hidden;
  position: relative;
  z-index: 1;
  background-color: var(--color-green02);
}
.header .header_link:nth-of-type(2)::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scaleX(0);
  transform-origin: right;
  background-color: var(--color-green02);

  filter: brightness(90%);
}
@media (hover: hover) and (pointer: fine) {
  .header .header_link:nth-of-type(2):hover::after {
    transition-duration: 0.3s;
    transform: scaleX(1);
    transform-origin: left;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .header .header_link:nth-of-type(2):hover::after {
    transition-duration: 0.3s;
    transform: scaleX(1);
    transform-origin: left;
  }
}
.header .header_button {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-top: calc(8 * var(--liq-scale));
  padding-left: calc(9 * var(--liq-scale));
  height: 100%;
  color: var(--color-gray02);
  font-size: calc(15 * var(--liq-scale));
  font-weight: 700;
  line-height: 1.5;

  --duration: 0.1s;
  --line1-transform: translateY(calc(-9 * var(--liq-scale)));
  --line2-transform: translateY(0);
  --line3-transform: translateY(calc(9 * var(--liq-scale)));
  --after-opacity: 0;
  gap: calc(2 * var(--liq-scale));
  aspect-ratio: 1.18/1;
}
@media (max-width: 767.98px) {
  .header .header_button {
    padding-top: calc(5 * var(--liq-scale));
    padding-left: 0;
    font-size: calc(7 * var(--liq-scale));

    --line1-transform: translateY(calc(-4 * var(--liq-scale)));
    --line2-transform: translateY(0);
    --line3-transform: translateY(calc(4 * var(--liq-scale)));
    --after-opacity: 0;
    aspect-ratio: 1.27/1;
  }
}
@media (hover: hover) and (pointer: fine) {
  .header .header_button:hover {
    --duration: 0.2s;
    --line1-transform: translateY(calc(-12 * var(--liq-scale)));
    --line2-transform: translateY(calc(-2 * var(--liq-scale)));
    --line3-transform: translateY(calc(9 * var(--liq-scale)));
    --after-opacity: 1;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .header .header_button:hover {
    --duration: 0.2s;
    --line1-transform: translateY(calc(-12 * var(--liq-scale)));
    --line2-transform: translateY(calc(-2 * var(--liq-scale)));
    --line3-transform: translateY(calc(9 * var(--liq-scale)));
    --after-opacity: 1;
  }
}
.header .header_button[aria-expanded=true] {
  --line1-transform: rotate(25deg);
  --line2-transform: rotate(-25deg);
  --line3-transform: scaleX(0);
}
.header .header_button::after {
  content: "";
  opacity: var(--after-opacity);
  position: absolute;
  z-index: -1;
  transition: opacity var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: #e5e5e5;

  inset: 0;
}
.header .header_lines {
  display: block;
  position: relative;
  width: calc(46 * var(--liq-scale));
  height: calc(21 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .header .header_lines {
    width: calc(23 * var(--liq-scale));
    height: calc(10 * var(--liq-scale));
  }
}
.header .header_line {
  display: block;
  position: absolute;
  height: calc(3 * var(--liq-scale));
  transition: transform var(--duration) cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: var(--color-gray02);

  inset: 0 auto 0 0;
  margin-block: auto;
}
@media (max-width: 767.98px) {
  .header .header_line {
    height: calc(2 * var(--liq-scale));
  }
}
.header .header_line:nth-of-type(1) {
  width: 100%;
  transform: var(--line1-transform);
}
.header .header_line:nth-of-type(2) {
  width: 100%;
  transform: var(--line2-transform);
}
.header .header_line:nth-of-type(3) {
  width: 75%;
  transform: var(--line3-transform);
}

.menu {
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: 0;
  transition: visibility var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1), opacity var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1), transform var(--duration) cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: var(--color-white);
}
.menu[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transform: translate3d(0, 95%, 0);

  --duration: 0.2s;
  --link-opacity: 0;
  --link-transform: translateX(10%);
  --link-delay: 0s;
}
.menu[aria-hidden=false] {
  transform: translate3d(0, 100%, 0);

  --duration: 0.3s;
  --link-opacity: 1;
  --link-transform: translateX(0);
  --link-delay: 0.03s;
}
.menu .menu_arrow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: calc(7 * var(--liq-scale));
  height: calc(37 * var(--liq-scale));

  padding-inline: calc(40 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .menu .menu_arrow {
    height: calc(22 * var(--liq-scale));

    padding-inline: calc(23 * var(--liq-scale));
  }
}
.menu .menu_arrow::after {
  content: "";
  display: block;
  border-right: calc(2 * var(--liq-scale)) solid var(--color-gray05);
  border-bottom: calc(2 * var(--liq-scale)) solid var(--color-gray05);
  width: calc(19 * var(--liq-scale));
  height: calc(18 * var(--liq-scale));
  transform: rotate(45deg) skew(-2deg, -2deg);
}
@media (max-width: 767.98px) {
  .menu .menu_arrow::after {
    width: calc(12 * var(--liq-scale));
    height: calc(12 * var(--liq-scale));
  }
}
.menu .menu_item {
  opacity: var(--link-opacity);
  transition: opacity var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1), transform var(--duration) cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: var(--link-transform);
}
.menu .menu_item:nth-of-type(1) {
  transition-delay: calc(var(--link-delay) * 1);
}
.menu .menu_item:nth-of-type(2) {
  transition-delay: calc(var(--link-delay) * 2);
}
.menu .menu_item:nth-of-type(3) {
  transition-delay: calc(var(--link-delay) * 3);
}
.menu .menu_item:nth-of-type(4) {
  transition-delay: calc(var(--link-delay) * 4);
}
.menu .menu_item:nth-of-type(5) {
  transition-delay: calc(var(--link-delay) * 5);
}
.menu .menu_item:nth-of-type(6) {
  transition-delay: calc(var(--link-delay) * 6);
}
.menu .menu_item:nth-of-type(7) {
  transition-delay: calc(var(--link-delay) * 7);
}
.menu .menu_item:nth-of-type(8) {
  transition-delay: calc(var(--link-delay) * 8);
}
.menu .menu_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  padding: calc(12 * var(--liq-scale)) calc(27 * var(--liq-scale)) calc(12 * var(--liq-scale)) calc(16 * var(--liq-scale));
  width: calc(235 * var(--liq-scale));
  text-align: right;
  color: var(--color-gray05);
  font-size: calc(18 * var(--liq-scale));
  font-weight: 600;
  line-height: 1;

  --duration: 0.2s;
  --scale: 0 1;
}
@media (max-width: 767.98px) {
  .menu .menu_link {
    padding: calc(7 * var(--liq-scale)) calc(16 * var(--liq-scale)) calc(4 * var(--liq-scale)) calc(6 * var(--liq-scale));
    width: calc(140 * var(--liq-scale));
    font-size: calc(11 * var(--liq-scale));
  }
}
@media (hover: hover) and (pointer: fine) {
  .menu .menu_link:hover {
    --duration: 0.3s;
    --scale: 1;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .menu .menu_link:hover {
    --duration: 0.3s;
    --scale: 1;
  }
}
.menu .menu_link::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: calc(16 * var(--liq-scale));
  height: calc(15 * var(--liq-scale));
  transform: rotate(-90deg);
  background-image: url(/career-site/img/header_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width: 767.98px) {
  .menu .menu_link::before {
    width: calc(14 * var(--liq-scale));
    height: calc(14 * var(--liq-scale));
  }
}
.menu .menu_link::after {
  content: "";
  position: absolute;
  z-index: -1;
  transition: scale var(--duration) cubic-bezier(0.165, 0.84, 0.44, 1);
  transform-origin: right;
  background-color: #d1ffe4;

  inset: 0;
  scale: var(--scale);
}

/* --------------------------------
mv
-------------------------------- */
.mv {
  position: relative;
}
.mv .mv_textbox {
  display: grid;
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;

  inset: auto 0 calc(11 * var(--liq-scale)) calc(-87 * var(--liq-scale));
  gap: calc(20 * var(--liq-scale));
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .mv .mv_textbox {
    overflow-x: clip;
    right: auto;
    bottom: calc(12 * var(--liq-scale));
    left: calc(29 * var(--liq-scale));

    gap: calc(8 * var(--liq-scale));
  }
}
.mv .mv_title {
  color: var(--color-white);
  font-size: calc(140 * var(--liq-scale));
  font-weight: 600;
  line-height: 1;

  filter: var(--drop-shadow);
}
@media (max-width: 767.98px) {
  .mv .mv_title {
    white-space: nowrap;
    letter-spacing: calc(-3.2 * var(--liq-scale));
    font-size: calc(42 * var(--liq-scale));
  }
}
.mv .mv_lead {
  color: var(--color-white);
  font-size: calc(36 * var(--liq-scale));
  font-weight: 600;

  filter: var(--drop-shadow02);
}
@media (max-width: 767.98px) {
  .mv .mv_lead {
    font-size: calc(14 * var(--liq-scale));
  }
}
.mv .mv_scroll {
  position: absolute;
  z-index: 1;
  right: calc(93 * var(--liq-scale));
  bottom: calc(200 * var(--liq-scale));
  width: calc(13 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .mv .mv_scroll {
    right: calc(16 * var(--liq-scale));
    bottom: calc(73 * var(--liq-scale));
    width: calc(8 * var(--liq-scale));
  }
}
.mv .mv_line {
  display: block;
  position: absolute;
  width: calc(4 * var(--liq-scale));
  height: calc(334 * var(--liq-scale));
  transform: translateY(100%);

  inset: auto 0 calc(-18 * var(--liq-scale)) 0;
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .mv .mv_line {
    bottom: calc(-15 * var(--liq-scale));
    width: calc(2 * var(--liq-scale));
    height: calc(97 * var(--liq-scale));
  }
}
.mv .mv_line span {
  position: absolute;
  -webkit-animation: scroll 4s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
          animation: scroll 4s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  background-color: var(--color-green02);

  inset: 0;
}
.mv .mv_slider .swiper-wrapper {
  overflow: hidden;
}
.mv .mv_slider .swiper-slide {
  height: calc(750 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .mv .mv_slider .swiper-slide {
    height: calc(333 * var(--liq-scale));
  }
}
.mv .mv_slider .swiper-slide:not(:first-child) {
  opacity: 0;
}
.mv .mv_slider .swiper-slide img {
  width: 100%;
  height: 100%;

  scale: 1.1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.mv .mv_slider .swiper-slide-next img {
  scale: 1.1;
}
.mv .mv_slider .swiper-slide-prev img,
.mv .mv_slider .swiper-slide-active img {
  transition: scale 7s cubic-bezier(0.39, 0.575, 0.565, 1);

  scale: 1;
}

/* --------------------------------
intro
-------------------------------- */
.intro {
  background-color: var(--color-gray03);

  padding-block: calc(50 * var(--liq-scale)) calc(60 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .intro {
    padding-block: calc(17 * var(--liq-scale)) calc(20 * var(--liq-scale));
  }
}
.intro .intro_inner {
  padding-inline: calc(365 * var(--liq-scale)) calc(10 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .intro .intro_inner {
    padding-inline: calc(23 * var(--liq-scale)) calc(20 * var(--liq-scale));
  }
}
.intro .intro_text {
  color: var(--color-black);
  font-size: calc(24 * var(--liq-scale));
  line-height: 2;
}
@media (max-width: 767.98px) {
  .intro .intro_text {
    white-space: nowrap;
    font-size: calc(15 * var(--liq-scale));
    line-height: 1.75;
  }
}
@media (max-width: 767.98px) {
  .intro .intro_text span {
    letter-spacing: calc(-7 * var(--liq-scale));
  }
}

/* --------------------------------
news
-------------------------------- */
.news {
  padding-block: calc(45 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .news {
    padding-block: calc(15 * var(--liq-scale)) calc(8 * var(--liq-scale));
  }
}
.news .news_inner {
  padding-inline: calc(364 * var(--liq-scale)) calc(40 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .news .news_inner {
    padding-inline: calc(31 * var(--liq-scale)) calc(9 * var(--liq-scale));
  }
}
.news .news_title {
  display: grid;
  position: relative;
  padding-left: calc(12 * var(--liq-scale));

  gap: calc(3 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .news .news_title {
    padding-left: calc(9 * var(--liq-scale));
  }
}
.news .news_title::before {
  content: "";
  position: absolute;
  width: calc(3 * var(--liq-scale));
  background-color: var(--color-gray06);

  inset: 0 auto 0 0;
}
.news .news_title_main {
  color: var(--color-gray05);
  font-size: calc(25 * var(--liq-scale));
  line-height: 1.2;
}
@media (max-width: 767.98px) {
  .news .news_title_main {
    font-size: calc(18 * var(--liq-scale));
  }
}
.news .news_title_sub {
  color: var(--color-green02);
  font-size: calc(14 * var(--liq-scale));
  line-height: 1;
}
@media (max-width: 767.98px) {
  .news .news_title_sub {
    font-size: calc(10 * var(--liq-scale));
  }
}
.news .news_wrap {
  position: relative;
}
.news .news_wrap::before {
  content: "";
  position: absolute;
  width: calc(1 * var(--liq-scale));
  background-color: var(--color-gray06);

  inset: 0 auto 0 calc(1 * var(--liq-scale));
}
.news .news_ctn {
  margin-top: calc(31 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .news .news_ctn {
    margin-top: calc(21 * var(--liq-scale));
  }
}
.news .news_list {
  display: grid;

  grid-template-columns: auto 1fr;
  gap: calc(37 * var(--liq-scale)) calc(23 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .news .news_list {
    gap: calc(28 * var(--liq-scale)) calc(16 * var(--liq-scale));
  }
}
.news .news_list + .news_list {
  margin-top: calc(37 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .news .news_list + .news_list {
    margin-top: calc(28 * var(--liq-scale));
  }
}
.news .news_item {
  display: grid;
  position: relative;

  grid-template-columns: subgrid;
  grid-column: 1/-1;
}
.news .news_item::before {
  content: "";
  position: absolute;
  z-index: 2;
  width: calc(3 * var(--liq-scale));
  background-color: var(--color-gray06);

  inset: 0 auto 0 0;
}
.news .news_text {
  display: grid;
  align-items: center;
  padding-right: calc(10 * var(--liq-scale));
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: calc(20 * var(--liq-scale));
  line-height: calc(28 * var(--liq-scale));

  grid-template-columns: auto auto;
  gap: calc(37 * var(--liq-scale)) calc(23 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .news .news_text {
    padding-right: 0;
    font-size: calc(14 * var(--liq-scale));
    line-height: 1.4;

    gap: calc(28 * var(--liq-scale)) calc(16 * var(--liq-scale));
  }
}
.news .news_time {
  padding-right: calc(28 * var(--liq-scale));
  padding-left: calc(13 * var(--liq-scale));
  border-right: calc(1 * var(--liq-scale)) solid var(--color-gray06);
  min-width: calc(97 * var(--liq-scale));
  color: var(--color-gray06);
  font-size: calc(14 * var(--liq-scale));
  line-height: 1;
}
@media (max-width: 767.98px) {
  .news .news_time {
    padding-right: calc(6 * var(--liq-scale));
    padding-left: calc(9 * var(--liq-scale));
    min-width: calc(51 * var(--liq-scale));
    font-size: calc(10 * var(--liq-scale));
  }
}
.news .news_time .new {
  color: var(--color-green02);
}
.news .news_time > time span {
  display: block;
  font-size: calc(25 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .news .news_time > time span {
    font-size: calc(18 * var(--liq-scale));
  }
}
.news .news_more {
  display: block;
  position: relative;
  margin-top: calc(35 * var(--liq-scale));
  margin-left: calc(294 * var(--liq-scale));
  transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);

  padding-inline: calc(32 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .news .news_more {
    margin-top: calc(5 * var(--liq-scale));

    margin-inline: auto;
  }
}
.news .news_more[aria-expanded=true] {
  transform: rotate(180deg);
}
.news .news_more::after {
  content: "";
  display: block;
  position: relative;
  z-index: 1;
  border-right: calc(2 * var(--liq-scale)) solid var(--color-gray05);
  border-bottom: calc(2 * var(--liq-scale)) solid var(--color-gray05);
  width: calc(19 * var(--liq-scale));
  height: calc(18 * var(--liq-scale));
  transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
  transform: rotate(45deg) skew(-2deg, -2deg);
}
@media (max-width: 767.98px) {
  .news .news_more::after {
    width: calc(13 * var(--liq-scale));
    height: calc(13 * var(--liq-scale));
  }
}
.news .news_more::before {
  content: "";
  opacity: 0;
  position: absolute;
  z-index: 0;
  margin: auto;
  border-radius: 50%;
  width: calc(50 * var(--liq-scale));
  transition: opacity 0.25s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
  transform: scale(0.9) translateY(calc(10 * var(--liq-scale)));
  background-color: rgba(207, 207, 207, 0.2);

  inset: 0;
  aspect-ratio: 1/1;
  filter: blur(1px);
}
@media (hover: hover) and (pointer: fine) {
  .news .news_more:hover::after {
    transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform: translateY(calc(5 * var(--liq-scale))) rotate(45deg) skew(-2deg, -2deg);
  }
  .news .news_more:hover::before {
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform: scale(1) translateY(10);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .news .news_more:hover::after {
    transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform: translateY(calc(5 * var(--liq-scale))) rotate(45deg) skew(-2deg, -2deg);
  }
  .news .news_more:hover::before {
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform: scale(1) translateY(10);
  }
}

/* --------------------------------
company
-------------------------------- */
.company {
  overflow-x: clip;
  position: relative;
  background-color: var(--color-gray03);

  padding-block: calc(67 * var(--liq-scale)) calc(50 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .company {
    padding-block: calc(28 * var(--liq-scale)) calc(24 * var(--liq-scale));
  }
}
.company .company_inner {
  max-width: calc(1400 * var(--liq-scale));

  padding-inline: calc(242 * var(--liq-scale)) calc(122 * var(--liq-scale));
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .company .company_inner {
    padding-inline: calc(24 * var(--liq-scale));
  }
}
.company .company_bg {
  opacity: 0.7;
  position: absolute;
  width: calc(673 * var(--liq-scale));
  height: calc(684 * var(--liq-scale));
  pointer-events: none;

  inset: calc(-70 * var(--liq-scale)) calc(-809 * var(--liq-scale)) auto 0;
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .company .company_bg {
    width: calc(405 * var(--liq-scale));
    height: calc(411 * var(--liq-scale));

    inset: calc(186 * var(--liq-scale)) 0 auto calc(30 * var(--liq-scale));
  }
}
.company .company_ctn {
  display: grid;
  position: relative;
  z-index: 1;

  grid-template-rows: auto auto;
  grid-template-columns: 1fr calc(470 * var(--liq-scale));
  row-gap: calc(23 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .company .company_ctn {
    grid-template-rows: auto auto 1fr;
    grid-template-columns: 1fr;
    row-gap: calc(30 * var(--liq-scale));
  }
}
.company .company_textbox {
  grid-row: 1/2;
  grid-column: 1/2;
}
.company .company_lead {
  margin-top: calc(33 * var(--liq-scale));
  font-size: calc(22 * var(--liq-scale));
  font-weight: 600;
  line-height: calc(28 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .company .company_lead {
    margin-top: 0;
    font-size: calc(13 * var(--liq-scale));
  }
}
.company .company_text {
  margin-top: calc(45 * var(--liq-scale));
  padding-left: calc(5 * var(--liq-scale));
  font-size: calc(17 * var(--liq-scale));
  line-height: calc(33 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .company .company_text {
    margin-top: calc(6 * var(--liq-scale));
    padding-left: 0;
    font-size: calc(13 * var(--liq-scale));
    line-height: calc(22 * var(--liq-scale));
  }
}
.company .company_circlebox {
  display: grid;
  margin-top: calc(-30 * var(--liq-scale));
  margin-left: calc(-22 * var(--liq-scale));

  grid-template-columns: 1fr 1fr;
  gap: calc(35 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .company .company_circlebox {
    margin-top: 0;
    margin-left: 0;
    max-width: calc(330 * var(--liq-scale));

    grid-row: 2/3;
    gap: calc(12 * var(--liq-scale));
  }
}
.company .company_circle {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border: calc(1 * var(--liq-scale)) solid var(--color-green);
  border-radius: 50%;
  background-color: var(--color-white);

  grid-column: span 1;
  justify-items: center;
  aspect-ratio: 1/1;
}
@media (max-width: 767.98px) {
  .company .company_circle {
    justify-content: flex-start;
  }
}
.company .company_circle_title {
  display: grid;
  position: relative;
  margin-bottom: calc(21 * var(--liq-scale));
  text-align: center;
  color: var(--color-green);
  font-size: calc(18 * var(--liq-scale));
  line-height: 1;

  gap: calc(15 * var(--liq-scale));
  -webkit-padding-after: calc(15 * var(--liq-scale));
          padding-block-end: calc(15 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .company .company_circle_title {
    font-size: calc(14 * var(--liq-scale));
    line-height: calc(17 * var(--liq-scale));

    gap: calc(6 * var(--liq-scale));
    -webkit-padding-after: calc(8 * var(--liq-scale));
            padding-block-end: calc(8 * var(--liq-scale));
    margin-block: calc(10 * var(--liq-scale)) calc(8 * var(--liq-scale));
  }
}
.company .company_circle_title::after {
  content: "";
  position: absolute;
  width: calc(33 * var(--liq-scale));
  height: calc(1 * var(--liq-scale));
  background-color: var(--color-green);

  inset: auto 0 0;
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .company .company_circle_title::after {
    width: calc(50 * var(--liq-scale));
  }
}
.company .company_circle_title img {
  width: auto;
  height: calc(22 * var(--liq-scale));

  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .company .company_circle_title img {
    height: calc(16 * var(--liq-scale));
  }
}
.company .company_circle_text {
  text-align: center;
  font-size: calc(15 * var(--liq-scale));
  line-height: calc(23 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .company .company_circle_text {
    font-size: calc(14 * var(--liq-scale));
    line-height: calc(19 * var(--liq-scale));
  }
}
.company .company_cards {
  display: grid;
  max-width: calc(1027 * var(--liq-scale));

  grid-template-columns: repeat(3, 1fr);
  grid-row: 2/3;
  grid-column: 1/-1;
  gap: calc(78 * var(--liq-scale));
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .company .company_cards {
    margin-top: calc(5 * var(--liq-scale));

    grid-template-columns: 1fr;
    grid-row: 3/4;
    grid-column: 1/-1;
    gap: calc(16 * var(--liq-scale));
    padding-inline: calc(26 * var(--liq-scale));
  }
}
.company .company_card:nth-child(3n+1) {
  margin-top: calc(-46 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .company .company_card:nth-child(3n+1) {
    margin-top: 0;
  }
}
.company .company_card:nth-child(3n+3) {
  margin-top: calc(45 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .company .company_card:nth-child(3n+3) {
    margin-top: 0;
  }
}
.company .company_card_title {
  position: relative;
  margin-bottom: calc(5 * var(--liq-scale));
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(to bottom, transparent 50%, var(--color-green) 50%, #9ff948 100%);
  font-size: calc(22 * var(--liq-scale));
  line-height: calc(28 * var(--liq-scale));

  padding-inline: calc(7 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .company .company_card_title {
    font-size: calc(21 * var(--liq-scale));
  }
}
.company .company_card_text {
  margin-top: calc(15 * var(--liq-scale));
  font-size: calc(15 * var(--liq-scale));
  line-height: calc(23 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .company .company_card_text {
    margin-top: calc(8 * var(--liq-scale));
    font-size: calc(14 * var(--liq-scale));
    line-height: calc(22 * var(--liq-scale));
  }
}

/* --------------------------------
mv-ctn
-------------------------------- */
.movie {
  position: relative;
}
.movie .movie_textbox {
  position: relative;

  margin-inline: auto;
}
.movie .movie_textbox_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  margin: auto;
  padding-right: calc(81 * var(--liq-scale));
  padding-bottom: calc(28 * var(--liq-scale));
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;

  inset: 0;
  gap: calc(10 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .movie .movie_textbox_wrap {
    padding-right: calc(21 * var(--liq-scale));
    padding-bottom: calc(68 * var(--liq-scale));
    padding-left: calc(24 * var(--liq-scale));

    gap: 0;
  }
}
.movie .movie_title {
  width: calc(589 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .movie .movie_title {
    margin-top: calc(23 * var(--liq-scale));
    width: calc(316 * var(--liq-scale));
  }
}
.movie .movie_lead {
  color: var(--color-white);
  font-size: calc(22 * var(--liq-scale));
  font-weight: 600;
  line-height: calc(28 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .movie .movie_lead {
    margin-left: calc(7 * var(--liq-scale));
    font-size: calc(13 * var(--liq-scale));
    line-height: calc(21 * var(--liq-scale));
  }
}
.movie .movie_item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  height: calc(413 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .movie .movie_item {
    height: calc(278 * var(--liq-scale));
  }
}
@media (hover: hover) and (pointer: fine) {
  .movie .movie_item:hover .movie_item_bg img {
    transition-duration: 1s;
    transform: scale(1.05);
  }
  .movie .movie_item:hover .movie_item_bg::after {
    opacity: 1;
    transition-duration: 0.5s;
  }
  .movie .movie_item:hover .movie_item_link::before {
    -webkit-animation: gradation 0.3s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
            animation: gradation 0.3s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .movie .movie_item:hover .movie_item_link::after {
    transition-duration: 0.5s;
    transform: scale(1.1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .movie .movie_item:hover .movie_item_bg img {
    transition-duration: 1s;
    transform: scale(1.05);
  }
  .movie .movie_item:hover .movie_item_bg::after {
    opacity: 1;
    transition-duration: 0.5s;
  }
  .movie .movie_item:hover .movie_item_link::before {
    -webkit-animation: gradation 0.3s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
            animation: gradation 0.3s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .movie .movie_item:hover .movie_item_link::after {
    transition-duration: 0.5s;
    transform: scale(1.1);
  }
}
.movie .movie_item button {
  display: block;
  padding-top: calc(22 * var(--liq-scale));
  width: 100%;
  height: 100%;

  padding-inline: calc(150 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .movie .movie_item button {
    padding-top: calc(120 * var(--liq-scale));

    padding-inline: calc(20 * var(--liq-scale));
  }
}
.movie .movie_item .movie_item_bg {
  overflow: hidden;
  position: absolute;
  z-index: -1;

  inset: 0;
}
.movie .movie_item .movie_item_bg img {
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease;
  transform: scale(1);

  -o-object-fit: cover;

     object-fit: cover;
}
.movie .movie_item .movie_item_bg::after {
  content: "";
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s ease;
  background-color: color-mix(in srgb, var(--color-black) 30%, transparent);

  inset: 0;
}
.movie .movie_item_textarea {
  display: block;
  max-width: calc(1100 * var(--liq-scale));

  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .movie .movie_item_textarea {
    max-width: calc(335 * var(--liq-scale));
  }
}
.movie .movie_item_lead {
  display: block;
  width: calc(114 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .movie .movie_item_lead {
    width: calc(58 * var(--liq-scale));
  }
}
.movie .movie_item_number {
  display: block;
  margin-top: calc(10 * var(--liq-scale));
  width: calc(215 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .movie .movie_item_number {
    margin-top: calc(2 * var(--liq-scale));
    width: calc(93 * var(--liq-scale));
  }
}
.movie .movie_item_text {
  display: block;
  margin-top: calc(24 * var(--liq-scale));
  padding: calc(4 * var(--liq-scale)) calc(19 * var(--liq-scale));
  border-radius: calc(10 * var(--liq-scale));
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(to right, #5bc902 0%, #9ef848 100%);
  letter-spacing: 0;
  color: var(--color-white);
  font-size: calc(32 * var(--liq-scale));
  font-weight: 600;
  line-height: calc(58 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .movie .movie_item_text {
    margin-top: calc(18 * var(--liq-scale));
    margin-top: calc(17 * var(--liq-scale));
    padding: calc(3 * var(--liq-scale)) calc(7 * var(--liq-scale)) calc(3 * var(--liq-scale)) calc(11 * var(--liq-scale));
    border-radius: calc(5 * var(--liq-scale));
    font-size: calc(15 * var(--liq-scale));
    line-height: calc(26 * var(--liq-scale));
  }
}
.movie .movie_item_link {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  width: calc(288 * var(--liq-scale));
  height: calc(90 * var(--liq-scale));

  inset: calc(244 * var(--liq-scale)) calc(-778 * var(--liq-scale)) auto 0;
  padding-inline: calc(43 * var(--liq-scale)) calc(37 * var(--liq-scale));
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .movie .movie_item_link {
    width: calc(104 * var(--liq-scale));
    height: calc(32 * var(--liq-scale));

    inset: calc(223 * var(--liq-scale)) calc(-209 * var(--liq-scale)) auto 0;
    padding-inline: calc(15 * var(--liq-scale)) calc(14 * var(--liq-scale));
  }
}
.movie .movie_item_link::before {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: calc(9999 * var(--liq-scale));
  -webkit-animation: gradation2 0.3s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
          animation: gradation2 0.3s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
  background: linear-gradient(to right, var(--color1) 0%, var(--color2) 100%);

  inset: 0;
}
.movie .movie_item_link::after {
  content: "";
  position: absolute;
  z-index: -2;
  border: solid calc(2 * var(--liq-scale)) #abe11b;
  border-radius: 50%;
  width: calc(125 * var(--liq-scale));
  height: calc(125 * var(--liq-scale));
  transition: transform 0.3s ease;
  transform: scale(1);

  inset: 0 calc(-17 * var(--liq-scale)) 0 auto;
  margin-block: auto;
}
@media (max-width: 767.98px) {
  .movie .movie_item_link::after {
    right: calc(-8 * var(--liq-scale));
    width: calc(45 * var(--liq-scale));
    height: calc(45 * var(--liq-scale));
  }
}

/* --------------------------------
mv-ctn
-------------------------------- */
.voice {
  overflow-x: clip;
  position: relative;
  background-color: var(--color-gray03);

  padding-block: calc(67 * var(--liq-scale)) calc(253 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .voice {
    padding-block: calc(30 * var(--liq-scale)) calc(142 * var(--liq-scale));
  }
}
.voice .voice_bg img {
  position: absolute;

  inset: 0 0 auto;
  margin-inline: auto;
}
.voice .voice_bg img[src*="voice_bg.svg"] {
  top: calc(-30 * var(--liq-scale));
  left: calc(-718 * var(--liq-scale));
  width: calc(723 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .voice .voice_bg img[src*="voice_bg.svg"] {
    top: calc(45 * var(--liq-scale));
    left: calc(-114 * var(--liq-scale));
    width: calc(350 * var(--liq-scale));
  }
}
.voice .voice_bg img[src*="voice_bg_text.svg"] {
  top: calc(59 * var(--liq-scale));
  right: calc(-851 * var(--liq-scale));
  width: calc(346 * var(--liq-scale));

  mix-blend-mode: multiply;
}
@media (max-width: 767.98px) {
  .voice .voice_bg img[src*="voice_bg_text.svg"] {
    top: calc(160 * var(--liq-scale));
    left: calc(-686 * var(--liq-scale));
    width: calc(155 * var(--liq-scale));
  }
}
.voice .voice_inner {
  max-width: calc(990 * var(--liq-scale));

  padding-inline: calc(40 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .voice .voice_inner {
    padding-inline: calc(24 * var(--liq-scale));
  }
}
.voice .voice_lead {
  margin-top: calc(31 * var(--liq-scale));
  font-size: calc(22 * var(--liq-scale));
  font-weight: 600;
  line-height: calc(28 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .voice .voice_lead {
    margin-top: calc(4 * var(--liq-scale));
    margin-right: calc(50% - 50vw);
    font-size: calc(13 * var(--liq-scale));
  }
}
.voice .voice_slider {
  position: relative;

  padding-block: calc(68 * var(--liq-scale));
  margin-inline: calc(50% - 50vw);
}
@media (max-width: 767.98px) {
  .voice .voice_slider {
    margin-top: calc(-60 * var(--liq-scale));

    padding-block: calc(100 * var(--liq-scale)) calc(60 * var(--liq-scale));
  }
}
.voice .voice_slider::before {
  content: "";
  position: absolute;
  background: linear-gradient(to right, var(--color-green), #9ff948);
  pointer-events: none;

  inset: calc(146 * var(--liq-scale)) 0 calc(53 * var(--liq-scale));
}
.voice .voice_slide {
  position: relative;
  width: calc(300 * var(--liq-scale));

  margin-inline: calc(14 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .voice .voice_slide {
    width: calc(184 * var(--liq-scale));

    margin-inline: calc(8 * var(--liq-scale));
  }
}
@media (hover: hover) and (pointer: fine) {
  .voice .voice_slide:hover .voice_img {
    transition-duration: 0.5s;
    transform: scale(1.05);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .voice .voice_slide:hover .voice_img {
    transition-duration: 0.5s;
    transform: scale(1.05);
  }
}
.voice .voice_img {
  display: block;
  position: relative;
  transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform-origin: bottom center;
}
.voice .voice_name {
  display: block;
  margin-top: calc(8 * var(--liq-scale));
  text-align: center;
  color: var(--color-white);
  font-size: calc(16 * var(--liq-scale));
  font-weight: 700;
  line-height: 1.25;
}
@media (max-width: 767.98px) {
  .voice .voice_name {
    margin-top: calc(3 * var(--liq-scale));
    font-size: calc(9 * var(--liq-scale));
  }
}
.voice .voice_name > span {
  margin-right: calc(8 * var(--liq-scale));
  font-size: calc(18 * var(--liq-scale));
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .voice .voice_name > span {
    font-size: calc(11 * var(--liq-scale));
  }
}
.voice .voice_pagination {
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;

  inset: auto 0 calc(23 * var(--liq-scale)) calc(-520 * var(--liq-scale));
  gap: calc(10 * var(--liq-scale));
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .voice .voice_pagination {
    inset: calc(342 * var(--liq-scale)) 0 0;
    gap: calc(6 * var(--liq-scale));
  }
}
.voice .voice_dot {
  flex-shrink: 0;
  position: relative;
  width: calc(42 * var(--liq-scale));
  height: calc(10 * var(--liq-scale));
  cursor: pointer;
  background-color: #c8c8c8;
}
@media (max-width: 767.98px) {
  .voice .voice_dot {
    width: calc(25 * var(--liq-scale));
    height: calc(5 * var(--liq-scale));
  }
}
.voice .voice_dot::after {
  content: "";
  position: absolute;
  transition: scale 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform-origin: right;
  background-color: var(--color-green);

  inset: 0;
  scale: 0 1;
}
.voice .voice_dot.-active::after {
  transform-origin: left;

  scale: 1 1;
}

/* --------------------------------
data
-------------------------------- */
.data {
  overflow-x: clip;
  position: relative;
  background: linear-gradient(to bottom, var(--color-gray05), #c8c8c8);

  padding-block: calc(318 * var(--liq-scale)) calc(114 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .data {
    padding-block: calc(50 * var(--liq-scale)) calc(30 * var(--liq-scale));
  }
}
.data .data_bg img {
  position: absolute;

  inset: 0 0 auto;
  margin-inline: auto;
}
.data .data_bg img[src*="data_bg.svg"] {
  opacity: 0.3;
  top: auto;
  right: calc(-828 * var(--liq-scale));
  bottom: calc(-3 * var(--liq-scale));
  width: calc(572 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .data .data_bg img[src*="data_bg.svg"] {
    right: calc(7 * var(--liq-scale));
    bottom: 0;
    width: calc(346 * var(--liq-scale));
  }
}
.data .data_bg img[src*=data_img_01_][src$=".jpg"] {
  top: calc(-215 * var(--liq-scale));
  left: calc(-398 * var(--liq-scale));
  width: calc(1009 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .data .data_bg img[src*=data_img_01_][src$=".jpg"] {
    top: calc(-150 * var(--liq-scale));
    left: 0;
    width: calc(375 * var(--liq-scale));
  }
}
.data .data_bg img[src*=data_img_02_][src$=".jpg"] {
  top: calc(238 * var(--liq-scale));
  right: calc(-1050 * var(--liq-scale));
  width: calc(347 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .data .data_bg img[src*=data_img_02_][src$=".jpg"] {
    top: calc(30 * var(--liq-scale));
    right: calc(-270 * var(--liq-scale));
    width: calc(103 * var(--liq-scale));
  }
}
.data .data_inner {
  max-width: calc(990 * var(--liq-scale));

  padding-inline: calc(40 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .data .data_inner {
    padding-inline: calc(24 * var(--liq-scale));
  }
}
.data .data_lead {
  margin-top: calc(33 * var(--liq-scale));
  color: var(--color-white);
  font-size: calc(22 * var(--liq-scale));
  font-weight: 600;
  line-height: calc(28 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .data .data_lead {
    margin-top: calc(6 * var(--liq-scale));
    font-size: calc(13 * var(--liq-scale));
    line-height: calc(17 * var(--liq-scale));
  }
}
.data .data_ctn {
  display: grid;
  margin-top: calc(102 * var(--liq-scale));
  max-width: calc(765 * var(--liq-scale));

  grid-template-columns: repeat(3, 1fr);
  gap: calc(56 * var(--liq-scale)) calc(40 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .data .data_ctn {
    margin-top: calc(32 * var(--liq-scale));

    grid-template-columns: repeat(2, 1fr);
    gap: calc(30 * var(--liq-scale)) calc(14 * var(--liq-scale));
  }
}
.data .data_circle {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding-bottom: calc(21 * var(--liq-scale));
  border: calc(2 * var(--liq-scale)) solid var(--color-green02);
  border-radius: 50%;

  aspect-ratio: 1/1;
}
@media (max-width: 767.98px) {
  .data .data_circle {
    justify-content: flex-start;

    padding-block: calc(27 * var(--liq-scale)) calc(33 * var(--liq-scale));
  }
}
.data .data_circle_title {
  display: flex;
  align-items: flex-end;
  position: relative;
  margin-bottom: calc(12 * var(--liq-scale));
  padding-bottom: calc(14 * var(--liq-scale));
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: calc(2em + (14 * var(--liq-scale)));
  text-align: center;
  color: var(--color-white);
  font-size: calc(20 * var(--liq-scale));
  font-weight: 600;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .data .data_circle_title {
    margin-bottom: calc(5 * var(--liq-scale));
    font-size: calc(13 * var(--liq-scale));
  }
}
.data .data_circle_title::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(60 * var(--liq-scale));
  height: calc(2 * var(--liq-scale));
  background-color: var(--color-green02);

  inset: auto 0 0 0;
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .data .data_circle_title::after {
    width: calc(40 * var(--liq-scale));

    inset: auto 0 calc(2 * var(--liq-scale)) 0;
  }
}
.data .data_circle_val {
  color: var(--color-green02);
  font-size: calc(60 * var(--liq-scale));
  font-weight: 600;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .data .data_circle_val {
    font-size: calc(41 * var(--liq-scale));
  }
}
.data .data_circle_val small {
  color: var(--color-white);
  font-size: calc(18 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .data .data_circle_val small {
    font-size: calc(12 * var(--liq-scale));
  }
}
.data .data_circle_cap {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--color-white);
  font-size: calc(12 * var(--liq-scale));
  font-weight: 600;
  line-height: 1;

  inset: auto 0 calc(44 * var(--liq-scale)) 0;
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .data .data_circle_cap {
    font-size: calc(8 * var(--liq-scale));

    inset: auto 0 calc(24 * var(--liq-scale)) 0;
  }
}

/* --------------------------------
career
-------------------------------- */
.career {
  position: relative;
  background: linear-gradient(to bottom, var(--color-gray05) 0%, #c8c8c8 50%);

  -webkit-padding-before: calc(143 * var(--liq-scale));

          padding-block-start: calc(143 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .career {
    -webkit-padding-before: calc(27 * var(--liq-scale));
            padding-block-start: calc(27 * var(--liq-scale));
  }
}
.career .career_bg {
  opacity: 0.7;
  position: absolute;
  width: calc(572 * var(--liq-scale));

  inset: auto calc(-828 * var(--liq-scale)) 0 0;
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .career .career_bg {
    width: calc(344 * var(--liq-scale));

    inset: auto calc(11 * var(--liq-scale)) 0 0;
  }
}
.career .career_inner {
  padding-bottom: calc(71 * var(--liq-scale));
  max-width: calc(990 * var(--liq-scale));

  padding-inline: calc(40 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .career .career_inner {
    padding-bottom: calc(17 * var(--liq-scale));
    max-width: 100%;

    padding-inline: calc(24 * var(--liq-scale));
  }
}
.career .career_lead {
  margin-top: calc(36 * var(--liq-scale));
  color: var(--color-white);
  font-size: calc(22 * var(--liq-scale));
  font-weight: 600;
  line-height: calc(28 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .career .career_lead {
    margin-top: 0;
    font-size: calc(13 * var(--liq-scale));
    line-height: calc(32 * var(--liq-scale));
  }
}
.career .career_ctn {
  margin-top: calc(53 * var(--liq-scale));

  margin-inline: calc(-7 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .career .career_ctn {
    margin-top: calc(20 * var(--liq-scale));

    margin-inline: calc(20 * var(--liq-scale));
  }
}
.career .career_ctn_title {
  padding: calc(10 * var(--liq-scale));
  padding: calc(14 * var(--liq-scale)) calc(18 * var(--liq-scale)) calc(7 * var(--liq-scale)) calc(27 * var(--liq-scale));
  border-radius: calc(9999 * var(--liq-scale));
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--color-white);
  color: #646464;
  font-size: calc(22 * var(--liq-scale));
  font-weight: 600;
  line-height: 1.4;
}
@media (max-width: 767.98px) {
  .career .career_ctn_title {
    padding: calc(10 * var(--liq-scale)) calc(13 * var(--liq-scale)) calc(6 * var(--liq-scale)) calc(18 * var(--liq-scale));
    font-size: calc(13 * var(--liq-scale));
    line-height: calc(16 * var(--liq-scale));

    margin-inline: auto;
  }
}
.career .career_steps {
  display: grid;
  margin-top: calc(-30 * var(--liq-scale));

  grid-template-columns: 1fr 1fr 1fr;
  margin-inline: calc(10 * var(--liq-scale)) calc(-64 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .career .career_steps {
    grid-template-columns: 1fr;
    margin-inline: auto;
  }
}
.career .career_step {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  height: calc(372 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .career .career_step {
    display: block;
  }
}
.career .career_step:nth-of-type(1) {
  z-index: 3;
  margin-right: calc(-3 * var(--liq-scale));

  --main-bottom: calc(32 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .career .career_step:nth-of-type(1) {
    margin-top: calc(40 * var(--liq-scale));
    padding: calc(17 * var(--liq-scale)) calc(26 * var(--liq-scale));
    width: calc(290 * var(--liq-scale));
    height: calc(172 * var(--liq-scale));
  }
}
.career .career_step:nth-of-type(2) {
  z-index: 2;

  margin-inline: calc(-56 * var(--liq-scale)) calc(-80 * var(--liq-scale));
  --main-bottom: calc(59 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .career .career_step:nth-of-type(2) {
    margin-top: calc(-25 * var(--liq-scale));
    padding: calc(27 * var(--liq-scale)) calc(15 * var(--liq-scale)) calc(27 * var(--liq-scale)) calc(26 * var(--liq-scale));
    width: calc(290 * var(--liq-scale));
    height: calc(187 * var(--liq-scale));

    margin-inline: 0;
  }
}
.career .career_step:nth-of-type(3) {
  z-index: 1;
  margin-left: calc(-9 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .career .career_step:nth-of-type(3) {
    margin-top: calc(-22 * var(--liq-scale));
    margin-left: 0;
    padding: calc(28 * var(--liq-scale)) calc(20 * var(--liq-scale)) calc(27 * var(--liq-scale)) calc(28 * var(--liq-scale));
    width: calc(290 * var(--liq-scale));
    height: calc(138 * var(--liq-scale));
  }
}
@media (max-width: 767.98px) {
  .career .career_step:nth-of-type(3) .career_step_textbox {
    -moz-column-gap: calc(47 * var(--liq-scale));
         column-gap: calc(47 * var(--liq-scale));
  }
}
.career .career_step img[src*=career_step_bg] {
  position: relative;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .career .career_step img[src*=career_step_bg] {
    position: absolute;

    inset: auto 0 0 0;
  }
}
.career .career_step_textbox {
  margin-bottom: calc(-52 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .career .career_step_textbox {
    display: grid;
    margin-bottom: 0;

    grid-template-columns: calc(88 * var(--liq-scale)) 1fr;
    -moz-column-gap: calc(40 * var(--liq-scale));
         column-gap: calc(40 * var(--liq-scale));
  }
}
.career .career_step_title {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: calc(2 * var(--liq-scale)) solid var(--color-green);
  border-radius: 50%;
  width: calc(88 * var(--liq-scale));
  height: calc(88 * var(--liq-scale));
  color: var(--color-white);
  font-size: calc(18 * var(--liq-scale));
  line-height: 1;

  aspect-ratio: 1/1;
}
@media (max-width: 767.98px) {
  .career .career_step_title {
    width: calc(82 * var(--liq-scale));
    height: calc(82 * var(--liq-scale));
    background-color: #fff;
    color: #006e02;
    font-size: calc(15 * var(--liq-scale));

    grid-row: 1/3;
    grid-column: 1/2;
  }
}
.career .career_step_title::after {
  content: "";
  position: absolute;
  width: calc(1 * var(--liq-scale));
  height: calc(100 * var(--liq-scale));
  transform: translateY(100%);
  background-color: var(--color-green);

  inset: auto 0 0;
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .career .career_step_title::after {
    display: none;
  }
}
.career .career_step_lead {
  display: flex;
  align-items: center;
  margin-top: calc(-2 * var(--liq-scale));
  padding-left: calc(60 * var(--liq-scale));
  color: var(--color-white);
  font-size: calc(12 * var(--liq-scale));
  font-weight: 600;
  line-height: calc(18 * var(--liq-scale));

  gap: calc(38 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .career .career_step_lead {
    margin-top: calc(8 * var(--liq-scale));
    padding-left: 0;
    font-size: calc(11 * var(--liq-scale));
    line-height: 1;

    grid-row: 1/2;
    grid-column: 2/3;
    gap: 0;
  }
}
.career .career_step_lead img {
  flex-shrink: 0;
}
@media (max-width: 767.98px) {
  .career .career_step_lead img {
    position: absolute;
  }
}
.career .career_step_lead img[src*=career_step_img_01] {
  width: calc(34 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .career .career_step_lead img[src*=career_step_img_01] {
    width: calc(25 * var(--liq-scale));

    inset: calc(23 * var(--liq-scale)) 0 0 calc(122 * var(--liq-scale));
  }
}
.career .career_step_lead img[src*=career_step_img_02] {
  width: calc(23 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .career .career_step_lead img[src*=career_step_img_02] {
    width: calc(18 * var(--liq-scale));

    inset: calc(35 * var(--liq-scale)) 0 0 calc(122 * var(--liq-scale));
  }
}
.career .career_step_lead img[src*=career_step_img_03] {
  width: calc(55 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .career .career_step_lead img[src*=career_step_img_03] {
    width: calc(41 * var(--liq-scale));

    inset: calc(36 * var(--liq-scale)) 0 0 calc(116 * var(--liq-scale));
  }
}
.career .career_step_text {
  margin-top: calc(8 * var(--liq-scale));
  padding-left: calc(60 * var(--liq-scale));
  font-size: calc(12 * var(--liq-scale));
  font-weight: 600;
  line-height: calc(18 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .career .career_step_text {
    margin-top: 0;
    padding-left: 0;
    font-size: calc(10 * var(--liq-scale));
    line-height: 1.4;

    grid-row: 2/3;
    grid-column: 2/3;
  }
}
.career .career_step_main {
  position: absolute;
  right: calc(33 * var(--liq-scale));
  bottom: var(--main-bottom);
  color: #006e02;
  font-size: calc(18 * var(--liq-scale));
  font-weight: 600;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .career .career_step_main {
    text-align: center;
    font-size: calc(13 * var(--liq-scale));

    inset: auto 0 calc(30 * var(--liq-scale)) 0;
  }
}
.career .career_example {
  position: relative;
  margin-top: calc(23 * var(--liq-scale));

  margin-inline: calc(16 * var(--liq-scale)) calc(-32 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .career .career_example {
    margin-top: calc(13 * var(--liq-scale));
    width: calc(210 * var(--liq-scale));

    margin-inline: auto;
  }
}
.career .career_example img {
  width: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}
@media (max-width: 767.98px) {
  .career .career_img {
    position: relative;
    z-index: 1;
  }
}

/* --------------------------------
guideline
-------------------------------- */
.guideline {
  padding-block: calc(99 * var(--liq-scale)) calc(20 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .guideline {
    padding-block: calc(14 * var(--liq-scale)) calc(20 * var(--liq-scale));
  }
}
.guideline .guideline_inner {
  max-width: calc(1040 * var(--liq-scale));

  padding-inline: calc(40 * var(--liq-scale));
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .guideline .guideline_inner {
    padding-inline: calc(24 * var(--liq-scale));
  }
}
.guideline .guideline_title {
  display: grid;
  justify-content: center;
  text-align: center;
  font-size: calc(48 * var(--liq-scale));
  font-weight: 600;
  line-height: calc(58 * var(--liq-scale));

  gap: calc(15 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .guideline .guideline_title {
    font-size: calc(25 * var(--liq-scale));
    line-height: calc(34 * var(--liq-scale));

    gap: calc(10 * var(--liq-scale));
  }
}
.guideline .guideline_title img {
  width: auto;
  height: calc(36 * var(--liq-scale));

  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .guideline .guideline_title img {
    height: calc(22 * var(--liq-scale));
  }
}
.guideline .guideline_lead {
  margin-top: calc(36 * var(--liq-scale));
  text-align: center;
  font-size: calc(22 * var(--liq-scale));
  font-weight: 600;
  line-height: calc(28 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .guideline .guideline_lead {
    margin-top: calc(16 * var(--liq-scale));
    font-size: calc(13 * var(--liq-scale));
    line-height: calc(18 * var(--liq-scale));
  }
}
.guideline .guideline_tabs {
  margin-top: calc(51 * var(--liq-scale));
  padding-right: calc(10 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .guideline .guideline_tabs {
    margin-top: calc(20 * var(--liq-scale));
    padding-right: 0;
  }
}
.guideline .guideline_tablist {
  display: flex;
  align-items: flex-end;
  min-height: calc(62 * var(--liq-scale));
}
.guideline .guideline_input {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.guideline .guideline_label {
  display: flex;
  opacity: 0.6;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  width: calc(200 * var(--liq-scale));
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  cursor: pointer;
  transition: opacity 0.25s cubic-bezier(0.39, 0.575, 0.565, 1), padding-block 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--color-green);
  color: var(--color-white);
  font-size: calc(30 * var(--liq-scale));
  font-weight: 600;
  line-height: 1;

  padding-block: calc(11 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .guideline .guideline_label {
    width: 50%;
    max-width: calc(164 * var(--liq-scale));
    font-size: calc(20 * var(--liq-scale));
    line-height: calc(20 * var(--liq-scale));

    padding-block: calc(12 * var(--liq-scale));
  }
}
.guideline .guideline_label:has(input[aria-selected=true]) {
  opacity: 1;

  padding-block: calc(16 * var(--liq-scale));
}
.guideline .guideline_label:has(input[aria-selected=false]) {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.guideline .guideline_label:has(input[aria-selected=false])::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scaleX(0);
  transform-origin: right;
  background-color: var(--color-green);

  filter: brightness(90%);
}
@media (hover: hover) and (pointer: fine) {
  .guideline .guideline_label:has(input[aria-selected=false]):hover::after {
    transition-duration: 0.3s;
    transform: scaleX(1);
    transform-origin: left;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .guideline .guideline_label:has(input[aria-selected=false]):hover::after {
    transition-duration: 0.3s;
    transform: scaleX(1);
    transform-origin: left;
  }
}
@media (hover: hover) and (pointer: fine) {
  .guideline .guideline_label:has(input[aria-selected=false]):hover {
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .guideline .guideline_label:has(input[aria-selected=false]):hover {
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
.guideline .guideline_panel {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: visibility var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1), opacity var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1);
  pointer-events: none;

  --duration: 0.1s;
  grid-area: 1/1;
}
.guideline .guideline_panel[aria-hidden=false] {
  display: block;
  visibility: visible;
  opacity: 1;
  position: relative;
  z-index: 1;
  pointer-events: auto;

  --duration: 0.2s;
}
.guideline .guideline_dl {
  display: grid;
  background-color: var(--color-white);

  grid-template-columns: calc(212 * var(--liq-scale)) 1fr;
  padding-block: calc(8 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .guideline .guideline_dl {
    grid-template-columns: calc(100 * var(--liq-scale)) 1fr;
    padding-block: 0;
  }
}
.guideline .guideline_row {
  display: grid;
  padding: calc(10 * var(--liq-scale)) calc(10 * var(--liq-scale)) calc(9 * var(--liq-scale)) calc(22 * var(--liq-scale));

  grid-template-columns: subgrid;
  grid-column: 1/-1;
}
@media (max-width: 767.98px) {
  .guideline .guideline_row {
    padding: calc(11 * var(--liq-scale)) calc(10 * var(--liq-scale)) calc(7 * var(--liq-scale)) calc(16 * var(--liq-scale));
  }
}
.guideline .guideline_row + .guideline_row {
  padding: calc(4 * var(--liq-scale)) calc(6 * var(--liq-scale)) 0 calc(16 * var(--liq-scale));
  border-top: calc(3 * var(--liq-scale)) solid var(--color-gray03);
}
@media (max-width: 767.98px) {
  .guideline .guideline_row + .guideline_row {
    padding: calc(5 * var(--liq-scale)) calc(17 * var(--liq-scale)) calc(4 * var(--liq-scale)) calc(16 * var(--liq-scale));
    border-top-width: calc(2 * var(--liq-scale));
  }
}
@media (max-width: 767.98px) {
  .guideline .guideline_row:last-child {
    padding-bottom: calc(16 * var(--liq-scale));
  }
}
.guideline .guideline_dt {
  font-size: calc(17 * var(--liq-scale));
  line-height: calc(23 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .guideline .guideline_dt {
    font-size: calc(10 * var(--liq-scale));
    line-height: calc(14 * var(--liq-scale));
  }
}
.guideline .guideline_dd {
  font-size: calc(15 * var(--liq-scale));
  line-height: calc(23 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .guideline .guideline_dd {
    font-size: calc(10 * var(--liq-scale));
    line-height: calc(14 * var(--liq-scale));
  }
}
.guideline .guideline_dd a {
  display: inline-block;
  position: relative;
}
.guideline .guideline_dd a::after {
  content: "";
  position: absolute;
  height: calc(1 * var(--liq-scale));
  transition: scale 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
  transform-origin: left;
  background-color: var(--color-gray);

  inset: auto 0 calc(3 * var(--liq-scale)) 0;
}
@media (hover: hover) and (pointer: fine) {
  .guideline .guideline_dd a:hover::after {
    transition: scale 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform-origin: right;

    scale: 0;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .guideline .guideline_dd a:hover::after {
    transition: scale 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
    transform-origin: right;

    scale: 0;
  }
}
.guideline .guideline_br {
  display: block;
  height: 1.6em;
}

/* --------------------------------
qa
-------------------------------- */
.qa {
  padding-block: calc(41 * var(--liq-scale)) calc(140 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .qa {
    padding-block: 0 calc(30 * var(--liq-scale));
  }
}
.qa .qa_inner {
  max-width: calc(1060 * var(--liq-scale));

  padding-inline: calc(42 * var(--liq-scale)) calc(36 * var(--liq-scale));
  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .qa .qa_inner {
    padding-inline: calc(22 * var(--liq-scale));
  }
}
.qa .qa_title {
  padding-left: calc(17 * var(--liq-scale));
  font-size: calc(30 * var(--liq-scale));
  line-height: 1;
}
@media (max-width: 767.98px) {
  .qa .qa_title {
    padding-left: calc(4 * var(--liq-scale));
    font-size: calc(16 * var(--liq-scale));
  }
}
.qa .qa_ctn {
  margin-top: calc(21 * var(--liq-scale));
  border-top: calc(3 * var(--liq-scale)) solid var(--color-gray06);
}
@media (max-width: 767.98px) {
  .qa .qa_ctn {
    margin-top: calc(8 * var(--liq-scale));
    border-top-width: calc(2 * var(--liq-scale));
  }
}
.qa .qa_item {
  display: grid;
  padding-bottom: calc(15 * var(--liq-scale));
  border-bottom: calc(3 * var(--liq-scale)) solid var(--color-gray06);

  gap: calc(10 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .qa .qa_item {
    padding-bottom: 0;
    border-bottom-width: calc(2 * var(--liq-scale));

    gap: 0;
  }
}
.qa .qa_row {
  display: grid;
  align-items: center;
  position: relative;
  padding: calc(10 * var(--liq-scale)) calc(25 * var(--liq-scale));
  font-size: calc(15 * var(--liq-scale));
  line-height: calc(23 * var(--liq-scale));

  grid-template-columns: calc(86 * var(--liq-scale)) 1fr;
}
@media (max-width: 767.98px) {
  .qa .qa_row {
    padding: calc(6 * var(--liq-scale)) calc(6 * var(--liq-scale)) calc(9 * var(--liq-scale)) calc(18 * var(--liq-scale));
    font-size: calc(11 * var(--liq-scale));

    grid-template-columns: calc(54 * var(--liq-scale)) 1fr;
  }
}
.qa .qa_row::before {
  font-size: calc(50 * var(--liq-scale));
  line-height: 1;
}
@media (max-width: 767.98px) {
  .qa .qa_row::before {
    font-size: calc(30 * var(--liq-scale));
  }
}
.qa .qa_row.-q {
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .qa .qa_row.-q {
    line-height: calc(14 * var(--liq-scale));
  }
}
.qa .qa_row.-q::before {
  content: "Q.";
  color: var(--color-gray06);
}
.qa .qa_row.-a {
  margin-right: calc(-160 * var(--liq-scale));
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .qa .qa_row.-a {
    margin-right: 0;
    padding-left: calc(21 * var(--liq-scale));
    line-height: calc(14 * var(--liq-scale));
  }
}
.qa .qa_row.-a::before {
  content: "A.";
  color: var(--color-green);
}

/* --------------------------------
links
-------------------------------- */
.links .links_ctn {
  display: grid;

  grid-template-columns: 1fr 1fr;
}
.links .links_link {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: calc(210 * var(--liq-scale));

  gap: calc(10 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .links .links_link {
    height: calc(126 * var(--liq-scale));
  }
}
.links .links_link:nth-of-type(1) {
  overflow: hidden;
  position: relative;
  z-index: 1;
  background-color: var(--color-green);
}
.links .links_link:nth-of-type(1)::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scaleX(0);
  transform-origin: right;
  background-color: var(--color-green);

  filter: brightness(90%);
}
@media (hover: hover) and (pointer: fine) {
  .links .links_link:nth-of-type(1):hover::after {
    transition-duration: 0.3s;
    transform: scaleX(1);
    transform-origin: left;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .links .links_link:nth-of-type(1):hover::after {
    transition-duration: 0.3s;
    transform: scaleX(1);
    transform-origin: left;
  }
}
.links .links_link:nth-of-type(2) {
  overflow: hidden;
  position: relative;
  z-index: 1;
  background-color: var(--color-green02);
}
.links .links_link:nth-of-type(2)::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scaleX(0);
  transform-origin: right;
  background-color: var(--color-green02);

  filter: brightness(90%);
}
@media (hover: hover) and (pointer: fine) {
  .links .links_link:nth-of-type(2):hover::after {
    transition-duration: 0.3s;
    transform: scaleX(1);
    transform-origin: left;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .links .links_link:nth-of-type(2):hover::after {
    transition-duration: 0.3s;
    transform: scaleX(1);
    transform-origin: left;
  }
}
.links .links_title {
  color: var(--color-white);
  font-size: calc(25 * var(--liq-scale));
  font-weight: 600;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .links .links_title {
    font-size: calc(15 * var(--liq-scale));
  }
}
.links .links_text {
  color: var(--color-white);
  font-size: calc(13 * var(--liq-scale));
  line-height: 1;
}
@media (max-width: 767.98px) {
  .links .links_text {
    font-size: calc(8 * var(--liq-scale));
  }
}

/* --------------------------------
mv-ctn
-------------------------------- */
.footer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(75 * var(--liq-scale));
  background-color: #000;
}
@media (max-width: 767.98px) {
  .footer {
    height: calc(48 * var(--liq-scale));
  }
}
.footer .footer_copyright {
  color: #fff;
  font-size: calc(21 * var(--liq-scale));
  line-height: calc(23 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .footer .footer_copyright {
    font-size: calc(13 * var(--liq-scale));
  }
}

/* --------------------------------
modal
-------------------------------- */
@property --color1 {
  syntax: "<color>";
  inherits: false;
  initial-value: #5bc902;
}
@property --color2 {
  syntax: "<color>";
  inherits: false;
  initial-value: #9ef848;
}
.modal {
  position: fixed;
  z-index: 10;
  transition: opacity var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1), visibility var(--duration) cubic-bezier(0.39, 0.575, 0.565, 1);

  inset: 0;
}
.modal[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;

  --duration: 0.1s;
}
.modal[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;

  --duration: 0.2s;
}
.modal .modal_overlay {
  overflow-y: auto;
  height: 100%;
  background-color: color-mix(in srgb, black 50%, transparent 50%);
}
.modal .modal_ctn {
  position: relative;
  padding-bottom: calc(100 * var(--liq-scale));
  max-width: calc(1400 * var(--liq-scale));
  background-color: var(--color-white);

  margin-inline: auto;
}
.modal .modal_close {
  position: absolute;
  z-index: 1;
  top: calc(13 * var(--liq-scale));
  right: calc(13 * var(--liq-scale));
  width: calc(61 * var(--liq-scale));
  height: calc(61 * var(--liq-scale));
  -webkit-animation: gradation2 0.3s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
          animation: gradation2 0.3s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
  background: linear-gradient(to right, var(--color1) 0%, var(--color2) 100%);
}
@media (max-width: 767.98px) {
  .modal .modal_close {
    top: 0;
    right: 0;
    width: calc(50 * var(--liq-scale));
    height: calc(50 * var(--liq-scale));
  }
}
.modal .modal_close::before,
.modal .modal_close::after {
  content: "";
  position: absolute;
  margin: auto;
  width: calc(3 * var(--liq-scale));
  height: calc(46 * var(--liq-scale));
  background-color: var(--color-white);

  inset: 0;
}
.modal .modal_close::before {
  transform: rotate(45deg);
}
.modal .modal_close::after {
  transform: rotate(-45deg);
}
@media (hover: hover) and (pointer: fine) {
  .modal .modal_close:hover {
    -webkit-animation: gradation 0.3s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
            animation: gradation 0.3s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .modal .modal_close:hover {
    -webkit-animation: gradation 0.3s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
            animation: gradation 0.3s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@-webkit-keyframes gradation {
  from {
    --color1: #5bc902;
    --color2: #9ef848;
  }
  to {
    --color1: #9ef848;
    --color2: #5bc902;
  }
}
@keyframes gradation {
  from {
    --color1: #5bc902;
    --color2: #9ef848;
  }
  to {
    --color1: #9ef848;
    --color2: #5bc902;
  }
}
@-webkit-keyframes gradation2 {
  from {
    --color1: #9ef848;
    --color2: #5bc902;
  }
  to {
    --color1: #5bc902;
    --color2: #9ef848;
  }
}
@keyframes gradation2 {
  from {
    --color1: #9ef848;
    --color2: #5bc902;
  }
  to {
    --color1: #5bc902;
    --color2: #9ef848;
  }
}
.modal .modal_header {
  position: relative;
  height: calc(444 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .modal .modal_header {
    display: flex;
    flex-direction: column-reverse;
    height: auto;
  }
}
.modal .modal_header img {
  position: absolute;
  width: auto;
  height: 100%;

  inset: 0 0 0 auto;
}
@media (max-width: 767.98px) {
  .modal .modal_header img {
    position: static;
    width: 100%;
    height: auto;
  }
}
.modal .modal_textbox {
  position: relative;
  z-index: 1;
  padding: calc(60 * var(--liq-scale)) calc(10 * var(--liq-scale)) calc(10 * var(--liq-scale)) calc(117 * var(--liq-scale));
  border-radius: 0 calc(35 * var(--liq-scale)) calc(35 * var(--liq-scale)) 0;
  width: calc(540 * var(--liq-scale));
  height: 100%;
  background: linear-gradient(to right, #5bc902 0%, #9ef848 100%);
}
@media (max-width: 767.98px) {
  .modal .modal_textbox {
    padding: calc(20 * var(--liq-scale)) 0 calc(28 * var(--liq-scale)) calc(40 * var(--liq-scale));
    border-radius: 0;
    width: 100%;
    height: auto;
  }
}
.modal .modal_title {
  color: var(--color-white);
  font-size: calc(45 * var(--liq-scale));
  font-weight: 600;
  line-height: 1.5;
}
@media (max-width: 767.98px) {
  .modal .modal_title {
    font-size: calc(25 * var(--liq-scale));
    line-height: calc(42 * var(--liq-scale));
  }
}
.modal .modal_name {
  margin-top: calc(58 * var(--liq-scale));
  padding-bottom: calc(8 * var(--liq-scale));
  border-bottom: calc(2 * var(--liq-scale)) solid white;
  color: var(--color-white);
  font-size: calc(70 * var(--liq-scale));
  font-weight: 600;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .modal .modal_name {
    margin-top: calc(10 * var(--liq-scale));
    padding-right: calc(60 * var(--liq-scale));
    padding-bottom: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: calc(50 * var(--liq-scale));
    line-height: calc(38 * var(--liq-scale));
  }
}
.modal .modal_name small {
  font-size: calc(40 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .modal .modal_name small {
    font-size: calc(25 * var(--liq-scale));
  }
}
.modal .modal_data {
  margin-top: calc(70 * var(--liq-scale));
  margin-right: calc(70 * var(--liq-scale));
  padding-top: calc(17 * var(--liq-scale));
  border-top: calc(2 * var(--liq-scale)) solid white;
  color: var(--color-white);
  font-size: calc(32 * var(--liq-scale));
  font-weight: 300;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .modal .modal_data {
    margin-top: calc(24 * var(--liq-scale));
    margin-right: calc(110 * var(--liq-scale));
    padding-top: calc(9 * var(--liq-scale));
    font-size: calc(22 * var(--liq-scale));
  }
}
.modal .modal_lead {
  padding: calc(42 * var(--liq-scale)) calc(80 * var(--liq-scale)) calc(32 * var(--liq-scale));
  color: #666;
  font-size: calc(35 * var(--liq-scale));
  font-weight: 600;
  line-height: 1.2;
}
@media (max-width: 767.98px) {
  .modal .modal_lead {
    padding: calc(4 * var(--liq-scale)) calc(22 * var(--liq-scale)) 0;
    font-size: calc(20 * var(--liq-scale));
    line-height: calc(32 * var(--liq-scale));
  }
}
.modal .modal_list {
  display: grid;

  gap: calc(26 * var(--liq-scale));
  padding-inline: calc(54 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .modal .modal_list {
    margin-top: calc(10 * var(--liq-scale));

    grid-template-columns: 1fr;
    gap: calc(20 * var(--liq-scale));
    padding-inline: calc(20 * var(--liq-scale));
  }
}
.modal .modal_item {
  display: grid;
  overflow: hidden;
  border: calc(1 * var(--liq-scale)) solid #5bc902;
  border-radius: calc(30 * var(--liq-scale));

  grid-template-columns: calc(291 * var(--liq-scale)) 1fr;
}
@media (max-width: 767.98px) {
  .modal .modal_item {
    border-radius: calc(5 * var(--liq-scale)) calc(5 * var(--liq-scale)) 0 0;

    grid-template-columns: 1fr;
  }
}
.modal .modal_q {
  display: flex;
  align-items: center;
  padding: calc(16 * var(--liq-scale)) calc(10 * var(--liq-scale)) calc(16 * var(--liq-scale)) calc(33 * var(--liq-scale));
  border-right: calc(1 * var(--liq-scale)) solid #5bc902;
  background: linear-gradient(to right, #5bc902 0%, #9ef848 100%);
  color: var(--color-white);
  font-size: calc(25 * var(--liq-scale));
  font-weight: 600;
  line-height: calc(43 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .modal .modal_q {
    padding: calc(8 * var(--liq-scale)) calc(8 * var(--liq-scale)) calc(6 * var(--liq-scale)) calc(11 * var(--liq-scale));
    font-size: calc(15 * var(--liq-scale));
    line-height: calc(20 * var(--liq-scale));
  }
}
.modal .modal_q > span {
  display: flex;
}
.modal .modal_a {
  display: flex;
  align-items: center;
  padding: calc(17 * var(--liq-scale)) calc(7 * var(--liq-scale)) calc(17 * var(--liq-scale)) calc(24 * var(--liq-scale));
  font-size: calc(18 * var(--liq-scale));
  font-weight: 600;
  font-weight: 300;
  line-height: calc(30 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .modal .modal_a {
    padding: calc(7 * var(--liq-scale)) calc(10 * var(--liq-scale));
    font-size: calc(13 * var(--liq-scale));
    line-height: calc(18 * var(--liq-scale));
  }
}
.modal .modal_close_bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(30 * var(--liq-scale));
  border: calc(1 * var(--liq-scale)) solid #5bc902;
  border-radius: calc(15 * var(--liq-scale));
  width: calc(290 * var(--liq-scale));
  height: calc(70 * var(--liq-scale));
  -webkit-animation: gradation2 0.3s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
          animation: gradation2 0.3s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
  background: linear-gradient(to right, var(--color1) 0%, var(--color2) 100%);
  color: var(--color-white);
  font-size: calc(25 * var(--liq-scale));
  font-weight: 600;
  line-height: 1;

  margin-inline: auto;
}
@media (hover: hover) and (pointer: fine) {
  .modal .modal_close_bottom:hover {
    -webkit-animation: gradation 0.3s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
            animation: gradation 0.3s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .modal .modal_close_bottom:hover {
    -webkit-animation: gradation 0.3s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
            animation: gradation 0.3s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
  }
}
@media (max-width: 767.98px) {
  .modal .modal_close_bottom {
    margin-top: calc(15 * var(--liq-scale));
    border-radius: calc(7 * var(--liq-scale));
    width: calc(145 * var(--liq-scale));
    height: calc(35 * var(--liq-scale));
    font-size: calc(13 * var(--liq-scale));
  }
}

.modal_youtube .modal_ctn {
  padding: 0;
  max-width: initial;
  background-color: initial;
}
.modal_youtube .modal_content {
  position: relative;
  margin-top: calc(150 * var(--liq-scale));
  width: calc(800 * var(--liq-scale));
  min-height: calc(480 * var(--liq-scale));

  margin-inline: auto;
}
@media (max-width: 767.98px) {
  .modal_youtube .modal_content {
    margin-top: calc(100 * var(--liq-scale));
    width: calc(350 * var(--liq-scale));
    height: calc(200 * var(--liq-scale));
    min-height: initial;
  }
}
.modal_youtube .modal_content iframe {
  outline: calc(2 * var(--liq-scale)) solid #5bc902;
  width: 100% !important;

  aspect-ratio: 16/9;
}
.modal_youtube .modal_close {
  top: calc(-80 * var(--liq-scale));
  right: calc(-80 * var(--liq-scale));
}
@media (max-width: 767.98px) {
  .modal_youtube .modal_close {
    top: calc(-70 * var(--liq-scale));
    right: 0;
  }
}

/*
* style.css
*
*/