@charset "UTF-8";
/*
 * htmlのフォントサイズ
 * @args ベースの画面幅
 */
/*
   * ルートのフォントサイズを基準にフォントサイズを可変にする
   * @args 最大値（デザイン上の数値）
   */
/*
   * get_vwの設定
   */
/*
   * breakpointの設定
   */
/** --------------------------------
* cssの値を単位を除いて数字だけにしてくれる関数
*
* @param 数字と単位を含む値 10ox, 3remなど
*/
/** --------------------------------
* 値の「単位」を取得する関数
*
* @param $value 数字と単位を含む値 10ox, 3remなど
*/
/** --------------------------------
* pxやremをvwに変換してくれる関数
*
* @param $viewport pcデザインの横幅
* @param $fontSize フォントサイズ(pxでもremでも)
*/
/** --------------------------------
* フォントサイズをレスポンシブで調整する関数
*
* @param $pc pcのフォントサイズ
* @param $sp spのフォントサイズ
*/
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
  position: relative;
}

body {
  line-height: 1.56;
  -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
  margin: 0;
}

a {
  text-decoration: none;
}

#root,
#__next {
  isolation: isolate;
}

ul {
  list-style: none;
}

.pc_contents {
  display: block !important;
}
@media screen and (max-width: 767px) {
  .pc_contents {
    display: none !important;
  }
}

.pc_contentsInline {
  display: inline !important;
}
@media screen and (max-width: 767px) {
  .pc_contentsInline {
    display: none !important;
  }
}

.pc_contentsFlex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
@media screen and (max-width: 767px) {
  .pc_contentsFlex {
    display: none !important;
  }
}

.sp_contents {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .sp_contents {
    display: block !important;
  }
}

.sp_contentsInline {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .sp_contentsInline {
    display: inline !important;
  }
}

.sp_contentsFlex {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .sp_contentsFlex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.flexCenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.justifyContentCenter {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.no-hover {
  pointer-events: none;
}

.hamburger-click {
  position: fixed;
  width: clamp(1px, 3.2552083333vw, 50px);
  height: clamp(1px, 1.6276041667vw, 25px);
  background: transparent;
  top: clamp(1px, 2.4088541667vw, 37px);
  right: clamp(1px, 4.1666666667vw, 64px);
  cursor: pointer;
  z-index: 999999;
}
@media screen and (max-width: 767px) {
  .hamburger-click {
    width: 9.6vw;
    height: 4.8vw;
    top: 5.0666666667vw;
    right: 4.2666666667vw;
  }
}

.hamburger__line {
  position: fixed;
  top: clamp(1px, 2.4739583333vw, 38px);
  right: clamp(1px, 4.1666666667vw, 64px);
  cursor: pointer;
  z-index: 999999;
  width: clamp(1px, 3.2552083333vw, 50px);
  height: 1px;
  background: #fff;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
@media screen and (max-width: 767px) {
  .hamburger__line {
    width: 9.6vw;
    top: 6.4vw;
    right: 4.2666666667vw;
  }
}
.hamburger__line:nth-of-type(2) {
  top: clamp(1px, 3.125vw, 48px);
}
@media screen and (max-width: 767px) {
  .hamburger__line:nth-of-type(2) {
    top: 8.2666666667vw;
  }
}
.hamburger__line.active {
  -webkit-transform-origin: left;
          transform-origin: left;
  background: #0045a7;
  mix-blend-mode: normal !important;
}
.hamburger__line.active:nth-of-type(1) {
  -webkit-transform: rotate(11deg);
          transform: rotate(11deg);
}
.hamburger__line.active:nth-of-type(2) {
  -webkit-transform: rotate(-12deg);
          transform: rotate(-12deg);
}

.header {
  width: 100%;
  position: fixed;
  z-index: 9999;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  padding: clamp(1px, 2.9296875vw, 45px) clamp(1px, 4.1666666667vw, 64px);
}
@media screen and (max-width: 767px) {
  .header {
    padding: 5.3333333333vw 4.2666666667vw;
  }
}
.header.is-white {
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(transparent));
  background: linear-gradient(to right, #fff, transparent);
  padding: clamp(1px, 2.0833333333vw, 32px) clamp(1px, 4.1666666667vw, 64px);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  .header.is-white {
    padding: 5.3333333333vw 4.2666666667vw;
  }
}
.header a {
  display: block;
}
.header__inner {
  position: relative;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.header__logo {
  display: block;
  width: clamp(1px, 6.7708333333vw, 104px);
  height: clamp(1px, 1.4322916667vw, 22px);
  background: url(../img/common/logo.svg) no-repeat center center/contain;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  visibility: hidden;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .header__logo {
    width: 23.4666666667vw;
    height: 5.0666666667vw;
  }
}
.header__logo.is-blue {
  background: url(../img/common/logo_blue.svg) no-repeat center center/contain;
  visibility: visible;
  opacity: 1;
}
.header .nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #f2f2f4;
  z-index: 99999;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  visibility: hidden;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .header .nav {
    height: 100dvh;
    overflow-y: scroll;
  }
}
.header .nav.active {
  visibility: visible;
  opacity: 1;
}
.header .nav__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 5.2083333333vw, 80px);
  padding: clamp(1px, 5.7291666667vw, 88px) 0 clamp(1px, 6.5104166667vw, 100px);
}
@media screen and (max-width: 767px) {
  .header .nav__inner {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6.4vw;
    padding: 14.4vw 0 8vw;
  }
}
@media screen and (max-width: 767px) {
  .header .nav__col:first-child .nav__title, .header .nav__col:nth-child(2) .nav__title {
    margin-bottom: 0;
  }
}
.header .nav__title {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 1.4322916667vw, 22px);
  text-transform: capitalize;
  color: #0045a7;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2272727273;
  margin-bottom: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .header .nav__title {
    font-size: 5.8666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .header .nav__title {
    margin-bottom: 5.3333333333vw;
  }
}
.header .nav__title--jp {
  display: block;
  font-family: "ryo-gothic-plusn", sans-serif;
  font-size: clamp(1px, 0.78125vw, 12px);
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (max-width: 767px) {
  .header .nav__title--jp {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .header .nav__title--jp {
    font-size: 3.2vw;
    margin-top: 0.5333333333vw;
  }
}
.header .nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 0.78125vw, 12px);
  padding-left: clamp(1px, 0.78125vw, 12px);
}
@media screen and (max-width: 767px) {
  .header .nav__list {
    gap: 3.2vw;
    padding-left: 3.2vw;
  }
}
.header .nav__item {
  line-height: 1;
}
.header .nav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: clamp(1px, 12.0442708333vw, 185px);
  font-family: "ryo-gothic-plusn", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  color: #0045a7;
  line-height: 1;
  position: relative;
}
@media screen and (max-width: 767px) {
  .header .nav__link {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .header .nav__link {
    width: 46.4vw;
  }
}
.header .nav__link-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: clamp(1px, 1.1067708333vw, 17px);
  height: clamp(1px, 1.1067708333vw, 17px);
  border-radius: 200px;
  background: #0045a7;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
@media screen and (max-width: 767px) {
  .header .nav__link-arrow {
    width: 4vw;
    height: 4vw;
  }
}
.header .nav__link-arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: clamp(1px, 0.5859375vw, 9px);
  height: clamp(1px, 0.4557291667vw, 7px);
  background: url(../img/common/btn-arrow.svg) no-repeat center center/contain;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
@media screen and (max-width: 767px) {
  .header .nav__link-arrow:before {
    width: 2.4vw;
    height: 1.6vw;
  }
}
.header .nav__link:hover .nav__link-arrow {
  right: -1.5%;
}
.header .nav__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 0.78125vw, 12px);
}
@media screen and (max-width: 767px) {
  .header .nav__btns {
    gap: 2.6666666667vw;
  }
}
.header .nav__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer {
  background: #0045a7;
  color: #fff;
  padding: clamp(1px, 6.5104166667vw, 100px) 0 clamp(1px, 4.5572916667vw, 70px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .footer {
    padding: 26.6666666667vw 0 5.3333333333vw;
  }
}
.footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 6.5104166667vw, 100px);
}
@media screen and (max-width: 767px) {
  .footer__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 17.3333333333vw;
  }
}
.footer__logo {
  width: clamp(1px, 6.7708333333vw, 104px);
}
@media screen and (max-width: 767px) {
  .footer__logo {
    width: 27.7333333333vw;
  }
}
.footer__text {
  font-size: clamp(1px, 0.9114583333vw, 14px);
  line-height: 1;
  color: #fff;
  margin-top: clamp(1px, 1.4322916667vw, 22px);
}
@media screen and (max-width: 767px) {
  .footer__text {
    font-size: 4vw;
    margin-top: 5.8666666667vw;
  }
}
.footer__text-phone, .footer__text-mail {
  display: block;
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 0.9114583333vw, 14px);
  color: #fff;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.25;
  padding-left: clamp(1px, 1.0416666667vw, 16px);
  position: relative;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .footer__text-phone, .footer__text-mail {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .footer__text-phone, .footer__text-mail {
    padding-left: 5.3333333333vw;
  }
}
.footer__text-phone::before, .footer__text-mail::before {
  content: "";
  width: clamp(1px, 0.8463541667vw, 13px);
  height: clamp(1px, 0.8463541667vw, 13px);
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .footer__text-phone::before, .footer__text-mail::before {
    width: 3.4666666667vw;
    height: 3.4666666667vw;
  }
}
.footer__text-phone::before {
  background: url(../img/common/phone_icon_wh.svg) no-repeat center center/contain;
}
.footer__text-mail::before {
  background: url(../img/common/mail_icon_wh.svg) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .footer__text-mail {
    margin-top: 1.6vw;
  }
}
.footer .sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 0.6510416667vw, 10px);
  margin-top: clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 767px) {
  .footer .sns {
    gap: 2.6666666667vw;
    margin-top: 10.6666666667vw;
  }
}
.footer .sns__link {
  display: block;
  width: clamp(1px, 1.7578125vw, 27px);
  height: clamp(1px, 1.7578125vw, 27px);
}
@media screen and (max-width: 767px) {
  .footer .sns__link {
    width: 7.2vw;
    height: 7.2vw;
  }
}
@media screen and (max-width: 767px) {
  .footer__r {
    width: 100%;
  }
}
.footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .footer__menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5.3333333333vw;
  }
}
.footer__menu-item a {
  display: block;
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 600;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .footer__menu-item a {
    font-size: 4.2666666667vw;
  }
}
.footer__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 0.390625vw, 6px);
  margin-top: clamp(1px, 2.34375vw, 36px);
}
@media screen and (max-width: 767px) {
  .footer__links {
    margin-top: 12.2666666667vw;
  }
}
.footer__links a {
  display: block;
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 0.9114583333vw, 14px);
  color: #fff;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .footer__links a {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .footer__links a {
    text-align: left;
  }
}
.footer__copyright {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 0.6510416667vw, 10px);
  font-weight: 300;
  color: #fff;
  text-align: right;
  margin-top: clamp(1px, 4.9479166667vw, 76px);
}
@media screen and (max-width: 767px) {
  .footer__copyright {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .footer__copyright {
    text-align: center;
    margin-top: 20.2666666667vw;
  }
}
.footer__fore {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: clamp(1px, 58.59375vw, 900px);
  height: clamp(1px, 28.9713541667vw, 445px);
  z-index: 4;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .footer__fore {
    width: 57.0666666667vw;
    height: 201.3333333333vw;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    right: 0;
    bottom: 0;
  }
}

html {
  margin-top: 0 !important;
  scroll-behavior: smooth;
}
@media screen and (max-width: 767px) {
  html {
    margin-top: 0 !important;
  }
}

.container {
  overflow-x: hidden;
  position: relative;
}

body {
  background: #f2f2f4;
  color: #1f1f1f;
  font-family: "ryo-gothic-plusn", sans-serif;
  position: relative;
}
body .grecaptcha-badge {
  visibility: hidden !important;
}

main.main {
  width: 100%;
}

p,
a {
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 2;
  color: #1f1f1f;
}
@media screen and (max-width: 767px) {
  p,
  a {
    font-size: 4vw;
    line-height: 1.8;
  }
}

h2 {
  font-size: clamp(1px, 3.90625vw, 60px);
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  h2 {
    font-size: 11.2vw;
  }
}

h3 {
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  h3 {
    font-size: 6.9333333333vw;
  }
}

h4 {
  font-size: clamp(1px, 1.4322916667vw, 22px);
}
@media screen and (max-width: 767px) {
  h4 {
    font-size: 5.8666666667vw;
  }
}

section {
  position: relative;
  margin: 0;
  padding: 0;
}

.inner {
  width: clamp(1px, 91.6666666667vw, 1408px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .inner {
    width: 82.9333333333vw;
  }
}

.text-line {
  letter-spacing: -0.09em;
}

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: clamp(1px, 14.7135416667vw, 226px);
  height: clamp(1px, 3.2552083333vw, 50px);
  font-family: "ryo-gothic-plusn", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  color: #0045a7;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 200px;
  border: 2px solid #0045a7;
  position: relative;
}
@media screen and (max-width: 767px) {
  .btn {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .btn {
    width: 60.2666666667vw;
    height: 13.3333333333vw;
  }
}
.btn__text {
  padding-right: clamp(1px, 0.6510416667vw, 10px);
}
@media screen and (max-width: 767px) {
  .btn__text {
    padding-right: 2.6666666667vw;
  }
}
.btn__arrow {
  position: absolute;
  top: 50%;
  right: clamp(1px, 1.0416666667vw, 16px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: clamp(1px, 1.5625vw, 24px);
  height: clamp(1px, 1.5625vw, 24px);
  border-radius: 200px;
  background: #0045a7;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
@media screen and (max-width: 767px) {
  .btn__arrow {
    width: 6.4vw;
    height: 6.4vw;
    right: 4.2666666667vw;
  }
}
.btn__arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: clamp(1px, 0.9765625vw, 15px);
  height: clamp(1px, 0.6510416667vw, 10px);
  background: url(../img/common/btn-arrow.svg) no-repeat center center/contain;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
@media screen and (max-width: 767px) {
  .btn__arrow:before {
    width: 4vw;
    height: 2.6666666667vw;
  }
}
.btn--aqua, .btn--blue, .btn--white {
  color: #fff;
  border: none;
}
.btn--aqua .btn__arrow, .btn--blue .btn__arrow, .btn--white .btn__arrow {
  background: #fff;
}
.btn--aqua .btn__arrow::before, .btn--blue .btn__arrow::before, .btn--white .btn__arrow::before {
  background: url(../img/common/btn-arrow_blue.svg) no-repeat center center/contain;
}
.btn--aqua {
  background: -webkit-gradient(linear, left top, right top, from(#47afd8), to(#125c79));
  background: linear-gradient(to right, #47afd8, #125c79);
}
.btn--blue {
  background: -webkit-gradient(linear, left top, right top, from(#0054cb), to(#002962));
  background: linear-gradient(to right, #0054cb, #002962);
}
.btn--white {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}
.btn:hover .nav__link-arrow,
.btn:hover .btn__arrow {
  margin-right: -2%;
}

.page .page-title {
  width: clamp(1px, 91.6666666667vw, 1408px);
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 3.90625vw, 60px);
  font-weight: 600;
  color: #0045a7;
  letter-spacing: 0;
  line-height: 1.25;
  padding-top: clamp(1px, 3.90625vw, 60px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .page .page-title {
    width: 82.9333333333vw;
    font-size: 11.2vw;
    letter-spacing: 0;
    line-height: 1.2380952381;
    padding-top: 21.3333333333vw;
  }
}
.page .page-title--jp {
  display: block;
  font-size: clamp(1px, 1.171875vw, 18px);
  font-weight: 700;
  color: #0045a7;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .page .page-title--jp {
    font-size: 4.2666666667vw;
    line-height: 2.125;
  }
}
.page .sec-title {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 3.90625vw, 60px);
  font-weight: 600;
  color: #0045a7;
  letter-spacing: 0;
  line-height: 1.25;
}
@media screen and (max-width: 767px) {
  .page .sec-title {
    font-size: 11.2vw;
    letter-spacing: 0;
    line-height: 1.2380952381;
  }
}
.page .sec-title--jp {
  display: block;
  font-size: clamp(1px, 1.171875vw, 18px);
  font-weight: 700;
  color: #0045a7;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .page .sec-title--jp {
    font-size: 4.2666666667vw;
    line-height: 2.125;
  }
}
.page .p-title {
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.2777777778;
}
@media screen and (max-width: 767px) {
  .page .p-title {
    font-size: 6.9333333333vw;
    line-height: 1.3846153846;
  }
}
.page .p-text {
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .page .p-text {
    font-size: 4vw;
    line-height: 1.8;
  }
}
.page .reserve-cta {
  display: block;
  width: clamp(1px, 9.1145833333vw, 140px);
  height: clamp(1px, 9.1145833333vw, 140px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  bottom: clamp(1px, 1.3020833333vw, 20px);
  right: clamp(1px, 1.953125vw, 30px);
  z-index: 99;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media screen and (max-width: 767px) {
  .page .reserve-cta {
    width: 26.6666666667vw;
    height: 26.6666666667vw;
    bottom: 0;
    right: 0;
  }
}
.page .reserve-cta__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: clamp(1px, 6.5104166667vw, 100px);
  height: clamp(1px, 6.5104166667vw, 100px);
  border-radius: 200px;
  background: -webkit-gradient(linear, left top, right bottom, from(#47afd8), to(#125c79));
  background: linear-gradient(to bottom right, #47afd8, #125c79);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 0.1302083333vw, 2px);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media screen and (max-width: 767px) {
  .page .reserve-cta__inner {
    width: 21.3333333333vw;
    height: 21.3333333333vw;
  }
}
.page .reserve-cta__wrap {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 0.1302083333vw, 2px);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media screen and (max-width: 767px) {
  .page .reserve-cta__wrap {
    gap: 0.5333333333vw;
  }
}
.page .reserve-cta__title {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 0.8463541667vw, 13px);
  font-weight: 600;
  color: #fff;
  letter-spacing: 0;
  line-height: 1.2307692308;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .page .reserve-cta__title {
    font-size: 2.6666666667vw;
  }
}
.page .reserve-cta__text {
  font-size: clamp(1px, 0.9765625vw, 15px);
  font-weight: 700;
  color: #fff;
  letter-spacing: 0;
  line-height: 1.0666666667;
}
@media screen and (max-width: 767px) {
  .page .reserve-cta__text {
    font-size: 3.2vw;
    line-height: 1.0666666667;
  }
}
.page .reserve-cta__text span {
  display: block;
  font-size: clamp(1px, 0.78125vw, 12px);
  text-align: center;
  margin-top: clamp(1px, 0.2604166667vw, 4px);
}
@media screen and (max-width: 767px) {
  .page .reserve-cta__text span {
    font-size: 2.6666666667vw;
    margin-top: 1.0666666667vw;
  }
}
.page .reserve-cta:hover .reserve-cta__inner {
  width: clamp(1px, 7.8125vw, 120px);
  height: clamp(1px, 7.8125vw, 120px);
}
@media screen and (max-width: 767px) {
  .page .reserve-cta:hover .reserve-cta__inner {
    width: 21.3333333333vw;
    height: 21.3333333333vw;
  }
}

.top .kv {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.top .kv__inner {
  margin: 0 auto;
  z-index: 1;
}
.top .kv__title {
  text-align: center;
}
.top .kv__title > * {
  color: #fff;
}
.top .kv__title-sub {
  display: block;
  width: clamp(1px, 13.9973958333vw, 215px);
  height: clamp(1px, 2.9947916667vw, 46px);
  background: url(../img/common/logo.svg) no-repeat center center/contain;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  margin: 0 auto clamp(1px, 0.4557291667vw, 7px) auto;
}
@media screen and (max-width: 767px) {
  .top .kv__title-sub {
    width: 29.3333333333vw;
    height: 6.4vw;
    margin: 0 auto 1.8666666667vw auto;
  }
}
.top .kv__title-main {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 4.5572916667vw, 70px);
  font-weight: 700;
  line-height: 1.0857142857;
}
@media screen and (max-width: 767px) {
  .top .kv__title-main {
    font-size: 9.0666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .top .kv__title-main {
    line-height: 1.0882352941;
  }
}
.top .kv__title-text {
  font-family: "ryo-gothic-plusn", sans-serif;
  font-size: clamp(1px, 1.3020833333vw, 20px);
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 2.2;
  margin-top: clamp(1px, 1.0416666667vw, 16px);
}
@media screen and (max-width: 767px) {
  .top .kv__title-text {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .top .kv__title-text {
    line-height: 1.6666666667;
    margin-top: 3.7333333333vw;
  }
}
.top .kv__bkg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.top .kv__bkg img,
.top .kv__bkg video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top .about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 8.0729166667vw, 124px);
  margin-top: clamp(1px, 7.8125vw, 120px);
  width: clamp(1px, 91.6666666667vw, 1408px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .top .about {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin-top: 21.3333333333vw;
  }
}
.top .about__img {
  width: clamp(1px, 50vw, 768px);
}
@media screen and (max-width: 767px) {
  .top .about__img {
    width: 82.9333333333vw;
    margin: 0 auto;
  }
}
.top .about__img img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.top .about__slider-main .slick-slide {
  width: clamp(1px, 50vw, 768px);
  height: clamp(1px, 50vw, 768px);
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .top .about__slider-main .slick-slide {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .top .about__slider-main .slick-slide {
    width: 82.9333333333vw;
    height: 82.9333333333vw;
  }
}
.top .about__slider-main .slick-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top .about__slider-thumbs {
  margin-top: clamp(1px, 1.3020833333vw, 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .top .about__slider-thumbs {
    margin-top: 2.6666666667vw;
  }
}
.top .about__slider-thumbs.slick-initialized {
  padding: 0 clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .top .about__slider-thumbs.slick-initialized {
    padding: 0 3.7333333333vw;
  }
}
.top .about__slider-thumbs.slick-initialized .about__slider-thumbs-slide {
  opacity: 1;
}
.top .about__slider-thumbs .slick-slide, .top .about__slider-thumbs-slide {
  width: clamp(1px, 8.7239583333vw, 134px);
  height: clamp(1px, 8.7239583333vw, 134px);
  border-radius: clamp(1px, 0.390625vw, 6px);
  overflow: hidden;
  margin: 0 clamp(1px, 0.3255208333vw, 5px);
}
@media screen and (max-width: 767px) {
  .top .about__slider-thumbs .slick-slide, .top .about__slider-thumbs-slide {
    border-radius: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .top .about__slider-thumbs .slick-slide, .top .about__slider-thumbs-slide {
    width: 18.6666666667vw;
    height: 18.6666666667vw;
    margin: 0 0.5333333333vw;
  }
}
.top .about__slider-thumbs .slick-slide img, .top .about__slider-thumbs-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top .about__slider-thumbs-slide {
  cursor: pointer;
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.top .about__slider-thumbs-slide.active {
  opacity: 1;
}
.top .about__slider-thumbs .slick-prev,
.top .about__slider-thumbs .slick-next {
  width: 0.9765625vw;
  height: 0.4557291667vw;
  left: 0;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .top .about__slider-thumbs .slick-prev,
  .top .about__slider-thumbs .slick-next {
    width: 3.4666666667vw;
    height: 1.6vw;
  }
}
.top .about__slider-thumbs .slick-prev::before,
.top .about__slider-thumbs .slick-next::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../img/common/arrow-down.svg") no-repeat;
  background-size: contain;
  opacity: 1;
  top: 0;
  left: 0;
}
.top .about__slider-thumbs .slick-next {
  left: unset;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}
@media screen and (max-width: 767px) {
  .top .about__sec-title, .top .about__p-text {
    padding: 0 8.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .top .about__p-title {
    padding: 0 0 0 8.5333333333vw;
  }
}
.top .about__p-title, .top .about__p-text {
  margin-top: clamp(1px, 2.9947916667vw, 46px);
}
@media screen and (max-width: 767px) {
  .top .about__p-title, .top .about__p-text {
    margin-top: 9.6vw;
  }
}
.top .about__p-text {
  width: clamp(1px, 28.4505208333vw, 437px);
}
@media screen and (max-width: 767px) {
  .top .about__p-text {
    width: 100%;
  }
}
.top .highlight {
  display: inline;
  padding: 6px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  background: -webkit-gradient(linear, left top, right top, color-stop(100%, #fff), to(#fff)) no-repeat;
  background: linear-gradient(to right, #fff 100%, #fff 100%) no-repeat;
  background-size: 0% 100%;
}
@media screen and (max-width: 767px) {
  .top .highlight {
    padding: 3px 6px;
  }
}
.top .service {
  display: grid;
  row-gap: clamp(1px, 3.90625vw, 60px);
  margin-top: clamp(1px, 7.8125vw, 120px);
  width: clamp(1px, 91.6666666667vw, 1408px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .top .service {
    width: 100%;
    row-gap: 43.7333333333vw;
    margin-top: 38.4vw;
  }
}
.top .service__content {
  display: grid;
  grid-template-areas: "area1 area1" "area2 area3";
  grid-template-columns: clamp(1px, 40.1692708333vw, 617px) clamp(1px, 45.8333333333vw, 704px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .top .service__content {
    grid-template-areas: "area1" "area2" "area3";
    grid-template-columns: 1fr;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    row-gap: unset;
  }
}
.top .service__content:nth-child(1) .service__btns {
  margin-top: clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 767px) {
  .top .service__content:nth-child(1) .service__btns {
    margin-top: 10.6666666667vw;
  }
}
.top .service__content:nth-child(2) .service__btns {
  margin-top: clamp(1px, 5.6640625vw, 87px);
}
@media screen and (max-width: 767px) {
  .top .service__content:nth-child(2) .service__btns {
    margin-top: 10.6666666667vw;
  }
}
.top .service__content-header {
  grid-area: area1;
}
@media screen and (max-width: 767px) {
  .top .service__content-header {
    margin-left: 8.5333333333vw;
  }
}
.top .service__content-header span {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 1.171875vw, 18px);
  color: #0045a7;
  font-weight: 600;
  letter-spacing: 0;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}
@media screen and (max-width: 767px) {
  .top .service__content-header span {
    font-size: 3.4666666667vw;
  }
}
.top .service__sec-title {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 2.34375vw, 36px);
  color: #0045a7;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .top .service__sec-title {
    font-size: 6.9333333333vw;
  }
}
.top .service__l {
  position: relative;
  grid-area: area2;
}
@media screen and (max-width: 767px) {
  .top .service__l {
    width: 82.9333333333vw;
    margin-top: 5.3333333333vw;
    margin-inline: auto;
  }
}
.top .service__r {
  grid-area: area3;
}
@media screen and (max-width: 767px) {
  .top .service__r {
    margin-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .top .service__desc {
    width: 82.9333333333vw;
    margin-inline: auto;
  }
}
.top .service__desc .highlight {
  padding: 3px;
  font-weight: 700;
  background: -webkit-gradient(linear, left top, right top, color-stop(100%, rgba(0, 69, 167, 0.1019607843)), to(rgba(0, 69, 167, 0.1019607843))) no-repeat;
  background: linear-gradient(to right, rgba(0, 69, 167, 0.1019607843) 100%, rgba(0, 69, 167, 0.1019607843) 100%) no-repeat;
  background-size: 0% 100%;
}
.top .service__container {
  display: grid;
  place-content: center;
  row-gap: clamp(1px, 2.6041666667vw, 40px);
  margin-top: clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 767px) {
  .top .service__container {
    grid-template-columns: 91.4666666667vw;
    row-gap: 5.3333333333vw;
    margin-top: 10.6666666667vw;
  }
}
.top .service__rank {
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
  display: grid;
  grid-template-columns: clamp(1px, 22.7864583333vw, 350px) auto;
  place-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: clamp(1px, 1.3020833333vw, 20px);
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .top .service__rank {
    border-radius: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .top .service__rank {
    grid-template-columns: 1fr;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    row-gap: 5.3333333333vw;
    padding: 5.3333333333vw 4.2666666667vw 8vw;
  }
}
.top .service__rank-txt .p-text {
  font-size: clamp(1px, 0.9114583333vw, 14px);
  letter-spacing: 0.05em;
  line-height: 1.8571428571;
}
@media screen and (max-width: 767px) {
  .top .service__rank-txt .p-text {
    font-size: 3.4666666667vw;
    line-height: 1.5384615385;
  }
}
.top .service__rank-txt .p-text + .p-text {
  margin-top: clamp(1px, 1.171875vw, 18px);
}
@media screen and (max-width: 767px) {
  .top .service__rank-txt .p-text + .p-text {
    margin-top: 4.2666666667vw;
  }
}
.top .service__icon {
  width: clamp(1px, 10.546875vw, 162px);
  margin-top: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .top .service__icon {
    position: absolute;
    top: -41.3333333333vw;
    right: 0;
    width: 34.6666666667vw;
  }
}
.top .service__p-title {
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.5555555556;
}
@media screen and (max-width: 767px) {
  .top .service__p-title {
    font-size: 6.9333333333vw;
    line-height: 1.4615384615;
  }
}
.top .service__p-title .color__blue {
  color: #0045a7;
  font-size: clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 767px) {
  .top .service__p-title .color__blue {
    font-size: 8vw;
  }
}
.top .service__p-text {
  font-size: clamp(1px, 1.0416666667vw, 16px);
  letter-spacing: 0.04em;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .top .service__p-text {
    font-size: 4vw;
    line-height: 1.8;
  }
}
.top .service__p-text .color__blue {
  color: #0045a7;
}
.top .service__btn {
  width: clamp(1px, 18.8802083333vw, 290px);
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .top .service__btn {
    width: 74.6666666667vw;
    margin-inline: auto;
  }
}
.top .message {
  margin-top: clamp(1px, 7.8125vw, 120px);
}
@media screen and (max-width: 767px) {
  .top .message {
    margin-top: 21.3333333333vw;
  }
}
.top .message__inner {
  width: clamp(1px, 78.125vw, 1200px);
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  background: url(../img/top/message_bkg.png) no-repeat center center/contain;
  position: relative;
  padding-bottom: clamp(1px, 9.765625vw, 150px);
}
@media screen and (max-width: 767px) {
  .top .message__inner {
    width: 100%;
    background: url(../img/top/message_bkg_sp.png) no-repeat center center/contain;
    padding-bottom: 21.3333333333vw;
  }
}
.top .message__sec-title {
  text-align: center;
}
.top .message__video {
  width: clamp(1px, 45.5729166667vw, 700px);
  margin-top: clamp(1px, 4.2317708333vw, 65px);
  position: relative;
  cursor: pointer;
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .top .message__video {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .top .message__video {
    width: 88vw;
    margin-top: 8vw;
  }
}
.top .message__video .volume-btn {
  position: absolute;
  bottom: 3%;
  left: 2%;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  z-index: 999999;
}
.top .message__video .volume-btn .volume-off {
  display: block;
}
.top .message__video .volume-btn.on .volume-off {
  display: none;
}
.top .message__video .play-btn {
  width: clamp(1px, 12.0442708333vw, 185px);
  height: clamp(1px, 12.0442708333vw, 185px);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .top .message__video .play-btn {
    width: 17.8666666667vw;
    height: 17.8666666667vw;
  }
}
.top .message__video.playing .play-btn {
  display: none;
}
.top .message__enjoy {
  width: clamp(1px, 19.0104166667vw, 292px);
  position: absolute;
  bottom: 12%;
  right: 2%;
}
@media screen and (max-width: 767px) {
  .top .message__enjoy {
    width: 46.1333333333vw;
    bottom: 0;
    right: 2%;
  }
}
.top .carousel {
  margin-top: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .top .carousel {
    margin-top: 2.6666666667vw;
  }
}
.top .carousel__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5625vw;
  -webkit-animation: 70s linear infinite top-markee;
          animation: 70s linear infinite top-markee;
}
@-webkit-keyframes top-markee {
  0% {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes top-markee {
  0% {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@media screen and (max-width: 767px) {
  .top .carousel__inner {
    gap: 6.4vw;
    -webkit-animation: 35s linear infinite top-markee;
            animation: 35s linear infinite top-markee;
  }
}
.top .carousel__text {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 5.859375vw, 90px);
  color: #e4e4e8;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.3555555556;
}
@media screen and (max-width: 767px) {
  .top .carousel__text {
    font-size: 16vw;
  }
}
.top .what {
  width: 89.1927083333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 9.765625vw, 150px);
  margin: clamp(1px, 7.8125vw, 120px) 0 0 auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .top .what {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 8.5333333333vw 0 0 auto;
  }
}
.top .what__bird {
  width: clamp(1px, 17.4479166667vw, 268px);
  position: absolute;
  top: -27%;
  left: -12%;
}
@media screen and (max-width: 767px) {
  .top .what__bird {
    width: 44.8vw;
    top: 2%;
    left: 0;
  }
}
.top .what__desc {
  padding: clamp(1px, 6.5104166667vw, 100px) 0 0 0;
}
@media screen and (max-width: 767px) {
  .top .what__desc {
    padding: 0 8.5333333333vw 0;
  }
}
.top .what__sec-title, .top .what__p-title {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .top .what__sec-title, .top .what__p-title {
    text-align: right;
  }
}
.top .what__p-title, .top .what__p-text {
  margin-top: clamp(1px, 2.9947916667vw, 46px);
}
@media screen and (max-width: 767px) {
  .top .what__p-title, .top .what__p-text {
    margin-top: 9.6vw;
  }
}
.top .what__p-text {
  width: clamp(1px, 28.4505208333vw, 437px);
}
@media screen and (max-width: 767px) {
  .top .what__p-text {
    width: 100%;
  }
}
.top .what__carousel {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.top .what__carousel-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5625vw;
  -webkit-animation: 35s linear infinite top-markee;
          animation: 35s linear infinite top-markee;
}
@keyframes top-markee {
  0% {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@media screen and (max-width: 767px) {
  .top .what__carousel-inner {
    gap: 6.4vw;
    -webkit-animation: 35s linear infinite top-markee;
            animation: 35s linear infinite top-markee;
  }
}
.top .what__carousel-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 0.6510416667vw, 10px);
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
@media screen and (max-width: 767px) {
  .top .what__carousel-list {
    gap: 1.6vw;
  }
}
.top .what__carousel-item {
  width: clamp(1px, 23.046875vw, 354px);
}
@media screen and (max-width: 767px) {
  .top .what__carousel-item {
    width: 42.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .top .what .what__desc-wrap {
    padding-bottom: 12.5333333333vw;
    position: relative;
    max-height: 47.2vw;
    overflow-y: hidden;
    -webkit-transition: max-height 0.6s cubic-bezier(0, 1, 0, 1);
    transition: max-height 0.6s cubic-bezier(0, 1, 0, 1);
  }
}
@media screen and (max-width: 767px) {
  .top .what .what__btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12.5333333333vw;
    background: #f2f2f4;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .top .what .what__btn-wrap::before {
    content: "";
    position: absolute;
    top: -13.0666666667vw;
    left: 0;
    width: 100%;
    height: 13.3333333333vw;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#f2f2f4));
    background: linear-gradient(to bottom, transparent, #f2f2f4);
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
}
.top .what .what__btn {
  display: none;
}
@media screen and (max-width: 767px) {
  .top .what .what__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 37.3333333333vw;
    height: 8vw;
    font-size: 3.2vw;
    position: relative;
  }
}
.top .what .what__btn::after {
  content: "";
  position: absolute;
  top: 43%;
  right: 3.7333333333vw;
  width: 2.1333333333vw;
  height: 2.1333333333vw;
  border-bottom: 0.4vw solid #0045a7;
  border-right: 0.4vw solid #0045a7;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.top .what .what__btn.active::after {
  top: 57%;
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
}
@media screen and (max-width: 767px) {
  .top .what .what__desc-wrap.open {
    -webkit-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out;
    max-height: 300vh;
  }
}
@media screen and (max-width: 767px) {
  .top .what .what__desc-wrap.open .what__btn-wrap::before {
    background: transparent;
  }
}
.top .bubbles {
  position: relative;
}
.top .bubbles-fore {
  position: absolute;
  top: -3%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  pointer-events: none;
}
.top .diving {
  background: #0045a7;
  padding: clamp(1px, 7.6822916667vw, 118px) 0 clamp(1px, 11.71875vw, 180px);
  margin-top: clamp(1px, 7.8125vw, 120px);
  border-top-right-radius: clamp(1px, 1.3020833333vw, 20px);
  overflow: hidden;
  border-top-left-radius: clamp(1px, 1.3020833333vw, 20px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .top .diving {
    border-top-right-radius: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .top .diving {
    border-top-left-radius: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .top .diving {
    padding: 21.3333333333vw 0 29.3333333333vw;
    margin-top: 10.6666666667vw;
  }
}
.top .diving > * {
  color: #fff;
}
.top .diving__service {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.25;
}
@media screen and (max-width: 767px) {
  .top .diving__service {
    font-size: 4.2666666667vw;
  }
}
.top .diving__sec-title,
.top .diving .sec-title--jp, .top .diving__p-title, .top .diving__p-text {
  color: #fff;
}
.top .diving__p-title, .top .diving__p-text {
  margin-top: clamp(1px, 2.34375vw, 36px);
}
@media screen and (max-width: 767px) {
  .top .diving__p-title, .top .diving__p-text {
    margin-top: 6.9333333333vw;
  }
}
.top .diving__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 1.953125vw, 30px);
  margin-top: clamp(1px, 6.5104166667vw, 100px);
}
@media screen and (max-width: 767px) {
  .top .diving__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16vw;
    margin-top: 21.3333333333vw;
  }
}
.top .diving__item {
  background: #fff;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .top .diving__item {
    width: 100%;
    border-radius: 2.6666666667vw;
  }
}
.top .diving__item-link {
  display: block;
  position: relative;
  padding: clamp(1px, 2.6041666667vw, 40px) clamp(1px, 1.3020833333vw, 20px) clamp(1px, 2.2786458333vw, 35px);
}
@media screen and (max-width: 767px) {
  .top .diving__item-link {
    padding: 6.9333333333vw 4.2666666667vw 6.6666666667vw;
  }
}
.top .diving__item-number {
  position: absolute;
  top: 0;
  left: clamp(1px, 1.3020833333vw, 20px);
  -webkit-transform: translateY(-90%);
          transform: translateY(-90%);
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 2.34375vw, 36px);
  color: #fff;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .top .diving__item-number {
    font-size: 9.6vw;
  }
}
@media screen and (max-width: 767px) {
  .top .diving__item-number {
    left: 4.2666666667vw;
  }
}
.top .diving__item-title {
  font-size: clamp(1px, 2.34375vw, 36px);
  color: #0045a7;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top .diving__item-title {
    font-size: 6.9333333333vw;
  }
}
.top .diving__item-license {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  font-size: clamp(1px, 0.9114583333vw, 14px);
  color: #0045a7;
  letter-spacing: 0.05em;
  line-height: 1;
  border: 1px solid #0045a7;
  border-radius: 200px;
  padding: clamp(1px, 0.390625vw, 6px) clamp(1px, 1.0416666667vw, 16px);
  margin: clamp(1px, 0.6510416667vw, 10px) auto 0;
}
@media screen and (max-width: 767px) {
  .top .diving__item-license {
    font-size: 3.2vw;
    padding: 1.0666666667vw 3.2vw;
    margin: 2.1333333333vw auto 0;
  }
}
.top .diving__item-img {
  margin-top: clamp(1px, 1.8229166667vw, 28px);
}
@media screen and (max-width: 767px) {
  .top .diving__item-img {
    margin-top: 5.3333333333vw;
  }
}
.top .diving__item-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: clamp(1px, 1.8229166667vw, 28px);
  padding-left: clamp(1px, 1.8229166667vw, 28px);
}
@media screen and (max-width: 767px) {
  .top .diving__item-desc {
    margin-top: 4.5333333333vw;
    padding-left: 5.3333333333vw;
  }
}
.top .diving__item-text {
  color: #0045a7;
  line-height: 1.75;
}
.top .diving__item-price {
  display: block;
  font-family: "unbounded", sans-serif;
  font-weight: 600;
  margin-top: clamp(1px, 0.3255208333vw, 5px);
}
@media screen and (max-width: 767px) {
  .top .diving__item-price {
    margin-top: 1.3333333333vw;
  }
}
.top .diving__item-arrow {
  display: block;
  width: clamp(1px, 3.90625vw, 60px);
  height: clamp(1px, 3.90625vw, 60px);
  border-radius: 200px;
  background: #0045a7;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  position: relative;
  margin-right: clamp(1px, 0.6510416667vw, 10px);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media screen and (max-width: 767px) {
  .top .diving__item-arrow {
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    margin-right: 0;
  }
}
.top .diving__item-arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: clamp(1px, 1.953125vw, 30px);
  height: clamp(1px, 1.5625vw, 24px);
  background: url(../img/common/btn-arrow.svg) no-repeat center center/contain;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
@media screen and (max-width: 767px) {
  .top .diving__item-arrow:before {
    width: 6.6666666667vw;
    height: 5.3333333333vw;
  }
}
.top .diving__item-link:hover .diving__item-arrow {
  margin-right: -5px;
}
.top .diving__limited {
  margin-top: clamp(1px, 3.90625vw, 60px);
}
@media screen and (max-width: 767px) {
  .top .diving__limited {
    margin-top: 10.6666666667vw;
    padding: 0 4.2666666667vw;
  }
}
.top .diving__limited .limited__title {
  text-align: center;
}
.top .diving__limited .limited__title--en {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 1.171875vw, 18px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 0.3488372093;
}
@media screen and (max-width: 767px) {
  .top .diving__limited .limited__title--en {
    font-size: 4vw;
  }
}
.top .diving__limited .limited__img {
  width: clamp(1px, 48.828125vw, 750px);
  margin: 0 auto;
  margin-top: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .top .diving__limited .limited__img {
    width: 90.9333333333vw;
    margin-top: 5.3333333333vw;
  }
}
.top .diving__limited .limited__img img {
  margin-right: calc(-1 * clamp(1px, 1.4322916667vw, 22px));
}
@media screen and (max-width: 767px) {
  .top .diving__limited .limited__img img {
    margin-right: -2.6666666667vw;
  }
}
.top .diving__limited .limited__text {
  text-align: center;
  color: #fff;
  margin-top: clamp(1px, 1.953125vw, 30px);
}
@media screen and (max-width: 767px) {
  .top .diving__limited .limited__text {
    margin-top: 6.9333333333vw;
  }
}
.top .diving__limited .limited__btn {
  width: clamp(1px, 18.8802083333vw, 290px);
  height: clamp(1px, 4.1666666667vw, 64px);
  font-size: clamp(1px, 1.171875vw, 18px);
  margin: clamp(1px, 3.515625vw, 54px) auto 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top .diving__limited .limited__btn {
    width: 74.6666666667vw;
    height: 16vw;
    font-size: 4.2666666667vw;
    margin: 12.2666666667vw auto 0;
  }
}
.top .diving__limited .limited__btn .btn__arrow {
  width: clamp(1px, 1.953125vw, 30px);
  height: clamp(1px, 1.953125vw, 30px);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media screen and (max-width: 767px) {
  .top .diving__limited .limited__btn .btn__arrow {
    width: 8vw;
    height: 8vw;
  }
}
.top .diving__limited .limited__btn .btn__arrow::before {
  width: clamp(1px, 1.3020833333vw, 20px);
  height: clamp(1px, 0.9765625vw, 15px);
}
@media screen and (max-width: 767px) {
  .top .diving__limited .limited__btn .btn__arrow::before {
    width: 5.3333333333vw;
    height: 4vw;
  }
}
.top .diving__limited .limited__btn:hover .btn__arrow {
  margin-right: -5px;
}
.top .license {
  background: url(../img/top/license_bkg.jpg) no-repeat center center/cover;
  padding: clamp(1px, 7.8125vw, 120px) 0;
  border-top-right-radius: clamp(1px, 1.3020833333vw, 20px);
  overflow: hidden;
  border-top-left-radius: clamp(1px, 1.3020833333vw, 20px);
  overflow: hidden;
  margin-top: calc(-1 * clamp(1px, 1.953125vw, 30px));
}
@media screen and (max-width: 767px) {
  .top .license {
    border-top-right-radius: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .top .license {
    border-top-left-radius: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .top .license {
    background: url(../img/top/license_bkg_sp.jpg) no-repeat center center/cover;
    padding: 21.3333333333vw 0;
    margin-top: -8vw;
  }
}
.top .license * {
  color: #fff;
}
.top .license__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 5.46875vw, 84px);
}
@media screen and (max-width: 767px) {
  .top .license__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10.6666666667vw;
  }
}
.top .license__service {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.25;
}
@media screen and (max-width: 767px) {
  .top .license__service {
    font-size: 4.2666666667vw;
  }
}
.top .license__sec-title,
.top .license .sec-title--jp, .top .license__p-text {
  color: #fff;
}
.top .license__p-text {
  margin-top: clamp(1px, 2.34375vw, 36px);
}
@media screen and (max-width: 767px) {
  .top .license__p-text {
    margin-top: 6.9333333333vw;
  }
}
.top .license__btn {
  width: clamp(1px, 18.8802083333vw, 290px);
  height: clamp(1px, 4.1666666667vw, 64px);
  font-size: clamp(1px, 1.171875vw, 18px);
  margin: clamp(1px, 3.515625vw, 54px) 0 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top .license__btn {
    width: 74.6666666667vw;
    height: 16vw;
    font-size: 4.2666666667vw;
    margin: 0 auto 0;
  }
}
.top .license__btn .btn__arrow {
  width: clamp(1px, 1.953125vw, 30px);
  height: clamp(1px, 1.953125vw, 30px);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media screen and (max-width: 767px) {
  .top .license__btn .btn__arrow {
    width: 8vw;
    height: 8vw;
  }
}
.top .license__btn .btn__arrow::before {
  width: clamp(1px, 1.3020833333vw, 20px);
  height: clamp(1px, 0.9765625vw, 15px);
}
@media screen and (max-width: 767px) {
  .top .license__btn .btn__arrow::before {
    width: 5.3333333333vw;
    height: 4vw;
  }
}
.top .license__btn:hover .btn__arrow {
  margin-right: -5px;
}
.top .license__category {
  background: #fff;
  color: #0045a7;
  border-radius: 200px;
  padding: clamp(1px, 0.5208333333vw, 8px) clamp(1px, 1.3671875vw, 21px);
  font-size: clamp(1px, 0.9114583333vw, 14px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .top .license__category {
    font-size: 3.4666666667vw;
    padding: 1.3333333333vw 4.2666666667vw;
  }
}
.top .license .license__p-title {
  margin-top: clamp(1px, 1.171875vw, 18px);
}
@media screen and (max-width: 767px) {
  .top .license .license__p-title {
    margin-top: 5.3333333333vw;
  }
}
.top .license .license__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: clamp(1px, 1.953125vw, 30px);
}
@media screen and (max-width: 767px) {
  .top .license .license__list {
    -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;
    margin-top: 9.6vw;
  }
}
.top .license .license__item {
  width: clamp(1px, 18.2291666667vw, 280px);
  background: rgba(237, 244, 247, 0.1607843137);
  backdrop-filter: blur(3px);
  border-radius: 200px;
  padding: clamp(1px, 2.6041666667vw, 40px) clamp(1px, 1.6276041667vw, 25px) clamp(1px, 3.90625vw, 60px);
}
@media screen and (max-width: 767px) {
  .top .license .license__item {
    width: 74.6666666667vw;
    padding: 10.6666666667vw 6.6666666667vw 16vw;
  }
}
.top .license .license__item-img {
  width: clamp(1px, 11.5234375vw, 177px);
  height: clamp(1px, 11.5234375vw, 177px);
  border-radius: 200px;
  background: rgba(237, 244, 247, 0.1607843137);
  backdrop-filter: blur(3px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .top .license .license__item-img {
    width: 47.2vw;
    height: 47.2vw;
  }
}
.top .license .license__item-img img {
  width: clamp(1px, 3.6458333333vw, 56px);
}
@media screen and (max-width: 767px) {
  .top .license .license__item-img img {
    width: 14.9333333333vw;
  }
}
.top .license .license__item--1 {
  z-index: 3;
}
.top .license .license__item--2,
.top .license .license__item--3 {
  margin-left: calc(-1 * clamp(1px, 1.3020833333vw, 20px));
}
@media screen and (max-width: 767px) {
  .top .license .license__item--2,
  .top .license .license__item--3 {
    margin-left: 0;
    margin-top: -5.3333333333vw;
  }
}
.top .license .license__item--2 {
  z-index: 2;
}
.top .license .license__item--2 .license__item-img img {
  width: clamp(1px, 3.515625vw, 54px);
}
@media screen and (max-width: 767px) {
  .top .license .license__item--2 .license__item-img img {
    width: 14.4vw;
  }
}
.top .license .license__item--3 .license__item-img img {
  width: clamp(1px, 2.9947916667vw, 46px);
}
@media screen and (max-width: 767px) {
  .top .license .license__item--3 .license__item-img img {
    width: 12.2666666667vw;
  }
}
.top .license .license__item-title,
.top .license .license__item-text {
  margin-top: clamp(1px, 1.3020833333vw, 20px);
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .top .license .license__item-title,
  .top .license .license__item-text {
    margin-top: 5.3333333333vw;
  }
}
.top .license .license__item-title {
  font-size: clamp(1px, 1.4322916667vw, 22px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .top .license .license__item-title {
    font-size: 5.8666666667vw;
  }
}
.top .license .license__item-text {
  font-size: clamp(1px, 0.78125vw, 12px);
  letter-spacing: 0.05em;
  line-height: 1.4166666667;
}
@media screen and (max-width: 767px) {
  .top .license .license__item-text {
    font-size: 3.2vw;
  }
}
.top .license .padi {
  margin-top: clamp(1px, 3.90625vw, 60px);
}
@media screen and (max-width: 767px) {
  .top .license .padi {
    margin-top: 12.2666666667vw;
  }
}
.top .license .padi__title {
  font-size: clamp(1px, 1.4322916667vw, 22px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 0.5208333333vw, 8px);
}
@media screen and (max-width: 767px) {
  .top .license .padi__title {
    font-size: 5.8666666667vw;
    gap: 2.1333333333vw;
  }
}
.top .license .padi__title .padi_q {
  display: block;
  width: clamp(1px, 2.34375vw, 36px);
  height: clamp(1px, 2.34375vw, 36px);
  border-radius: 200px;
  background: rgba(237, 244, 247, 0.1607843137);
  backdrop-filter: blur(3px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .top .license .padi__title .padi_q {
    width: 9.6vw;
    height: 9.6vw;
  }
}
.top .license .padi__title .padi_q img {
  width: clamp(1px, 0.6510416667vw, 10px);
}
@media screen and (max-width: 767px) {
  .top .license .padi__title .padi_q img {
    width: 2.6666666667vw;
  }
}
.top .license .padi__text {
  color: #fff;
  margin-top: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .top .license .padi__text {
    margin-top: 5.3333333333vw;
  }
}
.top .instructors {
  padding: clamp(1px, 9.1145833333vw, 140px) 0;
}
@media screen and (max-width: 767px) {
  .top .instructors {
    padding: 21.3333333333vw 0;
  }
}
.top .instructors__p-text {
  margin-top: clamp(1px, 2.34375vw, 36px);
}
@media screen and (max-width: 767px) {
  .top .instructors__p-text {
    margin-top: 6.9333333333vw;
  }
}
.top .instructors__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(1px, 0.9114583333vw, 14px);
  margin-top: clamp(1px, 3.6458333333vw, 56px);
}
@media screen and (max-width: 767px) {
  .top .instructors__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5.3333333333vw;
    margin-top: 9.6vw;
  }
}
.top .instructors__item {
  width: clamp(1px, 42.96875vw, 660px);
  background: rgba(255, 255, 255, 0.5333333333);
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
  padding: clamp(1px, 1.171875vw, 18px);
}
@media screen and (max-width: 767px) {
  .top .instructors__item {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .top .instructors__item {
    width: 100%;
    padding: 2.6666666667vw;
  }
}
.top .instructors__item-wrap {
  height: 100%;
  background: #fff;
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
  padding: clamp(1px, 2.6041666667vw, 40px) clamp(1px, 5.5989583333vw, 86px);
}
@media screen and (max-width: 767px) {
  .top .instructors__item-wrap {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .top .instructors__item-wrap {
    height: auto;
    padding: 8vw 4.2666666667vw;
  }
}
.top .instructors__item-img {
  width: clamp(1px, 22.3958333333vw, 344px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .top .instructors__item-img {
    width: 100%;
  }
}
.top .instructors__item-title {
  font-size: clamp(1px, 1.4322916667vw, 22px);
  color: #0045a7;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 0.9090909091;
  text-align: center;
  margin-top: clamp(1px, 1.953125vw, 30px);
}
@media screen and (max-width: 767px) {
  .top .instructors__item-title {
    font-size: 5.8666666667vw;
    margin-top: 8vw;
  }
}
.top .instructors__item-furigana {
  font-size: clamp(1px, 0.9114583333vw, 14px);
  color: #0045a7;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.4285714286;
}
@media screen and (max-width: 767px) {
  .top .instructors__item-furigana {
    font-size: 3.7333333333vw;
    margin-top: 2.6666666667vw;
  }
}
.top .instructors__item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 3.2552083333vw, 50px);
  margin-top: clamp(1px, 1.6927083333vw, 26px);
}
@media screen and (max-width: 767px) {
  .top .instructors__item-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4vw;
    margin-top: 6.9333333333vw;
  }
}
.top .instructors__item-row--certificate {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0;
}
@media screen and (max-width: 767px) {
  .top .instructors__item-row--certificate {
    gap: 0;
  }
}
.top .instructors__item-l {
  min-width: clamp(1px, 6.3151041667vw, 97px);
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 0.9114583333vw, 14px);
  color: #949494;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2142857143;
  padding-top: clamp(1px, 0.1953125vw, 3px);
}
@media screen and (max-width: 767px) {
  .top .instructors__item-l {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .top .instructors__item-l {
    min-width: 25.8666666667vw;
    padding-top: 0;
  }
}
.top .instructors__item-l--certificate {
  width: 100%;
}
.top .instructors .certificate {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(1px, 0.6510416667vw, 10px);
}
@media screen and (max-width: 767px) {
  .top .instructors .certificate {
    gap: 2.6666666667vw;
  }
}
.top .instructors .certificate__img {
  width: 100%;
}
.top .instructors .instructors-about {
  width: 100%;
  background: #fff;
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
  margin: clamp(1px, 3.90625vw, 60px) auto 0;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .top .instructors .instructors-about {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .top .instructors .instructors-about {
    width: 100%;
    padding: 0 4.2666666667vw;
    margin: 2.6666666667vw auto 0;
  }
}
.top .instructors .instructors-about__header {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: clamp(1px, 3.90625vw, 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  padding: 0 clamp(1px, 2.1484375vw, 33px) 0 clamp(1px, 3.125vw, 48px);
  margin-inline: auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .top .instructors .instructors-about__header {
    font-size: 4vw;
    height: 17.3333333333vw;
    line-height: 1.5333333333;
    padding: 0 8vw 0 12.5333333333vw;
  }
}
.top .instructors .instructors-about__header::before {
  content: "?";
  width: clamp(1px, 2.34375vw, 36px);
  height: clamp(1px, 2.34375vw, 36px);
  background: #f2f2f4;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 1.4322916667vw, 22px);
  color: #1f1f1f;
  font-weight: 600;
  letter-spacing: 0;
  border-radius: 200px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .top .instructors .instructors-about__header::before {
    width: 9.6vw;
    height: 9.6vw;
    font-size: 5.8666666667vw;
  }
}
.top .instructors .instructors-about__header::after {
  content: "";
  width: clamp(1px, 0.6510416667vw, 10px);
  height: clamp(1px, 0.6510416667vw, 10px);
  position: absolute;
  border-right: 1px solid #1f1f1f;
  border-bottom: 1px solid #1f1f1f;
  top: 50%;
  right: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
@media screen and (max-width: 767px) {
  .top .instructors .instructors-about__header::after {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
}
.top .instructors .instructors-about__content {
  display: none;
}
.top .instructors .instructors-about__inner {
  padding: clamp(1px, 1.3020833333vw, 20px) 0 clamp(1px, 1.953125vw, 30px);
}
@media screen and (max-width: 767px) {
  .top .instructors .instructors-about__inner {
    padding: 2.6666666667vw 0 5.3333333333vw;
  }
}
.top .instructors .instructors-about__title {
  font-size: clamp(1px, 1.0416666667vw, 16px);
  color: #949494;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top .instructors .instructors-about__title {
    font-size: 4vw;
    text-align: left;
  }
}
.top .instructors .instructors-about__img {
  width: 100%;
  margin-top: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .top .instructors .instructors-about__img {
    margin-top: 5.3333333333vw;
  }
}
.top .instructors .instructors-about__text {
  margin-top: clamp(1px, 1.953125vw, 30px);
}
@media screen and (max-width: 767px) {
  .top .instructors .instructors-about__text {
    margin-top: 5.3333333333vw;
  }
}
.top .instructors .instructors-about.is-active .instructors-about__header:after {
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
}
.top .rental {
  padding-top: clamp(1px, 7.8125vw, 120px);
  background: url(../img/top/rental_bkg.png) no-repeat top center/contain;
}
@media screen and (max-width: 767px) {
  .top .rental {
    padding-top: 21.3333333333vw;
    background: url(../img/top/rental_bkg_sp.png) no-repeat top center/contain;
  }
}
.top .rental__sec-title {
  color: #fff;
  text-align: center;
}
.top .rental__sec-title .sec-title--jp {
  color: #fff;
}
.top .rental__inner {
  background: #fff;
  margin-top: clamp(1px, 6.5104166667vw, 100px);
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
  padding: clamp(1px, 6.5104166667vw, 100px) clamp(1px, 10.0260416667vw, 154px);
}
@media screen and (max-width: 767px) {
  .top .rental__inner {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .top .rental__inner {
    width: 91.4666666667vw;
    margin-top: 9.6vw;
    padding: 13.3333333333vw 8.5333333333vw 20.2666666667vw;
  }
}
.top .rental__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 767px) {
  .top .rental__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 9.6vw;
  }
}
.top .rental__desc {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.top .rental__category {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 1.171875vw, 18px);
  color: #318fb4;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2222222222;
}
@media screen and (max-width: 767px) {
  .top .rental__category {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .top .rental__category {
    line-height: 1.4666666667;
  }
}
.top .rental__title {
  letter-spacing: 0;
  margin-top: clamp(1px, 0.6510416667vw, 10px);
}
@media screen and (max-width: 767px) {
  .top .rental__title {
    margin-top: 4.2666666667vw;
  }
}
.top .rental__text {
  width: clamp(1px, 30.46875vw, 468px);
  margin-top: clamp(1px, 2.34375vw, 36px);
}
@media screen and (max-width: 767px) {
  .top .rental__text {
    width: 100%;
    font-size: 4.2666666667vw;
    margin-top: 6.9333333333vw;
  }
}
.top .rental__btn {
  width: clamp(1px, 18.8802083333vw, 290px);
  height: clamp(1px, 4.1666666667vw, 64px);
  font-size: clamp(1px, 1.171875vw, 18px);
  margin-top: clamp(1px, 3.2552083333vw, 50px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top .rental__btn {
    width: 74.6666666667vw;
    height: 16vw;
    font-size: 4.2666666667vw;
    margin-top: 10.6666666667vw;
  }
}
.top .rental__btn .btn__arrow {
  width: clamp(1px, 1.953125vw, 30px);
  height: clamp(1px, 1.953125vw, 30px);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media screen and (max-width: 767px) {
  .top .rental__btn .btn__arrow {
    width: 8vw;
    height: 8vw;
  }
}
.top .rental__btn .btn__arrow::before {
  width: clamp(1px, 1.171875vw, 18px);
  height: clamp(1px, 0.9765625vw, 15px);
}
@media screen and (max-width: 767px) {
  .top .rental__btn .btn__arrow::before {
    width: 4.8vw;
    height: 4vw;
  }
}
.top .rental__btn:hover .btn__arrow {
  margin-right: -5px;
}
.top .rental__btn--bottom {
  margin: clamp(1px, 2.6041666667vw, 40px) auto 0;
}
@media screen and (max-width: 767px) {
  .top .rental__btn--bottom {
    margin: 8vw auto 0;
  }
}
.top .rental__img {
  width: clamp(1px, 34.5052083333vw, 530px);
}
@media screen and (max-width: 767px) {
  .top .rental__img {
    width: 100%;
  }
}
.top .rental__block {
  margin-top: clamp(1px, 6.5104166667vw, 100px);
}
@media screen and (max-width: 767px) {
  .top .rental__block {
    margin-top: 10.6666666667vw;
  }
}
.top .rental__block-title {
  font-size: clamp(1px, 1.171875vw, 18px);
  color: #318fb4;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .top .rental__block-title {
    font-size: 4.2666666667vw;
  }
}
.top .rental__block-inner {
  width: clamp(1px, 34.5052083333vw, 530px);
  background: #f2f2f4;
  padding: clamp(1px, 2.6041666667vw, 40px) clamp(1px, 3.2552083333vw, 50px) clamp(1px, 4.6875vw, 72px);
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
  margin-top: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .top .rental__block-inner {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .top .rental__block-inner {
    width: 100%;
    height: auto;
    padding: 8vw 5.3333333333vw;
    margin-top: 2.6666666667vw;
  }
}
.top .rental .price__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .top .rental .price__list {
    gap: 5.3333333333vw;
  }
}
.top .rental .price__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.top .rental .price__item p {
  line-height: 1;
}
.top .rental .price__item--example {
  padding-bottom: clamp(1px, 0.6510416667vw, 10px);
}
@media screen and (max-width: 767px) {
  .top .rental .price__item--example {
    padding-bottom: 0;
  }
}
.top .rental .price__img {
  margin-top: clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 767px) {
  .top .rental .price__img {
    margin-top: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .top .rental .use {
    margin-top: 0;
  }
}
.top .rental .use__inner {
  padding: clamp(1px, 2.6041666667vw, 40px) clamp(1px, 3.2552083333vw, 50px);
}
@media screen and (max-width: 767px) {
  .top .rental .use__inner {
    padding: 8vw 5.3333333333vw;
  }
}
.top .rental .use__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 1.6927083333vw, 26px);
}
@media screen and (max-width: 767px) {
  .top .rental .use__list {
    gap: 5.3333333333vw;
  }
}
.top .rental .use__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.top .rental .use__item:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 0;
  left: clamp(1px, 0.78125vw, 12px);
  width: 1px;
  height: 160%;
  background: #318fb4;
}
@media screen and (max-width: 767px) {
  .top .rental .use__item:not(:last-child)::before {
    left: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .top .rental .use__item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.top .rental .use__nr {
  width: clamp(1px, 1.6276041667vw, 25px);
  height: clamp(1px, 1.6276041667vw, 25px);
  background: #318fb4;
  color: #fff;
  border-radius: 200px;
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 0.9114583333vw, 14px);
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .top .rental .use__nr {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .top .rental .use__nr {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
.top .rental .use__name {
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.375;
  margin-left: clamp(1px, 0.6510416667vw, 10px);
}
@media screen and (max-width: 767px) {
  .top .rental .use__name {
    font-size: 4vw;
    margin-left: 2.6666666667vw;
  }
}
.top .rental .use__wrap {
  width: clamp(1px, 17.2526041667vw, 265px);
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .top .rental .use__wrap {
    width: 100%;
    padding-left: 9.3333333333vw;
  }
}
.top .rental .use__text {
  font-size: clamp(1px, 0.9114583333vw, 14px);
  line-height: 1.7142857143;
}
@media screen and (max-width: 767px) {
  .top .rental .use__text {
    font-size: 3.4666666667vw;
    padding-left: 9.3333333333vw;
  }
}
.top .rental .use__qr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 0.6510416667vw, 10px);
  margin: clamp(1px, 1.3020833333vw, 20px) 0 clamp(1px, 1.0416666667vw, 16px);
}
@media screen and (max-width: 767px) {
  .top .rental .use__qr {
    gap: 1.3333333333vw;
    margin: 5.3333333333vw 0 4.2666666667vw;
  }
}
.top .rental .use__qr-item {
  text-align: center;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.top .rental .use__qr-item:hover {
  opacity: 0.7;
}
.top .rental .use__link {
  text-decoration: underline;
}
.top .rental .use__text-ps {
  display: block;
  font-size: clamp(1px, 0.78125vw, 12px);
  margin-top: clamp(1px, 0.78125vw, 12px);
}
@media screen and (max-width: 767px) {
  .top .rental .use__text-ps {
    font-size: 3.2vw;
    margin-top: 3.2vw;
  }
}
.top .rental .use__text--qr {
  display: block;
  width: 100%;
  margin-top: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .top .rental .use__text--qr {
    width: 100%;
    margin-top: 5.3333333333vw;
  }
}
.top .rental .terms {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 6.5104166667vw, 100px);
  padding: clamp(1px, 1.953125vw, 30px) clamp(1px, 3.2552083333vw, 50px);
  margin-top: clamp(1px, 3.90625vw, 60px);
  background: #f2f2f4;
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .top .rental .terms {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .top .rental .terms {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8vw;
    padding: 8vw 5.3333333333vw;
    margin-top: 8vw;
  }
}
.top .rental .terms__title {
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .top .rental .terms__title {
    font-size: 4vw;
  }
}
.top .rental .terms__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 1.953125vw, 30px);
  margin-top: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .top .rental .terms__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4.2666666667vw;
    margin-top: 5.3333333333vw;
  }
}
.top .rental .terms__text {
  font-size: clamp(1px, 0.9114583333vw, 14px);
  line-height: 1.7142857143;
}
@media screen and (max-width: 767px) {
  .top .rental .terms__text {
    font-size: 3.7333333333vw;
  }
}
.top .rental .terms__pdfs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.top .rental .terms__pdf {
  font-size: clamp(1px, 0.9114583333vw, 14px);
  letter-spacing: 0;
  line-height: 2.2142857143;
  padding-left: clamp(1px, 1.2369791667vw, 19px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .top .rental .terms__pdf {
    font-size: 3.4666666667vw;
    padding-left: 5.0666666667vw;
  }
}
.top .rental .terms__pdf::before {
  content: "";
  width: clamp(1px, 0.8463541667vw, 13px);
  height: clamp(1px, 1.0416666667vw, 16px);
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../img/top/pdf_icon.svg) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .top .rental .terms__pdf::before {
    width: 3.4666666667vw;
    height: 4.2666666667vw;
  }
}
.top .rental .terms__pdf--link {
  text-decoration: underline;
}
.top .rental .terms__pdf--link::before {
  display: none;
}
.top .rental .terms__text {
  font-size: clamp(1px, 0.9114583333vw, 14px);
  line-height: 1.7142857143;
  margin-top: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .top .rental .terms__text {
    font-size: 3.4666666667vw;
    margin-top: 4.2666666667vw;
  }
}
.top .rental .terms__map {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 0.9114583333vw, 14px);
  font-weight: 300;
  line-height: 1.7142857143;
  position: relative;
  padding-right: clamp(1px, 1.3020833333vw, 20px);
  margin-top: clamp(1px, 0.6510416667vw, 10px);
  border-bottom: 1px solid #1f1f1f;
}
@media screen and (max-width: 767px) {
  .top .rental .terms__map {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .top .rental .terms__map {
    margin-top: 3.2vw;
    padding-right: 5.3333333333vw;
  }
}
.top .rental .terms__map::before {
  content: "";
  width: clamp(1px, 0.7161458333vw, 11px);
  height: clamp(1px, 0.8463541667vw, 13px);
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../img/top/googlemap_icon.svg) no-repeat center center/contain;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .top .rental .terms__map::before {
    width: 2.9333333333vw;
    height: 3.4666666667vw;
  }
}
.top .info {
  margin-top: clamp(1px, 7.8125vw, 120px);
}
@media screen and (max-width: 767px) {
  .top .info {
    margin-top: 21.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .top .info__sec-title {
    white-space: nowrap;
  }
}
.top .info__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(1px, 6.5104166667vw, 100px);
}
@media screen and (max-width: 767px) {
  .top .info__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10.6666666667vw;
  }
}
.top .info__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 0.6510416667vw, 10px);
}
@media screen and (max-width: 767px) {
  .top .info__list {
    gap: 2.6666666667vw;
  }
}
.top .info__item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: clamp(1px, 52.0833333333vw, 800px);
  padding: clamp(1px, 1.5625vw, 24px) clamp(1px, 1.953125vw, 30px);
  background: #fff;
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .top .info__item-wrap {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .top .info__item-wrap {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 3.7333333333vw;
    padding: 9.6vw;
  }
}
.top .info__date {
  width: clamp(1px, 9.4401041667vw, 145px);
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .top .info__date {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .top .info__date {
    width: 100%;
  }
}
.top .info__category {
  min-width: clamp(1px, 7.1614583333vw, 110px);
  color: #949494;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .top .info__category {
    min-width: 100%;
  }
}
.top .info__title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1;
  letter-spacing: 0.05em;
  margin-left: clamp(1px, 0.6510416667vw, 10px);
}
@media screen and (min-width: 768px) {
  .top .info__title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
}
@media screen and (max-width: 767px) {
  .top .info__title {
    line-height: 1.8;
    margin-left: 0;
  }
}
.top .info__btn {
  width: clamp(1px, 18.8802083333vw, 290px);
  height: clamp(1px, 4.1666666667vw, 64px);
  font-size: clamp(1px, 1.171875vw, 18px);
  margin: clamp(1px, 2.6041666667vw, 40px) 0 0 auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top .info__btn {
    width: 74.6666666667vw;
    height: 16vw;
    font-size: 4.2666666667vw;
    margin: 10.6666666667vw auto 0 auto;
  }
}
.top .info__btn .btn__arrow {
  width: clamp(1px, 1.953125vw, 30px);
  height: clamp(1px, 1.953125vw, 30px);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media screen and (max-width: 767px) {
  .top .info__btn .btn__arrow {
    width: 8vw;
    height: 8vw;
  }
}
.top .info__btn .btn__arrow::before {
  width: clamp(1px, 1.171875vw, 18px);
  height: clamp(1px, 0.9765625vw, 15px);
}
@media screen and (max-width: 767px) {
  .top .info__btn .btn__arrow::before {
    width: 4.8vw;
    height: 4vw;
  }
}
.top .info__btn:hover .btn__arrow {
  margin-right: -5px;
}
.top .shop {
  margin-top: clamp(1px, 6.5104166667vw, 100px);
}
@media screen and (max-width: 767px) {
  .top .shop {
    margin-top: 21.3333333333vw;
  }
}
.top .shop__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 5.5338541667vw, 85px);
  margin-top: clamp(1px, 3.2552083333vw, 50px);
}
@media screen and (max-width: 767px) {
  .top .shop__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 9.6vw;
    margin-top: 9.6vw;
  }
}
.top .shop__img {
  width: clamp(1px, 34.1145833333vw, 524px);
}
@media screen and (max-width: 767px) {
  .top .shop__img {
    width: 100%;
  }
}
.top .shop__title {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .top .shop__title {
    font-size: 6.9333333333vw;
  }
}
.top .shop__desc {
  padding-top: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .top .shop__desc {
    padding-top: 0;
  }
}
.top .shop__text {
  margin-top: clamp(1px, 1.6927083333vw, 26px);
}
@media screen and (max-width: 767px) {
  .top .shop__text {
    margin-top: 4.2666666667vw;
  }
}
.top .shop__text-phone, .top .shop__text-mail {
  display: block;
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.25;
  padding-left: clamp(1px, 1.5625vw, 24px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .top .shop__text-phone, .top .shop__text-mail {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .top .shop__text-phone, .top .shop__text-mail {
    padding-left: 5.3333333333vw;
  }
}
.top .shop__text-phone::before, .top .shop__text-mail::before {
  content: "";
  width: clamp(1px, 1.171875vw, 18px);
  height: clamp(1px, 1.171875vw, 18px);
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .top .shop__text-phone::before, .top .shop__text-mail::before {
    width: 4vw;
    height: 4vw;
  }
}
.top .shop__text-phone::before {
  background: url(../img/top/phone_icon.svg) no-repeat center center/contain;
}
.top .shop__text-mail::before {
  background: url(../img/top/mail_icon.svg) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .top .shop__text-mail {
    margin-top: 1.6vw;
  }
}
.top .shop__map {
  width: 100%;
  height: clamp(1px, 29.8177083333vw, 458px);
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
  margin-top: clamp(1px, 3.90625vw, 60px);
}
@media screen and (max-width: 767px) {
  .top .shop__map {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .top .shop__map {
    height: 55.2vw;
    margin-top: 9.6vw;
  }
}
.top .instagram {
  margin-top: clamp(1px, 9.1145833333vw, 140px);
  padding-bottom: clamp(1px, 7.1614583333vw, 110px);
}
@media screen and (max-width: 767px) {
  .top .instagram {
    margin-top: 21.3333333333vw;
    padding-bottom: 12.8vw;
  }
}
.top .instagram__sec-title {
  margin-bottom: clamp(1px, 2.9947916667vw, 46px);
}
@media screen and (max-width: 767px) {
  .top .instagram__sec-title {
    margin-bottom: 9.6vw;
  }
}

@media screen and (max-width: 767px) {
  .diving-page .diving-sec__title span {
    font-size: 4.8vw;
  }
}
.diving-page .about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: clamp(1px, 9.765625vw, 150px);
  margin-top: clamp(1px, 7.8125vw, 120px);
}
@media screen and (max-width: 767px) {
  .diving-page .about {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0;
  }
}
.diving-page .about__img {
  width: 50vw;
  height: 50vw;
  border-top-left-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
  border-bottom-left-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .diving-page .about__img {
    border-top-left-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .about__img {
    border-bottom-left-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .about__img {
    width: 91.4666666667vw;
    height: 91.4666666667vw;
    margin: 0 0 0 auto;
  }
}
.diving-page .about__img img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 767px) {
  .diving-page .about__sec-title, .diving-page .about__p-text {
    padding: 0 8.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .about__p-title {
    padding: 0 0 0 8.5333333333vw;
  }
}
.diving-page .about__p-title, .diving-page .about__p-text {
  margin-top: clamp(1px, 2.9947916667vw, 46px);
}
@media screen and (max-width: 767px) {
  .diving-page .about__p-title, .diving-page .about__p-text {
    margin-top: 9.6vw;
  }
}
.diving-page .about__p-text {
  width: clamp(1px, 28.4505208333vw, 437px);
}
@media screen and (max-width: 767px) {
  .diving-page .about__p-text {
    width: 100%;
  }
}
.diving-page .diving {
  padding: clamp(1px, 7.6822916667vw, 118px) 0 clamp(1px, 11.71875vw, 180px);
  margin-top: clamp(1px, 7.8125vw, 120px);
  border-top-right-radius: clamp(1px, 1.3020833333vw, 20px);
  overflow: hidden;
  border-top-left-radius: clamp(1px, 1.3020833333vw, 20px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .diving-page .diving {
    border-top-right-radius: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .diving {
    border-top-left-radius: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .diving {
    padding: 21.3333333333vw 0 29.3333333333vw;
    margin-top: 0;
  }
}
.diving-page .diving__service {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.25;
}
@media screen and (max-width: 767px) {
  .diving-page .diving__service {
    font-size: 4.2666666667vw;
  }
}
.diving-page .diving__p-title, .diving-page .diving__p-text {
  margin-top: clamp(1px, 2.34375vw, 36px);
}
@media screen and (max-width: 767px) {
  .diving-page .diving__p-title, .diving-page .diving__p-text {
    margin-top: 6.9333333333vw;
  }
}
.diving-page .diving__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 1.953125vw, 30px);
  margin-top: clamp(1px, 6.5104166667vw, 100px);
}
@media screen and (max-width: 767px) {
  .diving-page .diving__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16vw;
    margin-top: 21.3333333333vw;
  }
}
.diving-page .diving__item {
  background: #fff;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .diving-page .diving__item {
    width: 100%;
    border-radius: 2.6666666667vw;
  }
}
.diving-page .diving__item:hover .diving__item-arrow:before {
  top: 5px;
}
.diving-page .diving__item-link {
  display: block;
  position: relative;
  padding: clamp(1px, 2.6041666667vw, 40px) clamp(1px, 1.3020833333vw, 20px) clamp(1px, 2.2786458333vw, 35px);
}
@media screen and (max-width: 767px) {
  .diving-page .diving__item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 7.7333333333vw 7.7333333333vw 8vw 6.9333333333vw;
  }
}
.diving-page .diving__item-number {
  position: absolute;
  top: 0;
  left: clamp(1px, 1.3020833333vw, 20px);
  -webkit-transform: translateY(-90%);
          transform: translateY(-90%);
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 2.34375vw, 36px);
  color: #0045a7;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .diving-page .diving__item-number {
    font-size: 9.6vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .diving__item-number {
    left: 4.2666666667vw;
  }
}
.diving-page .diving__item-title {
  font-size: clamp(1px, 2.34375vw, 36px);
  color: #0045a7;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .diving-page .diving__item-title {
    font-size: 6.9333333333vw;
  }
}
.diving-page .diving__item-license {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  font-size: clamp(1px, 0.9114583333vw, 14px);
  color: #0045a7;
  letter-spacing: 0.05em;
  line-height: 1;
  border: 1px solid #0045a7;
  border-radius: 200px;
  padding: clamp(1px, 0.390625vw, 6px) clamp(1px, 1.0416666667vw, 16px);
  margin: clamp(1px, 0.6510416667vw, 10px) auto 0;
}
@media screen and (max-width: 767px) {
  .diving-page .diving__item-license {
    font-size: 3.2vw;
    padding: 1.0666666667vw 3.2vw;
    margin: 2.1333333333vw auto 0 0;
  }
}
.diving-page .diving__item-img {
  margin-top: clamp(1px, 1.8229166667vw, 28px);
}
@media screen and (max-width: 767px) {
  .diving-page .diving__item-img {
    margin-top: 5.3333333333vw;
  }
}
.diving-page .diving__item-desc {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(1px, 0.6510416667vw, 10px);
  padding-left: clamp(1px, 1.8229166667vw, 28px);
  margin-top: clamp(1px, 1.8229166667vw, 28px);
}
@media screen and (max-width: 767px) {
  .diving-page .diving__item-desc {
    gap: 2.6666666667vw;
    padding-left: 5.3333333333vw;
    margin-top: 0;
  }
}
.diving-page .diving__item-text {
  line-height: 1.75;
}
.diving-page .diving__item-price {
  display: block;
  font-family: "unbounded", sans-serif;
  font-weight: 600;
  margin-top: clamp(1px, 0.3255208333vw, 5px);
}
@media screen and (max-width: 767px) {
  .diving-page .diving__item-price {
    margin-top: 1.3333333333vw;
  }
}
.diving-page .diving__item-arrow {
  display: block;
  width: clamp(1px, 1.3020833333vw, 20px);
  height: clamp(1px, 0.5859375vw, 9px);
  position: relative;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .diving-page .diving__item-arrow {
    width: 5.3333333333vw;
    height: 2.4vw;
  }
}
.diving-page .diving__item-arrow:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/common/arrow-down.svg) no-repeat center center/contain;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.diving-page .diving__limited {
  margin-top: clamp(1px, 3.90625vw, 60px);
}
@media screen and (max-width: 767px) {
  .diving-page .diving__limited {
    margin-top: 10.6666666667vw;
    padding: 0 4.2666666667vw;
  }
}
.diving-page .diving__limited .limited__title {
  text-align: center;
  color: #0045a7;
}
.diving-page .diving__limited .limited__title--en {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 1.171875vw, 18px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 0.3488372093;
}
@media screen and (max-width: 767px) {
  .diving-page .diving__limited .limited__title--en {
    font-size: 4vw;
  }
}
.diving-page .diving__limited .limited__img {
  width: clamp(1px, 48.828125vw, 750px);
  margin: 0 auto;
  margin-top: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .diving-page .diving__limited .limited__img {
    width: 90.9333333333vw;
    margin-top: 5.3333333333vw;
  }
}
.diving-page .diving__limited .limited__img img {
  margin-right: calc(-1 * clamp(1px, 1.4322916667vw, 22px));
}
@media screen and (max-width: 767px) {
  .diving-page .diving__limited .limited__img img {
    margin-right: -2.6666666667vw;
  }
}
.diving-page .diving__limited .limited__text {
  text-align: center;
  margin-top: clamp(1px, 1.953125vw, 30px);
}
@media screen and (max-width: 767px) {
  .diving-page .diving__limited .limited__text {
    margin-top: 6.9333333333vw;
  }
}
.diving-page .diving__limited .limited__btn {
  width: clamp(1px, 23.4375vw, 360px);
  height: clamp(1px, 4.1666666667vw, 64px);
  font-size: clamp(1px, 1.171875vw, 18px);
  margin: clamp(1px, 3.515625vw, 54px) auto 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .diving-page .diving__limited .limited__btn {
    width: 74.6666666667vw;
    height: 16vw;
    font-size: 4.2666666667vw;
    margin: 12.2666666667vw auto 0;
  }
}
.diving-page .diving__limited .limited__btn .btn__arrow {
  width: clamp(1px, 1.953125vw, 30px);
  height: clamp(1px, 1.953125vw, 30px);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media screen and (max-width: 767px) {
  .diving-page .diving__limited .limited__btn .btn__arrow {
    width: 8vw;
    height: 8vw;
  }
}
.diving-page .diving__limited .limited__btn .btn__arrow::before {
  width: clamp(1px, 1.3020833333vw, 20px);
  height: clamp(1px, 0.9765625vw, 15px);
}
@media screen and (max-width: 767px) {
  .diving-page .diving__limited .limited__btn .btn__arrow::before {
    width: 5.3333333333vw;
    height: 4vw;
  }
}
.diving-page .diving__limited .limited__btn:hover .diving__item-arrow:before {
  top: 20px;
}
.diving-page .diving-courses {
  padding-bottom: clamp(1px, 7.8125vw, 120px);
}
@media screen and (max-width: 767px) {
  .diving-page .diving-courses {
    padding-bottom: 21.3333333333vw;
  }
}
.diving-page .diving-intro {
  background: #0045a7;
  padding: clamp(1px, 5.2083333333vw, 80px) 0;
  border-top-right-radius: clamp(1px, 1.3020833333vw, 20px);
  overflow: hidden;
  border-top-left-radius: clamp(1px, 1.3020833333vw, 20px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .diving-page .diving-intro {
    border-top-right-radius: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .diving-intro {
    border-top-left-radius: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .diving-intro {
    padding: 10.6666666667vw 0;
  }
}
.diving-page .diving-intro * {
  color: #fff;
}
.diving-page .diving-intro__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 6.1848958333vw, 95px);
}
@media screen and (max-width: 767px) {
  .diving-page .diving-intro__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8vw;
  }
}
.diving-page .diving-intro__number {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.25;
}
@media screen and (max-width: 767px) {
  .diving-page .diving-intro__number {
    font-size: 6.9333333333vw;
  }
}
.diving-page .diving-intro__title {
  margin-top: clamp(1px, 2.34375vw, 36px);
}
@media screen and (max-width: 767px) {
  .diving-page .diving-intro__title {
    margin-top: 3.2vw;
  }
}
.diving-page .diving-intro__text {
  margin-top: clamp(1px, 3.6458333333vw, 56px);
}
@media screen and (max-width: 767px) {
  .diving-page .diving-intro__text {
    margin-top: 6.9333333333vw;
  }
}
.diving-page .diving-intro__img {
  width: clamp(1px, 45.8333333333vw, 704px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-top-right-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .diving-page .diving-intro__img {
    border-top-right-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .diving-intro__img {
    width: 100%;
  }
}
.diving-page .diving-sec {
  width: clamp(1px, 71.6145833333vw, 1100px);
  margin: clamp(1px, 3.90625vw, 60px) auto 0;
}
@media screen and (max-width: 767px) {
  .diving-page .diving-sec {
    width: 91.4666666667vw;
    margin: 10.6666666667vw auto 0;
  }
}
.diving-page .diving-sec__title {
  font-size: clamp(1px, 2.34375vw, 36px);
  color: #0045a7;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3333333333;
}
@media screen and (max-width: 767px) {
  .diving-page .diving-sec__title {
    font-size: 6.9333333333vw;
    text-align: center;
  }
}
.diving-page .diving-sec__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 3.2552083333vw, 50px);
  margin-top: clamp(1px, 1.953125vw, 30px);
  padding: clamp(1px, 3.90625vw, 60px) clamp(1px, 3.2552083333vw, 50px);
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .diving-page .diving-sec__inner {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .diving-sec__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 8vw 8.5333333333vw 10.6666666667vw;
    margin-top: 5.3333333333vw;
    gap: 8vw;
  }
}
.diving-page .course-map__inner {
  background: #fff;
}
.diving-page .course-map__map {
  width: clamp(1px, 26.8229166667vw, 412px);
  height: clamp(1px, 29.9479166667vw, 460px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: url(../img/diving/course-map.png) no-repeat center center/contain;
  position: relative;
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__map {
    width: 74.4vw;
    height: 107.2vw;
    background: url(../img/diving/course-map_sp.png) no-repeat center center/100% 100%;
    margin-inline: auto;
  }
}
.diving-page .course-map__item {
  position: absolute;
  top: 0;
  left: 7%;
}
.diving-page .course-map__item--1 {
  top: 75%;
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__item--1 {
    top: 68.9%;
  }
}
.diving-page .course-map__item--2 {
  top: 53.2%;
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__item--2 {
    top: 51%;
  }
}
.diving-page .course-map__item--3 {
  top: 86.8%;
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__item--3 {
    top: 79.2%;
  }
}
.diving-page .course-map__item--4 {
  top: 80%;
  left: 64%;
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__item--4 {
    top: 87%;
    left: 48%;
  }
}
.diving-page .course-map__item--4 .course-map__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 0.3255208333vw, 5px);
}
.diving-page .course-map__item--5 {
  top: 85.2%;
  left: 64%;
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__item--5 {
    top: 87%;
    left: 68%;
  }
}
.diving-page .course-map__item--5 .course-map__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 0.3255208333vw, 5px);
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__item--5 .course-map__link {
    gap: 1.0666666667vw;
  }
}
.diving-page .course-map__item--6 {
  top: 43%;
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__item--6 {
    top: 40.2%;
  }
}
.diving-page .course-map__item--7 {
  top: 45.4%;
  left: 70%;
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__item--7 {
    top: 43.8%;
    left: 69%;
  }
}
.diving-page .course-map__item--8 {
  top: 29%;
  left: 7%;
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__item--8 {
    top: 28.3%;
  }
}
.diving-page .course-map__item--9 {
  top: 16.5%;
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__item--9 {
    top: 18%;
  }
}
.diving-page .course-map__item--10 {
  top: 90.4%;
  left: 64%;
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__item--10 {
    top: 93%;
    left: 48.3%;
  }
}
.diving-page .course-map__item--10 .course-map__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 0.3255208333vw, 5px);
}
.diving-page .course-map__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 0.390625vw, 6px);
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__link {
    gap: 1.0666666667vw;
  }
}
.diving-page .course-map__link.is-active .course-map__place {
  font-size: clamp(1px, 0.8463541667vw, 13px);
  color: #0045a7;
  -webkit-transition: all ease 0.1s;
  transition: all ease 0.1s;
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__link.is-active .course-map__place {
    font-size: 2.9333333333vw;
  }
}
.diving-page .course-map__dot {
  width: clamp(1px, 0.5208333333vw, 8px);
  height: clamp(1px, 0.5208333333vw, 8px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 0.6510416667vw, 10px);
  color: #0045a7;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  background: #0045a7;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__dot {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__dot {
    width: 1.8666666667vw;
    height: 1.8666666667vw;
  }
}
.diving-page .course-map__place {
  font-size: clamp(1px, 0.78125vw, 12px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.3333333333;
  -webkit-transition: all ease 0.1s;
  transition: all ease 0.1s;
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__place {
    font-size: 2.6666666667vw;
  }
}
.diving-page .course-map__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.6666666667vw;
  }
}
.diving-page .course-map__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 0.6510416667vw, 10px);
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__title {
    gap: 1.0666666667vw;
  }
}
.diving-page .course-map__title--nr {
  width: clamp(1px, 2.0833333333vw, 32px);
  height: clamp(1px, 2.0833333333vw, 32px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 1.4322916667vw, 22px);
  color: #0045a7;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  border: 1px solid #0045a7;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__title--nr {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__title--nr {
    width: 6.9333333333vw;
    height: 6.9333333333vw;
  }
}
.diving-page .course-map__title--place {
  font-size: clamp(1px, 1.4322916667vw, 22px);
  color: #0045a7;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__title--place {
    font-size: 5.8666666667vw;
  }
}
.diving-page .course-map__time {
  font-size: clamp(1px, 0.9114583333vw, 14px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  background: #318fb4;
  color: #fff;
  padding: clamp(1px, 0.3255208333vw, 5px) clamp(1px, 0.6510416667vw, 10px);
  border-radius: clamp(1px, 0.1302083333vw, 2px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__time {
    border-radius: 0.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__time {
    font-size: 3.4666666667vw;
    padding: 1.3333333333vw 2.6666666667vw;
  }
}
.diving-page .course-map__text {
  margin-top: clamp(1px, 1.953125vw, 30px);
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__text {
    margin-top: 4.2666666667vw;
  }
}
.diving-page .course-map__anchor {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  color: #0045a7;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  padding-right: clamp(1px, 1.5625vw, 24px);
  margin: clamp(1px, 1.953125vw, 30px) auto 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__anchor {
    font-size: 4vw;
    padding-right: 5.6vw;
    margin: 5.3333333333vw auto 0;
  }
}
.diving-page .course-map__anchor::before {
  content: "";
  position: absolute;
  width: clamp(1px, 0.9114583333vw, 14px);
  height: clamp(1px, 0.4557291667vw, 7px);
  background: url(../img/common/arrow-down_blue.svg) no-repeat center center/contain;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__anchor::before {
    width: 3.4666666667vw;
    height: 1.6vw;
  }
}
.diving-page .course-map__images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(2, clamp(1px, 11.3932291667vw, 175px));
  gap: clamp(1px, 0.6510416667vw, 10px);
  margin-top: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__images {
    grid-template-rows: repeat(2, 24.2666666667vw);
    gap: 2.6666666667vw;
    margin-top: 5.3333333333vw;
  }
}
.diving-page .course-map__images img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: clamp(1px, 0.6510416667vw, 10px);
}
@media screen and (max-width: 767px) {
  .diving-page .course-map__images img {
    border-radius: 1.6vw;
  }
}
.diving-page .course-archive__inner,
.diving-page .all-course__inner {
  padding: 0;
}
.diving-page .courses {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .diving-page .courses {
    gap: 5.3333333333vw;
  }
}
.diving-page .course {
  background: #fff;
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .diving-page .course {
    border-radius: 2.6666666667vw;
  }
}
.diving-page .course__header {
  padding: clamp(1px, 2.6041666667vw, 40px) clamp(1px, 3.2552083333vw, 50px);
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .diving-page .course__header {
    padding: 8vw 8.5333333333vw;
  }
}
.diving-page .course__header-wrap, .diving-page .course__header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .diving-page .course__header-wrap, .diving-page .course__header-container {
    gap: 2.6666666667vw;
  }
}
.diving-page .course__header-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 767px) {
  .diving-page .course__header-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
  }
}
.diving-page .course__header-left, .diving-page .course__header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .diving-page .course__header-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2.6666666667vw;
  }
}
.diving-page .course__header-right {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .diving-page .course__header-right {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: 0;
  }
}
.diving-page .course__title {
  font-size: clamp(1px, 1.4322916667vw, 22px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .diving-page .course__title {
    font-size: 5.8666666667vw;
  }
}
.diving-page .course__time {
  font-size: clamp(1px, 0.9114583333vw, 14px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  background: #318fb4;
  color: #fff;
  padding: clamp(1px, 0.3255208333vw, 5px) clamp(1px, 0.6510416667vw, 10px);
  border-radius: clamp(1px, 0.1302083333vw, 2px);
  overflow: hidden;
  margin-left: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .diving-page .course__time {
    border-radius: 0.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .course__time {
    font-size: 3.4666666667vw;
    padding: 1.3333333333vw 2.6666666667vw;
    margin-left: 0;
  }
}
.diving-page .course__price, .diving-page .course__types-nr {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 1.171875vw, 18px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .diving-page .course__price, .diving-page .course__types-nr {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .course__price, .diving-page .course__types-nr {
    font-weight: 300;
    margin-left: 0;
  }
}
.diving-page .course__price-tax, .diving-page .course__types {
  font-size: clamp(1px, 0.9114583333vw, 14px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .diving-page .course__price-tax, .diving-page .course__types {
    font-size: 3.2vw;
    font-weight: 400;
  }
}
.diving-page .course__types {
  margin-left: clamp(1px, 1.953125vw, 30px);
}
.diving-page .course__arrow {
  width: clamp(1px, 1.2369791667vw, 19px);
  height: clamp(1px, 0.5208333333vw, 8px);
  margin-left: clamp(1px, 3.6458333333vw, 56px);
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .diving-page .course__arrow {
    width: 3.4666666667vw;
    height: 1.6vw;
    margin-left: 0;
  }
}
.diving-page .course__arrow::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../img/common/arrow-down.svg) no-repeat center center/contain;
  top: 0;
  left: 0;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.diving-page .course__content {
  padding: 0 clamp(1px, 3.2552083333vw, 50px) clamp(1px, 2.6041666667vw, 40px) clamp(1px, 3.2552083333vw, 50px);
  display: none;
}
@media screen and (max-width: 767px) {
  .diving-page .course__content {
    padding: 0 8.5333333333vw 10.6666666667vw 8.5333333333vw;
  }
}
.diving-page .course__content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 4.5572916667vw, 70px);
}
@media screen and (max-width: 767px) {
  .diving-page .course__content-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8vw;
  }
}
.diving-page .course__l {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.diving-page .course__l .course__container {
  margin-top: clamp(1px, 1.953125vw, 30px);
}
@media screen and (max-width: 767px) {
  .diving-page .course__l .course__container {
    margin-top: 5.3333333333vw;
  }
}
.diving-page .course__subtitle {
  font-size: clamp(1px, 1.4322916667vw, 22px);
  font-weight: 700;
  color: #0045a7;
  letter-spacing: 0;
  line-height: 1.3636363636;
}
@media screen and (max-width: 767px) {
  .diving-page .course__subtitle {
    font-size: 5.8666666667vw;
  }
}
.diving-page .course__text {
  margin-top: clamp(1px, 1.6927083333vw, 26px);
}
@media screen and (max-width: 767px) {
  .diving-page .course__text {
    margin-top: 4.2666666667vw;
  }
}
.diving-page .course__slider {
  width: clamp(1px, 39.3880208333vw, 605px);
  margin-top: clamp(1px, 1.953125vw, 30px);
}
@media screen and (max-width: 767px) {
  .diving-page .course__slider {
    width: 100%;
    margin-top: 5.3333333333vw;
  }
}
.diving-page .course__slider-main .slick-slide {
  width: clamp(1px, 39.3880208333vw, 605px);
  height: clamp(1px, 26.171875vw, 402px);
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .diving-page .course__slider-main .slick-slide {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .course__slider-main .slick-slide {
    width: 100%;
    height: 49.3333333333vw;
  }
}
.diving-page .course__slider-main .slick-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.diving-page .course__slider-thumbs {
  margin-top: clamp(1px, 0.6510416667vw, 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .diving-page .course__slider-thumbs {
    margin-top: 2.6666666667vw;
  }
}
.diving-page .course__slider-thumbs.slick-initialized {
  padding: 0 clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .diving-page .course__slider-thumbs.slick-initialized {
    padding: 0 3.7333333333vw;
  }
}
.diving-page .course__slider-thumbs.slick-initialized .course__slider-thumbs-slide {
  opacity: 1;
}
.diving-page .course__slider-thumbs .slick-slide, .diving-page .course__slider-thumbs-slide {
  width: clamp(1px, 8.7239583333vw, 134px);
  height: clamp(1px, 5.7942708333vw, 89px);
  border-radius: clamp(1px, 0.390625vw, 6px);
  overflow: hidden;
  margin: 0 clamp(1px, 0.3255208333vw, 5px);
}
@media screen and (max-width: 767px) {
  .diving-page .course__slider-thumbs .slick-slide, .diving-page .course__slider-thumbs-slide {
    border-radius: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .course__slider-thumbs .slick-slide, .diving-page .course__slider-thumbs-slide {
    width: 29.3333333333vw;
    height: 19.4666666667vw;
    margin: 0 1.6vw;
  }
}
.diving-page .course__slider-thumbs .slick-slide img, .diving-page .course__slider-thumbs-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.diving-page .course__slider-thumbs-slide {
  cursor: pointer;
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.diving-page .course__slider-thumbs-slide.active {
  opacity: 1;
}
.diving-page .course__slider-thumbs .slick-prev,
.diving-page .course__slider-thumbs .slick-next {
  width: 0.9765625vw;
  height: 0.4557291667vw;
  left: 0;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .diving-page .course__slider-thumbs .slick-prev,
  .diving-page .course__slider-thumbs .slick-next {
    width: 3.4666666667vw;
    height: 1.6vw;
  }
}
.diving-page .course__slider-thumbs .slick-prev::before,
.diving-page .course__slider-thumbs .slick-next::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../img/common/arrow-down.svg") no-repeat;
  background-size: contain;
  opacity: 1;
  top: 0;
  left: 0;
}
.diving-page .course__slider-thumbs .slick-next {
  left: unset;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}
.diving-page .course__containers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 767px) {
  .diving-page .course__containers {
    gap: 5.3333333333vw;
  }
}
.diving-page .course__container-title {
  font-size: clamp(1px, 1.171875vw, 18px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  padding-left: clamp(1px, 1.0416666667vw, 16px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .diving-page .course__container-title {
    font-size: 4.2666666667vw;
    padding-left: 2.6666666667vw;
  }
}
.diving-page .course__container-title::before {
  content: "";
  position: absolute;
  width: clamp(1px, 0.5208333333vw, 8px);
  height: clamp(1px, 0.5208333333vw, 8px);
  background: #1f1f1f;
  border-radius: 200px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .diving-page .course__container-title::before {
    width: 1.6vw;
    height: 1.6vw;
  }
}
.diving-page .course__container-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1px, 1.3020833333vw, 20px);
  margin-top: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .diving-page .course__container-list {
    gap: 2.6666666667vw;
    margin-top: 5.3333333333vw;
  }
}
.diving-page .course__container-item {
  background: #f2f2f4;
  text-align: center;
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .diving-page .course__container-item {
    border-radius: 1.6vw;
  }
}
.diving-page .course__container-item .title,
.diving-page .course__container-item .text {
  font-size: clamp(1px, 0.9114583333vw, 14px);
  letter-spacing: 0.05em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .diving-page .course__container-item .title,
  .diving-page .course__container-item .text {
    font-size: 3.2vw;
  }
}
.diving-page .course__container-item .title {
  font-weight: 700;
  border-bottom: 1px solid #d6d6d6;
  padding: clamp(1px, 1.6927083333vw, 26px) clamp(1px, 0.3255208333vw, 5px) clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .diving-page .course__container-item .title {
    padding: 3.7333333333vw 1.3333333333vw 3.2vw;
  }
}
.diving-page .course__container-item .text {
  padding: clamp(1px, 1.3020833333vw, 20px) clamp(1px, 0.3255208333vw, 5px) clamp(1px, 1.6927083333vw, 26px);
}
@media screen and (max-width: 767px) {
  .diving-page .course__container-item .text {
    padding: 3.2vw 1.3333333333vw 3.7333333333vw;
  }
}
.diving-page .course__container-img, .diving-page .course__container-p {
  grid-area: 1/1/2/3;
}
.diving-page .course .ps {
  font-size: clamp(1px, 0.78125vw, 12px);
  letter-spacing: 0.05em;
  margin-top: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .diving-page .course .ps {
    font-size: 3.2vw;
    margin-top: 2.6666666667vw;
  }
}
.diving-page .course .ps__link {
  font-size: clamp(1px, 0.78125vw, 12px);
  letter-spacing: 0.05em;
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #0045a7;
}
@media screen and (max-width: 767px) {
  .diving-page .course .ps__link {
    font-size: 3.2vw;
  }
}
.diving-page .course__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 1.3020833333vw, 20px);
  margin-top: clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 767px) {
  .diving-page .course__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.6666666667vw;
    margin-top: 8vw;
  }
}
.diving-page .course__btn {
  width: clamp(1px, 18.8802083333vw, 290px);
  height: clamp(1px, 4.1666666667vw, 64px);
  font-size: clamp(1px, 1.171875vw, 18px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .diving-page .course__btn {
    width: 74.6666666667vw;
    height: 16vw;
    font-size: 4.2666666667vw;
  }
}
.diving-page .course__btn .btn__arrow {
  width: clamp(1px, 1.953125vw, 30px);
  height: clamp(1px, 1.953125vw, 30px);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media screen and (max-width: 767px) {
  .diving-page .course__btn .btn__arrow {
    width: 8vw;
    height: 8vw;
  }
}
.diving-page .course__btn .btn__arrow::before {
  width: clamp(1px, 1.3020833333vw, 20px);
  height: clamp(1px, 0.9765625vw, 15px);
}
@media screen and (max-width: 767px) {
  .diving-page .course__btn .btn__arrow::before {
    width: 5.3333333333vw;
    height: 4vw;
  }
}
.diving-page .course__btn:hover .btn__arrow {
  margin-right: -5px;
}
.diving-page .course.is-active .course__arrow::before {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.diving-page .all-course .pl-40 {
  padding-left: clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 767px) {
  .diving-page .all-course .pl-40 {
    padding-left: 0;
  }
}
.diving-page .all-course__inner {
  background: transparent;
}
.diving-page .all-course .courses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .diving-page .all-course .courses {
    gap: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .all-course .course__title {
    font-size: 4.2666666667vw;
  }
}
.diving-page .all-course .course__content-wrap {
  gap: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .diving-page .all-course .course__content-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5.3333333333vw;
    margin-top: 5.3333333333vw;
  }
}
.diving-page .all-course .course__content-wrap .small {
  font-size: clamp(1px, 0.78125vw, 12px);
}
@media screen and (max-width: 767px) {
  .diving-page .all-course .course__content-wrap .small {
    font-size: 3.2vw;
  }
}
.diving-page .all-course .course__l,
.diving-page .all-course .course__r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .diving-page .all-course .course__l,
  .diving-page .all-course .course__r {
    gap: 5.3333333333vw;
  }
}
.diving-page .all-course .course__l {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .diving-page .all-course .course__l {
    width: 100%;
  }
}
.diving-page .all-course .course__r {
  width: clamp(1px, 32.5520833333vw, 500px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .diving-page .all-course .course__r {
    width: 100%;
  }
}
.diving-page .all-course .course__subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 0.6510416667vw, 10px);
  font-size: clamp(1px, 1.171875vw, 18px);
  color: #1f1f1f;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .diving-page .all-course .course__subtitle {
    font-size: 4.2666666667vw;
    gap: 1.3333333333vw;
  }
}
.diving-page .all-course .course__subtitle--sm {
  font-size: clamp(1px, 1.0416666667vw, 16px);
  margin-top: clamp(1px, 0.78125vw, 12px);
}
@media screen and (max-width: 767px) {
  .diving-page .all-course .course__subtitle--sm {
    font-size: 3.7333333333vw;
    margin-top: 3.2vw;
  }
}
.diving-page .all-course .course__subtitle-nr {
  width: clamp(1px, 1.6276041667vw, 25px);
  height: clamp(1px, 1.6276041667vw, 25px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 0.9114583333vw, 14px);
  border: 1px solid #1f1f1f;
  border-radius: 200px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .diving-page .all-course .course__subtitle-nr {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .all-course .course__subtitle-nr {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}
.diving-page .all-course .course__text {
  margin-top: clamp(1px, 0.78125vw, 12px);
}
@media screen and (max-width: 767px) {
  .diving-page .all-course .course__text {
    margin-top: 3.2vw;
  }
}
.diving-page .all-course .course__text a {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.diving-page .all-course .course__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 0.3255208333vw, 5px);
}
@media screen and (max-width: 767px) {
  .diving-page .all-course .course__list {
    gap: 0;
  }
}
.diving-page .all-course .course__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.diving-page .all-course .course__item-text,
.diving-page .all-course .course__item-dot,
.diving-page .all-course .course__item-text--ps {
  font-size: clamp(1px, 1.0416666667vw, 16px);
  letter-spacing: 0.05em;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .diving-page .all-course .course__item-text,
  .diving-page .all-course .course__item-dot,
  .diving-page .all-course .course__item-text--ps {
    font-size: 4.2666666667vw;
  }
}
.diving-page .all-course .course__item-text--ps {
  display: block;
  margin-top: clamp(1px, 0.4557291667vw, 7px);
}
@media screen and (max-width: 767px) {
  .diving-page .all-course .course__item-text--ps {
    margin-top: 2.6666666667vw;
  }
}
.diving-page .sales {
  background: #fff;
  padding: clamp(1px, 7.8125vw, 120px) 0;
}
@media screen and (max-width: 767px) {
  .diving-page .sales {
    padding: 21.3333333333vw 0;
  }
}
.diving-page .sales__sec-title {
  text-align: center;
}
.diving-page .sales__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f2f2f4;
  padding: clamp(1px, 3.90625vw, 60px) 0;
  margin: clamp(1px, 3.90625vw, 60px) auto 0;
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .diving-page .sales__inner {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .sales__inner {
    width: 91.4666666667vw;
    padding: 10.6666666667vw 0;
    margin: 10.6666666667vw auto 0;
  }
}
.diving-page .sales__wrap {
  width: clamp(1px, 33.8541666667vw, 520px);
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .diving-page .sales__wrap {
    width: 74.4vw;
  }
}
.diving-page .sales__title {
  font-size: clamp(1px, 2.34375vw, 36px);
  color: #0045a7;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3333333333;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .diving-page .sales__title {
    font-size: 6.9333333333vw;
  }
}
.diving-page .sales__text {
  text-align: center;
  margin-top: clamp(1px, 1.953125vw, 30px);
}
@media screen and (max-width: 767px) {
  .diving-page .sales__text {
    margin-top: 6.9333333333vw;
  }
}
.diving-page .sales__text--last {
  line-height: 1;
  margin-top: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .diving-page .sales__text--last {
    line-height: 1.8;
    margin-top: 5.3333333333vw;
  }
}
.diving-page .sales__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 2.6041666667vw, 40px);
  margin: clamp(1px, 2.6041666667vw, 40px) 0 clamp(1px, 3.90625vw, 60px);
}
@media screen and (max-width: 767px) {
  .diving-page .sales__list {
    gap: 10.6666666667vw;
    margin: 10.6666666667vw 0 10.6666666667vw;
  }
}
.diving-page .sales__item {
  width: 100%;
}
.diving-page .sales__item-title {
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 700;
  line-height: 1;
  padding-bottom: clamp(1px, 1.0416666667vw, 16px);
  border-bottom: 1px solid #1f1f1f;
}
@media screen and (max-width: 767px) {
  .diving-page .sales__item-title {
    font-size: 4.2666666667vw;
    padding-bottom: 4.2666666667vw;
  }
}
.diving-page .sales__item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: clamp(1px, 0.78125vw, 12px) 0;
  border-bottom: 1px solid #949494;
}
@media screen and (max-width: 767px) {
  .diving-page .sales__item-text {
    padding: 3.2vw 0;
  }
}
.diving-page .sales__item-name, .diving-page .sales__item-price {
  line-height: 1.75;
}
.diving-page .sales__item-name {
  font-weight: 700;
}
.diving-page .sales__subtitle {
  font-size: clamp(1px, 1.171875vw, 18px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  margin-top: clamp(1px, 2.9947916667vw, 46px);
}
@media screen and (max-width: 767px) {
  .diving-page .sales__subtitle {
    font-size: 4vw;
    margin-top: 6.9333333333vw;
  }
}
.diving-page .sales__btn {
  width: clamp(1px, 16.5364583333vw, 254px);
  height: clamp(1px, 3.515625vw, 54px);
  font-size: clamp(1px, 1.171875vw, 18px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #318fb4;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  border-radius: clamp(1px, 0.390625vw, 6px);
  overflow: hidden;
  margin-top: clamp(1px, 3.2552083333vw, 50px);
}
@media screen and (max-width: 767px) {
  .diving-page .sales__btn {
    border-radius: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .sales__btn {
    width: 64vw;
    height: 12.8vw;
    font-size: 4.2666666667vw;
    margin-top: 8vw;
  }
}
.diving-page .faq {
  padding: clamp(1px, 7.8125vw, 120px) 0;
}
@media screen and (max-width: 767px) {
  .diving-page .faq {
    padding: 21.3333333333vw 0;
  }
}
.diving-page .faq__sec-title {
  text-align: center;
}
.diving-page .faq__inner {
  width: clamp(1px, 71.6145833333vw, 1100px);
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: clamp(1px, 3.90625vw, 60px) auto 0;
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .diving-page .faq__inner {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .faq__inner {
    width: 91.4666666667vw;
    margin: 10.6666666667vw auto 0;
  }
}
.diving-page .faq__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .diving-page .faq__list {
    gap: 5.3333333333vw;
  }
}
.diving-page .faq__item {
  background: #fff;
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .diving-page .faq__item {
    border-radius: 2.6666666667vw;
  }
}
.diving-page .faq__item.is-active .faq__arrow::before {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.diving-page .faq__header {
  padding: clamp(1px, 2.6041666667vw, 40px) clamp(1px, 3.2552083333vw, 50px);
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .diving-page .faq__header {
    padding: 8vw 8.5333333333vw;
  }
}
.diving-page .faq__header-wrap, .diving-page .faq__header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .diving-page .faq__header-wrap, .diving-page .faq__header-container {
    gap: 2.6666666667vw;
  }
}
.diving-page .faq__header-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 767px) {
  .diving-page .faq__header-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
  }
}
.diving-page .faq__header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .diving-page .faq__header-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2.6666666667vw;
  }
}
.diving-page .faq__title {
  font-size: clamp(1px, 1.4322916667vw, 22px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .diving-page .faq__title {
    font-size: 4.2666666667vw;
  }
}
.diving-page .faq__arrow {
  width: clamp(1px, 1.2369791667vw, 19px);
  height: clamp(1px, 0.5208333333vw, 8px);
  margin-left: clamp(1px, 3.6458333333vw, 56px);
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .diving-page .faq__arrow {
    width: 3.4666666667vw;
    height: 1.6vw;
    margin-left: 0;
  }
}
.diving-page .faq__arrow::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../img/common/arrow-down.svg) no-repeat center center/contain;
  top: 0;
  left: 0;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.diving-page .faq__content {
  padding: 0 clamp(1px, 3.2552083333vw, 50px) clamp(1px, 2.6041666667vw, 40px) clamp(1px, 3.2552083333vw, 50px);
  display: none;
}
@media screen and (max-width: 767px) {
  .diving-page .faq__content {
    padding: 0 8.5333333333vw 10.6666666667vw 8.5333333333vw;
  }
}
.diving-page .faq__content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 1.6927083333vw, 26px);
}
@media screen and (max-width: 767px) {
  .diving-page .faq__content-wrap {
    gap: 6.9333333333vw;
  }
}
.diving-page .faq__qa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 0.6510416667vw, 10px);
  margin-top: clamp(1px, 1.0416666667vw, 16px);
}
@media screen and (max-width: 767px) {
  .diving-page .faq__qa {
    gap: 2.6666666667vw;
    margin-top: 4.2666666667vw;
  }
}
.diving-page .faq__qa--q {
  margin-top: 0;
}
.diving-page .faq__qa--q .faq__qa-text {
  font-weight: 700;
}
.diving-page .faq__qa-icon {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 1.171875vw, 18px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.55;
}
@media screen and (max-width: 767px) {
  .diving-page .faq__qa-icon {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 767px) {
  .diving-page .faq__qa-icon {
    line-height: 1.3;
  }
}
.diving-page .faq__qa-text {
  line-height: 1.75;
}
.diving-page .faq__qa-text a {
  color: #0045a7;
  text-decoration: underline;
}
.diving-page .faq__note {
  margin-top: clamp(1px, 3.90625vw, 60px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .diving-page .faq__note {
    margin-top: 6.9333333333vw;
  }
}
.diving-page .faq__note a {
  color: #1f1f1f;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media screen and (max-width: 767px) {
  .license-page .license-sec__title span {
    font-size: 4.8vw;
  }
}
.license-page .about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: clamp(1px, 9.765625vw, 150px);
  margin-top: clamp(1px, 7.8125vw, 120px);
}
@media screen and (max-width: 767px) {
  .license-page .about {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0;
  }
}
.license-page .about__img {
  width: 50vw;
  height: 50vw;
  border-top-left-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
  border-bottom-left-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .license-page .about__img {
    border-top-left-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .about__img {
    border-bottom-left-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .about__img {
    width: 91.4666666667vw;
    height: 91.4666666667vw;
    margin: 0 0 0 auto;
  }
}
.license-page .about__img img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 767px) {
  .license-page .about__sec-title, .license-page .about__p-text {
    padding: 0 8.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .about__p-title {
    padding: 0 0 0 8.5333333333vw;
  }
}
.license-page .about__p-title, .license-page .about__p-text {
  margin-top: clamp(1px, 2.9947916667vw, 46px);
}
@media screen and (max-width: 767px) {
  .license-page .about__p-title, .license-page .about__p-text {
    margin-top: 9.6vw;
  }
}
.license-page .about__p-text {
  width: clamp(1px, 28.4505208333vw, 437px);
}
@media screen and (max-width: 767px) {
  .license-page .about__p-text {
    width: 100%;
  }
}
.license-page .license {
  padding: clamp(1px, 7.6822916667vw, 118px) 0 clamp(1px, 11.71875vw, 180px);
  margin-top: clamp(1px, 7.8125vw, 120px);
  border-top-right-radius: clamp(1px, 1.3020833333vw, 20px);
  overflow: hidden;
  border-top-left-radius: clamp(1px, 1.3020833333vw, 20px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .license-page .license {
    border-top-right-radius: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .license {
    border-top-left-radius: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .license {
    padding: 21.3333333333vw 0 29.3333333333vw;
    margin-top: 0;
  }
}
.license-page .license__service {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.25;
}
@media screen and (max-width: 767px) {
  .license-page .license__service {
    font-size: 4.2666666667vw;
  }
}
.license-page .license__p-title, .license-page .license__p-text {
  margin-top: clamp(1px, 2.34375vw, 36px);
}
@media screen and (max-width: 767px) {
  .license-page .license__p-title, .license-page .license__p-text {
    margin-top: 6.9333333333vw;
  }
}
.license-page .license__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 1.953125vw, 30px);
  margin-top: clamp(1px, 6.5104166667vw, 100px);
}
@media screen and (max-width: 767px) {
  .license-page .license__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16vw;
    margin-top: 21.3333333333vw;
  }
}
.license-page .license__item {
  background: #fff;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .license-page .license__item {
    width: 100%;
    border-radius: 2.6666666667vw;
  }
}
.license-page .license__item-link {
  display: block;
  position: relative;
  padding: clamp(1px, 2.6041666667vw, 40px) clamp(1px, 1.3020833333vw, 20px) clamp(1px, 2.2786458333vw, 35px);
}
@media screen and (max-width: 767px) {
  .license-page .license__item-link {
    padding: 6.9333333333vw 4.2666666667vw 6.6666666667vw;
  }
}
.license-page .license__item-number {
  position: absolute;
  top: 0;
  left: clamp(1px, 1.3020833333vw, 20px);
  -webkit-transform: translateY(-90%);
          transform: translateY(-90%);
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 2.34375vw, 36px);
  color: #0045a7;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .license-page .license__item-number {
    font-size: 9.6vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .license__item-number {
    left: 4.2666666667vw;
  }
}
.license-page .license__item-title {
  font-size: clamp(1px, 2.34375vw, 36px);
  color: #0045a7;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .license-page .license__item-title {
    font-size: 6.9333333333vw;
  }
}
.license-page .license__item-license {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  font-size: clamp(1px, 0.9114583333vw, 14px);
  color: #0045a7;
  letter-spacing: 0.05em;
  line-height: 1;
  border: 1px solid #0045a7;
  border-radius: 200px;
  padding: clamp(1px, 0.390625vw, 6px) clamp(1px, 1.0416666667vw, 16px);
  margin: clamp(1px, 0.6510416667vw, 10px) auto 0;
}
@media screen and (max-width: 767px) {
  .license-page .license__item-license {
    font-size: 3.2vw;
    padding: 1.0666666667vw 3.2vw;
    margin: 2.1333333333vw auto 0;
  }
}
.license-page .license__item-img {
  margin-top: clamp(1px, 1.8229166667vw, 28px);
}
@media screen and (max-width: 767px) {
  .license-page .license__item-img {
    margin-top: 5.3333333333vw;
  }
}
.license-page .license__item-desc {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(1px, 0.6510416667vw, 10px);
  padding-left: clamp(1px, 1.8229166667vw, 28px);
  margin-top: clamp(1px, 1.8229166667vw, 28px);
}
@media screen and (max-width: 767px) {
  .license-page .license__item-desc {
    gap: 2.6666666667vw;
    padding-left: 5.3333333333vw;
    margin-top: 4.5333333333vw;
  }
}
.license-page .license__item-text {
  line-height: 1.75;
}
.license-page .license__item-price {
  display: block;
  font-family: "unbounded", sans-serif;
  font-weight: 600;
  margin-top: clamp(1px, 0.3255208333vw, 5px);
}
@media screen and (max-width: 767px) {
  .license-page .license__item-price {
    margin-top: 1.3333333333vw;
  }
}
.license-page .license__item-arrow {
  display: block;
  width: clamp(1px, 1.3020833333vw, 20px);
  height: clamp(1px, 0.5859375vw, 9px);
  position: relative;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .license-page .license__item-arrow {
    width: 5.3333333333vw;
    height: 2.4vw;
  }
}
.license-page .license__item-arrow:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/common/arrow-down.svg) no-repeat center center/contain;
}
.license-page .license__limited {
  margin-top: clamp(1px, 3.90625vw, 60px);
}
@media screen and (max-width: 767px) {
  .license-page .license__limited {
    margin-top: 10.6666666667vw;
    padding: 0 4.2666666667vw;
  }
}
.license-page .license__limited .limited__title {
  text-align: center;
  color: #0045a7;
}
.license-page .license__limited .limited__title--en {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 1.171875vw, 18px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 0.3488372093;
}
@media screen and (max-width: 767px) {
  .license-page .license__limited .limited__title--en {
    font-size: 4vw;
  }
}
.license-page .license__limited .limited__img {
  width: clamp(1px, 48.828125vw, 750px);
  margin: 0 auto;
  margin-top: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .license-page .license__limited .limited__img {
    width: 90.9333333333vw;
    margin-top: 5.3333333333vw;
  }
}
.license-page .license__limited .limited__img img {
  margin-right: calc(-1 * clamp(1px, 1.4322916667vw, 22px));
}
@media screen and (max-width: 767px) {
  .license-page .license__limited .limited__img img {
    margin-right: -2.6666666667vw;
  }
}
.license-page .license__limited .limited__text {
  text-align: center;
  margin-top: clamp(1px, 1.953125vw, 30px);
}
@media screen and (max-width: 767px) {
  .license-page .license__limited .limited__text {
    margin-top: 6.9333333333vw;
  }
}
.license-page .license__limited .limited__btn {
  width: clamp(1px, 23.4375vw, 360px);
  height: clamp(1px, 4.1666666667vw, 64px);
  font-size: clamp(1px, 1.171875vw, 18px);
  margin: clamp(1px, 3.515625vw, 54px) auto 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .license-page .license__limited .limited__btn {
    width: 74.6666666667vw;
    height: 16vw;
    font-size: 4.2666666667vw;
    margin: 12.2666666667vw auto 0;
  }
}
.license-page .license__limited .limited__btn .btn__arrow {
  width: clamp(1px, 1.953125vw, 30px);
  height: clamp(1px, 1.953125vw, 30px);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media screen and (max-width: 767px) {
  .license-page .license__limited .limited__btn .btn__arrow {
    width: 8vw;
    height: 8vw;
  }
}
.license-page .license__limited .limited__btn .btn__arrow::before {
  width: clamp(1px, 1.3020833333vw, 20px);
  height: clamp(1px, 0.9765625vw, 15px);
}
@media screen and (max-width: 767px) {
  .license-page .license__limited .limited__btn .btn__arrow::before {
    width: 5.3333333333vw;
    height: 4vw;
  }
}
.license-page .license__limited .limited__btn:hover .btn__arrow {
  margin-right: -5px;
}
.license-page .license-courses {
  padding-bottom: clamp(1px, 7.8125vw, 120px);
}
@media screen and (max-width: 767px) {
  .license-page .license-courses {
    padding-bottom: 21.3333333333vw;
  }
}
.license-page .license-intro {
  background: #0045a7;
  padding: clamp(1px, 5.2083333333vw, 80px) 0;
  border-top-right-radius: clamp(1px, 1.3020833333vw, 20px);
  overflow: hidden;
  border-top-left-radius: clamp(1px, 1.3020833333vw, 20px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .license-page .license-intro {
    border-top-right-radius: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .license-intro {
    border-top-left-radius: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .license-intro {
    padding: 10.6666666667vw 0;
  }
}
.license-page .license-intro * {
  color: #fff;
}
.license-page .license-intro__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 6.1848958333vw, 95px);
}
@media screen and (max-width: 767px) {
  .license-page .license-intro__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8vw;
  }
}
.license-page .license-intro__number {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.25;
}
@media screen and (max-width: 767px) {
  .license-page .license-intro__number {
    font-size: 6.9333333333vw;
  }
}
.license-page .license-intro__title {
  margin-top: clamp(1px, 2.34375vw, 36px);
}
@media screen and (max-width: 767px) {
  .license-page .license-intro__title {
    margin-top: 3.2vw;
  }
}
.license-page .license-intro__text {
  margin-top: clamp(1px, 3.6458333333vw, 56px);
}
@media screen and (max-width: 767px) {
  .license-page .license-intro__text {
    margin-top: 6.9333333333vw;
  }
}
.license-page .license-intro__img {
  width: clamp(1px, 45.8333333333vw, 704px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-top-right-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .license-page .license-intro__img {
    border-top-right-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .license-intro__img {
    width: 100%;
  }
}
.license-page .license-sec {
  width: clamp(1px, 71.6145833333vw, 1100px);
  margin: clamp(1px, 7.8125vw, 120px) auto 0;
}
@media screen and (max-width: 767px) {
  .license-page .license-sec {
    width: 91.4666666667vw;
    margin: 21.3333333333vw auto 0;
  }
}
.license-page .license-sec__title {
  font-size: clamp(1px, 2.34375vw, 36px);
  color: #0045a7;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3333333333;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .license-page .license-sec__title {
    font-size: 6.9333333333vw;
    text-align: center;
  }
}
.license-page .license-sec__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 6.5104166667vw, 100px);
  margin-top: clamp(1px, 1.6927083333vw, 26px);
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .license-page .license-sec__inner {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .license-sec__inner {
    margin-top: 4.2666666667vw;
    gap: 16vw;
  }
}
.license-page .points__inner {
  margin-top: clamp(1px, 6.25vw, 96px);
}
@media screen and (max-width: 767px) {
  .license-page .points__inner {
    margin-top: 17.6vw;
  }
}
.license-page .point {
  width: clamp(1px, 71.6145833333vw, 1100px);
  background: #fff;
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
  padding: clamp(1px, 3.90625vw, 60px) clamp(1px, 3.2552083333vw, 50px);
  position: relative;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .license-page .point {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .point {
    width: 100%;
    padding: 8vw 8.5333333333vw;
  }
}
.license-page .point__nr {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 1.3020833333vw, 20px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  color: #0045a7;
  position: absolute;
  top: 0;
  left: clamp(1px, 3.2552083333vw, 50px);
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
@media screen and (max-width: 767px) {
  .license-page .point__nr {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .point__nr {
    left: 8.5333333333vw;
  }
}
.license-page .point__nr span {
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  color: #0045a7;
}
@media screen and (max-width: 767px) {
  .license-page .point__nr span {
    font-size: 6.9333333333vw;
  }
}
.license-page .point__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 6.5104166667vw, 100px);
}
@media screen and (max-width: 767px) {
  .license-page .point__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8vw;
  }
}
.license-page .point__l {
  width: clamp(1px, 26.0416666667vw, 400px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 1.953125vw, 30px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .license-page .point__l {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 8vw;
  }
}
.license-page .point__title {
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3333333333;
}
@media screen and (max-width: 767px) {
  .license-page .point__title {
    font-size: 6.9333333333vw;
  }
}
.license-page .point__title--nr {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .license-page .point__title--nr {
    font-size: 6.9333333333vw;
  }
}
.license-page .point__title--yen {
  font-size: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .license-page .point__title--yen {
    font-size: 3.4666666667vw;
  }
}
.license-page .point__title--tax {
  font-size: clamp(1px, 1.171875vw, 18px);
}
@media screen and (max-width: 767px) {
  .license-page .point__title--tax {
    font-size: 3.4666666667vw;
  }
}
.license-page .point__img {
  width: clamp(1px, 4.5572916667vw, 70px);
}
@media screen and (max-width: 767px) {
  .license-page .point__img {
    width: 13.3333333333vw;
  }
}
.license-page .point__r {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.license-page .point__desc {
  background: #f2f2f4;
  padding: clamp(1px, 2.8645833333vw, 44px) clamp(1px, 2.4739583333vw, 38px);
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
  margin-top: clamp(1px, 2.34375vw, 36px);
}
@media screen and (max-width: 767px) {
  .license-page .point__desc {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .point__desc {
    padding: 8.8vw 5.3333333333vw 8vw;
    margin-top: 8vw;
  }
}
.license-page .point__desc-title {
  font-size: clamp(1px, 1.171875vw, 18px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.5555555556;
}
@media screen and (max-width: 767px) {
  .license-page .point__desc-title {
    font-size: 4.2666666667vw;
  }
}
.license-page .point__desc-title--q {
  padding-left: clamp(1px, 2.6041666667vw, 40px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .license-page .point__desc-title--q {
    padding-left: 8vw;
  }
}
.license-page .point__desc-title--q::before {
  content: "";
  position: absolute;
  width: clamp(1px, 1.953125vw, 30px);
  height: clamp(1px, 1.953125vw, 30px);
  background: url(../img/common/q-mark.png) no-repeat center center/contain;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .license-page .point__desc-title--q::before {
    width: 6.4vw;
    height: 6.4vw;
  }
}
.license-page .point__desc-text {
  line-height: 1.75;
  margin-top: clamp(1px, 1.953125vw, 30px);
}
@media screen and (max-width: 767px) {
  .license-page .point__desc-text {
    font-size: 4vw;
    line-height: 1.8;
    margin-top: 4.2666666667vw;
  }
}
.license-page .point__desc-link {
  display: block;
  margin-top: clamp(1px, 1.0416666667vw, 16px);
}
@media screen and (max-width: 767px) {
  .license-page .point__desc-link {
    margin-top: 4.2666666667vw;
  }
}
.license-page .point__desc-link a {
  color: #1f1f1f;
  font-weight: 700;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  letter-spacing: 0;
  line-height: 1.75;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media screen and (max-width: 767px) {
  .license-page .point__desc-link a {
    font-size: 3.4666666667vw;
  }
}
.license-page .point__voice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(1px, 0.9114583333vw, 14px);
}
@media screen and (max-width: 767px) {
  .license-page .point__voice {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2.1333333333vw;
  }
}
.license-page .point__voice:not(:first-child) {
  margin-top: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .license-page .point__voice:not(:first-child) {
    margin-top: 5.3333333333vw;
  }
}
.license-page .point__voice-icon {
  width: clamp(1px, 2.6041666667vw, 40px);
  margin-top: clamp(1px, 0.4557291667vw, 7px);
}
@media screen and (max-width: 767px) {
  .license-page .point__voice-icon {
    width: 8vw;
    margin-top: 0;
  }
}
.license-page .point__voice-text {
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .license-page .point__voice-text {
    font-size: 3.4666666667vw;
  }
}
.license-page .point__note {
  margin-top: clamp(1px, 0.6510416667vw, 10px);
}
@media screen and (max-width: 767px) {
  .license-page .point__note {
    margin-top: 2.6666666667vw;
  }
}
.license-page .point__note-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: clamp(1px, 0.78125vw, 12px);
  line-height: 2.3333333333;
}
@media screen and (max-width: 767px) {
  .license-page .point__note-text {
    font-size: 3.2vw;
    line-height: 1.8333333333;
  }
}
@media screen and (max-width: 767px) {
  .license-page .types {
    width: 82.9333333333vw;
  }
}
.license-page .types__inner {
  gap: clamp(1px, 2.9947916667vw, 46px);
}
@media screen and (max-width: 767px) {
  .license-page .types__inner {
    gap: 6.9333333333vw;
  }
}
.license-page .types__text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.license-page .types__link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  font-size: clamp(1px, 1.4322916667vw, 22px);
  color: #0045a7;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  padding-right: clamp(1px, 1.953125vw, 30px);
  margin-inline: auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .license-page .types__link {
    font-size: 4.8vw;
    padding-right: 5.6vw;
    margin: 5.3333333333vw auto 0;
  }
}
.license-page .types__link::before {
  content: "";
  position: absolute;
  width: clamp(1px, 1.4322916667vw, 22px);
  height: clamp(1px, 0.78125vw, 12px);
  background: url(../img/common/arrow-down_blue.svg) no-repeat center center/contain;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .license-page .types__link::before {
    width: 4.5333333333vw;
    height: 2.4vw;
  }
}
.license-page .flow__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
}
.license-page .flow__title {
  text-align: center;
}
.license-page .flow__title-icon {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 0.6510416667vw, 10px);
  background: #318fb4;
  border-radius: clamp(1px, 0.2604166667vw, 4px);
  overflow: hidden;
  padding: clamp(1px, 1.1067708333vw, 17px) clamp(1px, 2.6041666667vw, 40px);
  margin: clamp(1px, 0.6510416667vw, 10px) auto 0;
}
@media screen and (max-width: 767px) {
  .license-page .flow__title-icon {
    border-radius: 1.0666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .flow__title-icon {
    gap: 3.4666666667vw;
    padding: 4.2666666667vw 10.6666666667vw 4.2666666667vw 5.3333333333vw;
    margin: 2.6666666667vw auto 0;
  }
}
.license-page .flow__title-icon span.flow__title-icon-ow {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 1.4322916667vw, 22px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  color: #fff;
  background: #318fb4;
}
@media screen and (max-width: 767px) {
  .license-page .flow__title-icon span.flow__title-icon-ow {
    font-size: 5.8666666667vw;
  }
}
.license-page .flow__title-icon span.flow__title-icon-text {
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  color: #fff;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .license-page .flow__title-icon span.flow__title-icon-text {
    font-size: 3.7333333333vw;
    line-height: 1.2857142857;
  }
}
.license-page .flow .steps {
  background: #fff;
  padding: 0 clamp(1px, 3.2552083333vw, 50px);
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
  margin-top: clamp(1px, 1.953125vw, 30px);
}
@media screen and (max-width: 767px) {
  .license-page .flow .steps {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .flow .steps {
    margin-top: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .flow .steps {
    padding: 0 8.5333333333vw 21.3333333333vw;
  }
}
.license-page .flow .step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: clamp(1px, 3.2552083333vw, 50px);
  padding: clamp(1px, 5.2083333333vw, 80px) 0 clamp(1px, 3.90625vw, 60px);
}
@media screen and (max-width: 767px) {
  .license-page .flow .step {
    -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;
    gap: 5.3333333333vw;
    padding: 16vw 0 10.6666666667vw;
  }
}
.license-page .flow .step:not(:last-child) {
  border-bottom: 1px solid #f2f2f4;
}
.license-page .flow .step__l {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.license-page .flow .step__r {
  width: clamp(1px, 23.4375vw, 360px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .license-page .flow .step__r {
    width: 100%;
  }
}
.license-page .flow .step__title {
  font-size: clamp(1px, 1.4322916667vw, 22px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  padding-left: clamp(1px, 5.859375vw, 90px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .license-page .flow .step__title {
    font-size: 5.8666666667vw;
    padding-left: 19.2vw;
  }
}
.license-page .flow .step__title-ps {
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .license-page .flow .step__title-ps {
    font-size: 3.2vw;
  }
}
.license-page .flow .step__title-nr {
  width: clamp(1px, 4.5572916667vw, 70px);
  height: clamp(1px, 4.5572916667vw, 70px);
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 0.6510416667vw, 10px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  background: #1f1f1f;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 200px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .license-page .flow .step__title-nr {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .flow .step__title-nr {
    width: 16vw;
    height: 16vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 2.1333333333vw;
  }
}
.license-page .flow .step__title-nr--xl {
  font-size: clamp(1px, 1.0416666667vw, 16px);
}
@media screen and (max-width: 767px) {
  .license-page .flow .step__title-nr--xl {
    font-size: 4.2666666667vw;
  }
}
.license-page .flow .step__text, .license-page .flow .step__btns {
  padding-left: clamp(1px, 5.859375vw, 90px);
}
@media screen and (max-width: 767px) {
  .license-page .flow .step__text, .license-page .flow .step__btns {
    padding-left: 0;
  }
}
.license-page .flow .step__text {
  margin-top: clamp(1px, 1.953125vw, 30px);
}
@media screen and (max-width: 767px) {
  .license-page .flow .step__text {
    margin-top: 8vw;
  }
}
.license-page .flow .step__text .small {
  font-size: clamp(1px, 0.78125vw, 12px);
}
@media screen and (max-width: 767px) {
  .license-page .flow .step__text .small {
    font-size: 3.2vw;
  }
}
.license-page .flow .step__text-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.license-page .flow .step__text-time {
  width: clamp(1px, 2.9296875vw, 45px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .license-page .flow .step__text-time {
    width: 12vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .flow .step__text-text--ps {
    font-size: 3.2vw;
    margin-top: 4.2666666667vw;
  }
}
.license-page .flow .step__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 0.78125vw, 12px);
  margin-top: clamp(1px, 1.953125vw, 30px);
}
@media screen and (max-width: 767px) {
  .license-page .flow .step__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.6666666667vw;
    margin-top: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .flow .step__btn {
    width: 100%;
  }
}
.license-page .flow .step__img {
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .license-page .flow .step__img {
    border-radius: 2.6666666667vw;
  }
}
.license-page .course-archive,
.license-page .all-course {
  position: relative;
}
.license-page .course-archive__title,
.license-page .all-course__title {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .license-page .course-archive__title,
  .license-page .all-course__title {
    text-align: center;
  }
}
.license-page .course-archive__anchor {
  position: absolute;
  top: calc(clamp(1px, 6.5104166667vw, 100px) * -1);
}
@media screen and (max-width: 767px) {
  .license-page .course-archive__anchor {
    top: -21.3333333333vw;
  }
}
.license-page .course-archive__inner,
.license-page .all-course__inner {
  padding: 0;
}
.license-page .courses {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .license-page .courses {
    gap: 5.3333333333vw;
  }
}
.license-page .course {
  background: #fff;
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .license-page .course {
    border-radius: 2.6666666667vw;
  }
}
.license-page .course__header {
  cursor: pointer;
  padding: clamp(1px, 2.6041666667vw, 40px) clamp(1px, 3.2552083333vw, 50px);
}
@media screen and (max-width: 767px) {
  .license-page .course__header {
    padding: 8vw 8.5333333333vw;
  }
}
.license-page .course__header-wrap, .license-page .course__header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .license-page .course__header-wrap, .license-page .course__header-container {
    gap: 2.6666666667vw;
  }
}
.license-page .course__header-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 767px) {
  .license-page .course__header-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
  }
}
.license-page .course__header-left, .license-page .course__header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .license-page .course__header-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2.6666666667vw;
  }
}
.license-page .course__header-right {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .license-page .course__header-right {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: 0;
  }
}
.license-page .course__title {
  font-size: clamp(1px, 1.4322916667vw, 22px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .license-page .course__title {
    font-size: 5.8666666667vw;
  }
}
.license-page .course__time {
  font-size: clamp(1px, 0.9114583333vw, 14px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  background: #318fb4;
  color: #fff;
  padding: clamp(1px, 0.3255208333vw, 5px) clamp(1px, 0.6510416667vw, 10px);
  border-radius: clamp(1px, 0.1302083333vw, 2px);
  overflow: hidden;
  margin-left: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .license-page .course__time {
    border-radius: 0.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .course__time {
    font-size: 3.4666666667vw;
    padding: 1.3333333333vw 2.6666666667vw;
    margin-left: 0;
  }
}
.license-page .course__price, .license-page .course__types-nr {
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 1.171875vw, 18px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .license-page .course__price, .license-page .course__types-nr {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .course__price, .license-page .course__types-nr {
    font-weight: 300;
    margin-left: 0;
  }
}
.license-page .course__price-tax, .license-page .course__types {
  font-size: clamp(1px, 0.9114583333vw, 14px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .license-page .course__price-tax, .license-page .course__types {
    font-size: 3.2vw;
    font-weight: 400;
  }
}
.license-page .course__types {
  margin-left: clamp(1px, 1.953125vw, 30px);
}
.license-page .course__arrow {
  width: clamp(1px, 1.2369791667vw, 19px);
  height: clamp(1px, 0.5208333333vw, 8px);
  margin-left: clamp(1px, 3.6458333333vw, 56px);
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .license-page .course__arrow {
    width: 3.4666666667vw;
    height: 1.6vw;
    margin-left: 0;
  }
}
.license-page .course__arrow::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../img/common/arrow-down.svg) no-repeat center center/contain;
  top: 0;
  left: 0;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.license-page .course__content {
  padding: 0 clamp(1px, 3.2552083333vw, 50px) clamp(1px, 2.6041666667vw, 40px) clamp(1px, 3.2552083333vw, 50px);
  display: none;
}
@media screen and (max-width: 767px) {
  .license-page .course__content {
    padding: 0 8.5333333333vw 10.6666666667vw 8.5333333333vw;
  }
}
.license-page .course__content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 4.5572916667vw, 70px);
}
@media screen and (max-width: 767px) {
  .license-page .course__content-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8vw;
  }
}
.license-page .course__l {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.license-page .course__l .course__container {
  margin-top: clamp(1px, 1.953125vw, 30px);
}
@media screen and (max-width: 767px) {
  .license-page .course__l .course__container {
    margin-top: 5.3333333333vw;
  }
}
.license-page .course__r {
  max-width: clamp(1px, 21.09375vw, 324px);
}
@media screen and (max-width: 767px) {
  .license-page .course__r {
    max-width: 100%;
  }
}
.license-page .course__subtitle {
  font-size: clamp(1px, 1.4322916667vw, 22px);
  font-weight: 700;
  color: #0045a7;
  letter-spacing: 0;
  line-height: 1.3636363636;
}
@media screen and (max-width: 767px) {
  .license-page .course__subtitle {
    font-size: 5.8666666667vw;
  }
}
.license-page .course__text {
  margin-top: clamp(1px, 1.6927083333vw, 26px);
}
@media screen and (max-width: 767px) {
  .license-page .course__text {
    margin-top: 4.2666666667vw;
  }
}
.license-page .course__slider {
  width: clamp(1px, 39.3880208333vw, 605px);
  margin-top: clamp(1px, 1.953125vw, 30px);
}
@media screen and (max-width: 767px) {
  .license-page .course__slider {
    width: 100%;
    margin-top: 5.3333333333vw;
  }
}
.license-page .course__slider-main .slick-slide {
  width: clamp(1px, 39.3880208333vw, 605px);
  height: clamp(1px, 26.171875vw, 402px);
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .license-page .course__slider-main .slick-slide {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .course__slider-main .slick-slide {
    width: 100%;
    height: 49.3333333333vw;
  }
}
.license-page .course__slider-main .slick-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.license-page .course__slider-thumbs {
  margin-top: clamp(1px, 0.6510416667vw, 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .license-page .course__slider-thumbs {
    margin-top: 2.6666666667vw;
  }
}
.license-page .course__slider-thumbs.slick-initialized {
  padding: 0 clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .license-page .course__slider-thumbs.slick-initialized {
    padding: 0 3.7333333333vw;
  }
}
.license-page .course__slider-thumbs.slick-initialized .course__slider-thumbs-slide {
  opacity: 1;
}
.license-page .course__slider-thumbs .slick-slide, .license-page .course__slider-thumbs-slide {
  width: clamp(1px, 8.7239583333vw, 134px);
  height: clamp(1px, 5.7942708333vw, 89px);
  border-radius: clamp(1px, 0.390625vw, 6px);
  overflow: hidden;
  margin: 0 clamp(1px, 0.3255208333vw, 5px);
}
@media screen and (max-width: 767px) {
  .license-page .course__slider-thumbs .slick-slide, .license-page .course__slider-thumbs-slide {
    border-radius: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .course__slider-thumbs .slick-slide, .license-page .course__slider-thumbs-slide {
    width: 29.3333333333vw;
    height: 19.4666666667vw;
    margin: 0 1.6vw;
  }
}
.license-page .course__slider-thumbs .slick-slide img, .license-page .course__slider-thumbs-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.license-page .course__slider-thumbs-slide {
  cursor: pointer;
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.license-page .course__slider-thumbs-slide.active {
  opacity: 1;
}
.license-page .course__slider-thumbs .slick-prev,
.license-page .course__slider-thumbs .slick-next {
  width: 0.9765625vw;
  height: 0.4557291667vw;
  left: 0;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .license-page .course__slider-thumbs .slick-prev,
  .license-page .course__slider-thumbs .slick-next {
    width: 3.4666666667vw;
    height: 1.6vw;
  }
}
.license-page .course__slider-thumbs .slick-prev::before,
.license-page .course__slider-thumbs .slick-next::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../img/common/arrow-down.svg") no-repeat;
  background-size: contain;
  opacity: 1;
  top: 0;
  left: 0;
}
.license-page .course__slider-thumbs .slick-next {
  left: unset;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}
.license-page .course__containers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 767px) {
  .license-page .course__containers {
    gap: 5.3333333333vw;
  }
}
.license-page .course__container-title {
  font-size: clamp(1px, 1.171875vw, 18px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  padding-left: clamp(1px, 1.0416666667vw, 16px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .license-page .course__container-title {
    font-size: 4.2666666667vw;
    padding-left: 2.6666666667vw;
  }
}
.license-page .course__container-title::before {
  content: "";
  position: absolute;
  width: clamp(1px, 0.5208333333vw, 8px);
  height: clamp(1px, 0.5208333333vw, 8px);
  background: #1f1f1f;
  border-radius: 200px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .license-page .course__container-title::before {
    width: 1.6vw;
    height: 1.6vw;
  }
}
.license-page .course__container-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1px, 1.3020833333vw, 20px);
  margin-top: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .license-page .course__container-list {
    gap: 2.6666666667vw;
    margin-top: 5.3333333333vw;
  }
}
.license-page .course__container-item {
  background: #f2f2f4;
  text-align: center;
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .license-page .course__container-item {
    border-radius: 1.6vw;
  }
}
.license-page .course__container-item .title,
.license-page .course__container-item .text {
  font-size: clamp(1px, 0.9114583333vw, 14px);
  letter-spacing: 0.05em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .license-page .course__container-item .title,
  .license-page .course__container-item .text {
    font-size: 3.2vw;
  }
}
.license-page .course__container-item .title {
  font-weight: 700;
  border-bottom: 1px solid #d6d6d6;
  padding: clamp(1px, 1.6927083333vw, 26px) clamp(1px, 0.3255208333vw, 5px) clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .license-page .course__container-item .title {
    padding: 3.7333333333vw 1.3333333333vw 3.2vw;
  }
}
.license-page .course__container-item .text {
  padding: clamp(1px, 1.3020833333vw, 20px) clamp(1px, 0.3255208333vw, 5px) clamp(1px, 1.6927083333vw, 26px);
}
@media screen and (max-width: 767px) {
  .license-page .course__container-item .text {
    padding: 3.2vw 1.3333333333vw 3.7333333333vw;
  }
}
.license-page .course__container-img, .license-page .course__container-p {
  grid-area: 1/1/2/3;
}
.license-page .course .ps {
  font-size: clamp(1px, 0.78125vw, 12px);
  letter-spacing: 0.05em;
  margin-top: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .license-page .course .ps {
    font-size: 3.2vw;
    margin-top: 2.6666666667vw;
  }
}
.license-page .course .ps__link {
  font-size: clamp(1px, 0.78125vw, 12px);
  letter-spacing: 0.05em;
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #0045a7;
}
@media screen and (max-width: 767px) {
  .license-page .course .ps__link {
    font-size: 3.2vw;
  }
}
.license-page .course__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 1.3020833333vw, 20px);
  margin-top: clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 767px) {
  .license-page .course__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.6666666667vw;
    margin-top: 8vw;
  }
}
.license-page .course__btn {
  width: clamp(1px, 18.8802083333vw, 290px);
  height: clamp(1px, 4.1666666667vw, 64px);
  font-size: clamp(1px, 1.171875vw, 18px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .license-page .course__btn {
    width: 74.6666666667vw;
    height: 16vw;
    font-size: 4.2666666667vw;
  }
}
.license-page .course__btn .btn__arrow {
  width: clamp(1px, 1.953125vw, 30px);
  height: clamp(1px, 1.953125vw, 30px);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media screen and (max-width: 767px) {
  .license-page .course__btn .btn__arrow {
    width: 8vw;
    height: 8vw;
  }
}
.license-page .course__btn .btn__arrow::before {
  width: clamp(1px, 1.3020833333vw, 20px);
  height: clamp(1px, 0.9765625vw, 15px);
}
@media screen and (max-width: 767px) {
  .license-page .course__btn .btn__arrow::before {
    width: 5.3333333333vw;
    height: 4vw;
  }
}
.license-page .course__btn:hover .btn__arrow {
  margin-right: -5px;
}
.license-page .course.is-active .course__arrow::before {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.license-page .all-course .pl-40 {
  padding-left: clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 767px) {
  .license-page .all-course .pl-40 {
    padding-left: 0;
  }
}
.license-page .all-course__inner {
  background: transparent;
}
.license-page .all-course .courses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .license-page .all-course .courses {
    gap: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .all-course .course__title {
    font-size: 4.2666666667vw;
  }
}
.license-page .all-course .course__content-wrap {
  gap: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .license-page .all-course .course__content-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5.3333333333vw;
    margin-top: 5.3333333333vw;
  }
}
.license-page .all-course .course__content-wrap .small {
  font-size: clamp(1px, 0.78125vw, 12px);
}
@media screen and (max-width: 767px) {
  .license-page .all-course .course__content-wrap .small {
    font-size: 3.2vw;
  }
}
.license-page .all-course .course__l,
.license-page .all-course .course__r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .license-page .all-course .course__l,
  .license-page .all-course .course__r {
    gap: 5.3333333333vw;
  }
}
.license-page .all-course .course__l {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .license-page .all-course .course__l {
    width: 100%;
  }
}
.license-page .all-course .course__r {
  width: clamp(1px, 32.5520833333vw, 500px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: unset;
}
@media screen and (max-width: 767px) {
  .license-page .all-course .course__r {
    width: 100%;
  }
}
.license-page .all-course .course__subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 0.6510416667vw, 10px);
  font-size: clamp(1px, 1.171875vw, 18px);
  color: #1f1f1f;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .license-page .all-course .course__subtitle {
    font-size: 4.2666666667vw;
    gap: 1.3333333333vw;
  }
}
.license-page .all-course .course__subtitle--sm {
  font-size: clamp(1px, 1.0416666667vw, 16px);
  margin-top: clamp(1px, 0.78125vw, 12px);
}
@media screen and (max-width: 767px) {
  .license-page .all-course .course__subtitle--sm {
    font-size: 3.7333333333vw;
    margin-top: 3.2vw;
  }
}
.license-page .all-course .course__subtitle-nr {
  width: clamp(1px, 1.6276041667vw, 25px);
  height: clamp(1px, 1.6276041667vw, 25px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "unbounded", sans-serif;
  font-size: clamp(1px, 0.9114583333vw, 14px);
  border: 1px solid #1f1f1f;
  border-radius: 200px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .license-page .all-course .course__subtitle-nr {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .all-course .course__subtitle-nr {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}
.license-page .all-course .course__text {
  margin-top: clamp(1px, 0.78125vw, 12px);
}
@media screen and (max-width: 767px) {
  .license-page .all-course .course__text {
    margin-top: 3.2vw;
  }
}
.license-page .all-course .course__text a {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.license-page .all-course .course__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 0.3255208333vw, 5px);
}
@media screen and (max-width: 767px) {
  .license-page .all-course .course__list {
    gap: 0;
  }
}
.license-page .all-course .course__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.license-page .all-course .course__item-text,
.license-page .all-course .course__item-dot,
.license-page .all-course .course__item-text--ps {
  font-size: clamp(1px, 1.0416666667vw, 16px);
  letter-spacing: 0.05em;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .license-page .all-course .course__item-text,
  .license-page .all-course .course__item-dot,
  .license-page .all-course .course__item-text--ps {
    font-size: 4.2666666667vw;
  }
}
.license-page .all-course .course__item-text--ps {
  display: block;
  margin-top: clamp(1px, 0.4557291667vw, 7px);
}
@media screen and (max-width: 767px) {
  .license-page .all-course .course__item-text--ps {
    margin-top: 2.6666666667vw;
  }
}
.license-page .sales {
  background: #fff;
  padding: clamp(1px, 7.8125vw, 120px) 0;
}
@media screen and (max-width: 767px) {
  .license-page .sales {
    padding: 21.3333333333vw 0;
  }
}
.license-page .sales__sec-title {
  text-align: center;
}
.license-page .sales__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f2f2f4;
  padding: clamp(1px, 3.90625vw, 60px) 0;
  margin: clamp(1px, 3.90625vw, 60px) auto 0;
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .license-page .sales__inner {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .sales__inner {
    width: 91.4666666667vw;
    padding: 10.6666666667vw 0;
    margin: 10.6666666667vw auto 0;
  }
}
.license-page .sales__wrap {
  width: clamp(1px, 33.8541666667vw, 520px);
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .license-page .sales__wrap {
    width: 74.4vw;
  }
}
.license-page .sales__title {
  font-size: clamp(1px, 2.34375vw, 36px);
  color: #0045a7;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3333333333;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .license-page .sales__title {
    font-size: 6.9333333333vw;
  }
}
.license-page .sales__text {
  text-align: center;
  margin-top: clamp(1px, 1.953125vw, 30px);
}
@media screen and (max-width: 767px) {
  .license-page .sales__text {
    margin-top: 6.9333333333vw;
  }
}
.license-page .sales__text--last {
  line-height: 1;
  margin-top: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .license-page .sales__text--last {
    line-height: 1.8;
    margin-top: 5.3333333333vw;
  }
}
.license-page .sales__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 2.6041666667vw, 40px);
  margin: clamp(1px, 2.6041666667vw, 40px) 0 clamp(1px, 3.90625vw, 60px);
}
@media screen and (max-width: 767px) {
  .license-page .sales__list {
    gap: 10.6666666667vw;
    margin: 10.6666666667vw 0 10.6666666667vw;
  }
}
.license-page .sales__item {
  width: 100%;
}
.license-page .sales__item-title {
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 700;
  line-height: 1;
  padding-bottom: clamp(1px, 1.0416666667vw, 16px);
  border-bottom: 1px solid #1f1f1f;
}
@media screen and (max-width: 767px) {
  .license-page .sales__item-title {
    font-size: 4.2666666667vw;
    padding-bottom: 4.2666666667vw;
  }
}
.license-page .sales__item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: clamp(1px, 0.78125vw, 12px) 0;
  border-bottom: 1px solid #949494;
}
@media screen and (max-width: 767px) {
  .license-page .sales__item-text {
    padding: 3.2vw 0;
  }
}
.license-page .sales__item-name, .license-page .sales__item-price {
  line-height: 1.75;
}
.license-page .sales__item-name {
  font-weight: 700;
}
.license-page .sales__subtitle {
  font-size: clamp(1px, 1.171875vw, 18px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  margin-top: clamp(1px, 2.9947916667vw, 46px);
}
@media screen and (max-width: 767px) {
  .license-page .sales__subtitle {
    font-size: 4vw;
    margin-top: 6.9333333333vw;
  }
}
.license-page .sales__btn {
  width: clamp(1px, 16.5364583333vw, 254px);
  height: clamp(1px, 3.515625vw, 54px);
  font-size: clamp(1px, 1.171875vw, 18px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #318fb4;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  border-radius: clamp(1px, 0.390625vw, 6px);
  overflow: hidden;
  margin-top: clamp(1px, 3.2552083333vw, 50px);
}
@media screen and (max-width: 767px) {
  .license-page .sales__btn {
    border-radius: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .license-page .sales__btn {
    width: 64vw;
    height: 12.8vw;
    font-size: 4.2666666667vw;
    margin-top: 8vw;
  }
}

.contact-page {
  position: relative;
}
.contact-page .contact__inner {
  width: clamp(1px, 45.5729166667vw, 700px);
  margin: clamp(1px, 3.90625vw, 60px) auto clamp(1px, 9.765625vw, 150px);
}
@media screen and (max-width: 767px) {
  .contact-page .contact__inner {
    width: 82.6666666667vw;
    margin: 0 8.5333333333vw 10.6666666667vw;
  }
}
.contact-page .contact__text--note {
  font-size: clamp(1px, 0.9114583333vw, 14px);
}
@media screen and (max-width: 767px) {
  .contact-page .contact__text--note {
    font-size: 3.2vw;
  }
}
.contact-page .contact__container {
  width: 100%;
  margin-top: clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 767px) {
  .contact-page .contact__container {
    margin-top: 10.6666666667vw;
  }
}
.contact-page .contact__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: clamp(1px, 3.515625vw, 54px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: clamp(1px, 1.5625vw, 24px);
}
@media screen and (max-width: 767px) {
  .contact-page .contact__row {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2.6666666667vw;
    margin-bottom: 5.3333333333vw;
  }
}
.contact-page .contact__left {
  width: clamp(1px, 10.4166666667vw, 160px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 0.390625vw, 6px);
  padding-top: clamp(1px, 0.6510416667vw, 10px);
}
@media screen and (max-width: 767px) {
  .contact-page .contact__left {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.6vw;
  }
}
.contact-page .contact__left p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 0.5208333333vw, 8px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .contact-page .contact__left p {
    gap: 2.1333333333vw;
  }
}
.contact-page .contact__left .required {
  display: block;
  font-family: "ryo-gothic-plusn", sans-serif;
  font-size: clamp(1px, 0.6510416667vw, 10px);
  font-weight: 400;
  background: #f0f0f0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .contact-page .contact__left .required {
    font-size: 2.6666666667vw;
  }
}
.contact-page .contact__right {
  width: clamp(1px, 35.4166666667vw, 544px);
}
@media screen and (max-width: 767px) {
  .contact-page .contact__right {
    width: 100%;
  }
}
.contact-page .contact__right p {
  letter-spacing: 0.1em;
}
.contact-page .full-width,
.contact-page select {
  width: 100%;
  height: clamp(1px, 3.515625vw, 54px);
  padding: clamp(1px, 0.5208333333vw, 8px) clamp(1px, 0.78125vw, 12px);
  background: #fff;
  border: 1px solid #d5d5d8;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .contact-page .full-width,
  .contact-page select {
    height: 14.4vw;
    padding: 2.1333333333vw 3.2vw;
  }
}
.contact-page select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.contact-page .your-content::before {
  content: "";
  width: clamp(1px, 0.5859375vw, 9px);
  height: clamp(1px, 0.5208333333vw, 8px);
  background: url("../img/common/contact-arrow.svg") no-repeat center/contain;
  position: absolute;
  top: 50%;
  right: clamp(1px, 1.3020833333vw, 20px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .contact-page .your-content::before {
    width: 2.4vw;
    height: 2.1333333333vw;
    right: 5.3333333333vw;
  }
}
.contact-page .your-zip .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(1px, 0.78125vw, 12px);
}
@media screen and (max-width: 767px) {
  .contact-page .your-zip .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.2vw;
  }
}
.contact-page .your-zip .wrap p {
  width: clamp(1px, 17.7083333333vw, 272px);
}
@media screen and (max-width: 767px) {
  .contact-page .your-zip .wrap p {
    width: 100%;
  }
}
.contact-page .your-zip .wrap .zip-search {
  color: #0045a7;
  cursor: pointer;
}
.contact-page .wpcf7-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contact-page .wpcf7-radio .wpcf7-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact-page .wpcf7-radio .wpcf7-list-item:first-child {
  margin: 0;
}
.contact-page input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: clamp(1px, 1.0416666667vw, 16px);
  height: clamp(1px, 1.0416666667vw, 16px);
  border-radius: 50%;
  border: 1px solid #1f1f1f;
  background-color: transparent;
  cursor: pointer;
  position: relative;
  margin-right: clamp(1px, 0.2604166667vw, 4px);
}
@media screen and (max-width: 767px) {
  .contact-page input[type=radio] {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    margin-right: 1.0666666667vw;
  }
}
.contact-page input[type=radio]::before {
  content: "";
  width: clamp(1px, 0.5208333333vw, 8px);
  height: clamp(1px, 0.5208333333vw, 8px);
  background-color: #0045a7;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none;
}
@media screen and (max-width: 767px) {
  .contact-page input[type=radio]::before {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
}
.contact-page input[type=radio]:checked {
  border: 1px solid #0045a7;
}
.contact-page input[type=radio]:checked::before {
  display: block;
}
.contact-page .contact__row--textarea {
  height: auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: clamp(1px, 1.3020833333vw, 20px);
}
@media screen and (max-width: 767px) {
  .contact-page .contact__row--textarea {
    height: auto;
    margin-bottom: 2.6666666667vw;
  }
}
.contact-page .contact__row--textarea .contact__right .your-message-wrap {
  max-height: 500px;
  overflow-y: scroll;
}
.contact-page .wpcf7-textarea.full-width {
  height: clamp(1px, 16.2760416667vw, 250px);
}
@media screen and (max-width: 767px) {
  .contact-page .wpcf7-textarea.full-width {
    height: 66.6666666667vw;
  }
}
.contact-page .contact__row--privacy {
  height: auto;
  margin-bottom: clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 767px) {
  .contact-page .contact__row--privacy {
    margin-bottom: 10.6666666667vw;
  }
}
.contact-page .contact__row--privacy .wpcf7-list-item input {
  border: 1px solid #0045a7;
}
.contact-page .contact__row--privacy .contact__right {
  width: clamp(1px, 35.4166666667vw, 544px);
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1px, 0.6510416667vw, 10px);
  margin: 0 0 0 auto;
}
@media screen and (max-width: 767px) {
  .contact-page .contact__row--privacy .contact__right {
    width: 100%;
  }
}
.contact-page .contact__row--privacy .contact__right .privacy-link {
  display: inline;
  color: #0045a7;
  position: relative;
  margin-right: clamp(1px, 0.3255208333vw, 5px);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.contact-page .contact__row--privacy .contact__right .privacy-link:hover {
  border-bottom-color: #0045a7;
}
.contact-page .contact__row--privacy .contact__right .privacy-link .link-arrow {
  display: inline-block;
  min-width: unset;
  width: clamp(1px, 0.7161458333vw, 11px);
  height: clamp(1px, 0.7161458333vw, 11px);
  background: url("../img/common/contact-link.svg") no-repeat center/contain;
  margin-bottom: -1px;
  margin-left: 2px;
}
@media screen and (max-width: 767px) {
  .contact-page .contact__row--privacy .contact__right .privacy-link .link-arrow {
    width: 2.9333333333vw;
    height: 2.9333333333vw;
  }
}
.contact-page .contact__row--privacy .contact__right .privacy-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1px, 0.5208333333vw, 8px);
}
@media screen and (max-width: 767px) {
  .contact-page .contact__row--privacy .contact__right .privacy-wrap {
    gap: 2.1333333333vw;
  }
}
.contact-page .contact__row--privacy .contact__right .privacy-wrap .wpcf7-list-item {
  margin-left: 0;
}
.contact-page .contact__row--privacy .contact__right .privacy-wrap .agree-text {
  margin: 0 0 4px 4px;
}
.contact-page .contact__row--privacy .contact__right .privacy-wrap p {
  font-family: "ryo-gothic-plusn", sans-serif;
  font-size: clamp(1px, 0.9765625vw, 15px);
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .contact-page .contact__row--privacy .contact__right .privacy-wrap p {
    font-size: 4vw;
  }
}
.contact-page .contact__row--submit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-inline: auto;
  margin-bottom: 0;
  position: relative;
  width: clamp(1px, 18.8802083333vw, 290px);
  height: clamp(1px, 3.90625vw, 60px);
}
@media screen and (max-width: 767px) {
  .contact-page .contact__row--submit {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 74.6666666667vw;
    height: 16vw;
  }
}
.contact-page .contact__row--submit p {
  width: 100%;
  height: 100%;
}
.contact-page .contact__row--submit .wpcf7-submit,
.contact-page .contact__row--submit .send {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  width: 100%;
  height: 100%;
  font-family: "ryo-gothic-plusn", sans-serif;
  font-size: clamp(1px, 1.171875vw, 18px);
  color: #0045a7;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  border-radius: 200px;
  background-color: transparent;
  border: 2px solid #0045a7;
  position: relative;
}
@media screen and (max-width: 767px) {
  .contact-page .contact__row--submit .wpcf7-submit,
  .contact-page .contact__row--submit .send {
    font-size: 4.2666666667vw;
  }
}
.contact-page .contact__row--submit .btn__arrow {
  position: absolute;
  top: 50%;
  right: clamp(1px, 1.0416666667vw, 16px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: clamp(1px, 1.953125vw, 30px);
  height: clamp(1px, 1.953125vw, 30px);
  border-radius: 200px;
  background: #0045a7;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
@media screen and (max-width: 767px) {
  .contact-page .contact__row--submit .btn__arrow {
    width: 8vw;
    height: 8vw;
    right: 4.2666666667vw;
  }
}
.contact-page .contact__row--submit .btn__arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: clamp(1px, 1.1067708333vw, 17px);
  height: clamp(1px, 0.7161458333vw, 11px);
  background: url(../img/common/btn-arrow.svg) no-repeat center center/contain;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
@media screen and (max-width: 767px) {
  .contact-page .contact__row--submit .btn__arrow:before {
    width: 4.5333333333vw;
    height: 2.9333333333vw;
  }
}
.contact-page .contact__row--submit:hover .btn__arrow,
.contact-page .contact__row--submit:active .btn__arrow,
.contact-page .contact__row--submit:focus .btn__arrow,
.contact-page .wpcf7-submit:hover .btn__arrow,
.contact-page .wpcf7-submit:active .btn__arrow,
.contact-page .wpcf7-submit:focus .btn__arrow,
.contact-page .send:hover .btn__arrow,
.contact-page .send:active .btn__arrow,
.contact-page .send:focus .btn__arrow {
  margin-right: -2%;
}
.contact-page .wpcf7-spinner {
  display: none;
}
.contact-page .contact__row--back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact-page .contact__row--back .back input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  font-family: "ryo-gothic-plusn", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  color: #0045a7;
  border: none;
  border-bottom: 1px solid #0045a7;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .contact-page .contact__row--back .back input {
    font-size: 3.7333333333vw;
  }
}
.contact-page-complete .contact__inner {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .contact-page-complete .contact__inner {
    width: 80vw;
  }
}
.contact-page-complete .contact__inner h3 {
  font-family: "ryo-gothic-plusn", sans-serif;
  font-size: clamp(1px, 1.8229166667vw, 28px);
  font-weight: 700;
  margin-bottom: clamp(1px, 0.6510416667vw, 10px);
}
@media screen and (max-width: 767px) {
  .contact-page-complete .contact__inner h3 {
    font-size: 5.3333333333vw;
  }
}

.contact-complete-page .contact__inner {
  width: clamp(1px, 33.8541666667vw, 520px);
}
@media screen and (max-width: 767px) {
  .contact-complete-page .contact__inner {
    width: 82.6666666667vw;
    margin: 10.6666666667vw 8.5333333333vw 10.6666666667vw;
  }
}
.contact-complete-page .contact__title {
  font-family: "ryo-gothic-plusn", sans-serif;
  font-size: clamp(1px, 2.34375vw, 36px);
  font-weight: 700;
  line-height: 1;
  margin-bottom: clamp(1px, 2.6041666667vw, 40px);
}
@media screen and (max-width: 767px) {
  .contact-complete-page .contact__title {
    font-size: 6.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .contact-complete-page .contact__title {
    line-height: 1.3846153846;
    margin-bottom: 8vw;
  }
}
.contact-complete-page .contact__btn .btn {
  width: clamp(1px, 18.8802083333vw, 290px);
  height: clamp(1px, 3.90625vw, 60px);
  margin: clamp(1px, 2.6041666667vw, 40px) auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "ryo-gothic-plusn", sans-serif;
  font-size: clamp(1px, 1.171875vw, 18px);
}
@media screen and (max-width: 767px) {
  .contact-complete-page .contact__btn .btn {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .contact-complete-page .contact__btn .btn {
    width: 74.6666666667vw;
    height: 16vw;
    margin: 8vw auto 0;
  }
}
.contact-complete-page .contact__btn .btn .btn__arrow {
  width: clamp(1px, 1.953125vw, 30px);
  height: clamp(1px, 1.953125vw, 30px);
}
@media screen and (max-width: 767px) {
  .contact-complete-page .contact__btn .btn .btn__arrow {
    width: 8vw;
    height: 8vw;
  }
}
.contact-complete-page .contact__btn .btn .btn__arrow:before {
  width: clamp(1px, 1.1067708333vw, 17px);
  height: clamp(1px, 0.7161458333vw, 11px);
}
@media screen and (max-width: 767px) {
  .contact-complete-page .contact__btn .btn .btn__arrow:before {
    width: 4.5333333333vw;
    height: 2.9333333333vw;
  }
}

.privacy-page {
  position: relative;
}
.privacy-page .privacy__inner {
  width: clamp(1px, 71.6145833333vw, 1100px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  border-radius: clamp(1px, 0.6510416667vw, 10px);
  padding: clamp(1px, 5.2083333333vw, 80px) clamp(1px, 6.5104166667vw, 100px);
  margin: clamp(1px, 3.90625vw, 60px) auto clamp(1px, 9.765625vw, 150px);
}
@media screen and (max-width: 767px) {
  .privacy-page .privacy__inner {
    width: 91.4666666667vw;
    padding: 10.6666666667vw 8.5333333333vw 10.6666666667vw;
    margin: 10.6666666667vw auto 16vw;
  }
}
.privacy-page .privacy__title {
  font-family: "ryo-gothic-plusn", sans-serif;
  font-size: clamp(1px, 1.4322916667vw, 22px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .privacy-page .privacy__title {
    font-size: 5.8666666667vw;
  }
}
.privacy-page .privacy__title:not(:first-child) {
  margin-top: clamp(1px, 3.515625vw, 54px);
}
@media screen and (max-width: 767px) {
  .privacy-page .privacy__title:not(:first-child) {
    margin-top: 9.6vw;
  }
}
.privacy-page .privacy__text {
  margin-top: clamp(1px, 1.6927083333vw, 26px);
}
@media screen and (max-width: 767px) {
  .privacy-page .privacy__text {
    margin-top: 4.2666666667vw;
  }
}
.privacy-page .privacy__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.privacy-page .privacy__link {
  color: #0045a7;
  text-decoration: underline;
  text-underline-offset: 3px;
}/*# sourceMappingURL=style.css.map */