@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}


/* noto-sans-jp-400 */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: local(''),
    url(./../font/noto-sans-jp-v28-japanese-400.woff2) format('woff2');
}

/* noto-sans-jp-700 */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: local(''),
    url(./../font/noto-sans-jp-v28-japanese-700.woff2) format('woff2');
}

body {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

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

input:focus {
  outline: none;
}

input::-ms-clear {
  visibility: hidden;
}

textarea {
  overflow: auto;
}

hr {
  margin: 0;
  border: none;
}

option {
  padding: 0;
}

input[type=submit],
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@font-face {
  font-family: "FriendlyExpart";
  src: url(./../font/FriendlyExpart.woff) format("woff");
}

:root {
  --primary: #FADBAA;
  --white: #fff;
  --lightGoldGray: #FDFAF2;
  --midGoldGray: #FBF8F0;
  --goldGray: #F8F3E7;
  --lightRizeGold: #C6B183;
  --rizeGold: #B59751;
  --green: #65D171;
  --orange: #F7B837;
  --lightGray: #B2ADA9;
  --gray: #88837F;
  --pink: #E8857D;
  --darkGray: #6D6764;
  --subGray01: #A7A7A7;
  --subGray02: #BFBFBF;
  --grad-start-color01: #F7B837;
  --grad-end-color01: #B59751;
  --bg-gradient01: linear-gradient(var(--grad-start-color01), var(--grad-end-color01));
  --grad-start-color02: #BAA063;
  --grad-end-color02: #A88534;
  --bg-gradient02: linear-gradient(var(--grad-start-color02), var(--grad-end-color02));
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-weight: 400;
  line-height: 1.6;
  color: var(--gray);
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  body {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  body {
    min-width: 1280px;
    background: #ffdaf3;
    /* background: var(--goldGray) url(./../img/common/bg_header.svg) no-repeat center top; */
    background-size: 100% auto;
  }
}

@media screen and (max-width: 767px) {
  body {
    background: var(--goldGray);
  }

  body.is-open {
    overflow: hidden;
  }
}

a {
  color: inherit;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  a {
    -wewbkit-transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
  }

  a:hover {
    opacity: 0.7;
  }
}

img {
  width: 100%;
  height: auto;
}

main {
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .mainPadding {
    padding: 195px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .mainPadding {
    padding: 50vw 0vw 0vw 0vw;
  }
}

.caution {
  font-weight: normal;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .caution {
    font-size: 2.8125vw;
  }
}

@media screen and (min-width: 768px) {
  .caution {
    margin: 20px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .caution {
    margin: 3.125vw 0vw 0vw 0vw;
  }
}

.krkr-button-img {
  z-index: 10 !important;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  -webkit-transition: opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}

@media screen and (min-width: 768px) {
  .krkr-button-img {
    right: 20px !important;
    bottom: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .krkr-button-img {
    width: 21.875vw;
    right: 3.125vw !important;
    bottom: 3.125vw !important;
  }
}

.jsFadeup {
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  opacity: 0;
  -webkit-transition: opacity 0.7s 0.4s ease, -webkit-transform 0.7s 0.4s ease;
  transition: opacity 0.7s 0.4s ease, -webkit-transform 0.7s 0.4s ease;
  transition: transform 0.7s 0.4s ease, opacity 0.7s 0.4s ease;
  transition: transform 0.7s 0.4s ease, opacity 0.7s 0.4s ease, -webkit-transform 0.7s 0.4s ease;
}

.jsFadeup.is-act {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.jsFadeup2 {
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  opacity: 0;
  -webkit-transition: opacity 0.7s 0s ease, -webkit-transform 0.7s 0s ease;
  transition: opacity 0.7s 0s ease, -webkit-transform 0.7s 0s ease;
  transition: transform 0.7s 0s ease, opacity 0.7s 0s ease;
  transition: transform 0.7s 0s ease, opacity 0.7s 0s ease, -webkit-transform 0.7s 0s ease;
}

.jsFadeup2.is-act {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.jsFadeupLead {
  color: var(--gray);
}

.jsFadeupLead .row {
  display: block;
  position: relative;
  overflow: hidden;
  opacity: 0;
  color: var(--gray);
}

@media screen and (min-width: 768px) {
  .jsFadeupLead .row {
    min-height: 54px;
  }
}

@media screen and (max-width: 767px) {
  .jsFadeupLead .row {
    min-height: 10vw;
    line-height: 1.8928571429;
  }
}

.jsFadeupLead .line {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: var(--gray);
  text-align: center;
  -webkit-transform: translateY(88%);
  transform: translateY(88%);
  -webkit-transition: 1s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  transition: 1s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.jsFadeupLead .modDot::before {
  opacity: 0;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.jsFadeupLead.is-act .row {
  opacity: 1;
}

.jsFadeupLead.is-act .line {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  bottom: 0;
}

.jsFadeupLead.is-act .modDot::before {
  opacity: 1;
}

.jsScaleup {
  opacity: 0;
}

.jsScaleup.is-act {
  -webkit-animation-name: ScaleUp;
  animation-name: ScaleUp;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

@-webkit-keyframes ScaleUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes ScaleUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jsScaleup_h {
  opacity: 0;
}

.jsScaleup_h.is-act {
  -webkit-animation-name: Scaleup_h;
  animation-name: Scaleup_h;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

@-webkit-keyframes Scaleup_h {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }

  75% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes Scaleup_h {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }

  75% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jsFadeinText .row {
  display: block;
  opacity: 0;
}

.jsFadeinText.is-act .row {
  -webkit-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.jsFadeinText.is-act+.js-text-hide {
  -webkit-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@media screen and (min-width: 768px) {
  .jsFadeinText.is-act+.js-text-hide {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }
}

@media screen and (max-width: 767px) {
  .jsFadeinText.is-act+.js-text-hide {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
  }
}

.jsFadeinText .row:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.jsFadeinText .row:nth-child(2) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.jsFadeinText .row:nth-child(3) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.jsFadeinText .row:nth-child(4) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.jsFadeinText .row:nth-child(5) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.jsFadeinText .row:nth-child(6) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.jsFadeinText .row:nth-child(7) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.jsFadeinText .row:nth-child(8) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.jsFadeinText .row:nth-child(9) {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}

.jsFadeinText .row:nth-child(10) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.jsFadeinText .row:nth-child(11) {
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
}

.jsFadeinText .row:nth-child(12) {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
}

.jsFadeinText .row:nth-child(13) {
  -webkit-animation-delay: 2.6s;
  animation-delay: 2.6s;
}

.jsFadeinText .row:nth-child(14) {
  -webkit-animation-delay: 2.8s;
  animation-delay: 2.8s;
}

.jsFadeinText .row:nth-child(15) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.jsFadeinText .row:nth-child(16) {
  -webkit-animation-delay: 3.2s;
  animation-delay: 3.2s;
}

.jsFadeinText .row:nth-child(17) {
  -webkit-animation-delay: 3.4s;
  animation-delay: 3.4s;
}

.jsFadeinText .row:nth-child(18) {
  -webkit-animation-delay: 3.6s;
  animation-delay: 3.6s;
}

.jsFadeinText .row:nth-child(19) {
  -webkit-animation-delay: 3.8s;
  animation-delay: 3.8s;
}

.jsFadeinText .row:nth-child(20) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

@-webkit-keyframes fadein {
  100% {
    opacity: 1;
  }
}

@keyframes fadein {
  100% {
    opacity: 1;
  }
}

.fixedRightContent {
  position: fixed;
  right: 0;
  z-index: 10;
}

@media screen and (min-width: 768px) {
  .fixedRightContent {
    /*bottom: 18%;*/
    bottom: 171px;
  }
}

@media screen and (max-width: 767px) {
  .fixedRightContent {
    bottom: 28.125vw;
  }
}

/* 下層ページ用流体シェイプ
========================================================*/
#jsShape01 {
  display: none;
  position: absolute;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  #jsShape01 {
    top: 0;
    left: -45vw;
    width: 80vw;
  }
}

@media screen and (max-width: 767px) {
  #jsShape01 {
    left: -58vw;
    top: -8.5vw;
    width: 144.0625vw;
    height: 131.25vw;
  }
}

#jsShape02 {
  display: none;
  position: absolute;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  #jsShape02 {
    top: -205px;
    left: -32vw;
    width: 70vw;
  }
}

@media screen and (max-width: 767px) {
  #jsShape02 {
    left: -84vw;
    top: -25.5vw;
    width: 144.0625vw;
    height: 84.375vw;
  }
}

#jsShape03 {
  display: none;
  position: absolute;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  #jsShape03 {
    top: -21vw;
    right: -29vw;
    height: 52vw;
  }
}

@media screen and (max-width: 767px) {
  #jsShape03 {
    top: -42vw;
    right: -58vw;
    width: 144.0625vw;
    height: 84.375vw;
  }
}

#jsShape04 {
  display: none;
  position: absolute;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  #jsShape04 {
    top: -25vw;
    right: -23vw;
    height: 77vw;
  }
}

@media screen and (max-width: 767px) {
  #jsShape04 {
    right: -62vw;
    top: -41vw;
    width: 144.0625vw;
    height: 84.375vw;
  }
}

#jsShape05 {
  display: none;
  position: absolute;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  #jsShape05 {
    right: -23vw;
    top: -33vw;
    width: 85vw;
  }
}

@media screen and (max-width: 767px) {
  #jsShape05 {
    right: -57vw;
    top: -52vw;
    width: 142.34375vw;
    height: 94.84375vw;
  }
}

#jsShape06 {
  display: none;
  position: absolute;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  #jsShape06 {
    right: -35vw;
    top: -5vw;
    width: 85vw;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@media screen and (max-width: 767px) {
  #jsShape06 {
    top: -28vw;
    right: -126vw;
    width: 144.0625vw;
    height: 84.375vw;
  }
}

#jsShape07 {
  display: none;
  position: absolute;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  #jsShape07 {
    top: 0;
    left: -45vw;
    width: 80vw;
  }
}

@media screen and (max-width: 767px) {
  #jsShape07 {
    left: -58vw;
    top: -8.5vw;
    width: 144.0625vw;
    height: 131.25vw;
  }
}

/* 汎用モジュール
========================================================*/
.modBpPc {
  display: block;
}

@media screen and (max-width: 767px) {
  .modBpPc {
    display: none;
  }
}

.modBpPc--inline {
  display: inline;
}

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

.modBpSp {
  display: none;
}

@media screen and (max-width: 767px) {
  .modBpSp {
    display: block;
  }
}

.modBpSp--inline {
  display: none;
}

@media screen and (max-width: 767px) {
  .modBpSp--inline {
    display: inline;
  }
}

.modBtn {
  position: relative;
  display: inline-block;
  font-weight: bold;
  text-align: center;
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  .modBtn {
    font-size: 3.75vw;
  }
}

@media screen and (min-width: 768px) {
  .modBtn {
    width: 324px;
    padding: 23px 0;
    border-radius: 40px;
  }
}

@media screen and (max-width: 767px) {
  .modBtn {
    width: 100%;
    padding: 6.92vw 0;
    border-radius: 10vw;
  }
}

.modBtn--secondary {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .modBtn--secondary {
    font-size: 3.75vw;
  }
}

@media screen and (min-width: 768px) {
  .modBtn--secondary {
    width: 275px;
    padding: 14px 0;
  }
}

@media screen and (max-width: 767px) {
  .modBtn--secondary {
    width: 100%;
    padding: 2.8125vw 0vw 2.8125vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modBtn--secondary.modBtn--iconToggle:hover::after {
    -webkit-animation: none;
    animation: none;
    right: 16px;
  }
}

.modBtn--secondary.modBtn--iconToggle::after {
  content: "";
  background: url(./../img/common/icon_btn_toggle.svg) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .modBtn--secondary.modBtn--iconToggle::after {
    width: 28px;
    height: 28px;
    right: 16px;
  }
}

@media screen and (max-width: 767px) {
  .modBtn--secondary.modBtn--iconToggle::after {
    width: 7.03125vw;
    height: 7.03125vw;
    right: 3.125vw;
  }
}

.modBtn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  z-index: 1;
  background: transparent;
  border-radius: 40px;
  -wewbkit-transition: 0.3s ease-out;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.modBtn::after {
  content: "";
  background: url(./../img/common/icon_btn_arrow.svg) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .modBtn::after {
    width: 18px;
    height: 3px;
    right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .modBtn::after {
    width: 5vw;
    height: 0.9375vw;
    right: 3.125vw;
  }
}

@media screen and (min-width: 768px) {
  .modBtn:hover {
    opacity: 1;
  }

  .modBtn:hover::before {
    background: #fff;
  }

  .modBtn:hover::after {
    -webkit-animation: arrow 0.4s;
    animation: arrow 0.4s;
    right: 20px;
  }
}

@-webkit-keyframes arrow {
  50% {
    right: 15px;
  }

  100% {
    right: 20px;
  }
}

@keyframes arrow {
  50% {
    right: 15px;
  }

  100% {
    right: 20px;
  }
}

.modBtn--gray {
  color: var(--white);
  background: var(--gray);
}

.modBtn--gold {
  color: var(--white);
  background: var(--lightRizeGold);
}

.modBtn--gold.modBtn--iconToggle::after {
  background: url(./../img/common/icon_btn_toggle_gold.svg) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (max-width: 767px) {
  .modBtn--gold.modBtn--iconToggle::after {
    background: url(./../img/common/icon_btn_toggle_gold_sp.svg) no-repeat center center;
    background-size: 100% auto;
  }
}

.modBtn--white {
  color: var(--gray);
  background: var(--white);
}

.modBtn--whiteNotlink {
  color: var(--lightGoldGray);
  opacity: 1;
}

.modBtn--primary {
  color: var(--green);
  background: var(--white);
  border: 1px solid var(--green);
}

.modBtn--primary::after {
  background: url(./../img/common/icon_btn_arrow_green.svg) no-repeat center center;
  background-size: 100% auto;
}

.modBtn--green {
  color: var(--white);
  background: var(--green);
}

.modBtn--iconBack::after {
  background: url(./../img/common/icon_btn_arrow_back.svg) no-repeat center center;
  background-size: 100% auto;
  fill: #FF4500;
}

@media screen and (min-width: 768px) {
  .modBtn--iconBack::after {
    left: 20px;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .modBtn--iconBack::after {
    left: 3.125vw;
    right: auto;
  }
}

@media screen and (min-width: 768px) {
  .modBtn--iconBack:hover::after {
    -webkit-animation: arrow_back 0.4s;
    animation: arrow_back 0.4s;
    left: 20px;
  }
}

@-webkit-keyframes arrow_back {
  50% {
    left: 15px;
  }

  100% {
    left: 20px;
  }
}

@keyframes arrow_back {
  50% {
    left: 15px;
  }

  100% {
    left: 20px;
  }
}

@media screen and (min-width: 768px) {
  .modBtn--iconToggle:hover::after {
    -webkit-animation: none;
    animation: none;
  }
}

.modBtn--iconToggle::after {
  content: "";
  background: url(./../img/common/icon_btn_toggle.svg) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .modBtn--iconToggle::after {
    width: 36px;
    height: 36px;
    right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .modBtn--iconToggle::after {
    width: 7.8125vw;
    height: 7.8125vw;
    right: 3.125vw;
  }
}

.modBtn--reserve {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .modBtn--reserve {
    font-size: 3.75vw;
  }
}

.modBtn--reserve .icon {
  display: inline-block;
  vertical-align: middle;
  background: url(./../img/common/icon_calendar.svg) no-repeat center center;
  background-size: 100% auto;
  margin: -4px 10px 0 0;
  width: 13px;
  height: 13px;
}

@media screen and (max-width: 767px) {
  .modBtn--reserve .icon {
    margin: -0.625vw 1.5625vw 0vw 0vw;
    width: 3.4375vw;
    height: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modBtnWrap {
    margin: 58px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modBtnWrap {
    margin: 8.2vw 5.13vw 0;
  }
}

@media screen and (min-width: 768px) {
  .modBtnWrap+.modBtnWrap {
    margin-top: 38px;
  }
}

@media screen and (max-width: 767px) {
  .modBtnWrap+.modBtnWrap {
    margin-top: 8vw;
  }
}

.modBtnWrap--center {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .modBtnWrap--top {
    margin-top: 70px;
  }
}

@media screen and (max-width: 767px) {
  .modBtnWrap--top {
    margin-top: 6vw;
  }
}

.modTextLead {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
  .modTextLead {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modTextLead {
    margin: 32px 0 0;
    line-height: 3.0625;
  }
}

@media screen and (max-width: 767px) {
  .modTextLead {
    margin: 9.375vw 0vw 0vw 0vw;
    line-height: 2.6363636364;
  }

  .modTextLead--spLeft {
    text-align: left;
    padding: 0vw 5.46875vw 0vw 5.46875vw;
  }
}

.modTextLead__item {
  color: var(--lightRizeGold);
  text-align: left;
}

@media screen and (max-width: 767px) {
  .modTextLead__item {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modTextLead__item {
    width: 280px;
    margin: 20px auto 23px;
  }
}

@media screen and (max-width: 767px) {
  .modTextLead__item {
    width: 60%;
    margin: 3.59375vw auto 3.90625vw auto;
  }
}

.modTextLead__item__emp {
  color: var(--orange);
}

.modLinkThumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

@media screen and (max-width: 767px) {
  .modLinkThumb {
    height: 43.75vw;
  }
}

.modLinkThumb__item {
  position: relative;
  overflow: hidden;
  background: var(--white);
  text-align: center;
}

@media screen and (min-width: 768px) {
  .modLinkThumb__item {
    border-radius: 12px;
    width: 248px !important;
    height: 191px;
    -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
  }

  .modLinkThumb__item:nth-child(n+2) {
    margin: 0 0 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .modLinkThumb__item {
    border-radius: 3vw;
    width: 55.38vw !important;
    -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
  }
}

.modLinkThumb__item>a {
  display: block;
  width: 100%;
  height: 100%;
}

.modLinkThumb__item>a:hover img {
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  -webkit-transition: 1s all;
  transition: 1s all;
}

@media screen and (min-width: 768px) {
  .modLinkThumb__item picture {
    height: 137px;
  }
}

.modLinkThumb__item img {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
  -webkit-transition: 1s all;
  transition: 1s all;
}

.modLinkThumb__item__title {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 0;
  width: 100%;
  background: #fff;
  font-weight: bold;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .modLinkThumb__item__title {
    font-size: 3.28125vw;
  }
}

@media screen and (min-width: 768px) {
  .modLinkThumb__item__title {
    height: 55px;
    padding: 12px 10px 12px 40px;
  }
}

@media screen and (max-width: 767px) {
  .modLinkThumb__item__title {
    height: 16.92vw;
    padding: 3.07vw 2.56vw 3.07vw 10.25vw;
  }
}

.modLinkThumb__item__title::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(./../img/common/icon_smile.svg) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (min-width: 768px) {
  .modLinkThumb__item__title::before {
    left: 17px;
    width: 16px;
    height: 9px;
  }
}

@media screen and (max-width: 767px) {
  .modLinkThumb__item__title::before {
    left: 6.25vw;
    width: 5.78125vw;
    height: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modLinkThumb--noSwiper .modLinkThumb__item {
    width: 288px !important;
    height: 294px !important;
  }

  .modLinkThumb--noSwiper .modLinkThumb__item:nth-child(n+2) {
    margin: 0 0 0 50px;
  }

  .modLinkThumb--noSwiper .modLinkThumb__item__img {
    width: 100%;
    height: 188px;
  }

  .modLinkThumb--noSwiper .modLinkThumb__item__img img {
    width: 100%;
    height: 188px;
  }

  .modLinkThumb--noSwiper .modLinkThumb__item__title {
    padding: 0 10px 18px 40px;
    font-size: 16px;
  }

  .modLinkThumb--noSwiper .modLinkThumb__item__title::before {
    left: 22px;
    width: 19px;
    height: 10px;
    top: calc(50% - 10px);
  }
}

@media screen and (max-width: 767px) {
  .modLinkThumb--noSwiper {
    display: block;
    height: auto;
  }

  .modLinkThumb--noSwiper .modLinkThumb__item {
    margin: 0 auto;
    width: 100% !important;
  }

  .modLinkThumb--noSwiper .modLinkThumb__item:nth-child(n+2) {
    margin: 9.0625vw auto 0vw auto;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .modLinkThumb--noSwiper .modLinkThumb__item__title {
    font-size: 3.75vw;
  }
}

@media screen and (max-width: 767px) {
  .modLinkThumb--noSwiper .modLinkThumb__item__img img {
    height: 62.5vw;
  }
}

@media screen and (min-width: 768px) {
  .modLinkThumb--noSwiper .modLinkThumb__item {
    height: 226px;
    padding-top: 35px;
  }
}

@media screen and (max-width: 767px) {
  .modLinkThumb--noSwiper .modLinkThumb__item {
    padding: 7.96875vw 0vw 0vw 0vw;
  }
}

.modBreadcrumbs {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--white);
  background: var(--lightRizeGold);
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .modBreadcrumbs {
    font-size: 2.8125vw;
  }
}

@media screen and (min-width: 768px) {
  .modBreadcrumbs {
    border-radius: 0 60px 0 0;
    margin: 115px 0 0;
    padding: 20px 40px;
  }
}

@media screen and (max-width: 767px) {
  .modBreadcrumbs {
    border-radius: 0 7vw 0 0;
    margin: 17.94vw 0 0;
    padding: 4.1vw 2.56vw;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.modBreadcrumbs li:nth-child(n+2) {
  position: relative;
}

@media screen and (min-width: 768px) {
  .modBreadcrumbs li:nth-child(n+2) {
    margin: 0 0 0 10px;
    padding: 0 0 0 12px;
  }
}

@media screen and (max-width: 767px) {
  .modBreadcrumbs li:nth-child(n+2) {
    margin: 0vw 0vw 0vw 1.5625vw;
    padding: 0vw 0vw 0vw 2.34375vw;
  }
}

.modBreadcrumbs li:nth-child(n+2)::before {
  content: "/";
  position: absolute;
  top: 0;
  left: 0;
}

.modTax {
  font-weight: normal;
  font-size: 0.7em;
}

.modSection {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .modSection__contents__inner {
    padding: 7.65625vw 5.46875vw 7.65625vw 5.46875vw;
  }
}

.modSection__inner {
  background: var(--lightGoldGray);
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .modSection__inner {
    padding: 60px 70px 75px;
    border-radius: 0 50px 0 0;
    -webkit-box-shadow: 0 0 20px rgba(242, 228, 194, 0.8);
    box-shadow: 0 0 20px rgba(242, 228, 194, 0.8);
  }
}

@media screen and (max-width: 767px) {
  .modSection__inner {
    padding: 7.65625vw 0vw 7.65625vw 0vw;
    -webkit-box-shadow: 0 0 3.12vw rgba(242, 228, 194, 0.8);
    box-shadow: 0 0 3.12vw rgba(242, 228, 194, 0.8);
    border-radius: 0 7.8vw 0 0;
  }
}

@media screen and (min-width: 768px) {
  .modSection__inner--attempt {
    padding: 68px 120px 92px;
    margin: 95px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modSection__inner--attempt {
    margin: 16.40625vw 0vw 0vw 0vw;
    padding: 7.8125vw 5.46875vw 5.46875vw 5.46875vw;
  }
}

.modSection__title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .modSection__title {
    margin: 0 0 60px;
  }
}

@media screen and (max-width: 767px) {
  .modSection__title {
    margin: 0 0 8.97vw;
  }
}

@media screen and (min-width: 768px) {
  .modSection__title--large {
    margin: 0 0 120px;
  }
}

@media screen and (max-width: 767px) {
  .modSection__title--large {
    margin: 0vw 0vw 21.5625vw 0vw;
  }
}

.modSection__title__main,
.modSection__title__main--noAnime {
  color: var(--lightRizeGold);
  font-weight: bold;
  opacity: 0;
  font-size: 26px;
  letter-spacing: 0.2em;
  line-height: 1.3461538462;
}

@media screen and (max-width: 767px) {

  .modSection__title__main,
  .modSection__title__main--noAnime {
    font-size: 5.3125vw;
  }
}

.modSection__title__main__sub,
.modSection__title__main--noAnime__sub {
  font-size: 16px;
}

@media screen and (max-width: 767px) {

  .modSection__title__main__sub,
  .modSection__title__main--noAnime__sub {
    font-size: 4.0625vw;
  }
}

.modSection__title__main span,
.modSection__title__main--noAnime span {
  display: inline-block;
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.modSection__title__main span.small,
.modSection__title__main--noAnime span.small {
  display: block;
  -webkit-transform: none;
  transform: none;
  font-size: 16px;
}

@media screen and (max-width: 767px) {

  .modSection__title__main span.small,
  .modSection__title__main--noAnime span.small {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {

  .modSection__title__main span.small,
  .modSection__title__main--noAnime span.small {
    margin-bottom: 2px;
  }
}

@media screen and (max-width: 767px) {

  .modSection__title__main span.small,
  .modSection__title__main--noAnime span.small {
    margin-bottom: 0.3125vw;
  }
}

.modSection__title__main.is-act,
.modSection__title__main--noAnime.is-act {
  opacity: 1;
}

.modSection__title__main.is-act span,
.modSection__title__main--noAnime.is-act span {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

@media screen and (max-width: 767px) {

  .modSection__title__main--narrow,
  .modSection__title__main--noAnime--narrow {
    letter-spacing: 0.2em;
  }
}

.modSection__title__main--noAnime,
.modSection__title__main--noAnime span {
  opacity: 1;
}

.modSection__title__sub {
  display: block;
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  color: var(--orange);
  opacity: 0;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.1666666667;
}

@media screen and (max-width: 767px) {
  .modSection__title__sub {
    font-size: 2.5vw;
  }
}

@media screen and (min-width: 768px) {
  .modSection__title__sub {
    margin: 10px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modSection__title__sub {
    margin: 1.5625vw 0vw 0vw 0vw;
  }
}

.modSection__title__sub span {
  display: inline-block;
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.modSection__title__sub.is-act {
  opacity: 1;
}

.modSection__title__sub.is-act span {
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.modSection__title__note {
  color: #88837F;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .modSection__title__note {
    font-size: 2.8125vw;
  }
}

@media screen and (min-width: 768px) {
  .modSection__title__note {
    margin: 10px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modSection__title__note {
    margin: 5px 0 0;
  }
}

.modSection__subTitle {
  position: relative;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.3em;
  font-size: 28px;
}

@media screen and (max-width: 767px) {
  .modSection__subTitle {
    font-size: 5.3125vw;
  }
}

@media screen and (min-width: 768px) {
  .modSection__subTitle {
    line-height: 2;
    text-indent: -1em;
    padding-left: 1em;
  }
}

@media screen and (max-width: 767px) {
  .modSection__subTitle {
    line-height: 2.2;
  }
}

.modSection__subTitle .dot {
  position: relative;
}

.modSection__subTitle .dot::before {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 50%;
  background: var(--orange);
  border-radius: 100%;
}

@media screen and (min-width: 768px) {
  .modSection__subTitle .dot::before {
    width: 4px;
    height: 4px;
  }
}

@media screen and (max-width: 767px) {
  .modSection__subTitle .dot::before {
    width: 0.9375vw;
    height: 0.9375vw;
  }
}

@media screen and (min-width: 768px) {
  .modSection__subTitle--smile {
    width: 400px;
    margin: 0 auto;
    text-indent: 0;
    padding-left: 0;
  }

  .modSection__subTitle--smile img {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .modSection__subTitle--smile {
    padding: 0vw 8.28125vw 0vw 8.28125vw;
  }
}

@media screen and (min-width: 768px) {
  .modSection__subTitle--smile+.modTextLead {
    margin-top: 113px;
  }
}

.modSection__subTitle--min {
  letter-spacing: 0.2em;
}

.modSection__lead {
  position: relative;
  font-weight: bold;
  text-align: center;
  font-size: 28px;
  letter-spacing: 0.3em;
  line-height: 1.8928571429;
}

@media screen and (max-width: 767px) {
  .modSection__lead {
    font-size: 5.3125vw;
  }
}

@media screen and (max-width: 767px) {
  .modSection__lead {
    letter-spacing: 0.15em;
    line-height: 2.2;
  }
}

@media screen and (min-width: 768px) {
  .modSection__lead--mb {
    margin: 0 0 102px;
  }
}

@media screen and (max-width: 767px) {
  .modSection__lead--mb {
    margin: 0vw 0vw 15.625vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modSection__lead--top {
    margin: 0 0 200px;
  }
}

@media screen and (max-width: 767px) {
  .modSection__lead--top {
    margin: 0vw 0vw 28.125vw 0vw;
  }
}

.modSection .num {
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
}

@media screen and (max-width: 767px) {
  .modSection .modBtnWrap {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .modSection--top {
    margin-top: 180px;
  }
}

@media screen and (max-width: 767px) {
  .modSection--top {
    margin: 17.1875vw 0vw 0vw 0vw;
  }
}

@media screen and (max-width: 767px) {
  .modSection--top2x {
    margin: 34.375vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modSection--mid {
    margin-top: 90px;
  }
}

@media screen and (max-width: 767px) {
  .modSection--mid {
    margin: 13.28125vw 0vw 0vw 0vw;
  }
}

.modSection--center {
  text-align: center;
}

.modBox {
  display: block;
}

@media screen and (min-width: 768px) {
  .modBox {
    border-radius: 24px;
  }
}

@media screen and (max-width: 767px) {
  .modBox {
    border-radius: 3.75vw;
  }
}

.modBox .title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.modBox .title--large {
  color: var(--lightRizeGold);
  font-size: 26px;
}

@media screen and (max-width: 767px) {
  .modBox .title--large {
    font-size: 5vw;
  }
}

.modBox .title--large strong {
  color: var(--orange);
}

@media screen and (min-width: 768px) {
  .modBox .title--large {
    letter-spacing: 0.3em;
    margin: 20px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modBox .title--large {
    padding: 6.25vw 0vw 0vw 0vw;
  }
}

.modBox--white {
  background: var(--white);
}

@media screen and (min-width: 768px) {
  .modBox--white {
    -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .modBox--white {
    -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    padding-bottom: 6.09375vw;
  }
}

.modBox--white .title {
  color: var(--lightRizeGold);
}

.modBox--white .title__emp {
  color: var(--orange);
}

.modBox--beige {
  background: var(--lightGoldGray);
}

@media screen and (min-width: 768px) {
  .modBox--beige {
    -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
  }
}

@media screen and (max-width: 767px) {
  .modBox--beige {
    -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
  }
}

.modBox--blue {
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#A1C9E6), to(#C3DEF2));
  background: linear-gradient(to right, #A1C9E6 0%, #C3DEF2 100%);
  -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
  box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
  padding: 8.171875vw 4.375vw 10.625vw 4.375vw;
  margin: 8.59375vw 0vw 0vw 0vw;
}

@media screen and (min-width: 768px) {
  .modBox--blue {
    -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
  }
}

@media screen and (min-width: 768px) {
  .modBox--blue {
    width: 964px;
    padding: 36.4px 40px 31px;
    margin: 55px auto 0;
  }
}

.modBox--blue img {
  width: 16.25vw;
  margin-bottom: 5.46875vw;
}

@media screen and (min-width: 768px) {
  .modBox--blue img {
    width: 80px;
    margin-bottom: 22px;
  }
}

.modBox--blue__title {
  color: var(--white);
  font-size: 20px;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .modBox--blue__title {
    font-size: 5vw;
  }
}

.modBox--gray {
  position: relative;
  color: var(--white);
  background: var(--gray);
}

@media screen and (min-width: 768px) {
  .modBox--gray {
    margin: 111px auto 0;
    padding: 40px 20px 38px;
    max-width: 960px;
  }
}

@media screen and (max-width: 767px) {
  .modBox--gray {
    margin: 22.65625vw 5.625vw 0vw 5.625vw;
    padding: 7.8125vw 5.15625vw 7.8125vw 5.15625vw;
    border-radius: 3.75vw;
  }
}

.modBox--gray .title {
  text-align: center;
  font-weight: bold;
  line-height: 1.6;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .modBox--gray .title {
    font-size: 5vw;
  }
}

@media screen and (max-width: 767px) {
  .modBox--gray .title {
    line-height: 1.4375;
    letter-spacing: -0.02em;
  }
}

.modBox--gray .title .emp {
  color: var(--orange);
}

.modBox--gray .text {
  font-weight: bold;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .modBox--gray .text {
    margin: 22px 0 0;
    padding: 0 60px;
    font-size: 16px;
    line-height: 2;
  }
}

@media screen and (max-width: 767px) {
  .modBox--gray .text {
    margin: 7.8125vw 0vw 0vw 0vw;
    line-height: 1.9;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .modBox--gray .text {
    font-size: 3.4375vw;
  }
}

.modBox--gray .text .small {
  display: block;
  font-weight: normal;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .modBox--gray .text .small {
    font-size: 2.8125vw;
  }
}

@media screen and (max-width: 767px) {
  .modBox--gray .text .small {
    line-height: 1.4444444444;
    margin: 2.34375vw 0vw 0vw 0vw;
  }
}

.modBox--gray .text--after {
  position: relative;
  display: inline-block;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .modBox--gray .text--after {
    margin: 30px 0 0;
    padding: 0 20px;
  }
}

.modBox--gray .text--after::before {
  content: "";
  position: absolute;
  right: 0;
  display: block;
  background: url(./../img/plans/text_after.svg) no-repeat center center;
  background-size: 100% auto;
  z-index: 0;
}

@media screen and (min-width: 768px) {
  .modBox--gray .text--after::before {
    width: 122px;
    height: 80px;
    top: 5px;
  }
}

@media screen and (max-width: 767px) {
  .modBox--gray .text--after::before {
    width: 38%;
    padding: 23% 0 0;
    top: 1.5625vw;
  }
}

@media screen and (min-width: 768px) {
  .modBox--gray .text--wide {
    padding: 0 30px;
  }
}

.modBox--gray .modBtnWrap {
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .modBox--gray .modBtnWrap {
    margin: 20px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modBox--gray .modBtnWrap {
    margin: 7.5vw 0vw 0vw 0vw;
  }
}

@media screen and (max-width: 767px) {
  .modBox--gray .modBtnWrap .modBtn {
    padding: 2.8125vw 0vw 2.8125vw 0vw;
  }
}

.modBox--gray .bgText {
  position: absolute;
  display: block;
  z-index: 0;
}

@media screen and (min-width: 768px) {
  .modBox--gray .bgText {
    right: 60px;
    bottom: 90px;
    width: 153px;
    height: 82px;
  }
}

@media screen and (max-width: 767px) {
  .modBox--gray .bgText {
    right: -2.34375vw;
    bottom: 18.75vw;
    width: 34.375vw;
    height: 17.1875vw;
  }
}

@media screen and (min-width: 768px) {
  .modBox--gray .bgText--professional {
    width: 206px;
    height: 111px;
    right: 17px;
    bottom: 72px;
  }
}

.modBox--gray .subtitle {
  color: var(--orange);
  text-align: center;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .modBox--gray .subtitle {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modBox--gray .subtitle {
    margin: 38px 0 16px;
  }
}

@media screen and (max-width: 767px) {
  .modBox--gray .subtitle {
    margin: 5.9375vw 0vw 2.5vw 0vw;
  }
}

.modBox--gray .courseList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .modBox--gray .courseList {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .modBox--gray .courseList {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1;
    margin: 0vw -5.15625vw 0vw 0vw;
    padding: 0vw 5.15625vw 0vw 0vw;
  }
}

@media screen and (max-width: 767px) {
  .modBox--gray .courseList--1clm {
    width: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.modBox--gray .courseList__cont {
  /*&--face{
      overflow-x: scroll;
      overflow-y: hidden;
   .courseList{
     width: fit-content;
   }
  }*/
}

@media screen and (max-width: 767px) {
  .modBox--gray .courseList__cont {
    overflow-x: scroll;
    overflow-y: hidden;
  }
}

.modBox--gray .courseList__item {
  color: var(--gray);
  background: var(--white);
  text-align: center;
}

@media screen and (min-width: 768px) {
  .modBox--gray .courseList__item {
    width: 155px;
    padding: 5px 12px;
    border-radius: 20px;
  }
}

@media screen and (max-width: 767px) {
  .modBox--gray .courseList__item {
    width: 31.25vw;
    height: 28.125vw;
    padding: 0.78125vw 4.375vw 0.78125vw 4.375vw;
    border-radius: 3.125vw;
  }
}

.modBox--gray .courseList__item__parts {
  font-size: 14px;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .modBox--gray .courseList__item__parts {
    font-size: 2.8125vw;
  }
}

.modBox--gray .courseList__item__img {
  background: var(--lightGoldGray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .modBox--gray .courseList__item__img {
    border-radius: 10px;
    margin: 6px auto 3px;
    width: 78px;
    height: 78px;
  }

  .modBox--gray .courseList__item__img img {
    width: 78px;
    max-height: 78px;
  }
}

@media screen and (max-width: 767px) {
  .modBox--gray .courseList__item__img {
    border-radius: 1.5625vw;
    width: 15.625vw;
    height: 15.625vw;
    margin: 0.78125vw auto 0.78125vw auto;
  }

  .modBox--gray .courseList__item__img img {
    width: 15.625vw;
    max-height: 15.625vw;
  }
}

.modBox--gray .courseList__item__price {
  font-size: 8px;
}

@media screen and (max-width: 767px) {
  .modBox--gray .courseList__item__price {
    font-size: 1.71875vw;
  }
}

.modBox--gray .courseList__item__price .num {
  font-weight: normal;
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-size: 13px;
  letter-spacing: -0.05em;
}

@media screen and (max-width: 767px) {
  .modBox--gray .courseList__item__price .num {
    font-size: 2.8125vw;
  }
}

@media screen and (min-width: 768px) {
  .modBox--gray .courseList__item__price .num {
    margin-right: 3px;
  }
}

@media screen and (max-width: 767px) {
  .modBox--gray .courseList__item__price .num {
    margin-right: 0.46875vw;
  }
}

@media screen and (min-width: 768px) {
  .modBox--gray .courseList__item:nth-child(n+2) {
    margin: 0 0 0 13px;
  }
}

@media screen and (max-width: 767px) {
  .modBox--gray .courseList__item:nth-child(n+2) {
    margin: 0vw 0vw 0vw 2.03125vw;
  }
}

.modBox__alliance {
  font-weight: bold;
  text-align: center;
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .modBox__alliance {
    font-size: 4.0625vw;
  }
}

@media screen and (min-width: 768px) {
  .modBox__alliance {
    width: 960px;
    margin: 40px auto 0;
    padding: 40px 0;
  }
}

@media screen and (max-width: 767px) {
  .modBox__alliance {
    margin: 9.375vw 0vw 0vw 0vw;
    padding: 5.15625vw 0vw 5.15625vw 0vw;
  }
}

.modBox__alliance .num {
  color: var(--orange);
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-weight: bold;
  font-size: 46px;
}

@media screen and (max-width: 767px) {
  .modBox__alliance .num {
    font-size: 10vw;
  }
}

@media screen and (min-width: 768px) {
  .modBox__tryList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 60px 0 33px -45px;
  }
}

@media screen and (max-width: 767px) {
  .modBox__tryList {
    margin: 6.25vw 0vw 0vw 0vw;
  }
}

.modBox__tryList__item {
  color: var(--white);
  background: var(--gray);
}

@media screen and (min-width: 768px) {
  .modBox__tryList__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(33.3333333333% - 45px);
    margin: 80px 0 0 45px;
    padding: 30px 30px 38px;
    border-radius: 24px;
  }

  .modBox__tryList__item:nth-child(-n+3) {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .modBox__tryList__item {
    margin: 5.46875vw 0vw 0vw 0vw;
    padding: 1.5625vw 6.25vw 7.8125vw 6.25vw;
    border-radius: 3.90625vw;
  }

  .modBox__tryList__item:first-child {
    margin-top: 0;
  }
}

.modBox__tryList__item .title {
  text-align: center;
  font-weight: bold;
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  .modBox__tryList__item .title {
    font-size: 4.375vw;
  }
}

@media screen and (min-width: 768px) {
  .modBox__tryList__item .title {
    margin: 0 0 5px;
  }
}

@media screen and (max-width: 767px) {
  .modBox__tryList__item .title {
    margin: 0vw 0vw 0.78125vw 0vw;
  }
}

.modBox__tryList__item .title strong {
  color: var(--orange);
  font-size: 34px;
}

@media screen and (max-width: 767px) {
  .modBox__tryList__item .title strong {
    font-size: 9.375vw;
  }
}

.modBox__tryList__item .text {
  font-weight: bold;
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  .modBox__tryList__item .text {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modBox__tryList__item .text {
    margin: 0 0 18px;
    line-height: 1.7;
  }
}

@media screen and (max-width: 767px) {
  .modBox__tryList__item .text {
    margin: 0vw 0vw 0.9375vw 0vw;
    line-height: 1.8;
  }
}

.modBox__tryList__item .noteText {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .modBox__tryList__item .noteText {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modBox__tryList__item .noteText {
    margin-top: auto;
  }
}

.modBox--balloon {
  margin-top: 72px;
}

@media screen and (max-width: 767px) {
  .modBox--balloon {
    margin-top: 40px;
    margin: 17.1875vw 5.3125vw 0vw 5.3125vw;
  }
}

.modBox--balloon::before {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 15px);
  top: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15.5px 26px 15.5px;
  border-color: transparent transparent var(--gray) transparent;
}

@media screen and (max-width: 767px) {
  .modBox--balloon::before {
    left: calc(50% - 2.34375vw);
    top: -4vw;
    border-width: 0 2.421875vw 4.0625vw 2.421875vw;
  }
}

.modBox--balloon--face {
  padding-left: 0;
  padding-right: 0;
}

.modBox--balloon--face .text {
  padding: 0 5.3125vw;
}

@media screen and (min-width: 768px) {
  .modBox--balloon--face .text {
    padding: 0 40px;
  }
}

.modBox--balloon--face .courseList {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 5.3125vw;
}

@media screen and (min-width: 768px) {
  .modBox--balloon--face .courseList {
    padding: 0 20px;
  }
}

@media screen and (min-width: 768px) {
  .modBox--balloon--face .courseList__cont--face {
    overflow-x: scroll;
    -ms-overflow-style: none;
    /* Edge */
    scrollbar-width: none;
    /* Firefox */
  }

  .modBox--balloon--face .courseList__cont--face::-webkit-scrollbar {
    display: none;
    /* Chrome、Safari */
  }
}

.modBox--balloon--face .courseList:hover {
  cursor: e-resize;
}

.modBox .caution {
  font-weight: normal;
  display: block;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .modBox .caution {
    font-size: 2.8125vw;
  }
}

@media screen and (min-width: 768px) {
  .modBox .caution {
    margin: 20px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modBox .caution {
    margin: 3.125vw 0vw 0vw 0vw;
  }
}

.modListTopic__item {
  background: var(--white);
  text-align: center;
}

@media screen and (min-width: 768px) {
  .modListTopic__item {
    width: 192px !important;
    height: 140px;
    border-radius: 12px;
    -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
  }
}

@media screen and (max-width: 767px) {
  .modListTopic__item {
    width: 35.89vw !important;
    height: 26.25vw;
    border-radius: 1.8vw;
    -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
  }
}

.modListTopic__item img {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

@media screen and (min-width: 768px) {
  .modListTopic__item img {
    border-radius: 12px;
  }
}

@media screen and (max-width: 767px) {
  .modListTopic__item img {
    border-radius: 1.8vw;
  }
}

@media screen and (min-width: 768px) {
  .modListTopic__item__inner {
    padding: 12px 10px;
  }
}

@media screen and (max-width: 767px) {
  .modListTopic__item__inner {
    padding: 1.79vw 2.05vw;
  }
}

.modListTopic__item__inner dt {
  color: var(--white);
  font-size: 14px;
  background: -webkit-gradient(linear, left top, right top, from(#F7B837), to(#B59751));
  background: linear-gradient(to right, #F7B837 0%, #B59751 100%);
}

@media screen and (max-width: 767px) {
  .modListTopic__item__inner dt {
    font-size: 2.8125vw;
  }
}

@media screen and (min-width: 768px) {
  .modListTopic__item__inner dt {
    padding: 3px 5px;
    border-radius: 30px;
  }
}

@media screen and (max-width: 767px) {
  .modListTopic__item__inner dt {
    padding: 0.25vw 1.28vw;
    border-radius: 1.875vw;
  }
}

.modListTopic__item__inner dd {
  display: table-cell;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .modListTopic__item__inner dd {
    width: 172px;
    height: 84px;
  }
}

@media screen and (max-width: 767px) {
  .modListTopic__item__inner dd {
    width: 35.89vw;
    height: 16.15vw;
  }
}

.modListTopic__item__inner dd .time {
  font-weight: lighter;
  font-size: 13px;
}

@media screen and (max-width: 767px) {
  .modListTopic__item__inner dd .time {
    font-size: 2.5vw;
  }
}

.modListTopic__item__inner dd .text {
  font-weight: bold;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .modListTopic__item__inner dd .text {
    font-size: 4.375vw;
  }
}

.modListColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .modListColumn {
    padding: 0 75px;
    margin: 0 0 0 -20px;
  }
}

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

.modListColumn__item {
  position: relative;
  overflow: hidden;
  background: var(--white);
  text-align: center;
}

@media screen and (min-width: 768px) {
  .modListColumn__item {
    width: calc(25% - 20px);
    margin: 20px 0 0 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 20px rgba(227, 216, 189, 0.2);
    box-shadow: 0 0 20px rgba(227, 216, 189, 0.2);
  }

  .modListColumn__item:nth-child(-n+4) {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .modListColumn__item {
    width: calc(50% - 2.34375vw);
    border-radius: 2.4vw;
    margin: 3.59375vw 0vw 0vw 0vw;
    -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.2);
    box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.2);
  }

  .modListColumn__item:nth-child(-n+2) {
    margin-top: 0;
  }

  .modListColumn__item:nth-child(even) {
    margin-left: 2.34375vw;
  }
}

.modListColumn__item>a {
  display: block;
  height: 100%;
}

.modListColumn__item>a:hover img {
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  -webkit-transition: 1s all;
  transition: 1s all;
}

.modListColumn__item .picture {
  overflow: hidden;
  display: block;
}

@media screen and (min-width: 768px) {
  .modListColumn__item .picture {
    height: 137px;
  }
}

@media screen and (max-width: 767px) {
  .modListColumn__item .picture {
    height: 23.4375vw;
  }
}

.modListColumn__item img {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
  -webkit-transition: 1s all;
  transition: 1s all;
}

@media screen and (min-width: 768px) {
  .modListColumn__item img {
    width: 248px;
    height: 137px;
  }
}

@media screen and (max-width: 767px) {
  .modListColumn__item img {
    width: 43.125vw;
    height: 23.4375vw;
  }
}

.modListColumn__item__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 0;
  width: 100%;
  background: #fff;
  font-weight: bold;
  font-size: 14px;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
}

@media screen and (max-width: 767px) {
  .modListColumn__item__title {
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 768px) {
  .modListColumn__item__title {
    min-height: 70px;
    padding: 12px 10px 12px 40px;
  }
}

@media screen and (max-width: 767px) {
  .modListColumn__item__title {
    height: 12.1875vw;
    -webkit-transform: translateY(-0.46875vw);
    transform: translateY(-0.46875vw);
    padding: 0vw 3.125vw 0vw 8.59375vw;
    line-height: 1.4;
  }

  .modListColumn__item__title .inner {
    display: block;
  }
}

.modListColumn__item__title::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(./../img/common/icon_book.svg) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (min-width: 768px) {
  .modListColumn__item__title::before {
    width: 14px;
    height: 10px;
    left: 17px;
  }
}

@media screen and (max-width: 767px) {
  .modListColumn__item__title::before {
    width: 3.125vw;
    height: 2.34375vw;
    left: 3.90625vw;
  }
}

.modListColumn.swiper-wrapper {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .modListColumn.swiper-wrapper {
    height: 208px;
  }
}

@media screen and (max-width: 767px) {
  .modListColumn.swiper-wrapper {
    height: 48.71vw;
  }
}

.modListColumn.swiper-wrapper .modListColumn__item {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .modListColumn.swiper-wrapper .modListColumn__item {
    width: 248px !important;
  }
}

@media screen and (max-width: 767px) {
  .modListColumn.swiper-wrapper .modListColumn__item {
    width: 56.41vw !important;
  }
}

.modListInsideClinic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .modListInsideClinic {
    padding: 0 75px;
    margin: 0 0 0 -20px;
  }
}

@media screen and (max-width: 767px) {
  .modListInsideClinic {
    margin: 0vw 0vw 0vw -2.34375vw;
  }
}

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

.modListInsideClinic__item {
  position: relative;
  overflow: hidden;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .modListInsideClinic__item {
    width: 415px;
    margin: 20px 0 0 20px;
  }

  .modListInsideClinic__item:nth-child(-n+4) {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .modListInsideClinic__item {
    width: 56.25%;
    margin: 0vw 0vw 0vw 2.34375vw;
  }

  .modListInsideClinic__item:nth-child(-n+2) {
    margin-top: 0;
  }
}

.modListInsideClinic__item>a {
  display: block;
  height: 100%;
}

.modListInsideClinic__item>a:hover img {
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  -webkit-transition: 1s all;
  transition: 1s all;
}

.modListInsideClinic__item .picture {
  overflow: hidden;
  display: block;
}

@media screen and (min-width: 768px) {
  .modListInsideClinic__item .picture {
    height: 315px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 20px rgba(227, 216, 189, 0.2);
    box-shadow: 0 0 20px rgba(227, 216, 189, 0.2);
  }
}

@media screen and (max-width: 767px) {
  .modListInsideClinic__item .picture {
    height: 43.75vw;
    border-radius: 2.4vw;
    -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.2);
    box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.2);
  }
}

.modListInsideClinic__item img {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
  -webkit-transition: 1s all;
  transition: 1s all;
}

@media screen and (min-width: 768px) {
  .modListInsideClinic__item img {
    height: 315px;
  }
}

@media screen and (max-width: 767px) {
  .modListInsideClinic__item img {
    height: 43.75vw;
  }
}

.modListInsideClinic__item__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 0;
  width: 100%;
  font-weight: bold;
  font-size: 16px;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
}

@media screen and (max-width: 767px) {
  .modListInsideClinic__item__title {
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 768px) {
  .modListInsideClinic__item__title {
    min-height: 60px;
  }
}

@media screen and (max-width: 767px) {
  .modListInsideClinic__item__title {
    height: calc(100% - 45.3125vw);
    line-height: 1.8;
  }

  .modListInsideClinic__item__title .inner {
    display: block;
  }
}

.modListInsideClinic.swiper-wrapper {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .modListInsideClinic.swiper-wrapper {
    height: 400px;
  }
}

@media screen and (max-width: 767px) {
  .modListInsideClinic.swiper-wrapper {
    height: 54.875vw;
  }
}

.modListInsideClinic.swiper-wrapper .modListColumn__item {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .modListInsideClinic.swiper-wrapper .modListColumn__item {
    width: 248px !important;
  }
}

@media screen and (max-width: 767px) {
  .modListInsideClinic.swiper-wrapper .modListColumn__item {
    width: 56.41vw !important;
  }
}

@media screen and (max-width: 767px) {
  .modListFaq {
    padding: 1.28vw 0 0;
  }
}

.modListFaq__item {
  border-bottom: 1px solid var(--lightRizeGold);
}

@media screen and (min-width: 768px) {
  .modListFaq__item {
    padding: 25px 0;
  }
}

@media screen and (max-width: 767px) {
  .modListFaq__item {
    padding: 5.12vw 0;
  }
}

.modListFaq__item:last-child {
  border-bottom: none;
}

.modListFaq__item .mark {
  display: inline-block;
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  vertical-align: middle;
  line-height: 1;
  font-size: 56px;
}

@media screen and (max-width: 767px) {
  .modListFaq__item .mark {
    font-size: 9.6875vw;
  }
}

@media screen and (min-width: 768px) {
  .modListFaq__item .mark {
    width: 63px;
  }
}

@media screen and (max-width: 767px) {
  .modListFaq__item .mark {
    width: 10vw;
  }
}

.modListFaq__item .text {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .modListFaq__item .text {
    width: calc(100% - 63px);
    margin-top: -3px;
  }
}

@media screen and (max-width: 767px) {
  .modListFaq__item .text {
    width: calc(100% - 10vw);
    line-height: 1.6363636364;
    margin-top: -0.46875vw;
  }
}

.modListFaq__item .wrapA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .modListFaq__item .wrapA {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.modListFaq__item__f {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--orange);
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .modListFaq__item__f {
    font-size: 3.4375vw;
  }
}

.modListFaq__item__f .text {
  font-weight: bold;
}

.modListFaq__item__a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .modListFaq__item__a {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modListFaq__item__a {
    margin: 10px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modListFaq__item__a {
    margin: 2.5vw 0 0;
  }
}

.modListFaq__item .caution {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .modListFaq__item .caution {
    font-size: 2.8125vw;
  }
}

@media screen and (min-width: 768px) {
  .modListNews {
    margin: 35px auto 0;
  }
}

@media screen and (max-width: 767px) {
  .modListNews {
    margin: 10.15625vw 0vw 0vw 0vw;
    padding: 0 5.12vw;
  }
}

.modListNews__item {
  background: var(--white);
}

@media screen and (min-width: 768px) {
  .modListNews__item {
    border-radius: 24px;
    -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
  }
}

@media screen and (max-width: 767px) {
  .modListNews__item {
    border-radius: 3.75vw;
    -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
  }
}

.modListNews__item a {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .modListNews__item a {
    padding: 28px 48px 28px;
  }
}

@media screen and (max-width: 767px) {
  .modListNews__item a {
    padding: 4.1vw 6.41vw 4.1vw;
  }
}

.modListNews__item:nth-child(n+2) {
  margin: 20px 0 0;
}

.modListNews__item__head::before {
  content: "";
  display: inline-block;
  vertical-align: 0;
  background: url(./../img/common/icon_likes.svg) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (min-width: 768px) {
  .modListNews__item__head::before {
    width: 16px;
    height: 14px;
    margin: 0 10px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modListNews__item__head::before {
    width: 2.3vw;
    height: 2.05vw;
    margin: 0 2.3vw 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modListNews__item__head .time {
    font-size: 3.4375vw;
  }
}

.modListNews__item__head .new {
  display: inline-block;
  color: var(--orange);
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  vertical-align: 0;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .modListNews__item__head .new {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modListNews__item__head .new {
    margin: 0 0 0 10px;
  }
}

@media screen and (max-width: 767px) {
  .modListNews__item__head .new {
    margin: 0 0 0 1.28vw;
  }
}

.modListNews__item__title {
  font-weight: bold;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .modListNews__item__title {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modListNews__item__title {
    margin: 6px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modListNews__item__title {
    margin: 1.02vw 0 0;
  }
}

@media screen and (min-width: 768px) {
  .modListCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.modListCard__item {
  position: relative;
  will-change: transform;
}

@media screen and (min-width: 768px) {
  .modListCard__item {
    width: calc(33.3333333333% - 30px);
  }
}

@media screen and (max-width: 767px) {
  .modListCard__item:nth-child(n+2) {
    margin: 7.8125vw 0vw 0vw 0vw;
  }
}

.modListCard__item__inner {
  position: relative;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .modListCard__item__inner {
    padding: 65px 30px 61px;
    border-radius: 24px;
    height: 458px;
    -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
  }
}

@media screen and (max-width: 767px) {
  .modListCard__item__inner {
    padding: 8.59375vw 7.8125vw 8.59375vw 7.8125vw;
    height: 92.1875vw;
    border-radius: 3.75vw;
    -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
  }
}

.modListCard__item__inner--front {
  position: relative;
  display: block;
  opacity: 1;
  background: var(--white);
}

@media screen and (max-width: 767px) {
  .modListCard__item__inner--front {
    padding: 8.59375vw 7.8125vw 8.59375vw 7.8125vw;
  }
}

.modListCard__item__inner--front.is-show {
  z-index: -1 !important;
}

.modListCard__item__inner--reverse {
  opacity: 0;
  background: var(--gray);
}

@media screen and (max-width: 767px) {
  .modListCard__item__inner--reverse {
    padding: 7.8125vw 6.09375vw 7.8125vw 6.09375vw;
  }
}

.modListCard__item__inner--reverse.is-show {
  z-index: -1 !important;
}

.modListCard__item__inner--reverse.is-show .modBtn {
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .modListCard__item__inner:not(.is-show) {
    height: 92.1875vw;
  }
}

.modListCard__item__inner.is-show {
  position: relative;
  opacity: 1;
  z-index: 1;
  -webkit-animation: a1_1 0.5s forwards;
  animation: a1_1 0.5s forwards;
}

@-webkit-keyframes a1_1 {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  50% {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    opacity: 1;
  }

  51% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes a1_1 {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  50% {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    opacity: 1;
  }

  51% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.modListCard__item__inner.is-hide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  -webkit-animation: a2_1 0.5s forwards;
  animation: a2_1 0.5s forwards;
  z-index: 0;
}

@-webkit-keyframes a2_1 {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  50% {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    opacity: 0;
  }

  51% {
    opacity: 1;
  }

  100% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
  }
}

@keyframes a2_1 {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  50% {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    opacity: 0;
  }

  51% {
    opacity: 1;
  }

  100% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
  }
}

.modListCard__item__inner--reverse {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .modListCard__item__inner--reverse {
    padding: 35px 30px 20px;
  }
}

.modListCard__item__inner--reverse.is-hide {
  -webkit-animation: a1_2 0.5s forwards;
  animation: a1_2 0.5s forwards;
  z-index: 0;
}

@-webkit-keyframes a1_2 {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 0;
  }

  50% {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    opacity: 0;
  }

  51% {
    opacity: 1;
  }

  100% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
  }
}

@keyframes a1_2 {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 0;
  }

  50% {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    opacity: 0;
  }

  51% {
    opacity: 1;
  }

  100% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
  }
}

.modListCard__item__inner--reverse.is-show {
  -webkit-animation: a2_2 0.5s forwards;
  animation: a2_2 0.5s forwards;
  z-index: 1;
}

.modListCard__item__inner--reverse.is-show .modBtn {
  pointer-events: none;
}

@-webkit-keyframes a2_2 {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
  }

  50% {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    opacity: 1;
  }

  51% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes a2_2 {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
  }

  50% {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    opacity: 1;
  }

  51% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.modListCard__item__inner--reverse .modListCard__item__title {
  color: var(--orange);
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .modListCard__item__inner--reverse .modListCard__item__title {
    font-size: 5vw;
  }
}

@media screen and (min-width: 768px) {
  .modListCard__item__inner--reverse .modListCard__item__title {
    margin: 0;
  }
}

.modListCard__item__inner--reverse .modListCard__item__text {
  color: var(--white);
  font-weight: bold;
  font-size: 15px;
  line-height: 1.8181818182;
}

@media screen and (max-width: 767px) {
  .modListCard__item__inner--reverse .modListCard__item__text {
    font-size: 3.4375vw;
  }
}

@media screen and (max-width: 767px) {
  .modListCard__item__inner--reverse .modListCard__item__text {
    letter-spacing: -0.01em;
    line-height: 1.85;
  }
}

@media screen and (min-width: 768px) {
  .modListCard__item__inner--reverse .modListCard__item__text {
    margin: 8px 0 0;
    line-height: 1.75;
  }
}

.modListCard__item__inner--reverse .modBtnWrap {
  position: absolute;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .modListCard__item__inner--reverse .modBtnWrap {
    position: absolute;
    left: 30px;
    bottom: 58px;
    width: calc(100% - 60px);
  }
}

@media screen and (max-width: 767px) {
  .modListCard__item__inner--reverse .modBtnWrap {
    width: calc(100% - 12.5vw);
    bottom: 14.84375vw;
  }
}

.modListCard__item__inner--reverse .modBtnWrap .modBtn {
  width: 100%;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .modListCard__item__inner--reverse .modBtnWrap .modBtn {
    font-size: 3.75vw;
  }
}

@media screen and (min-width: 768px) {
  .modListCard__item__inner--reverse .modBtnWrap .modBtn {
    padding: 15px 0;
  }
}

@media screen and (max-width: 767px) {
  .modListCard__item__inner--reverse .modBtnWrap .modBtn {
    padding: 2.65625vw 0vw 2.65625vw 0vw;
  }
}

@media screen and (max-width: 767px) {

  .modListCard__item:nth-child(2) .modListCard__item__inner,
  .modListCard__item:nth-child(3) .modListCard__item__inner {
    height: 100.78125vw;
  }
}

@media screen and (max-width: 767px) {
  .modListCard__item:nth-child(3) .modListCard__item__inner--front .modListCard__item__title {
    margin: 4.375vw 0vw 6.5625vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modListCard__item--row3 .modListCard__item__inner--front {
    padding-top: 45px;
  }

  .modListCard__item--row3 .modListCard__item__inner--front .modListCard__item__title {
    margin-bottom: 36px;
  }
}

.modListCard__item__title {
  color: var(--lightRizeGold);
  font-weight: bold;
  text-align: center;
  font-size: 19px;
  line-height: 1.5789473684;
}

@media screen and (max-width: 767px) {
  .modListCard__item__title {
    font-size: 5vw;
  }
}

@media screen and (min-width: 768px) {
  .modListCard__item__title {
    margin: 0 0 45px;
  }
}

@media screen and (max-width: 767px) {
  .modListCard__item__title {
    margin: 0vw 0vw 3.125vw 0vw;
  }
}

.modListCard__item__title .emp {
  color: var(--orange);
}

.modListCard__item__img {
  height: auto;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .modListCard__item__img {
    width: 98%;
  }
}

@media screen and (max-width: 767px) {
  .modListCard__item__img {
    width: 91%;
  }
}

.modListCard__item__cont {
  display: none;
}

.modListCard__item__btn {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .modListCard__item__btn {
    width: 36px;
    height: 36px;
    right: 13px;
    bottom: 12px;
  }
}

@media screen and (max-width: 767px) {
  .modListCard__item__btn {
    width: 7.8125vw;
    height: 7.8125vw;
    right: 3.125vw;
    bottom: 3.125vw;
  }
}

.modListCard__item__btn.js-rev {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.modListCard__item__btn img {
  width: 100%;
  height: 100%;
}

.modListCard--show .modListCard__item__cont {
  display: block;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .modListCard--show .modListCard__item__cont .text {
    line-height: 1.8;
  }
}

.modListCard--show .modListCard__item .modListCard__item__inner {
  height: 100% !important;
}

@media screen and (max-width: 767px) {
  .modListCard--show .modListCard__item .modListCard__item__inner {
    padding: 7.03125vw 6.25vw 8.59375vw 6.25vw;
  }
}

@media screen and (max-width: 767px) {
  .modListCard--show .modListCard__item .modListCard__item__inner .modListCard__item__title {
    margin: 0vw 0vw 4.6875vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modListFlow__item:nth-child(n+2) {
    margin: 54px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modListFlow__item:nth-child(n+2) {
    margin: 7.8125vw 0vw 0vw 0vw;
  }
}

.modListFlow__item__title {
  color: var(--lightRizeGold);
  background: var(--lightGoldGray);
  font-weight: bold;
  font-size: 16px;
  line-height: 1.3125;
}

@media screen and (max-width: 767px) {
  .modListFlow__item__title {
    font-size: 3.75vw;
  }
}

@media screen and (min-width: 768px) {
  .modListFlow__item__title {
    padding: 20px 40px;
    margin: 0 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .modListFlow__item__title {
    padding: 3.75vw 6.25vw 3.75vw 6.25vw;
    margin: 0vw 0vw 1.09375vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modListFlow__item__cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  .modListFlow__item__cont .imgBlock {
    width: 411px;
    height: 314px;
  }
}

.modListFlow__item__cont .imgBlock img {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

@media screen and (min-width: 768px) {
  .modListFlow__item__cont .imgBlock img {
    aspect-ratio: 411/314;
  }
}

@media screen and (max-width: 767px) {
  .modListFlow__item__cont .imgBlock img {
    aspect-ratio: 114/53;
    height: 41.5625vw;
  }
}

.modListFlow__item__cont .textBlock {
  background: var(--white);
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  .modListFlow__item__cont .textBlock {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modListFlow__item__cont .textBlock {
    padding: 28px 40px 42px;
    width: calc(100% - 438px);
    line-height: 1.8666666667;
  }
}

@media screen and (max-width: 767px) {
  .modListFlow__item__cont .textBlock {
    padding: 3.84vw 6.41vw 8.97vw;
    line-height: 1.65;
    padding: 3.75vw 6.25vw 8.90625vw 6.25vw;
  }
}

@media screen and (min-width: 768px) {
  .modListFlow__item__cont .textBlock--single {
    width: 100%;
  }
}

.modListFlow__item__cont .textBlock__empBox {
  background: var(--goldGray);
}

@media screen and (max-width: 767px) {
  .modListFlow__item__cont .textBlock__empBox {
    font-size: 2.96875vw;
  }
}

@media screen and (min-width: 768px) {
  .modListFlow__item__cont .textBlock__empBox {
    margin: 15px 0 0;
    padding: 23px 20px 20px;
  }
}

@media screen and (max-width: 767px) {
  .modListFlow__item__cont .textBlock__empBox {
    padding: 3.4375vw 1.5625vw 9.375vw 1.5625vw;
    margin: 5.15625vw 0vw 0vw 0vw;
    line-height: 1.55;
  }
}

.modListFlow__item__cont .textBlock .modBtnWrap {
  margin: 40px 0 0;
}

@media screen and (max-width: 767px) {
  .modListFlow__item__cont .textBlock .modBtnWrap {
    margin: 8.125vw 0vw 0vw 0vw;
  }
}

.modListPayment {
  padding: 0 45px 0;
}

@media screen and (max-width: 767px) {
  .modListPayment {
    padding: 0vw 4.6875vw 0vw 4.6875vw;
  }
}

.modListPayment>li:nth-child(n+2) {
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .modListPayment>li:nth-child(n+2) {
    margin: 9.375vw 0vw 0vw 0vw;
  }
}

.modListPayment .payment__title {
  font-size: 24px;
  color: var(--lightRizeGold);
  font-weight: bold;
  text-align: center;
  border-bottom: solid 1px var(--lightGray);
  padding: 0 0 10px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .modListPayment .payment__title {
    font-size: 3.125vw;
  }
}

@media screen and (max-width: 767px) {
  .modListPayment .payment__title {
    padding: 0vw 0vw 1.5625vw 0vw;
  }
}

.modListPayment .payment__title__num {
  position: absolute;
  font-size: 30px;
  color: var(--gray);
  left: 0;
}

@media screen and (max-width: 767px) {
  .modListPayment .payment__title__num {
    font-size: 4.0625vw;
  }
}

.modListPayment .payment__textArea {
  margin: 26px 0 0;
  background-color: var(--goldGray);
  padding: 30px 40px 42px;
  word-break: break-all;
}

@media screen and (max-width: 767px) {
  .modListPayment .payment__textArea {
    margin: 4.6875vw 0vw 0vw 0vw;
    padding: 5vw 5vw 5vw 5vw;
  }
}

.modListPayment .payment__textArea__text {
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .modListPayment .payment__textArea__text {
    font-size: 3.4375vw;
  }
}

.modListPayment .payment__textArea__way {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  .modListPayment .payment__textArea__way {
    margin: 20px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modListPayment .payment__textArea__way {
    margin: 3.125vw 0vw 0vw 0vw;
  }
}

.modListPayment .payment__textArea__way>li {
  font-size: 0;
}

.modListPayment .payment__textArea__way>li:nth-child(n+2) {
  margin-left: 20px;
}

@media screen and (max-width: 767px) {
  .modListPayment .payment__textArea__way>li:nth-child(n+2) {
    margin: 0vw 0vw 0vw 1.5625vw;
  }
}

.modListPayment .payment__textArea__way>li img {
  height: 23px;
  width: auto;
}

@media screen and (max-width: 767px) {
  .modListPayment .payment__textArea__way>li img {
    height: 4.84375vw;
  }
}

.modListPayment .payment__textArea__note {
  font-size: 14px;
  display: block;
  text-indent: -1.5rem;
  padding-left: 1.5rem;
}

@media screen and (max-width: 767px) {
  .modListPayment .payment__textArea__note {
    font-size: 2.8125vw;
  }
}

@media screen and (min-width: 768px) {
  .modListPayment .payment__textArea__note {
    margin: 20px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modListPayment .payment__textArea__note {
    margin: 0.78125vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modListPayment .payment__textArea__note+.payment__textArea__note {
    margin-top: 5px;
  }
}

@media screen and (max-width: 767px) {
  .modListPayment .payment__textArea__note+.payment__textArea__note {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .modListPayment--box {
    width: 964px;
    margin: 0 auto;
    padding: 0;
  }
}

.modListPayment--box>li {
  background: #fff;
  border-radius: 20px;
}

@media screen and (min-width: 768px) {
  .modListPayment--box>li {
    padding: 54px 40px;
    -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
  }
}

@media screen and (max-width: 767px) {
  .modListPayment--box>li {
    padding: 8vw 5vw;
    -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
  }
}

.modListPayment--box>li .payment__title {
  padding: 0;
  border: none;
  color: var(--orange);
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .modListPayment--box>li .payment__title {
    font-size: 4.0625vw;
  }
}

@media screen and (min-width: 768px) {
  .modListPayment--box>li .payment__textArea {
    margin-top: 36px;
  }
}

.modTable {
  width: 100%;
  background: var(--white);
}

@media screen and (min-width: 768px) {
  .modTable+.modTable {
    margin: 60px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modTable+.modTable {
    margin: 7.1875vw 0vw 0vw 0vw;
  }
}

.modTable__title {
  font-weight: bold;
  color: var(--lightRizeGold);
  background: var(--goldGray);
  text-align: left;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .modTable__title {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modTable__title {
    padding: 20px 35px;
  }
}

@media screen and (max-width: 767px) {
  .modTable__title {
    padding: 4vw 7vw;
  }
}

.modTable__itemTitle,
.modTable__itemText {
  vertical-align: middle;
  text-align: center;
  width: 50%;
  border-bottom: 3px solid var(--lightGoldGray);
  font-size: 16px;
}

@media screen and (max-width: 767px) {

  .modTable__itemTitle,
  .modTable__itemText {
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 768px) {

  .modTable__itemTitle,
  .modTable__itemText {
    padding: 24px 15px;
  }
}

@media screen and (max-width: 767px) {

  .modTable__itemTitle,
  .modTable__itemText {
    padding: 3.90625vw 0vw 3.90625vw 0vw;
  }
}

.modTable__itemTitle {
  font-weight: bold;
  color: var(--orange);
  background: #FEFEFC;
  border-right: 3px solid var(--lightGoldGray);
}

@media screen and (min-width: 768px) {
  .modTable__itemText {
    line-height: 1.5;
  }
}

@media screen and (max-width: 767px) {
  .modTable__itemText {
    line-height: 1.5;
  }
}

.modTable__itemText>span {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .modTable__itemText>span {
    font-size: 2.8125vw;
  }
}

.modDot {
  position: relative;
}

.modDot::before {
  content: "";
  display: block;
  position: absolute;
  background: var(--orange);
  border-radius: 100%;
}

@media screen and (min-width: 768px) {
  .modDot::before {
    top: -3px;
    left: calc(50% - 4px);
    width: 4px;
    height: 4px;
  }
}

@media screen and (max-width: 767px) {
  .modDot::before {
    top: -0.46875vw;
    left: calc(50% - 0.9375vw);
    width: 0.9375vw;
    height: 0.9375vw;
  }
}

.modModal {
  display: none;
  position: fixed;
  height: 100vh;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.modModal .btnClose,
.modModal .btnMinus {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  text-indent: -99999px;
  background: var(--gray) url(./../img/top/icon_modal_close.svg) no-repeat center center;
  background-size: 18px;
}

@media screen and (max-width: 767px) {

  .modModal .btnClose,
  .modModal .btnMinus {
    width: 7.8125vw;
    height: 7.8125vw;
    top: -3.90625vw;
    right: -3.90625vw;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {

  .modModal .btnClose,
  .modModal .btnMinus {
    top: -14px;
    right: -14px;
    width: 34px;
    height: 34px;
  }
}

.modModal .btnMinus {
  background: var(--gray) url(./../img/top/icon_modal_minus.svg) no-repeat center center;
}

.modModal__inner {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: var(--white);
}

@media screen and (min-width: 768px) {
  .modModal__inner {
    -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    border-radius: 24px;
    width: 557px;
  }
}

@media screen and (max-width: 767px) {
  .modModal__inner {
    -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    border-radius: 3.75vw;
    width: calc(100% - 13.125vw);
  }
}

.modModal__inner__scroll {
  max-height: 80vh;
  overflow-y: scroll;
}

@media screen and (min-width: 768px) {
  .modModal__inner__scroll {
    padding: 50px 0 45px;
  }
}

@media screen and (max-width: 767px) {
  .modModal__inner__scroll {
    padding: 7.8125vw 0vw 7.03125vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modModal--rizekuma .modModal__inner {
    margin: 0 auto;
    padding: 55px 46px 37px;
  }
}

@media screen and (max-width: 767px) {
  .modModal--rizekuma .modModal__inner {
    padding: 8.59375vw 0vw 5.78125vw 0vw;
  }
}

@media screen and (max-width: 767px) {
  .modModal--rizekuma .profile {
    padding: 0vw 0vw 0vw 7.1875vw;
  }
}

@media screen and (min-width: 768px) {
  .modModal--rizekuma .profile__inner__img img {
    width: 420px;
    height: 178px;
  }
}

@media screen and (max-width: 767px) {
  .modModal--rizekuma .profile__inner__img img {
    width: 74.0625vw;
    height: 28.75vw;
  }
}

.modModal--rizekuma .profile__text {
  font-size: 16px;
  line-height: 1.75;
}

@media screen and (max-width: 767px) {
  .modModal--rizekuma .profile__text {
    font-size: 3.28125vw;
  }
}

@media screen and (min-width: 768px) {
  .modModal--rizekuma .profile__text {
    margin: 20px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modModal--rizekuma .profile__text {
    margin: 2.34375vw 0vw 0vw 0vw;
  }
}

.modModal--rizekuma .wrapImgRizekuma {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .modModal--rizekuma .wrapImgRizekuma {
    overflow: hidden;
    padding: 3.125vw 0vw 0vw 7.1875vw;
  }
}

@media screen and (min-width: 768px) {
  .modModal--rizekuma .imgInkuma img {
    width: 147px;
    height: 172px;
  }
}

@media screen and (max-width: 767px) {
  .modModal--rizekuma .imgInkuma img {
    display: block;
    margin: 0vw 0vw 0vw 3.125vw;
  }
}

.modModal--rizekuma .imgInkuma__caption {
  display: block;
  font-size: 14px;
  line-height: 1.9444444444;
}

@media screen and (max-width: 767px) {
  .modModal--rizekuma .imgInkuma__caption {
    font-size: 2.65625vw;
  }
}

@media screen and (min-width: 768px) {
  .modModal--rizekuma .imgInkuma__caption {
    margin: 0 35px 0 -15px;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .modModal--rizekuma .imgKumagurumi img {
    width: 350px;
    height: 221px;
    margin-right: -46.5px;
  }
}

@media screen and (max-width: 767px) {
  .modModal--rizekuma .imgKumagurumi img {
    width: 54.84375vw;
    height: auto;
    margin-top: -3.125vw;
  }
}

@media screen and (min-width: 768px) {
  .modModal--rizekuma .modBtnWrap {
    margin: 33px auto 0;
  }
}

@media screen and (max-width: 767px) {
  .modModal--rizekuma .modBtnWrap {
    margin: 3.125vw 5vw 5.625vw 5vw;
  }

  .modModal--rizekuma .modBtnWrap .modBtn {
    padding: 2.8125vw 0vw 2.8125vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modAccordion {
    margin: 80px auto 0;
  }
}

@media screen and (max-width: 767px) {
  .modAccordion {
    margin: 6.25vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modAccordion+.modAccordion {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .modAccordion+.modAccordion {
    margin-top: 4.6875vw;
  }
}

.modAccordion__head {
  position: relative;
  color: var(--white);
  background: var(--orange);
  font-weight: bold;
  font-size: 20px;
  cursor: pointer;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .modAccordion__head {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modAccordion__head {
    max-width: 1056px;
    margin: 0 auto;
    padding: 20px 45px;
  }
}

@media screen and (max-width: 767px) {
  .modAccordion__head {
    padding: 3.90625vw 3.90625vw 3.90625vw 3.90625vw;
  }
}

.modAccordion__head .toggleIcon {
  display: block;
  background: var(--white);
  border-radius: 100%;
  z-index: 1;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .modAccordion__head .toggleIcon {
    right: 28px;
    width: 36px;
    height: 36px;
  }
}

@media screen and (max-width: 767px) {
  .modAccordion__head .toggleIcon {
    right: 2.34375vw;
    width: 7.8125vw;
    height: 7.8125vw;
  }
}

.modAccordion__head .toggleIcon::before,
.modAccordion__head .toggleIcon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  display: block;
  background: var(--lightRizeGold);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media screen and (min-width: 768px) {

  .modAccordion__head .toggleIcon::before,
  .modAccordion__head .toggleIcon::after {
    width: 17px;
    height: 2px;
  }
}

@media screen and (max-width: 767px) {

  .modAccordion__head .toggleIcon::before,
  .modAccordion__head .toggleIcon::after {
    width: 3vw;
    height: 1px;
  }
}

.modAccordion__head .toggleIcon::before {
  -webkit-transform: translate(-50%) rotate(90deg);
  transform: translate(-50%) rotate(90deg);
}

.modAccordion__head .toggleIcon.is-open::before {
  opacity: 0;
  -webkit-transform: translate(-50%) rotate(0deg);
  transform: translate(-50%) rotate(0deg);
}

.modAccordion__body {
  width: 100%;
  background: var(--lightGoldGray);
  z-index: 0;
}

@media screen and (min-width: 768px) {
  .modAccordion__body {
    margin: -36px 0 0;
    padding: 152px 0 66px;
  }
}

@media screen and (max-width: 767px) {
  .modAccordion__body {
    padding: 10.9375vw 0vw 10.625vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modAccordion__body .push7Cont {
    max-width: 1056px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .modAccordion__body .push7Cont {
    padding: 0vw 5.15625vw 0vw 5.15625vw;
  }
}

.modAccordion__body .push7Cont__title {
  text-align: center;
  color: var(--lightRizeGold);
  font-weight: bold;
  letter-spacing: 0.2em;
  font-size: 26px;
}

@media screen and (max-width: 767px) {
  .modAccordion__body .push7Cont__title {
    font-size: 5vw;
  }
}

@media screen and (min-width: 768px) {
  .modAccordion__body .push7Cont__title {
    margin: 0 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .modAccordion__body .push7Cont__title {
    padding: 0vw 0vw 3.90625vw 0vw;
  }
}

.modAccordion__body .push7Cont__text {
  font-weight: bold;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .modAccordion__body .push7Cont .modBtnWrap {
    padding: 0 6vw;
  }
}

@media screen and (max-width: 767px) {
  .modAccordion__body .push7Cont .modBtnWrap .modBtn {
    padding: 3vw 0;
  }
}

@media screen and (min-width: 768px) {
  .modAccordion__body--column {
    padding: 86px 0 66px;
  }
}

.modAccordion__body--column .modBox {
  margin-top: 0;
  padding: 30px 20px 38px;
}

@media screen and (max-width: 767px) {
  .modAccordion__body--column .modBox {
    padding: 8.59375vw 6.25vw 7.8125vw 6.25vw;
  }
}

.modAccordion__body--column .modBox+.modBox {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .modAccordion__body--column .modBox+.modBox {
    margin-top: 6.71875vw;
  }
}

.modAccordion__body--column .modBox .title {
  color: var(--goldGray);
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  .modAccordion__body--column .modBox .title {
    font-size: 4.375vw;
  }
}

.modAccordion__body--column .modBox .text {
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  .modAccordion__body--column .modBox .text {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modAccordion__body--column .modBox .text {
    margin: 10px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modAccordion__body--column .modBox .text {
    margin: 3.125vw 0vw 0vw 0vw;
  }
}

.modAccordion__body--bgNone {
  background: none;
  padding-bottom: 0;
}

@media screen and (min-width: 768px) {
  .modAccordion__body--bgNone {
    padding-top: 100px;
  }
}

@media screen and (max-width: 767px) {
  .modAccordion__body--bgNone {
    padding-top: 5.9375vw;
  }
}

.modAccordion__body .modReasonBox:first-child {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .modAccordion__body>.modBtnWrap {
    padding: 0vw 5.15625vw 0vw 5.15625vw;
  }
}

@media screen and (min-width: 768px) {

  .modAccordion__body>.modReasonBox__wrapper,
  .modAccordion__body>.modMediaBox {
    margin: 40px auto 0;
  }
}

@media screen and (max-width: 767px) {

  .modAccordion__body>.modReasonBox__wrapper,
  .modAccordion__body>.modMediaBox {
    margin: 0vw 0vw 0vw 0vw;
    padding: 12.5vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modTab {
    width: 1056px;
    margin: 0 auto;
  }
}

.modTab__header,
.modTab__header--all,
.modTab__header--plan,
.modTab__header--topflow,
.modTab__header--otherNewPlan,
.modTab__header--area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {

  .modTab__header,
  .modTab__header--all,
  .modTab__header--plan,
  .modTab__header--topflow,
  .modTab__header--otherNewPlan,
  .modTab__header--area {
    padding: 0 45px;
    border-bottom: 6px solid #fff;
  }
}

@media screen and (max-width: 767px) {

  .modTab__header,
  .modTab__header--all,
  .modTab__header--plan,
  .modTab__header--topflow,
  .modTab__header--otherNewPlan,
  .modTab__header--area {
    padding: 0vw 5.15625vw 0vw 5.15625vw;
    border-bottom: 0.9375vw solid #fff;
  }
}

.modTab__header__item,
.modTab__header--all__item,
.modTab__header--plan__item,
.modTab__header--topflow__item,
.modTab__header--otherNewPlan__item,
.modTab__header--area__item {
  position: relative;
  color: var(--lightGray);
  cursor: pointer;
  font-weight: bold;
  text-align: center;
  width: 50%;
  outline: none;
  opacity: 1;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 25px;
  line-height: 1.32;
}

.modTab__header__item:hover,
.modTab__header--all__item:hover,
.modTab__header--plan__item:hover,
.modTab__header--topflow__item:hover,
.modTab__header--otherNewPlan__item:hover,
.modTab__header--area__item:hover {
  opacity: 1;
}

@media screen and (max-width: 767px) {

  .modTab__header__item,
  .modTab__header--all__item,
  .modTab__header--plan__item,
  .modTab__header--topflow__item,
  .modTab__header--otherNewPlan__item,
  .modTab__header--area__item {
    font-size: 4.375vw;
  }
}

@media screen and (min-width: 768px) {

  .modTab__header__item,
  .modTab__header--all__item,
  .modTab__header--plan__item,
  .modTab__header--topflow__item,
  .modTab__header--otherNewPlan__item,
  .modTab__header--area__item {
    letter-spacing: 0.3em;
    padding: 0 0 25px;
  }

  .modTab__header__item--small,
  .modTab__header--all__item--small,
  .modTab__header--plan__item--small,
  .modTab__header--topflow__item--small,
  .modTab__header--otherNewPlan__item--small,
  .modTab__header--area__item--small {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {

  .modTab__header__item,
  .modTab__header--all__item,
  .modTab__header--plan__item,
  .modTab__header--topflow__item,
  .modTab__header--otherNewPlan__item,
  .modTab__header--area__item {
    letter-spacing: 0.1em;
    padding: 0vw 0vw 4.6875vw 0vw;
  }
}

.modTab__header__item strong,
.modTab__header--all__item strong,
.modTab__header--plan__item strong,
.modTab__header--topflow__item strong,
.modTab__header--otherNewPlan__item strong,
.modTab__header--area__item strong {
  font-size: 25px;
}

@media screen and (max-width: 767px) {

  .modTab__header__item strong,
  .modTab__header--all__item strong,
  .modTab__header--plan__item strong,
  .modTab__header--topflow__item strong,
  .modTab__header--otherNewPlan__item strong,
  .modTab__header--area__item strong {
    font-size: 5.3125vw;
  }
}

.modTab__header__item::after,
.modTab__header--all__item::after,
.modTab__header--plan__item::after,
.modTab__header--topflow__item::after,
.modTab__header--otherNewPlan__item::after,
.modTab__header--area__item::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  left: 0;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  background: transparent;
  width: 100%;
  background: var(--orange);
}

@media screen and (min-width: 768px) {

  .modTab__header__item::after,
  .modTab__header--all__item::after,
  .modTab__header--plan__item::after,
  .modTab__header--topflow__item::after,
  .modTab__header--otherNewPlan__item::after,
  .modTab__header--area__item::after {
    height: 6px;
    bottom: -6px;
  }
}

@media screen and (max-width: 767px) {

  .modTab__header__item::after,
  .modTab__header--all__item::after,
  .modTab__header--plan__item::after,
  .modTab__header--topflow__item::after,
  .modTab__header--otherNewPlan__item::after,
  .modTab__header--area__item::after {
    height: 0.9375vw;
    bottom: -0.9375vw;
  }
}

.modTab__header__item.swiper-slide-thumb-active,
.modTab__header--all__item.swiper-slide-thumb-active,
.modTab__header--plan__item.swiper-slide-thumb-active,
.modTab__header--topflow__item.swiper-slide-thumb-active,
.modTab__header--otherNewPlan__item.swiper-slide-thumb-active,
.modTab__header--area__item.swiper-slide-thumb-active {
  color: var(--lightRizeGold);
}

.modTab__header__item:first-child.swiper-slide-thumb-active::after,
.modTab__header--all__item:first-child.swiper-slide-thumb-active::after,
.modTab__header--plan__item:first-child.swiper-slide-thumb-active::after,
.modTab__header--topflow__item:first-child.swiper-slide-thumb-active::after,
.modTab__header--otherNewPlan__item:first-child.swiper-slide-thumb-active::after,
.modTab__header--area__item:first-child.swiper-slide-thumb-active::after {
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.modTab__header__item:nth-child(2).swiper-slide-thumb-active::after,
.modTab__header--all__item:nth-child(2).swiper-slide-thumb-active::after,
.modTab__header--plan__item:nth-child(2).swiper-slide-thumb-active::after,
.modTab__header--topflow__item:nth-child(2).swiper-slide-thumb-active::after,
.modTab__header--otherNewPlan__item:nth-child(2).swiper-slide-thumb-active::after,
.modTab__header--area__item:nth-child(2).swiper-slide-thumb-active::after {
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.modTab__header__item:last-child.swiper-slide-thumb-active::after,
.modTab__header--all__item:last-child.swiper-slide-thumb-active::after,
.modTab__header--plan__item:last-child.swiper-slide-thumb-active::after,
.modTab__header--topflow__item:last-child.swiper-slide-thumb-active::after,
.modTab__header--otherNewPlan__item:last-child.swiper-slide-thumb-active::after,
.modTab__header--area__item:last-child.swiper-slide-thumb-active::after {
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

@media screen and (min-width: 768px) {

  .modTab__header__item .icon,
  .modTab__header--all__item .icon,
  .modTab__header--plan__item .icon,
  .modTab__header--topflow__item .icon,
  .modTab__header--otherNewPlan__item .icon,
  .modTab__header--area__item .icon {
    display: inline-block;
    vertical-align: bottom;
    font-size: 0;
    margin: 20px 20px 0 0;
  }
}

@media screen and (max-width: 767px) {

  .modTab__header__item .icon,
  .modTab__header--all__item .icon,
  .modTab__header--plan__item .icon,
  .modTab__header--topflow__item .icon,
  .modTab__header--otherNewPlan__item .icon,
  .modTab__header--area__item .icon {
    display: block;
    margin: 10vw auto 0;
    height: 13vw;
  }
}

@media screen and (min-width: 768px) {

  .modTab__header__item .icon img,
  .modTab__header--all__item .icon img,
  .modTab__header--plan__item .icon img,
  .modTab__header--topflow__item .icon img,
  .modTab__header--otherNewPlan__item .icon img,
  .modTab__header--area__item .icon img {
    height: 56px;
  }
}

@media screen and (min-width: 768px) {

  .modTab__header__item .icon--plan,
  .modTab__header--all__item .icon--plan,
  .modTab__header--plan__item .icon--plan,
  .modTab__header--topflow__item .icon--plan,
  .modTab__header--otherNewPlan__item .icon--plan,
  .modTab__header--area__item .icon--plan {
    width: 46px;
  }

  .modTab__header__item .icon--plan img,
  .modTab__header--all__item .icon--plan img,
  .modTab__header--plan__item .icon--plan img,
  .modTab__header--topflow__item .icon--plan img,
  .modTab__header--otherNewPlan__item .icon--plan img,
  .modTab__header--area__item .icon--plan img {
    position: relative;
    bottom: -10px;
  }
}

@media screen and (max-width: 767px) {

  .modTab__header__item .icon--plan,
  .modTab__header--all__item .icon--plan,
  .modTab__header--plan__item .icon--plan,
  .modTab__header--topflow__item .icon--plan,
  .modTab__header--otherNewPlan__item .icon--plan,
  .modTab__header--area__item .icon--plan {
    width: 9vw;
  }
}

@media screen and (min-width: 768px) {

  .modTab__header__item .icon--site,
  .modTab__header--all__item .icon--site,
  .modTab__header--plan__item .icon--site,
  .modTab__header--topflow__item .icon--site,
  .modTab__header--otherNewPlan__item .icon--site,
  .modTab__header--area__item .icon--site {
    width: 67px;
  }
}

@media screen and (max-width: 767px) {

  .modTab__header__item .icon--site,
  .modTab__header--all__item .icon--site,
  .modTab__header--plan__item .icon--site,
  .modTab__header--topflow__item .icon--site,
  .modTab__header--otherNewPlan__item .icon--site,
  .modTab__header--area__item .icon--site {
    width: 12vw;
  }
}

.modTab__body,
.modTab__body--all,
.modTab__body--plan,
.modTab__body--topflow {
  overflow: hidden;
}

@media screen and (min-width: 768px) {

  .modTab__body,
  .modTab__body--all,
  .modTab__body--plan,
  .modTab__body--topflow {
    margin: 86px 45px 0;
    width: 966px;
  }
}

@media screen and (max-width: 767px) {

  .modTab__body,
  .modTab__body--all,
  .modTab__body--plan,
  .modTab__body--topflow {
    margin: 14.84375vw 5.46875vw 0vw 5.46875vw;
  }
}

.modTab__body--wide,
.modTab__body--all--wide,
.modTab__body--plan--wide,
.modTab__body--topflow--wide {
  padding: 0;
}

@media screen and (min-width: 768px) {

  .modTab__body--wide,
  .modTab__body--all--wide,
  .modTab__body--plan--wide,
  .modTab__body--topflow--wide {
    margin: 30px 0 0;
    width: 1056px;
  }
}

@media screen and (max-width: 767px) {

  .modTab__body--wide,
  .modTab__body--all--wide,
  .modTab__body--plan--wide,
  .modTab__body--topflow--wide {
    margin: 8.59375vw 0vw 0vw 0vw;
  }

  .modTab__body--wide .modTab__body__item,
  .modTab__body--all--wide .modTab__body__item,
  .modTab__body--plan--wide .modTab__body__item,
  .modTab__body--topflow--wide .modTab__body__item {
    padding: 4.6875vw 0vw 0vw 0vw;
  }
}

.modTab__body .modReasonBox__wrapper,
.modTab__body--all .modReasonBox__wrapper,
.modTab__body--plan .modReasonBox__wrapper,
.modTab__body--topflow .modReasonBox__wrapper {
  width: 100%;
}

@media screen and (min-width: 768px) {

  .modTab__body .modReasonBox__wrapper .modReasonBox,
  .modTab__body--all .modReasonBox__wrapper .modReasonBox,
  .modTab__body--plan .modReasonBox__wrapper .modReasonBox,
  .modTab__body--topflow .modReasonBox__wrapper .modReasonBox {
    margin-left: 45px;
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) {

  .modTab__body .modReasonBox__wrapper .modReasonBox__cont .title::before,
  .modTab__body--all .modReasonBox__wrapper .modReasonBox__cont .title::before,
  .modTab__body--plan .modReasonBox__wrapper .modReasonBox__cont .title::before,
  .modTab__body--topflow .modReasonBox__wrapper .modReasonBox__cont .title::before {
    top: -60px;
  }
}

@media screen and (max-width: 767px) {

  .modTab__body .modReasonBox__wrapper .modReasonBox__cont .title::before,
  .modTab__body--all .modReasonBox__wrapper .modReasonBox__cont .title::before,
  .modTab__body--plan .modReasonBox__wrapper .modReasonBox__cont .title::before,
  .modTab__body--topflow .modReasonBox__wrapper .modReasonBox__cont .title::before {
    top: -15.625vw;
  }
}

@media screen and (min-width: 768px) {

  .modTab__body .modReasonBox__wrapper .modReasonBox__cont .title::after,
  .modTab__body--all .modReasonBox__wrapper .modReasonBox__cont .title::after,
  .modTab__body--plan .modReasonBox__wrapper .modReasonBox__cont .title::after,
  .modTab__body--topflow .modReasonBox__wrapper .modReasonBox__cont .title::after {
    bottom: -30px;
  }
}

@media screen and (max-width: 767px) {

  .modTab__body .modReasonBox__wrapper .modReasonBox__cont .title::after,
  .modTab__body--all .modReasonBox__wrapper .modReasonBox__cont .title::after,
  .modTab__body--plan .modReasonBox__wrapper .modReasonBox__cont .title::after,
  .modTab__body--topflow .modReasonBox__wrapper .modReasonBox__cont .title::after {
    bottom: -21.875vw;
  }
}

@media screen and (min-width: 768px) {

  .modTab__body .modReasonBox__wrapper .modReasonBox__cont .text,
  .modTab__body--all .modReasonBox__wrapper .modReasonBox__cont .text,
  .modTab__body--plan .modReasonBox__wrapper .modReasonBox__cont .text,
  .modTab__body--topflow .modReasonBox__wrapper .modReasonBox__cont .text {
    margin-top: 26px;
  }
}

@media screen and (min-width: 768px) {

  .modTab__body .modReasonBox__wrapper .modReasonBox__img,
  .modTab__body--all .modReasonBox__wrapper .modReasonBox__img,
  .modTab__body--plan .modReasonBox__wrapper .modReasonBox__img,
  .modTab__body--topflow .modReasonBox__wrapper .modReasonBox__img {
    padding-top: 115px;
  }
}

@media screen and (max-width: 767px) {

  .modTab__body .modReasonBox__wrapper .modReasonBox__img,
  .modTab__body--all .modReasonBox__wrapper .modReasonBox__img,
  .modTab__body--plan .modReasonBox__wrapper .modReasonBox__img,
  .modTab__body--topflow .modReasonBox__wrapper .modReasonBox__img {
    margin: 10.3125vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {

  .modTab__body .section,
  .modTab__body--all .section,
  .modTab__body--plan .section,
  .modTab__body--topflow .section {
    margin: 20px 0 0;
  }
}

@media screen and (min-width: 768px) {

  .modTab__body .section+.section,
  .modTab__body--all .section+.section,
  .modTab__body--plan .section+.section,
  .modTab__body--topflow .section+.section {
    margin: 97px 0 0;
  }
}

@media screen and (max-width: 767px) {

  .modTab__body .section+.section,
  .modTab__body--all .section+.section,
  .modTab__body--plan .section+.section,
  .modTab__body--topflow .section+.section {
    margin: 10.3125vw 0vw 0vw 0vw;
  }
}

.modTab__body .section__title,
.modTab__body--all .section__title,
.modTab__body--plan .section__title,
.modTab__body--topflow .section__title {
  font-weight: bold;
  color: var(--lightRizeGold);
  font-size: 26px;
}

@media screen and (max-width: 767px) {

  .modTab__body .section__title,
  .modTab__body--all .section__title,
  .modTab__body--plan .section__title,
  .modTab__body--topflow .section__title {
    font-size: 5vw;
  }
}

@media screen and (min-width: 768px) {

  .modTab__body .section__title,
  .modTab__body--all .section__title,
  .modTab__body--plan .section__title,
  .modTab__body--topflow .section__title {
    margin: 0 0 30px;
    padding: 0 0 0 24px;
  }
}

@media screen and (max-width: 767px) {

  .modTab__body .section__title,
  .modTab__body--all .section__title,
  .modTab__body--plan .section__title,
  .modTab__body--topflow .section__title {
    margin: 0vw 0vw 7.8125vw 0vw;
    padding: 0vw 0vw 0vw 4.6875vw;
  }
}

.modTab__body .section__title__sub,
.modTab__body--all .section__title__sub,
.modTab__body--plan .section__title__sub,
.modTab__body--topflow .section__title__sub {
  display: inline-block;
  color: var(--orange);
  background: #fff;
  letter-spacing: normal;
  margin: 0 0 10px;
  font-size: 14px;
}

@media screen and (max-width: 767px) {

  .modTab__body .section__title__sub,
  .modTab__body--all .section__title__sub,
  .modTab__body--plan .section__title__sub,
  .modTab__body--topflow .section__title__sub {
    font-size: 3.28125vw;
  }
}

@media screen and (min-width: 768px) {

  .modTab__body .section__title__sub,
  .modTab__body--all .section__title__sub,
  .modTab__body--plan .section__title__sub,
  .modTab__body--topflow .section__title__sub {
    min-width: 241px;
    padding: 0 7px 0 24px;
    margin: 0 0 20px -24px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
  }
}

@media screen and (max-width: 767px) {

  .modTab__body .section__title__sub,
  .modTab__body--all .section__title__sub,
  .modTab__body--plan .section__title__sub,
  .modTab__body--topflow .section__title__sub {
    min-width: 41.5625vw;
    padding: 0 5px 0 5vw;
    border-radius: 3px;
    margin-left: -5vw;
    -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
  }
}

.modTab__body .section__title--Campaign,
.modTab__body--all .section__title--Campaign,
.modTab__body--plan .section__title--Campaign,
.modTab__body--topflow .section__title--Campaign {
  margin: 0;
}

.modTab__body .caution,
.modTab__body--all .caution,
.modTab__body--plan .caution,
.modTab__body--topflow .caution {
  text-align: left;
  font-size: 14px;
}

@media screen and (max-width: 767px) {

  .modTab__body .caution,
  .modTab__body--all .caution,
  .modTab__body--plan .caution,
  .modTab__body--topflow .caution {
    font-size: 2.8125vw;
  }
}

@media screen and (min-width: 768px) {

  .modTab__body .caution,
  .modTab__body--all .caution,
  .modTab__body--plan .caution,
  .modTab__body--topflow .caution {
    margin: 20px 0 0;
  }
}

@media screen and (max-width: 767px) {

  .modTab__body .caution,
  .modTab__body--all .caution,
  .modTab__body--plan .caution,
  .modTab__body--topflow .caution {
    margin: 20px 0 0;
  }
}

@media screen and (min-width: 768px) {
  .modSlideBox {
    margin: 60px auto 0;
  }
}

@media screen and (max-width: 767px) {
  .modSlideBox {
    margin: 18.4375vw auto 0vw auto;
  }
}

@media screen and (min-width: 768px) {
  .modSlideBox .modSection__title {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 768px) {
  .modSlideBox .modSection__lead {
    line-height: 2;
  }
}

@media screen and (min-width: 768px) {
  .modSlideBox .modSection__inner {
    padding: 55px 70px 50px 52px;
  }
}

@media screen and (max-width: 767px) {
  .modSlideBox .modSection__inner {
    padding: 13.28125vw 0vw 7.65625vw 0vw;
  }
}

.modSlideBox .modColumnSlider {
  overflow: hidden;
}

.modSlideBox .modColumnSlider .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.movieDetail__head__cont {
  position: relative;
  width: unset;
  max-width: 1056px;
  min-width: unset;
  margin: -31px auto 0;
}

.movieDetail__head__logo {
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  height: auto;
}

@media screen and (min-width: 768px) {
  .movieDetail__head__logo {
    width: 185px;
    top: -46px;
    left: calc(50% + 6px);
  }
}

@media screen and (max-width: 767px) {
  .movieDetail__head__logo {
    width: 36.71875vw;
    top: -8.125vw;
    left: 50%;
  }
}

.movieDetail__head__logo--mediostar {
  height: auto;
}

@media screen and (min-width: 768px) {
  .movieDetail__head__logo--mediostar {
    top: -45px;
  }
}

@media screen and (max-width: 767px) {
  .movieDetail__head__logo--mediostar {
    top: -7.8125vw;
  }
}

.movieDetail__head__logo--yag {
  height: auto;
}

@media screen and (min-width: 768px) {
  .movieDetail__head__logo--yag {
    top: -20px;
    width: 260px;
  }
}

@media screen and (max-width: 767px) {
  .movieDetail__head__logo--yag {
    top: -4.6875vw;
    width: 54.0625vw;
  }
}

.movieDetail__head__movie {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

@media screen and (min-width: 768px) {
  .movieDetail__head__movie {
    width: 1056px;
    height: 600px;
  }
}

@media screen and (max-width: 767px) {
  .movieDetail__head__movie {
    width: 100%;
    height: 76.09375vw;
  }
}

.movieDetail__head__text {
  padding: 0 46px 0;
  margin: 24px 0 0;
  font-weight: bold;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .movieDetail__head__text {
    margin: 7.5vw 0vw 0vw 0vw;
    padding: 0vw 5.625vw 0vw 5.625vw;
  }
}

.movieDetail__head+.professional__points {
  margin-top: 171px;
}

@media screen and (max-width: 767px) {
  .movieDetail__head+.professional__points {
    margin: 26.5625vw 0vw 0vw 0vw;
  }
}

.movieDetail__detail {
  margin-top: 151px;
  width: unset;
  max-width: 1056px;
  min-height: unset;
}

@media screen and (max-width: 767px) {
  .movieDetail__detail {
    margin: 22.65625vw 5.625vw 0vw 5.625vw;
  }
}

.movieDetail__detail__cont {
  background: var(--lightGoldGray);
  border-radius: 20px;
  padding: 0 0 76px;
}

@media screen and (max-width: 767px) {
  .movieDetail__detail__cont {
    border-radius: 3.1vw;
    padding: 0vw 0vw 7.8125vw 0vw;
  }
}

.movieDetail__detail__cont .compSpecArea .compSpec {
  padding: 63px 92px 0;
}

@media screen and (max-width: 767px) {
  .movieDetail__detail__cont .compSpecArea .compSpec {
    padding: 10.625vw 6.25vw 0vw 6.25vw;
  }
}

.movieDetail__detail__cont .compSpecArea .compSpec__list {
  margin: 37px 0 0;
}

@media screen and (max-width: 767px) {
  .movieDetail__detail__cont .compSpecArea .compSpec__list {
    margin: 5.46875vw 0vw 0vw 0vw;
  }
}

.movieDetail__detail__cont .compSpecArea .compSpec__list__cont {
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .movieDetail__detail__cont .compSpecArea .compSpec__list__cont {
    font-size: 3.125vw;
  }
}

.movieDetail__detail__cont .compSpecArea .compSpec__list__title {
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .movieDetail__detail__cont .compSpecArea .compSpec__list__title {
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 768px) {
  .movieDetail__detail__cont .compSpecArea .compSpec__list__title {
    margin: 0 0 20px;
    padding: 0 0 5px 0;
  }
}

@media screen and (max-width: 767px) {
  .movieDetail__detail__cont .compSpecArea .compSpec__list__title {
    margin: 0vw 0vw 3.125vw 0vw;
    padding: 0vw 0vw 0.78125vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .movieDetail__detail__cont .compSpecArea .compSpec__list__title:nth-child(n+2) {
    margin: 37px 0 15px;
  }
}

@media screen and (max-width: 767px) {
  .movieDetail__detail__cont .compSpecArea .compSpec__img img {
    width: 14.0625vw;
  }
}

.movieDetail__case {
  margin: 174px auto 0;
  width: unset;
  max-width: 1056px;
  min-height: unset;
}

@media screen and (max-width: 767px) {
  .movieDetail__case {
    margin: 18.75vw 5vw 0vw 5vw;
  }
}

.movieDetail__case__cont {
  background-color: #fff;
  border-radius: 20px;
}

@media screen and (max-width: 767px) {
  .movieDetail__case__cont {
    border-radius: 3.12vw;
  }
}

.movieDetail__case__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 88px 91px 88px 92px;
}

@media screen and (max-width: 767px) {
  .movieDetail__case__inner {
    padding: 10.625vw 6.25vw 4.6875vw 6.25vw;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.movieDetail__case__inner .compSpecArea .compSpec {
  padding: 0;
}

@media screen and (min-width: 768px) {
  .movieDetail__case__inner .item--img {
    width: 411px;
  }
}

@media screen and (min-width: 768px) {
  .movieDetail__case__inner .item--text {
    width: 411px;
  }
}

@media screen and (max-width: 767px) {
  .movieDetail__case__inner .item--text {
    width: 100%;
    margin: 6.5625vw 0vw 0vw 0vw;
  }
}

.movieDetail__case__inner .item--text .compSpec__list__title {
  margin: 0;
  font-size: 18px;
  margin: 0 0 5px 0;
}

@media screen and (max-width: 767px) {
  .movieDetail__case__inner .item--text .compSpec__list__title {
    font-size: 3.125vw;
  }
}

@media screen and (max-width: 767px) {
  .movieDetail__case__inner .item--text .compSpec__list__title {
    margin: 0vw 0vw 3.125vw 0vw;
  }
}

.movieDetail__case__inner .item--text .compSpec__list__title:nth-child(n+2) {
  margin: 0 0 5px 0;
}

@media screen and (max-width: 767px) {
  .movieDetail__case__inner .item--text .compSpec__list__title:nth-child(n+2) {
    margin: 0vw 0vw 3.125vw 0vw;
  }
}

.movieDetail__case__inner .item--text .compSpec__list__cont {
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .movieDetail__case__inner .item--text .compSpec__list__cont {
    font-size: 3.125vw;
  }
}

.movieDetail__case__inner .item--text .compSpec__list__cont:nth-child(n+2) {
  margin: 0 0 14px 0;
}

@media screen and (max-width: 767px) {
  .movieDetail__case__inner .item--text .compSpec__list__cont:nth-child(n+2) {
    margin: 0vw 0vw 5.9375vw 0vw;
  }
}

.movieDetail__other {
  margin: 174px auto 0;
}

@media screen and (max-width: 767px) {
  .movieDetail__other {
    margin: 20.3125vw 0vw 0vw 0vw;
  }
}

@media screen and (max-width: 767px) {
  .movieDetail__other .colSlide__cont {
    padding: 0vw 0vw 0vw 0vw;
  }
}

.modReasonBox {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .modReasonBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 88px 0 0 45px;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox {
    margin: 9.21875vw 0vw 0vw 0vw;
  }
}

.modReasonBox:first-child {
  margin-top: 0;
}

.modReasonBox__cont .title {
  color: var(--lightRizeGold);
  font-size: 26px;
  letter-spacing: 0.1em;
  line-height: 1.6153846154;
  position: relative;
}

@media screen and (max-width: 767px) {
  .modReasonBox__cont .title {
    font-size: 5vw;
  }
}

.modReasonBox__cont .title::before,
.modReasonBox__cont .title::after {
  content: "";
  display: block;
  position: absolute;
}

.modReasonBox__cont .title::before {
  background: url(./../img/top/icon_comma01.png) no-repeat center center;
  background-size: 100% auto;
}

.modReasonBox__cont .title::after {
  background: url(./../img/top/icon_comma02.png) no-repeat center center;
  background-size: 100% auto;
}

.modReasonBox__cont .title__emp {
  color: var(--orange);
}

@media screen and (max-width: 767px) {
  .modReasonBox__cont .title {
    padding: 0vw 11.5625vw 0vw 11.5625vw;
    letter-spacing: 0.05em;
  }
}

.modReasonBox__cont .title__sub {
  display: inline-block;
  color: var(--orange);
  background: var(--white);
  letter-spacing: normal;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .modReasonBox__cont .title__sub {
    font-size: 3.28125vw;
  }
}

@media screen and (min-width: 768px) {
  .modReasonBox__cont .title__sub {
    min-width: 241px;
    padding: 0 7px;
    margin: 0 0 10px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__cont .title__sub {
    min-width: 41.5625vw;
    border-radius: 0.46875vw;
    margin: 0vw 0vw 1.5625vw 0vw;
    padding: 0vw 0.78125vw 0vw 0.78125vw;
    -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
  }
}

.modReasonBox__cont .title__second {
  color: var(--lightRizeGold);
  letter-spacing: normal;
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  .modReasonBox__cont .title__second {
    font-size: 3.28125vw;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__cont .title__second {
    display: inline-block;
    margin: 6.5625vw 0vw 0vw 0vw;
  }
}

.modReasonBox__cont .title--black {
  color: var(--gray);
}

@media screen and (min-width: 768px) {
  .modReasonBox__cont .title--black {
    padding-left: 25px;
    letter-spacing: 0.3em;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__cont .title--black {
    padding: 0vw 0vw 4.6875vw 12.5vw;
    letter-spacing: 0.3em;
    line-height: 1.9;
  }
}

@media screen and (min-width: 768px) {
  .modReasonBox__cont .title--black .title__sub {
    margin-left: -25px;
    padding: 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__cont .title--black .title__sub {
    margin-left: -2.34375vw;
    padding: 0vw 3.125vw 0vw 3.125vw;
  }
}

@media screen and (min-width: 768px) {
  .modReasonBox__cont .title::before {
    width: 76px;
    height: 69px;
    top: -82px;
    left: -61px;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__cont .title::before {
    top: -13.90625vw;
    left: 1.015625vw;
    width: 18.4375vw;
    height: 15vw;
  }
}

@media screen and (min-width: 768px) {
  .modReasonBox__cont .title::after {
    width: 91px;
    height: 81px;
    right: 18px;
    bottom: -39px;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__cont .title::after {
    right: 4.09375vw;
    bottom: -18.6875vw;
    width: 20.78125vw;
    height: 19.53125vw;
  }
}

.modReasonBox__cont .text {
  letter-spacing: -0.02em;
  line-height: 2;
}

@media screen and (min-width: 768px) {
  .modReasonBox__cont .text {
    margin: 42px 50px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__cont .text {
    margin: 11.5625vw 12.8125vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modReasonBox__cont .valueList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 40px 0 0 -12px;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__cont .valueList {
    margin: -6.25vw 9.375vw 0vw 12.5vw;
  }
}

@media screen and (min-width: 768px) {
  .modReasonBox__cont .valueList__item {
    width: calc(50% - 40px);
    margin: 60px 0 0 30px;
  }

  .modReasonBox__cont .valueList__item:nth-child(-n+2) {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__cont .valueList__item {
    margin: 6.25vw 0vw 0vw 0vw;
  }
}

.modReasonBox__cont .valueList__item__title {
  font-weight: normal;
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-size: 36px;
  color: var(--orange);
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .modReasonBox__cont .valueList__item__title {
    font-size: 6.40625vw;
  }
}

@media screen and (min-width: 768px) {
  .modReasonBox__cont .valueList__item__title {
    margin: 0 0 24px;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__cont .valueList__item__title {
    margin: 0vw 0vw 3.90625vw 0vw;
  }
}

.modReasonBox__cont .valueList__item__title>span {
  display: block;
  font-weight: bold;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  color: var(--lightRizeGold);
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .modReasonBox__cont .valueList__item__title>span {
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 768px) {
  .modReasonBox__cont .valueList__item__title>span {
    margin: 15px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__cont .valueList__item__title>span {
    margin: 1.25vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modReasonBox__cont .valueList__item__text {
    line-height: 2;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__cont .valueList__item__text {
    line-height: 1.7272727273;
  }
}

@media screen and (min-width: 768px) {
  .modReasonBox__img {
    padding: 55px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__img {
    margin: 6.40625vw 0vw 0vw 0vw;
  }
}

.modReasonBox__img .text {
  line-height: 2.1818181818;
}

@media screen and (min-width: 768px) {
  .modReasonBox__img .text {
    margin: 18px 22px 0;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__img .text {
    margin: 4.53125vw 6.71875vw 0vw 6.71875vw;
  }
}

.modReasonBox__img img {
  height: auto;
}

@media screen and (min-width: 768px) {
  .modReasonBox__img img {
    width: 411px;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__img img {
    width: 100%;
  }
}

.modReasonBox--wide {
  display: block;
}

@media screen and (min-width: 768px) {
  .modReasonBox--wide {
    width: 1056px;
    margin-left: auto;
    margin-right: auto;
  }
}

.modReasonBox--wide .modReasonBox__cont .title::before,
.modReasonBox--wide .modReasonBox__cont .title::after {
  display: none;
}

.modReasonBox--wide .modReasonBox__cont .title--mark::before,
.modReasonBox--wide .modReasonBox__cont .title--mark::after {
  display: block;
}

.modReasonBox--wide .modReasonBox__img img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .modReasonBox__wrapper {
    width: 1200px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .modReasonBox__wrapper .modReasonBox {
    margin: 88px 70px 0 118px;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__wrapper .modReasonBox {
    margin: 9.21875vw 0vw 0vw 0vw;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__wrapper .modReasonBox:nth-child(n+2) {
    margin: 29.21875vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modReasonBox__wrapper .modReasonBox__img {
    padding: 51px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__wrapper .modReasonBox__img {
    margin: 11.875vw 0vw 0vw 0vw;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__wrapper .modReasonBox__img .text {
    margin: 3.90625vw 5.625vw 0vw 5.625vw;
    line-height: 2;
  }
}

@media screen and (min-width: 768px) {
  .modReasonBox__wrapper .modReasonBox__cont .text {
    margin: 48px 50px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__wrapper .modReasonBox__cont .text {
    margin: 7.5vw 7.8125vw 0vw 0vw;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__wrapper .modReasonBox__cont .title {
    padding: 0vw 0vw 0vw 8.28125vw;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__wrapper .modReasonBox__cont .title::before {
    top: -17.1875vw;
  }
}

@media screen and (min-width: 768px) {
  .modReasonBox__wrapper .modReasonBox__cont .title::after {
    right: 18px;
    bottom: -40px;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__wrapper .modReasonBox__cont .title::after {
    bottom: -18.75vw;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__wrapper .modReasonBox__cont .title+.text {
    margin: 21.875vw 5.625vw 0vw 5.625vw;
  }
}

@media screen and (min-width: 768px) {
  .modReasonBox__wrapper .modReasonBox__cont.modReasonBox--nonImg .title::after {
    right: 13px;
    bottom: -62px;
  }
}

@media screen and (max-width: 767px) {
  .modReasonBox__wrapper .modReasonBox__cont.modReasonBox--nonImg .title::after {
    bottom: -20.3125vw;
  }
}

.modReasonBox__wrapper .modReasonBox .modBtnWrap {
  margin: 66px 0 0 0;
}

@media screen and (max-width: 767px) {
  .modReasonBox__wrapper .modReasonBox .modBtnWrap {
    margin: 7.5vw 5.625vw 0vw 5.625vw;
  }
}

@media screen and (min-width: 768px) {
  .modMediaBox {
    margin: 120px auto 0;
  }
}

@media screen and (max-width: 767px) {
  .modMediaBox {
    margin: 25vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modMediaBox__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin: 0 auto;
    padding-left: 45px;
    min-height: 414px;
    width: 1056px;
  }
}

.modMediaBox__item .title {
  color: var(--lightRizeGold);
  text-align: left;
  margin: 0;
  font-size: 26px;
  letter-spacing: 0.1em;
  line-height: 1.6153846154;
  position: relative;
}

@media screen and (max-width: 767px) {
  .modMediaBox__item .title {
    font-size: 5vw;
  }
}

.modMediaBox__item .title::before,
.modMediaBox__item .title::after {
  content: "";
  display: block;
  position: absolute;
}

.modMediaBox__item .title::before {
  background: url(./../img/top/icon_comma01.png) no-repeat center center;
  background-size: 100% auto;
}

.modMediaBox__item .title::after {
  background: url(./../img/top/icon_comma02.png) no-repeat center center;
  background-size: 100% auto;
}

.modMediaBox__item .title__emp {
  color: var(--orange);
}

@media screen and (min-width: 768px) {
  .modMediaBox__item .title {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 560px;
  }
}

@media screen and (max-width: 767px) {
  .modMediaBox__item .title {
    padding: 0vw 0vw 0vw 8.28125vw;
    letter-spacing: 0.05em;
  }
}

@media screen and (min-width: 768px) {
  .modMediaBox__item .title::before {
    width: 76px;
    height: 69px;
    top: -82px;
    left: -61px;
  }
}

@media screen and (max-width: 767px) {
  .modMediaBox__item .title::before {
    top: -17.1875vw;
    left: 1.015625vw;
    width: 18.4375vw;
    height: 15vw;
  }
}

@media screen and (min-width: 768px) {
  .modMediaBox__item .title::after {
    width: 91px;
    height: 81px;
    right: -25px;
    bottom: -35px;
  }
}

@media screen and (max-width: 767px) {
  .modMediaBox__item .title::after {
    right: 4.09375vw;
    bottom: -18.6875vw;
    width: 20.78125vw;
    height: 19.53125vw;
  }
}

.modMediaBox__item .title__sub {
  display: inline-block;
  color: var(--orange);
  background: var(--lightGoldGray);
  letter-spacing: normal;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .modMediaBox__item .title__sub {
    font-size: 3.28125vw;
  }
}

@media screen and (min-width: 768px) {
  .modMediaBox__item .title__sub {
    min-width: 241px;
    padding: 0 7px;
    margin: 0 0 10px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
  }
}

@media screen and (max-width: 767px) {
  .modMediaBox__item .title__sub {
    min-width: 41.5625vw;
    border-radius: 0.46875vw;
    margin: 0vw 0vw 1.5625vw 0vw;
    padding: 0vw 0.78125vw 0vw 0.78125vw;
    -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
  }
}

@media screen and (min-width: 768px) {
  .modMediaBox__item .img {
    position: absolute;
    top: 0;
    right: 0;
    width: 411px;
    height: 314px;
    padding: 48px 0 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}

@media screen and (max-width: 767px) {
  .modMediaBox__item .img {
    margin: 6.40625vw 0vw 0vw 0vw;
  }
}

.modMediaBox__item .img img {
  width: 100%;
  height: auto;
  margin: 0;
}

.modMediaBox__item .text {
  font-weight: bold;
  letter-spacing: -0.02em;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .modMediaBox__item .text {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modMediaBox__item .text {
    margin: 42px 0 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 560px;
  }
}

@media screen and (max-width: 767px) {
  .modMediaBox__item .text {
    margin: 4.53125vw 6.71875vw 0vw 6.71875vw;
  }
}

@media screen and (min-width: 768px) {
  .modMediaBox__item--marginL {
    margin: 80px auto 0;
  }
}

@media screen and (max-width: 767px) {
  .modMediaBox__item--marginL {
    margin: 31.25vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modMediaBox__item:nth-child(n+2):not(.modMediaBox__item--marginL) {
    margin: 60px auto 0;
  }
}

@media screen and (max-width: 767px) {
  .modMediaBox__item:nth-child(n+2):not(.modMediaBox__item--marginL) {
    margin: 31.25vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modFaq {
    margin: 167px auto 0;
  }
}

@media screen and (max-width: 767px) {
  .modFaq {
    margin: 20.3125vw auto 0vw auto;
  }
}

@media screen and (min-width: 768px) {
  .modFaq .modSection__title {
    margin: 0 0 35px;
  }
}

@media screen and (max-width: 767px) {
  .modFaq .modSection__title {
    margin: 0vw 0vw 10.78125vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modLocations {
    margin: 200px auto 0;
  }
}

@media screen and (max-width: 767px) {
  .modLocations {
    margin: 25vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modLocations .modSection__title {
    margin-bottom: 45px;
  }
}

@media screen and (max-width: 767px) {
  .modLocations .modSection__title {
    margin: 0vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modNews {
    max-width: 1060px;
    margin: 147px auto 0;
  }
}

@media screen and (max-width: 767px) {
  .modNews {
    margin: 14.0625vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modNews .modSection__title {
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 767px) {
  .modNews .modSection__title {
    margin: 0vw 0vw 10.15625vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modNews .modBtnWrap {
    margin-top: 65px;
  }
}

@media screen and (max-width: 767px) {
  .modNews .modBtnWrap {
    margin: 11.5625vw 5.3125vw 0vw 5.3125vw;
  }
}

.modPrice {
  position: relative;
}

@media screen and (min-width: 768px) {
  .modPrice {
    margin: 170px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modPrice {
    margin: 16.5625vw 0vw 0vw 0vw;
  }
}

.modContentClinic {
  position: relative;
  background: url(./../img/common/bg_map_japan.webp) no-repeat;
  background-size: contain;
  background-position: center center;
}

@media screen and (min-width: 768px) {
  .modContentClinic {
    background-size: cover;
    background-position: center center;
    max-width: 968px;
    min-height: 600px;
    padding: 80px 0 0;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .modContentClinic {
    background-position: center 10%;
    background-size: 85% auto;
    min-height: 106vw;
    padding: 13.3vw 5.12vw 10.76vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentClinic__inner {
    margin: 0 0 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .modContentClinic__inner {
    margin: 0vw 0vw 3.59375vw 0vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
}

@media screen and (min-width: 768px) {
  .modContentClinic__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  .modContentClinic__block--half {
    width: 360px;
  }
}

@media screen and (max-width: 767px) {
  .modContentClinic__block--half {
    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;
  }

  .modContentClinic__block--half .modContentClinic__inner {
    width: 50%;
  }

  .modContentClinic__block--half .modContentClinic__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .modContentClinic__block--half .modContentClinic__list__item {
    width: calc(50% - 0.46875vw);
  }
}

.modContentClinic__title {
  font-weight: bold;
  text-align: center;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .modContentClinic__title {
    font-size: 4.375vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentClinic__title {
    margin: 0 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .modContentClinic__title {
    margin: 0vw 0vw 3.90625vw 0vw;
  }
}

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

@media screen and (min-width: 768px) {
  .modContentClinic__list__item {
    width: 118px;
  }
}

@media screen and (max-width: 767px) {
  .modContentClinic__list__item {
    width: calc(25% - 0.625vw);
    margin: 0vw 0.78125vw 1.25vw 0vw;
  }
}

@media screen and (max-width: 767px) {
  .modContentClinic__list__item:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .modContentClinic__list__item:nth-child(n+2):not(:nth-child(9n)) {
    margin-left: 3px;
  }
}

@media screen and (min-width: 768px) {
  .modContentClinic__list__item:nth-child(n+9) {
    margin-top: 10px;
  }
}

.modContentClinic__list__item .modBtn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.4;
  padding: 0;
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  .modContentClinic__list__item .modBtn {
    font-size: 2.8125vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentClinic__list__item .modBtn {
    min-height: 54px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .modContentClinic__list__item .modBtn {
    font-size: 14px;
  }
}

@media screen and (max-width: 319px) {
  .modContentClinic__list__item .modBtn {
    font-size: 0.8rem;
    letter-spacing: -0.1em;
    line-height: 1;
  }
}

@media screen and (max-width: 767px) {
  .modContentClinic__list__item .modBtn {
    height: 10.78125vw;
  }
}

.modContentClinic__list__item .modBtn::after {
  content: none;
}

.modContentClinic__list--national .modContentClinic__list__item {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .modContentClinic__list--national .modContentClinic__list__item {
    width: 167px;
  }
}

@media screen and (min-width: 768px) {
  .modContentClinic__list--national .modContentClinic__list__item--hokkaido {
    top: 24%;
    left: 49%;
  }
}

@media screen and (max-width: 767px) {
  .modContentClinic__list--national .modContentClinic__list__item--hokkaido {
    top: 28vw;
    right: 18vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentClinic__list--national .modContentClinic__list__item--chubu {
    top: 43%;
    left: 33%;
  }
}

@media screen and (max-width: 767px) {
  .modContentClinic__list--national .modContentClinic__list__item--chubu {
    top: 49vw;
    left: 33vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentClinic__list--national .modContentClinic__list__item--kanto {
    top: 56%;
    right: 28%;
  }
}

@media screen and (max-width: 767px) {
  .modContentClinic__list--national .modContentClinic__list__item--kanto {
    top: 57vw;
    right: 8vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentClinic__list--national .modContentClinic__list__item--chugoku {
    bottom: 31%;
    left: 18%;
  }
}

@media screen and (max-width: 767px) {
  .modContentClinic__list--national .modContentClinic__list__item--chugoku {
    bottom: 25vw;
    left: 11vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentClinic__list--national .modContentClinic__list__item--kinki {
    bottom: 21%;
    right: 40%;
  }
}

@media screen and (max-width: 767px) {
  .modContentClinic__list--national .modContentClinic__list__item--kinki {
    bottom: 15vw;
    right: 29vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentClinic__list--national .modContentClinic__list__item--kyushu {
    bottom: 11%;
    left: 16%;
  }
}

@media screen and (max-width: 767px) {
  .modContentClinic__list--national .modContentClinic__list__item--kyushu {
    bottom: 2vw;
    left: 13vw;
  }
}

.modContentClinic__list--national .modContentClinic__list__item .modBtn {
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .modContentClinic__list--national .modContentClinic__list__item .modBtn {
    font-size: 2.8125vw;
  }
}

.modContentClinic__link {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .modContentClinic__link {
    margin: 45px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modContentClinic__link {
    margin: 6.40625vw 0vw 0vw 0vw;
  }
}

.modContentFixedPay {
  position: relative;
}

@media screen and (min-width: 768px) {
  .modContentFixedPay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 964px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .modContentFixedPay {
    margin: 2.5vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentFixedPay+.modContentNote {
    margin: -20px auto 0;
    padding: 0 0 0 12px;
  }
}

@media screen and (min-width: 768px) {
  .modContentFixedPay__left {
    background: url(./../img/common/bg_fixedpay.svg) no-repeat -10px center;
    background-size: 100% auto;
    width: 475px;
    height: 300px;
    padding: 68px 0 0 30px;
  }
}

@media screen and (max-width: 767px) {
  .modContentFixedPay__left {
    background: url(./../img/common/bg_fixedpay_sp.svg) no-repeat left center;
    background-size: 100% auto;
    width: 80%;
    height: 57.03125vw;
    margin: 0 auto;
    padding: 12.5vw 0vw 0vw 0vw;
  }
}

@media screen and (max-width: 767px) {
  .modContentFixedPay__left .upper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media screen and (min-width: 768px) {
  .modContentFixedPay__left .upper {
    margin-top: 18px;
  }
}

.modContentFixedPay__left .upper__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-size: 21px;
}

@media screen and (max-width: 767px) {
  .modContentFixedPay__left .upper__text {
    font-size: 3.4375vw;
  }
}

@media screen and (max-width: 767px) {
  .modContentFixedPay__left .upper__text {
    margin: 0vw 0vw 0vw 17.1875vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentFixedPay__left .upper__text {
    margin-left: 48px;
  }
}

.modContentFixedPay__left .upper__text:first-of-type {
  font-weight: bold;
  color: var(--orange);
  margin-left: 63px;
}

@media screen and (max-width: 767px) {
  .modContentFixedPay__left .upper__text:first-of-type {
    margin: 2.5vw 0vw 0vw 17.1875vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentFixedPay__left .upper img {
    width: 185px;
    height: 93px;
  }
}

@media screen and (max-width: 767px) {
  .modContentFixedPay__left .upper img {
    width: 32.8125vw;
    height: 16.09375vw;
    margin: 0vw 1.25vw 0vw 1.25vw;
  }
}

.modContentFixedPay__left .under {
  font-weight: bold;
  letter-spacing: 0.05em;
  font-size: 27px;
}

@media screen and (max-width: 767px) {
  .modContentFixedPay__left .under {
    font-size: 5vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentFixedPay__left .under {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .modContentFixedPay__left .under {
    text-align: center;
    margin-top: 2.5vw;
  }
}

.modContentFixedPay__left .under .num {
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-weight: normal;
  font-size: 44px;
}

@media screen and (max-width: 767px) {
  .modContentFixedPay__left .under .num {
    font-size: 7.5vw;
  }
}

.modContentFixedPay__left .under .emp {
  color: var(--orange);
  letter-spacing: 0.1em;
  font-size: 34px;
}

@media screen and (max-width: 767px) {
  .modContentFixedPay__left .under .emp {
    font-size: 5.625vw;
  }
}

@media screen and (max-width: 767px) {
  .modContentFixedPay__left .under .emp {
    margin: 0vw 0vw 0vw 0.78125vw;
  }
}

.modContentFixedPay__right {
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .modContentFixedPay__right {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentFixedPay__right {
    width: 470px;
  }
}

@media screen and (max-width: 767px) {
  .modContentFixedPay__right {
    padding: 0vw 5.15625vw 0vw 5.15625vw;
    margin: -1.25vw 0vw 0vw 0vw;
  }
}

.modContentFixedPay__right .item {
  font-weight: bold;
  text-align: center;
  background: var(--white);
}

@media screen and (min-width: 768px) {
  .modContentFixedPay__right .item {
    height: 70px;
    padding: 6px 0 0;
    border-radius: 20px;
    margin: 18px 0 0 0;
    -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
  }
}

@media screen and (max-width: 767px) {
  .modContentFixedPay__right .item {
    width: 70.3125vw;
    height: 13.4375vw;
    border-radius: 3.125vw;
    margin: 2.5vw auto 0vw auto;
    padding: 1.5625vw 0vw 4.0625vw 0vw;
    -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
  }
}

.modContentFixedPay__right .item:last-child {
  padding: 0;
}

@media screen and (min-width: 768px) {
  .modContentFixedPay__right .item:last-child {
    line-height: 70px;
  }
}

@media screen and (max-width: 767px) {
  .modContentFixedPay__right .item:last-child {
    line-height: 13.4375vw;
  }
}

.modContentFixedPay__right .item dt {
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .modContentFixedPay__right .item dt {
    font-size: 4.0625vw;
  }
}

.modContentFixedPay__right .item dt span {
  font-size: 32px;
  color: var(--orange);
}

@media screen and (max-width: 767px) {
  .modContentFixedPay__right .item dt span {
    font-size: 5.9375vw;
  }
}

.modContentFixedPay__right .item dt span span {
  font-size: 48px;
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .modContentFixedPay__right .item dt span span {
    font-size: 7.5vw;
  }
}

.modContentFixedPay__right .item dd {
  color: var(--orange);
  font-size: 38px;
}

@media screen and (max-width: 767px) {
  .modContentFixedPay__right .item dd {
    font-size: 6.25vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentFixedPay__right .item dd {
    margin: 3px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modContentFixedPay__right .item dd {
    margin: 0.46875vw 0vw 0vw 0vw;
  }
}

.modContentFixedPay__right .item.is-act.delay-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.modContentFixedPay__right .item.is-act.delay-2 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.modContentFixedPay__right .item.is-act.delay-3 {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.modContentFixedPay--under .modContentNote {
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  .modContentFixedPay--under .modContentNote {
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .modContentFixedPay--under .modContentNote {
    margin: 3.125vw 0vw 0vw 0vw;
  }
}

.modContentFixedPay--under .img_fixedpay {
  display: block;
}

@media screen and (min-width: 768px) {
  .modContentFixedPay--under .img_fixedpay {
    width: 1000px;
    margin: 40px auto 0;
  }
}

@media screen and (max-width: 767px) {
  .modContentFixedPay--under .img_fixedpay {
    width: 97.8125vw;
    margin: 6.25vw auto 0vw auto;
  }
}

.modContentDiscountBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .modContentDiscountBox {
    margin: 45px auto 38px;
  }
}

@media screen and (max-width: 767px) {
  .modContentDiscountBox {
    margin: 0vw 0vw 5.46875vw 0vw;
  }
}

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

@media screen and (min-width: 768px) {
  .modContentDiscountBox__left {
    width: 450px;
  }
}

@media screen and (max-width: 767px) {
  .modContentDiscountBox__left {
    width: 100%;
  }
}

.modContentDiscountBox__left .item {
  font-weight: bold;
  text-align: center;
  color: var(--gray);
  background: var(--white);
}

@media screen and (min-width: 768px) {
  .modContentDiscountBox__left .item {
    width: 144px;
    height: 106px;
    padding: 20px 0;
    border-radius: 24px;
    -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
  }
}

@media screen and (max-width: 767px) {
  .modContentDiscountBox__left .item {
    border-radius: 3.75vw;
    width: calc(33.3333333333% - 1.40625vw);
    margin: 5.3125vw 0vw 0vw 0vw;
    padding: 3.4375vw 0vw 4.375vw 0vw;
    -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
  }
}

.modContentDiscountBox__left .item dt {
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .modContentDiscountBox__left .item dt {
    font-size: 4.0625vw;
  }
}

.modContentDiscountBox__left .item dd {
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-weight: normal;
  font-size: 22px;
}

@media screen and (max-width: 767px) {
  .modContentDiscountBox__left .item dd {
    font-size: 3.4375vw;
  }
}

@media screen and (max-width: 767px) {
  .modContentDiscountBox__left .item dd {
    line-height: 1;
    margin: 0.46875vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentDiscountBox__left .item dd .num {
    margin: 3px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modContentDiscountBox__left .item dd .num {
    margin: 0.46875vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentDiscountBox__right {
    width: 410px;
  }
}

@media screen and (max-width: 767px) {
  .modContentDiscountBox__right {
    margin: 5.46875vw 0vw 0vw 0vw;
  }
}

.modContentNote {
  color: var(--gray);
  max-width: 968px;
  text-align: left;
  margin: 17px auto 0;
  letter-spacing: -0.01em;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .modContentNote {
    font-size: 2.8125vw;
  }
}

@media screen and (max-width: 767px) {
  .modContentNote {
    padding: 0vw 5.15625vw 0vw 5.15625vw;
    margin: 2.65625vw auto 0vw auto;
  }
}

.modContentFree {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

@media screen and (min-width: 768px) {
  .modContentFree {
    padding: 30px 120px 25px;
    margin: 128px auto 0;
    max-width: 960px;
  }
}

@media screen and (max-width: 767px) {
  .modContentFree {
    padding: 5.15625vw 6.40625vw 5.15625vw 6.40625vw;
    margin: 10.78125vw 5.15625vw 0vw 5.15625vw;
  }
}

.modContentFree::after {
  content: "";
  display: block;
  position: absolute;
  background: url(./../img/common/text_free.svg) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (min-width: 768px) {
  .modContentFree::after {
    width: 170px;
    height: 103px;
    top: -91px;
    right: 5px;
  }
}

@media screen and (max-width: 767px) {
  .modContentFree::after {
    width: 25.15625vw;
    height: 19.375vw;
    top: -15.9375vw;
    right: 0.9375vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentFree__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 550px;
  }
}

.modContentFree__list__item {
  font-weight: bold;
  font-size: 19px;
  text-align: center;
  background: var(--white);
  letter-spacing: -0.01em;
}

@media screen and (max-width: 767px) {
  .modContentFree__list__item {
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentFree__list__item {
    -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    width: 255px;
    padding: 2px 0;
    border-radius: 6px;
  }

  .modContentFree__list__item:nth-child(even) {
    margin-left: 30px;
  }

  .modContentFree__list__item:nth-child(n+3) {
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .modContentFree__list__item {
    -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    width: 43.90625vw;
    line-height: 1;
    border-radius: 0.9375vw;
    padding: 0.9375vw 0vw 0.9375vw 0vw;
  }

  .modContentFree__list__item:nth-child(n+2) {
    margin: 2.03125vw 0vw 0vw 0vw;
  }
}

.modContentFree__list__item .caution {
  display: inline-block;
  vertical-align: top;
  font-size: 10px;
}

@media screen and (max-width: 767px) {
  .modContentFree__list__item .caution {
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentFree__list__item .caution {
    margin: 0 -10px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modContentFree__list__item .caution {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    margin: 0vw -1.5625vw 0vw 0vw;
  }
}

.modContentFree__list__item .emp {
  color: var(--lightRizeGold);
}

.modContentFree__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modContentFree__img .yen,
.modContentFree__img .zero {
  display: block;
}

.modContentFree__img .zero.is-act {
  -webkit-animation: rotateAnime 1.5s ease-in-out 0.5s forwards;
  animation: rotateAnime 1.5s ease-in-out 0.5s forwards;
}

@-webkit-keyframes rotateAnime {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes rotateAnime {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }

  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@media screen and (min-width: 768px) {
  .modContentFree__img {
    margin: 0 0 0 37px;
  }

  .modContentFree__img .yen {
    width: 27px;
    height: 37px;
  }

  .modContentFree__img .zero {
    width: 94px;
    height: 119px;
    margin: 0 0 0 12px;
  }
}

@media screen and (max-width: 767px) {
  .modContentFree__img {
    margin: 0vw 2.03125vw 0vw 5.3125vw;
  }

  .modContentFree__img .yen {
    width: 5.3125vw;
    height: 7.1875vw;
  }

  .modContentFree__img .zero {
    width: 17.96875vw;
    height: 22.96875vw;
    margin: 0vw 0vw 0vw 2.34375vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentFree--inBox {
    padding: 0;
    margin: 32px auto 0;
    max-width: 715px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .modContentFree--inBox {
    padding: 0vw 0vw 0vw 0vw;
    margin: 7.8125vw 0vw 0vw 0vw;
  }
}

.modContentFree--inBox::after {
  content: none;
}

.modContentFree--inBox .modContentFree__list__item {
  color: var(--gray);
  background: var(--goldGray);
}

@media screen and (min-width: 768px) {
  .modContentFree--inBox .modContentFree__list__item {
    width: 257px;
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .modContentFree--inBox .modContentFree__list__item:nth-child(n+3) {
    margin-top: 13px;
  }
}

.modContentFree--inBox .modContentFree__list__item .emp {
  color: var(--gray);
}

@media screen and (min-width: 768px) {
  .modContentFree--inBox .modContentFree__img {
    width: 134px;
    height: auto;
  }
}

.modContentPrice {
  max-width: 964px;
  overflow: hidden;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

@media screen and (min-width: 768px) {
  .modContentPrice {
    border-radius: 24px;
    margin: 70px auto 0;
    -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
  }
}

@media screen and (max-width: 767px) {
  .modContentPrice {
    border-radius: 3.75vw;
    -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    margin: 6.25vw 5.15625vw 6.25vw 5.15625vw;
  }
}

.modContentPrice__head {
  text-align: center;
  background: var(--lightGoldGray);
  line-height: 0.5434782609;
}

.modContentPrice__head .parts {
  color: var(--lightRizeGold);
  letter-spacing: 0.1em;
  font-size: 25px;
}

@media screen and (max-width: 767px) {
  .modContentPrice__head .parts {
    font-size: 5vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentPrice__head .parts {
    padding: 32px 0 15px;
  }
}

@media screen and (max-width: 767px) {
  .modContentPrice__head .parts {
    padding: 3.75vw 0vw 1.25vw 0vw;
  }
}

.modContentPrice__head .parts .emp {
  font-weight: bold;
}

.modContentPrice__head .parts::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: url(./../img/common/icon_yen.svg) no-repeat center center;
  background-size: 100% auto;
  margin: 0 10px 0 0;
}

@media screen and (min-width: 768px) {
  .modContentPrice__head .parts::before {
    width: 31px;
    height: 38px;
  }
}

@media screen and (max-width: 767px) {
  .modContentPrice__head .parts::before {
    width: 4.53125vw;
    height: 5.625vw;
  }
}

.modContentPrice__body {
  background: var(--white);
  text-align: center;
}

@media screen and (min-width: 768px) {
  .modContentPrice__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 42px 0 30px;
  }
}

@media screen and (max-width: 767px) {
  .modContentPrice__body {
    padding: 4.0625vw 0vw 1.5625vw 0vw;
  }
}

.modContentPrice__body .course {
  font-size: 18px;
  line-height: 1.3333333333;
}

@media screen and (max-width: 767px) {
  .modContentPrice__body .course {
    font-size: 4.375vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentPrice__body .course {
    margin: 0 65px -15px -25px;
  }
}

.modContentPrice__body .course__count {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .modContentPrice__body .course__count {
    margin: 0 15px 0 0;
    display: inline-block;
    vertical-align: 4px;
  }
}

@media screen and (max-width: 767px) {
  .modContentPrice__body .course__count {
    margin: 0vw 3.75vw 0vw 0vw;
  }
}

.modContentPrice__body .course__num {
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-weight: normal;
  font-size: 28px;
  letter-spacing: -0.05em;
}

@media screen and (max-width: 767px) {
  .modContentPrice__body .course__num {
    font-size: 7.1875vw;
  }
}

@media screen and (max-width: 767px) {
  .modContentPrice__body .course__num {
    margin: 0vw 0.9375vw 0vw 0vw;
  }
}

.modContentPrice__body .price {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .modContentPrice__body .price__icon img {
    width: 86px;
    height: 43px;
  }
}

@media screen and (max-width: 767px) {
  .modContentPrice__body .price__icon img {
    width: 15.78125vw;
    height: 8.125vw;
  }
}

.modContentPrice__body .price__num {
  color: var(--orange);
  letter-spacing: -0.05em;
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-size: 50px;
  letter-spacing: -0.05em;
}

@media screen and (max-width: 767px) {
  .modContentPrice__body .price__num {
    font-size: 10.625vw;
  }
}

.modContentPrice__body .price__month {
  font-weight: bold;
  font-size: 17px;
  line-height: 1.2941176471;
}

@media screen and (max-width: 767px) {
  .modContentPrice__body .price__month {
    font-size: 4.0625vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentPrice__body .price__month {
    margin: 0 0 0 8px;
  }
}

@media screen and (max-width: 767px) {
  .modContentPrice__body .price__month {
    margin: 0vw 0vw 0vw 1.25vw;
  }
}

.modContentPrice__body .price__rate {
  position: absolute;
  color: var(--lightRizeGold);
  font-weight: bold;
  font-size: 14px;
  line-height: 0.7368421053;
}

@media screen and (max-width: 767px) {
  .modContentPrice__body .price__rate {
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentPrice__body .price__rate {
    top: 25px;
    right: 0;
  }
}

@media screen and (max-width: 767px) {
  .modContentPrice__body .price__rate {
    top: 4.0625vw;
    left: calc(100% - 25.9375vw);
  }
}

.modContentPrice__btnWrap {
  display: block;
}

@media screen and (min-width: 768px) {
  .modContentPrice__btnWrap {
    margin: 70px auto 0;
  }
}

@media screen and (max-width: 767px) {
  .modContentPrice__btnWrap {
    margin: 8.2vw 5.12vw 0;
  }
}

.modContentPrice__btnWrap .modBtn {
  display: block;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .modContentPrice__btnWrap .modBtn:nth-child(n+2) {
    margin: 26px auto 0;
  }
}

@media screen and (max-width: 767px) {
  .modContentPrice__btnWrap .modBtn:nth-child(n+2) {
    margin: 4.0625vw auto 0vw auto;
  }
}

@media screen and (min-width: 768px) {
  .modContentFaq {
    padding: 45px 68px 63px;
    border-radius: 0 60px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modContentFaq {
    border-radius: 0 7.8vw 0 0;
    padding: 0vw 5.15625vw 12.8125vw 5.15625vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentFaq .modSection__title {
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 767px) {
  .modContentFaq .modSection__title {
    margin-bottom: 5.46875vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentFaq .modBtnWrap {
    margin-top: 45px;
  }
}

@media screen and (max-width: 767px) {
  .modContentFaq .modBtnWrap {
    margin: 6.40625vw 0vw 0vw 0vw;
  }
}

.modContentCampaign {
  position: relative;
  color: var(--white);
  text-align: center;
  z-index: 1;
  -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.16);
  /*上部に装飾ver*/
  background: #D5A773;
  /*&::after{
    content: '';
    position: absolute;
    display: block;
    background: url(./../img/plans/text_campaign.svg) no-repeat 0 0;
    background-size: 100% auto;
    @include m.media_queries(pc){
      width: 196px;
      height: 97px;
      bottom: 35px;
      right: 0;
    }
    @include m.media_queries{
      width: 45%;
      padding: 23% 0 0;
      bottom: m.vw(15);
      right: m.vw(10);
    }
  }*/
}

@media screen and (min-width: 768px) {
  .modContentCampaign {
    /*上部に装飾ver*/
  }
}

@media screen and (min-width: 768px) {
  .modContentCampaign {
    width: 964px;
    margin: 55px auto 0;
    padding: 22px 40px 18px;
    border-radius: 24px;
  }
}

@media screen and (max-width: 767px) {
  .modContentCampaign {
    margin: 8.59375vw 0vw 0vw 0vw;
    padding: 5.9375vw 4.375vw 4.84375vw 4.375vw;
    border-radius: 3.125vw;
  }
}

.modContentCampaign::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #D5A773 transparent;
}

@media screen and (min-width: 768px) {
  .modContentCampaign::before {
    border-width: 0 15.5px 26px 15.5px;
    top: -13px;
  }
}

@media screen and (max-width: 767px) {
  .modContentCampaign::before {
    border-width: 0 1.5625vw 2.8125vw 1.5625vw;
    top: -2.8125vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentCampaign--BottomArrow {
    margin: 55px auto;
  }
}

@media screen and (max-width: 767px) {
  .modContentCampaign--BottomArrow {
    margin: 8.59375vw 0vw 8.59375vw 0vw;
  }
}

.modContentCampaign--BottomArrow::before {
  content: "";
  display: block;
  position: absolute;
  top: initial;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #D5A773 transparent transparent transparent;
}

@media screen and (min-width: 768px) {
  .modContentCampaign--BottomArrow::before {
    border-width: 26px 15.5px 0 15.5px;
    bottom: -13px;
  }
}

@media screen and (max-width: 767px) {
  .modContentCampaign--BottomArrow::before {
    border-width: 2.8125vw 1.5625vw 0 1.5625vw;
    bottom: -2.34375vw;
  }
}

.modContentCampaign--BottomArrowRight::before {
  border-color: #FFBD3F transparent transparent transparent;
  left: 80%;
}

.modContentCampaign--gold {
  background: -webkit-gradient(linear, left top, right top, from(#F7B837), to(#EBDA59));
  background: linear-gradient(to right, #F7B837 0%, #EBDA59 100%);
  /*&::after{
          background: url(./../img/plans/text_discount.svg) no-repeat 0 0;
          background-size: cover;
          @include m.media_queries(pc){
            width: 203px;
            height: 108px;
            bottom: 25px;
            right: 20px;
          }
          @include m.media_queries(){
            height: m.vw(115);
            bottom: m.vw(25);
            right: m.vw(20);
            padding: 6% 0 0;
          }
        }*/
}

@media screen and (min-width: 768px) {
  .modContentCampaign--gold {
    padding: 41px 40px 33px;
  }
}

@media screen and (max-width: 767px) {
  .modContentCampaign--gold {
    padding: 7.96875vw 4.21875vw 7.34375vw 4.21875vw;
  }
}

.modContentCampaign--gold::before {
  border-color: transparent transparent #F1C948 transparent;
}

.modContentCampaign--gold.modContentCampaign--BottomArrow::before {
  border-color: #F1C948 transparent transparent transparent;
}

@media screen and (min-width: 768px) {
  .modContentCampaign--mtSlide {
    margin: 60px auto 0;
  }
}

@media screen and (max-width: 767px) {
  .modContentCampaign--mtSlide {
    margin: 9.375vw 0vw 3.125vw 0vw;
  }
}

.modContentCampaign__rizekuma {
  position: absolute;
  background: url(./../img/plans/icon_rizekuma_campaign.svg) no-repeat center center;
  background-size: 100% auto;
  z-index: -1;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

@media screen and (min-width: 768px) {
  .modContentCampaign__rizekuma {
    top: 20px;
    right: 148px;
    width: 127px;
    height: 155px;
  }
}

@media screen and (max-width: 767px) {
  .modContentCampaign__rizekuma {
    top: 6.25vw;
    right: 6.25vw;
    width: 17.1875vw;
    height: 21.875vw;
  }
}

.modContentCampaign__rizekuma__hand {
  position: absolute;
  background: url(./../img/plans/icon_rizekuma_campaign_hand.svg) no-repeat center center;
  background-size: 100% auto;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

@media screen and (min-width: 768px) {
  .modContentCampaign__rizekuma__hand {
    top: 80px;
    right: 150px;
    width: 21px;
    height: 46px;
  }
}

@media screen and (max-width: 767px) {
  .modContentCampaign__rizekuma__hand {
    top: 14.0625vw;
    right: 6.5625vw;
    width: 3.28125vw;
    height: 7.1875vw;
  }
}

.modContentCampaign__title {
  font-weight: bold;
  position: relative;
  font-size: 32px;
}

@media screen and (max-width: 767px) {
  .modContentCampaign__title {
    font-size: 5vw;
  }
}

@media screen and (max-width: 767px) {
  .modContentCampaign__title {
    line-height: 1.4;
  }
}

.modContentCampaign__title .arch {
  font-size: 20px;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .modContentCampaign__title .arch {
    font-size: 3.4375vw;
  }
}

.modContentCampaign__title .arch span {
  position: absolute;
  top: 0;
}

.modContentCampaign__title .arch span:nth-child(1) {
  -webkit-transform: rotate(69.5deg) translateY(4vw);
  transform: rotate(69.5deg) translateY(4vw);
}

.modContentCampaign__title .arch span:nth-child(2) {
  -webkit-transform: rotate(77.5deg) translateY(3vw);
  transform: rotate(77.5deg) translateY(3vw);
}

.modContentCampaign__title .arch span:nth-child(3) {
  -webkit-transform: rotate(86deg) translateY(2vw);
  transform: rotate(86deg) translateY(2vw);
}

.modContentCampaign__title .arch span:nth-child(4) {
  -webkit-transform: rotate(95deg) translateY(1vw);
  transform: rotate(95deg) translateY(1vw);
}

.modContentCampaign__title .arch span:nth-child(5) {
  -webkit-transform: rotate(103.5deg) translateY(0vw);
  transform: rotate(103.5deg) translateY(0vw);
}

.modContentCampaign__title .arch span:nth-child(6) {
  -webkit-transform: rotate(112deg) translateY(-1vw);
  transform: rotate(112deg) translateY(-1vw);
}

.modContentCampaign__title .arch span:nth-child(7) {
  -webkit-transform: rotate(120.5deg) translateY(-2vw);
  transform: rotate(120.5deg) translateY(-2vw);
}

.modContentCampaign__title img {
  width: 52.8125vw !important;
  height: auto !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto !important;
}

@media screen and (min-width: 768px) {
  .modContentCampaign__title img {
    width: 326px !important;
    top: -36px;
  }
}

.modContentCampaign__off {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: var(--gray);
  background: var(--white);
  font-weight: bold;
  z-index: 2;
  font-size: 27px;
}

@media screen and (max-width: 767px) {
  .modContentCampaign__off {
    font-size: 6.25vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentCampaign__off {
    width: 716px;
    margin: 10px auto 20px;
    padding: 20px 98px;
    border-radius: 24px;
  }
}

@media screen and (max-width: 767px) {
  .modContentCampaign__off {
    border-radius: 3.75vw;
    margin: 0vw 0vw 4.6875vw 0vw;
    padding: 4.6875vw 0.78125vw 2.34375vw 0.78125vw;
  }
}

.modContentCampaign__off .icon {
  display: inline-block;
  background: url(./../img/plans/icon_arrow_down.svg) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (min-width: 768px) {
  .modContentCampaign__off .icon {
    width: 78px;
    height: 86px;
    margin: 10px 14px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modContentCampaign__off .icon {
    width: 15vw;
    height: 16.875vw;
    margin: 0.9375vw 4.6875vw 0vw 0vw;
  }
}

.modContentCampaign__off .month {
  font-size: 26px;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

@media screen and (max-width: 767px) {
  .modContentCampaign__off .month {
    font-size: 4.375vw;
  }
}

.modContentCampaign__off .num {
  font-weight: normal;
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-size: 76px;
  color: var(--orange);
}

@media screen and (max-width: 767px) {
  .modContentCampaign__off .num {
    font-size: 12.5vw;
  }
}

.modContentCampaign__off .max {
  font-size: 15px;
  padding: 0vw 0.9375vw 0vw 0.9375vw;
  color: var(--pink);
  border: 1px solid var(--pink);
  border-radius: 0.78125vw;
  position: absolute;
  top: 4.0625vw;
  left: -3.75vw;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .modContentCampaign__off .max {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentCampaign__off .max {
    padding: 0 6px;
    border-radius: 5px;
    top: 29px;
    left: -16px;
  }
}

.modContentCampaign__off .ja {
  font-size: 28px;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .modContentCampaign__off .ja {
    font-size: 5vw;
  }
}

.modContentCampaign__off .en {
  font-weight: normal;
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  color: #fff;
  -webkit-text-stroke: 0.3125vw #E8857D;
  text-stroke: 0.3125vw #E8857D;
  vertical-align: -1px;
  font-size: 46px;
  letter-spacing: -0.05em;
}

@media screen and (max-width: 767px) {
  .modContentCampaign__off .en {
    font-size: 11.25vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentCampaign__off .en {
    -webkit-text-stroke: 1px #E8857D;
    text-stroke: 1px #E8857D;
    margin: 0 0 0 2px;
  }
}

@media screen and (max-width: 767px) {
  .modContentCampaign__off .en {
    margin: 0.46875vw 0vw 0vw 0.9375vw;
  }
}

.modContentCampaign__off__area {
  color: var(--gray);
  position: relative;
  line-height: 1.25;
}

@media screen and (min-width: 768px) {
  .modContentCampaign__off__area {
    margin: 14px 0 -10px 0;
  }
}

.modContentCampaign__off__title {
  color: var(--lightRizeGold);
  font-weight: bold;
  width: 100%;
  letter-spacing: 0.1em;
  font-size: 26px;
}

@media screen and (max-width: 767px) {
  .modContentCampaign__off__title {
    font-size: 3.75vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentCampaign__off__title {
    margin: 0 0 -10px;
  }
}

@media screen and (max-width: 767px) {
  .modContentCampaign__off__title {
    margin: 0vw 0vw 0vw 0vw;
  }
}

.modContentCampaign__off__text {
  color: var(--gray);
  font-weight: bold;
  font-size: 26px;
}

@media screen and (max-width: 767px) {
  .modContentCampaign__off__text {
    font-size: 3.75vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentCampaign__off__text {
    margin: -20px 0 -14px 110px;
  }
}

@media screen and (max-width: 767px) {
  .modContentCampaign__off__text {
    margin: -4.6875vw 0vw 2.1875vw 21.875vw;
  }
}

.modContentCampaign__off__total {
  width: 100%;
  font-size: 18px;
  margin: 4.375vw 3.59375vw 0vw 3.59375vw;
  padding: 1.5625vw 0vw 1.875vw 0vw;
  text-align: center;
  background: var(--lightGoldGray);
  border-radius: 1.875vw;
}

@media screen and (max-width: 767px) {
  .modContentCampaign__off__total {
    font-size: 3.75vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentCampaign__off__total {
    margin: 19px 0 0 0;
    padding: 6px;
    border-radius: 12px;
  }
}

.modContentCampaign__off__total .num {
  font-size: 26px;
  color: var(--pink);
}

@media screen and (max-width: 767px) {
  .modContentCampaign__off__total .num {
    font-size: 5vw;
  }
}

.modContentCampaign__off__total .normal {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .modContentCampaign__off__total .normal {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentCampaign__off__total .normal {
    margin: 0 0 0 28px;
  }
}

.modContentCampaign__off__total .normal .num {
  font-size: 18px;
  color: var(--gray);
}

@media screen and (max-width: 767px) {
  .modContentCampaign__off__total .normal .num {
    font-size: 3.4375vw;
  }
}

.modContentCampaign__text {
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .modContentCampaign__text {
    font-size: 3.4375vw;
  }
}

@media screen and (max-width: 767px) {
  .modContentCampaign__text {
    padding: 0vw 1.5625vw 0vw 1.5625vw;
  }
}

.modContentCampaign__text .regular {
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  .modContentCampaign__text .regular {
    font-size: 14px;
  }
}

.modContentCampaign__caution {
  text-align: left;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .modContentCampaign__caution {
    font-size: 2.8125vw;
  }
}

@media screen and (max-width: 767px) {
  .modContentCampaign__caution {
    margin: 2.34375vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentCampaign__caution {
    margin: 2px 0 0 0;
  }
}

.js-text-hide {
  display: none;
}

.swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 22px auto 0;
}

@media screen and (max-width: 767px) {
  .swiper-pagination {
    margin: 6.09375vw auto 0vw auto;
  }
}

.swiper-pagination .swiper-pagination-bullet {
  background: var(--white);
  width: 10px;
  height: 10px;
  border-radius: 3px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .swiper-pagination .swiper-pagination-bullet {
    width: 2vw;
    height: 2vw;
    border-radius: 2px;
  }
}

.swiper-pagination .swiper-pagination-bullet:nth-child(n+2) {
  margin-left: 12px;
}

@media screen and (max-width: 767px) {
  .swiper-pagination .swiper-pagination-bullet:nth-child(n+2) {
    margin: 0vw 0vw 0vw 2.03125vw;
  }
}

.swiper-pagination .swiper-pagination-bullet-active {
  background: var(--orange);
}

.modBlockUsf {
  position: relative;
  display: block;
  will-change: transform;
}

@media screen and (min-width: 768px) {
  .modBlockUsf {
    margin: 48px auto 0;
    width: 177px;
    height: 171px;
  }
}

@media screen and (max-width: 767px) {
  .modBlockUsf {
    margin: 7.5vw auto 0vw auto;
    width: 30.46875vw;
    height: 29.53125vw;
  }
}

.modBlockUsf__text {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
}

@media screen and (min-width: 768px) {
  .modBlockUsf__text {
    top: -10px;
    width: 177px;
    height: 177px;
  }
}

@media screen and (max-width: 767px) {
  .modBlockUsf__text {
    width: 30.46875vw;
    height: 30.46875vw;
    left: -0.96875vw;
  }
}

.modBlockUsf__img {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .modBlockUsf__img {
    top: 13px;
    left: 23px;
    width: 134px;
    height: 125px;
  }
}

@media screen and (max-width: 767px) {
  .modBlockUsf__img {
    top: 3.75vw;
    left: 2.96875vw;
    width: 22.8125vw;
    height: 22.8125vw;
  }
}

.modBlockUsf__img.is-act {
  -webkit-animation: rotation 1.5s ease-in-out 0.5s forwards;
  animation: rotation 1.5s ease-in-out 0.5s forwards;
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }

  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }

  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

.modBlockHello {
  position: relative;
  display: block;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .modBlockHello {
    margin: 50px 0 0;
  }
}

.modBlockHello .rizekuma {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
  .modBlockHello .rizekuma {
    width: 105px;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .modBlockHello .rizekuma {
    width: 15.9375vw;
    height: auto;
    margin: 9.375vw 0vw 0vw 0vw;
  }
}

.modBlockHello .hello {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
  .modBlockHello .hello {
    width: 235px;
    height: 174px;
    margin: -31px 0 0 -140px;
  }
}

@media screen and (max-width: 767px) {
  .modBlockHello .hello {
    width: 36.71875vw;
    height: 26.875vw;
    margin: 2.5vw 0vw 0vw -22.65625vw;
  }
}

@media screen and (min-width: 768px) {
  .modBlockHello+.modReasonBox {
    margin: 295px 0 0 45px;
  }
}

@media screen and (max-width: 767px) {
  .modBlockHello+.modReasonBox {
    margin: 49.6875vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modBlockReason .modSection__inner {
    padding: 42px 70px 70px;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .modSection__inner {
    padding: 7.8125vw 5.46875vw 12.5vw 5.46875vw;
  }
}

@media screen and (min-width: 768px) {
  .modBlockReason .modSection__inner--attempt {
    padding: 68px 120px 92px;
    margin: 95px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .modSection__inner--attempt {
    margin: 16.40625vw 0vw 0vw 0vw;
    padding: 7.8125vw 5.46875vw 5.46875vw 5.46875vw;
  }
}

.modBlockReason__title {
  color: var(--lightRizeGold);
  font-weight: bold;
  font-size: 26px;
  line-height: 1.6153846154;
  letter-spacing: 0.1em;
  position: relative;
}

@media screen and (max-width: 767px) {
  .modBlockReason__title {
    font-size: 5vw;
  }
}

.modBlockReason__title::before,
.modBlockReason__title::after {
  content: "";
  display: block;
  position: absolute;
}

.modBlockReason__title::before {
  background: url(./../img/top/icon_comma01.png) no-repeat center center;
  background-size: 100% auto;
}

.modBlockReason__title::after {
  background: url(./../img/top/icon_comma02.png) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (max-width: 767px) {
  .modBlockReason__title {
    padding: 1.5625vw 2.8125vw 1.5625vw 2.8125vw;
  }

  .modBlockReason__title--center {
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .modBlockReason__title {
    margin: 0 45px;
  }
}

.modBlockReason__title .emp {
  color: var(--orange);
}

@media screen and (min-width: 768px) {
  .modBlockReason__title::before {
    width: 76px;
    height: 69px;
    top: -81px;
    left: -63px;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason__title::before {
    width: 17.5vw;
    height: 15vw;
    top: -17.5vw;
    left: -4.375vw;
  }
}

@media screen and (min-width: 768px) {
  .modBlockReason__title::after {
    width: 91px;
    height: 81px;
    right: -31px;
    top: 21px;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason__title::after {
    width: 20.3125vw;
    height: 16.40625vw;
    right: -0.9375vw;
    bottom: -19.84375vw;
  }
}

.modBlockReason__text {
  font-weight: bold;
  font-size: 16px;
  line-height: 2;
  letter-spacing: -0.02em;
}

@media screen and (max-width: 767px) {
  .modBlockReason__text {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modBlockReason__text {
    margin: 64px 45px 0;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason__text {
    margin: 19.53125vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modBlockReason__text--top {
    margin-top: 45px;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason__text--top {
    margin: 3.125vw 0vw 0vw 0vw;
  }
}

.modBlockReason .reason {
  position: relative;
}

@media screen and (min-width: 768px) {
  .modBlockReason .reason {
    margin: 100px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason {
    margin: 18.75vw 0vw 0vw 0vw;
  }
}

.modBlockReason .reason__head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__head {
    padding-bottom: 3.125vw;
    border-bottom: 0.46875vw solid var(--white);
    margin: 0vw 0vw 5.46875vw 0vw;
  }
}

.modBlockReason .reason__head::before,
.modBlockReason .reason__head::after {
  content: "";
  display: block;
  position: absolute;
  background: var(--orange);
}

@media screen and (min-width: 768px) {

  .modBlockReason .reason__head::before,
  .modBlockReason .reason__head::after {
    top: 185px;
    left: calc(50% - 40px);
    width: 80px;
    height: 1px;
  }
}

@media screen and (max-width: 767px) {

  .modBlockReason .reason__head::before,
  .modBlockReason .reason__head::after {
    bottom: 63.4375vw;
    left: calc(50% - 4.21875vw);
    width: 12.5vw;
    height: 1px;
  }
}

.modBlockReason .reason__head::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modBlockReason .reason__head::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modBlockReason .reason__head__item {
  position: relative;
  width: 50%;
}

@media screen and (min-width: 768px) {
  .modBlockReason .reason__head__item {
    pointer-events: none;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__head__item {
    cursor: pointer;
  }

  .modBlockReason .reason__head__item::after {
    content: "";
    display: block;
    position: absolute;
    width: 68%;
    height: 0.46875vw;
    background: var(--orange);
    left: 15%;
    bottom: -3.59375vw;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__head__item:first-child.swiper-slide-thumb-active::after {
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__head__item:last-child.swiper-slide-thumb-active::after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .modBlockReason .reason__head__item.swiper-slide-thumb-active .title {
    color: var(--lightRizeGold);
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .modBlockReason .reason__head__item.swiper-slide-thumb-active .img img {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
  }
}

.modBlockReason .reason__head__item .title {
  color: var(--lightRizeGold);
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.35;
  letter-spacing: 0.3em;
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__head__item .title {
    font-size: 4.375vw;
  }
}

@media screen and (min-width: 768px) {
  .modBlockReason .reason__head__item .title {
    margin: 0 0 30px;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__head__item .title {
    color: var(--lightGray);
    margin: 0vw 0vw 3.90625vw 0vw;
  }
}

.modBlockReason .reason__head__item .title .emp {
  font-size: 25px;
  line-height: 1.32;
  letter-spacing: 0.3em;
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__head__item .title .emp {
    font-size: 5.3125vw;
  }
}

.modBlockReason .reason__head__item .title .emp .num {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-size: 32px;
}

.modBlockReason .reason__head__item .img {
  display: block;
}

@media screen and (min-width: 768px) {
  .modBlockReason .reason__head__item .img {
    min-height: 305px;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__head__item .img {
    min-height: 53.90625vw;
  }
}

.modBlockReason .reason__head__item .img img {
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__head__item .img img {
    -webkit-filter: grayscale(100%) sepia(10%);
    filter: grayscale(100%) sepia(10%);
  }
}

.modBlockReason .reason__head__item .img--staff img {
  height: auto;
}

@media screen and (min-width: 768px) {
  .modBlockReason .reason__head__item .img--staff img {
    width: 130px;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__head__item .img--staff img {
    width: 27.65625vw;
  }
}

.modBlockReason .reason__head__item .img--machine img {
  height: auto;
}

@media screen and (min-width: 768px) {
  .modBlockReason .reason__head__item .img--machine img {
    width: 191px;
    height: 251px;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__head__item .img--machine img {
    width: 30.3125vw;
  }
}

.modBlockReason .reason__head__item:last-child .title {
  padding-left: 2.34375vw;
}

.modBlockReason .reason__head .swiper-wrapper {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.modBlockReason .reason__head--show {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {

  .modBlockReason .reason__head--show::before,
  .modBlockReason .reason__head--show::after {
    bottom: 10.9375vw;
  }
}

@media screen and (min-width: 768px) {
  .modBlockReason .reason__head--show .reason__head__item {
    width: auto;
    padding: 0 6%;
  }
}

.modBlockReason .reason__head--show .reason__head__item::after {
  display: none;
}

.modBlockReason .reason__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .modBlockReason .reason__body {
    pointer-events: none;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__body {
    overflow-y: hidden;
    overflow-x: hidden;
    padding-top: 28px;
  }
}

.modBlockReason .reason__body__item {
  position: relative;
  color: var(--white);
  background: var(--gray);
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .modBlockReason .reason__body__item {
    border-radius: 24px;
    padding: 52px 20px 175px;
    min-height: 614px;
    margin: 0 auto !important;
    width: calc(50% - 95px) !important;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__body__item {
    border-radius: 3.75vw;
    padding: 7.03125vw 5.9375vw 7.8125vw 5.9375vw;
  }
}

.modBlockReason .reason__body__item::before {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 15px);
  top: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15.5px 26px 15.5px;
  border-color: transparent transparent var(--gray) transparent;
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__body__item::before {
    top: -25px;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__body__item--professional::before {
    left: calc(25% - 3.4375vw);
  }
}

.modBlockReason .reason__body__item--professional::after {
  content: "";
  position: absolute;
  display: block;
  right: -12px;
  bottom: 82px;
  width: 227px;
  height: 131px;
  background: url(./../img/whatwedo/text_professional.svg) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__body__item--professional::after {
    bottom: 10.46875vw;
    width: 48.4375vw;
    height: 27.65625vw;
    right: -2.8125vw;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__body__item--effect::before {
    left: calc(25% - 3.4375vw);
  }
}

.modBlockReason .reason__body__item--effect::after {
  content: "";
  position: absolute;
  display: block;
  right: -2px;
  bottom: 66px;
  width: 153px;
  height: 82px;
  background: url(./../img/whatwedo/text_effect.svg) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__body__item--effect::after {
    bottom: 6.25vw;
    width: 29.84375vw;
    right: 0;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__body__item--machine::before {
    left: auto;
    right: calc(25% - 3.4375vw);
  }
}

.modBlockReason .reason__body__item--machine::after {
  content: "";
  position: absolute;
  display: block;
  right: 0;
  bottom: 132px;
  width: 165px;
  height: 57px;
  background: url(./../img/whatwedo/text_machine.svg) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__body__item--machine::after {
    bottom: 10.46875vw;
    width: 39.0625vw;
    height: 27.65625vw;
    right: -2.8125vw;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__body__item--select::before {
    left: auto;
    right: calc(25% - 3.4375vw);
  }
}

.modBlockReason .reason__body__item--select::after {
  content: "";
  position: absolute;
  display: block;
  right: 0;
  bottom: -6px;
  width: 164px;
  height: 121px;
  background: url(./../img/whatwedo/text_select.svg) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__body__item--select::after {
    bottom: 1.5625vw;
    width: 39.0625vw;
    height: 27.65625vw;
    right: -2.8125vw;
  }
}

.modBlockReason .reason__body__item .title {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__body__item .title {
    font-size: 5vw;
  }
}

.modBlockReason .reason__body__item .title .emp {
  color: var(--orange);
}

.modBlockReason .reason__body__item .text {
  font-weight: bold;
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__body__item .text {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modBlockReason .reason__body__item .text {
    margin: 35px 0 0;
    padding: 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__body__item .text {
    margin: 7.5vw 0vw 0vw 0vw;
    padding: 0;
    line-height: 1.85;
  }
}

.modBlockReason .reason__body__item .modBtn {
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__body__item .modBtn {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modBlockReason .reason__body__item .modBtn {
    pointer-events: initial;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__body__item .modBtn {
    padding: 2.8125vw 0vw 2.8125vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modBlockReason .reason__body__item .modBtnWrap {
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -162px;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__body__item .modBtnWrap {
    margin: 12.5vw 0vw 0vw 0vw;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason__body__item {
    height: 113.5vw;
    padding: 7.34375vw 5.9375vw 7.8125vw 5.9375vw;
  }

  .modBlockReason .reason__body__item .text {
    line-height: 1.82;
  }

  .modBlockReason .reason__body__item .modBtnWrap {
    margin: 0;
    position: absolute;
    bottom: 8.90625vw;
    left: 5.9375vw;
    width: calc(100% - 11.875vw);
  }

  .modBlockReason .reason__body__item.reason__body__item--machine .title {
    line-height: 1.5;
  }

  .modBlockReason .reason__body__item.reason__body__item--machine .text {
    margin: 4.6875vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modBlockReason .reason__box {
    width: 432px;
  }
}

@media screen and (max-width: 767px) {

  .modBlockReason .reason--plan .reason__head--show::before,
  .modBlockReason .reason--plan .reason__head--show::after {
    bottom: 43.75vw;
    left: calc(50% - 5.78125vw);
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason--plan .reason__head__item .img--machine img {
    margin: 0vw 0vw 0vw 10vw;
    width: 29.84375vw;
  }
}

@media screen and (max-width: 767px) {
  .modBlockReason .reason--plan .reason__head__item .img {
    min-height: unset;
  }
}

.plansOutline {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .plansOutline {
    width: 1054px;
    margin: 75px auto 0;
    border-radius: 20px;
  }
}

@media screen and (max-width: 767px) {
  .plansOutline {
    margin: 0vw 5.15625vw 0vw 5.15625vw;
    border-radius: 3.125vw;
  }
}

@media screen and (min-width: 768px) {
  .plansOutline--top {
    margin-top: 130px;
  }
}

@media screen and (max-width: 767px) {
  .plansOutline--top {
    margin: 15.625vw 5.15625vw 0vw 5.15625vw;
  }
}

@media screen and (min-width: 768px) {
  .plansOutline--bottom {
    margin-top: 160px;
  }
}

@media screen and (max-width: 767px) {
  .plansOutline--bottom {
    margin: 23.4375vw 5.15625vw 0vw 5.15625vw;
  }
}

@media screen and (min-width: 768px) {
  .plansOutline .modBox {
    padding: 35px 96px 40px;
  }
}

@media screen and (max-width: 767px) {
  .plansOutline .modBox {
    padding: 6.09375vw 5.15625vw 6.09375vw 5.15625vw;
  }
}

.plansOutline__title {
  color: var(--lightRizeGold);
  font-weight: bold;
  margin: 0 0 14px;
  font-size: 25px;
}

@media screen and (max-width: 767px) {
  .plansOutline__title {
    font-size: 5vw;
  }
}

@media screen and (max-width: 767px) {
  .plansOutline__title {
    margin: 0vw 0vw 1.5625vw 0vw;
  }
}

.plansOutline__title--pink {
  color: var(--pink);
}

.plansOutline__title .icon {
  display: inline-block;
  background: url(./../img/plans/icon_arrow_down.svg) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (min-width: 768px) {
  .plansOutline__title .icon {
    width: 34px;
    height: 38px;
    vertical-align: bottom;
    margin: 0 8px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .plansOutline__title .icon {
    width: 6.40625vw;
    height: 7.1875vw;
    vertical-align: sub;
  }
}

.plansOutline__thumb {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--lightGoldGray);
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .plansOutline__thumb {
    border-radius: 10px;
    width: 600px;
    background: #fff;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .plansOutline__thumb {
    border-radius: 1.5625vw;
    width: 12.5vw;
    height: 12.5vw;
  }
}

.plansOutline__thumb__img {
  width: auto;
}

.plansOutline__thumb__img img {
  border-radius: 30px;
}

@media screen and (max-width: 767px) {
  .plansOutline__thumb__img {
    height: 12.5vw;
  }
}

.plansOutline__thumbList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
    width: 80%;
    gap: 1rem;
}

.plansOutline__thumbList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--lightGoldGray);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .plansOutline__thumbList li {
    border-radius: 10px;
    width: 63px;
    height: 63px;
  }
}

@media screen and (max-width: 767px) {
  .plansOutline__thumbList li {
    border-radius: 1.5625vw;
    width: 12.5vw;
    height: 12.5vw;
  }
}

@media screen and (min-width: 768px) {
  .plansOutline__thumbList li:nth-child(n+2) {
    margin: 0 0 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .plansOutline__thumbList li:nth-child(n+2) {
    margin: 0vw 0vw 0vw 3.125vw;
  }
}

.plansOutline__thumbList__img {
  width: auto;
}

@media screen and (min-width: 768px) {
  .plansOutline__thumbList__img {
    height: 63px;
  }
}

@media screen and (max-width: 767px) {
  .plansOutline__thumbList__img {
    height: 12.5vw;
  }
}

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

.plansOutlineList__item {
  margin: 0 10px;
}

@media screen and (min-width: 768px) {
  .plansOutlineList__item {
    width: 63px;
  }
}

@media screen and (max-width: 767px) {
  .plansOutlineList__item {
    width: 12.5vw;
  }
}

@media screen and (min-width: 768px) {
  .plansOutlineList--half .plansOutline__thumbList__item {
    margin: 0 21%;
  }
}

@media screen and (max-width: 767px) {
  .plansOutlineList--half .plansOutline__thumbList__item {
    margin: 0 17%;
  }
}

.plansOutline__pay {
  border-top: 1px solid var(--lightRizeGold);
}

@media screen and (min-width: 768px) {
  .plansOutline__pay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 25px 0 0;
    padding: 25px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .plansOutline__pay {
    margin: 2.8125vw 0vw 0vw 0vw;
    padding: 2.65625vw 0vw 0vw 0vw;
  }
}

.plansOutline__pay__course {
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.01em;
}

@media screen and (max-width: 767px) {
  .plansOutline__pay__course {
    font-size: 4.375vw;
  }
}

@media screen and (min-width: 768px) {
  .plansOutline__pay__course {
    margin: 0 65px -15px 0;
  }
}

.plansOutline__pay__course .num {
  font-weight: normal;
  font-size: 28px;
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
}

@media screen and (max-width: 767px) {
  .plansOutline__pay__course .num {
    font-size: 7.1875vw;
  }
}

.plansOutline__pay__course .num--pink {
  color: var(--pink);
}

.plansOutline__pay__price {
  position: relative;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .plansOutline__pay__price .icon {
    width: 86px;
  }
}

@media screen and (max-width: 767px) {
  .plansOutline__pay__price .icon {
    width: 17.1875vw;
  }
}

.plansOutline__pay__price .num {
  color: var(--orange);
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-weight: normal;
  font-size: 50px;
  letter-spacing: -0.05em;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .plansOutline__pay__price .num {
    font-size: 10.625vw;
  }
}

.plansOutline__pay__price .month {
  font-weight: bold;
  vertical-align: baseline;
  font-size: 17px;
}

@media screen and (max-width: 767px) {
  .plansOutline__pay__price .month {
    font-size: 4.21875vw;
  }
}

.plansOutline__pay__price .rate {
  position: absolute;
  bottom: 0;
  right: 0;
  font-weight: bold;
  padding: 0 0 9%;
  font-size: 14px;
  color: var(--lightRizeGold);
}

@media screen and (max-width: 767px) {
  .plansOutline__pay__price .rate {
    font-size: 3.125vw;
  }
}

.plansOutline__pay__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.plansOutline__pay__wrapper .plansOutline__pay {
  display: block;
  width: 50%;
}

@media screen and (min-width: 768px) {
  .plansOutline__pay__wrapper .plansOutline__pay {
    text-align: center;
  }

  .plansOutline__pay__wrapper .plansOutline__pay+.plansOutline__pay {
    position: relative;
  }

  .plansOutline__pay__wrapper .plansOutline__pay+.plansOutline__pay::before {
    content: "";
    display: block;
    width: 1px;
    height: 70%;
    position: absolute;
    top: 60%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: var(--lightRizeGold);
  }
}

.plansOutline__pay__wrapper .plansOutline__pay__course {
  margin: 0;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .plansOutline__pay__wrapper .plansOutline__pay__course {
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 768px) {
  .plansOutline__pay__wrapper .plansOutline__pay__course {
    margin-bottom: 20px;
  }
}

.plansOutline__pay__wrapper .plansOutline__pay__inner {
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .plansOutline__pay__wrapper .plansOutline__pay__price .num {
    font-size: 6.875vw;
  }
}

@media screen and (max-width: 767px) {
  .plansOutline__pay__wrapper .plansOutline__pay__price .month {
    font-size: 2.8125vw;
  }
}

.plansOutline__text {
  border-top: 1px solid var(--lightRizeGold);
  margin: 15px 0 0;
  padding: 25px 0 0;
}

@media screen and (max-width: 767px) {
  .plansOutline__text {
    margin: 2.34375vw 0vw 0vw 0vw;
    padding: 3.90625vw 0vw 0vw 0vw;
  }
}

.plansOutline__text .perOne {
  text-align: center;
  background: var(--lightGoldGray);
  padding: 5px 5px;
  line-height: 1.5;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .plansOutline__text .perOne {
    font-size: 2.8125vw;
  }
}

@media screen and (max-width: 767px) {
  .plansOutline__text .perOne {
    padding: 0.78125vw 0vw 0.78125vw 0vw;
  }
}

.plansOutline__text .perOne .bold {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .plansOutline__text .perOne--1row {
    padding: 17px 5px;
  }
}

@media screen and (max-width: 767px) {
  .plansOutline__text .perOne--1row {
    padding: 2.890625vw 0vw 2.890625vw 0vw;
  }
}

.plansOutline__text .caution {
  text-align: left;
  line-height: 1.4285714286;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .plansOutline__text .caution {
    font-size: 2.8125vw;
  }
}

@media screen and (min-width: 768px) {
  .plansOutline__text .caution {
    margin: 30px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .plansOutline__text .caution {
    margin: 2.03125vw 0vw 0vw 0vw;
  }
}

.plansOutline__text .modBtnWrap {
  margin: 29px 0 0;
}

@media screen and (max-width: 767px) {
  .plansOutline__text .modBtnWrap {
    margin: 5.3125vw 0vw 0vw 0vw;
  }
}

.plansOutline__text .modBtnWrap .modBtn {
  padding: 14px 0;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .plansOutline__text .modBtnWrap .modBtn {
    font-size: 3.75vw;
  }
}

@media screen and (max-width: 767px) {
  .plansOutline__text .modBtnWrap .modBtn {
    padding: 3.125vw 0vw 3.125vw 0vw;
  }
}

@media screen and (max-width: 767px) {
  .plansOutline--needle {
    margin: 6.25vw 5.15625vw 0vw 5.15625vw;
  }
}

@media screen and (min-width: 768px) {
  .plansPoint {
    max-width: 100vw;
    margin: 175px auto 0;
  }
}

@media screen and (max-width: 767px) {
  .plansPoint {
    margin: 12.5vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .plansPoint .modSection__title {
    margin: 0 0 175px;
  }
}

@media screen and (max-width: 767px) {
  .plansPoint .modSection__title {
    margin: 0vw 0vw 24.21875vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .plansPoint .modBox {
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px) {
  .plansPoint .modBox .text {
    padding: 0 20px;
  }
}

.plansPoint .modBox .modBtnWrap {
  margin: 36px 0 0;
}

@media screen and (max-width: 767px) {
  .plansPoint .modBox .modBtnWrap {
    margin: 5.625vw 0vw 0vw 0vw;
  }
}

.colSlide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .colSlide {
    font-size: 2.8125vw;
  }
}

@media screen and (min-width: 768px) {
  .colSlide {
    margin: 70px auto 0 auto;
    padding-right: 47px;
  }
}

@media screen and (max-width: 767px) {
  .colSlide {
    padding: 0vw 5.3125vw 0vw 5.3125vw;
    margin: auto;
  }
}

@media screen and (max-width: 767px) {
  .colSlide__cont {
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 6.25vw 0vw 0vw 0vw;
  }
}

@media screen and (max-width: 767px) {
  .colSlide__item {
    width: 35.9375vw;
  }
}

@media screen and (min-width: 768px) {
  .colSlide__item:nth-child(n+2) {
    margin: 0 0 0 50px;
  }
}

@media screen and (max-width: 767px) {
  .colSlide__item:nth-child(n+2) {
    margin: 0vw 0vw 0vw 4.6875vw;
  }
}

.colSlide__item__name {
  color: var(--white);
  background-color: var(--lightRizeGold);
  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;
  text-align: center;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .colSlide__item__name {
    height: 54px;
    line-height: 1.2;
    border-radius: 27px;
    margin: 15px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .colSlide__item__name {
    height: 10.9375vw;
    border-radius: 6.25vw;
    margin: 3.59375vw 0vw 3.125vw 0vw;
  }
}

.colSlide__item__img {
  height: 294px;
  display: block;
}

@media screen and (max-width: 767px) {
  .colSlide__item__img {
    height: 67.1875vw;
  }
}

.colSlide__item__img img {
  height: 100%;
}

@media screen and (min-width: 768px) {
  .colSlide__item__img img {
    -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    border-radius: 24px;
  }
}

@media screen and (max-width: 767px) {
  .colSlide__item__img img {
    -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    border-radius: 3.75vw;
  }
}

.colSlide__item__title {
  text-align: center;
  font-weight: bold;
  color: var(--lightRizeGold);
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .colSlide__item__title {
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 768px) {
  .colSlide__item__title {
    margin: 0 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .colSlide__item__title {
    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;
    min-height: 5.46875vw;
    margin: 0vw 0vw 1.5625vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .colSlide--other {
    margin: 90px auto 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .colSlide--other {
    margin: 0vw auto 0vw auto;
  }

  .colSlide--other .colSlide__item__title {
    min-height: 10vw;
  }
}

.colSlide--pain .colSlide__item__img img {
  height: auto;
}

@media screen and (min-width: 768px) {
  .colSlide--pain .colSlide__item__img img {
    width: 157px;
  }
}

@media screen and (max-width: 767px) {
  .colSlide--pain .colSlide__item__img img {
    width: 35.9375vw;
  }
}

@media screen and (max-width: 767px) {
  .colSlide--pain .colSlide__item:nth-child(n+2) {
    margin: 0vw 0vw 0vw 11.25vw;
  }
}

.topRecommendBox {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -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;
}

@media screen and (min-width: 768px) {
  .topRecommendBox {
    border-radius: 60px 0 0 60px;
    -webkit-box-shadow: 0 0 60px rgba(242, 228, 194, 0.8);
    box-shadow: 0 0 60px rgba(242, 228, 194, 0.8);
  }
}

@media screen and (max-width: 767px) {
  .topRecommendBox {
    border-radius: 9.3vw 0 0 9.3vw;
    -webkit-box-shadow: 0 0 9.3vw rgba(242, 228, 194, 0.8);
    box-shadow: 0 0 9.3vw rgba(242, 228, 194, 0.8);
    bottom: 29.21875vw;
  }
}

.topRecommendBox__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  .topRecommendBox.is-hide {
    -webkit-transform: translateX(120px);
    transform: translateX(120px);
  }
}

@media screen and (max-width: 767px) {
  .topRecommendBox.is-hide {
    -webkit-transform: translateX(26.25vw);
    transform: translateX(26.25vw);
  }
}

.topRecommendBox.is-anim {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.topRecommendBox.is-bottom,
.topRecommendBox.is-top {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.topRecommendBox__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1.25vw 0;
  color: var(--pink);
  background: var(--midGoldGray);
  font-weight: bold;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .topRecommendBox__head {
    font-size: 2.1875vw;
  }
}

@media screen and (min-width: 768px) {
  .topRecommendBox__head {
    padding: 12px 0;
    border-radius: 60px 0 0 60px;
    width: 25px;
    cursor: pointer;
  }
}

@media screen and (max-width: 767px) {
  .topRecommendBox__head {
    border-radius: 9.3vw 0 0 9.3vw;
    width: 5.625vw;
  }
}

@media screen and (min-width: 768px) {
  .topRecommendBox__head img {
    width: 15px;
    height: 19px;
    margin: 3px 0 0 3px;
  }
}

@media screen and (max-width: 767px) {
  .topRecommendBox__head img {
    width: 3.84vw;
    height: 4.87vw;
    margin: 2.05vw 0 0 0.76vw;
  }
}

.topRecommendBox__body {
  background: var(--white);
  line-height: 1.2;
}

@media screen and (min-width: 768px) {
  .topRecommendBox__body {
    width: 120px;
    padding: 14px 0 8px 0;
  }
}

@media screen and (max-width: 767px) {
  .topRecommendBox__body {
    width: 26.25vw;
    padding: 2.8125vw 0vw 1.953125vw 0vw;
  }
}

.topRecommendBox__body .parts {
  color: var(--lightRizeGold);
  font-weight: bold;
  text-align: center;
  font-size: 8px;
  letter-spacing: 0.1em;
  line-height: 1.3333333333;
}

@media screen and (max-width: 767px) {
  .topRecommendBox__body .parts {
    font-size: 1.875vw;
  }
}

.topRecommendBox__body .price {
  font-weight: bold;
  color: var(--pink);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 9px;
}

@media screen and (max-width: 767px) {
  .topRecommendBox__body .price {
    font-size: 2.1875vw;
  }
}

@media screen and (min-width: 768px) {
  .topRecommendBox__body .price {
    padding: 0 10px 0 7px;
  }
}

@media screen and (max-width: 767px) {
  .topRecommendBox__body .price {
    padding: 1.25vw 0vw 0vw -2.34375vw;
  }
}

.topRecommendBox__body .price .icon {
  background: url(./../img/plans/icon_arrow_down.svg) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (min-width: 768px) {
  .topRecommendBox__body .price .icon {
    width: 42px;
    height: 45px;
    margin: 0px 12px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .topRecommendBox__body .price .icon {
    width: 9.53125vw;
    height: 10.46875vw;
    margin: 0vw 1.25vw 0vw 0vw;
  }
}

.topRecommendBox__body .price .max {
  font-size: 10px;
  padding: 0vw 0.46875vw 0vw 0.46875vw;
  color: var(--pink);
  border: 0.15625vw solid var(--pink);
  border-radius: 0.46875vw;
  position: absolute;
  top: 0.46875vw;
  left: -2.03125vw;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .topRecommendBox__body .price .max {
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 768px) {
  .topRecommendBox__body .price .max {
    padding: 0 2px;
    border: 1px solid var(--pink);
    border-radius: 3px;
    top: 2px;
    left: -14px;
    line-height: 1.25;
  }
}

.topRecommendBox__body .price .num {
  font-weight: normal;
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-size: 38px;
}

@media screen and (max-width: 767px) {
  .topRecommendBox__body .price .num {
    font-size: 7.8125vw;
  }
}

@media screen and (max-width: 767px) {
  .topRecommendBox__body .price .num {
    margin: 0vw 0.46875vw 0vw 0.46875vw;
  }
}

.topRecommendBox__body .price .ja {
  display: inline-block;
  color: var(--pink);
}

.topRecommendBox__body .price .en {
  display: inline-block;
  color: #fff;
  -webkit-text-stroke: 1px #E8857D;
  text-stroke: 1px #E8857D;
  font-size: 26px;
}

@media screen and (max-width: 767px) {
  .topRecommendBox__body .price .en {
    font-size: 5.625vw;
  }
}

@media screen and (min-width: 768px) {
  .topRecommendBox__body .price .en {
    margin: 2px 0 5px 12px;
  }
}

@media screen and (max-width: 767px) {
  .topRecommendBox__body .price .en {
    margin: 0vw 0vw 0vw 3.125vw;
  }
}

.topRecommendBox__body .month {
  font-weight: bold;
  text-align: center;
  font-size: 10px;
}

@media screen and (max-width: 767px) {
  .topRecommendBox__body .month {
    font-size: 2.1875vw;
  }
}

@media screen and (max-width: 767px) {
  .topRecommendBox__body .month {
    text-align: center;
    padding: 0vw 0vw 0vw 0.3125vw;
  }
}

.topRecommendBox .modContentCampaign__off__area {
  font-size: 10px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .topRecommendBox .modContentCampaign__off__area {
    font-size: 2.1875vw;
  }
}

@media screen and (min-width: 768px) {
  .topRecommendBox .modContentCampaign__off__area {
    margin: 6px auto 0;
    line-height: 1.5;
  }
}

@media screen and (max-width: 767px) {
  .topRecommendBox .modContentCampaign__off__area {
    margin: 1.25vw auto;
  }
}

.topRecommendBox .modContentCampaign__off__area .img {
  display: block;
  margin: 0 auto;
  width: 11.875vw;
  margin-top: 0.3125vw;
}

@media screen and (min-width: 768px) {
  .topRecommendBox .modContentCampaign__off__area .img {
    width: 56px;
    margin-top: 5px;
  }
}

.topRecommendBox .modContentCampaign__off__btn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
  color: var(--white);
  background: var(--gray);
  border-radius: 50px;
  font-size: 11px;
}

@media screen and (max-width: 767px) {
  .topRecommendBox .modContentCampaign__off__btn {
    font-size: 2.5vw;
  }
}

@media screen and (min-width: 768px) {
  .topRecommendBox .modContentCampaign__off__btn {
    margin-top: 8px;
    padding: 4px 0 6px;
  }
}

@media screen and (max-width: 767px) {
  .topRecommendBox .modContentCampaign__off__btn {
    margin: 0.625vw 2.1875vw;
    padding: 0.625vw 0vw 0.9375vw 0vw;
  }
}

.top__counselingBtn {
  position: fixed;
  display: block;
  left: 0;
  bottom: 6.25vw;
  width: 56.5625vw;
  z-index: 10;
  padding: 3.125vw 0vw 3.125vw 0vw;
  border-radius: 0 9.3vw 9.3vw 0;
}

@media screen and (max-width: 767px) {
  .top__counselingBtn {
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 768px) {
  .top__counselingBtn {
    display: none;
  }
}

.top__counselingBtn .icon {
  display: inline-block;
  vertical-align: middle;
  background: url(./../img/common/icon_calendar.svg) no-repeat center center;
  background-size: 100% auto;
  width: 3vw;
  height: 3vw;
  margin: -0.625vw 3.59375vw 0vw 0vw;
}

.modImg404 {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .modImg404 {
    margin: 50px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .modImg404 {
    margin: 7.8125vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modImg404 img {
    max-width: 10%;
  }
}

@media screen and (max-width: 767px) {
  .modImg404 img {
    max-width: 23%;
  }
}

@media screen and (max-width: 767px) {
  .topColumnSlider .modListColumn.swiper-wrapper {
    height: auto;
  }

  .topColumnSlider .modListColumn__item__title {
    height: 17.8125vw;
  }

  .topColumnSlider .modListColumn .picture {
    height: 31.25vw;
  }

  .topColumnSlider .modListColumn img {
    width: 100%;
    height: 31.25vw;
  }
}

@media screen and (min-width: 768px) {
  .price__cost {
    max-width: 964px;
    margin: 44px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (min-width: 768px) {
  .price__cost .imgBlock {
    width: 411px;
  }
}

.price__cost__cont {
  background-color: var(--lightGoldGray);
  border-radius: 20px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .price__cost__cont {
    width: 800px;
    margin: 0 auto;
    padding: 43px 37px 40px;
  }
}

@media screen and (max-width: 767px) {
  .price__cost__cont {
    margin: 3.125vw 5.3125vw 0vw 5.3125vw;
    padding: 7.03125vw 6.25vw 6.25vw 6.25vw;
  }
}

.price__cost__name {
  font-size: 20px;
  font-weight: bold;
  border-bottom: solid 1px var(--lightGray);
}

@media screen and (max-width: 767px) {
  .price__cost__name {
    font-size: 4.375vw;
  }
}

@media screen and (min-width: 768px) {
  .price__cost__name {
    padding: 0 0 26px 0;
  }
}

@media screen and (max-width: 767px) {
  .price__cost__name {
    padding: 0vw 0vw 3.90625vw 0vw;
  }
}

.price__cost__info {
  margin: 19px 0 0;
}

@media screen and (max-width: 767px) {
  .price__cost__info {
    margin: 3.90625vw 0vw 0vw 0vw;
  }
}

.price__cost .quantity {
  font-weight: bold;
  color: var(--lightRizeGold);
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .price__cost .quantity {
    font-size: 3.125vw;
  }
}

.price__cost .cost__inner {
  font-weight: bold;
  font-size: 40px;
}

@media screen and (max-width: 767px) {
  .price__cost .cost__inner {
    font-size: 6.25vw;
  }
}

@media screen and (min-width: 768px) {
  .price__cost .cost__inner {
    margin: -8px 0 0;
  }
}

.price__cost .cost__inner__yen {
  font-weight: bold;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .price__cost .cost__inner__yen {
    font-size: 3.125vw;
  }
}

.price__cost__caution {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .price__cost__caution {
    font-size: 2.8125vw;
  }
}

@media screen and (min-width: 768px) {
  .price__cost__caution {
    margin: 20px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .price__cost__caution {
    margin: 3.125vw 0vw 0vw 0vw;
  }
}

.attempt__title {
  text-align: center;
  color: var(--lightRizeGold);
  font-size: 26px;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
  .attempt__title {
    font-size: 5vw;
  }
}

@media screen and (max-width: 767px) {
  .attempt__title {
    line-height: 1.4375;
    letter-spacing: 0em;
  }
}

.attempt__title .title__emp {
  color: var(--orange);
}

.attempt__list {
  margin: 49px 0 0;
}

@media screen and (max-width: 767px) {
  .attempt__list {
    margin: 9.375vw 0vw 0vw 0vw;
  }
}

.attempt__list__item {
  position: relative;
  color: var(--white);
  background: var(--gray);
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .attempt__list__item {
    border-radius: 24px;
    padding: 40px 20px;
    margin: 0 auto;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .attempt__list__item {
    padding: 5.46875vw 5.9375vw 5.46875vw 5.9375vw;
    border-radius: 3.75vw;
  }
}

.attempt__list__item+.attempt__list__item {
  margin: 40px 0 0 0;
}

@media screen and (max-width: 767px) {
  .attempt__list__item+.attempt__list__item {
    margin: 4.6875vw 0vw 0vw 0vw;
  }
}

.attempt__list__item .title {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .attempt__list__item .title {
    font-size: 4.375vw;
  }
}

@media screen and (max-width: 767px) {
  .attempt__list__item .title {
    letter-spacing: 0em;
  }
}

.attempt__list__item .title .emp {
  color: var(--orange);
}

.attempt__list__item .text {
  font-weight: bold;
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .attempt__list__item .text {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .attempt__list__item .text {
    margin: 22px 0 0;
    padding: 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .attempt__list__item .text {
    margin: 0.78125vw 0vw 0vw 0vw;
    padding: 0;
    line-height: 1.85;
  }
}

.plainTxt {
  font-weight: bold;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .plainTxt {
    width: 960px;
    margin: 70px auto 60px;
  }
}

@media screen and (max-width: 767px) {
  .plainTxt {
    margin: 9.375vw 5.15625vw 0vw 5.15625vw;
    line-height: 1.85;
  }
}

.plainTxt--noMb {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .whiteBox {
    padding: 65px 96px 0;
  }
}

@media screen and (max-width: 767px) {
  .whiteBox {
    padding: 6.5625vw 6.25vw 0vw 6.25vw;
    margin: 9.375vw 0vw 9.375vw 0vw;
  }
}

.whiteBox__title {
  color: var(--lightRizeGold);
  font-weight: bold;
  border-bottom: 1px solid var(--lightRizeGold);
  text-align: center;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .whiteBox__title {
    font-size: 4.375vw;
  }
}

@media screen and (min-width: 768px) {
  .whiteBox__title {
    padding: 0 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .whiteBox__title {
    padding: 0vw 0vw 1.25vw 0vw;
  }
}

.whiteBox__content {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .whiteBox__content {
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 768px) {
  .whiteBox__content {
    padding: 28px 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .whiteBox__content {
    padding: 8.28125vw 0vw 0vw 0vw;
  }
}

.whiteBox__content .caution {
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .whiteBox__content .caution {
    font-size: 2.8125vw;
  }
}

.goldline__title {
  color: var(--lightRizeGold);
  font-weight: bold;
  border-bottom: 1px solid var(--lightRizeGold);
  text-align: center;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .goldline__title {
    font-size: 4.375vw;
  }
}

@media screen and (min-width: 768px) {
  .goldline__title {
    max-width: 968px;
    margin: 60px auto;
    padding: 0 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .goldline__title {
    width: 89.375vw;
    margin: 12.1875vw auto 6.71875vw auto;
    padding: 0vw 0vw 1.25vw 0vw;
  }
}

.gakuwari {
  margin: 6.25vw 5.15625vw 12.5vw 5.15625vw;
}

@media screen and (min-width: 768px) {
  .gakuwari {
    margin: 140px auto;
  }
}

.gakuwari .text {
  color: var(--white);
  font-weight: bold;
  line-height: 2;
  text-align: left;
  margin: 7.5vw 0 0;
}

@media screen and (min-width: 768px) {
  .gakuwari .text {
    margin: 35px 0 0;
  }
}

@media screen and (min-width: 768px) {
  .gakuwari .modBtnWrap {
    margin: 33px 0 0;
  }
}

.gakuwari:after {
  content: "";
  display: block;
  background: url(./../img/plans/text_campaign.svg) center center no-repeat;
  background-size: 100% auto;
  width: 55%;
  padding: 23% 0 0;
  position: absolute;
  bottom: 21.875vw;
  right: 0;
}

@media screen and (min-width: 768px) {
  .gakuwari:after {
    width: 196px;
    height: 97px;
    right: 118px;
    bottom: 80px;
    padding: 0;
  }
}

.modContentSpecialplan {
  padding: 0;
  position: relative;
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan {
    margin: 0vw 5.15625vw 8.28125vw 5.15625vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan {
    padding: 0 170px;
  }
}

.modContentSpecialplan::after {
  content: "";
  position: absolute;
  display: block;
  background: url(./../img/common/text_Campaign-specialplan.png) no-repeat 0 0;
  background-size: 100% auto;
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan::after {
    width: 202px;
    height: 137px;
    bottom: -2%;
    right: 160px;
  }
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan::after {
    width: 45%;
    padding: 26% 0 0;
    bottom: -10.15625vw;
    right: 1.5625vw;
  }
}

.modContentSpecialplan__title {
  font-size: 32px;
  font-weight: bold;
  color: var(--orange);
  text-align: left;
  margin: 9.375vw 0vw 3.90625vw 3.125vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__title {
    font-size: 5vw;
  }
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__title {
    line-height: 1.4;
  }
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan__title {
    margin: 62px 0 10px 80px;
    letter-spacing: 0.07em;
  }
}

.modContentSpecialplan__title img {
  width: 369px !important;
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__title img {
    width: 57.65625vw !important;
    top: -15.625vw;
    left: 3.90625vw;
    right: initial;
  }
}

.modContentSpecialplan .modBox--white {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.5625vw 3.90625vw 7.03125vw 3.90625vw;
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan .modBox--white {
    padding: 10px 120px 40px;
  }
}

.modContentSpecialplan__rizekuma {
  position: absolute;
  background: url(./../img/plans/icon_rizekuma_campaign.svg) no-repeat center center;
  background-size: 100% auto;
  z-index: -1;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan__rizekuma {
    top: -88px;
    right: 18px;
    width: 128px;
    height: 155px;
  }
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__rizekuma {
    top: -13.28125vw;
    right: 1.5625vw;
    width: 17.1875vw;
    height: 21.875vw;
  }
}

.modContentSpecialplan__rizekuma__hand {
  position: absolute;
  background: url(./../img/plans/icon_rizekuma_campaign_hand.svg) no-repeat center center;
  background-size: 100% auto;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan__rizekuma__hand {
    top: -31px;
    right: 20px;
    width: 22px;
    height: 46px;
  }
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__rizekuma__hand {
    top: -5.46875vw;
    right: 1.875vw;
    width: 3.28125vw;
    height: 7.1875vw;
  }
}

.modContentSpecialplan__off {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: bold;
  font-size: 27px;
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__off {
    font-size: 6.25vw;
  }
}

.modContentSpecialplan__off__title {
  color: var(--lightRizeGold);
  font-weight: bold;
  width: 100%;
  font-size: 38px;
  padding: 1.5625vw 0vw 1.5625vw 0vw;
  color: var(--lightRizeGold);
  letter-spacing: -0.02em;
  border-bottom: 0.625vw solid var(--lightRizeGold);
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__off__title {
    font-size: 5.9375vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan__off__title {
    margin: 0vw 0vw 0vw 0vw;
    padding: 6px 0;
    border-bottom: 4px solid var(--lightRizeGold);
  }
}

.modContentSpecialplan__off__title img {
  width: 6.25vw;
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan__off__title img {
    width: 40px;
    margin: 0 4px;
  }
}

.modContentSpecialplan__off__area {
  font-size: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
  width: 100%;
  line-height: 0.85;
  color: var(--orange);
  letter-spacing: 0.06em;
  margin: 7.03125vw 0 0 0;
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__off__area {
    font-size: 10vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan__off__area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 40px 0 0 0;
  }
}

.modContentSpecialplan__off .month {
  font-size: 40px;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  margin: 0vw 0.625vw 0vw 0vw;
  padding: 3.125vw 0.3125vw 3.125vw 0.3125vw;
  color: #fff;
  background: var(--orange);
  letter-spacing: 0.2em;
  line-height: 1.25;
  border-radius: 2.1875vw;
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__off .month {
    font-size: 6.71875vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan__off .month {
    padding: 20px 2px;
    border-radius: 14px;
  }
}

.modContentSpecialplan__off .bg__headline {
  font-size: 32px;
  margin: 0vw 0.625vw 0vw 0vw;
  padding: 1.5625vw 9.6875vw 1.875vw 9.6875vw;
  color: #fff;
  background: var(--orange);
  border-radius: 2.1875vw;
  position: absolute;
  top: 8vw;
  right: 6vw;
  letter-spacing: 0.4em;
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__off .bg__headline {
    font-size: 4.53125vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan__off .bg__headline {
    padding: 12px 80px;
    border-radius: 14px;
    top: 50px;
    right: 60px;
  }
}

.modContentSpecialplan__off .num {
  font-weight: normal;
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-size: 196px;
  letter-spacing: -0.04em;
  margin: 0 1.25vw;
  color: var(--orange);
  /**数字中透かし**/
  /*color: rgb(247, 184, 55, .25);
  -webkit-text-stroke: m.vw(5) rgb(247, 184, 55);*/
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__off .num {
    font-size: 27.5vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan__off .num {
    margin: 0 10px;
    /*-webkit-text-stroke: 5px rgb(247, 184, 55);*/
  }
}

.modContentSpecialplan__off .max {
  font-size: 15px;
  padding: 0vw 0.9375vw 0vw 0.9375vw;
  color: var(--pink);
  border: 1px solid var(--pink);
  border-radius: 0.78125vw;
  position: absolute;
  top: 4.0625vw;
  left: -3.75vw;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__off .max {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan__off .max {
    padding: 0 6px;
    border-radius: 5px;
    top: 29px;
    left: -16px;
  }
}

.modContentSpecialplan__off .ja {
  display: block;
  width: 32%;
  font-size: 114px;
  text-align: left;
  -webkit-transform: translateY(1vw);
  transform: translateY(1vw);
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__off .ja {
    font-size: 14.6875vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan__off .ja {
    width: auto;
  }
}

.modContentSpecialplan__off .ja span {
  display: block;
  font-size: 80px;
  margin-top: 2.1875vw;
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__off .ja span {
    font-size: 13.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan__off .ja span {
    width: 178px;
    margin-top: 6px;
  }
}

.modContentSpecialplan__off .en {
  font-weight: normal;
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  color: #fff;
  -webkit-text-stroke: 0.3125vw #E8857D;
  text-stroke: 0.3125vw #E8857D;
  vertical-align: -1px;
  font-size: 46px;
  letter-spacing: -0.05em;
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__off .en {
    font-size: 11.25vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan__off .en {
    -webkit-text-stroke: 1px #E8857D;
    text-stroke: 1px #E8857D;
    margin: 0 0 0 2px;
  }
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__off .en {
    margin: 0.46875vw 0vw 0vw 0.9375vw;
  }
}

.modContentSpecialplan__off__total {
  width: 100%;
  font-size: 18px;
  margin: 4.375vw 3.59375vw 0vw 3.59375vw;
  padding: 1.5625vw 0vw 1.875vw 0vw;
  text-align: center;
  background: var(--lightGoldGray);
  border-radius: 1.875vw;
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__off__total {
    font-size: 3.75vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan__off__total {
    margin: 19px 0 0 0;
    padding: 6px;
    border-radius: 12px;
  }
}

.modContentSpecialplan__off__total .num {
  font-size: 26px;
  color: var(--pink);
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__off__total .num {
    font-size: 5vw;
  }
}

.modContentSpecialplan__off__total .normal {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__off__total .normal {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan__off__total .normal {
    margin: 0 0 0 28px;
  }
}

.modContentSpecialplan__off__total .normal .num {
  font-size: 18px;
  color: var(--gray);
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__off__total .normal .num {
    font-size: 3.4375vw;
  }
}

.modContentSpecialplan__text {
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  line-height: 2;
  margin: 5.46875vw 0vw 0vw 0vw;
  padding: 0vw 3.90625vw 0vw 3.90625vw;
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__text {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan__text {
    margin: 25px 0 0 0;
    padding: 0;
  }
}

.modContentSpecialplan__caution {
  text-align: left;
  font-size: 14px;
  padding: 0vw 3.90625vw 0vw 3.90625vw;
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__caution {
    font-size: 2.8125vw;
  }
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan__caution {
    margin: 1.5625vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan__caution {
    margin: 6px 0 0 0;
    padding: 0;
  }
}

.modContentSpecialplan--change {
  margin-top: 9.375vw;
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan--change {
    margin-top: 60px;
  }
}

.modContentSpecialplan--change .modBox--white {
  padding: 5.15625vw 6.25vw 4.21875vw 6.25vw;
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan--change .modBox--white {
    padding: 27px 38px 40px;
  }
}

.modContentSpecialplan--change .modContentSpecialplan__off {
  position: relative;
}

.modContentSpecialplan--change .modContentSpecialplan__off .img_camlimited {
  position: absolute;
  bottom: 18.75vw;
  right: -0.78125vw;
  width: 17.1875vw;
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan--change .modContentSpecialplan__off .img_camlimited {
    bottom: 120px;
    width: 100px;
  }
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan--change .modContentSpecialplan__off>img {
    width: 526px;
    margin: 0 auto;
  }
}

.modContentSpecialplan--change .modContentSpecialplan__off__area {
  font-size: 73px;
  color: #F55C55;
  margin-top: 4.6875vw;
  white-space: normal !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan--change .modContentSpecialplan__off__area {
    font-size: 15.3125vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan--change .modContentSpecialplan__off__area {
    margin-top: 30px;
  }
}

.modContentSpecialplan--change .modContentSpecialplan__off__area:before,
.modContentSpecialplan--change .modContentSpecialplan__off__area:after {
  content: "";
  background: url(./../img/common/icon_star_blue.svg);
  background-size: cover;
  width: 8.75vw;
  height: 9.84375vw;
  position: absolute;
}

@media screen and (min-width: 768px) {

  .modContentSpecialplan--change .modContentSpecialplan__off__area:before,
  .modContentSpecialplan--change .modContentSpecialplan__off__area:after {
    width: 45px;
    height: 51px;
  }
}

.modContentSpecialplan--change .modContentSpecialplan__off__area:before {
  bottom: -6.25vw;
  left: -1.5625vw;
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan--change .modContentSpecialplan__off__area:before {
    bottom: -20px;
    left: 70px;
  }
}

.modContentSpecialplan--change .modContentSpecialplan__off__area:after {
  top: 0;
  right: 16.40625vw;
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan--change .modContentSpecialplan__off__area:after {
    top: 0;
    right: 70px;
  }
}

.modContentSpecialplan--change .modContentSpecialplan__off .num {
  font-weight: normal;
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-size: 148px;
  letter-spacing: -0.04em;
  margin: 0 1.25vw 0 -6.25vw;
  color: #F55C55;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan--change .modContentSpecialplan__off .num {
    font-size: 32.03125vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan--change .modContentSpecialplan__off .num {
    margin: 0 14px 0 0;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
}

.modContentSpecialplan--change .modContentSpecialplan__off .ja {
  display: block;
  width: 32%;
  font-size: 73px;
  text-align: left;
  -webkit-transform: translateY(1vw);
  transform: translateY(1vw);
  letter-spacing: -0.01em;
}

@media screen and (max-width: 767px) {
  .modContentSpecialplan--change .modContentSpecialplan__off .ja {
    font-size: 14.84375vw;
  }
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan--change .modContentSpecialplan__off .ja {
    width: auto;
  }
}

.modContentSpecialplan--change .modContentSpecialplan__text {
  margin-top: 9.375vw;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .modContentSpecialplan--change .modContentSpecialplan__text {
    margin-top: 60px;
  }
}

.modContentSpecialplan--change .modContentSpecialplan__caution {
  padding: 0;
}

.other_newplan {
  background: var(--orange);
  /*background: url(./../img/common/bg_pattern_campaign.jpg) repeat;*/
  background-size: 31.25vw;
  margin-top: 15.625vw;
  padding: 7.8125vw 0 10vw;
}

@media screen and (min-width: 768px) {
  .other_newplan {
    margin-top: 84px;
    padding: 75px 0 68px;
    background-size: 200px;
  }
}

.other_newplan__link {
  display: block;
  margin: 5.3125vw auto 0vw auto;
}

@media screen and (max-width: 767px) {
  .other_newplan__link {
    padding: 0vw 6.25vw 0vw 6.25vw;
  }
}

@media screen and (min-width: 768px) {
  .other_newplan__link {
    width: 1054px;
    margin: 34px auto 0;
  }
}

.other_newplan__img {
  padding: 5.3125vw 6.25vw 0vw 6.25vw;
}

@media screen and (min-width: 768px) {
  .other_newplan__img {
    width: 1054px;
    display: block;
    margin: 0 auto;
    padding: 34px 0 0 0;
  }
}

.other_newplan .modSection__title {
  font-size: 28px;
}

@media screen and (max-width: 767px) {
  .other_newplan .modSection__title {
    font-size: 4.6875vw;
  }
}

@media screen and (max-width: 767px) {
  .other_newplan .modSection__title {
    margin-bottom: 5.78125vw !important;
  }
}

@media screen and (min-width: 768px) {
  .other_newplan .modSection__title {
    margin: 0 0 49px;
  }
}

.other_newplan .modSection__title__main--notAnime {
  color: #fff;
  font-weight: bold;
  font-size: 26px;
  letter-spacing: 0.2em;
  line-height: 1.3461538462;
}

@media screen and (max-width: 767px) {
  .other_newplan .modSection__title__main--notAnime {
    font-size: 5vw;
  }
}

.other_newplan>.plansOutline {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .other_newplan>.plansOutline {
    width: 1054px;
    margin: 40px auto 0;
  }
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List {
    overflow-x: scroll;
    overflow-y: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0vw 6.25vw 0vw 0vw;
    padding: 0vw 0vw 3.125vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .other_newplan .plans__List {
        display: -webkit-box;
        display: -ms-flexbox;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        gap: 1rem;
  }
}

.other_newplan .plans__List__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    flex-direction: column;
}

@media screen and (min-width: 768px) {
  .other_newplan .plans__List__item {
    width: auto;
    margin: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item {
    width: 90%;
    margin: 0vw 0vw 0vw 6.25vw;
  }
}

.other_newplan .plans__List__item__num {
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-size: 14px;
  color: #fff;
  letter-spacing: 0.4em;
  /*@include m.media_queries{
    writing-mode: vertical-rl;
    white-space: pre;
    transform: rotate(-180deg);
  }*/
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item__num {
    font-size: 3.125vw;
  }
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item__num {
    margin-bottom: 1.5625vw;
  }
}

@media screen and (min-width: 768px) {
  .other_newplan .plans__List__item__num {
    letter-spacing: 0.15em;
    margin-bottom: 4px;
  }
}

.other_newplan .plans__List__item .modBox--white {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
    justify-content: center;
}

.other_newplan .plans__List__item .modBox--white--inner {
  padding: 0;
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .modBox--white {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6.09375vw 0vw 6.09375vw 0vw;
  }
}

.other_newplan .plans__List__item .plansOutline {
  width: 90%;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .other_newplan .plans__List__item .plansOutline .modBox--white {
    margin: 0;
    padding: 0;
    min-height: 450px;
  }
}

.other_newplan .plans__List__item .plansOutline .modBox--white--inner {
  padding: 0vw 3.125vw 0vw 3.125vw;
}

@media screen and (min-width: 768px) {
  .other_newplan .plans__List__item .plansOutline .modBox--white--inner {
    padding: 18px 10px 18px 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
  }
}

@media screen and (min-width: 768px) {
  .other_newplan .plans__List__item .plansOutline .modBox--white--inner .plansOutline__thumbList {
    margin: 13px 0 0;
  }
}

@media screen and (min-width: 768px) {
  .other_newplan .plans__List__item .plansOutline .modBox--white--inner .plansOutline__thumbList li {
    border-radius: 8px;
    width: 100px;
    height: 100px;
  }
}

.other_newplan .plans__List__item .plansOutline .modBox--white--inner .plansOutline__thumbList li:nth-child(n+2) {
  margin: 0 0 0 14px;
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .plansOutline .modBox--white--inner--pay {
    width: 70.625vw;
  }
}

@media screen and (min-width: 768px) {
  .other_newplan .plans__List__item .plansOutline .modBox--white--inner--pay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.other_newplan .plans__List__item .plansOutline__title {
  margin: 0;
  color: var(--pink);
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .plansOutline__title {
    font-size: 5.9375vw;
  }
}

.other_newplan .plans__List__item .plansOutline__title .plus {
  color: var(--lightRizeGold);
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .plansOutline__title {
    margin-bottom: 4.0625vw;
  }
}

.other_newplan .plans__List__item .plansOutline__title__sub {
  color: var(--lightRizeGold);
  font-size: 14px;
  display: block;
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .plansOutline__title__sub {
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 768px) {
  .other_newplan .plans__List__item .plansOutline__title__sub {
    width: 100%;
  }
}

.other_newplan .plans__List__item .plansOutline__pay {
  display: block;
  border: none;
}

@media screen and (min-width: 768px) {
  .other_newplan .plans__List__item .plansOutline__pay {
    width: 100%;
    margin-top: 0;
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .plansOutline__pay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 4.0625vw;
    padding: 0vw 0vw 0vw 0vw;
  }
}

.other_newplan .plans__List__item .plansOutline__pay__total {
  width: 100%;
  font-size: 13px;
  margin: 3.125vw 0vw 0vw 0vw;
  font-weight: bold;
  text-align: center;
  background: var(--lightGoldGray);
  border-radius: 1.875vw;
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .plansOutline__pay__total {
    font-size: 3.75vw;
  }
}

@media screen and (min-width: 768px) {
  .other_newplan .plans__List__item .plansOutline__pay__total {
    margin: 12px 0 0 0;
    padding: 0;
    border-radius: 8px;
  }
}

.other_newplan .plans__List__item .plansOutline__pay__total .num {
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-size: 22px;
  font-weight: normal;
  color: var(--pink);
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .plansOutline__pay__total .num {
    font-size: 5vw;
  }
}

.other_newplan .plans__List__item .plansOutline__pay__total .tax {
  font-size: 10px;
  font-weight: normal;
  letter-spacing: -0.04em;
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .plansOutline__pay__total .tax {
    font-size: 2.5vw;
  }
}

.other_newplan .plans__List__item .plansOutline__pay__normal {
  margin: 2.1875vw 0vw 0vw 0vw;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .plansOutline__pay__normal {
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 768px) {
  .other_newplan .plans__List__item .plansOutline__pay__normal {
    margin: 6px 0 0 0;
  }
}

.other_newplan .plans__List__item .plansOutline__pay__normal .num {
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-size: 16px;
  font-weight: normal;
  color: var(--gray);
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .plansOutline__pay__normal .num {
    font-size: 3.4375vw;
  }
}

.other_newplan .plans__List__item .plansOutline__pay__course {
  margin: 0;
}

.other_newplan .plans__List__item .plansOutline__pay__course .count {
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .plansOutline__pay__course .count {
    font-size: 4.375vw;
  }
}

.other_newplan .plans__List__item .plansOutline__pay__course .num {
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .plansOutline__pay__course .num {
    font-size: 7.1875vw;
  }
}

.other_newplan .plans__List__item .plansOutline__pay__course__yen {
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .plansOutline__pay__course__yen {
    font-size: 3.75vw;
  }
}

@media screen and (min-width: 768px) {
  .other_newplan .plans__List__item .plansOutline__pay__price {
    margin: 20px 0 0;
  }
}

.other_newplan .plans__List__item .plansOutline__pay__price .num {
  font-size: 32px;
  letter-spacing: -0.04em;
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .plansOutline__pay__price .num {
    font-size: 11.875vw;
  }
}

.other_newplan .plans__List__item .plansOutline__pay__price .month {
  font-size: 14px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .plansOutline__pay__price .month {
    font-size: 3.75vw;
  }
}

.other_newplan .plans__List__item .plansOutline__pay__price .count {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: -0.02em;
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .plansOutline__pay__price .count {
    font-size: 3.75vw;
  }
}

.other_newplan .plans__List__item .plansOutline__pay__price .count .tax {
  font-size: 10px;
  font-weight: normal;
  letter-spacing: -0.04em;
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .plansOutline__pay__price .count .tax {
    font-size: 2.5vw;
  }
}

.other_newplan .plans__List__item .plansOutline__pay__price .rate {
  font-size: 12px;
  padding: 0 0 10%;
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .plansOutline__pay__price .rate {
    font-size: 3.125vw;
  }
}

.other_newplan .plans__List__item .plansOutline .modBtn {
  width: 100%;
  height: 44.5vw;
  margin: 0;
  padding: 0;
  border-radius: 0 0 20px 20px;
  background: var(--gray);
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .plansOutline .modBtn {
    font-size: 3.75vw;
  }
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .plansOutline .modBtn {
    width: 10.9375vw;
    border-radius: 0 3.75vw 3.75vw 0;
  }
}

@media screen and (min-width: 768px) {
  .other_newplan .plans__List__item .plansOutline .modBtn {
    height: 54px;
  }
}

.other_newplan .plans__List__item .plansOutline .modBtn:before {
  border-radius: 0 0 20px 20px;
}

@media screen and (max-width: 767px) {
  .other_newplan .plans__List__item .plansOutline .modBtn:before {
    border-radius: 0 0 3.75vw 3.75vw;
  }
}

@media screen and (min-width: 768px) {
  .other_newplan .plans__List__item .plansOutline .modBtn:after {
    right: 110px;
  }
}

@media screen and (min-width: 768px) {
  .other_newplan .plans__List__item .plansOutline .modBtn:hover:after {
    -webkit-animation: arrow-center 0.4s;
    animation: arrow-center 0.4s;
    right: 110px;
  }
}

@-webkit-keyframes arrow-center {
  50% {
    right: 105px;
  }

  100% {
    right: 110px;
  }
}

@keyframes arrow-center {
  50% {
    right: 105px;
  }

  100% {
    right: 110px;
  }
}

.other_newplan .caution {
  color: #fff;
  padding: 0vw 6.25vw 0vw 6.25vw;
}

@media screen and (min-width: 768px) {
  .other_newplan .caution {
    width: 1054px;
    margin: 20px auto 0;
    padding: 0;
  }
}

.plansOutline .modContentSpecialplan__off__area,
.modTab--plan .modContentSpecialplan__off__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  white-space: pre;
}

@media screen and (min-width: 768px) {

  .plansOutline .modContentSpecialplan__off__area,
  .modTab--plan .modContentSpecialplan__off__area {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.plansOutline .modContentSpecialplan__off__area .num,
.modTab--plan .modContentSpecialplan__off__area .num {
  -webkit-transform: translateY(11%);
  transform: translateY(11%);
}

@media screen and (min-width: 768px) {

  .plansOutline .modContentSpecialplan__off__area .num,
  .modTab--plan .modContentSpecialplan__off__area .num {
    -webkit-transform: translateY(14px);
    transform: translateY(14px);
  }
}

/*PlanTab*/
.plans__List .plansOutline__tabList {
  margin: 6.25vw 0 0;
}

@media screen and (min-width: 768px) {
  .plans__List .plansOutline__tabList {
    margin: 13px 0 0;
  }
}

@media screen and (min-width: 768px) {
  .plans__List .plansOutline__tabList .modTab {
    width: 250px;
    margin: 20px auto 0;
  }
}

.plans__List .plansOutline__tabList .modTab__header--otherNewPlan {
  border-bottom: 0.9375vw solid #FDFAF2;
}

@media screen and (min-width: 768px) {
  .plans__List .plansOutline__tabList .modTab__header--otherNewPlan {
    border-bottom: 3px solid #FDFAF2;
    margin: 20px auto 0;
    padding: 0 6px;
  }
}

.plans__List .plansOutline__tabList .modTab__header__item {
  width: 33.3%;
  padding: 0vw 0vw 3.125vw 0vw;
}

@media screen and (min-width: 768px) {
  .plans__List .plansOutline__tabList .modTab__header__item {
    font-size: 16px;
    padding: 0 0 12px;
  }
}

@media screen and (min-width: 768px) {
  .plans__List .plansOutline__tabList .modTab__header__item::after {
    height: 3px;
    bottom: -3px;
  }
}

.plans__List .plansOutline__tabList .modTab__header__item.is-active {
  color: var(--lightRizeGold);
}

.plans__List .plansOutline__tabList .modTab__header__item.is-active::after {
  background: var(--orange);
}

.plans__List .plansOutline__tabList .modTab__header__item:first-child.is-active::after {
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.plans__List .plansOutline__tabList .modTab__header__item:nth-child(2).is-active::after {
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.plans__List .plansOutline__tabList .modTab__header__item:nth-child(3).is-active::after {
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

/*DrIntroduction*/
.modDrIntroduction {
  font-weight: bold;
  padding: 18.75vw 0 0;
}

@media screen and (min-width: 768px) {
  .modDrIntroduction {
    padding: 120px 0 0;
  }
}

.modDrIntroduction .modSection__inner {
  background: var(--white);
  padding: 6.25vw;
  -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
  box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
}

@media screen and (min-width: 768px) {
  .modDrIntroduction .modSection__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 63px 70px;
    -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
  }
}

.modDrIntroduction .modSection__inner .drIntroduction__img img {
  border-radius: 3.75vw;
}

@media screen and (min-width: 768px) {
  .modDrIntroduction .modSection__inner .drIntroduction__img img {
    width: 411px;
    margin-right: 60px;
    border-radius: 24px;
  }
}

@media screen and (max-width: 767px) {
  .modDrIntroduction .modSection__inner .drIntroduction__cont {
    margin-top: 4.6875vw;
  }
}

.modDrIntroduction .modSection__inner .drIntroduction__cont__subtitle {
  color: var(--lightRizeGold);
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .modDrIntroduction .modSection__inner .drIntroduction__cont__subtitle {
    font-size: 3.4375vw;
  }
}

@media screen and (max-width: 767px) {
  .modDrIntroduction .modSection__inner .drIntroduction__cont__subtitle {
    text-align: center;
  }
}

.modDrIntroduction .modSection__inner .drIntroduction__cont__name {
  color: var(--lightRizeGold);
  font-size: 22px;
}

@media screen and (max-width: 767px) {
  .modDrIntroduction .modSection__inner .drIntroduction__cont__name {
    font-size: 5.625vw;
  }
}

@media screen and (max-width: 767px) {
  .modDrIntroduction .modSection__inner .drIntroduction__cont__name {
    text-align: center;
  }
}

.modDrIntroduction .modSection__inner .drIntroduction__cont__career {
  margin: 40px 0 0;
}

@media screen and (max-width: 767px) {
  .modDrIntroduction .modSection__inner .drIntroduction__cont__career {
    margin: 8.59375vw 0vw 0vw 0vw;
  }
}

.modDrIntroduction .modSection__inner .drIntroduction__cont__career__title {
  font-size: 14px;
  color: var(--orange);
  font-weight: bold;
  text-align: left;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
  box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
  margin-top: 30px;
  padding: 6px 0 5px 22px;
  width: 241px;
}

@media screen and (max-width: 767px) {
  .modDrIntroduction .modSection__inner .drIntroduction__cont__career__title {
    font-size: 3.75vw;
  }
}

@media screen and (max-width: 767px) {
  .modDrIntroduction .modSection__inner .drIntroduction__cont__career__title {
    width: 56%;
    border-radius: 0.625vw;
    -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    margin-top: 4.6875vw;
    padding: 1.5625vw 0vw 0.78125vw 3.4375vw;
  }
}

.modDrIntroduction .modSection__inner .drIntroduction__cont__text {
  font-size: 16px;
  margin: 22px auto 0;
}

@media screen and (max-width: 767px) {
  .modDrIntroduction .modSection__inner .drIntroduction__cont__text {
    font-size: 3.4375vw;
  }
}

@media screen and (max-width: 767px) {
  .modDrIntroduction .modSection__inner .drIntroduction__cont__text {
    margin: 3.4375vw 0vw 0vw 0vw;
  }
}

.modDrIntroduction .modSection__inner .drIntroduction__cont__text--small {
  font-size: 14px;
  margin: 22px auto 0;
}

@media screen and (max-width: 767px) {
  .modDrIntroduction .modSection__inner .drIntroduction__cont__text--small {
    font-size: 3.125vw;
  }
}

@media screen and (max-width: 767px) {
  .modDrIntroduction .modSection__inner .drIntroduction__cont__text--small {
    margin: 3.4375vw 0vw 0vw 0vw;
  }
}

/*きびたき用料金モーダル*/
@media screen and (max-width: 767px) {

  .modBtnWrap:has(.modBtn--secondary[data-target=modalFcPrice]),
  .modBtnWrap:has(.modBtn--secondary[data-target=modalEachPrice]) {
    margin-left: 10.78125vw;
    margin-right: 10.78125vw;
  }
}

@media screen and (min-width: 768px) {

  .modBtnWrap:has(.modBtn--secondary[data-target=modalFcPrice]),
  .modBtnWrap:has(.modBtn--secondary[data-target=modalEachPrice]) {
    margin-top: 30px;
  }
}

.modBtn--secondary[data-target=modalFcPrice] {
  color: var(--lightRizeGold) !important;
  background: var(--white);
}

@media screen and (min-width: 768px) {

  .modModal--fcPrice .modModal__inner,
  .modModal--eachPrice .modModal__inner {
    width: 890px;
  }
}

@media screen and (min-width: 768px) {

  .modModal--fcPrice .modModal__inner__scroll,
  .modModal--eachPrice .modModal__inner__scroll {
    padding: 50px 50px 45px;
  }
}

@media screen and (max-width: 767px) {

  .modModal--fcPrice .modModal__inner__scroll,
  .modModal--eachPrice .modModal__inner__scroll {
    padding: 7.8125vw 4.6875vw 7.8125vw 4.6875vw;
    overflow-x: scroll;
  }
}

@media screen and (max-width: 767px) {

  .modModal--fcPrice .modTable,
  .modModal--eachPrice .modTable {
    width: 100vw;
  }
}

.modModal--fcPrice .modTable__headTitle,
.modModal--eachPrice .modTable__headTitle {
  background: var(--lightGoldGray);
  border-top: 3px solid var(--lightGoldGray);
  border-bottom: 3px solid var(--lightGoldGray);
}

.modModal--fcPrice .modTable__headText,
.modModal--eachPrice .modTable__headText {
  color: var(--lightRizeGold);
  font-weight: bold;
  text-align: center;
  background: var(--goldGray);
  border-top: 3px solid var(--lightGoldGray);
  border-right: 3px solid var(--lightGoldGray);
  border-bottom: 3px solid var(--lightGoldGray);
  padding: 3px;
}

.modModal--fcPrice .modTable__itemText .modTax,
.modModal--eachPrice .modTable__itemText .modTax {
  font-size: 0.7em;
  display: block;
}

.modModal--fcPrice .modTable__itemTitle,
.modModal--eachPrice .modTable__itemTitle {
  width: 18%;
}

@media screen and (min-width: 768px) {

  .modModal--fcPrice .modTable__itemTitle,
  .modModal--eachPrice .modTable__itemTitle {
    width: 250px;
  }
}

.modModal--fcPrice .modTable__itemText,
.modModal--eachPrice .modTable__itemText {
  width: 12%;
  border-right: 3px solid var(--lightGoldGray);
}

@media screen and (min-width: 768px) {

  .modModal--fcPrice .modTable__itemText,
  .modModal--eachPrice .modTable__itemText {
    width: auto;
  }
}

.modModal--fcPrice .note,
.modModal--eachPrice .note {
  font-size: 14px;
}

@media screen and (max-width: 767px) {

  .modModal--fcPrice .note,
  .modModal--eachPrice .note {
    font-size: 2.8125vw;
  }
}

@media screen and (min-width: 768px) {

  .modModal--fcPrice .note,
  .modModal--eachPrice .note {
    margin: 20px 0 0;
  }
}

@media screen and (max-width: 767px) {

  .modModal--fcPrice .note,
  .modModal--eachPrice .note {
    margin: 2.5vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .modModal--eachPrice .modModal__inner {
    width: 600px;
  }
}

@media screen and (max-width: 767px) {
  .modModal--eachPrice .modTable {
    width: 100%;
  }
}

.modModal--eachPrice .modTable__itemTitle {
  width: 10%;
}

@media screen and (min-width: 768px) {
  .modModal--eachPrice .modTable__itemTitle {
    width: 250px;
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  z-index: 98;
}

@media screen and (max-width: 767px) {
  .header--under::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 40vw;
    background: url(./../img/common/bg_header_sp.svg) no-repeat center top;
    background-size: 100% auto;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
  }

  .header--under:not(.is-act)::before,
  .header--under:not(.is-act) .header__nav {
    opacity: 0;
    pointer-events: none;
  }
}

.header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  right: 99px;
  top: 28px;
  z-index: 97;
}

@media screen and (max-width: 767px) {
  .header__inner {
    margin: -0.625vw 0vw 0vw 0vw;
  }
}

.header__inner:has(+ .is-open) {
  -webkit-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out;
}

@media screen and (min-width: 768px) {
  .header__inner:has(+ .is-open) {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    right: -100%;
  }
}

.header__logo {
  position: fixed;
  z-index: 99;
}

@media screen and (min-width: 768px) {
  .header__logo {
    top: 20px;
    left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .header__logo {
    top: 2.96875vw;
    left: 2.96875vw;
  }
}

@media screen and (min-width: 768px) {
  .header__logo img {
    width: 81px;
    height: 81px;
  }
}

@media screen and (max-width: 767px) {
  .header__logo img {
    width: 12.5vw;
    height: 12.5vw;
  }
}

.header__btn {
  width: 254px;
  margin-left: 20px;
  padding: 14px 25px 14px 0;
  font-weight: bold;
  letter-spacing: -0.06em;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .header__btn {
    display: none;
  }
}

.header__btn .icon {
  display: inline-block;
  vertical-align: middle;
  background: url(./../img/common/icon_calendar.svg) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (min-width: 768px) {
  .header__btn .icon {
    margin: -3px 20px 0 0;
    width: 13px;
    height: 13px;
  }
}

@media screen and (max-width: 767px) {
  .header__btn .icon {
    margin: 0vw 3.125vw 0vw 0vw;
    width: 2.03125vw;
    height: 2.03125vw;
  }
}

.header__gNav {
  position: fixed;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  z-index: 99;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.header__gNav:focus {
  outline: none;
}

@media screen and (min-width: 768px) {
  .header__gNav {
    width: 60px;
    height: 60px;
    margin-top: -5px;
    top: 25px;
    right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .header__gNav {
    width: 12.5vw;
    height: 12.5vw;
    top: 2.96875vw;
    right: 2.96875vw;
  }
}

.header__gNav__icon {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.header__gNav__icon:focus {
  outline: none;
}

@media screen and (min-width: 768px) {
  .header__gNav__icon {
    width: 60px;
    height: 60px;
  }
}

@media screen and (max-width: 767px) {
  .header__gNav__icon {
    width: 12.5vw;
    height: 12.5vw;
  }
}

.header__gNav__icon span {
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  background: var(--gray);
}

@media screen and (min-width: 768px) {
  .header__gNav__icon span {
    left: 14px;
    height: 2px;
    width: 32px;
  }
}

@media screen and (max-width: 767px) {
  .header__gNav__icon span {
    left: 2.65625vw;
    height: 0.3125vw;
    width: 6.5625vw;
  }
}

@media screen and (min-width: 768px) {
  .header__gNav__icon span:nth-of-type(1) {
    top: 17px;
  }
}

@media screen and (max-width: 767px) {
  .header__gNav__icon span:nth-of-type(1) {
    top: 3.75vw;
  }
}

@media screen and (min-width: 768px) {
  .header__gNav__icon span:nth-of-type(2) {
    top: 27px;
  }
}

@media screen and (max-width: 767px) {
  .header__gNav__icon span:nth-of-type(2) {
    top: 5.625vw;
  }
}

@media screen and (min-width: 768px) {
  .header__gNav__icon span:nth-of-type(3) {
    top: 36px;
  }
}

@media screen and (max-width: 767px) {
  .header__gNav__icon span:nth-of-type(3) {
    top: 7.5vw;
  }
}

@media screen and (min-width: 768px) {
  .header__gNav.is-open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .header__gNav.is-open+.header__nav,
  .header__gNav.is-open+.header__nav+.header__under__btn {
    right: -100%;
  }
}

.header__gNav.is-open .header__gNav__icon {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.header__gNav.is-open span:nth-of-type(1) {
  width: 53%;
}

@media screen and (min-width: 768px) {
  .header__gNav.is-open span:nth-of-type(1) {
    top: 19px;
    left: 13px;
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }
}

@media screen and (max-width: 767px) {
  .header__gNav.is-open span:nth-of-type(1) {
    top: 4.21875vw;
    left: 2.96875vw;
    -webkit-transform: translateY(1.5625vw) rotate(-45deg);
    transform: translateY(1.5625vw) rotate(-45deg);
  }
}

.header__gNav.is-open span:nth-of-type(2) {
  opacity: 0;
}

.header__gNav.is-open span:nth-of-type(3) {
  width: 53%;
}

@media screen and (min-width: 768px) {
  .header__gNav.is-open span:nth-of-type(3) {
    top: 31px;
    left: 12px;
    -webkit-transform: translateY(-2px) rotate(45deg);
    transform: translateY(-2px) rotate(45deg);
  }
}

@media screen and (max-width: 767px) {
  .header__gNav.is-open span:nth-of-type(3) {
    -webkit-transform: translateY(-0.3125vw) rotate(45deg);
    transform: translateY(-0.3125vw) rotate(45deg);
    top: 6.25vw;
    left: 2.8125vw;
  }
}

.header--under .header__btn {
  display: none;
}

.header__under__btn {
  -webkit-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  .header__under__btn {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .header__under__btn {
    position: fixed;
    top: 99px;
    right: 0;
  }

  .header__under__btn .modBtn {
    display: inline-block;
    width: 252px;
    border-radius: 630px 0 0 630px;
  }

  .header__under__btn .modBtn:before {
    border-radius: 0;
  }

  .header__under__btn .modBtn--gold {
    border-radius: 630px;
  }
}

.header__nav {
  position: fixed;
  display: block;
  background: var(--white);
  right: 0;
  z-index: 11;
  letter-spacing: -0.01em;
}

@media screen and (min-width: 768px) {
  .header__nav {
    top: 18px;
    border-radius: 32px 0 0 32px;
    padding: 16px 107px 16px 33px;
    -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    -webkit-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
    z-index: 11;
  }
}

@media screen and (max-width: 767px) {
  .header__nav {
    width: 100%;
    top: 18vw;
    padding: 1.5625vw 2.34375vw 1.5625vw 2.34375vw;
    -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    z-index: 97;
  }
}

.header .navList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .header .navList {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.header .navList__item {
  position: relative;
}

.header .navList__item:nth-child(n+2)::before {
  content: "";
  display: block;
  width: 1px;
  background: var(--lightRizeGold);
  position: absolute;
  top: 50%;
}

@media screen and (min-width: 768px) {
  .header .navList__item:nth-child(n+2)::before {
    left: 0;
    height: 20px;
    margin-top: -10px;
  }
}

@media screen and (max-width: 767px) {
  .header .navList__item:nth-child(n+2)::before {
    left: -2.34375vw;
    height: 3.75vw;
    margin-top: -1.875vw;
  }
}

@media screen and (max-width: 400px) {
  .header .navList__item:nth-child(n+2)::before {
    left: -1.09375vw;
  }
}

@media screen and (min-width: 768px) {
  .header .navList__item:nth-child(1) {
    padding: 0 18px 0 0;
  }
}

@media screen and (min-width: 768px) {
  .header .navList__item:nth-child(2) {
    padding: 0 14px 0 8px;
  }
}

@media screen and (min-width: 768px) {
  .header .navList__item:nth-child(3) {
    padding: 0 25px 0 5px;
  }
}

@media screen and (min-width: 768px) {
  .header .navList__item:nth-child(4) {
    padding: 0 0 0 12px;
  }
}

.header .navList__item__link {
  display: block;
  position: relative;
  font-weight: bold;
  font-size: 10px;
}

@media screen and (max-width: 767px) {
  .header .navList__item__link {
    font-size: 2.34375vw;
  }
}

@media screen and (min-width: 768px) {
  .header .navList__item__link {
    padding: 0 0 0 25px;
  }
}

@media screen and (max-width: 767px) {
  .header .navList__item__link {
    padding: 1.71875vw 0vw 1.71875vw 5vw;
    line-height: 1.8;
  }
}

@media screen and (max-width: 400px) {
  .header .navList__item__link {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.header .navList__item__link .en {
  display: block;
  color: var(--orange);
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-size: 8px;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .header .navList__item__link .en {
    font-size: 1.71875vw;
  }
}

@media screen and (min-width: 768px) {
  .header .navList__item__link .en {
    -webkit-transform: scale(0.8) translateX(-6px);
    transform: scale(0.8) translateX(-6px);
  }
}

.header .navList__item__link::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header .navList__item__link.iconPrice::before {
  background: url(./../img/common/icon_nav_price.svg) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (min-width: 768px) {
  .header .navList__item__link.iconPrice::before {
    width: 15px;
    height: 20px;
  }
}

@media screen and (max-width: 767px) {
  .header .navList__item__link.iconPrice::before {
    width: 3.125vw;
    height: 4.0625vw;
  }
}

.header .navList__item__link.iconLoca::before {
  background: url(./../img/common/icon_nav_loca.svg) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (min-width: 768px) {
  .header .navList__item__link.iconLoca::before {
    width: 15px;
    height: 20px;
    left: 3px;
  }
}

@media screen and (max-width: 767px) {
  .header .navList__item__link.iconLoca::before {
    width: 3.28125vw;
    height: 4.375vw;
  }
}

.header .navList__item__link.iconWhat::before {
  background: url(./../img/common/icon_nav_what.svg) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (min-width: 768px) {
  .header .navList__item__link.iconWhat::before {
    width: 18px;
    height: 27px;
    left: 3px;
  }
}

@media screen and (max-width: 767px) {
  .header .navList__item__link.iconWhat::before {
    width: 3.75vw;
    height: 5.625vw;
    left: -0.78125vw;
  }
}

@media screen and (max-width: 767px) {
  .header .navList__item__link.iconWhat {
    padding-left: 3.59375vw;
  }
}

.header .navList__item__link.iconSkin::before {
  background: url(./../img/common/icon_nav_skin.svg) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (min-width: 768px) {
  .header .navList__item__link.iconSkin::before {
    width: 18px;
    height: 27px;
    left: 3px;
  }
}

@media screen and (max-width: 767px) {
  .header .navList__item__link.iconSkin::before {
    width: 3.75vw;
    height: 5.625vw;
    left: -0.78125vw;
  }
}

@media screen and (max-width: 767px) {
  .header .navList__item__link.iconSkin {
    padding-left: 3.59375vw;
  }
}

.header .navList__item__link.iconWho {
  padding: 0 0 0 22px;
}

.header .navList__item__link.iconWho::before {
  background: url(./../img/common/icon_nav_who.svg) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (min-width: 768px) {
  .header .navList__item__link.iconWho::before {
    width: 18px;
    height: 18px;
  }
}

@media screen and (max-width: 767px) {
  .header .navList__item__link.iconWho::before {
    width: 3.59375vw;
    height: 3.59375vw;
  }
}

@media screen and (max-width: 767px) {
  .header .navList__item__link.iconWho {
    padding-left: 4.6875vw;
  }
}

.header .header__logo,
.header .header__inner,
.header .header__gNav {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.gmenu {
  position: fixed;
  top: 0;
  right: 0;
  background: var(--lightGoldGray);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  z-index: 98;
}

@media screen and (min-width: 768px) {
  .gmenu {
    width: 357px;
    max-height: 100vh;
    overflow: auto;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
  }
}

@media screen and (max-width: 767px) {
  .gmenu {
    visibility: hidden;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
  }
}

.gmenu.is-open {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .gmenu.is-open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .gmenu.is-open+.header__nav,
  .gmenu.is-open+.header__nav+.header__under__btn {
    right: -100%;
  }
}

@media screen and (max-width: 767px) {
  .gmenu.is-open {
    visibility: visible;
  }
}

.gmenu.is-open .gmenu__list__item {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.gmenu.is-open .gmenu__foot {
  opacity: 1;
}

.gmenu__head {
  background: var(--goldGray);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .gmenu__head {
    padding: 20px 20px 0;
    margin: 0 0 -5px;
  }
}

@media screen and (max-width: 767px) {
  .gmenu__head {
    padding: 17.1875vw 2.96875vw 0vw 2.96875vw;
    margin: 0vw 0vw -0.78125vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .gmenu__head__logo {
    display: none;
  }
}

.gmenu__head__logo img {
  width: 12.5vw;
  height: 12.5vw;
}

@media screen and (max-width: 767px) {
  .gmenu__head__title {
    position: absolute;
    top: 2.5vw;
    right: 15.9375vw;
  }
}

@media screen and (min-width: 768px) {
  .gmenu__head__title img {
    margin: 16px 0 0 -29px;
    width: 130px;
    height: 62px;
  }
}

@media screen and (max-width: 767px) {
  .gmenu__head__title img {
    width: 30vw;
    height: 20.3125vw;
  }
}

.gmenu__list {
  background: var(--goldGray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .gmenu__list {
    padding: 0 20px 20px;
  }
}

@media screen and (max-width: 767px) {
  .gmenu__list {
    padding: 5.46875vw 5.46875vw 3.90625vw 5.46875vw;
  }
}

.gmenu__list__item {
  width: 100%;
  background: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  border-radius: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.gmenu__list__item:nth-child(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.gmenu__list__item:nth-child(2) {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.gmenu__list__item:nth-child(3) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.gmenu__list__item:nth-child(4) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.gmenu__list__item:nth-child(5) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.gmenu__list__item:nth-child(6) {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.gmenu__list__item:nth-child(7) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.gmenu__list__item:nth-child(8) {
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

.gmenu__list__item:nth-child(9) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.gmenu__list__item:nth-child(10) {
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}

.gmenu__list__item:nth-child(11) {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.gmenu__list__item:nth-child(12) {
  -webkit-transition-delay: 0.55s;
  transition-delay: 0.55s;
}

.gmenu__list__item:nth-child(13) {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.gmenu__list__item:nth-child(14) {
  -webkit-transition-delay: 0.65s;
  transition-delay: 0.65s;
}

.gmenu__list__item:nth-child(15) {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

.gmenu__list__item:nth-child(16) {
  -webkit-transition-delay: 0.75s;
  transition-delay: 0.75s;
}

.gmenu__list__item:nth-child(17) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.gmenu__list__item:nth-child(18) {
  -webkit-transition-delay: 0.85s;
  transition-delay: 0.85s;
}

.gmenu__list__item:nth-child(19) {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

.gmenu__list__item:nth-child(20) {
  -webkit-transition-delay: 0.95s;
  transition-delay: 0.95s;
}

.gmenu__list__item:nth-child(21) {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.gmenu__list__item:nth-child(22) {
  -webkit-transition-delay: 1.05s;
  transition-delay: 1.05s;
}

.gmenu__list__item:nth-child(23) {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}

.gmenu__list__item:nth-child(24) {
  -webkit-transition-delay: 1.15s;
  transition-delay: 1.15s;
}

.gmenu__list__item:nth-child(25) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

.gmenu__list__item:nth-child(26) {
  -webkit-transition-delay: 1.25s;
  transition-delay: 1.25s;
}

.gmenu__list__item:nth-child(27) {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}

.gmenu__list__item:nth-child(28) {
  -webkit-transition-delay: 1.35s;
  transition-delay: 1.35s;
}

.gmenu__list__item:nth-child(29) {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.gmenu__list__item:nth-child(30) {
  -webkit-transition-delay: 1.45s;
  transition-delay: 1.45s;
}

.gmenu__list__item:nth-child(31) {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

.gmenu__list__item:nth-child(32) {
  -webkit-transition-delay: 1.55s;
  transition-delay: 1.55s;
}

.gmenu__list__item:nth-child(33) {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}

.gmenu__list__item:nth-child(34) {
  -webkit-transition-delay: 1.65s;
  transition-delay: 1.65s;
}

.gmenu__list__item:nth-child(35) {
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s;
}

.gmenu__list__item:nth-child(36) {
  -webkit-transition-delay: 1.75s;
  transition-delay: 1.75s;
}

.gmenu__list__item:nth-child(37) {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
}

.gmenu__list__item:nth-child(38) {
  -webkit-transition-delay: 1.85s;
  transition-delay: 1.85s;
}

.gmenu__list__item:nth-child(39) {
  -webkit-transition-delay: 1.9s;
  transition-delay: 1.9s;
}

.gmenu__list__item:nth-child(40) {
  -webkit-transition-delay: 1.95s;
  transition-delay: 1.95s;
}

.gmenu__list__item:nth-child(41) {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}

.gmenu__list__item:nth-child(42) {
  -webkit-transition-delay: 2.05s;
  transition-delay: 2.05s;
}

.gmenu__list__item:nth-child(43) {
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s;
}

.gmenu__list__item:nth-child(44) {
  -webkit-transition-delay: 2.15s;
  transition-delay: 2.15s;
}

.gmenu__list__item:nth-child(45) {
  -webkit-transition-delay: 2.2s;
  transition-delay: 2.2s;
}

.gmenu__list__item:nth-child(46) {
  -webkit-transition-delay: 2.25s;
  transition-delay: 2.25s;
}

.gmenu__list__item:nth-child(47) {
  -webkit-transition-delay: 2.3s;
  transition-delay: 2.3s;
}

.gmenu__list__item:nth-child(48) {
  -webkit-transition-delay: 2.35s;
  transition-delay: 2.35s;
}

.gmenu__list__item:nth-child(49) {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}

.gmenu__list__item:nth-child(50) {
  -webkit-transition-delay: 2.45s;
  transition-delay: 2.45s;
}

.gmenu__list__item:nth-child(51) {
  -webkit-transition-delay: 2.5s;
  transition-delay: 2.5s;
}

.gmenu__list__item:nth-child(52) {
  -webkit-transition-delay: 2.55s;
  transition-delay: 2.55s;
}

.gmenu__list__item:nth-child(53) {
  -webkit-transition-delay: 2.6s;
  transition-delay: 2.6s;
}

.gmenu__list__item:nth-child(54) {
  -webkit-transition-delay: 2.65s;
  transition-delay: 2.65s;
}

.gmenu__list__item:nth-child(55) {
  -webkit-transition-delay: 2.7s;
  transition-delay: 2.7s;
}

.gmenu__list__item:nth-child(56) {
  -webkit-transition-delay: 2.75s;
  transition-delay: 2.75s;
}

.gmenu__list__item:nth-child(57) {
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s;
}

.gmenu__list__item:nth-child(58) {
  -webkit-transition-delay: 2.85s;
  transition-delay: 2.85s;
}

.gmenu__list__item:nth-child(59) {
  -webkit-transition-delay: 2.9s;
  transition-delay: 2.9s;
}

.gmenu__list__item:nth-child(60) {
  -webkit-transition-delay: 2.95s;
  transition-delay: 2.95s;
}

.gmenu__list__item:nth-child(61) {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}

.gmenu__list__item:nth-child(62) {
  -webkit-transition-delay: 3.05s;
  transition-delay: 3.05s;
}

.gmenu__list__item:nth-child(63) {
  -webkit-transition-delay: 3.1s;
  transition-delay: 3.1s;
}

.gmenu__list__item:nth-child(64) {
  -webkit-transition-delay: 3.15s;
  transition-delay: 3.15s;
}

.gmenu__list__item:nth-child(65) {
  -webkit-transition-delay: 3.2s;
  transition-delay: 3.2s;
}

.gmenu__list__item:nth-child(66) {
  -webkit-transition-delay: 3.25s;
  transition-delay: 3.25s;
}

.gmenu__list__item:nth-child(67) {
  -webkit-transition-delay: 3.3s;
  transition-delay: 3.3s;
}

.gmenu__list__item:nth-child(68) {
  -webkit-transition-delay: 3.35s;
  transition-delay: 3.35s;
}

.gmenu__list__item:nth-child(69) {
  -webkit-transition-delay: 3.4s;
  transition-delay: 3.4s;
}

.gmenu__list__item:nth-child(70) {
  -webkit-transition-delay: 3.45s;
  transition-delay: 3.45s;
}

.gmenu__list__item:nth-child(71) {
  -webkit-transition-delay: 3.5s;
  transition-delay: 3.5s;
}

.gmenu__list__item:nth-child(72) {
  -webkit-transition-delay: 3.55s;
  transition-delay: 3.55s;
}

.gmenu__list__item:nth-child(73) {
  -webkit-transition-delay: 3.6s;
  transition-delay: 3.6s;
}

.gmenu__list__item:nth-child(74) {
  -webkit-transition-delay: 3.65s;
  transition-delay: 3.65s;
}

.gmenu__list__item:nth-child(75) {
  -webkit-transition-delay: 3.7s;
  transition-delay: 3.7s;
}

.gmenu__list__item:nth-child(76) {
  -webkit-transition-delay: 3.75s;
  transition-delay: 3.75s;
}

.gmenu__list__item:nth-child(77) {
  -webkit-transition-delay: 3.8s;
  transition-delay: 3.8s;
}

.gmenu__list__item:nth-child(78) {
  -webkit-transition-delay: 3.85s;
  transition-delay: 3.85s;
}

.gmenu__list__item:nth-child(79) {
  -webkit-transition-delay: 3.9s;
  transition-delay: 3.9s;
}

.gmenu__list__item:nth-child(80) {
  -webkit-transition-delay: 3.95s;
  transition-delay: 3.95s;
}

.gmenu__list__item:nth-child(81) {
  -webkit-transition-delay: 4s;
  transition-delay: 4s;
}

.gmenu__list__item:nth-child(82) {
  -webkit-transition-delay: 4.05s;
  transition-delay: 4.05s;
}

.gmenu__list__item:nth-child(83) {
  -webkit-transition-delay: 4.1s;
  transition-delay: 4.1s;
}

.gmenu__list__item:nth-child(84) {
  -webkit-transition-delay: 4.15s;
  transition-delay: 4.15s;
}

.gmenu__list__item:nth-child(85) {
  -webkit-transition-delay: 4.2s;
  transition-delay: 4.2s;
}

.gmenu__list__item:nth-child(86) {
  -webkit-transition-delay: 4.25s;
  transition-delay: 4.25s;
}

.gmenu__list__item:nth-child(87) {
  -webkit-transition-delay: 4.3s;
  transition-delay: 4.3s;
}

.gmenu__list__item:nth-child(88) {
  -webkit-transition-delay: 4.35s;
  transition-delay: 4.35s;
}

.gmenu__list__item:nth-child(89) {
  -webkit-transition-delay: 4.4s;
  transition-delay: 4.4s;
}

.gmenu__list__item:nth-child(90) {
  -webkit-transition-delay: 4.45s;
  transition-delay: 4.45s;
}

.gmenu__list__item:nth-child(91) {
  -webkit-transition-delay: 4.5s;
  transition-delay: 4.5s;
}

.gmenu__list__item:nth-child(92) {
  -webkit-transition-delay: 4.55s;
  transition-delay: 4.55s;
}

.gmenu__list__item:nth-child(93) {
  -webkit-transition-delay: 4.6s;
  transition-delay: 4.6s;
}

.gmenu__list__item:nth-child(94) {
  -webkit-transition-delay: 4.65s;
  transition-delay: 4.65s;
}

.gmenu__list__item:nth-child(95) {
  -webkit-transition-delay: 4.7s;
  transition-delay: 4.7s;
}

.gmenu__list__item:nth-child(96) {
  -webkit-transition-delay: 4.75s;
  transition-delay: 4.75s;
}

.gmenu__list__item:nth-child(97) {
  -webkit-transition-delay: 4.8s;
  transition-delay: 4.8s;
}

.gmenu__list__item:nth-child(98) {
  -webkit-transition-delay: 4.85s;
  transition-delay: 4.85s;
}

.gmenu__list__item:nth-child(99) {
  -webkit-transition-delay: 4.9s;
  transition-delay: 4.9s;
}

.gmenu__list__item:nth-child(100) {
  -webkit-transition-delay: 4.95s;
  transition-delay: 4.95s;
}

.gmenu__list__item:nth-child(101) {
  -webkit-transition-delay: 5s;
  transition-delay: 5s;
}

.gmenu__list__item:first-child,
.gmenu__list__item:nth-child(2) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

@media screen and (min-width: 768px) {
  .gmenu__list__item {
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
    -webkit-box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 24px rgba(227, 216, 189, 0.4);
  }
}

@media screen and (max-width: 767px) {
  .gmenu__list__item {
    -webkit-transform: translateY(5vw);
    transform: translateY(5vw);
    -webkit-box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
    box-shadow: 0 0 3.75vw rgba(227, 216, 189, 0.4);
  }
}

.gmenu__list__item .link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  font-weight: bold;
  font-size: 11px;
}

@media screen and (max-width: 767px) {
  .gmenu__list__item .link {
    font-size: 3.4375vw;
  }
}

@media screen and (min-width: 768px) {
  .gmenu__list__item .link {
    padding: 14px 0 13px 12px;
  }
}

@media screen and (max-width: 767px) {
  .gmenu__list__item .link {
    padding: 3.75vw 0vw 3.75vw 5vw;
  }
}

.gmenu__list__item .link .en {
  display: block;
  color: var(--orange);
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-weight: normal;
  font-size: 8px;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .gmenu__list__item .link .en {
    font-size: 1.71875vw;
  }
}

@media screen and (min-width: 768px) {
  .gmenu__list__item .link .en {
    -webkit-transform: scale(0.8) translateX(-6px);
    transform: scale(0.8) translateX(-6px);
  }
}

@media screen and (max-width: 767px) {
  .gmenu__list__item .link .en {
    margin: 1.09375vw 0vw 0vw 0vw;
  }
}

.gmenu__list__item .link::after {
  content: "";
  background: url(./../img/common/icon_arrow_orange.svg) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .gmenu__list__item .link::after {
    width: 16px;
    height: 2px;
    right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .gmenu__list__item .link::after {
    width: 5vw;
    height: 0.9375vw;
    right: 4.6875vw;
  }
}

@media screen and (min-width: 768px) {
  .gmenu__list__item .link:hover::after {
    -webkit-animation: arrow 0.4s;
    animation: arrow 0.4s;
    right: 20px;
  }
}

@keyframes arrow {
  50% {
    right: 15px;
  }

  100% {
    right: 20px;
  }
}

.gmenu__list__item .link .text {
  position: relative;
  display: inline-block;
  font-size: 14px;
}

.gmenu__list__item .link .text::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.gmenu__list__item .link .text.iconPrice::before {
  background: url(./../img/common/icon_nav_price.svg) no-repeat center center;
  background-size: 100% auto;
  width: 11px;
  height: 14px;
  left: -18px;
  top: 12px;
}

@media screen and (max-width: 767px) {
  .gmenu__list__item .link .text.iconPrice::before {
    width: 3.125vw;
    height: 4.21875vw;
    left: -3.90625vw;
    top: 3.125vw;
  }
}

.gmenu__list__item .link .text.iconLoca::before {
  background: url(./../img/common/icon_nav_loca.svg) no-repeat center center;
  background-size: 100% auto;
  width: 11px;
  height: 15px;
  top: 11px;
  left: -16px;
}

@media screen and (max-width: 767px) {
  .gmenu__list__item .link .text.iconLoca::before {
    width: 3.28125vw;
    height: 4.375vw;
    left: -4.84375vw;
    top: 3.28125vw;
  }
}

.gmenu__list__item .link .text.iconWhat::before {
  background: url(./../img/common/icon_nav_what.svg) no-repeat center center;
  background-size: 100% auto;
  width: 13px;
  height: 19px;
  top: 13px;
  left: -15px;
}

@media screen and (max-width: 767px) {
  .gmenu__list__item .link .text.iconWhat::before {
    width: 3.75vw;
    height: 5.625vw;
    left: -3.90625vw;
    top: 2.96875vw;
  }
}

.gmenu__list__item .link .text.iconSkin::before {
  background: url(./../img/common/icon_nav_skin.svg) no-repeat center center;
  background-size: 100% auto;
  width: 13px;
  height: 19px;
  top: 13px;
  left: -15px;
}

@media screen and (max-width: 767px) {
  .gmenu__list__item .link .text.iconSkin::before {
    width: 3.75vw;
    height: 5.625vw;
    left: -3.90625vw;
    top: 2.96875vw;
  }
}

.gmenu__list__item .link .text.iconWho::before {
  background: url(./../img/common/icon_nav_who.svg) no-repeat center center;
  background-size: 100% auto;
  width: 12px;
  height: 12px;
  top: 12px;
  left: -19px;
}

@media screen and (max-width: 767px) {
  .gmenu__list__item .link .text.iconWho::before {
    width: 3.59375vw;
    height: 3.59375vw;
    left: -4.0625vw;
    top: 2.8125vw;
  }
}

.gmenu__list__item .link .text.iconColumn::before {
  background: url(./../img/common/icon_book_gray.svg) no-repeat center center;
  background-size: 100% auto;
  width: 14px;
  height: 10px;
  top: 12px;
  left: -22px;
}

@media screen and (max-width: 767px) {
  .gmenu__list__item .link .text.iconColumn::before {
    width: 3.90625vw;
    height: 2.8125vw;
    left: -4.0625vw;
    top: 2.65625vw;
  }
}

.gmenu__list__item .link .text.iconFaq::before {
  background: url(./../img/common/icon_faq.svg) no-repeat center center;
  background-size: 100% auto;
  width: 11px;
  height: 13px;
  top: 13px;
  left: -17px;
}

@media screen and (max-width: 767px) {
  .gmenu__list__item .link .text.iconFaq::before {
    width: 3.125vw;
    height: 4.0625vw;
    left: -3.90625vw;
    top: 2.5vw;
  }
}

.gmenu__list__item--half {
  width: 48%;
}

.gmenu__list__item--half .link::after {
  content: none;
}

@media screen and (min-width: 768px) {
  .gmenu__list__item:nth-child(n+1) {
    margin: 14px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .gmenu__list__item:nth-child(n+1) {
    margin: 2.8125vw 0vw 0vw 0vw;
  }
}

.gmenu__foot {
  background: var(--goldGray);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

@media screen and (min-width: 768px) {
  .gmenu__foot {
    background: var(--lightGoldGray);
    padding: 22px 20px 15px;
  }
}

@media screen and (max-width: 767px) {
  .gmenu__foot {
    padding: 0vw 5.46875vw 29.6875vw 5.46875vw;
  }
}

.gmenu__foot .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.gmenu__foot .btns__item {
  width: 48%;
}

.gmenu__foot .btns__item .modBtn::after {
  content: none;
}

.gmenu__foot .btns__item--full {
  width: 100%;
}

.gmenu__foot .btns__item--full .modBtn::after {
  content: "";
}

@media screen and (min-width: 768px) {
  .gmenu__foot .btns__item:nth-child(n+2) {
    margin: 19px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .gmenu__foot .btns__item:nth-child(n+2) {
    margin: 3.125vw 0vw 0vw 0vw;
  }
}

.gmenu__foot .btns__item .modBtn {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .gmenu__foot .btns__item .modBtn {
    padding: 16px 0;
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .gmenu__foot .btns__item .modBtn {
    padding: 2.8125vw 0vw 2.8125vw 0vw;
  }
}

.gmenu__foot .btns__item:first-child .modBtn .icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background: url(./../img/common/icon_calendar.svg) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (min-width: 768px) {
  .gmenu__foot .btns__item:first-child .modBtn .icon {
    margin: -4px 10px 0 0;
    width: 13px;
    height: 13px;
  }
}

@media screen and (max-width: 767px) {
  .gmenu__foot .btns__item:first-child .modBtn .icon {
    margin: -0.625vw 1.5625vw 0vw 0vw;
    width: 3.28125vw;
    height: 3.28125vw;
  }
}

.gmenu__foot .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .gmenu__foot .links {
    margin: 15px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .gmenu__foot .links {
    margin: 2.34375vw 0vw 0vw 0vw;
  }
}

.gmenu__foot .links__item {
  width: auto;
}

@media screen and (min-width: 768px) {
  .gmenu__foot .links__item {
    margin: 11px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .gmenu__foot .links__item {
    margin: 1.875vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .gmenu__foot .links__item:first-child {
    margin: 11px 11px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .gmenu__foot .links__item:first-child {
    margin: 1.875vw 5.46875vw 0vw 0vw;
  }
}

.gmenu__foot .links__item--full {
  width: 100%;
  margin: 0;
}

.gmenu__foot .links__item a {
  position: relative;
  font-weight: bold;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .gmenu__foot .links__item a {
    font-size: 3.28125vw;
  }
}

@media screen and (max-width: 767px) {
  .gmenu__foot .links__item a {
    line-height: 2.4761904762;
  }
}

.gmenu__foot .links__item a[target=_blank]::after {
  content: "";
  display: inline-block;
  background: url(./../img/common/icon_blank.svg) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (min-width: 768px) {
  .gmenu__foot .links__item a[target=_blank]::after {
    width: 14px;
    height: 14px;
    margin: 0 0 0 10px;
  }
}

@media screen and (max-width: 767px) {
  .gmenu__foot .links__item a[target=_blank]::after {
    width: 3.125vw;
    height: 3.125vw;
    margin: 0vw 0vw 0vw 1.5625vw;
  }
}

@media screen and (min-width: 768px) {
  #modalTelList .btnClose {
    top: 32px;
    right: 32px;
    background: var(--white) url(./../img/common/icon_modal_close_gray.svg) no-repeat center center;
    background-size: 18px;
  }

  #modalTelList .modModal__inner {
    color: var(--white);
    background: var(--gray);
    padding: 94px 54px 60px;
    width: 640px;
    border-radius: 0;
    left: auto;
    right: 0;
    top: 0;
    -webkit-transform: none;
    transform: none;
  }

  #modalTelList .modModal__inner__scroll {
    max-height: none;
    overflow: hidden;
    padding: 0;
  }

  #modalTelList .modListTel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  #modalTelList .modListTel__area {
    width: 44%;
  }

  #modalTelList .modListTel__area__title {
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.3em;
    margin: 0 0 5px;
  }

  #modalTelList .modListTel__area:nth-child(n+3) {
    margin: 46px 0 0;
  }

  #modalTelList .innerList__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: bold;
    font-size: 15px;
  }

  #modalTelList .innerList__item .tel a {
    color: var(--lightRizeGold);
  }

  #modalTelList .innerList__item:nth-child(n+2) {
    margin: 5px 0 0;
  }
}

@media screen and (max-width: 767px) {
  #modalTelList .btnClose {
    width: 7.8125vw;
    height: 7.8125vw;
    top: 5.46875vw;
    right: 5.46875vw;
    background: var(--white) url(./../img/common/icon_modal_close_gray.svg) no-repeat center center;
    background-size: 3.90625vw auto;
    z-index: 1;
  }

  #modalTelList .modModal__inner {
    color: var(--white);
    background: var(--gray);
    padding: 0;
    width: 100%;
    border-radius: 0;
    left: 0;
    top: 0;
    -webkit-transform: none;
    transform: none;
    width: 100%;
    height: 100%;
  }

  #modalTelList .modModal__inner__scroll {
    padding: 0;
    max-height: 100vh;
    padding: 18.75vw 5vw 29.6875vw 5vw;
  }

  #modalTelList .modContentClinic {
    background: none;
    padding: 0;
  }

  #modalTelList .modContentClinic__title {
    letter-spacing: 0.3em;
  }
}

.footer {
  position: relative;
  background: var(--lightGoldGray);
}

@media screen and (min-width: 768px) {
  .footer {
    padding: 72px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .footer {
    padding: 15.3125vw 0vw 0vw 0vw;
  }
}

.footer::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--goldGray);
  z-index: 0;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .footer::before {
    height: 385px;
  }
}

@media screen and (min-width: 1200px) {
  .footer::before {
    height: 385px;
  }
}

@media screen and (max-width: 767px) {
  .footer::before {
    height: 78.90625vw;
  }
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
  .footer::before {
    height: 42vw;
  }
}

.footer__logo {
  text-align: center;
}

.footer__logo__icon {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .footer__logo__icon img {
    /*width: 61px;
    height: 61px;*/
    width: 101px;
    height: 101px;
  }
}

@media screen and (max-width: 767px) {
  .footer__logo__icon img {
    width: 17.1875vw;
    height: 17.1875vw;
  }
}

.footer__logo__text {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .footer__logo__text {
    font-size: 2.8125vw;
  }
}

@media screen and (min-width: 768px) {
  .footer__logo__text {
    margin: 7px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .footer__logo__text {
    margin: 4.375vw 0vw 0vw 0vw;
  }
}

.footer__logo__text .emp {
  font-weight: bold;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .footer__logo__text .emp {
    font-size: 3.75vw;
  }
}

@media screen and (min-width: 768px) {
  .footer__links {
    margin: 0 auto;
  }
}

.footer__links__sns {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .footer__links__sns {
    right: 207px;
    margin: 95px 0 0;
  }
}

@media screen and (min-width: 1200px) {
  .footer__links__sns {
    left: calc(50vw + 358px);
    margin: 110px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .footer__links__sns {
    left: 66.40625vw;
    top: 57.8125vw;
  }
}

.footer__links__sns li a {
  display: block;
}

@media screen and (min-width: 768px) {
  .footer__links__sns li:nth-child(n+2) {
    width: 32px;
    margin: 7px 0 0 16px;
  }
}

@media screen and (min-width: 768px) {
  .footer__links__sns li:nth-child(1) a {
    margin: -42px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .footer__links__sns li:nth-child(1) a img {
    width: 5.9375vw;
  }
}

@media screen and (min-width: 768px) {
  .footer__links__sns li:nth-child(2) a {
    margin: -18px 0 0 1px;
  }
}

@media screen and (max-width: 767px) {
  .footer__links__sns li:nth-child(2) a {
    margin: 1.25vw 0vw -5.78125vw 3.4375vw;
  }
}

@media screen and (max-width: 767px) {
  .footer__links__sns li:nth-child(2) a img {
    width: 6.25vw;
  }
}

@media screen and (min-width: 768px) {
  .footer__links__sns li:nth-child(3) {
    margin: 0 0 0 13px;
  }
}

@media screen and (min-width: 768px) {
  .footer__links__sns li:nth-child(3) a {
    margin: 30px 0 6px;
  }
}

@media screen and (max-width: 767px) {
  .footer__links__sns li:nth-child(3) a {
    margin: 7.34375vw 0vw -8.59375vw 2.65625vw;
  }
}

@media screen and (max-width: 767px) {
  .footer__links__sns li:nth-child(3) a img {
    width: 6.5625vw;
  }
}

.footer__links {
  position: relative;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .footer__links {
    background: url(./../img/common/bg_footer.svg) no-repeat center top;
    background-size: 2227px auto;
    margin: 48px auto 0;
    height: 675px;
  }
}

@media screen and (min-width: 1200px) {
  .footer__links {
    padding-top: 152px;
    padding-left: calc(50vw - 630px);
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .footer__links {
    min-height: calc(510px + 10.5vw);
    background-size: cover;
    padding: 152px 0 0 60px;
  }
}

@media screen and (max-width: 767px) {
  .footer__links {
    background: url(./../img/common/bg_footer_sp.svg) no-repeat center top;
    background-size: 100% auto;
    min-height: 10vw;
    margin: 2.03125vw 0vw 0vw 0vw;
    padding: 23.125vw 0vw 25vw 5.3125vw;
  }
}

.footer__links::after {
  content: "";
  display: block;
  position: absolute;
  background: url(./../img/common/text_smile.svg) no-repeat center top;
  background-size: 100% auto;
  -webkit-transform: rotate(-10deg) translateZ(-50%);
  transform: rotate(-10deg) translateZ(-50%);
}

@media screen and (min-width: 768px) {
  .footer__links::after {
    width: 211px;
    height: 115px;
    left: 50%;
    bottom: 205px;
    margin: 0 0 0 125px;
  }
}

@media screen and (max-width: 767px) {
  .footer__links::after {
    width: 32.1875vw;
    height: 17.34375vw;
    right: 13.59375vw;
    bottom: 33.59375vw;
  }
}

@media screen and (min-width: 768px) {
  .footer__links__list {
    width: 730px;
  }
}

@media screen and (min-width: 768px) {
  .footer__links__list:nth-child(2) {
    margin: 10px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .footer__links__list:nth-child(2) {
    line-height: 1.9;
    margin: 2.34375vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .footer__links__list:nth-child(3) {
    width: 900px;
  }
}

@media screen and (min-width: 768px) {
  .footer__links__list:nth-child(3) .footer__links__list {
    width: 900px;
  }
}

@media screen and (min-width: 768px) {
  .footer__links__list:nth-child(n+3) {
    margin: 18px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .footer__links__list:nth-child(n+3) {
    line-height: 1.9;
    margin: 3.4375vw 0vw 0vw 0vw;
  }
}

@media screen and (max-width: 767px) {
  .footer__links__list:last-child {
    line-height: 1.9;
    margin: 3.4375vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 768px) {
  .footer__links__list li {
    margin: 0 0 10px;
  }
}

@media screen and (max-width: 767px) {
  .footer__links__list li {
    margin: 0vw 1.09375vw 0vw 1.09375vw;
    line-height: 1.6;
  }
}

.footer__links__list--multiple {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .footer__links__list--multiple {
    max-width: 100vw;
  }
}

.footer__links__list--multiple li:not(.noBorder)::after {
  content: "|";
  display: inline-block;
  vertical-align: middle;
  color: var(--white);
}

@media screen and (max-width: 767px) {
  .footer__links__list--multiple li:not(.noBorder)::after {
    font-size: 2.109375vw;
  }
}

@media screen and (min-width: 768px) {
  .footer__links__list--multiple li:not(.noBorder)::after {
    margin: 0 13px;
  }
}

@media screen and (max-width: 767px) {
  .footer__links__list--multiple li:not(.noBorder)::after {
    margin: -0.625vw 0.3125vw 0vw 2.1875vw;
  }
}

.footer__links__list a {
  color: var(--white);
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .footer__links__list a {
    font-size: 2.1875vw;
  }
}

@media screen and (min-width: 768px) {
  .footer__links__list a {
    font-weight: bold;
  }
}

@media screen and (max-width: 767px) {
  .footer__links__list a {
    font-weight: normal;
  }
}

.footer__links__list a[target=_blank]::after {
  content: "";
  display: inline-block;
  background: url(./../img/common/icon_blank.svg) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (min-width: 768px) {
  .footer__links__list a[target=_blank]::after {
    width: 12px;
    height: 12px;
    margin: 0 20px 0 12px;
  }
}

@media screen and (max-width: 767px) {
  .footer__links__list a[target=_blank]::after {
    width: 2.03125vw;
    height: 2.03125vw;
    margin: 0vw 0vw 0vw 1.5625vw;
  }
}

.footer__links__list .footer__links__list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .footer__links__list .footer__links__list {
    max-width: 125vw;
    margin: 0.625vw 0vw 0vw 6.25vw;
  }
}

@media screen and (min-width: 768px) {
  .footer__links__list .footer__links__list {
    margin: 0;
    padding-left: 24px;
  }
}

.footer__links__list .footer__links__list li {
  font-size: 10px;
}

@media screen and (max-width: 767px) {
  .footer__links__list .footer__links__list li {
    line-height: 1.9;
  }
}

.footer__links__list .footer__links__list li:not(.noBorder)::after {
  content: "|";
  display: inline-block;
  vertical-align: middle;
  color: var(--white);
}

@media screen and (min-width: 768px) {
  .footer__links__list .footer__links__list li:not(.noBorder)::after {
    margin: -3px 12px 0;
  }
}

@media screen and (max-width: 767px) {
  .footer__links__list .footer__links__list li:not(.noBorder)::after {
    margin: -0.625vw 0.3125vw 0vw 2.1875vw;
  }
}

.footer__links__list .footer__links__list li a {
  font-size: 10px;
}

@media screen and (max-width: 767px) {
  .footer__links__list .footer__links__list li a {
    font-size: 2.03125vw;
  }
}

.footer__links__list .footer__links__list li:first-of-type {
  position: relative;
}

.footer__links__list .footer__links__list li:first-of-type::before {
  content: "∟";
  width: 20px;
  height: 20px;
  color: #fff;
  position: absolute;
  left: -20px;
}

.footer__links>.footer__links__list li:last-child::after {
  content: "";
}

@media screen and (max-width: 767px) {
  .footer__links>.footer__links__list:nth-child(n+4) {
    max-width: 84.375vw;
  }
}

@media screen and (max-width: 767px) {
  .footer__links>.footer__links__list:nth-child(n+5) {
    max-width: 62.5vw;
  }
}

.footer__links>.footer__links__list:nth-child(n+6) {
  position: relative;
}

@media screen and (max-width: 767px) {
  .footer__links>.footer__links__list:nth-child(n+6) {
    max-width: 46.875vw;
  }
}

.footer__links>.footer__links__list:nth-child(n+6)::before {
  content: "";
  position: absolute;
  display: block;
  background: url(./../img/common/icon_footer_smile.svg) no-repeat center top;
  background-size: 100% auto;
}

@media screen and (min-width: 768px) {
  .footer__links>.footer__links__list:nth-child(n+6)::before {
    width: 50px;
    height: 28px;
    left: 0;
    top: 54px;
  }
}

@media screen and (max-width: 767px) {
  .footer__links>.footer__links__list:nth-child(n+6)::before {
    width: 11.5625vw;
    height: 6.71875vw;
    bottom: -10.9375vw;
  }
}

.footer__copy {
  font-size: 10px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .footer__copy {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 768px) {
  .footer__copy {
    text-align: center;
    margin: 8px 0 25px;
  }
}

@media screen and (max-width: 767px) {
  .footer__copy {
    text-align: right;
    padding: 0vw 3.75vw 3.75vw 3.75vw;
    -webkit-transform: translateY(14vw);
    transform: translateY(14vw);
  }
}

.topRecommendBox .modContentCampaign__off__area .big {
  font-size: 135%;
}

.topRecommendBox .topRecommendBox__body .parts {
  font-size: 2.6vw;
  margin-bottom: 6%;
}

.topRecommendBox .modContentCampaign__off__area {
  margin-top: 0;
}

@media screen and (min-width:768px) {
  .topRecommendBox .topRecommendBox__body .parts {
    font-size: 10px;
  }

  .topRecommendBox .modContentCampaign__off__area {
    font-size: 10px;
  }

  /**/
  .topRecommendBox__body .price {
    padding: 0;
  }

  .topRecommendBox .modContentCampaign__off__btn {
    width: 103px;
    margin: 8px auto 0;
  }

  /**/
}


.banner {
  margin: 6.25vw 5.15625vw 0;
}

.banner img {
  border-radius: 5.3125vw;
}

@media screen and (min-width:768px) {
  .banner {
    width: 1000px;
    margin: 90px auto 0;
  }

  .banner img {
    border-radius: 24px;
  }

  .topHistory--beforeNone {
    padding: 0 0 164px 0;
  }
}


.items-center {
  align-items: center !important;
}

.color-orange {
  color: var(--orange);
}