@charset "UTF-8";
/*
  Made by Elly Loel - https://ellyloel.com/
  参考記事:
    - Josh W Comeau - https://courses.joshwcomeau.com/css-for-js/treasure-trove/010-global-styles/
    - Andy Bell - https://piccalil.li/blog/a-modern-css-reset/
    - Adam Argyle - https://unpkg.com/open-props@1.3.16/normalize.min.css / https://codepen.io/argyleink/pen/KKvRORE
  メモ:
    - :where()は簡単に上書きできるように詳細度を低くするために使用しています。
*/
* {
  /* すべてのデフォルトのマージンを削除 */
  margin: 0;
  /* すべてのデフォルトのパディングを削除 */
  padding: 0;
  /* line-heightをemベースでcalc()で計算。font-sizeを小さくするとline-heightは大きくなり、font-sizeを大きくするとline-heightは小さくなります。参考: https://kittygiraudel.com/2020/05/18/using-calc-to-figure-out-optimal-line-height/ */
  line-height: calc(0.25rem + 1em + 0.25rem);
}

/* より直感的なボックスサイズのモデルを使用 */
*,
::before,
::after {
  box-sizing: border-box;
}

/* fieldset, progress, meter以外のすべての要素でボーダーを削除し、背景に適切なデフォルトを設定 */
*:where(:not(fieldset, progress, meter)) {
  border-width: 0;
  border-style: solid;
  background-origin: border-box;
  background-repeat: no-repeat;
}

html {
  /* アプリケーションでパーセントによる高さを許可する  */
  block-size: 100%;
  /* テキストのサイズはfont-sizeのみで制御されるようにする */
  -webkit-text-size-adjust: none;
}

/* 減速を好まないユーザーのためにスムーズなスクロールを実現 */
@media (prefers-reduced-motion: no-preference) {
  html:focus-within {
    scroll-behavior: smooth;
  }
}
body {
  /* テキストのレンダリングを改善 */
  -webkit-font-smoothing: antialiased;
  /* https://marco.org/2012/11/15/text-rendering-optimize-legibility */
  text-rendering: optimizeSpeed;
  /* アプリケーションでパーセントによる高さを許可する */
  min-block-size: 100%;
  /* https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter#example_2 */
  /* scrollbar-gutter: stable both-edges; バグが修正されるまで削除: https://bugs.chromium.org/p/chromium/issues/detail?id=1318404#c2 */
}

/* 各メディア要素のデフォルトを改善 */
:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, svg, video) {
  block-size: auto;
  max-inline-size: 100%;
}

/* ストロークを削除し、fillの塗りつぶしカラーはフォントカラーを継承 */
:where(svg) {
  stroke: none;
  fill: currentColor;
}

/* fill属性のないSVG */
:where(svg):where(:not([fill])) {
  /* fillを取り除き、ストロークのカラーはフォントカラーを継承 */
  stroke: currentColor;
  fill: none;
  /* 丸みを帯びたストローク */
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* width属性のないSVGのサイズを設定 */
:where(svg):where(:not([width])) {
  inline-size: 5rem;
}

/* フォーム内のタイポグラフィのスタイルを削除 */
:where(input, button, textarea, select),
:where(input[type=file])::-webkit-file-upload-button {
  color: inherit;
  font: inherit;
  font-size: inherit;
  letter-spacing: inherit;
}

/* textareaのサイズ変更は垂直のみにし、ブラウザがサポートしている場合にのみblockにします */
:where(textarea) {
  resize: vertical;
}

@supports (resize: block) {
  :where(textarea) {
    resize: block;
  }
}
/* テキストのオーバーフローを回避 */
:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

/* article、aside、nav、section内のh1フォントサイズを修正 */
h1 {
  font-size: 2em;
}

/* リストの役割をするul、ol要素のリストスタイルを削除。デフォルトのスタイルが削除されることを示唆しています */
:where(ul, ol) {
  list-style: none;
}

/* クラスを持たないアンカータグに、より読みやすい下線スタイルを設定。アンカータグに設定することもできますが、コンフリクトを引き起こす可能性があります */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* インタラクティブな要素は適切なカーソルを設定して操作できることを明確にする */
:where(a[href], area, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
  cursor: pointer;
  touch-action: manipulation;
  text-decoration: none;
}

:where(input[type=file]) {
  cursor: auto;
}

:where(input[type=file])::-webkit-file-upload-button,
:where(input[type=file])::file-selector-button {
  cursor: pointer;
}

/* フォーカスのアウトラインをアニメーション化 */
@media (prefers-reduced-motion: no-preference) {
  :focus-visible {
    transition: outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1);
  }
  :where(:not(:active)):focus-visible {
    transition-duration: 0.25s;
  }
}
:where(:not(:active)):focus-visible {
  outline-offset: 5px;
}

/* ユーザーがボタンのテキストを選択できないようにする */
:where(button, button[type], input[type=button], input[type=submit], input[type=reset]),
:where(input[type=file])::-webkit-file-upload-button,
:where(input[type=file])::file-selector-button {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
  text-align: center;
}

/* 無効化されたボタンには無効化されたカーソルを表示 */
:where(button, button[type], input[type=button], input[type=submit], input[type=reset])[disabled] {
  cursor: not-allowed;
}

:where(iframe[src*=youtube]) {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.is-pc {
  display: block;
}
@media screen and (max-width: 769px) {
  .is-pc {
    display: none;
  }
}

.is-sp {
  display: none;
}
@media screen and (max-width: 769px) {
  .is-sp {
    display: block;
  }
}

[data-anim-elm] {
  opacity: 0;
}

[v-cloak] {
  display: none;
}

.floating_member_none {
  position: fixed;
  width: min(363 / 390 * 100vw, 544.5px);
  height: min(57 / 390 * 100vw, 85.5px);
  inset: 0;
  margin: auto;
  margin-bottom: 5px;
  z-index: 999;
}

.floating_member {
  position: fixed;
  width: min(390 / 390 * 100vw, 585px);
  height: min(60 / 390 * 100vw, 90px);
  inset: 0;
  margin: auto;
  margin-bottom: 0px;
  z-index: 999;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-right: 1rem;
  padding-left: 1rem;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 0 min(24 / 390 * 100vw, 36px);
  background: url(../img/top/floating_bg.png) no-repeat center/contain;
}

/* Android端末専用CSS */
.Android .floating_member {
  position: fixed;
  width: min(390 / 390 * 100vw, 585px);
  height: min(60 / 390 * 100vw, 90px);
  inset: 0;
  margin: auto;
  margin-bottom: 0px;
  z-index: 999;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-right: 1rem;
  padding-left: 1rem;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 0 min(24 / 390 * 100vw, 36px);
  background: url(../img/top/floating_bg.png) no-repeat center/contain;
}
.Android .floating_member a {
  display: block;
  height: min(45 / 390 * 100vw, 67.5px);
}
.Android .floating_member a img {
  height: 100%;
  width: auto;
}
.floating_member a {
  display: block;
  height: min(45 / 390 * 100vw, 67.5px);
}
.floating_member a img {
  height: 100%;
  width: auto;
}

header {
  position: fixed;
  inset: 0;
  margin: auto;
  margin-top: 0;
  background-color: #000;
  height: min(105 / 390 * 100vw, 105px);
  width: 100%;
  max-width: 585px;
  z-index: 999;
}
header .header {
  width: min(80 / 390 * 100vw, 80px);
  position: absolute;
  top: min(25 / 390 * 100vw, 25px);
  right: min(15 / 390 * 100vw, 15px);
  z-index: 99;
}
header .header .header_login {
  width: 100%;
  height: min(29 / 390 * 100vw, 29px);
  position: relative;
}
header .header .header_login a {
  width: 100%;
  height: 100%;
  color: #000;
  background: linear-gradient(90deg, #DBAB00 0%, rgba(242, 209, 94, 0.82) 28.13%, #FFE794 50%, #F2D15E 72.92%, #DBAB00 100%);
  font-size: min(12 / 390 * 100vw, 12px);
  font-weight: 600;
  display: grid;
  align-items: center;
  text-align: center;
}

.header_logo {
  position: absolute;
  width: min(65 / 390 * 100vw, 65px);
  height: min(65 / 390 * 100vw, 65px);
  inset: 0;
  margin: auto;
  margin-left: min(23 / 390 * 100vw, 23px);
  margin-top: min(8 / 390 * 100vw, 8px);
}
.header_logo img {
  width: 100%;
  height: auto;
}

.login_header {
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  height: min(80 / 390 * 100vw, 80px);
}
.login_header_contents {
  width: 100%;
  height: min(24 / 390 * 100vw, 24px);
  display: flex;
  justify-content: flex-end;
  gap: min(14 / 390 * 100vw, 14px);
  margin-top: min(10 / 390 * 100vw, 10px);
  padding-right: min(20 / 390 * 100vw, 20px);
}
.login_header_contents .header_login {
  width: min(80 / 390 * 100vw, 80px);
  height: min(20 / 390 * 100vw, 20px);
}
.login_header_contents .header_login span {
  width: 100%;
  height: 100%;
  color: #000;
  background: linear-gradient(90deg, #DBAB00 0%, rgba(242, 209, 94, 0.82) 28.13%, #FFE794 50%, #F2D15E 72.92%, #DBAB00 100%);
  font-size: min(12 / 390 * 100vw, 12px);
  font-weight: 600;
  display: grid;
  align-items: center;
  text-align: center;
}
.login_header_contents p {
  background: var(--GOLD, linear-gradient(90deg, #DBAB00 0%, rgba(242, 209, 94, 0.82) 28.13%, #FFE794 50%, #F2D15E 72.92%, #DBAB00 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.login_header_contents .pt {
  position: relative;
}
.login_header_contents .pt::after {
  position: absolute;
  content: "pt";
  background: var(--GOLD, linear-gradient(90deg, #DBAB00 0%, rgba(242, 209, 94, 0.82) 28.13%, #FFE794 50%, #F2D15E 72.92%, #DBAB00 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: min(16 / 390 * 100vw, 16px);
}

footer {
  background-color: #000;
  padding-top: min(79 / 390 * 100vw, 118.5px);
  padding-bottom: min(60 / 390 * 100vw, 90px);
}
footer ul {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  gap: min(22 / 390 * 100vw, 33px);
}
footer ul li {
  border-bottom: 1px solid #fff;
  padding-bottom: min(22 / 390 * 100vw, 33px);
}
footer ul li a {
  color: #fff;
  font-size: min(16 / 390 * 100vw, 24px);
}
footer .footer_box {
  border: 1px solid #fff;
  padding-top: min(23 / 390 * 100vw, 34.5px);
  padding-bottom: min(27 / 390 * 100vw, 40.5px);
  padding-left: min(10 / 390 * 100vw, 15px);
  padding-right: min(10 / 390 * 100vw, 15px);
}
footer .footer_box p {
  font-size: min(12 / 390 * 100vw, 18px);
}

html {
  scroll-behavior: smooth;
  background-color: #000;
}

section, body {
  max-width: 585px;
  width: min(390 / 390 * 100vw, 585px);
  margin: auto;
}

body {
  position: relative;
}

.inner {
  width: min(340 / 390 * 100vw, 510px);
  margin: auto;
}

a, li, h1, h2, h3 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  letter-spacing: 0.01em;
}

p {
  font-size: min(16 / 390 * 100vw, 16px);
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-weight: 500;
  color: #fff;
}

.fv {
  width: 100%;
  height: auto;
}
.fv img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.cta {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 0;
}
.cta_bg {
  width: 100%;
  height: auto;
}
.cta_text {
  position: absolute;
  width: min(320 / 390 * 100vw, 480px);
  height: min(76 / 390 * 100vw, 114px);
  inset: 0;
  margin: auto;
  margin-top: min(417 / 390 * 100vw, 625.5px);
  display: grid;
  align-items: center;
}
.cta_text::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: linear-gradient(180deg, #00C300 0%, #080 50%, #001700 100%);
  inset: 0;
  margin: auto;
  margin-bottom: min(1.5 / 390 * 100vw, 2.25px);
  margin-right: min(2 / 390 * 100vw, 3px);
  z-index: 1;
}
.cta_text::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: linear-gradient(180deg, #00C300 0%, #080 50%, #001700 100%);
  inset: 0;
  margin: auto;
  margin-top: min(1.5 / 390 * 100vw, 2.25px);
  margin-left: min(2 / 390 * 100vw, 3px);
  z-index: 1;
}
.cta_text img {
  width: min(255 / 390 * 100vw, 382.5px);
  height: auto;
  margin: auto;
  position: sticky;
  z-index: 2;
}
.cta_text02 {
  position: absolute;
  width: min(320 / 390 * 100vw, 480px);
  inset: 0;
  margin: auto;
  margin-top: min(553 / 390 * 100vw, 829.5px);
}
.cta_text02 p {
  font-size: min(12 / 390 * 100vw, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.section01 {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #000;
}
.section01 img {
  width: 100%;
  height: auto;
}
.section01 .design_p {
  position: absolute;
  width: min(33 / 390 * 100vw, 33px);
  height: min(530 / 390 * 100vw, 530px);
  font-size: min(22 / 390 * 100vw, 22px);
  writing-mode: vertical-lr;
  color: #F2D15E;
  font-weight: 500;
  inset: 0;
  margin: auto;
  margin-top: min(290 / 390 * 100vw, 435px);
  margin-right: 9px;
}
.section01 .inner {
  width: min(390 / 390 * 100vw, 585px);
  inset: 0;
  margin: auto;
  margin-top: min(230 / 390 * 100vw, 345px);
  z-index: 1;
  position: absolute;
}
.section01 .inner h2 {
  text-align: center;
  color: #FFF;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-size: min(32 / 390 * 100vw, 48px);
  font-weight: 500;
  position: relative;
}
.section01 .inner h2::after {
  position: absolute;
  content: "";
  width: min(20 / 390 * 100vw, 35px);
  height: 1px;
  background: #FFE794;
  inset: 0;
  margin: auto;
  margin-right: min(15 / 390 * 100vw, 22.5px);
}
.section01 .inner h2::before {
  position: absolute;
  content: "";
  width: min(20 / 390 * 100vw, 35px);
  height: 1px;
  background: #FFE794;
  inset: 0;
  margin: auto;
  margin-left: min(15 / 390 * 100vw, 22.5px);
}
.section01 .inner h2 span {
  color: #F2D15E;
}
.section01 .inner ul {
  margin-top: min(50 / 390 * 100vw, 75px);
  width: min(309 / 390 * 100vw, 463.5px);
  margin-left: min(25 / 390 * 100vw, 37.5px);
  display: grid;
  grid-template-columns: 1fr;
  gap: min(23 / 390 * 100vw, 34.5px);
  counter-reset: number 0;
}
.section01 .inner ul li {
  width: 100%;
  border: 1px solid #000;
  padding: min(3 / 390 * 100vw, 4.5px) min(10 / 390 * 100vw, 15px) min(3 / 390 * 100vw, 4.5px) min(70 / 390 * 100vw, 105px);
  background: linear-gradient(90deg, #DBAB00 0%, rgba(242, 209, 94, 0.82) 28.13%, #FFE794 50%, #F2D15E 72.92%, #DBAB00 100%);
  display: flex;
  width: 100%;
  justify-content: start;
  align-items: end;
  gap: min(20 / 390 * 100vw, 30px);
  position: relative;
}
.section01 .inner ul li::after {
  position: absolute;
  counter-increment: number 1;
  content: counter(number) "";
  width: min(32 / 390 * 100vw, 48px);
  height: min(32 / 390 * 100vw, 48px);
  inset: 0;
  margin: auto;
  margin-left: min(30 / 390 * 100vw, 45px);
  font-size: min(32 / 390 * 100vw, 48px);
  line-height: 100%;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
}
.section01 .inner ul li::before {
  position: absolute;
  content: "";
  width: min(32 / 390 * 100vw, 48px);
  height: min(32 / 390 * 100vw, 48px);
  inset: 0;
  margin: auto;
  margin-left: min(22 / 390 * 100vw, 33px);
  border: #000 1px solid;
  border-radius: 24px;
}
.section01 .inner ul li .section01_p {
  font-size: min(32 / 390 * 100vw, 48px);
  color: #000;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  text-shadow: 1px 1px 0px rgba(92, 92, 92, 0.2);
  font-weight: 600;
}
.section01 .inner ul li .section01_en {
  font-size: min(22 / 390 * 100vw, 33px);
  color: #000;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  text-shadow: 2px 1px 0px rgba(92, 92, 92, 0.2);
  font-weight: 600;
}

.section02 {
  position: relative;
  background-color: #000;
  z-index: 0;
  padding-top: min(21 / 390 * 100vw, 31.5px);
}
.section02 p {
  font-size: min(16 / 390 * 100vw, 24px);
  font-weight: 500;
}
.section02 ul {
  display: flex;
  justify-content: space-around;
  width: 100%;
  margin-top: min(59 / 390 * 100vw, 88.5px);
  margin-bottom: min(64 / 390 * 100vw, 96px);
}
.section02 ul li {
  width: min(60 / 390 * 100vw, 80px);
  height: min(177 / 390 * 100vw, 265.5px);
  display: grid;
  align-items: center;
  border: 1px solid #FFF;
  box-shadow: 0px 4px 4px 0px #000;
}
.section02 ul li p {
  writing-mode: vertical-lr;
  text-align: center;
  display: grid;
  align-items: center;
  text-shadow: 0px 4px 4px #000;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-size: min(32 / 390 * 100vw, 48px);
  font-weight: 800;
  line-height: 109.375%;
  letter-spacing: 0.01em;
}
.section02_bg {
  z-index: -1;
  position: absolute;
  width: 100%;
  height: auto;
  inset: 0;
  margin: auto;
  margin-top: min(91 / 390 * 100vw, 136.5px);
}
.section02 .red_p {
  padding: min(16 / 390 * 100vw, 24px) 0;
  background: #CD1E1E;
  text-align: center;
  text-shadow: 0px 4px 4px #000;
  font-size: min(22 / 390 * 100vw, 33px);
  font-weight: 500;
}

.section03 {
  padding-top: min(40 / 390 * 100vw, 60px);
  padding-bottom: min(36 / 390 * 100vw, 54px);
  position: relative;
  z-index: 0;
}
.section03 img {
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
  z-index: -1;
}
.section03 p {
  font-size: min(16 / 390 * 100vw, 24px);
  font-weight: 500;
  letter-spacing: -0.05em;
  padding-top: min(8 / 390 * 100vw, 12px);
}
.section03 .s_p {
  text-align: center;
  font-size: min(75 / 390 * 100vw, 112.5px);
  font-weight: 600;
  letter-spacing: 0.01em;
}
.section03 .gold_p {
  background: linear-gradient(180deg, rgba(242, 209, 94, 0.82) 19.92%, #DBAB00 39.39%, #DB6900 55.78%, #F2D15E 73.87%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section04 {
  width: 100%;
  height: auto;
  margin-top: min(30 / 390 * 100vw, 45px);
}
.section04 img {
  width: 100%;
  height: auto;
}

.section05 {
  width: 100%;
  background: #000;
  padding-top: min(40 / 390 * 100vw, 60px);
  padding-bottom: min(40 / 390 * 100vw, 60px);
}
.section05 ul {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr;
  gap: min(20 / 390 * 100vw, 30px) 0;
}
.section05 ul li {
  width: 100%;
  height: min(220 / 390 * 100vw, 330px);
  padding-left: min(35 / 390 * 100vw, 52.5px);
  background: url(../img/top/point_bg.png) no-repeat center/cover;
  position: relative;
  z-index: 0;
}
.section05 ul li::after {
  position: absolute;
  width: min(76 / 390 * 100vw, 114px);
  height: min(114 / 390 * 100vw, 171px);
  right: min(10 / 390 * 100vw, 15px);
  bottom: 0;
  z-index: 1;
  background: var(--GOLD, linear-gradient(90deg, #DBAB00 0%, rgba(242, 209, 94, 0.82) 28.13%, #FFE794 50%, #F2D15E 72.92%, #DBAB00 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: min(76 / 390 * 100vw, 114px);
  font-weight: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  display: grid;
  align-items: center;
  z-index: -1;
}
.section05 ul li h3 {
  font-size: min(26 / 390 * 100vw, 39px);
  font-weight: 600;
  margin-top: min(35 / 390 * 100vw, 52.5px);
  margin-bottom: min(12 / 390 * 100vw, 18px);
  position: relative;
  display: inline-block;
  background: linear-gradient(transparent 70%, #CD1E1E 30%);
}
.section05 ul li h3 span {
  background: linear-gradient(90deg, #DBAB00 0%, rgba(242, 209, 94, 0.82) 28.13%, #FFE794 50%, #F2D15E 72.92%, #DBAB00 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section05 ul li p {
  width: min(320 / 390 * 100vw, 480px);
  font-size: min(16 / 390 * 100vw, 24px);
  line-height: 150%;
}
.section05 ul .point_01::after {
  content: "①";
}
.section05 ul .point_02::after {
  content: "②";
}
.section05 ul .point_03::after {
  content: "③";
}

.section06 {
  width: 100%;
  height: auto;
  position: relative;
}
.section06_bg {
  width: 100%;
  height: auto;
}
.section06_01 {
  position: absolute;
  width: 100%;
  height: auto;
  inset: 0;
  margin: auto;
  margin-top: min(233 / 390 * 100vw, 349.5px);
}
.section06_01 ul {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  gap: min(20 / 390 * 100vw, 30px) 0;
}
.section06_01 ul li {
  position: relative;
  width: 100%;
  border: 1px solid #F2D15E;
  height: min(120 / 390 * 100vw, 180px);
}
.section06_01 ul li .en_name {
  position: absolute;
  top: min(51 / 390 * 100vw, 76.5px);
  color: #F2D15E;
  font-weight: 800;
  letter-spacing: 0.01em;
}
.section06_01 ul li .name {
  position: absolute;
  top: min(37 / 390 * 100vw, 55.5px);
  color: #F2D15E;
  font-size: min(11 / 390 * 100vw, 16.5px);
  font-weight: 800;
  letter-spacing: 0.01em;
}
.section06_01 ul li .date {
  position: absolute;
  top: min(15 / 390 * 100vw, 22.5px);
  right: min(10 / 390 * 100vw, 15px);
  color: #000;
  font-size: min(14 / 390 * 100vw, 22px);
  font-weight: 800;
  letter-spacing: 0.01em;
}
.section06_01 ul li .boat_number {
  position: absolute;
  top: min(36 / 390 * 100vw, 54px);
  right: min(10 / 390 * 100vw, 15px);
  color: #000;
  font-size: min(14 / 390 * 100vw, 22px);
  font-weight: 800;
  letter-spacing: 0.01em;
}
.section06_01 ul li .price {
  position: absolute;
  top: min(60 / 390 * 100vw, 90px);
  right: min(6 / 390 * 100vw, 9px);
  color: #000;
  font-size: min(42 / 390 * 100vw, 63px);
  font-weight: 800;
  letter-spacing: -0.05em;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  -webkit-text-stroke: 0.5px #F2D15E;
}
.section06_01 ul .no01 {
  background: url(../img/top/section06_01_01.png) no-repeat center/contain;
}
.section06_01 ul .no01 .en_name {
  left: min(20 / 390 * 100vw, 30px);
  font-size: min(22 / 390 * 100vw, 33px);
}
.section06_01 ul .no01 .name {
  left: min(18 / 390 * 100vw, 27px);
}
.section06_01 ul .no02 {
  background: url(../img/top/section06_01_02.png) no-repeat center/contain;
}
.section06_01 ul .no02 .en_name {
  left: min(20 / 390 * 100vw, 30px);
  font-size: min(22 / 390 * 100vw, 33px);
}
.section06_01 ul .no02 .name {
  left: min(18 / 390 * 100vw, 27px);
}
.section06_01 ul .no03 {
  background: url(../img/top/section06_01_03.png) no-repeat center/contain;
}
.section06_01 ul .no03 .en_name {
  left: min(33 / 390 * 100vw, 49.5px);
  font-size: min(22 / 390 * 100vw, 33px);
}
.section06_01 ul .no03 .name {
  left: min(40 / 390 * 100vw, 60px);
}
.section06_01 ul .no04 {
  background: url(../img/top/section06_01_04.png) no-repeat center/contain;
}
.section06_01 ul .no04 .en_name {
  left: min(8 / 390 * 100vw, 12px);
  font-size: min(22 / 390 * 100vw, 33px);
}
.section06_01 ul .no04 .name {
  left: min(29 / 390 * 100vw, 43.5px);
}
.section06_01 ul .no05 {
  background: url(../img/top/section06_01_05.png) no-repeat center/contain;
}
.section06_01 ul .no05 .en_name {
  left: min(10 / 390 * 100vw, 15px);
  font-size: min(18 / 390 * 100vw, 27px);
}
.section06_01 ul .no05 .name {
  left: min(23 / 390 * 100vw, 34.5px);
}
.section06_01 ul .no06 {
  background: url(../img/top/section06_01_06.png) no-repeat center/contain;
}
.section06_01 ul .no06 .en_name {
  left: min(12 / 390 * 100vw, 18px);
  font-size: min(18 / 390 * 100vw, 27px);
}
.section06_01 ul .no06 .name {
  left: min(23 / 390 * 100vw, 34.5px);
}
.section06_01 ul .no07 {
  background: url(../img/top/section06_01_07.png) no-repeat center/contain;
}
.section06_01 ul .no07 .en_name {
  left: min(7 / 390 * 100vw, 10.5px);
  font-size: min(18 / 390 * 100vw, 27px);
}
.section06_01 ul .no07 .name {
  left: min(29 / 390 * 100vw, 43.5px);
}
.section06_01 ul .no08 {
  background: url(../img/top/section06_01_08.png) no-repeat center/contain;
}
.section06_01 ul .no08 .en_name {
  top: min(44 / 390 * 100vw, 66px);
  left: min(31 / 390 * 100vw, 46.5px);
  font-size: min(22 / 390 * 100vw, 33px);
}
.section06_01 .btn {
  width: min(180 / 390 * 100vw, 270px);
  height: min(40 / 390 * 100vw, 60px);
  margin: auto;
  margin-top: min(40 / 390 * 100vw, 60px);
}
.section06_01 .btn a {
  border-radius: 4px;
  background: linear-gradient(180deg, #D01C1C 0%, #380000 50%, #D01C1C 100%);
  color: #FFF;
  font-size: min(16 / 390 * 100vw, 24px);
  font-weight: 800;
  text-align: center;
  width: 100%;
  height: 100%;
  display: grid;
  align-items: center;
}
.section06_02 {
  position: absolute;
  width: 100%;
  height: auto;
  inset: 0;
  margin: auto;
  margin-top: min(1622 / 390 * 100vw, 2433px);
}
.section06_02 ul {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  gap: min(40 / 390 * 100vw, 60px) 0;
}
.section06_02 ul li {
  position: relative;
  width: 100%;
  border: 4px solid #F2D15E;
  height: min(120 / 390 * 100vw, 180px);
  background-color: #fff;
}
.section06_02 ul li p {
  color: #000;
  font-size: min(14 / 390 * 100vw, 21px);
  font-weight: 500;
  padding-top: min(20 / 390 * 100vw, 30px);
  width: min(293 / 390 * 100vw, 439.5px);
  margin: auto;
}
.section06_02 ul li .voice {
  position: absolute;
  text-align: right;
  bottom: min(9 / 390 * 100vw, 13.5px);
  right: min(22 / 390 * 100vw, 33px);
}

.page_title {
  margin-top: min(80 / 390 * 100vw, 80px);
  background: linear-gradient(90deg, #DBAB00 0%, rgba(242, 209, 94, 0.82) 28.13%, #FFE794 50%, #F2D15E 72.92%, #DBAB00 100%);
  text-align: center;
}
.page_title h1 {
  color: #000;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-size: min(24 / 390 * 100vw, 36px);
  font-weight: 600;
  line-height: 150%;
}

.info_contents {
  padding-top: min(20 / 390 * 100vw, 30px);
}
.info_contents h2 {
  padding-top: min(20 / 390 * 100vw, 30px);
  color: #FFF;
  font-size: min(22 / 390 * 100vw, 33px);
}
.info_contents p {
  font-size: min(16 / 390 * 100vw, 24px);
  letter-spacing: 0.01em;
  padding-top: min(10 / 390 * 100vw, 15px);
}
.info_contents input {
  padding: 1em;
  font-size: min(12 / 390 * 100vw, 18px);
  margin-top: min(40 / 390 * 100vw, 60px);
  width: 100%;
  height: min(322 / 390 * 100vw, 483px);
  position: relative;
  background-color: #DCDCDC;
  vertical-align: top;
  outline: none;
}
.info_contents input::-moz-placeholder {
  position: absolute;
  top: 1em;
}
.info_contents input::placeholder {
  position: absolute;
  top: 1em;
}
.info_contents .btn {
  width: min(180 / 390 * 100vw, 270px);
  height: min(40 / 390 * 100vw, 60px);
  margin: auto;
  margin-top: min(40 / 390 * 100vw, 60px);
  margin-bottom: min(100 / 390 * 100vw, 150px);
}
.info_contents .btn a {
  display: grid;
  align-items: center;
  text-align: center;
  border-radius: 4px;
  background: linear-gradient(180deg, #D01C1C 0%, #380000 50%, #D01C1C 100%);
  color: #FFF;
  font-size: min(16 / 390 * 100vw, 24px);
  font-weight: 800;
  height: 100%;
  width: 100%;
}

.low_contents {
  padding-top: min(20 / 390 * 100vw, 30px);
}
.low_contents .h_p {
  font-size: min(16 / 390 * 100vw, 24px);
  font-weight: 800;
  padding-top: min(20 / 390 * 100vw, 30px);
}
.low_contents p {
  font-size: min(16 / 390 * 100vw, 24px);
  padding-top: 0;
  font-weight: 500;
  letter-spacing: 0.01em;
}

.section06_01_member {
  position: relative;
  margin-top: min(40 / 390 * 100vw, 60px);
}

.member_contents {
  padding-top: min(20 / 390 * 100vw, 30px);
}
.member_contents ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: min(20 / 390 * 100vw, 30px) 0;
}
.member_contents ul li {
  position: relative;
  width: 100%;
  height: min(170 / 390 * 100vw, 255px);
}
.member_contents ul li::after {
  position: absolute;
  width: 100%;
  height: min(30 / 390 * 100vw, 45px);
  text-align: right;
  font-size: min(18 / 390 * 100vw, 27px);
  color: #FFF;
  line-height: 100%;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  display: grid;
  align-items: center;
  inset: 0;
  margin: auto;
  margin-bottom: -3px;
  margin-right: min(2 / 390 * 100vw, 3px);
}
.member_contents ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.member_contents ul li a img {
  width: 100%;
  height: 100%;
}
.member_contents ul .free_plan::after {
  content: "20,000円";
  -webkit-text-stroke: 0.2px #00C300;
}
.member_contents ul .beer_plan::after {
  content: "40,000円";
  -webkit-text-stroke: 0.2px #F2D15E;
}
.member_contents ul .wine_plan::after {
  content: "100,000円";
  -webkit-text-stroke: 0.2px #750054;
}
.member_contents ul .vodca_plan::after {
  content: "200,000円";
  -webkit-text-stroke: 0.2px #CBCBCB;
}
.member_contents ul .nightvodca_plan::after {
  content: "200,000円";
  -webkit-text-stroke: 0.2px #CBCBCB;
}
.member_contents ul .jin_plan::after {
  content: "400,000円";
  -webkit-text-stroke: 0.2px #CBCBCB;
}
.member_contents ul .nightjin_plan::after {
  content: "400,000円";
  -webkit-text-stroke: 0.2px #FF0000;
}
.member_contents ul .rum_plan::after {
  content: "700,000円";
  -webkit-text-stroke: 0.2px #CBCBCB;
}
.member_contents ul .nightrum_plan::after {
  content: "700,000円";
  -webkit-text-stroke: 0.2px #D4B76E;
}
.member_contents ul .tequila_plan::after {
  content: "1,200,000円";
  -webkit-text-stroke: 0.2px #DB6900;
}
.member_contents ul .nighttequila_plan::after {
  content: "1,200,000円";
  -webkit-text-stroke: 0.2px #DB6900;
}
.member_contents ul .whisky_plan::after {
  content: "2,000,000円";
  -webkit-text-stroke: 0.2px #4F2600;
}
.member_contents ul .brandy_plan::after {
  content: "3,000,000円";
  -webkit-text-stroke: 0.2px #FF2E00;
}
.member_contents ul .vip_plan::after {
  content: "5,000,000円";
  -webkit-text-stroke: 0.2px rgb(219, 171, 0);
}

.member_page_contents {
  padding-top: min(20 / 390 * 100vw, 30px);
}
.member_page_contents ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: min(20 / 390 * 100vw, 30px);
}
.member_page_contents ul li {
  width: 100%;
  height: min(120 / 390 * 100vw, 180px);
  background: url(../img/member/mail.png) no-repeat center/contain;
}
.member_page_contents ul li .mail_date {
  width: min(255 / 390 * 100vw, 382.5px);
  padding-top: min(14 / 390 * 100vw, 21px);
  margin-left: min(60 / 390 * 100vw, 90px);
  color: #fff;
  font-size: min(12 / 390 * 100vw, 18px);
}
.member_page_contents ul li p {
  width: min(255 / 390 * 100vw, 382.5px);
  margin: auto;
  padding-top: min(14 / 390 * 100vw, 21px);
  margin-left: min(60 / 390 * 100vw, 90px);
  font-size: min(12 / 390 * 100vw, 18px);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.member_page_contents .pagenation {
  display: flex;
  justify-content: space-between;
  width: min(280 / 390 * 100vw, 420px);
  margin: auto;
  margin-top: min(40 / 390 * 100vw, 60px);
  margin-bottom: min(200 / 390 * 100vw, 300px);
}
.member_page_contents .pagenation li {
  width: min(40 / 390 * 100vw, 60px);
  height: min(40 / 390 * 100vw, 60px);
  border: 1px solid #DBAB00;
  background: none;
  display: grid;
  align-items: center;
}
.member_page_contents .pagenation li p {
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: min(22 / 390 * 100vw, 33px);
  background: var(--GOLD, linear-gradient(90deg, #DBAB00 0%, rgba(242, 209, 94, 0.82) 28.13%, #FFE794 50%, #F2D15E 72.92%, #DBAB00 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.member_page_contents_single {
  padding-top: min(24 / 390 * 100vw, 36px);
}
.member_page_contents_single .mail_date {
  padding-bottom: min(10 / 390 * 100vw, 15px);
}
.member_page_contents_single p {
  padding-top: min(10 / 390 * 100vw, 15px);
}

.no09 {
  background: url(../img/member/section06_01_09.png) no-repeat center/contain;
}

.no10 {
  background: url(../img/member/section06_01_10.png) no-repeat center/contain;
}

.no11 {
  background: url(../img/member/section06_01_11.png) no-repeat center/contain;
}

.no12 {
  background: url(../img/member/section06_01_12.png) no-repeat center/contain;
}

.no13 {
  background: url(../img/member/section06_01_13.png) no-repeat center/contain;
}

.section06_02_voice {
  position: relative;
  margin-top: min(40 / 390 * 100vw, 60px);
}

.price_contents {
  padding-top: min(30 / 390 * 100vw, 45px);
}
.price_contents p {
  font-size: min(16 / 390 * 100vw, 24px);
  width: min(320 / 390 * 100vw, 480px);
  margin: auto;
}
.price_contents_top {
  padding-bottom: min(10 / 390 * 100vw, 15px);
}
.price_contents .select_btn {
  width: 100%;
  margin-top: min(20 / 390 * 100vw, 30px);
  height: min(60 / 390 * 100vw, 80px);
}
.price_contents .select_btn a {
  color: #000;
  text-align: center;
  display: grid;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: min(16 / 390 * 100vw, 24px);
  font-weight: 500;
  letter-spacing: 0.01em;
  background: linear-gradient(90deg, #CCC 0%, rgba(233, 233, 233, 0.82) 28.13%, #FFF 50%, #E9E9E9 72.92%, #CFCFCF 100%);
}
.price_contents .select_price h2 {
  padding-top: min(40 / 390 * 100vw, 60px);
  padding-bottom: min(20 / 390 * 100vw, 30px);
  text-align: center;
  font-size: min(32 / 390 * 100vw, 48px);
  background: linear-gradient(90deg, #CCC 0%, rgba(233, 233, 233, 0.82) 28.13%, #FFF 50%, #E9E9E9 72.92%, #CFCFCF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.price_contents #card {
  margin-top: min(80 / 390 * 100vw, 120px);
  margin-bottom: min(80 / 390 * 100vw, 120px);
}

.select_list {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  gap: min(20 / 390 * 100vw, 30px) 0;
  margin-top: min(20 / 390 * 100vw, 30px);
}
.select_list .click label {
  display: flex;
  justify-content: flex-start;
  width: min(340 / 390 * 100vw, 510px);
  background: #fff;
  height: min(60 / 390 * 100vw, 90px);
  padding: 0 min(40 / 390 * 100vw, 60px);
  padding-left: min(20 / 390 * 100vw, 30px);
  position: relative;
}
.select_list .click label input {
  margin-right: 0.5em;
}
.select_list .click label p {
  width: min(100 / 390 * 100vw, 150px);
  color: #000;
}
.select_list .click label .price_p {
  text-align: right;
}

.pay_btn {
  width: min(260 / 390 * 100vw, 390px);
  height: min(60 / 390 * 100vw, 90px);
  margin: auto;
  margin-top: min(40 / 390 * 100vw, 60px);
}
.pay_btn button {
  width: 100%;
  height: 100%;
  color: #fff;
  border-radius: 4px;
  background: linear-gradient(180deg, #2A1CD0 0%, #010038 50%, rgba(20, 0, 255, 0) 100%);
}

.click input[type=radio] {
  accent-color: #DBAB00;
}

.plan_contents {
  padding-top: min(40 / 390 * 100vw, 60px);
}
.plan_contents_p {
  background: linear-gradient(90deg, #DBAB00 0%, rgba(242, 209, 94, 0.82) 28.13%, #FFE794 50%, #F2D15E 72.92%, #DBAB00 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: min(320 / 390 * 100vw, 480px);
  margin: auto;
}
.plan_contents ul {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: min(20 / 390 * 100vw, 30px) 0;
  margin-top: min(40 / 390 * 100vw, 60px);
}
.plan_contents ul li {
  display: flex;
  gap: 0;
  width: min(340 / 390 * 100vw, 510px);
  justify-content: center;
  height: min(48 / 390 * 100vw, 72px);
}
.plan_contents ul li .g_p {
  width: min(120 / 390 * 100vw, 180px);
  background: linear-gradient(90deg, #DBAB00 0%, rgba(242, 209, 94, 0.82) 28.13%, #FFE794 50%, #F2D15E 72.92%, #DBAB00 100%);
  color: #000;
  text-align: center;
  display: grid;
  align-items: center;
  font-size: min(16 / 390 * 100vw, 24px);
}
.plan_contents ul li .w_p {
  width: min(220 / 390 * 100vw, 310px);
  text-align: right;
  font-size: min(16 / 390 * 100vw, 20px);
  display: grid;
  align-items: center;
  background: #fff;
  color: #000;
  padding-right: 1em;
}
.plan_contents .btn {
  width: min(340 / 390 * 100vw, 510px);
  margin: auto;
  margin-top: min(40 / 390 * 100vw, 60px);
}
.plan_contents .btn a {
  text-align: center;
  width: 100%;
  line-height: 155%;
  padding-top: min(23 / 390 * 100vw, 34.5px);
  padding-bottom: min(23 / 390 * 100vw, 34.5px);
  display: block;
  color: #FFF;
  border-radius: 4px;
  text-shadow: 1px 4px 4px rgba(0, 0, 0, 0.25);
  font-size: min(22 / 390 * 100vw, 33px);
}
.plan_contents .btn_red {
  background: linear-gradient(180deg, #D01C1C 0%, #380000 50%, rgba(255, 0, 0, 0) 100%);
}
.plan_contents .btn_blue {
  background: linear-gradient(180deg, #2A1CD0 0%, #010038 50%, rgba(20, 0, 255, 0) 100%);
}
.plan_contents .btn_green {
  background: linear-gradient(180deg, #40D01C 0%, #40D01C 50%, rgba(64, 208, 28, 0) 100%);
}
.plan_contents .btn_orange {
  background: linear-gradient(180deg, #D0881C 0%, #D0881C 50%, rgba(208, 136, 28, 0) 100%);
}
.plan_contents .btn_gray {
  background: linear-gradient(180deg, #99A9B0 0%, #99A9B0 50%, rgba(153, 169, 176, 0) 100%);
}

.buy_img {
  width: min(340 / 390 * 100vw, 510px);
  height: min(170 / 390 * 100vw, 170px);
  border: 1px solid #DBAB00;
  margin: auto;
  margin-top: min(140 / 390 * 100vw, 140px);
}
.buy_img img {
  width: 100%;
  height: auto;
}

.buy_contents {
  width: min(370 / 390 * 100vw, 555px);
  margin: auto;
  border: 2px solid #DBAB00;
  margin-top: min(20 / 390 * 100vw, 20px);
  margin-bottom: min(40 / 390 * 100vw, 40px);
  padding: min(20 / 390 * 100vw, 20px) min(25 / 390 * 100vw, 25px);
}
.buy_contents ul {
  display: flex;
  justify-content: flex-start;
  margin-top: min(20 / 390 * 100vw, 20px);
  margin-bottom: min(20 / 390 * 100vw, 20px);
  gap: min(20 / 390 * 100vw, 20px);
}
.buy_contents ul .title {
  width: min(90 / 390 * 100vw, 90px);
  height: min(40 / 390 * 100vw, 40px);
  background: linear-gradient(90deg, #DBAB00 0%, rgba(242, 209, 94, 0.82) 28.13%, #FFE794 50%, #F2D15E 72.92%, #DBAB00 100%);
  text-align: center;
  display: grid;
  align-items: center;
  font-size: min(16 / 390 * 100vw, 16px);
}
.buy_contents ul .buy_contents_t {
  width: min(210 / 390 * 100vw, 210px);
  padding-top: min(8 / 390 * 100vw, 8px);
  color: #fff;
  letter-spacing: 0.01em;
  font-size: min(16 / 390 * 100vw, 16px);
}/*# sourceMappingURL=index.css.map */