@charset "UTF-8";
/* フォント定設
-----------------------------------------------------------------*/
@font-face {
  font-family: 'MyYuGothicM';
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
  /* 游ゴシックMediumが存在しないWindows8.1用 */ }

@font-face {
  font-family: 'MyYuGothicM';
  font-weight: bold;
  src: local("YuGothic-Bold"), local("Yu Gothic Bold");
  /* PostScript Nameを認識できないChrome用にFull Nameを指定 */ }

/* フォント定設
-----------------------------------------------------------------*/
@font-face {
  font-family: 'MyYuGothicM';
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
  /* 游ゴシックMediumが存在しないWindows8.1用 */ }

@font-face {
  font-family: 'MyYuGothicM';
  font-weight: bold;
  src: local("YuGothic-Bold"), local("Yu Gothic Bold");
  /* PostScript Nameを認識できないChrome用にFull Nameを指定 */ }

/*--------------------------------
 CIRCLE BG
--------------------------------*/
@-webkit-keyframes slowRotate {
  from {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
@keyframes slowRotate {
  from {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

.c-circleBg {
  position: absolute;
  mix-blend-mode: multiply;
  opacity: 0.3;
  -webkit-animation: slowRotate 150s linear infinite;
  animation: slowRotate 150s linear infinite; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-circleBg {
      width: 580px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-circleBg {
      width: min(max(1265 / 1920 * 100vw, 885.5px), 1265px); } }
  .c-circleBg img {
    width: 100%; }

/*--------------------------------
 WAVE BG
--------------------------------*/
.c-waveSection {
  position: relative; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-waveSection {
      padding: 42px 0 62px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-waveSection {
      padding-top: min(max(172 / 1920 * 100vw, 120.4px), 172px);
      padding-top: round(nearest, min(max(172 / 1920 * 100vw, 120.4px), 172px), 1px);
      padding-bottom: min(max(289 / 1920 * 100vw, 202.3px), 289px);
      padding-bottom: round(nearest, min(max(289 / 1920 * 100vw, 202.3px), 289px), 1px);
      padding-left: 0;
      padding-right: 0; } }
  .c-waveSection:before, .c-waveSection:after {
    content: "";
    position: absolute;
    left: -100%;
    width: 300%;
    background-repeat: repeat-x;
    background-size: auto 100%;
    background-position: center; }
  .c-waveSection:before {
    top: 0; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
      .c-waveSection:before {
        height: 42px;
        margin-left: -130px; } }
    @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
      .c-waveSection:before {
        height: min(max(172 / 1920 * 100vw, 120.4px), 172px);
        height: round(nearest, min(max(172 / 1920 * 100vw, 120.4px), 172px), 1px);
        margin-left: min(max(-550 / 1920 * 100vw, -715px), -550px); } }
  .c-waveSection:after {
    bottom: 0; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
      .c-waveSection:after {
        height: 62px;
        margin-left: -35px; } }
    @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
      .c-waveSection:after {
        height: min(max(289 / 1920 * 100vw, 202.3px), 289px);
        height: round(nearest, min(max(289 / 1920 * 100vw, 202.3px), 289px), 1px);
        margin-left: min(max(-80 / 1920 * 100vw, -104px), -80px); } }

/*--------------------------------
 BUTTON（青）
--------------------------------*/
.c-button {
  text-align: center; }

.c-button_link {
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #496ea2;
  border: 1px solid #496ea2;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
  transition: background-color 0.3s ease, border-color 0.3s ease; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-button_link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 52px;
      border-radius: 3px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-button_link {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: min(max(526 / 1920 * 100vw, 368.2px), 526px);
      height: min(max(81 / 1920 * 100vw, 56.7px), 81px);
      border-radius: 5px; } }
  .c-button_link.is-grey {
    background-color: #E9ECF0;
    border-color: #E9ECF0; }
  @media (hover: hover) {
    .c-button_link:hover {
      background-color: #fff; }
      .c-button_link:hover.is-grey {
        border-color: #496ea2; } }

.c-button_linkText {
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.04em;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-button_linkText {
      font-size: 17px;
      padding-bottom: 1px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-button_linkText {
      font-size: min(max(30 / 1920 * 100vw, 21px), 30px);
      padding-bottom: 2px; } }
  .is-grey .c-button_linkText {
    color: #496ea2; }
  @media (hover: hover) {
    .c-button_link:hover .c-button_linkText {
      color: #496ea2; } }

.c-button_linkArrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  stroke: #fff;
  aspect-ratio: 8 / 13;
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-button_linkArrow {
      width: 8px;
      right: 19px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-button_linkArrow {
      width: min(max(14 / 1920 * 100vw, 9.8px), 14px);
      right: min(max(46 / 1920 * 100vw, 32.2px), 46px); } }
  .is-grey .c-button_linkArrow {
    stroke: #496ea2; }
  .c-button_linkArrow.is-external {
    aspect-ratio: 1 / 1; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
      .c-button_linkArrow.is-external {
        width: 10px; } }
    @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
      .c-button_linkArrow.is-external {
        width: min(max(22 / 1920 * 100vw, 15.4px), 22px); } }
  @media (hover: hover) {
    .c-button_link:hover .c-button_linkArrow {
      stroke: #496ea2; } }

/*--------------------------------
 共通見出し
--------------------------------*/
.c-titleArea_subTitle {
  -webkit-transition: opacity 0.8s ease 0s, -webkit-transform 0.8s ease 0s;
  transition: opacity 0.8s ease 0s, -webkit-transform 0.8s ease 0s;
  transition: opacity 0.8s ease 0s, transform 0.8s ease 0s;
  transition: opacity 0.8s ease 0s, transform 0.8s ease 0s, -webkit-transform 0.8s ease 0s;
  will-change: opacity, transform; }
  .is-hidden .c-titleArea_subTitle {
    opacity: 0;
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%); }

.c-titleArea_title {
  -webkit-transition: opacity 0.8s ease 0.13s, -webkit-transform 0.8s ease 0.13s;
  transition: opacity 0.8s ease 0.13s, -webkit-transform 0.8s ease 0.13s;
  transition: opacity 0.8s ease 0.13s, transform 0.8s ease 0.13s;
  transition: opacity 0.8s ease 0.13s, transform 0.8s ease 0.13s, -webkit-transform 0.8s ease 0.13s;
  will-change: opacity, transform; }
  .is-hidden .c-titleArea_title {
    opacity: 0;
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%); }

.c-titleArea_description {
  -webkit-transition: opacity 0.8s ease 0.26s, -webkit-transform 0.8s ease 0.26s;
  transition: opacity 0.8s ease 0.26s, -webkit-transform 0.8s ease 0.26s;
  transition: opacity 0.8s ease 0.26s, transform 0.8s ease 0.26s;
  transition: opacity 0.8s ease 0.26s, transform 0.8s ease 0.26s, -webkit-transform 0.8s ease 0.26s;
  will-change: opacity, transform; }
  .is-hidden .c-titleArea_description {
    opacity: 0;
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%); }

.c-titleArea {
  text-align: center; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-titleArea {
      margin-bottom: 38px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-titleArea {
      margin-bottom: min(max(100 / 1920 * 100vw, 70px), 100px); } }
  .is-hidden .c-titleArea {
    opacity: 0;
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%); }

.c-titleArea_subTitle {
  color: #496ea2;
  font-family: "Gelasio", serif;
  letter-spacing: 0.1em; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-titleArea_subTitle {
      font-weight: 600; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-titleArea_subTitle {
      font-weight: 500; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-titleArea_subTitle {
      font-size: 12px;
      margin-bottom: 20px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-titleArea_subTitle {
      font-size: min(max(22 / 1920 * 100vw, 15.4px), 22px);
      margin-bottom: min(max(34 / 1920 * 100vw, 23.8px), 34px); } }

.c-titleArea_title {
  color: #496ea2;
  line-height: calc(66 / 38);
  letter-spacing: 0.2em; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-titleArea_title {
      font-weight: 600; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-titleArea_title {
      font-weight: 500; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-titleArea_title {
      margin-bottom: 28px;
      font-size: 18px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-titleArea_title {
      margin-bottom: min(max(43 / 1920 * 100vw, 30.1px), 43px);
      font-size: min(max(38 / 1920 * 100vw, 26.6px), 38px); } }

.c-titleArea_description {
  color: #000;
  font-weight: 500;
  letter-spacing: 0.12em;
  line-height: 2.18; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-titleArea_description {
      font-size: 13px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-titleArea_description {
      font-size: min(max(22 / 1920 * 100vw, 15.4px), 22px); } }

/*--------------------------------
 タグ
--------------------------------*/
.c-tagList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-tagList {
      gap: 6px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-tagList {
      gap: min(max(6 / 1920 * 100vw, 4.2px), 6px); } }

.c-tag {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #fff;
  border: 1px solid #496ea2;
  border-radius: 17px;
  color: #496ea2;
  letter-spacing: 0.06em;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-tag {
      font-weight: 600; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-tag {
      font-weight: 500; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-tag {
      font-size: 10px;
      padding: 3px 12px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-tag {
      font-size: min(max(16 / 1920 * 100vw, 11.2px), 16px);
      padding: min(max(4 / 1920 * 100vw, 2.8px), 4px) min(max(18 / 1920 * 100vw, 12.6px), 18px); } }
  .c-tag.is-selected {
    background-color: #496ea2;
    color: #fff; }
  @media (hover: hover) {
    .c-tag:hover {
      background-color: #496ea2;
      color: #fff; } }

.c-tag_label:before {
  content: "#"; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .c-tag_label:before {
      margin-right: 0.02em; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .c-tag_label:before {
      margin-right: 1px; } }

/*--------------------------------
 共通inview
--------------------------------*/
.c-hidden {
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease, -webkit-transform 0.8s ease;
  will-change: opacity, transform; }
  .c-hidden.is-hidden {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px); }

/*=============================================

	slick.js

==============================================*/
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: 0; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:after, .slick-track:before {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir=rtl] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }
/*=============================================

  メインビジュアル

==============================================*/
.mv {
  position: relative;
  width: 100%;
  height: 200svh; }

.mv_stickyArea {
  position: sticky;
  top: 0; }

.mv_background {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: translate 2s ease;
  transition: translate 2s ease; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .mv_background {
      top: -1svh;
      height: 101svh; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .mv_background {
      height: 130svh;
      top: -15svh; } }
  .is-loading .mv_background {
    translate: 0 100%; }
  .mv_background * {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.mv_backgroundInner {
  height: 100%;
  -webkit-transition: opacity 2s ease, -webkit-transform 2s ease;
  transition: opacity 2s ease, -webkit-transform 2s ease;
  transition: transform 2s ease, opacity 2s ease;
  transition: transform 2s ease, opacity 2s ease, -webkit-transform 2s ease;
  will-change: transform, opacity; }
  .is-loading .mv_backgroundInner {
    opacity: 0;
    -webkit-transform: scale(0.4) rotate(179deg);
    -ms-transform: scale(0.4) rotate(179deg);
    transform: scale(0.4) rotate(179deg); }
  .mv_backgroundInner img {
    display: block;
    width: auto;
    height: 100%; }

.mv_backgroundCircle {
  height: 100%;
  display: block; }
  .mv_backgroundCircle.is-rotating {
    -webkit-animation: slowRotate 150s linear infinite;
    animation: slowRotate 150s linear infinite; }

/* ▼ mv_contentArea */
.mv_contentArea {
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100svh;
  -webkit-transition: opacity 1.1s ease;
  transition: opacity 1.1s ease; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .mv_contentArea {
      gap: 13px;
      padding-bottom: 7px;
      translate: 0 -6px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .mv_contentArea {
      gap: min(max(19 / 1080 * 100svh, 13.3px), 19px); } }
  .is-textHidden .mv_contentArea {
    opacity: 0; }

.mv_logo {
  display: block;
  aspect-ratio: 1/1;
  -webkit-transition: opacity 1.5s ease 1.5s;
  transition: opacity 1.5s ease 1.5s;
  will-change: transform; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .mv_logo {
      width: 58px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .mv_logo {
      width: min(max(103 / 1080 * 100svh, 72.1px), 123.6px); } }
  .is-loading .mv_logo {
    opacity: 0; }

.mv_catchArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .mv_catchArea {
      gap: 12px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .mv_catchArea {
      gap: min(max(31 / 1080 * 100svh, 21.7px), 37.2px); } }

.mv_catchText {
  margin: 0;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .mv_catchText {
      font-size: 23px;
      gap: 15px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .mv_catchText {
      font-size: min(max(44 / 1080 * 100svh, 30.8px), 52.8px);
      gap: min(max(33 / 1080 * 100svh, 23.1px), 39.6px); } }

.mv_catchText_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .mv_catchText_block {
      gap: 5px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .mv_catchText_block {
      gap: min(max(12 / 1080 * 100svh, 8.4px), 14.4px); } }

.mv_catchText_char {
  display: inline-block;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .mv_catchText_char {
      font-weight: 600; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .mv_catchText_char {
      font-weight: 500; } }

.mv_catchText_char:nth-child(1) {
  -webkit-transition: opacity 2s ease 1.6s;
  transition: opacity 2s ease 1.6s;
  will-change: transform; }
  .is-loading .mv_catchText_char:nth-child(1) {
    opacity: 0; }

.mv_catchText_char:nth-child(2) {
  -webkit-transition: opacity 2s ease 1.7s;
  transition: opacity 2s ease 1.7s;
  will-change: transform; }
  .is-loading .mv_catchText_char:nth-child(2) {
    opacity: 0; }

.mv_catchText_char:nth-child(3) {
  -webkit-transition: opacity 2s ease 1.8s;
  transition: opacity 2s ease 1.8s;
  will-change: transform; }
  .is-loading .mv_catchText_char:nth-child(3) {
    opacity: 0; }

.mv_catchText_char:nth-child(4) {
  -webkit-transition: opacity 2s ease 1.9s;
  transition: opacity 2s ease 1.9s;
  will-change: transform; }
  .is-loading .mv_catchText_char:nth-child(4) {
    opacity: 0; }

.mv_catchText_char:nth-child(5) {
  -webkit-transition: opacity 2s ease 2s;
  transition: opacity 2s ease 2s;
  will-change: transform; }
  .is-loading .mv_catchText_char:nth-child(5) {
    opacity: 0; }

.mv_catchText_char:nth-child(6) {
  -webkit-transition: opacity 2s ease 2.1s;
  transition: opacity 2s ease 2.1s;
  will-change: transform; }
  .is-loading .mv_catchText_char:nth-child(6) {
    opacity: 0; }

.mv_catchText_char:nth-child(7) {
  -webkit-transition: opacity 2s ease 2.2s;
  transition: opacity 2s ease 2.2s;
  will-change: transform; }
  .is-loading .mv_catchText_char:nth-child(7) {
    opacity: 0; }

.mv_catchText_char:nth-child(8) {
  -webkit-transition: opacity 2s ease 2.3s;
  transition: opacity 2s ease 2.3s;
  will-change: transform; }
  .is-loading .mv_catchText_char:nth-child(8) {
    opacity: 0; }

.mv_catchText_char:nth-child(9) {
  -webkit-transition: opacity 2s ease 2.4s;
  transition: opacity 2s ease 2.4s;
  will-change: transform; }
  .is-loading .mv_catchText_char:nth-child(9) {
    opacity: 0; }

.mv_catchText_char:nth-child(10) {
  -webkit-transition: opacity 2s ease 2.5s;
  transition: opacity 2s ease 2.5s;
  will-change: transform; }
  .is-loading .mv_catchText_char:nth-child(10) {
    opacity: 0; }

.mv_catchText_char:nth-child(11) {
  -webkit-transition: opacity 2s ease 2.6s;
  transition: opacity 2s ease 2.6s;
  will-change: transform; }
  .is-loading .mv_catchText_char:nth-child(11) {
    opacity: 0; }

.mv_catchText_char:nth-child(12) {
  -webkit-transition: opacity 2s ease 2.7s;
  transition: opacity 2s ease 2.7s;
  will-change: transform; }
  .is-loading .mv_catchText_char:nth-child(12) {
    opacity: 0; }

/*=============================================

  Relaxing Day Off

==============================================*/
.relaxingDayOff {
  position: relative;
  margin-top: -100svh;
  height: 100svh;
  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; }

.relaxingDayOff_circleBg {
  top: 0;
  left: 50%; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .relaxingDayOff_circleBg {
      margin-left: min(max(480 / 1920 * 100vw, 336px), 480px); } }

.relaxingDayOff_content {
  position: relative;
  margin: 0 auto;
  text-align: center; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .relaxingDayOff_content {
      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;
      padding: 0 min(max(20 / 375 * 100vw, 16px), 26px);
      width: min(max(375 / 375 * 100vw, 300px), 487.5px);
      height: min(max(490 / 375 * 100vw, 392px), 637px); } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .relaxingDayOff_content {
      width: min(max(870 / 1920 * 100vw, 609px), 870px);
      padding: min(max(150 / 1920 * 100vw, 105px), 150px) 0 min(max(95 / 1920 * 100vw, 66.5px), 95px); } }

.relaxingDayOff_content_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease, -webkit-filter 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease, -webkit-filter 1s ease;
  transition: opacity 1s ease, transform 1s ease, filter 1s ease;
  transition: opacity 1s ease, transform 1s ease, filter 1s ease, -webkit-transform 1s ease, -webkit-filter 1s ease;
  will-change: opacity, transform, filter; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .relaxingDayOff_content_bg {
      background-image: url(../images/relaxing-bg-sp.png); } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .relaxingDayOff_content_bg {
      background-image: url(../images/relaxing-bg.png); } }
  .is-hidden .relaxingDayOff_content_bg {
    opacity: 0;
    -webkit-filter: blur(30px);
    filter: blur(30px);
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%); }

.relaxingDayOff_subTitle {
  -webkit-transition: opacity 0.9s ease 0.9s, -webkit-transform 0.9s ease 0.9s;
  transition: opacity 0.9s ease 0.9s, -webkit-transform 0.9s ease 0.9s;
  transition: opacity 0.9s ease 0.9s, transform 0.9s ease 0.9s;
  transition: opacity 0.9s ease 0.9s, transform 0.9s ease 0.9s, -webkit-transform 0.9s ease 0.9s;
  will-change: opacity, transform; }
  .is-hidden .relaxingDayOff_subTitle {
    opacity: 0;
    -webkit-transform: translateY(32px);
    -ms-transform: translateY(32px);
    transform: translateY(32px); }

.relaxingDayOff_title {
  -webkit-transition: opacity 0.9s ease 1.03s, -webkit-transform 0.9s ease 1.03s;
  transition: opacity 0.9s ease 1.03s, -webkit-transform 0.9s ease 1.03s;
  transition: opacity 0.9s ease 1.03s, transform 0.9s ease 1.03s;
  transition: opacity 0.9s ease 1.03s, transform 0.9s ease 1.03s, -webkit-transform 0.9s ease 1.03s;
  will-change: opacity, transform; }
  .is-hidden .relaxingDayOff_title {
    opacity: 0;
    -webkit-transform: translateY(32px);
    -ms-transform: translateY(32px);
    transform: translateY(32px); }

.relaxingDayOff_text {
  -webkit-transition: opacity 0.9s ease 1.16s, -webkit-transform 0.9s ease 1.16s;
  transition: opacity 0.9s ease 1.16s, -webkit-transform 0.9s ease 1.16s;
  transition: opacity 0.9s ease 1.16s, transform 0.9s ease 1.16s;
  transition: opacity 0.9s ease 1.16s, transform 0.9s ease 1.16s, -webkit-transform 0.9s ease 1.16s;
  will-change: opacity, transform; }
  .is-hidden .relaxingDayOff_text {
    opacity: 0;
    -webkit-transform: translateY(32px);
    -ms-transform: translateY(32px);
    transform: translateY(32px); }

.relaxingDayOff_decorationRightIcon1 {
  -webkit-transition: opacity 0.9s ease 1.29s, -webkit-transform 0.9s ease 1.29s;
  transition: opacity 0.9s ease 1.29s, -webkit-transform 0.9s ease 1.29s;
  transition: opacity 0.9s ease 1.29s, transform 0.9s ease 1.29s;
  transition: opacity 0.9s ease 1.29s, transform 0.9s ease 1.29s, -webkit-transform 0.9s ease 1.29s;
  will-change: opacity, transform;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top; }
  .is-hidden .relaxingDayOff_decorationRightIcon1 {
    opacity: 0;
    -webkit-transform: rotate(-10deg) translate(30px, -32px);
    -ms-transform: rotate(-10deg) translate(30px, -32px);
    transform: rotate(-10deg) translate(30px, -32px); }

.relaxingDayOff_decorationRightIcon2 {
  -webkit-transition: opacity 0.9s ease 1.42s, -webkit-transform 0.9s ease 1.42s;
  transition: opacity 0.9s ease 1.42s, -webkit-transform 0.9s ease 1.42s;
  transition: opacity 0.9s ease 1.42s, transform 0.9s ease 1.42s;
  transition: opacity 0.9s ease 1.42s, transform 0.9s ease 1.42s, -webkit-transform 0.9s ease 1.42s;
  will-change: opacity, transform;
  -webkit-transition-delay: 1.62s;
  transition-delay: 1.62s; }
  .is-hidden .relaxingDayOff_decorationRightIcon2 {
    opacity: 0;
    -webkit-transform: rotate(0deg) translate(10px, 0);
    -ms-transform: rotate(0deg) translate(10px, 0);
    transform: rotate(0deg) translate(10px, 0); }

.relaxingDayOff_textArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .relaxingDayOff_titleArea {
    margin-bottom: 34px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
  .relaxingDayOff_titleArea {
    margin-bottom: min(max(62 / 1920 * 100vw, 43.4px), 62px); } }

.relaxingDayOff_subTitle {
  color: #496ea2;
  font-family: "Gelasio", serif;
  letter-spacing: 0.1em; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .relaxingDayOff_subTitle {
      font-weight: 600; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .relaxingDayOff_subTitle {
      font-weight: 500; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .relaxingDayOff_subTitle {
      font-size: 12px;
      margin: 0 0 17px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .relaxingDayOff_subTitle {
      font-size: min(max(22 / 1920 * 100vw, 15.4px), 22px);
      margin: 0 0 min(max(38 / 1920 * 100vw, 26.6px), 38px); } }

.relaxingDayOff_title {
  margin: 0 0 0 0;
  color: #496ea2;
  letter-spacing: 0.2em;
  line-height: 1.94; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .relaxingDayOff_title {
      font-weight: 600; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .relaxingDayOff_title {
      font-weight: 500; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .relaxingDayOff_title {
      font-size: 18px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .relaxingDayOff_title {
      font-size: min(max(34 / 1920 * 100vw, 23.8px), 34px); } }

.relaxingDayOff_text {
  color: #000;
  font-weight: 500;
  letter-spacing: 0.14em; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .relaxingDayOff_text {
      font-size: 13px;
      line-height: calc(24 / 13); } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .relaxingDayOff_text {
      line-height: 2.17;
      font-size: min(max(24 / 1920 * 100vw, 16.8px), 24px); } }

.relaxingDayOff_decorationRightIcon1,
.relaxingDayOff_decorationRightIcon2 {
  position: absolute; }
  .relaxingDayOff_decorationRightIcon1 img,
  .relaxingDayOff_decorationRightIcon2 img {
    width: 100%; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .relaxingDayOff_decorationRightIcon1 {
    top: min(max(2 / 375 * 100vw, 1.6px), 2.6px);
    left: min(max(35 / 375 * 100vw, 28px), 45.5px);
    width: min(max(83 / 375 * 100vw, 66.4px), 107.9px); } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
  .relaxingDayOff_decorationRightIcon1 {
    top: min(max(5 / 1920 * 100vw, 3.5px), 5px);
    left: min(max(70 / 1920 * 100vw, 49px), 70px);
    width: min(max(183 / 1920 * 100vw, 128.1px), 183px); } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .relaxingDayOff_decorationRightIcon2 {
    bottom: min(max(-70 / 375 * 100vw, -84px), -49px);
    right: min(max(32 / 375 * 100vw, 25.6px), 41.6px);
    width: min(max(62 / 375 * 100vw, 49.6px), 80.6px); } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
  .relaxingDayOff_decorationRightIcon2 {
    bottom: min(max(-22 / 1920 * 100vw, -28.6px), -22px);
    right: min(max(-124 / 1920 * 100vw, -161.2px), -124px);
    width: min(max(226 / 1920 * 100vw, 158.2px), 226px); } }

/*=============================================

  Area Explain

==============================================*/
.areaExplain {
  position: relative; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .areaExplain {
      padding: 90px 0 142px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .areaExplain {
      width: min(max(1167 / 1920 * 100vw, 816.9px), 1167px);
      margin: 0 auto;
      padding: min(max(270 / 1920 * 100vw, 189px), 270px) 0 min(max(258 / 1920 * 100vw, 180.6px), 258px); } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .areaExplain_circleBg1 {
    bottom: -100px;
    right: 50%;
    margin-right: -75px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
  .areaExplain_circleBg1 {
    bottom: min(max(-300 / 1920 * 100vw, -390px), -300px);
    right: 50%;
    margin-right: min(max(415 / 1920 * 100vw, 290.5px), 415px); } }

.areaExplain_content {
  position: relative; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .areaExplain_content {
      padding: 0 20px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .areaExplain_content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

/* ▼ areaExplain_leftImage */
.areaExplain_leftImage {
  position: relative;
  overflow: hidden;
  background-image: url(../images/area-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 584 / 901;
  -webkit-transition: opacity 2s ease, -webkit-transform 1s ease;
  transition: opacity 2s ease, -webkit-transform 1s ease;
  transition: opacity 2s ease, transform 1s ease;
  transition: opacity 2s ease, transform 1s ease, -webkit-transform 1s ease;
  will-change: opacity, transform; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .areaExplain_leftImage {
      max-width: 450px;
      width: 100%;
      margin: 0 auto;
      border-radius: 6px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .areaExplain_leftImage {
      width: min(max(584 / 1920 * 100vw, 408.8px), 584px);
      border-radius: 10px 0 0 10px; } }
  .areaExplain_leftImage.is-hidden {
    opacity: 0;
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%); }

.areaExplain_item {
  cursor: pointer;
  position: absolute;
  translate: -50% -50%;
  border: 1px solid #496ea2;
  background-color: #fff;
  border-radius: 50%;
  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 print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .areaExplain_item {
      width: min(max(95 / 375 * 100vw, 76px), 123.5px);
      height: min(max(95 / 375 * 100vw, 76px), 123.5px); } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .areaExplain_item {
      width: min(max(165 / 1920 * 100vw, 115.5px), 165px);
      height: min(max(165 / 1920 * 100vw, 115.5px), 165px); } }
  .areaExplain_item.is-pickup {
    border-color: #DD7E71; }
    .areaExplain_item.is-pickup.is-selected {
      background-color: #DD7E71; }
  .areaExplain_item.is-selected {
    background-color: #496ea2; }
  @media (hover: hover) {
    .areaExplain_item:hover {
      background-color: #496ea2; }
      .areaExplain_item:hover.is-pickup {
        background-color: #DD7E71; } }
  .areaExplain_item[data-modal-target="areaExplain-1"] {
    top: calc(155 / 902 * 100%);
    left: calc(105 / 584 * 100%); }
  .areaExplain_item[data-modal-target="areaExplain-2"] {
    top: calc(231 / 902 * 100%);
    left: calc(384 / 584 * 100%); }
  .areaExplain_item[data-modal-target="areaExplain-3"] {
    top: calc(431 / 902 * 100%);
    left: calc(303 / 584 * 100%); }
  .areaExplain_item[data-modal-target="areaExplain-4"] {
    top: calc(562 / 902 * 100%);
    left: calc(137 / 584 * 100%); }
  .areaExplain_item[data-modal-target="areaExplain-5"] {
    top: calc(620 / 902 * 100%);
    left: calc(302 / 584 * 100%); }
  .areaExplain_item[data-modal-target="areaExplain-6"] {
    top: calc(556 / 902 * 100%);
    left: calc(467 / 584 * 100%); }
  .areaExplain_item[data-modal-target="areaExplain-7"] {
    top: calc(787 / 902 * 100%);
    left: calc(124 / 584 * 100%); }
  .areaExplain_item[data-modal-target="areaExplain-1"] {
    -webkit-transition: background-color 0.3s ease, border-color 0.3s ease, opacity 1.5s ease 0.15s;
    transition: background-color 0.3s ease, border-color 0.3s ease, opacity 1.5s ease 0.15s; }
    .is-hidden .areaExplain_item[data-modal-target="areaExplain-1"] {
      opacity: 0; }
  .areaExplain_item[data-modal-target="areaExplain-2"] {
    -webkit-transition: background-color 0.3s ease, border-color 0.3s ease, opacity 1.5s ease 0.3s;
    transition: background-color 0.3s ease, border-color 0.3s ease, opacity 1.5s ease 0.3s; }
    .is-hidden .areaExplain_item[data-modal-target="areaExplain-2"] {
      opacity: 0; }
  .areaExplain_item[data-modal-target="areaExplain-3"] {
    -webkit-transition: background-color 0.3s ease, border-color 0.3s ease, opacity 1.5s ease 0.45s;
    transition: background-color 0.3s ease, border-color 0.3s ease, opacity 1.5s ease 0.45s; }
    .is-hidden .areaExplain_item[data-modal-target="areaExplain-3"] {
      opacity: 0; }
  .areaExplain_item[data-modal-target="areaExplain-4"] {
    -webkit-transition: background-color 0.3s ease, border-color 0.3s ease, opacity 1.5s ease 0.6s;
    transition: background-color 0.3s ease, border-color 0.3s ease, opacity 1.5s ease 0.6s; }
    .is-hidden .areaExplain_item[data-modal-target="areaExplain-4"] {
      opacity: 0; }
  .areaExplain_item[data-modal-target="areaExplain-5"] {
    -webkit-transition: background-color 0.3s ease, border-color 0.3s ease, opacity 1.5s ease 0.75s;
    transition: background-color 0.3s ease, border-color 0.3s ease, opacity 1.5s ease 0.75s; }
    .is-hidden .areaExplain_item[data-modal-target="areaExplain-5"] {
      opacity: 0; }
  .areaExplain_item[data-modal-target="areaExplain-6"] {
    -webkit-transition: background-color 0.3s ease, border-color 0.3s ease, opacity 1.5s ease 0.9s;
    transition: background-color 0.3s ease, border-color 0.3s ease, opacity 1.5s ease 0.9s; }
    .is-hidden .areaExplain_item[data-modal-target="areaExplain-6"] {
      opacity: 0; }
  .areaExplain_item[data-modal-target="areaExplain-7"] {
    -webkit-transition: background-color 0.3s ease, border-color 0.3s ease, opacity 1.5s ease 1.05s;
    transition: background-color 0.3s ease, border-color 0.3s ease, opacity 1.5s ease 1.05s; }
    .is-hidden .areaExplain_item[data-modal-target="areaExplain-7"] {
      opacity: 0; }

.areaExplain_itemLabel {
  font-family: "Zen Kaku Gothic New", serif;
  line-height: 1.4;
  text-align: center;
  color: #496ea2;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .areaExplain_itemLabel {
      font-size: min(max(13 / 375 * 100vw, 10.4px), 16.9px);
      -webkit-transform: translateY(-18%);
      -ms-transform: translateY(-18%);
      transform: translateY(-18%); } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .areaExplain_itemLabel {
      font-size: min(max(21 / 1920 * 100vw, 14.7px), 21px);
      -webkit-transform: translateY(-23%);
      -ms-transform: translateY(-23%);
      transform: translateY(-23%); } }
  .is-pickup .areaExplain_itemLabel {
    color: #DD7E71; }
  .is-selected .areaExplain_itemLabel {
    color: #fff; }
  @media (hover: hover) {
    .areaExplain_item:hover .areaExplain_itemLabel {
      color: #fff; } }
  .areaExplain_itemLabel:first-child {
    letter-spacing: 0; }

.areaExplain_itemIcon {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #496ea2;
  border-radius: 50%;
  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-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .areaExplain_itemIcon {
      width: min(max(17 / 375 * 100vw, 13.6px), 22.1px);
      height: min(max(17 / 375 * 100vw, 13.6px), 22.1px);
      bottom: 14px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .areaExplain_itemIcon {
      width: min(max(30 / 1920 * 100vw, 21px), 30px);
      height: min(max(30 / 1920 * 100vw, 21px), 30px);
      bottom: min(max(27 / 1920 * 100vw, 18.9px), 27px); } }
  .is-pickup .areaExplain_itemIcon {
    background-color: #DD7E71; }
  .areaExplain_item.is-selected.is-pickup .areaExplain_itemIcon svg {
    stroke: #DD7E71; }
  .is-selected .areaExplain_itemIcon {
    background-color: #fff; }
  @media (hover: hover) {
    .areaExplain_item:hover .areaExplain_itemIcon {
      background-color: #fff; }
      .areaExplain_item:hover .areaExplain_itemIcon svg {
        stroke: #496ea2; }
    .areaExplain_item.is-pickup:hover .areaExplain_itemIcon {
      background-color: #fff; }
      .areaExplain_item.is-pickup:hover .areaExplain_itemIcon svg {
        stroke: #DD7E71; } }
  .areaExplain_itemIcon svg {
    aspect-ratio: 4.66 / 8.18;
    stroke: #fff;
    -webkit-transition: stroke 0.3s ease;
    transition: stroke 0.3s ease; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
      .areaExplain_itemIcon svg {
        width: 5px; } }
    @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
      .areaExplain_itemIcon svg {
        width: min(max(9 / 1920 * 100vw, 6.3px), 9px); } }
    .is-selected .areaExplain_itemIcon svg {
      stroke: #496ea2; }

/* ▼ areaExplain_rightContent */
.areaExplain_rightContent {
  -webkit-transition: opacity 2s ease, -webkit-transform 1s ease;
  transition: opacity 2s ease, -webkit-transform 1s ease;
  transition: opacity 2s ease, transform 1s ease;
  transition: opacity 2s ease, transform 1s ease, -webkit-transform 1s ease; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .areaExplain_rightContent {
      position: relative;
      background-color: #fff;
      width: min(max(583 / 1920 * 100vw, 408.1px), 583px);
      height: min(max(901 / 1920 * 100vw, 630.7px), 901px);
      border-radius: 0 10px 10px 0;
      padding: min(max(135 / 1920 * 100vw, 94.5px), 135px) min(max(75 / 1920 * 100vw, 52.5px), 75px) min(max(100 / 1920 * 100vw, 70px), 100px); } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .areaExplain_rightContent.is-hidden {
      opacity: 0;
      -webkit-transform: translateY(10%);
      -ms-transform: translateY(10%);
      transform: translateY(10%); } }

.areaExplain_detailBoxList {
  position: relative;
  width: 100%;
  height: 100%; }

.areaExplain_detailBox {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .areaExplain_detailBox {
      position: fixed;
      z-index: 100; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .areaExplain_detailBox {
      position: absolute; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .areaExplain_detailBox:first-child {
      display: block; } }

.areaExplain_overlay {
  background-color: rgba(0, 0, 0, 0.7);
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100; }

.areaExplain_inner {
  -webkit-transition: opacity 1.5s ease .6s;
  transition: opacity 1.5s ease .6s;
  will-change: opacity; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .areaExplain_inner {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: calc(100% - 40px);
      margin: 0 auto;
      max-height: 90vh;
      z-index: 1000;
      background-color: #fff;
      padding: 50px 0 40px;
      border-radius: 6px;
      overflow-y: auto; } }

.areaExplain_closeIcon {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  padding: 10px;
  top: 10px;
  right: 10px; }
  .areaExplain_closeIcon svg {
    fill: #fff;
    width: 14px;
    height: 14px; }

.areaExplain_title {
  color: #496ea2;
  text-align: center;
  letter-spacing: 0.15em; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .areaExplain_title {
      font-weight: 600; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .areaExplain_title {
      font-weight: 500; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .areaExplain_title {
      font-size: 20px;
      margin: 0 0 30px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .areaExplain_title {
      font-size: min(max(32 / 1920 * 100vw, 22.4px), 32px);
      margin: 0 0 min(max(47 / 1920 * 100vw, 32.9px), 47px); } }

.areaExplain_sliderWrap {
  position: relative; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .areaExplain_sliderWrap {
      padding-bottom: 53px;
      overflow: hidden; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .areaExplain_sliderWrap {
      padding: 0 min(max(50 / 1920 * 100vw, 35px), 50px);
      margin-bottom: min(max(90 / 1920 * 100vw, 63px), 90px); } }

.areaExplain_slider {
  border-radius: 4px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .areaExplain_slider {
      aspect-ratio: 272 / 161;
      width: calc(240 / 334 * 100%);
      margin: 0 auto; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .areaExplain_slider .slick-list {
      overflow: visible; } }
  .areaExplain_slider .slick-dots {
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
      .areaExplain_slider .slick-dots {
        bottom: -27px;
        gap: 11px; } }
    @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
      .areaExplain_slider .slick-dots {
        bottom: min(max(-40 / 1920 * 100vw, -52px), -40px);
        gap: min(max(13 / 1920 * 100vw, 9.1px), 13px); } }
    .areaExplain_slider .slick-dots li {
      font-size: 0; }
      .areaExplain_slider .slick-dots li button {
        background: #E9ECF0;
        border-radius: 50%; }
        @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
          .areaExplain_slider .slick-dots li button {
            width: 11px;
            height: 11px; } }
        @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
          .areaExplain_slider .slick-dots li button {
            width: min(max(13 / 1920 * 100vw, 9.1px), 13px);
            height: min(max(13 / 1920 * 100vw, 9.1px), 13px); } }
      .areaExplain_slider .slick-dots li.slick-active button {
        background: #496ea2; }
      @media (hover: hover) {
        .areaExplain_slider .slick-dots li:hover button {
          background: #496ea2; } }

.areaExplain_sliderImage {
  overflow: hidden; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .areaExplain_sliderImage {
      margin: 0 6px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .areaExplain_sliderImage {
      width: min(max(340 / 1920 * 100vw, 238px), 340px); } }
  .areaExplain_sliderImage img {
    width: 100%; }

.areaExplain_sliderPrev,
.areaExplain_sliderNext {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 13px;
  height: 22px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  @media (hover: hover) {
    .areaExplain_sliderPrev:hover,
    .areaExplain_sliderNext:hover {
      opacity: 0.5; } }
  .areaExplain_sliderPrev svg,
  .areaExplain_sliderNext svg {
    width: 100%;
    height: 100%;
    stroke: #496ea2; }

.areaExplain_sliderPrev {
  left: 0; }

.areaExplain_sliderNext {
  right: 0; }

.areaExplain_description {
  color: #000;
  font-weight: 500;
  letter-spacing: 0.12em;
  line-height: 1.85; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .areaExplain_description {
      padding: 0 53px;
      font-size: 14px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .areaExplain_description {
      width: min(max(340 / 1920 * 100vw, 238px), 340px);
      margin: 0 auto;
      font-size: min(max(20 / 1920 * 100vw, 14px), 20px); } }

/* ▼ decoration icons */
.areaExplain_decorationRightIcon1,
.areaExplain_decorationRightIcon2 {
  -webkit-transition: opacity 1.4s ease, -webkit-transform 1.4s ease;
  transition: opacity 1.4s ease, -webkit-transform 1.4s ease;
  transition: opacity 1.4s ease, transform 1.4s ease;
  transition: opacity 1.4s ease, transform 1.4s ease, -webkit-transform 1.4s ease;
  position: absolute; }

.areaExplain_decorationRightIcon1 {
  right: 50%; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .areaExplain_decorationRightIcon1 {
      bottom: 12px;
      width: 49px;
      margin-right: 95px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .areaExplain_decorationRightIcon1 {
      bottom: min(max(27 / 1920 * 100vw, 18.9px), 27px);
      width: min(max(117 / 1920 * 100vw, 81.9px), 117px);
      margin-right: min(max(550 / 1920 * 100vw, 385px), 550px); } }
  .areaExplain_decorationRightIcon1.is-hidden {
    opacity: 0;
    -webkit-transform: translate(-60px, -30px) rotate(20deg);
    -ms-transform: translate(-60px, -30px) rotate(20deg);
    transform: translate(-60px, -30px) rotate(20deg); }

.areaExplain_decorationRightIcon2 {
  left: 50%;
  z-index: 10; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .areaExplain_decorationRightIcon2 {
      bottom: -95px;
      width: 91px;
      margin-left: 71px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .areaExplain_decorationRightIcon2 {
      bottom: min(max(-235 / 1920 * 100vw, -305.5px), -235px);
      width: min(max(205 / 1920 * 100vw, 143.5px), 205px);
      margin-left: min(max(500 / 1920 * 100vw, 350px), 500px); } }
  .areaExplain_decorationRightIcon2.is-hidden {
    opacity: 0;
    -webkit-transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
    transform: translate(10px, 0); }

/*=============================================

  Diagnosis

==============================================*/
.diagnosis:before {
  background-image: url(../images/wave-white-upper.png); }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis:before {
      margin-left: min(max(-430 / 1920 * 100vw, -559px), -430px); } }

.diagnosis:after {
  background-image: url(../images/wave-white-bottom.png);
  z-index: -1; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis:after {
      margin-left: -70px; } }

.diagnosis_inner {
  background-color: rgba(255, 255, 255, 0.5); }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_inner {
      padding: 90px 0 92px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_inner {
      padding: min(max(180 / 1920 * 100vw, 126px), 180px) 0 min(max(100 / 1920 * 100vw, 70px), 100px); } }

.diagnosis_circleBg1 {
  left: 50%;
  opacity: 0.18; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_circleBg1 {
      bottom: -160px;
      margin-left: -40px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_circleBg1 {
      top: min(max(270 / 1920 * 100vw, 189px), 270px);
      margin-left: min(max(410 / 1920 * 100vw, 287px), 410px); } }

.diagnosis_circleBg2 {
  bottom: -448px;
  right: 50%;
  margin-right: 475px; }

.diagnosis_content {
  position: relative; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .diagnosis_titleArea {
    margin-bottom: 42px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
  .diagnosis_titleArea {
    margin-bottom: min(max(140 / 1920 * 100vw, 98px), 140px); } }

.diagnosis_questionBox {
  position: relative;
  background-color: transparent;
  border: 2px solid #496ea2; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_questionBox {
      max-width: clamp(300px, calc(100% - 40px), 500px);
      min-height: 304px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin: 0 auto;
      padding: 54px 24px 31px;
      border-radius: 6px;
      border-width: 1px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_questionBox {
      max-width: min(max(1167 / 1920 * 100vw, 816.9px), 1167px);
      min-height: 454px;
      margin: 0 auto;
      padding: min(max(130 / 1920 * 100vw, 91px), 130px) 0 min(max(109 / 1920 * 100vw, 76.3px), 109px);
      border-radius: 10px; } }

.diagnosis_questionTitle {
  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 print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_questionTitle {
      margin-bottom: 28px;
      gap: 7px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_questionTitle {
      margin-bottom: min(max(68 / 1920 * 100vw, 47.6px), 68px);
      gap: min(max(18 / 1920 * 100vw, 12.6px), 18px); } }

.diagnosis_questionIcon {
  height: auto; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_questionIcon {
      width: 22px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_questionIcon {
      width: min(max(50 / 1920 * 100vw, 35px), 50px); } }

.diagnosis_questionText {
  margin: 0;
  color: #496ea2;
  letter-spacing: 0.1em; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_questionText {
      font-weight: 600; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_questionText {
      font-weight: 500; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_questionText {
      font-size: 16px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_questionText {
      font-size: min(max(32 / 1920 * 100vw, 22.4px), 32px); } }

.diagnosis_optionList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_optionList {
      min-height: 290px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_optionList {
      width: min(max(460 / 1920 * 100vw, 322px), 460px);
      min-height: min(max(408 / 1920 * 100vw, 285.6px), 408px);
      margin: 0 auto min(max(70 / 1920 * 100vw, 49px), 70px); } }

.diagnosis_optionListInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_optionListInner {
      gap: 20px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_optionListInner {
      gap: min(max(32 / 1920 * 100vw, 22.4px), 32px); } }

.diagnosis_optionButton {
  position: relative;
  width: 100%;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  background-color: #fff;
  border-radius: 26px;
  border: 1px solid #496ea2;
  background-color: #E9ECF0;
  -webkit-box-shadow: 1.5px 1.5px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1.5px 1.5px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_optionButton {
      height: 42px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_optionButton {
      height: min(max(56 / 1920 * 100vw, 39.2px), 56px); } }
  @media (hover: hover) {
    .diagnosis_optionButton:hover {
      background-color: #496ea2; } }

.diagnosis_optionLabel {
  position: relative;
  color: #496ea2;
  letter-spacing: 0.06em;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_optionLabel {
      font-weight: 600; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_optionLabel {
      font-weight: 500; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_optionLabel {
      font-size: 14px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_optionLabel {
      font-size: min(max(22 / 1920 * 100vw, 15.4px), 22px); } }
  @media (hover: hover) {
    .diagnosis_optionButton:hover .diagnosis_optionLabel {
      color: #fff; } }

/* ▼ スキップボタン */
.diagnosis_skipLink {
  position: relative;
  margin: 0 auto;
  text-align: center; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_skipLink {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4;
      margin-top: -3px; } }

.diagnosis_skipLinkText {
  display: inline-block;
  cursor: pointer; }

.diagnosis_skipLinkTextInner {
  margin-bottom: 4px;
  color: #496ea2;
  font-weight: 500;
  letter-spacing: 0.01em;
  border-bottom: 1px solid #496ea2;
  padding-bottom: 4px;
  white-space: nowrap; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_skipLinkTextInner {
      font-size: 11px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_skipLinkTextInner {
      font-size: min(max(16 / 1920 * 100vw, 11.2px), 16px); } }

.diagnosis_skipLinkArrow {
  display: block;
  aspect-ratio: 9.587 / 15.676;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  stroke: #496ea2;
  margin: 0 auto; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_skipLinkArrow {
      width: 8px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_skipLinkArrow {
      width: min(max(13 / 1920 * 100vw, 9.1px), 13px); } }

/* ▼ 質問 */
@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .diagnosis_questionItem {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; } }

/* ▼ 診断結果 */
@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .diagnosis_resultBox {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; } }

.diagnosis_resultTitle {
  text-align: center; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_resultTitle {
      margin-bottom: 28px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_resultTitle {
      margin-bottom: min(max(37 / 1920 * 100vw, 25.9px), 37px); } }

.diagnosis_resultTitleText {
  margin: 0;
  color: #496ea2;
  letter-spacing: 0.1em;
  line-height: calc(54 / 32); }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_resultTitleText {
      font-weight: 600; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_resultTitleText {
      font-weight: 500; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_resultTitleText {
      font-size: 16px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_resultTitleText {
      font-size: min(max(32 / 1920 * 100vw, 22.4px), 32px); } }

.diagnosis_resultList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_resultList {
      gap: 14px;
      margin-bottom: 30px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_resultList {
      gap: min(max(20 / 1920 * 100vw, 14px), 20px);
      max-width: min(max(600 / 1920 * 100vw, 420px), 600px);
      margin: 0 auto min(max(35 / 1920 * 100vw, 24.5px), 35px); } }

.diagnosis_resultItem {
  background-color: #fff;
  border: 1px solid #496ea2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_resultItem {
      padding: 3px 7px;
      gap: 7px;
      min-height: 74px;
      border-radius: 4px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_resultItem {
      padding: min(max(7 / 1920 * 100vw, 4.9px), 7px) min(max(15 / 1920 * 100vw, 10.5px), 15px);
      gap: min(max(7 / 1920 * 100vw, 4.9px), 7px);
      min-height: min(max(106 / 1920 * 100vw, 74.2px), 106px);
      border-radius: 6px; } }
  @media (hover: hover) {
    .diagnosis_resultItem:hover {
      background-color: #496ea2; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .diagnosis_resultCourseImage {
    width: 64px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
  .diagnosis_resultCourseImage {
    width: min(max(95 / 1920 * 100vw, 66.5px), 95px); } }

.diagnosis_resultCourseImage img {
  width: 100%; }

.diagnosis_resultCourseTitle {
  color: #496ea2;
  letter-spacing: 0.06em;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  line-height: calc(21 / 14);
  text-align: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_resultCourseTitle {
      font-weight: 600; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_resultCourseTitle {
      font-weight: 500; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_resultCourseTitle {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      font-size: 14px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_resultCourseTitle {
      font-size: min(max(26 / 1920 * 100vw, 18.2px), 26px); } }
  @media (hover: hover) {
    .diagnosis_resultItem:hover .diagnosis_resultCourseTitle {
      color: #fff; } }

/* ▼ イラスト */
.diagnosis_illustration {
  text-align: center;
  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 print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_illustration {
      margin: 0 auto;
      width: 199px;
      height: 148px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_illustration {
      position: absolute;
      bottom: min(max(12 / 1920 * 100vw, 8.4px), 12px);
      right: min(max(0 / 1920 * 100vw, 0px), 0px);
      width: min(max(357 / 1920 * 100vw, 249.9px), 357px);
      height: min(max(265 / 1920 * 100vw, 185.5px), 265px); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    [data-question-id="1"] .diagnosis_illustration img {
      height: 148px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    [data-question-id="1"] .diagnosis_illustration img {
      height: min(max(265 / 1920 * 100vw, 185.5px), 265px); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    [data-question-id="2"] .diagnosis_illustration img {
      height: 130px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    [data-question-id="2"] .diagnosis_illustration img {
      height: min(max(235 / 1920 * 100vw, 164.5px), 235px); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    [data-question-id="3"] .diagnosis_illustration img {
      height: 114px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    [data-question-id="3"] .diagnosis_illustration img {
      height: min(max(225 / 1920 * 100vw, 157.5px), 225px); } }

.diagnosis_decorationIcon1,
.diagnosis_decorationIcon2 {
  position: absolute;
  -webkit-transition: opacity 1.4s ease, -webkit-transform 1.4s ease;
  transition: opacity 1.4s ease, -webkit-transform 1.4s ease;
  transition: opacity 1.4s ease, transform 1.4s ease;
  transition: opacity 1.4s ease, transform 1.4s ease, -webkit-transform 1.4s ease; }

.diagnosis_decorationIcon1 {
  right: 50%; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_decorationIcon1 {
      bottom: -52px;
      width: 118px;
      margin-right: 60px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_decorationIcon1 {
      width: min(max(221 / 1920 * 100vw, 154.7px), 221px);
      bottom: min(max(-85 / 1920 * 100vw, -110.5px), -85px);
      margin-right: min(max(303 / 1920 * 100vw, 212.1px), 303px); } }
  .diagnosis_decorationIcon1.is-hidden {
    opacity: 0;
    -webkit-transform: translate(-70px, -50px) rotate(30deg);
    -ms-transform: translate(-70px, -50px) rotate(30deg);
    transform: translate(-70px, -50px) rotate(30deg); }

.diagnosis_decorationIcon2 {
  left: 50%;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .diagnosis_decorationIcon2 {
      bottom: -54px;
      width: 162px;
      margin-left: 18px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .diagnosis_decorationIcon2 {
      width: min(max(300 / 1920 * 100vw, 210px), 300px);
      bottom: min(max(-91 / 1920 * 100vw, -118.3px), -91px);
      margin-left: min(max(240 / 1920 * 100vw, 168px), 240px); } }
  .diagnosis_decorationIcon2.is-hidden {
    opacity: 0;
    -webkit-transform: translate(70px, -50px) rotate(-30deg);
    -ms-transform: translate(70px, -50px) rotate(-30deg);
    transform: translate(70px, -50px) rotate(-30deg); }

/*=============================================

  Find Course

==============================================*/
.findCourse {
  position: relative; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    body.index .findCourse {
      padding: 128px 0 98px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    body.index .findCourse {
      padding: min(max(187 / 1920 * 100vw, 130.9px), 187px) 0 min(max(128 / 1920 * 100vw, 89.6px), 128px); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    body.detail .findCourse {
      padding: 67px 0 112px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    body.detail .findCourse {
      padding: min(max(134 / 1920 * 100vw, 93.8px), 134px) 0 min(max(312 / 1920 * 100vw, 218.4px), 312px); } }

body.index .findCourse_circleBg1 {
  left: 50%; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    body.index .findCourse_circleBg1 {
      bottom: 18%;
      translate: -50% 0; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    body.index .findCourse_circleBg1 {
      opacity: 0.58;
      top: min(max(240 / 1920 * 100vw, 168px), 240px);
      margin-left: min(max(325 / 1920 * 100vw, 227.5px), 325px); } }

body.detail .findCourse_circleBg1 {
  left: 50%; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    body.detail .findCourse_circleBg1 {
      top: min(max(-292 / 375 * 100vw, -350.4px), -204.4px);
      margin-left: -7%; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    body.detail .findCourse_circleBg1 {
      top: min(max(-500 / 1920 * 100vw, -650px), -500px);
      margin-left: min(max(250 / 1920 * 100vw, 175px), 250px); } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .findCourse_circleBg2 {
    top: min(max(567 / 375 * 100vw, 453.6px), 737.1px);
    right: 50%;
    margin-right: -40px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
  .findCourse_circleBg2 {
    top: 50%;
    right: 50%;
    margin-right: min(max(500 / 1920 * 100vw, 350px), 500px);
    translate: 0% -50%; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .findCourse_circleBg3 {
    top: min(max(1210 / 375 * 100vw, 968px), 1573px);
    left: 50%;
    margin-left: -7%; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
  .findCourse_circleBg3 {
    bottom: min(max(-500 / 1920 * 100vw, -650px), -500px);
    left: 50%;
    margin-left: min(max(450 / 1920 * 100vw, 315px), 450px); } }

.findCourse_circleBg4 {
  top: min(max(1776 / 375 * 100vw, 1420.8px), 2308.8px);
  right: 50%;
  margin-right: -40px; }

.findCourse_circleBg5 {
  top: min(max(2460 / 375 * 100vw, 1968px), 3198px);
  left: 50%;
  margin-left: -7%; }

.findCourse_circleBg6 {
  top: min(max(2964 / 375 * 100vw, 2371.2px), 3853.2px);
  right: 50%;
  margin-right: -40px; }

.findCourse_content {
  position: relative; }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
  .findCourse_titleArea {
    margin-bottom: min(max(70 / 1920 * 100vw, 49px), 70px); } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
  .findCourse_tagArea {
    text-align: center;
    max-width: min(max(1650 / 1920 * 100vw, 1155px), 1650px);
    margin: 0 auto;
    padding: 0 min(max(30 / 1920 * 100vw, 21px), 30px); } }

.findCourse_tagAreaInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(73, 110, 162, 0.2);
  border-radius: 3px; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .findCourse_tagAreaInner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      gap: 5px;
      padding: 10px 17px 12px;
      margin: 0 20px 15px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .findCourse_tagAreaInner {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: min(max(12 / 1920 * 100vw, 8.4px), 12px);
      padding: min(max(18 / 1920 * 100vw, 12.6px), 18px) min(max(24 / 1920 * 100vw, 16.8px), 24px);
      margin: 0 auto min(max(30 / 1920 * 100vw, 21px), 30px); } }

.findCourse_tagLabel {
  color: #496ea2;
  font-family: "Gelasio", serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .findCourse_tagLabel {
      font-size: 12px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .findCourse_tagLabel {
      font-size: min(max(22 / 1920 * 100vw, 15.4px), 22px); } }

/* ▼ findCourse_tagButton_label */
/* ▼ findCourse_courseSliderWrap */
.findCourse_courseSliderWrap {
  position: relative;
  /* ▼ slick style */ }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .findCourse_courseSliderWrap {
      margin: 0 0 20px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .findCourse_courseSliderWrap {
      margin: 0 0 min(max(72 / 1920 * 100vw, 50.4px), 72px); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    body.detail .findCourse_courseSliderWrap {
      margin: 0 20px 36px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    body.detail .findCourse_courseSliderWrap {
      max-width: min(max(1650 / 1920 * 100vw, 1155px), 1650px);
      margin: 0 auto min(max(100 / 1920 * 100vw, 70px), 100px);
      padding: 0 min(max(30 / 1920 * 100vw, 21px), 30px); } }

.findCourse_noResult {
  text-align: center; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .findCourse_noResult {
      padding: 0 20px 60px;
      font-size: 13px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .findCourse_noResult {
      padding: 0 min(max(30 / 1920 * 100vw, 21px), 30px) min(max(100 / 1920 * 100vw, 70px), 100px);
      font-size: min(max(18 / 1920 * 100vw, 12.6px), 18px); } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  body.index .findCourse_courseSlider.type-allSlider {
    display: none; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .findCourse_courseSlider.type-halfSlider + .findCourse_courseSlider.type-halfSlider {
    margin-top: 13px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
  body.index .findCourse_courseSlider.type-halfSlider {
    display: none; } }

.findCourse_courseSlider.is-scrollable {
  overflow-x: scroll;
  scrollbar-width: none;
  cursor: -webkit-grabbing;
  cursor: grabbing; }
  .findCourse_courseSlider.is-scrollable::-webkit-scrollbar {
    display: none; }

body.index .findCourse_courseSliderInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  body.index .findCourse_courseSliderInner:before, body.index .findCourse_courseSliderInner:after {
    content: '';
    display: block;
    height: 1px;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
      body.index .findCourse_courseSliderInner:before, body.index .findCourse_courseSliderInner:after {
        width: 5px; } }
    @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
      body.index .findCourse_courseSliderInner:before, body.index .findCourse_courseSliderInner:after {
        width: min(max(12 / 1920 * 100vw, 8.4px), 12px); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    body.index .findCourse_courseSliderInner:before {
      width: 5px; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    body.index .findCourse_courseSliderInner:after {
      width: 5px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    body.index .findCourse_courseSliderInner:after {
      width: min(max(12 / 1920 * 100vw, 8.4px), 12px); } }

body.detail .findCourse_courseSliderInner {
  display: -ms-grid;
  display: grid; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    body.detail .findCourse_courseSliderInner {
      -ms-grid-columns: (minmax(0, 1fr))[2];
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px 10px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    body.detail .findCourse_courseSliderInner {
      grid-template-columns: repeat(auto-fill, minmax(min(max(310 / 1920 * 100vw, 217px), 310px), 1fr));
      gap: min(max(10 / 1920 * 100vw, 7px), 10px) min(max(10 / 1920 * 100vw, 7px), 10px); } }

.findCourse_courseCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #fff;
  cursor: pointer; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .findCourse_courseCard {
      border-radius: 3px;
      padding: 15px 8px 16px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .findCourse_courseCard {
      border-radius: 6px;
      padding: min(max(32 / 1920 * 100vw, 22.4px), 32px) min(max(32 / 1920 * 100vw, 22.4px), 32px) min(max(33 / 1920 * 100vw, 23.1px), 33px); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    body.index .findCourse_courseCard {
      width: 162px;
      margin: 0 5px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    body.index .findCourse_courseCard {
      width: min(max(332 / 1920 * 100vw, 232.4px), 332px);
      margin: 0 min(max(12 / 1920 * 100vw, 8.4px), 12px); } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    body.detail .findCourse_courseCard {
      padding: min(max(32 / 1920 * 100vw, 22.4px), 32px) min(max(16 / 1920 * 100vw, 11.2px), 16px) min(max(23 / 1920 * 100vw, 16.1px), 23px); } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .findCourse_courseImage {
    width: 86%;
    margin: 0 auto 8px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
  .findCourse_courseImage {
    width: 83%;
    margin: 0 auto min(max(20 / 1920 * 100vw, 14px), 20px); } }

.findCourse_courseImage img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
  @media (hover: hover) {
    .findCourse_courseCard:hover .findCourse_courseImage img {
      -webkit-transform: scale(1.08);
      -ms-transform: scale(1.08);
      transform: scale(1.08); } }

.findCourse_courseTitle {
  text-align: center;
  color: #496ea2;
  letter-spacing: 0.06em;
  line-height: 1.5;
  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 print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .findCourse_courseTitle {
      font-weight: 600; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .findCourse_courseTitle {
      font-weight: 500; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .findCourse_courseTitle {
      min-height: 45px;
      font-size: 14px;
      margin: 0 0 8px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .findCourse_courseTitle {
      min-height: min(max(68 / 1920 * 100vw, 47.6px), 68px);
      font-size: min(max(22 / 1920 * 100vw, 15.4px), 22px);
      margin: 0 0 min(max(20 / 1920 * 100vw, 14px), 20px); } }
  .findCourse_courseTitle a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .findCourse_courseTitle span {
    display: inline-block; }

.findCourse_courseTagList {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .findCourse_courseTagList {
      width: 100%;
      margin: 0 0 10px;
      gap: 3px 2px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .findCourse_courseTagList {
      margin: 0 0 min(max(16 / 1920 * 100vw, 11.2px), 16px);
      gap: min(max(7 / 1920 * 100vw, 4.9px), 7px) min(max(5 / 1920 * 100vw, 3.5px), 5px); } }

.findCourse_courseTagButton {
  pointer-events: none; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .findCourse_courseTagButton {
      padding: 3px 5px;
      font-size: 9px;
      letter-spacing: 0; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .findCourse_courseTagButton {
      font-size: min(max(14 / 1920 * 100vw, 9.8px), 14px);
      padding: min(max(4 / 1920 * 100vw, 2.8px), 4px) min(max(16 / 1920 * 100vw, 11.2px), 16px); } }

.findCourse_courseLink {
  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;
  gap: 52px;
  background-color: #e9ecf0;
  border-radius: 26px;
  text-decoration: none;
  width: 100%;
  margin-top: auto;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .findCourse_courseLink {
      height: 26px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .findCourse_courseLink {
      height: min(max(53 / 1920 * 100vw, 37.1px), 53px); } }
  .findCourse_courseLink span {
    color: #496ea2;
    letter-spacing: 0.02em;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
      .findCourse_courseLink span {
        font-weight: 600; } }
    @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
      .findCourse_courseLink span {
        font-weight: 500; } }
    @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
      .findCourse_courseLink span {
        font-size: 12px; } }
    @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
      .findCourse_courseLink span {
        font-size: min(max(19 / 1920 * 100vw, 13.3px), 19px); } }
  @media (hover: hover) {
    .findCourse_courseCard:hover .findCourse_courseLink {
      background-color: #496ea2; }
      .findCourse_courseCard:hover .findCourse_courseLink span {
        color: #fff; } }

.findCourse_courseLinkArrow {
  aspect-ratio: 6 / 11;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  stroke: #496ea2;
  -webkit-transition: stroke 0.3s ease;
  transition: stroke 0.3s ease; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .findCourse_courseLinkArrow {
      width: 6px;
      right: 9px;
      --stroke-width: 1.5; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .findCourse_courseLinkArrow {
      width: min(max(12.36 / 1920 * 100vw, 8.652px), 12.36px);
      right: min(max(18 / 1920 * 100vw, 12.6px), 18px); } }
  @media (hover: hover) {
    .findCourse_courseCard:hover .findCourse_courseLinkArrow {
      stroke: #fff; } }

.findCourse_illustration {
  text-align: center;
  margin: 0 auto; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .findCourse_illustration {
      width: 212px;
      margin-top: 46px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .findCourse_illustration {
      width: min(max(404 / 1920 * 100vw, 282.8px), 404px);
      margin-top: min(max(60 / 1920 * 100vw, 42px), 60px); } }
  .findCourse_illustration img {
    width: 100%; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .findCourse_allLink {
    margin: 0 20px; } }

/*=============================================

  Special Bonus

==============================================*/
.specialBonus {
  padding-bottom: 0; }
  .specialBonus:before {
    background-image: url(../images/wave-green-upper.png); }
    @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
      .specialBonus:before {
        margin-left: min(max(550 / 1920 * 100vw, 385px), 550px); } }
  .specialBonus:after {
    display: none; }

.specialBonus_inner {
  position: relative;
  background-image: url(../images/bg-green.png);
  background-repeat: repeat;
  background-position: center; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .specialBonus_inner {
      padding: 130px 0 92px;
      background-size: 60px auto; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .specialBonus_inner {
      padding: min(max(210 / 1920 * 100vw, 147px), 210px) 0 min(max(180 / 1920 * 100vw, 126px), 180px);
      background-size: min(max(120 / 1920 * 100vw, 84px), 120px) auto; } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .specialBonus_circleBg1 {
    left: 50%;
    margin-left: -30px;
    top: 10%; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
  .specialBonus_circleBg1 {
    right: 50%;
    top: min(max(-450 / 1920 * 100vw, -585px), -450px);
    margin-right: min(max(377 / 1920 * 100vw, 263.9px), 377px); } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .specialBonus_circleBg2 {
    bottom: 9%;
    left: 50%;
    margin-left: -46px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
  .specialBonus_circleBg2 {
    bottom: min(max(-430 / 1920 * 100vw, -559px), -430px);
    left: 50%;
    margin-left: min(max(360 / 1920 * 100vw, 252px), 360px); } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .specialBonus_circleBg3 {
    bottom: -15%;
    right: 50%;
    margin-right: 42px; } }

.specialBonus_content {
  position: relative; }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .specialBonus_titleArea {
    margin-bottom: 67px; } }

.specialBonus_subTitle {
  color: #4e7b73; }

.specialBonus_title {
  color: #4e7b73; }

.specialBonus_cardArea {
  position: relative;
  z-index: 1; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .specialBonus_cardArea {
      display: -ms-grid;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
      gap: 28px;
      margin: 0 30px 58px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .specialBonus_cardArea {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: min(max(23 / 1920 * 100vw, 16.1px), 23px);
      margin: 0 auto min(max(130 / 1920 * 100vw, 91px), 130px);
      padding: 0 min(max(40 / 1920 * 100vw, 28px), 40px); } }

.specialBonus_card {
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .specialBonus_card {
      max-width: min(max(410 / 1920 * 100vw, 287px), 410px); } }
  .specialBonus_card:nth-child(1) {
    -webkit-transition: opacity 0.8s ease 0s, -webkit-transform 0.8s ease 0s;
    transition: opacity 0.8s ease 0s, -webkit-transform 0.8s ease 0s;
    transition: opacity 0.8s ease 0s, transform 0.8s ease 0s;
    transition: opacity 0.8s ease 0s, transform 0.8s ease 0s, -webkit-transform 0.8s ease 0s;
    will-change: opacity, transform; }
    .is-hidden .specialBonus_card:nth-child(1) {
      opacity: 0;
      -webkit-transform: translateY(14%);
      -ms-transform: translateY(14%);
      transform: translateY(14%); }
  .specialBonus_card:nth-child(2) {
    -webkit-transition: opacity 0.8s ease 0.13s, -webkit-transform 0.8s ease 0.13s;
    transition: opacity 0.8s ease 0.13s, -webkit-transform 0.8s ease 0.13s;
    transition: opacity 0.8s ease 0.13s, transform 0.8s ease 0.13s;
    transition: opacity 0.8s ease 0.13s, transform 0.8s ease 0.13s, -webkit-transform 0.8s ease 0.13s;
    will-change: opacity, transform; }
    .is-hidden .specialBonus_card:nth-child(2) {
      opacity: 0;
      -webkit-transform: translateY(14%);
      -ms-transform: translateY(14%);
      transform: translateY(14%); }
  .specialBonus_card:nth-child(3) {
    -webkit-transition: opacity 0.8s ease 0.26s, -webkit-transform 0.8s ease 0.26s;
    transition: opacity 0.8s ease 0.26s, -webkit-transform 0.8s ease 0.26s;
    transition: opacity 0.8s ease 0.26s, transform 0.8s ease 0.26s;
    transition: opacity 0.8s ease 0.26s, transform 0.8s ease 0.26s, -webkit-transform 0.8s ease 0.26s;
    will-change: opacity, transform; }
    .is-hidden .specialBonus_card:nth-child(3) {
      opacity: 0;
      -webkit-transform: translateY(14%);
      -ms-transform: translateY(14%);
      transform: translateY(14%); }
  .specialBonus_card:nth-child(4) {
    -webkit-transition: opacity 0.8s ease 0.39s, -webkit-transform 0.8s ease 0.39s;
    transition: opacity 0.8s ease 0.39s, -webkit-transform 0.8s ease 0.39s;
    transition: opacity 0.8s ease 0.39s, transform 0.8s ease 0.39s;
    transition: opacity 0.8s ease 0.39s, transform 0.8s ease 0.39s, -webkit-transform 0.8s ease 0.39s;
    will-change: opacity, transform; }
    .is-hidden .specialBonus_card:nth-child(4) {
      opacity: 0;
      -webkit-transform: translateY(14%);
      -ms-transform: translateY(14%);
      transform: translateY(14%); }

.specialBonus_cardLabel {
  position: relative;
  text-align: center;
  background-color: #4e7b73;
  border-radius: 6px 6px 0 0; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .specialBonus_cardLabel {
      height: 39px;
      line-height: 39px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .specialBonus_cardLabel {
      height: min(max(52 / 1920 * 100vw, 36.4px), 52px);
      line-height: min(max(52 / 1920 * 100vw, 36.4px), 52px); } }

.specialBonus_cardLabelIcon {
  position: absolute; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .specialBonus_cardLabelIcon {
      top: 50%;
      -webkit-transform: translateY(-40%);
      -ms-transform: translateY(-40%);
      transform: translateY(-40%); } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .specialBonus_cardLabelIcon {
      left: 0; } }
  .specialBonus_cardLabelIcon img {
    width: 100%; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .specialBonus_card:nth-child(1) .specialBonus_cardLabelIcon {
      width: 60px;
      left: -24px;
      margin-top: 9px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .specialBonus_card:nth-child(1) .specialBonus_cardLabelIcon {
      width: min(max(68 / 1920 * 100vw, 47.6px), 68px);
      left: min(max(10 / 1920 * 100vw, 7px), 10px);
      top: min(max(-23 / 1920 * 100vw, -29.9px), -23px); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .specialBonus_card:nth-child(2) .specialBonus_cardLabelIcon {
      right: -38px;
      width: 113px;
      margin-top: 5px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .specialBonus_card:nth-child(2) .specialBonus_cardLabelIcon {
      width: min(max(137 / 1920 * 100vw, 95.9px), 137px);
      left: min(max(-15 / 1920 * 100vw, -19.5px), -15px);
      top: min(max(-17 / 1920 * 100vw, -22.1px), -17px); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .specialBonus_card:nth-child(3) .specialBonus_cardLabelIcon {
      left: -20px;
      width: 83px;
      margin-top: 4px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .specialBonus_card:nth-child(3) .specialBonus_cardLabelIcon {
      width: min(max(99 / 1920 * 100vw, 69.3px), 99px);
      top: min(max(-24 / 1920 * 100vw, -31.2px), -24px);
      left: min(max(-1 / 1920 * 100vw, -1.3px), -1px); } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .specialBonus_card:nth-child(4) .specialBonus_cardLabelIcon {
      right: -18px;
      width: 72px;
      margin-top: 15px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .specialBonus_card:nth-child(4) .specialBonus_cardLabelIcon {
      width: min(max(92 / 1920 * 100vw, 64.4px), 92px);
      top: min(max(-23 / 1920 * 100vw, -29.9px), -23px); } }

.specialBonus_cardLabelText {
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.06em; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .specialBonus_cardLabelText {
      font-size: 17px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .specialBonus_cardLabelText {
      font-size: min(max(22 / 1920 * 100vw, 15.4px), 22px); } }

@media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
  .specialBonus_cardContent {
    padding: 18px 35px 20px; } }

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
  .specialBonus_cardContent {
    padding: min(max(18 / 1920 * 100vw, 12.6px), 18px) min(max(35 / 1920 * 100vw, 24.5px), 35px) min(max(24 / 1920 * 100vw, 16.8px), 24px); } }

.specialBonus_cardTitle {
  text-align: center;
  color: #4e7b73;
  line-height: 1.5;
  letter-spacing: 0.15em;
  text-decoration: underline;
  -webkit-text-decoration-color: #FFFF00;
  text-decoration-color: #FFFF00;
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .specialBonus_cardTitle {
      font-weight: 600; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .specialBonus_cardTitle {
      font-weight: 500; } }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .specialBonus_cardTitle {
      font-size: 20px;
      margin: 0 0 14px;
      text-underline-offset: 1px;
      text-decoration-thickness: 5px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .specialBonus_cardTitle {
      font-size: min(max(28 / 1920 * 100vw, 19.6px), 28px);
      margin: 0 0 min(max(24 / 1920 * 100vw, 16.8px), 24px);
      text-underline-offset: 1px;
      text-decoration-thickness: min(max(10 / 1920 * 100vw, 7px), 10px); } }

.specialBonus_cardIllustration {
  text-align: center;
  aspect-ratio: 240 / 130; }
  .specialBonus_cardIllustration img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

.specialBonus_cardText {
  color: #000;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.72; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .specialBonus_cardText {
      margin-top: 13px;
      font-size: 13px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .specialBonus_cardText {
      margin-top: min(max(16 / 1920 * 100vw, 11.2px), 16px);
      font-size: min(max(18 / 1920 * 100vw, 12.6px), 18px); } }
  .specialBonus_cardText a {
    text-decoration: underline;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
    .specialBonus_cardText a:hover {
      opacity: 0.6; }

.specialBonus_bottomImage {
  margin: 0 auto; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .specialBonus_bottomImage {
      width: 172px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .specialBonus_bottomImage {
      width: min(max(335 / 1920 * 100vw, 234.5px), 335px); } }
  .specialBonus_bottomImage img {
    width: 100%;
    height: auto; }

.specialBonus_leftDecoration,
.specialBonus_rightDecoration {
  position: absolute;
  z-index: 2;
  mix-blend-mode: multiply;
  -webkit-transition: opacity 1.4s ease, -webkit-transform 1.4s ease;
  transition: opacity 1.4s ease, -webkit-transform 1.4s ease;
  transition: opacity 1.4s ease, transform 1.4s ease;
  transition: opacity 1.4s ease, transform 1.4s ease, -webkit-transform 1.4s ease; }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .specialBonus_leftDecoration,
    .specialBonus_rightDecoration {
      width: min(max(123 / 1920 * 100vw, 86.1px), 123px); } }
  .specialBonus_leftDecoration img,
  .specialBonus_rightDecoration img {
    width: 100%;
    height: auto; }

.specialBonus_leftDecoration {
  position: absolute;
  right: 50%;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .specialBonus_leftDecoration {
      width: 60px;
      top: 41px;
      margin-right: 94px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .specialBonus_leftDecoration {
      top: -2%;
      margin-right: min(max(408 / 1920 * 100vw, 285.6px), 408px); } }
  .is-hidden .specialBonus_leftDecoration {
    opacity: 0;
    -webkit-transform: translate(-70px, -50px) rotate(30deg);
    -ms-transform: translate(-70px, -50px) rotate(30deg);
    transform: translate(-70px, -50px) rotate(30deg); }
  .specialBonus_leftDecoration img {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg); }

.specialBonus_rightDecoration {
  position: absolute;
  left: 50%;
  will-change: transform, opacity; }
  @media print, screen and (max-width: 1023px), screen and (min-width: 1024px) and (max-width: 1023px) and (orientation: portrait) {
    .specialBonus_rightDecoration {
      width: 66px;
      top: -26px;
      margin-left: 70px; } }
  @media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {
    .specialBonus_rightDecoration {
      top: -13%;
      margin-left: min(max(400 / 1920 * 100vw, 280px), 400px); } }
  @media print, screen and (min-width: 1024px) and (max-width: 1450px) {
    .specialBonus_rightDecoration {
      top: min(max(-180 / 1920 * 100vw, -234px), -180px); } }
  .is-hidden .specialBonus_rightDecoration {
    opacity: 0;
    -webkit-transform: translate(80px, -70px) rotate(-33deg);
    -ms-transform: translate(80px, -70px) rotate(-33deg);
    transform: translate(80px, -70px) rotate(-33deg); }
  .specialBonus_rightDecoration img {
    -webkit-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    transform: rotate(-13deg); }