@charset "UTF-8";
/* default settings */
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamMedium.otf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamBold.otf");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamBook.otf");
  font-weight: normal;
  font-style: normal;
}
/* CUSTOM STYLES */
/* =================================================================== */
#okm--special--contents--wrapper {
  color: #252525;
  font-family: "Hiragino Kaku Gothic Pro", "Noto Sans JP", sans-serif;
  font-weight: 300;
  /*
     * A better looking default horizontal rule*/
  /*
     * Remove the gap between audio, canvas, iframes,
     * images, videos and the bottom of their containers:
     * https://github.com/h5bp/html5-boilerplate/issues/440*/
  /*
     * Remove default fieldset styles.*/
  /*
     * Allow only vertical resizing of textareas.*/
  /* ==========================================================================
     * Author's custom styles
     * ==========================================================================*/
  /* ==========================================================================
     * Helper classes
     * ==========================================================================*/
  /*
     * Hide visually and from screen readers*/
  /*
     * Hide only visually, but have it available for screen readers:
     * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
     *
     * 1. For long content, line feeds are not interpreted as spaces and small width
     *    causes content to wrap 1 word per line:
     *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe*/
  /*
  * Extends the .sr-only class to allow the element
  * to be focusable when navigated to via the keyboard:
  * https://www.drupal.org/node/897638*/
  /*
     * Hide visually and from screen readers, but maintain layout*/
  /*
     * Clearfix: contain floats
     *
     * For modern browsers
     * 1. The space content is one way to avoid an Opera bug when the
     *    `contenteditable` attribute is included anywhere else in the document.
     *    Otherwise it causes space to appear at the top and bottom of elements
     *    that receive the `clearfix` class.
     * 2. The use of `table` rather than `block` is only necessary if using
     *    `:before` to contain the top-margins of child elements.*/
  /* ==========================================================================
  * EXAMPLE Media Queries for Responsive Design.
  * These examples override the primary ('mobile first') styles.
  * Modify as content requires.
  * ==========================================================================*/
  /* ==========================================================================
     * Print styles.
     * Inlined to avoid the additional HTTP request:
     * https://www.phpied.com/delay-loading-your-print-css/
     * ==========================================================================*/
}
#okm--special--contents--wrapper ::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
#okm--special--contents--wrapper \::-moz-selection,
#okm--special--contents--wrapper ::selection {
  background: #b3d4fc;
  text-shadow: none;
}
#okm--special--contents--wrapper hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
#okm--special--contents--wrapper audio,
#okm--special--contents--wrapper canvas,
#okm--special--contents--wrapper iframe,
#okm--special--contents--wrapper img,
#okm--special--contents--wrapper svg,
#okm--special--contents--wrapper video {
  vertical-align: middle;
}
#okm--special--contents--wrapper iframe {
  border: none;
}
#okm--special--contents--wrapper fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
#okm--special--contents--wrapper textarea {
  resize: vertical;
}
#okm--special--contents--wrapper .hidden,
#okm--special--contents--wrapper [hidden] {
  display: none !important;
}
#okm--special--contents--wrapper .sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1*/
}
#okm--special--contents--wrapper .sr-only.focusable:active,
#okm--special--contents--wrapper .sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}
#okm--special--contents--wrapper .invisible {
  visibility: hidden;
}
#okm--special--contents--wrapper .clearfix::before {
  content: " ";
  display: table;
}
#okm--special--contents--wrapper .clearfix::after {
  content: " ";
  display: table;
  clear: both;
}
@media only screen and (min-width: 35em) {
  #okm--special--contents--wrapper {
    /* Style adjustments for viewports that meet the condition*/
  }
}
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  #okm--special--contents--wrapper {
    /* Style adjustments for high resolution devices*/
  }
}
@media print {
  #okm--special--contents--wrapper {
    /*
    * Don't show links that are fragment identifiers,
    * or use the `javascript:` pseudo protocol*/
    /*
    * Printing Tables:
    * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables*/
  }
  #okm--special--contents--wrapper * {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster*/
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  #okm--special--contents--wrapper *::before,
  #okm--special--contents--wrapper *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster*/
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  #okm--special--contents--wrapper a {
    text-decoration: underline;
  }
  #okm--special--contents--wrapper a:visited {
    text-decoration: underline;
  }
  #okm--special--contents--wrapper a[href]::after {
    content: " (" attr(href) ")";
  }
  #okm--special--contents--wrapper abbr[title]::after {
    content: " (" attr(title) ")";
  }
  #okm--special--contents--wrapper a[href^="#"]::after,
  #okm--special--contents--wrapper a[href^="javascript:"]::after {
    content: "";
  }
  #okm--special--contents--wrapper pre {
    white-space: pre-wrap !important;
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  #okm--special--contents--wrapper blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  #okm--special--contents--wrapper thead {
    display: table-header-group;
  }
  #okm--special--contents--wrapper tr,
  #okm--special--contents--wrapper img {
    page-break-inside: avoid;
  }
  #okm--special--contents--wrapper p,
  #okm--special--contents--wrapper h2,
  #okm--special--contents--wrapper h3 {
    orphans: 3;
    widows: 3;
  }
  #okm--special--contents--wrapper h2,
  #okm--special--contents--wrapper h3 {
    page-break-after: avoid;
  }
}
@media (max-width: 750px) {
  #okm--special--contents--wrapper .only-pc {
    display: none !important;
  }
}
@media (min-width: 751px) {
  #okm--special--contents--wrapper .only-sp {
    display: none !important;
  }
}
#okm--special--contents--wrapper p,
#okm--special--contents--wrapper ul,
#okm--special--contents--wrapper li {
  padding: 0;
  margin: 0;
}
#okm--special--contents--wrapper ul {
  list-style: none;
}
#okm--special--contents--wrapper a {
  color: inherit;
  text-decoration: none;
}
#okm--special--contents--wrapper img {
  max-width: 100%;
  height: auto;
}
#okm--special--contents--wrapper .copy-anchor {
  font-weight: 600;
  font-size: min(18px, 0.9375vw);
  position: relative;
  padding-left: min(25px, 1.3020833333vw);
  color: #fff;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .copy-anchor {
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  #okm--special--contents--wrapper .copy-anchor:hover {
    color: #FF5B76 !important;
  }
  #okm--special--contents--wrapper .copy-anchor:hover:before {
    background-image: url("../img/ico_copy_url-red.svg") !important;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .copy-anchor {
    color: #FF6111;
    font-size: 3vw;
    letter-spacing: 0.01em;
    padding-left: 4.5vw;
  }
}
#okm--special--contents--wrapper .copy-anchor:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: min(17px, 0.8854166667vw);
  height: min(19px, 0.9895833333vw);
  background: url("../img/ico_copy_url.svg") no-repeat center/contain;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .copy-anchor:before {
    -webkit-transition: background-image 0.3s ease;
    transition: background-image 0.3s ease;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .copy-anchor:before {
    background-image: url("../img/ico_copy_url-orange.svg");
    width: 3.5vw;
    height: 3.75vw;
  }
}
#okm--special--contents--wrapper .copy-anchor.is-copied {
  color: #FF5B76 !important;
}
#okm--special--contents--wrapper .copy-anchor.is-copied:before {
  background-image: url("../img/ico_copy_url-red.svg") !important;
}
#okm--special--contents--wrapper .btn-red {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FF5B76;
  width: min(314px, 16.3541666667vw);
  height: min(88px, 4.5833333333vw);
  text-align: center;
  color: #fff;
  font-size: min(24px, 1.25vw);
  font-weight: 600;
  border-radius: 999px;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .btn-red {
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
  }
  #okm--special--contents--wrapper .btn-red:hover {
    background-color: #F43D5C;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .btn-red {
    width: 55.5vw;
    height: 12vw;
    font-size: 4vw;
    letter-spacing: 0.01em;
  }
}
#okm--special--contents--wrapper .btn-modal {
  border: min(2px, 0.1041666667vw) solid #fff;
  border-radius: min(120px, 6.25vw);
  width: min(131px, 6.8229166667vw);
  height: min(28px, 1.4583333333vw);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: min(16px, 0.8333333333vw);
  letter-spacing: 0.01em;
  font-weight: 600;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .btn-modal {
    -webkit-transition: background-color 0.3s ease, color 0.3s ease;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  #okm--special--contents--wrapper .btn-modal:hover {
    background-color: #FF5B76;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .btn-modal {
    width: 29vw;
    height: 5.5vw;
    font-size: 3.25vw;
    border-width: 0.5vw;
  }
}
#okm--special--contents--wrapper .btn-modal:after {
  content: "";
  display: inline-block;
  width: min(9px, 0.46875vw);
  height: min(8px, 0.4166666667vw);
  margin-left: min(5px, 0.2604166667vw);
  background: url("../img/ico_plus-white.svg") no-repeat center/contain;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .btn-modal:after {
    -webkit-transition: background-image 0.3s ease;
    transition: background-image 0.3s ease;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .btn-modal:after {
    width: 2.5vw;
    height: 2.25vw;
    margin-left: 5px;
  }
}
#okm--special--contents--wrapper .btn-modal.--red {
  border-color: #FF5B76;
  color: #FF5B76;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .btn-modal.--red:hover {
    color: #fff;
  }
  #okm--special--contents--wrapper .btn-modal.--red:hover:after {
    background-image: url("../img/ico_plus-white.svg");
  }
}
#okm--special--contents--wrapper .btn-modal.--red:after {
  background-image: url("../img/ico_plus-red.svg");
}
#okm--special--contents--wrapper .gbu__header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: #fff;
  border-bottom: min(2px, 0.1041666667vw) solid #BEBEBE;
  padding: min(19px, 0.9895833333vw) min(35px, 1.8229166667vw) min(19px, 0.9895833333vw) min(38px, 1.9791666667vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .gbu__header {
    border-bottom-width: 1px;
    padding: 3.75vw 5vw 3.75vw;
  }
}
#okm--special--contents--wrapper .gbu__header .header-logo {
  width: min(198px, 10.3125vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .gbu__header .header-logo {
    width: 36vw;
  }
}
#okm--special--contents--wrapper .gbu__header .header-navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#okm--special--contents--wrapper .gbu__header .header-navi__item {
  font-family: "Gotham", sans-serif;
  font-weight: 500;
}
#okm--special--contents--wrapper .gbu__header .header-navi__item:not(:last-child) {
  margin-right: min(64px, 3.3333333333vw);
}
#okm--special--contents--wrapper .gbu__header .header-navi__item:not(.--item04) a {
  display: block;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  letter-spacing: 0.01em;
  font-size: min(24px, 1.25vw);
  position: relative;
  white-space: nowrap;
}
#okm--special--contents--wrapper .gbu__header .header-navi__item:not(.--item04) a:after {
  content: "";
  position: absolute;
  bottom: min(2px, 0.1041666667vw);
  left: 0;
  right: 0;
  border-bottom: min(2px, 0.1041666667vw) solid transparent;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
#okm--special--contents--wrapper .gbu__header .header-navi__item:not(.--item04) a:hover {
  color: #F43D5C;
}
#okm--special--contents--wrapper .gbu__header .header-navi__item:not(.--item04) a:hover:after {
  border-bottom-color: #F43D5C;
}
#okm--special--contents--wrapper .gbu__header .header-navi__item.--item04 {
  font-family: "Hiragino Kaku Gothic Pro", "Noto Sans JP", sans-serif;
}
#okm--special--contents--wrapper .gbu__header .header-hamburger {
  width: 6.75vw;
  height: 4.5vw;
  position: relative;
  display: block;
  cursor: pointer;
}
#okm--special--contents--wrapper .gbu__header .header-hamburger i {
  display: block;
  position: absolute;
  height: 0.5vw;
  width: 100%;
  background: #535353;
  opacity: 1;
  left: 0;
  border-radius: 0.5vw;
}
#okm--special--contents--wrapper .gbu__header .header-hamburger i:nth-child(1) {
  top: 0;
}
#okm--special--contents--wrapper .gbu__header .header-hamburger i:nth-child(2) {
  top: 2vw;
}
#okm--special--contents--wrapper .gbu__header .header-hamburger i:nth-child(3) {
  top: 4vw;
}
#okm--special--contents--wrapper .navi-mobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: url("../img/navi_logo.svg") #FF5B76 no-repeat bottom 8.25vw right 6vw/42.25vw;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
#okm--special--contents--wrapper .navi-mobile__close {
  position: absolute;
  top: 4.25vw;
  right: 5vw;
  width: 10.5vw;
  height: 10.5vw;
  cursor: pointer;
}
#okm--special--contents--wrapper .navi-mobile__close:before, #okm--special--contents--wrapper .navi-mobile__close:after {
  content: "";
  position: absolute;
  background-color: #fff;
  border-radius: 1px;
  width: 0.75vw;
  height: 100%;
  top: 0;
  left: 5vw;
}
#okm--special--contents--wrapper .navi-mobile__close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#okm--special--contents--wrapper .navi-mobile__close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#okm--special--contents--wrapper .navi-mobile__wrap {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
#okm--special--contents--wrapper .navi-mobile__inner {
  padding-block: 54.75vw;
  padding-inline: 6vw;
}
#okm--special--contents--wrapper .navi-mobile__inner .list-navi__item {
  font-family: "Gotham", sans-serif;
  font-weight: 500;
  font-size: 6vw;
  letter-spacing: 0.01em;
  color: #fff;
}
#okm--special--contents--wrapper .navi-mobile__inner .list-navi__item:not(:last-child) {
  margin-bottom: 7vw;
}
#okm--special--contents--wrapper .navi-mobile__inner .list-navi__item.--item03 {
  margin-bottom: 5vw;
}
#okm--special--contents--wrapper .navi-mobile__inner .list-navi__item.--item04 {
  font-family: "Hiragino Kaku Gothic Pro", "Noto Sans JP", sans-serif;
  font-weight: 600;
}
#okm--special--contents--wrapper .navi-mobile.is-show {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  pointer-events: auto;
}
#okm--special--contents--wrapper .gbu__footer {
  background-color: #000000;
  color: #fff;
  padding-block: min(79px, 4.1145833333vw) min(84px, 4.375vw);
  text-align: center;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .gbu__footer {
    padding-block: 5vw 22vw;
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .gbu__footer .navi-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .gbu__footer .navi-footer li {
    padding-inline: min(60px, 3.125vw);
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .gbu__footer .navi-footer li:not(:last-child) {
    position: relative;
  }
  #okm--special--contents--wrapper .gbu__footer .navi-footer li:not(:last-child):after {
    content: "";
    position: absolute;
    top: min(8px, 0.4166666667vw);
    right: max(-2px, -0.1041666667vw);
    width: min(2px, 0.1041666667vw);
    background-color: #fff;
    height: min(20px, 1.0416666667vw);
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .gbu__footer .navi-footer li:not(:last-child) {
    margin-bottom: 0.5vw;
  }
}
#okm--special--contents--wrapper .gbu__footer .navi-footer a {
  font-weight: 600;
  font-size: min(24px, 1.25vw);
  letter-spacing: 0.01em;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .gbu__footer .navi-footer a {
    display: block;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .gbu__footer .navi-footer a {
    font-size: 3vw;
  }
}
#okm--special--contents--wrapper .gbu__footer .copy-right-footer {
  font-family: "Gotham", sans-serif;
  font-size: min(18px, 0.9375vw);
  letter-spacing: 0.01em;
  margin-top: min(40px, 2.0833333333vw);
  font-weight: 400;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .gbu__footer .copy-right-footer {
    font-weight: 500;
    font-size: 2.5vw;
    margin-top: 4.5vw;
  }
}
#okm--special--contents--wrapper .gbu__floating-navi {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 20;
}
#okm--special--contents--wrapper .gbu__floating-navi:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 0.75vw solid #FF5B76;
  background: url("../img/float_navi_text.png") #fff no-repeat left 8.5vw center/37.25vw;
}
#okm--special--contents--wrapper .gbu__floating-navi__btn {
  width: 49.75vw;
  height: 16vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 4vw;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.01em;
  border-radius: 5.5vw 0 0;
  background-color: #FF5B76;
  position: relative;
}
#okm--special--contents--wrapper .gbu__floating-navi__btn:before {
  content: "";
  position: absolute;
  left: -5vw;
  bottom: 0;
  width: 10vw;
  height: 10vw;
  background: url("../img/ico_polygon.svg") no-repeat center/contain;
}
#okm--special--contents--wrapper .kv {
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .kv {
    height: 70dvh;
    min-height: 590px;
    margin: 20px;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .kv {
    min-height: 153.75vw;
  }
}
#okm--special--contents--wrapper .kv__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .kv__inner {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#okm--special--contents--wrapper .kv__inner:before, #okm--special--contents--wrapper .kv__inner:after {
  content: "";
  position: absolute;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .kv__inner:before, #okm--special--contents--wrapper .kv__inner:after {
    height: 112px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  #okm--special--contents--wrapper .kv__inner:before, #okm--special--contents--wrapper .kv__inner:after {
    height: 8.75vw;
  }
}
#okm--special--contents--wrapper .kv__inner:before {
  background: url("../img/kv_text01.jpg") no-repeat center/contain;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .kv__inner:before {
    width: 720px;
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  #okm--special--contents--wrapper .kv__inner:before {
    width: 56.25vw;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .kv__inner:before {
    top: -1px;
    left: 0;
    width: 75vw;
    height: 27.5vw;
    background-image: url("../img/kv_text01_sp.jpg");
  }
}
#okm--special--contents--wrapper .kv__inner:after {
  background: url("../img/kv_text02.jpg") no-repeat center/contain;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .kv__inner:after {
    width: 720px;
    right: -6px;
    bottom: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  #okm--special--contents--wrapper .kv__inner:after {
    width: 56.25vw;
    right: -0.46875vw;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .kv__inner:after {
    bottom: 0;
    right: 0;
    width: 74.5vw;
    height: 28vw;
    background-image: url("../img/kv_text02_sp.jpg");
  }
}
#okm--special--contents--wrapper .kv__video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
}
#okm--special--contents--wrapper .kv__video:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .kv__video:before {
    border: 6.5vw solid #fff;
  }
}
#okm--special--contents--wrapper .kv__video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#okm--special--contents--wrapper .kv__title {
  margin: 0;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .kv__title {
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  #okm--special--contents--wrapper .kv__title {
    top: -1.5625vw;
    left: -1.5625vw;
    right: -1.5625vw;
    bottom: -1.5625vw;
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .kv__title img {
    width: 340px;
    max-width: 340px;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .kv__title img {
    width: 55.5vw;
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .kv__text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 490px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  #okm--special--contents--wrapper .kv__text {
    width: 38.28125vw;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .kv__text {
    text-align: center;
    margin-top: 3.5vw;
  }
  #okm--special--contents--wrapper .kv__text img {
    width: 55.5vw;
  }
}
#okm--special--contents--wrapper .wrapper {
  position: relative;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper {
    width: 100%;
    max-width: min(1840px, 95.8333333333vw);
    margin-inline: auto;
  }
}
#okm--special--contents--wrapper .wrapper__video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  overflow: hidden;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__video {
    border-radius: min(6px, 0.3125vw);
  }
}
#okm--special--contents--wrapper .wrapper__video:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(225, 225, 225, 0.4);
  backdrop-filter: blur(40px);
}
#okm--special--contents--wrapper .wrapper__video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__video video {
    -o-object-position: center top;
       object-position: center top;
  }
}
#okm--special--contents--wrapper .wrapper__content {
  padding-block: min(100px, 5.2083333333vw) min(354px, 18.4375vw);
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content {
    width: 100%;
    max-width: min(1640px, 85.4166666667vw);
    margin-inline: auto;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content {
    padding: 10vw 5.5vw 37.5vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .intro {
  margin-bottom: min(186px, 9.6875vw);
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .intro {
    padding-inline: min(2px, 0.1041666667vw);
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .intro {
    margin-bottom: 19.5vw;
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .intro__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .intro__head {
    padding-inline: 2.25vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .intro__head .title {
  margin: 0;
  font-weight: 600;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .intro__head .title {
    line-height: 1.7;
    font-size: min(58px, 3.0208333333vw);
    -webkit-box-flex: min(860px, 44.7916666667vw);
        -ms-flex: min(860px, 44.7916666667vw) 0 0px;
            flex: min(860px, 44.7916666667vw) 0 0;
    letter-spacing: -0.05em;
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .intro__head .title {
    font-size: 5.75vw;
    line-height: 1.6;
    letter-spacing: -0.02em;
    white-space: nowrap;
  }
}
#okm--special--contents--wrapper .wrapper__content .intro__head .title span {
  font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
}
#okm--special--contents--wrapper .wrapper__content .intro__head .desc {
  line-height: 1.8;
  font-size: min(20px, 1.0416666667vw);
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .intro__head .desc {
    letter-spacing: 0.08em;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: min(30px, 1.5625vw);
    padding-top: min(12px, 0.625vw);
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .intro__head .desc {
    font-size: 3.5vw;
    line-height: 1.7;
    margin-top: 4.5vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .intro__frame {
  margin-top: min(113px, 5.8854166667vw);
  border: min(2px, 0.1041666667vw) solid #fff;
  position: relative;
  border-radius: min(12px, 0.625vw);
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .intro__frame {
    padding: min(21px, 1.09375vw) min(142px, 7.3958333333vw) min(19px, 0.9895833333vw) min(174px, 9.0625vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .intro__frame {
    border-width: 0.5vw;
    border-radius: 3vw;
    margin-top: 8vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .intro__frame:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(20px);
  border-radius: min(12px, 0.625vw);
  z-index: -1;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .intro__frame:before {
    border-radius: 2.5vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .intro__frame .title {
  margin: 0;
  font-size: min(32px, 1.6666666667vw);
  font-weight: 600;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .intro__frame .title {
    -webkit-box-flex: min(559px, 29.1145833333vw);
        -ms-flex: min(559px, 29.1145833333vw) 0 0px;
            flex: min(559px, 29.1145833333vw) 0 0;
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .intro__frame .title {
    font-size: 3.98vw;
    cursor: pointer;
    position: relative;
    padding: 4vw 5.25vw 3.5vw;
  }
  #okm--special--contents--wrapper .wrapper__content .intro__frame .title__icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 5.5vw;
    width: 3.98vw;
    height: 3.98vw;
    -webkit-transition: background-image 0.3s ease;
    transition: background-image 0.3s ease;
  }
  #okm--special--contents--wrapper .wrapper__content .intro__frame .title__icon:before, #okm--special--contents--wrapper .wrapper__content .intro__frame .title__icon:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.75vw;
    background-color: #252525;
    top: 1.5vw;
    left: 0;
    right: 0;
    border-radius: 1px;
  }
  #okm--special--contents--wrapper .wrapper__content .intro__frame .title__icon:after {
    -webkit-transform-origin: center;
            transform-origin: center;
    will-change: transform;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  #okm--special--contents--wrapper .wrapper__content .intro__frame .title.is-open .title__icon:after {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .intro__frame .text {
    line-height: 1.8;
    font-size: min(20px, 1.0416666667vw);
    letter-spacing: 0.08em;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: min(80px, 4.1666666667vw);
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .intro__frame .text {
    display: none;
  }
  #okm--special--contents--wrapper .wrapper__content .intro__frame .text__inner {
    font-size: 3.4825vw;
    letter-spacing: 0.05em;
    padding-inline: 4.75vw;
    line-height: 1.8;
    text-indent: -1vw;
    padding-bottom: 3.25vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .intro__btn {
  text-align: center;
  margin-top: min(120px, 6.25vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .intro__btn {
    margin-top: 12vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .pickup {
  position: relative;
  margin-bottom: min(180px, 9.375vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .pickup {
    padding-inline: 2vw;
    margin-bottom: 19.5vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .pickup__anchor {
  position: absolute;
  top: max(-158px, -8.2291666667vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .pickup__anchor {
    top: -20vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .pickup__title {
  position: relative;
  padding-left: min(44px, 2.2916666667vw);
  font-family: "Gotham", sans-serif;
  font-size: min(40px, 2.0833333333vw);
  font-weight: 400;
  margin: 0;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .pickup__title {
    font-size: 6vw;
    padding-left: 7.5vw;
    margin-top: 4.75vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .pickup__title:before {
  content: "";
  position: absolute;
  top: min(8px, 0.4166666667vw);
  left: 0;
  width: min(32px, 1.6666666667vw);
  height: min(32px, 1.6666666667vw);
  background: linear-gradient(135deg, rgb(21, 0, 255) 10%, rgb(193, 112, 255) 80%);
  border-radius: 100%;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .pickup__title:before {
    top: 1.25vw;
    width: 4.5vw;
    height: 4.5vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .pickup__frame {
  margin-top: min(60px, 3.125vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .pickup__frame {
    margin-top: 5vw;
    position: relative;
  }
}
#okm--special--contents--wrapper .wrapper__content .pickup__frame .heading {
  background-color: rgba(255, 255, 255, 0.8);
  border: min(2px, 0.1041666667vw) solid #fff;
  padding: min(15px, 0.78125vw) min(62px, 3.2291666667vw) min(16px, 0.8333333333vw);
  border-radius: min(30px, 1.5625vw) min(30px, 1.5625vw) 0 0;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .pickup__frame .heading {
    position: relative;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .pickup__frame .heading {
    border-width: 0.5vw;
    padding: 2.5vw 7.25vw;
    border-radius: 3.75vw 3.75vw 0 0;
  }
}
#okm--special--contents--wrapper .wrapper__content .pickup__frame .heading__infor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: min(24px, 1.25vw);
  font-family: "Gotham", sans-serif;
  font-weight: bold;
  color: #FF5B76;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .pickup__frame .heading__infor {
    font-size: 3.5vw;
    letter-spacing: 0.01em;
  }
}
#okm--special--contents--wrapper .wrapper__content .pickup__frame .heading__infor span:not(:last-child) {
  margin-right: min(33px, 1.71875vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .pickup__frame .heading__infor span:not(:last-child) {
    margin-right: 3vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .pickup__frame .heading .copy-anchor {
  position: absolute;
  top: min(16px, 0.8333333333vw);
  right: min(62px, 3.2291666667vw);
  color: #FF6111;
  z-index: 1;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .pickup__frame .heading .copy-anchor {
    color: #fff;
    top: 14.5vw;
    right: 5.75vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .pickup__frame .heading .copy-anchor:before {
  background-image: url("../img/ico_copy_url-orange.svg");
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .pickup__frame .heading .copy-anchor:before {
    background-image: url("../img/ico_copy_url.svg");
  }
}
#okm--special--contents--wrapper .wrapper__content .pickup__frame .content {
  background-color: rgba(245, 144, 174, 0.8);
  border: min(3px, 0.15625vw) solid #fff;
  border-radius: 0 0 min(30px, 1.5625vw) min(30px, 1.5625vw);
  padding: min(33px, 1.71875vw) min(107px, 5.5729166667vw) min(28px, 1.4583333333vw);
  overflow: hidden;
  position: relative;
  border-top: none;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .pickup__frame .content {
    border-width: 0.5vw;
    padding: 12vw 5.25vw 9vw;
    border-radius: 0 0 3.75vw 3.75vw;
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .pickup__frame .content__inner {
    width: min(927px, 48.28125vw);
    margin-inline: auto 0;
  }
}
#okm--special--contents--wrapper .wrapper__content .pickup__frame .content__title {
  margin: 0;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .pickup__frame .content__title {
    text-align: center;
  }
  #okm--special--contents--wrapper .wrapper__content .pickup__frame .content__title img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .pickup__frame .content__infor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 1.75vw;
    margin-right: -3.75vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .pickup__frame .content__infor .photo {
  position: absolute;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .pickup__frame .content__infor .photo {
    bottom: max(-3px, -0.15625vw);
    left: min(116px, 6.0416666667vw);
    width: min(415px, 21.6145833333vw);
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .pickup__frame .content__infor .photo {
    bottom: -0.5vw;
    left: 0;
    width: 39.75vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .pickup__frame .content__infor .infor {
  color: #fff;
  margin-top: min(41px, 2.1354166667vw);
  font-weight: 600;
  letter-spacing: 0.01em;
}
#okm--special--contents--wrapper .wrapper__content .pickup__frame .content__infor .infor__company {
  font-size: min(24px, 1.25vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .pickup__frame .content__infor .infor__company {
    font-size: 4vw;
    line-height: 1.4;
  }
}
#okm--special--contents--wrapper .wrapper__content .pickup__frame .content__infor .infor__name {
  margin-top: 1px;
  font-size: min(40px, 2.0833333333vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .pickup__frame .content__infor .infor__name {
    font-size: 8vw;
    margin-top: -1px;
  }
}
#okm--special--contents--wrapper .wrapper__content .pickup__frame .content__infor .infor__btn {
  letter-spacing: 0;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .pickup__frame .content__infor .infor__btn {
    margin-top: min(6px, 0.3125vw);
  }
}
#okm--special--contents--wrapper .wrapper__content .program {
  position: relative;
}
#okm--special--contents--wrapper .wrapper__content .program__anchor {
  position: absolute;
  top: max(-128px, -6.6666666667vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__anchor {
    top: -17.5vw;
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__inner {
    display: grid;
    grid-template-columns: auto auto;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__inner {
    padding-inline: 2vw;
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside {
    width: min(492px, 25.625vw);
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .wrap {
    position: sticky;
    top: min(130px, 6.7708333333vw);
    left: 0;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .wrap {
    text-align: center;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__aside .title {
  margin: 0;
  position: relative;
  padding-left: min(48px, 2.5vw);
  font-family: "Gotham", sans-serif;
  font-size: min(40px, 2.0833333333vw);
  font-weight: 400;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .title {
    font-size: 6vw;
    padding-left: 7.5vw;
    display: inline-block;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__aside .title:before {
  content: "";
  position: absolute;
  top: min(8px, 0.4166666667vw);
  left: min(3px, 0.15625vw);
  width: min(32px, 1.6666666667vw);
  height: min(32px, 1.6666666667vw);
  background: linear-gradient(135deg, rgb(255, 0, 4) 10%, rgb(255, 251, 0) 80%);
  border-radius: 100%;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .title:before {
    top: 1.5vw;
    width: 4.5vw;
    height: 4.5vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__aside .date {
  text-align: center;
  margin-top: min(56px, 2.9166666667vw);
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .date {
    text-indent: min(3px, 0.15625vw);
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .date {
    margin-top: 4.75vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__aside .list-session {
  margin-top: min(63px, 3.28125vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session {
    text-align: left;
    margin-top: 7.75vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__aside .list-session__item:not(:last-child) {
  margin-bottom: min(31px, 1.6145833333vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__item:not(:last-child) {
    margin-bottom: 4vw;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__item.--session01 .list-session__head {
    background-color: #F7AAA0;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__item.--session02 .list-session__head {
    background-color: #CD9FC4;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__item.--session02 .list-session__content .text span {
    letter-spacing: -0.3em;
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__item.--session02 .list-session__content.--clone {
    left: min(121px, 6.3020833333vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__item.--session02 .list-session__content.--clone span {
    letter-spacing: -0.07em;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__item.--session03 .list-session__head {
    background-color: #B9DAAF;
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__item.--session03 .list-session__content.--clone {
    left: min(121px, 6.3020833333vw);
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__item.--session04 .list-session__head {
    background-color: #6BB7D1;
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__item.--session04 .list-session__content.--clone {
    left: min(122px, 6.3541666667vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__item.--session04 .list-session__content.--clone span {
    letter-spacing: -0.05em;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__item.--session05 .list-session__head {
    background-color: #FFC979;
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__item.--session05 .list-session__content.--clone {
    left: min(121px, 6.3020833333vw);
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__item.--session05 .list-session__content {
    padding-block: 5.25vw 4vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__aside .list-session__link {
  display: block;
  color: #000000;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__link {
    letter-spacing: 0.01em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__link:hover .list-session__head.--clone,
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__link:hover .list-session__content.--clone {
    opacity: 1;
  }
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__link:hover .list-session__head,
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__link:hover .list-session__content {
    opacity: 0;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__link {
    border: 0.5vw solid #fff;
    -webkit-box-shadow: 0 0 3vw 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 3vw 0 rgba(0, 0, 0, 0.05);
    border-radius: 3vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__aside .list-session__head {
  font-family: "Gotham", sans-serif;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__head {
    font-size: min(22.08px, 1.15vw);
    font-weight: 400;
    padding-top: min(8px, 0.4166666667vw);
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-flex: min(120px, 6.25vw);
        -ms-flex: min(120px, 6.25vw) 0 0px;
            flex: min(120px, 6.25vw) 0 0;
    white-space: nowrap;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__head.--clone {
    position: absolute;
    top: 0;
    left: -1px;
    font-weight: 600;
    opacity: 0;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 3.5vw;
    font-weight: 600;
    color: #fff;
    padding: 2.75vw 4.5vw 2.25vw;
    border-radius: 2.5vw 2.5vw 0 0;
    letter-spacing: 0.01em;
    text-transform: uppercase;
  }
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__head span:not(:last-child) {
    margin-right: 2.25vw;
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: min(20px, 1.0416666667vw);
    font-size: min(18px, 0.9375vw);
    line-height: 1.8;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    white-space: nowrap;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__content.--clone {
    position: absolute;
    top: 0;
    left: min(120px, 6.25vw);
    font-weight: 600;
    opacity: 0;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__content {
    position: relative;
    z-index: 1;
    padding: 7.5vw 4.25vw 6.25vw;
  }
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__content:before, #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__content:after {
    content: "";
    position: absolute;
    pointer-events: none;
  }
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__content:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(20px);
    border-radius: 0 0 2.5vw 2.5vw;
    z-index: -1;
  }
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__content:after {
    width: 5vw;
    height: 3.75vw;
    background: url("../img/ico_triangle.svg") no-repeat center/contain;
    right: 3.75vw;
    top: calc(50% + 1vw);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__content .text {
    text-decoration: underline;
    text-underline-position: under;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .list-session__content .text {
    font-size: 3.5vw;
    font-weight: 600;
    line-height: 1.4;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__aside .button {
  margin-top: min(80px, 4.1666666667vw);
  text-align: center;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__aside .button {
    margin-top: 12.25vw;
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__content {
    width: min(1067px, 55.5729166667vw);
    margin-inline: auto 0;
    padding-top: min(9px, 0.46875vw);
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__content {
    margin-top: 15.75vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session {
  position: relative;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 min(66px, 3.4375vw) 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 min(66px, 3.4375vw) 0 rgba(0, 0, 0, 0.1);
  border-radius: min(30px, 1.5625vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session {
    border-radius: 3vw;
    -webkit-box-shadow: 0 0 4.5vw 0.375vw rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 4.5vw 0.375vw rgba(0, 0, 0, 0.05);
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session:not(:last-child) {
  margin-bottom: min(48px, 2.5vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session:not(:last-child) {
    margin-bottom: 4vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session__anchor {
  position: absolute;
  top: max(-135px, -7.03125vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session__anchor {
    top: -17.5vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session__head {
  position: relative;
  padding: min(15px, 0.78125vw) min(62px, 3.2291666667vw) min(17px, 0.8854166667vw);
  border-radius: min(30px, 1.5625vw) min(30px, 1.5625vw) 0 0;
  border: min(3px, 0.15625vw) solid #FFFFFF;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session__head {
    border-width: 0.5vw;
    border-radius: 2.5vw 2.5vw 0 0;
    padding: 2.5vw 5.5vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session__head .infor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-family: "Gotham", sans-serif;
  font-weight: bold;
  font-size: min(24px, 1.25vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session__head .infor {
    font-size: 3.5vw;
    letter-spacing: 0.01em;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session__head .infor span {
  display: block;
}
#okm--special--contents--wrapper .wrapper__content .program__content .session__head .infor span:not(:last-child) {
  margin-right: min(32px, 1.6666666667vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session__head .infor span:not(:last-child) {
    margin-right: 2.75vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session__head .copy-anchor {
  position: absolute;
  right: min(61px, 3.1770833333vw);
  z-index: 1;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session__head .copy-anchor {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session__head .copy-anchor {
    top: 12.75vw;
    right: 5.25vw;
    padding-left: 3.75vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session__box {
  padding: min(46px, 2.3958333333vw) min(64px, 3.3333333333vw) min(49px, 2.5520833333vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session__box {
    padding: 10.25vw 5.5vw 5.25vw 6vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session__box .title {
  margin: 0;
  font-weight: 600;
  font-size: min(32px, 1.6666666667vw);
  line-height: 1.4;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session__box .title {
    font-size: 5vw;
    line-height: 1.4;
    letter-spacing: -0.05em;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session__box .desc {
  margin-top: min(31px, 1.6145833333vw);
  font-size: min(20px, 1.0416666667vw);
  line-height: 1.7;
  color: #252525;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session__box .desc {
    font-size: 3.5vw;
    line-height: 1.7;
    margin-top: 4.25vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session__box .actor {
  margin-top: min(45px, 2.34375vw);
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session__box .actor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session__box .actor {
    margin-top: 5.75vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session__box .actor__person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session__box .actor__person {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session__box .actor__person:not(:last-child) {
    padding-right: min(81px, 4.21875vw);
    position: relative;
  }
  #okm--special--contents--wrapper .wrapper__content .program__content .session__box .actor__person:not(:last-child):after {
    content: "";
    position: absolute;
    top: calc(50% - min(16px, 0.8333333333vw));
    right: max(-13px, -0.6770833333vw);
    width: min(32px, 1.6666666667vw);
    height: min(32px, 1.6666666667vw);
    background: url("../img/ico_x.svg") no-repeat center/contain;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session__box .actor__person:not(:last-child) {
    margin-bottom: 20px;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session__box .actor__photo {
  -webkit-box-flex: min(150px, 7.8125vw);
      -ms-flex: min(150px, 7.8125vw) 0 0px;
          flex: min(150px, 7.8125vw) 0 0;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session__box .actor__photo {
    -webkit-box-flex: 22vw;
        -ms-flex: 22vw 0 0px;
            flex: 22vw 0 0;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session__box .actor__infor {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session__box .actor__infor {
    margin-bottom: max(-3px, -0.15625vw);
    padding-left: min(24px, 1.25vw);
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session__box .actor__infor {
    padding-left: 2vw;
    padding-top: 1px;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session__box .actor__infor .company {
  font-weight: 600;
  font-size: min(18px, 0.9375vw);
  line-height: 1.2;
  letter-spacing: -0.01em;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session__box .actor__infor .company {
    font-size: 3.25vw;
    line-height: 1.4;
    white-space: nowrap;
    letter-spacing: -0.03em;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session__box .actor__infor .name {
  font-weight: 600;
  margin-top: min(10px, 0.5208333333vw);
  font-size: min(32px, 1.6666666667vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session__box .actor__infor .name {
    font-size: 6.5vw;
    margin-top: 0.75vw;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session__box .actor__infor .button {
  margin-top: min(4px, 0.2083333333vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session__box .actor__infor .button {
    margin-top: 1px;
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session.--session01 .session__head {
  background-color: #F7AAA0;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session01 .session__box .actor__person {
    width: min(353px, 18.3854166667vw);
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session.--session02 .session__head {
  background-color: #CD9FC4;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session02 .session__box .title span {
    letter-spacing: -0.3em;
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session02 .session__box .actor {
    margin-top: min(51px, 2.65625vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session02 .session__box .actor__infor {
    padding-left: min(16px, 0.8333333333vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session02 .session__box .actor__infor .name {
    margin-top: min(5px, 0.2604166667vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session02 .session__box .actor__person:first-child {
    width: min(427px, 22.2395833333vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session02 .session__box .actor__person:last-child {
    width: min(435px, 22.65625vw);
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session.--session03 .session__head {
  background-color: #B9DAAF;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session03 .session__box .actor {
    margin-top: min(48px, 2.5vw);
    margin-right: max(-21px, -1.09375vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session03 .session__box .actor__infor {
    padding-left: min(16px, 0.8333333333vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session03 .session__box .actor__infor .name {
    margin-top: min(5px, 0.2604166667vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session03 .session__box .actor__person:first-child {
    width: min(468px, 24.375vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session03 .session__box .actor__person:last-child {
    width: min(452px, 23.5416666667vw);
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session.--session04 .session__head {
  background-color: #6BB7D1;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session04 .session__box {
    padding-left: min(53px, 2.7604166667vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session04 .session__box .actor {
    margin-top: min(46px, 2.3958333333vw);
    margin-right: max(-17px, -0.8854166667vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session04 .session__box .actor__person:not(:last-child) {
    padding-right: min(20px, 1.0416666667vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session04 .session__box .actor__person:not(:last-child):after {
    right: max(-17px, -0.8854166667vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session04 .session__box .actor__person:first-child {
    width: min(472px, 24.5833333333vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session04 .session__box .actor__person:last-child {
    width: min(458px, 23.8541666667vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session04 .session__box .actor__infor {
    padding-left: min(16px, 0.8333333333vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session04 .session__box .actor__infor .name {
    margin-top: min(5px, 0.2604166667vw);
  }
}
#okm--special--contents--wrapper .wrapper__content .program__content .session.--session05 .session__head {
  background-color: #FFC979;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session05 .session__box .desc {
    margin-top: min(40px, 2.0833333333vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session05 .session__box .actor {
    margin-top: min(48px, 2.5vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session05 .session__box .actor__infor {
    padding-left: min(16px, 0.8333333333vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session05 .session__box .actor__infor .name {
    margin-top: min(5px, 0.2604166667vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session05 .session__box .actor__person:first-child {
    width: min(497px, 25.8854166667vw);
  }
  #okm--special--contents--wrapper .wrapper__content .program__content .session.--session05 .session__box .actor__person:last-child {
    width: min(340px, 17.7083333333vw);
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .wrapper__content .program__btn {
    margin-top: 12vw;
    text-align: center;
  }
}
#okm--special--contents--wrapper .information {
  -webkit-box-shadow: 0 0 min(60px, 3.125vw) rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 min(60px, 3.125vw) rgba(0, 0, 0, 0.05);
  border-radius: min(110px, 5.7291666667vw) min(110px, 5.7291666667vw) 0 0;
  padding-block: min(123px, 6.40625vw) min(131px, 6.8229166667vw);
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: #FEFEFE;
  margin-top: max(-161px, -8.3854166667vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .information {
    margin-top: -21.75vw;
    border-radius: 10vw 10vw 0 0;
    padding-block: 17vw 17.25vw;
  }
}
#okm--special--contents--wrapper .information__anchor {
  position: absolute;
  top: max(-128px, -6.6666666667vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .information__anchor {
    top: -17.5vw;
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .information__inner {
    max-width: min(1650px, 85.9375vw);
    width: 100%;
    margin-inline: auto;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .information__inner {
    padding-inline: 7.5vw;
  }
}
#okm--special--contents--wrapper .information__video {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  pointer-events: none;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .information__video {
    width: min(1007px, 52.4479166667vw);
    height: min(1007px, 52.4479166667vw);
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .information__video {
    left: 0;
    bottom: 0;
  }
}
#okm--special--contents--wrapper .information__video video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .information__video video {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom center;
       object-position: bottom center;
  }
}
#okm--special--contents--wrapper .information__title {
  margin: 0;
  font-weight: 500;
  position: relative;
  padding-bottom: min(24px, 1.25vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .information__title {
    padding-bottom: 6.5vw;
  }
}
#okm--special--contents--wrapper .information__title:after {
  content: "";
  position: absolute;
  left: 0;
  width: min(1159px, 60.3645833333vw);
  height: min(2px, 0.1041666667vw);
  background-color: #252525;
  bottom: 0;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .information__title:after {
    height: 0.5vw;
    width: 67.25vw;
  }
}
#okm--special--contents--wrapper .information__title .text {
  display: block;
  font-size: min(47.5px, 2.4739583333vw);
  font-family: "Gotham", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .information__title .text {
    font-size: 4.9725vw;
  }
}
#okm--special--contents--wrapper .information__title .text.--small {
  font-family: "Gotham", sans-serif;
  font-size: min(40px, 2.0833333333vw);
  position: relative;
  padding-left: min(44px, 2.2916666667vw);
  font-weight: 400;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .information__title .text.--small {
    font-size: 6vw;
    padding-left: 7.5vw;
  }
}
#okm--special--contents--wrapper .information__title .text.--small:before {
  content: "";
  position: absolute;
  top: min(8px, 0.4166666667vw);
  left: 0;
  width: min(32px, 1.6666666667vw);
  height: min(32px, 1.6666666667vw);
  background: linear-gradient(135deg, rgb(38, 74, 255) 10%, rgb(255, 251, 0) 80%);
  border-radius: 100%;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .information__title .text.--small:before {
    top: 1.5vw;
    width: 4.5vw;
    height: 4.5vw;
  }
}
#okm--special--contents--wrapper .information__title .text:not(.--small) {
  margin-top: min(16px, 0.8333333333vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .information__title .text:not(.--small) {
    margin-top: 2vw;
  }
}
#okm--special--contents--wrapper .information__table {
  margin-top: min(28px, 1.4583333333vw);
  width: 100%;
  border-collapse: collapse;
  line-height: 2.3;
  font-size: min(20px, 1.0416666667vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .information__table {
    font-size: 3.5vw;
    line-height: 1.9;
    margin-top: 5.75vw;
  }
}
#okm--special--contents--wrapper .information__table th {
  width: min(140px, 7.2916666667vw);
  text-align: left;
  font-weight: 600;
  position: relative;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .information__table th {
    width: 25.75vw;
    vertical-align: top;
  }
}
#okm--special--contents--wrapper .information__table th:after {
  content: "：";
  position: absolute;
  top: 0;
  right: 0;
}
#okm--special--contents--wrapper .information__table td {
  font-weight: 600;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .information__table td {
    letter-spacing: -0.03em;
  }
}
#okm--special--contents--wrapper .information__text {
  margin: min(51px, 2.65625vw) 0 0;
  color: #535353;
  font-size: min(18px, 0.9375vw);
  line-height: 1.7;
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .information__text {
    font-weight: 600;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .information__text {
    font-size: 3vw;
    margin-top: 2.75vw;
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .information__text dt {
    letter-spacing: 0.01em;
  }
}
#okm--special--contents--wrapper .information__text dd {
  margin: 0;
}
#okm--special--contents--wrapper .information__text dd p {
  position: relative;
  padding-left: min(28px, 1.4583333333vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .information__text dd p {
    padding-left: 4.5vw;
    letter-spacing: -0.04em;
  }
  #okm--special--contents--wrapper .information__text dd p:not(:last-child) {
    margin-bottom: -1px;
  }
}
#okm--special--contents--wrapper .information__text dd p:before {
  content: "・";
  position: absolute;
  left: min(7px, 0.3645833333vw);
  top: min(7px, 0.3645833333vw);
  font-size: min(14px, 0.7291666667vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .information__text dd p:before {
    left: 1vw;
    top: 1vw;
    font-size: 2.5vw;
  }
}
#okm--special--contents--wrapper .information__btn {
  margin-top: min(30px, 1.5625vw);
  text-align: center;
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .information__btn {
    margin-top: 12vw;
  }
}
@media (min-width: 768px) {
  #okm--special--contents--wrapper .information__btn .btn-red {
    -webkit-transform: translateX(min(54px, 2.8125vw));
            transform: translateX(min(54px, 2.8125vw));
  }
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .gbu {
    overflow: hidden;
  }
}
#okm--special--contents--wrapper .gbu__main {
  padding-top: min(128px, 6.6666666667vw);
}
@media (max-width: 767px) {
  #okm--special--contents--wrapper .gbu__main {
    padding-top: 16.75vw;
  }
}

#okm--include--header,
#okm--include--footer {
  display: none;
}

@media (max-width: 767px) {
  html.is-disabled {
    overflow: hidden;
  }
}

.gbu__modal {
  display: none;
}

@media (min-width: 768px) {
  .actor-fancybox .fancybox__backdrop {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(30px);
  }
}
@media (max-width: 767px) {
  .actor-fancybox .fancybox__backdrop {
    background: #FF5B76;
  }
}
@media (max-width: 767px) {
  .actor-fancybox .fancybox__slide {
    display: block;
    padding: 9.25vw 2.5vw;
  }
}
.actor-fancybox .modal {
  background: none;
  display: block;
  font-family: "Hiragino Kaku Gothic Pro", "Noto Sans JP", sans-serif;
  font-weight: 300;
}
@media (min-width: 768px) {
  .actor-fancybox .modal {
    background: #FF5B76;
    border-radius: min(24px, 1.25vw);
    width: min(1115px, 58.0729166667vw);
    padding: min(65px, 3.3854166667vw) min(62px, 3.2291666667vw) min(59px, 3.0729166667vw);
  }
}
@media (max-width: 767px) {
  .actor-fancybox .modal {
    width: 85.75vw;
    padding: 0;
    margin-inline: auto;
  }
}
.actor-fancybox .modal .f-button.is-close-btn {
  opacity: 1;
  width: min(63px, 3.28125vw);
  height: min(63px, 3.28125vw);
  top: max(-81px, -4.21875vw);
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  border-radius: 100%;
}
@media (min-width: 768px) {
  .actor-fancybox .modal .f-button.is-close-btn:focus-visible {
    -webkit-box-shadow: 0 0 min(12px, 0.625vw) 0 rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 min(12px, 0.625vw) 0 rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 767px) {
  .actor-fancybox .modal .f-button.is-close-btn {
    width: 10vw;
    height: 10vw;
    position: static;
    display: block;
    margin-inline: auto;
  }
}
.actor-fancybox .modal .f-button.is-close-btn img {
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 min(12px, 0.625vw) 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 min(12px, 0.625vw) 0 rgba(0, 0, 0, 0.1);
  border-radius: 100%;
}
@media (min-width: 768px) {
  .actor-fancybox .modal__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 767px) {
  .actor-fancybox .modal__content {
    margin-bottom: 7vw;
  }
}
@media (min-width: 768px) {
  .actor-fancybox .modal__photo {
    -webkit-box-flex: min(496px, 25.8333333333vw);
        -ms-flex: min(496px, 25.8333333333vw) 0 0px;
            flex: min(496px, 25.8333333333vw) 0 0;
  }
}
@media (max-width: 767px) {
  .actor-fancybox .modal__photo {
    text-align: center;
  }
}
.actor-fancybox .modal__photo img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border-radius: min(24px, 1.25vw);
}
@media (max-width: 767px) {
  .actor-fancybox .modal__photo img {
    border-radius: 3.75vw;
    width: 62.5vw;
  }
}
.actor-fancybox .modal__infor {
  color: #fff;
}
@media (min-width: 768px) {
  .actor-fancybox .modal__infor {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: min(52px, 2.7083333333vw);
    margin-top: max(-14px, -0.7291666667vw);
  }
}
@media (max-width: 767px) {
  .actor-fancybox .modal__infor {
    margin-top: 3.75vw;
  }
}
.actor-fancybox .modal__infor .name {
  margin: 0;
  font-size: min(58px, 3.0208333333vw);
  font-weight: 600;
}
@media (max-width: 767px) {
  .actor-fancybox .modal__infor .name {
    font-size: 10vw;
  }
}
.actor-fancybox .modal__infor .company {
  margin: max(-4px, -0.2083333333vw) 0 0;
  font-weight: 600;
  font-size: min(20px, 1.0416666667vw);
  line-height: 1.3;
}
@media (max-width: 767px) {
  .actor-fancybox .modal__infor .company {
    font-size: 3.5vw;
    line-height: 1.4;
    margin-top: 1px;
  }
}
.actor-fancybox .modal__infor .desc {
  margin: min(16px, 0.8333333333vw) 0 0;
  font-size: min(20px, 1.0416666667vw);
  line-height: 1.7;
}
@media (max-width: 767px) {
  .actor-fancybox .modal__infor .desc {
    margin-top: 3.25vw;
    font-size: 3.5vw;
  }
}