/*
Theme Name: litpla theme
Author: himecas
Author URI: https://litpla.com/
Description: リトプラテーマ
Version: 1.3.16
License: GNU General Public License v2 or later
License URI: LICENSE
*/
@charset "UTF-8";
.page-about .section-about .section-1 .section-inner,
.page-app-detail .section-inner,
.page-app .page-contents-inner,
.page-article .page-contents-inner,
.page-attractions-detail .section-about .section-inner,
.page-attractions-detail .section-howtoplay .section-inner,
.page-attractions-detail .section-info .section-inner,
.page-attractions-detail .section-collaboration .section-contents,
.page-attractions .section-archive .section-inner,
.page-contact .page-contents-inner,
.page-goods .page-contents-inner,
.page-group .page-contents .section-inner,
.page-news .page-contents-inner,
.page-base .page-contents-inner,
.page-space-detail .news-important .news-important-inner,
.page-space-detail .section-inner,
.page-workshop .page-contents-inner {
  position: relative;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1159px) {
  .page-about .section-about .section-1 .section-inner,
  .page-app-detail .section-inner,
  .page-app .page-contents-inner,
  .page-article .page-contents-inner,
  .page-attractions-detail .section-about .section-inner,
  .page-attractions-detail .section-howtoplay .section-inner,
  .page-attractions-detail .section-info .section-inner,
  .page-attractions-detail .section-collaboration .section-contents,
  .page-attractions .section-archive .section-inner,
  .page-contact .page-contents-inner,
  .page-goods .page-contents-inner,
  .page-group .page-contents .section-inner,
  .page-news .page-contents-inner,
  .page-base .page-contents-inner,
  .page-space-detail .news-important .news-important-inner,
  .page-space-detail .section-inner,
  .page-workshop .page-contents-inner {
    padding-left: 6.896551724137931%;
    padding-right: 6.896551724137931%;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .section-about .section-1 .section-inner,
  .page-app-detail .section-inner,
  .page-app .page-contents-inner,
  .page-article .page-contents-inner,
  .page-attractions-detail .section-about .section-inner,
  .page-attractions-detail .section-howtoplay .section-inner,
  .page-attractions-detail .section-info .section-inner,
  .page-attractions-detail .section-collaboration .section-contents,
  .page-attractions .section-archive .section-inner,
  .page-contact .page-contents-inner,
  .page-goods .page-contents-inner,
  .page-group .page-contents .section-inner,
  .page-news .page-contents-inner,
  .page-base .page-contents-inner,
  .page-space-detail .news-important .news-important-inner,
  .page-space-detail .section-inner,
  .page-workshop .page-contents-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
@keyframes delayView {
  0% {
    opacity: 0;
  }
  99.999% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes header-down {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes loop {
  from {
    background-position: 0 0;
  }
  to {
    background-position: var(--bg-position) 0;
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes guide-character {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 var(--bg-position);
  }
}
.page-article .article-contents,
.page-article th,
.page-article td,
.page-attractions-detail .section-collaboration .img-container .caption,
.page-business .section-service .service .detail dd,
.page-law .law-list dd,
.page-terms .page-base-contents,
.page-cancelpolicy .page-base-contents {
  font-weight: 400;
}
.followus.header-followus .btn-text,
.page-about .section-experience .text .notes,
.page-business-download .section-download .form-item-agree .form-heading,
.page-space-detail .todays-info dd.status .status-4 .status-text .text-small,
.page-space-detail .section-tickets .section-contents td span,
.footer .btn-contact a,
.header .info-text .text {
  font-weight: 500;
}
.page-heading-container .page-heading .text-main,
.section-business .section-heading,
.section-business .copy,
.heading-blue-line,
.section-faq .accordion .text-q,
.faq-nav .btn-text,
.heading-bg-blue,
.heading-bg-black,
.page-about .section-intro .section-heading,
.page-about .section-intro .text,
.page-about .section-experience .section-heading,
.page-about .section-experience .text,
.page-about .section-experience .experience-list .heading,
.page-about .section-experience .experience-list .text,
.page-about .section-about .section-contents,
.page-app-detail .page-app-detail-heading-container .heading-text,
.page-app-detail .page-app-detail-heading-container .heading,
.page-app-detail .section-service .section-heading,
.page-app-detail .section-service .service-list li .text-container,
.page-app-detail .app-download .text,
.page-app-detail .app-download .about .text-large,
.page-app-detail .section-movie .section-heading,
.page-app-detail .section-function .function-list li .text,
.page-app .app-list .text-container,
.page-article .article-title,
.page-article .article-contents h3,
.page-article .article-contents h4,
.page-article .btn-block-online-store .text,
.page-article .btn-block-contact .text,
.page-attractions-detail .section-about .section-heading .text-sub,
.page-attractions-detail .section-about .copy,
.page-attractions-detail .section-story .section-heading .text-sub,
.page-attractions-detail .section-story .text,
.page-attractions-detail .section-howtoplay .section-heading .text-sub,
.page-attractions-detail .section-howtoplay .step-list .text-container,
.page-attractions-detail .section-info dt,
.page-attractions-detail .section-info dd .icon-list li .text,
.page-attractions-detail .section-collaboration .section-heading .text-sub,
.page-attractions-detail .section-other .section-heading .text-sub,
.page-attractions .attractions-list .text-container .heading .text-sub,
.page-attractions .attractions-list .text-container .text,
.page-attractions .section-archive .archive-list .text-container .text,
.page-business-download .section-download .block-left .section-heading,
.page-business-download .section-download .block-left .document .heading,
.page-business-download .section-download .form-heading,
.page-business-download .section-download .form-item-agree input + span,
.page-business-download .mw .form-complete .heading,
.page-business-download .mw-complete .form-complete .heading,
.page-business-download .mw-complete .form-complete .text,
.page-business-download .mw-complete .form-complete .btn-business-dowoload .btn-text,
.page-business .business-header .block-btn .btn-text,
.page-business .section-hero .section-heading .text-1,
.page-business .section-hero .section-heading .text-2,
.page-business .section-hero .block-btn .btn-text,
.page-business .section-hero .message,
.page-business .section-hero .partner .heading,
.page-business .section-service .section-heading,
.page-business .section-service .service-nav li .nav-text,
.page-business .section-service .service .heading-container .heading .heading-text,
.page-business .section-service .service .detail .heading,
.page-business .section-service .service .detail dt,
.page-business .section-service .andmore .text,
.page-business .section-point .section-heading,
.page-business .section-point .point-list li .block-text .heading,
.page-business .section-contact .section-heading,
.page-business .section-contact .block-btn .btn-text,
.page-contact .form-heading,
.page-contact .form-item-attend-time .icon,
.form-complete .heading,
.page-goods .goods-list .text-container,
.page-group .section-reservations .text-main,
.page-group .section-reservations .block-container .block .heading,
.page-group .section-reservations .section-sub dl dt,
.page-group .section-reservations .section-sub .pc table .title,
.page-group .section-reservations .section-sub .sp td:first-child,
.page-group .section-reservations .section-sub .sp .park-name a,
.page-law .law-list dt,
.page-blog .blog-new-list .slider .title,
.page-blog .blog-main .blog-main-heading,
.page-blog-article .blog-main .blog-main-heading,
.page-blog .blog-list .title,
.page-blog-article .blog-list .title,
.page-blog .blog-side-contents-heading,
.page-blog-article .blog-side-contents-heading,
.page-blog .article-list .title,
.page-blog-article .article-list .title,
.page-blog-article .blog-related .blog-related-heading,
.page-news .news-heading,
.page-news .news-list .title,
.page-base .page-heading-container .page-heading .text-sub,
.page-base .page-base-contents .main-text,
.page-space-detail .page-nav,
.page-space-detail .news-important li,
.page-space-detail .todays-info dt,
.page-space-detail .todays-info dd.status .status-text,
.page-space-detail .section-news .section-heading .text-sub,
.page-space-detail .section-tickets .section-heading .text-sub,
.page-space-detail .section-news .park-info .latest-news-list .title,
.page-space-detail .section-news .latest-news .latest-news-list .title,
.page-space-detail .section-news .park-info .park-info-list .title,
.page-space-detail .section-news .latest-news .park-info-list .title,
.page-space-detail .section-news .park-info .sub-heading,
.page-space-detail .section-tickets .section-contents .table-heading,
.page-space-detail .section-tickets .section-contents .table-heading-sub,
.page-space-detail .info-container .section-guide .section-contents dt,
.page-space-detail .info-container .section-park .text .text-large,
.page-space-detail .info-container .section-attractions .attractions-list .text-container .text,
.page-space-detail .info-container .section-attractions .schedule .title,
.page-space-detail .info-container .section-workshop .workshop-list .title,
.page-space-detail .info-container .section-service .service-list li .text,
.page-space .section-heading,
.page-space .space-nav .btn-text,
.page-space .space-list .text-container .place,
.page-top .section-heading .text-sub,
.page-top .section-news .sub-heading,
.page-top .section-news .park-info .latest-news-list .title,
.page-top .section-news .latest-news .latest-news-list .title,
.page-top .section-news .park-info .park-info-list .title,
.page-top .section-news .latest-news .park-info-list .title,
.page-top .section-about .copy,
.page-top .section-about .text,
.page-top .section-attractions .attractions-list li .text-container .heading .text-sub,
.page-top .section-attractions .attractions-list li .text-container .text,
.page-top .section-guide .text,
.page-top .section-tickets .block .heading,
.page-workshop .workshop-list li .title,
.footer .nav >ul > li > a,
.header .info-text .icon-important,
.header .nav > ul > li,
.header .nav .dropnav .dropnav-heading .text-main,
.header .btn-tickets-container ul,
.menu .btn-menu-close .btn-text,
.menu .menu-btn-login a .btn-text,
.menu .menu-nav {
  font-weight: 700;
}
.page-about .section-intro .section-heading .text-blue,
.page-about .section-experience .section-heading >span,
.page-top .section-about .copy .text-blue {
  font-weight: 900;
}
.btn-backtotop a,
.btn-backtoindex a,
.btn-contact a,
.pagination .num-list.sp,
.pagination .num-list.pc a,
.pagination .num-list.pc span,
.page-article .article-info .date,
.page-article .btn-block-online-store .btn .btn-text,
.page-article .btn-block-contact .btn .btn-text,
.page-attractions-detail .section-howtoplay .step-list .num-block .num-text,
.page-business .section-point .point-list li .block-img .num span:nth-child(1),
.page-blog .blog-new-list .slider .date,
.page-blog .blog-list .date,
.page-blog-article .blog-list .date,
.page-blog .blog-tags .btn-viewalltags .btn-text,
.page-blog-article .blog-tags .btn-viewalltags .btn-text,
.page-news .news-list .date,
.page-space-detail .section-news .park-info .latest-news-list .date,
.page-space-detail .section-news .latest-news .latest-news-list .date,
.page-space-detail .section-news .park-info .park-info-list .date,
.page-space-detail .section-news .latest-news .park-info-list .date,
.page-top .section-news .park-info .latest-news-list .category,
.page-top .section-news .latest-news .latest-news-list .category,
.page-top .section-news .park-info .park-info-list .category,
.page-top .section-news .latest-news .park-info-list .category,
.page-top .section-news .park-info .latest-news-list .date,
.page-top .section-news .latest-news .latest-news-list .date,
.page-top .section-news .park-info .park-info-list .date,
.page-top .section-news .latest-news .park-info-list .date,
.page-top .section-attractions .btn-viewall .btn-text,
.header .nav .dropnav .dropnav-heading .text-sub {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
.page-heading-container .page-heading .text-sub,
.page-heading-container .decoration-text,
.page-base .page-heading-container .page-heading .text-en,
.footer .copyright,
.footer .pagetop a .pagetop-text,
.header .btn-language .btn-text {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.section-faq .section-heading,
.section-faq .accordion .icon-q,
.section-faq .accordion .icon-a,
.page-about .section-experience .experience-list .label .label-num,
.page-app .app-list .heading.heading-en,
.page-attractions-detail .section-about .section-heading .text-main,
.page-attractions-detail .section-howtoplay .step-list .num-block .num,
.page-business .section-service .service-nav li .nav-num,
.page-goods .goods-list .heading .text-en,
.page-space-detail .news-important .date,
.page-space-detail .todays-info dd.hour,
.page-space-detail .section-tickets .section-contents td,
.page-top .section-guide .decoration-text {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}
.page-attractions-detail .section-story .section-heading .text-main,
.page-attractions-detail .section-howtoplay .section-heading .text-main,
.page-attractions-detail .section-collaboration .section-heading .text-main,
.page-attractions-detail .section-other .section-heading .text-main,
.page-attractions-detail .section-other .slider .slider-item .heading .text-main,
.page-attractions .attractions-list .icon-new .icon-text,
.page-attractions .attractions-list .text-container .heading .text-main,
.page-attractions .section-archive .archive-list .text-container .heading .text-main,
.page-business .section-service .andmore .heading,
.page-business .section-point .point-list li .block-img .num span:nth-child(2),
.page-goods .goods-list .heading .text-en,
.page-space-detail .section-news .section-heading .text-main,
.page-space-detail .section-tickets .section-heading .text-main,
.page-space-detail .info-container .section-attractions .attractions-list .icon-new .icon-text,
.page-space-detail .info-container .section-attractions .attractions-list .text-container .heading .text-main,
.page-top .section-heading .text-main,
.page-top .section-attractions .attractions-list li .text-container .heading .text-main,
.page-workshop .workshop-list li .icon-new .icon-text {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
}
.fixed-btn-container .btn-tickets .btn-text-main,
.fixed-btn-container .btn-search .btn-text-main {
  font-family: "futura-pt-bold", sans-serif;
  font-weight: 700;
}
.section-faq .accordion .text-a,
.page-space-detail .todays-info dd.hour span {
  font-family: "kozuka-gothic-pr6n", sans-serif;
  font-weight: 400;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: #000;
  background: #fff;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
html {
  font-size: 62.5%;
}
body {
  font-size: 1.6rem;
  line-height: 2.125;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  color: #000;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 3.466666666666666vw;
    line-height: 2;
  }
}
img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
th,
td {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
}
button,
input,
select,
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 100%;
  border: 0;
  border-radius: 0;
  background: none;
  outline: none;
}
button,
input,
label,
select {
  cursor: pointer;
}
main,
section {
  position: relative;
}
a {
  text-decoration: none;
  color: #000;
}
@media only screen and (max-width: 767px) {
  input[type=text],
  textarea {
    font-size: 4.266666666666667vw;
    transform-origin: left center;
  }
}
.sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .sp {
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) {
  .pc {
    display: none;
  }
}
.wrapper {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .wrapper {
    padding-top: 112px;
  }
  .is-no-news .wrapper {
    padding-top: 66px;
  }
}
.main {
  padding-top: 163px;
}
.page-top .main {
  padding-top: 0;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .main {
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .main {
    padding-top: 28.799999999999997vw;
  }
  .is-no-news .main {
    padding-top: 18.133333333333333vw;
  }
  .page-top .main {
    padding-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .dropnav-bg {
    position: fixed;
    top: 0;
    left: 0;
    background: #001319;
    width: 100%;
    height: 100vh;
    z-index: 9;
    opacity: 0;
    transition: 0.3s;
    pointer-events: none;
  }
  .is-dropnav-opened .dropnav-bg {
    opacity: 0.15;
  }
}
section,
.section-inner,
.page-contents {
  position: relative;
  box-sizing: border-box;
}
.section-inner,
.page-contents-inner {
  position: relative;
  max-width: 1160px;
  margin: 0 auto;
  box-sizing: border-box;
}
.btn-viewmore {
  height: 80px;
  border-radius: 40px;
  box-sizing: border-box;
  overflow: hidden;
}
.btn-viewmore a,
.btn-viewmore span {
  display: block;
  box-sizing: border-box;
}
.btn-viewmore a,
.btn-viewmore > span {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.btn-viewmore .btn-text {
  font-size: 1.4rem;
}
.btn-viewmore .btn-icon {
  position: absolute;
  top: 50%;
  right: 28px;
  width: 8px;
  height: 12px;
  color: #fff;
  margin-top: -6px;
}
@-moz-document url-prefix() {
  .btn-viewmore .btn-text {
    padding-bottom: 2px;
  }
}
.btn-viewmore.btn-viewmore-bg-none {
  height: auto;
  border-radius: 0;
  overflow: visible;
}
.btn-viewmore.btn-viewmore-bg-none a,
.btn-viewmore.btn-viewmore-bg-none > span {
  padding-right: 22px;
}
.btn-viewmore.btn-viewmore-bg-none .btn-text {
  font-size: 1.5rem;
}
.btn-viewmore.btn-viewmore-bg-none .btn-icon {
  right: 0;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .btn-viewmore.btn-viewmore-bg-none .btn-icon {
    transition: 0.3s;
  }
  .btn-viewmore.btn-viewmore-bg-none a:hover .btn-icon {
    right: -6px;
  }
}
.btn-viewmore.btn-viewmore-bg-black a,
.btn-viewmore.btn-viewmore-bg-black > span {
  background: #000;
  color: #fff;
  fill: #fff;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .btn-viewmore.btn-viewmore-bg-black a,
  .btn-viewmore.btn-viewmore-bg-black > span {
    transition: 0.3s;
  }
  .btn-viewmore.btn-viewmore-bg-black .btn-text,
  .btn-viewmore.btn-viewmore-bg-black .btn-icon {
    transition: 0.3s;
  }
  .btn-viewmore.btn-viewmore-bg-black:hover a,
  .btn-viewmore.btn-viewmore-bg-black:hover > span {
    background: #5fbce7;
  }
  .btn-viewmore.btn-viewmore-bg-black:hover .btn-icon {
    right: 20px;
  }
}
.btn-viewmore.btn-viewmore-bg-white a,
.btn-viewmore.btn-viewmore-bg-white > span {
  background: #fff;
  color: #000;
  fill: #000;
}
@media only screen and (min-width: 768px) {
  .btn-viewmore.btn-viewmore-size-180 {
    width: 180px;
  }
  .btn-viewmore.btn-viewmore-size-180 a,
  .btn-viewmore.btn-viewmore-size-180 > span {
    padding-left: 34px;
  }
  .btn-viewmore.btn-viewmore-size-220 {
    width: 220px;
  }
  .btn-viewmore.btn-viewmore-size-220 a,
  .btn-viewmore.btn-viewmore-size-220 > span {
    justify-content: center;
  }
  .btn-viewmore.btn-viewmore-size-300 {
    width: 300px;
  }
  .btn-viewmore.btn-viewmore-size-300 a,
  .btn-viewmore.btn-viewmore-size-300 > span {
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .btn-viewmore {
    height: 17.333333333333336vw;
    border-radius: 8.666666666666668vw;
  }
  .btn-viewmore .btn-text {
    font-size: 2.933333333333333vw;
  }
  .btn-viewmore .btn-icon {
    right: 6.4vw;
    width: 1.6vw;
    height: 2.666666666666667vw;
    margin-top: -1.066666666666667vw;
  }
  .btn-viewmore.btn-viewmore-bg-none a,
  .btn-viewmore.btn-viewmore-bg-none > span {
    padding-right: 4.533333333333333vw;
  }
  .btn-viewmore.btn-viewmore-bg-none .btn-text {
    font-size: 2.933333333333333vw;
  }
  .btn-viewmore.btn-viewmore-sp-size-420 {
    width: 56.00000000000001vw;
  }
  .btn-viewmore.btn-viewmore-sp-size-420 a,
  .btn-viewmore.btn-viewmore-sp-size-420 > span {
    justify-content: center;
    padding-left: 0;
  }
}
.followus {
  position: relative;
  display: flex;
  align-items: center;
}
.followus ul {
  display: flex;
}
.followus span,
.followus a {
  display: block;
}
.followus .btn-instagram .btn-icon {
  width: 18px;
  height: 18px;
}
.followus .btn-twitter {
  margin-left: 22px;
  margin-top: 1px;
}
.followus .btn-twitter .btn-icon {
  width: 20px;
  height: 16px;
}
@media only screen and (max-width: 767px) {
  .followus a {
    padding: 2.666666666666667vw;
  }
  .followus .btn-instagram .btn-icon {
    width: 4vw;
    height: 4vw;
  }
  .followus .btn-twitter {
    margin-left: 0;
    margin-top: 0.266666666666667vw;
  }
  .followus .btn-twitter .btn-icon {
    width: 4vw;
    height: 3.2vw;
  }
}
.followus.header-followus {
  padding-right: 24px;
  margin-right: 18px;
}
.followus.header-followus::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  display: block;
  width: 1px;
  height: 30px;
  background: #fff;
  opacity: 0.4;
}
.followus.header-followus .btn-text {
  margin-right: 24px;
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .followus.header-followus a {
    transition: 0.3s;
  }
  .followus.header-followus a:hover {
    opacity: 0.6;
  }
}
.followus.footer-followus svg {
  fill: #909090;
}
.followus.footer-followus .btn-text {
  color: #909090;
  margin-right: 26px;
  font-size: 1.3rem;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .followus.footer-followus a svg {
    transition: 0.3s;
  }
  .followus.footer-followus a:hover svg {
    fill: #5fbce7;
  }
}
@media only screen and (max-width: 767px) {
  .followus.footer-followus .btn-text {
    margin-right: 2.4vw;
    font-size: 2.666666666666667vw;
  }
}
.slider .slider-contents {
  overflow: hidden;
  cursor: grab;
}
.slider .slider-contents:active {
  cursor: grabbing;
}
.slider .slider-item-list {
  display: flex;
  flex-wrap: nowrap;
}
.slider .slider-item {
  flex-shrink: 0;
}
.slider .slider-item a {
  cursor: grab;
}
.slider .slider-item a:active {
  cursor: grabbing;
}
.slider .slider-scroll {
  position: relative;
  width: 100%;
  height: 2px;
  max-width: 870px;
  background-color: #fff;
}
.slider .slider-scroll .slider-scroll-bar {
  position: absolute;
  top: -2px;
  left: 0;
  width: 200px;
  height: 4px;
  border-radius: 2px;
  background-color: #5fbce7;
}
@media only screen and (max-width: 767px) {
  .slider .slider-scroll {
    max-width: 89.33333333333333vw;
    height: 0.533333333333333vw;
    margin-bottom: 0.266666666666667vw;
  }
  .slider .slider-scroll .slider-scroll-bar {
    top: -0.266666666666667vw;
    width: 38.666666666666664vw;
    height: 1.066666666666667vw;
    border-radius: 0.533333333333333vw;
  }
}
.page-heading-container {
  position: relative;
  height: 400px;
  padding: 0 30px;
  color: #fff;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .page-heading-container {
    height: 64vw;
    padding: 0 6.666666666666667vw;
  }
}
.page-heading-container .page-heading-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 1160px;
  margin: 0 auto;
  padding-bottom: 16px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .page-heading-container .page-heading-inner {
    padding-bottom: 0.266666666666667vw;
  }
}
.page-heading-container .kv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-heading-container .kv::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #00202b;
}
.page-heading-container .kv img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-heading-container .page-heading {
  line-height: 1;
}
.page-heading-container .page-heading span {
  display: block;
}
.page-heading-container .page-heading .text-main {
  margin-left: -10px;
  font-size: 5rem;
}
.page-heading-container .page-heading .text-sub {
  margin-top: 30px;
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .page-heading-container .page-heading .text-main {
    margin-left: -1.333333333333333vw;
    font-size: 6.666666666666667vw;
  }
  .page-heading-container .page-heading .text-sub {
    margin-top: 3.733333333333334vw;
    font-size: 2.666666666666667vw;
  }
}
.page-heading-container .decoration-text {
  position: absolute;
  bottom: -44px;
  left: -10px;
  color: transparent;
  font-size: 16.6rem;
  line-height: 1;
  -webkit-text-stroke: 1px #fff;
  opacity: 0.4;
  display: flex;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .page-heading-container .decoration-text {
    bottom: -4vw;
    left: -0.266666666666667vw;
    font-size: 22.133333333333333vw;
    line-height: 1;
    -webkit-text-stroke: 0.133333333333333vw #fff;
  }
}
.breadcrumb {
  position: absolute;
  bottom: 43px;
  right: 0;
  display: flex;
  font-size: 1.3rem;
  line-height: 1.846153846153846;
}
.breadcrumb li {
  display: flex;
  align-items: center;
}
.breadcrumb li:not(:first-child) {
  margin-left: 12px;
}
.breadcrumb li a {
  color: #fff;
}
.breadcrumb li .icon-arrow {
  display: block;
  width: 6px;
  height: 9px;
  margin-left: 12px;
  fill: #fff;
}
.breadcrumb li:last-child .icon-arrow {
  display: none;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .breadcrumb li a {
    transition: 0.3s;
    border-bottom: 1px solid transparent;
  }
  .breadcrumb li a:hover {
    border-color: #fff;
  }
}
@media only screen and (max-width: 1190px) {
  .breadcrumb {
    padding-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumb {
    display: none;
  }
}
.section-business {
  position: relative;
}
.section-business a {
  display: block;
  background: #09202a;
  color: #fff;
  text-align: center;
}
.section-business .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section-business .bg-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.35;
}
.section-business .bg-item-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 240px;
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .section-business .bg-item-1 {
    width: 32vw;
    height: 10.666666666666668vw;
  }
}
.section-business .bg-item-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 160px;
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .section-business .bg-item-2 {
    width: 21.333333333333336vw;
    height: 10.666666666666668vw;
  }
}
.section-business .section-inner {
  padding-top: 126px;
  padding-bottom: 117px;
}
.section-business .section-heading {
  font-size: 1.8rem;
  line-height: 1;
}
.section-business .copy {
  margin-top: 31px;
  font-size: 4.6rem;
  line-height: 1.304347826086957;
}
.section-business .text {
  margin-top: 34px;
  font-size: 1.6rem;
  line-height: 1.875;
}
.section-business .btn-viewmore {
  margin: 44px auto 0;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .section-business a .bg-img img {
    transition: 0.3s;
  }
  .section-business a .btn-viewmore > span {
    transition: 0.3s;
  }
  .section-business a .btn-viewmore .btn-text,
  .section-business a .btn-viewmore .btn-icon {
    transition: 0.3s;
  }
  .section-business a:hover .bg-img img {
    opacity: 0.6;
  }
  .section-business a:hover .btn-viewmore > span {
    background: #5fbce7;
  }
  .section-business a:hover .btn-viewmore .btn-text {
    color: #fff;
  }
  .section-business a:hover .btn-viewmore .btn-icon {
    fill: #fff;
    right: 20px;
  }
}
@media only screen and (max-width: 900px) {
  .section-business .copy br.sp {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .section-business .bg-item-1 {
    width: 31.866666666666667vw;
    height: 10.666666666666668vw;
  }
  .section-business .bg-item-2 {
    width: 21.333333333333336vw;
    height: 10.666666666666668vw;
  }
  .section-business .section-inner {
    padding-top: 19.733333333333334vw;
    padding-bottom: 21.333333333333336vw;
  }
  .section-business .section-heading {
    font-size: 3.2vw;
  }
  .section-business .copy {
    margin-top: 4.133333333333333vw;
    font-size: 6.933333333333333vw;
    line-height: 1.5;
  }
  .section-business .text {
    margin-top: 4.533333333333333vw;
    padding: 0 10vw;
    font-size: 3.466666666666666vw;
    line-height: 1.923076923076923;
    letter-spacing: 0.04em;
    text-align: justify;
    font-feature-settings: "palt";
  }
  .section-business .btn-viewmore {
    margin-top: 9.066666666666666vw;
  }
}
.icon-arrow-circle {
  position: relative;
  border-radius: 50%;
}
.icon-arrow-circle .icon-arrow {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.btn-backtotop,
.btn-backtoindex,
.btn-contact {
  width: 440px;
  height: 100px;
  border-radius: 50px;
  box-sizing: border-box;
  overflow: hidden;
}
.btn-backtotop a,
.btn-backtoindex a,
.btn-contact a,
.btn-backtotop span,
.btn-backtoindex span,
.btn-contact span {
  display: block;
  box-sizing: border-box;
}
.btn-backtotop a,
.btn-backtoindex a,
.btn-contact a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 2px;
  background: #000;
  color: #fff;
  box-sizing: border-box;
}
.btn-backtotop .btn-text,
.btn-backtoindex .btn-text,
.btn-contact .btn-text {
  font-size: 1.5rem;
}
.btn-backtotop .btn-icon,
.btn-backtoindex .btn-icon,
.btn-contact .btn-icon {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 14px;
  fill: #fff;
  margin-top: -7px;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .btn-backtotop a,
  .btn-backtoindex a,
  .btn-contact a,
  .btn-backtotop > span,
  .btn-backtoindex > span,
  .btn-contact > span {
    transition: 0.3s;
  }
  .btn-backtotop .btn-text,
  .btn-backtoindex .btn-text,
  .btn-contact .btn-text,
  .btn-backtotop .btn-icon,
  .btn-backtoindex .btn-icon,
  .btn-contact .btn-icon {
    transition: 0.3s;
  }
  .btn-backtotop:hover a,
  .btn-backtoindex:hover a,
  .btn-contact:hover a,
  .btn-backtotop:hover > span,
  .btn-backtoindex:hover > span,
  .btn-contact:hover > span {
    background: #5fbce7;
  }
}
@media only screen and (max-width: 767px) {
  .btn-backtotop,
  .btn-backtoindex,
  .btn-contact {
    width: 86.66666666666667vw;
    height: 20vw;
    border-radius: 10vw;
  }
  .btn-backtotop a,
  .btn-backtoindex a,
  .btn-contact a {
    padding-top: 0.266666666666667vw;
  }
  .btn-backtotop .btn-text,
  .btn-backtoindex .btn-text,
  .btn-contact .btn-text {
    font-size: 2.933333333333333vw;
  }
  .btn-backtotop .btn-icon,
  .btn-backtoindex .btn-icon,
  .btn-contact .btn-icon {
    width: 1.6vw;
    height: 2.666666666666667vw;
    margin-top: -1.333333333333333vw;
  }
}
.btn-backtotop .btn-icon,
.btn-backtoindex .btn-icon {
  left: 36px;
  transform: scale(-1, 1);
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .btn-backtotop a:hover .btn-icon,
  .btn-backtoindex a:hover .btn-icon {
    left: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .btn-backtotop .btn-icon,
  .btn-backtoindex .btn-icon {
    left: 6.4vw;
  }
}
.btn-contact .btn-icon {
  right: 36px;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .btn-contact a:hover .btn-icon {
    right: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .btn-contact .btn-icon {
    right: 4.8vw;
  }
}
@media only screen and (max-width: 767px) {
  .btn-more {
    width: 56.00000000000001vw;
    height: 17.333333333333336vw;
    border-radius: 8.666666666666668vw;
    box-sizing: border-box;
    overflow: hidden;
    display: block;
  }
  .btn-more button {
    display: block;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-bottom: 0.533333333333333vw;
    background: #fff;
    color: #000;
    box-sizing: border-box;
  }
  .btn-more .btn-text {
    font-size: 2.933333333333333vw;
  }
  .btn-more .btn-icon {
    position: absolute;
    top: 50%;
    right: 6.4vw;
    width: 1.6vw;
    height: 2.666666666666667vw;
    fill: #000;
    margin-top: -1.333333333333333vw;
    transform: rotate(90deg);
  }
}
.heading-blue-line {
  position: relative;
  padding-left: 28px;
  font-size: 3.2rem;
  line-height: 1.6875;
}
.heading-blue-line::before {
  position: absolute;
  top: 13px;
  left: 0;
  content: "";
  display: block;
  width: 10px;
  height: calc(100% - 22px);
  background: #5fbce7;
}
@media only screen and (max-width: 767px) {
  .heading-blue-line {
    padding-left: 4.8vw;
    font-size: 5.333333333333334vw;
    line-height: 1.6;
  }
  .heading-blue-line::before {
    top: 1.333333333333333vw;
    width: 1.866666666666667vw;
    height: calc(100% - 2.133333333333333vw);
  }
}
.section-faq {
  background: #f5f5f5;
}
.section-faq .section-heading {
  padding-top: 10px;
  padding-left: 68px;
  font-size: 3.4rem;
  letter-spacing: 0.26em;
}
.section-faq .section-sub {
  margin-top: -60px;
  padding-top: 114px;
  padding-bottom: 20px;
}
.section-faq .section-sub:first-of-type {
  margin-top: -60px;
  padding-top: 99px;
}
.section-faq .section-sub-contents {
  margin-top: 30px;
  position: relative;
  z-index: 1;
}
.section-faq .accordion {
  padding: 21px 0 21px 38px;
  background: #fff;
  border-radius: 20px;
}
.section-faq .accordion:not(:first-child) {
  margin-top: 20px;
}
.section-faq .accordion .icon-q,
.section-faq .accordion .icon-a {
  font-size: 3.2rem;
  line-height: 1;
}
.section-faq .accordion .icon-q {
  margin-right: 28px;
  margin-top: 2px;
  color: #5fbce7;
}
.section-faq .accordion .icon-a {
  margin-right: 38px;
}
.section-faq .accordion .accordion-btn,
.section-faq .accordion .accordion-contents {
  position: relative;
  display: flex;
  padding-right: 110px;
}
.section-faq .accordion .accordion-btn {
  cursor: pointer;
}
.section-faq .accordion .accordion-contents {
  padding-top: 33px;
}
.section-faq .accordion .text-q,
.section-faq .accordion .text-a {
  text-align: justify;
}
.section-faq .accordion .text-q {
  font-size: 1.8rem;
  letter-spacing: -0.04em;
}
.section-faq .accordion .text-a {
  padding-bottom: 10px;
}
.section-faq .accordion .text-a p:not(:first-child) {
  margin-top: 34px;
}
.section-faq .accordion .text-a a {
  color: #00bfff;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .section-faq .accordion .text-a a {
    padding-bottom: 4px;
    transition: 0.3s;
    border-bottom: 1px solid transparent;
  }
  .section-faq .accordion .text-a a:hover {
    border-color: #00bfff;
  }
}
.section-faq .accordion .accordion-btn-icon {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  background: #f5f5f5;
  border-radius: 50%;
}
.section-faq .accordion .accordion-btn-icon::before,
.section-faq .accordion .accordion-btn-icon::after {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  content: "";
  background: #000;
  border-radius: 2px;
}
.section-faq .accordion .accordion-btn-icon::before {
  width: 16px;
  height: 4px;
}
.section-faq .accordion .accordion-btn-icon::after {
  width: 4px;
  height: 16px;
}
.section-faq .accordion.is-opened .accordion-contents {
  display: flex;
}
.section-faq .accordion.is-opened .accordion-btn-icon::after {
  display: none;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .section-faq .accordion-btn .text-q {
    transition: 0.3s;
  }
  .section-faq .accordion-btn .accordion-btn-icon {
    transition: 0.3s;
  }
  .section-faq .accordion-btn .accordion-btn-icon::before,
  .section-faq .accordion-btn .accordion-btn-icon::after {
    transition: 0.3s;
  }
  .section-faq .accordion-btn:hover .text-q {
    color: #5fbce7;
  }
  .section-faq .accordion-btn:hover .accordion-btn-icon {
    background: #5fbce7;
  }
  .section-faq .accordion-btn:hover .accordion-btn-icon::before,
  .section-faq .accordion-btn:hover .accordion-btn-icon::after {
    background: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .section-faq .section-heading {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 12vw;
    font-size: 5.866666666666666vw;
    letter-spacing: 0.26em;
  }
  .section-faq .section-sub {
    margin-top: -18.133333333333333vw;
    padding-top: 26.13333333333333vw;
    padding-bottom: 6.666666666666667vw;
  }
  .section-faq .section-sub:first-of-type {
    margin-top: -18.133333333333333vw;
    padding-top: 25.333333333333336vw;
  }
  .section-faq .section-sub-contents {
    margin-top: 7.199999999999999vw;
  }
  .section-faq .accordion {
    padding: 4.533333333333333vw 0 4.533333333333333vw 4.533333333333333vw;
    border-radius: 2.666666666666667vw;
  }
  .section-faq .accordion:not(:first-child) {
    margin-top: 4vw;
  }
  .section-faq .accordion .icon-q,
  .section-faq .accordion .icon-a {
    font-size: 5.333333333333334vw;
  }
  .section-faq .accordion .icon-q {
    margin-right: 1.866666666666667vw;
    margin-top: 0.266666666666667vw;
  }
  .section-faq .accordion .icon-a {
    margin-right: 3.733333333333334vw;
    margin-top: 0.266666666666667vw;
  }
  .section-faq .accordion .accordion-btn {
    padding-right: 15.466666666666667vw;
  }
  .section-faq .accordion .accordion-contents {
    padding-top: 7.199999999999999vw;
    padding-right: 8vw;
  }
  .section-faq .accordion .text-q {
    font-size: 3.466666666666666vw;
    line-height: 1.923076923076923;
    letter-spacing: -0.04em;
  }
  .section-faq .accordion .text-a {
    padding-bottom: 1.333333333333333vw;
    font-size: 3.2vw;
    line-height: 2;
  }
  .section-faq .accordion .text-a p:not(:first-child) {
    margin-top: 4.533333333333333vw;
  }
  .section-faq .accordion .accordion-btn-icon {
    right: 4.666666666666667vw;
    width: 6.666666666666667vw;
    height: 6.666666666666667vw;
    margin-top: -3.333333333333333vw;
  }
  .section-faq .accordion .accordion-btn-icon::before,
  .section-faq .accordion .accordion-btn-icon::after {
    border-radius: 0.266666666666667vw;
  }
  .section-faq .accordion .accordion-btn-icon::before {
    width: 2.133333333333333vw;
    height: 0.533333333333333vw;
  }
  .section-faq .accordion .accordion-btn-icon::after {
    width: 0.533333333333333vw;
    height: 2.133333333333333vw;
  }
}
.faq-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 55px;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}
.faq-nav::before,
.faq-nav::after {
  content: "";
  display: block;
  width: 210px;
}
.faq-nav::before {
  order: 1;
}
.faq-nav li {
  width: 210px;
  margin-bottom: 9px;
}
.faq-nav a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 18px 0 22px;
  box-sizing: border-box;
}
.faq-nav a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #bbb;
}
.faq-nav .btn-text {
  font-size: 1.6rem;
}
.faq-nav .icon-arrow-circle {
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 20px;
  margin-top: -11px;
  background: #000;
}
.faq-nav .icon-arrow-circle .icon-arrow {
  width: 5px;
  height: 8px;
  fill: #fff;
  transform: rotate(90deg);
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .faq-nav a .btn-text,
  .faq-nav a .icon-arrow-circle {
    transition: 0.3s;
  }
  .faq-nav a:hover .btn-text {
    color: #5fbce7;
  }
  .faq-nav a:hover .icon-arrow-circle {
    background: #5fbce7;
  }
}
@media only screen and (max-width: 767px) {
  .faq-nav {
    margin-top: 7.733333333333333vw;
    margin-bottom: 6.666666666666667vw;
  }
  .faq-nav::before,
  .faq-nav::after {
    width: 42vw;
  }
  .faq-nav li {
    width: 42vw;
    margin-bottom: 0.666666666666667vw;
  }
  .faq-nav a {
    padding: 4vw 0 4.266666666666667vw;
  }
  .faq-nav a::after {
    height: 0.266666666666667vw;
  }
  .faq-nav .btn-text {
    font-size: 3.2vw;
  }
  .faq-nav .icon-arrow-circle {
    width: 4.266666666666667vw;
    height: 4.266666666666667vw;
    margin-top: -2.133333333333333vw;
  }
  .faq-nav .icon-arrow-circle .icon-arrow {
    width: 1.066666666666667vw;
    height: 1.866666666666667vw;
  }
}
.heading-bg-blue,
.heading-bg-black {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  align-items: center;
  width: 100%;
  min-height: 80px;
  padding: 8px 60px 10px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  font-feature-settings: "palt";
}
.heading-bg-blue::before,
.heading-bg-black::before,
.heading-bg-blue::after,
.heading-bg-black::after {
  position: absolute;
  top: 0;
  content: "";
  display: block;
  width: 40px;
  height: 100%;
  background-repeat: repeat-y;
}
.heading-bg-blue::before,
.heading-bg-black::before {
  left: 0;
}
.heading-bg-blue::after,
.heading-bg-black::after {
  right: 0;
}
.heading-bg-blue {
  font-size: 3rem;
  line-height: 1.666666666666667;
  letter-spacing: 0.025em;
  background: #5fbce7;
}
.heading-bg-blue::before,
.heading-bg-blue::after {
  background-size: 40px 120px;
}
.heading-bg-blue::before {
  background-image: url("assets/img/pc/bgblue-heading-bg-1.png?hash=6527f066011af63982445888d7f0e418");
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .heading-bg-blue::before {
    background-image: url("assets/img/pc/bgblue-heading-bg-1@2x.png?hash=6a088dbb61ecde01a9b9887810dc985b");
  }
}
.heading-bg-blue::after {
  background-image: url("assets/img/pc/bgblue-heading-bg-2.png?hash=d1f824785194151b6be908728bde0ff7");
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .heading-bg-blue::after {
    background-image: url("assets/img/pc/bgblue-heading-bg-2@2x.png?hash=2405def4c684e1d85cd20a698c5b19bc");
  }
}
.heading-bg-black {
  font-size: 3.2rem;
  line-height: 1.625;
  letter-spacing: 0.025em;
  background: #000;
}
.heading-bg-black::before,
.heading-bg-black::after {
  background-size: 40px 80px;
}
.heading-bg-black::before {
  background-image: url("assets/img/pc/bgblack-heading-bg-1.png?hash=2f28d46144f39d1d8e5951a4423cdbc0");
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .heading-bg-black::before {
    background-image: url("assets/img/pc/bgblack-heading-bg-1@2x.png?hash=b1c8b829f9d85232a43dbca388d44eb0");
  }
}
.heading-bg-black::after {
  background-image: url("assets/img/pc/bgblack-heading-bg-2.png?hash=6619173130160153ff8e73e6e78a9a4a");
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .heading-bg-black::after {
    background-image: url("assets/img/pc/bgblack-heading-bg-2@2x.png?hash=87fbc6fa779a9574e7f93d98230f5b7b");
  }
}
@media only screen and (max-width: 767px) {
  .heading-bg-blue,
  .heading-bg-black {
    min-height: 16vw;
    font-size: 5.333333333333334vw;
    line-height: 1.6;
    padding: 3.466666666666666vw 9.333333333333334vw 3.466666666666666vw;
  }
  .heading-bg-blue::before,
  .heading-bg-black::before,
  .heading-bg-blue::after,
  .heading-bg-black::after {
    width: 8vw;
  }
  .heading-bg-blue::before,
  .heading-bg-blue::after {
    background-size: 8vw 24vw;
  }
  .heading-bg-black::before,
  .heading-bg-black::after {
    background-size: 8vw 16vw;
  }
}
.movie-block {
  position: relative;
  overflow: hidden;
  border-radius: 50px;
  aspect-ratio: 16/9;
  cursor: pointer;
  z-index: 1;
}
.movie-block .movie {
  background: #000;
  width: 100%;
  height: 100%;
}
.movie-block .movie iframe {
  width: 100%;
  height: 100%;
}
.movie-block .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.movie-block .icon-play {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 120px;
  height: 120px;
  background-color: rgba(0,0,0,0.2);
  border: 10px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
}
.movie-block .icon-play::after {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  left: 10px;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 17px 0 17px 28px;
  border-color: transparent transparent transparent #fff;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .movie-block .thumb img {
    transition: 0.4s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .movie-block .icon-play {
    transition: 0.3s;
  }
  .movie-block .icon-play::after {
    transition: 0.3s;
  }
  .movie-block:hover .thumb img {
    transform: scale(1.05);
  }
  .movie-block:hover .icon-play {
    width: 132px;
    height: 132px;
    border-color: #5fbce7;
  }
  .movie-block:hover .icon-play::after {
    border-color: transparent transparent transparent #5fbce7;
  }
}
@media only screen and (max-width: 767px) {
  .movie-block {
    margin: 0 auto;
    border-radius: 6vw;
  }
  .movie-block .icon-play {
    width: 16vw;
    height: 16vw;
    border-width: 1.333333333333333vw;
  }
  .movie-block .icon-play::after {
    left: 1.333333333333333vw;
    border-width: 2.266666666666667vw 0 2.266666666666667vw 3.733333333333334vw;
  }
}
.diagonal-line-block {
  padding: 22px;
  background-image: linear-gradient(-45deg, #5fbce7 30%, #fff 20%, #fff 50%, #5fbce7 50%, #5fbce7 80%, #fff 70%);
  background-size: 9px 9px;
  border-radius: 50px;
  box-sizing: border-box;
}
.diagonal-line-block .diagonal-line-block-inner {
  z-index: 1;
}
.diagonal-line-block .img {
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .diagonal-line-block {
    padding: 2.933333333333333vw;
    background-image: linear-gradient(-45deg, #5fbce7 30%, #fff 20%, #fff 50%, #5fbce7 50%, #5fbce7 80%, #fff 70%);
    background-size: 1.2vw 1.2vw;
    border-radius: 8vw;
  }
}
.page-kv-container {
  position: relative;
  height: 400px;
  padding: 0 30px;
  color: #fff;
  overflow: hidden;
}
.page-kv-container .page-kv-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 1160px;
  margin: 0 auto;
  padding-bottom: 16px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.page-kv-container .kv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-kv-container .kv img,
.page-kv-container .kv video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-kv-container .breadcrumb {
  position: absolute;
  bottom: 40px;
  right: 0;
}
.page-kv-container .breadcrumb a {
  color: #fff;
}
.page-kv-container .breadcrumb .icon-arrow {
  fill: #fff;
}
@media only screen and (max-width: 767px) {
  .page-kv-container {
    height: 64vw;
    padding: 0;
  }
}
.page-space-detail .section-park .slider .slider-item,
.page-attractions-detail .section-about .slider .slider-item {
  position: relative;
  width: 650px;
  margin: 0 25px;
  border-radius: 50px;
  overflow: hidden;
}
.page-space-detail .section-park .slider .slider-item .movie-block,
.page-attractions-detail .section-about .slider .slider-item .movie-block {
  width: 100%;
}
.page-space-detail .section-park .slider .slider-nav,
.page-attractions-detail .section-about .slider .slider-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.page-space-detail .section-park .slider .slider-nav .slider-btn-prev,
.page-attractions-detail .section-about .slider .slider-nav .slider-btn-prev,
.page-space-detail .section-park .slider .slider-nav .slider-btn-next,
.page-attractions-detail .section-about .slider .slider-nav .slider-btn-next {
  position: relative;
  width: 50px;
  height: 50px;
  background: #fff;
  cursor: pointer;
}
.page-space-detail .section-park .slider .slider-nav .slider-btn-prev .icon-arrow,
.page-attractions-detail .section-about .slider .slider-nav .slider-btn-prev .icon-arrow,
.page-space-detail .section-park .slider .slider-nav .slider-btn-next .icon-arrow,
.page-attractions-detail .section-about .slider .slider-nav .slider-btn-next .icon-arrow {
  width: 8px;
  height: 12px;
}
.page-space-detail .section-park .slider .slider-nav .slider-btn-prev,
.page-attractions-detail .section-about .slider .slider-nav .slider-btn-prev {
  transform: scale(-1, 1);
}
.page-space-detail .section-park .slider .slider-nav .slider-dot-list,
.page-attractions-detail .section-about .slider .slider-nav .slider-dot-list {
  display: flex;
  margin: 0 28px;
}
.page-space-detail .section-park .slider .slider-nav .slider-dot-list span,
.page-attractions-detail .section-about .slider .slider-nav .slider-dot-list span {
  width: 8px;
  height: 8px;
  margin: 0 8px;
  background: #dbdbdb;
  border-radius: 50%;
  cursor: pointer;
}
.page-space-detail .section-park .slider .slider-nav .slider-dot-list span.is-active,
.page-attractions-detail .section-about .slider .slider-nav .slider-dot-list span.is-active {
  pointer-events: none;
  background: #5fbce7;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-space-detail .section-park .slider-nav .slider-btn-prev,
  .page-attractions-detail .section-about .slider-nav .slider-btn-prev,
  .page-space-detail .section-park .slider-nav .slider-btn-next,
  .page-attractions-detail .section-about .slider-nav .slider-btn-next {
    transition: 0.3s;
  }
  .page-space-detail .section-park .slider-nav .slider-btn-prev .icon-arrow,
  .page-attractions-detail .section-about .slider-nav .slider-btn-prev .icon-arrow,
  .page-space-detail .section-park .slider-nav .slider-btn-next .icon-arrow,
  .page-attractions-detail .section-about .slider-nav .slider-btn-next .icon-arrow {
    transition: 0.3s;
  }
  .page-space-detail .section-park .slider-nav .slider-btn-prev:hover,
  .page-attractions-detail .section-about .slider-nav .slider-btn-prev:hover,
  .page-space-detail .section-park .slider-nav .slider-btn-next:hover,
  .page-attractions-detail .section-about .slider-nav .slider-btn-next:hover {
    background: #5fbce7;
  }
  .page-space-detail .section-park .slider-nav .slider-btn-prev:hover .icon-arrow,
  .page-attractions-detail .section-about .slider-nav .slider-btn-prev:hover .icon-arrow,
  .page-space-detail .section-park .slider-nav .slider-btn-next:hover .icon-arrow,
  .page-attractions-detail .section-about .slider-nav .slider-btn-next:hover .icon-arrow {
    fill: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .page-space-detail .section-park .slider .slider-item,
  .page-attractions-detail .section-about .slider .slider-item {
    width: 74.66666666666667vw;
    margin: 0 2.666666666666667vw;
    border-radius: 6.666666666666667vw;
  }
  .page-space-detail .section-park .slider .slider-item::before,
  .page-attractions-detail .section-about .slider .slider-item::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 6.666666666666667vw;
  }
  .page-space-detail .section-park .slider .slider-nav,
  .page-attractions-detail .section-about .slider .slider-nav {
    margin-top: 6.666666666666667vw;
  }
  .page-space-detail .section-park .slider .slider-nav .slider-btn-prev,
  .page-attractions-detail .section-about .slider .slider-nav .slider-btn-prev,
  .page-space-detail .section-park .slider .slider-nav .slider-btn-next,
  .page-attractions-detail .section-about .slider .slider-nav .slider-btn-next {
    width: 6.666666666666667vw;
    height: 6.666666666666667vw;
  }
  .page-space-detail .section-park .slider .slider-nav .slider-btn-prev .icon-arrow,
  .page-attractions-detail .section-about .slider .slider-nav .slider-btn-prev .icon-arrow,
  .page-space-detail .section-park .slider .slider-nav .slider-btn-next .icon-arrow,
  .page-attractions-detail .section-about .slider .slider-nav .slider-btn-next .icon-arrow {
    width: 1.066666666666667vw;
    height: 1.6vw;
  }
  .page-space-detail .section-park .slider .slider-nav .slider-dot-list,
  .page-attractions-detail .section-about .slider .slider-nav .slider-dot-list {
    margin: 0 4vw;
  }
  .page-space-detail .section-park .slider .slider-nav .slider-dot-list span,
  .page-attractions-detail .section-about .slider .slider-nav .slider-dot-list span {
    width: 2.133333333333333vw;
    height: 2.133333333333333vw;
    margin: 0 1.333333333333333vw;
  }
}
.page-about .section-1 .slider .slider-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10.666666666666668vw;
}
.page-about .section-1 .slider .slider-nav .slider-dot-list {
  display: flex;
}
.page-about .section-1 .slider .slider-nav .slider-dot-list span {
  width: 2.133333333333333vw;
  height: 2.133333333333333vw;
  margin: 0 1.333333333333333vw;
  background: #dbdbdb;
  border-radius: 50%;
  cursor: pointer;
}
.page-about .section-1 .slider .slider-nav .slider-dot-list span.is-active {
  pointer-events: none;
  background: #5fbce7;
}
.pagination {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 80px;
}
.pagination .btn-text {
  font-size: 1.4rem;
}
.pagination .btn-prev,
.pagination .btn-next {
  position: absolute;
  top: 0;
}
.pagination .btn-prev a,
.pagination .btn-next a {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.pagination .btn-prev a .icon-arrow-circle,
.pagination .btn-next a .icon-arrow-circle {
  width: 56px;
  height: 56px;
  background: #fff;
}
.pagination .btn-prev a .icon-arrow-circle .icon-arrow,
.pagination .btn-next a .icon-arrow-circle .icon-arrow {
  width: 8px;
  height: 12px;
}
.pagination .btn-prev {
  left: 0;
}
.pagination .btn-prev .icon-arrow-circle {
  transform: scale(-1, 1);
}
.pagination .btn-prev .btn-text {
  margin-left: 19px;
}
.pagination .btn-next {
  right: 0;
}
.pagination .btn-next .btn-text {
  margin-right: 19px;
}
.pagination .num-list.pc {
  display: flex;
  align-items: center;
}
.pagination .num-list.pc a,
.pagination .num-list.pc span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0 7px;
  font-size: 1.6rem;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
}
.pagination .num-list.pc .dot {
  position: relative;
  background: none;
  width: 6px;
  height: 6px;
  margin: 0 21px;
  border-radius: 50%;
  background: #bbb;
}
.pagination .num-list.pc .dot::before,
.pagination .num-list.pc .dot::after {
  position: absolute;
  top: 0;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #bbb;
}
.pagination .num-list.pc .dot::before {
  left: -14px;
}
.pagination .num-list.pc .dot::after {
  right: -14px;
}
.pagination .num-list.pc .is-selected {
  color: #fff;
  background: #5fbce7;
  pointer-events: none;
}
.pagination .num-list.pc .is-none {
  visibility: hidden;
  pointer-events: none;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .pagination .btn-prev a .icon-arrow-circle .icon-arrow,
  .pagination .btn-next a .icon-arrow-circle .icon-arrow {
    transition: 0.3s;
  }
  .pagination .btn-prev a:hover .icon-arrow-circle,
  .pagination .btn-next a:hover .icon-arrow-circle {
    background: #5fbce7;
  }
  .pagination .btn-prev a:hover .icon-arrow-circle .icon-arrow,
  .pagination .btn-next a:hover .icon-arrow-circle .icon-arrow {
    fill: #fff;
  }
  .pagination .num-list a {
    transition: 0.3s;
  }
  .pagination .num-list a:hover {
    color: #fff;
    background: #5fbce7;
  }
}
@media only screen and (max-width: 960px) {
  .pagination .pc {
    display: none;
  }
  .pagination .sp {
    display: block;
  }
  .pagination .num-list.pc {
    display: none;
  }
  .pagination .num-list.sp {
    display: block;
    margin-top: 8px;
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .pagination {
    margin-top: 10.666666666666668vw;
  }
  .pagination .btn-text {
    font-size: 2.933333333333333vw;
  }
  .pagination .btn-prev a .icon-arrow-circle,
  .pagination .btn-next a .icon-arrow-circle {
    width: 12vw;
    height: 12vw;
  }
  .pagination .btn-prev a .icon-arrow-circle .icon-arrow,
  .pagination .btn-next a .icon-arrow-circle .icon-arrow {
    width: 1.6vw;
    height: 2.666666666666667vw;
  }
  .pagination .btn-prev .btn-text {
    margin-left: 19px;
  }
  .pagination .btn-next .btn-text {
    margin-right: 19px;
  }
  .pagination .num-list.pc {
    display: none;
  }
  .pagination .num-list.sp {
    margin-top: 2.133333333333333vw;
    font-size: 4vw;
  }
}
.fixed-btn-container {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9;
}
.fixed-btn-container .btn-tickets,
.fixed-btn-container .btn-search {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
}
.fixed-btn-container .btn-tickets a,
.fixed-btn-container .btn-search a {
  position: relative;
  display: block;
  width: 310px;
  height: 130px;
  box-sizing: border-box;
}
.fixed-btn-container .btn-tickets .btn-bg,
.fixed-btn-container .btn-search .btn-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00bfff;
  border-radius: 30px 0 0 0;
  overflow: hidden;
}
.fixed-btn-container .btn-tickets .btn-contents,
.fixed-btn-container .btn-search .btn-contents {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 39px 0 0 28px;
  line-height: 1;
  box-sizing: border-box;
}
.fixed-btn-container .btn-tickets span,
.fixed-btn-container .btn-search span {
  display: block;
}
.fixed-btn-container .btn-tickets .btn-text-main,
.fixed-btn-container .btn-search .btn-text-main {
  fill: #fff;
  font-size: 3.6rem;
}
.fixed-btn-container .btn-tickets .btn-text-sub,
.fixed-btn-container .btn-search .btn-text-sub {
  display: flex;
  align-items: center;
  margin-top: 16px;
  margin-left: 2px;
  color: #fff;
  font-size: 1.4rem;
}
.fixed-btn-container .btn-tickets .btn-text-sub .icon-arrow-circle,
.fixed-btn-container .btn-search .btn-text-sub .icon-arrow-circle {
  width: 20px;
  height: 20px;
  margin-left: 12px;
  background: #000;
}
.fixed-btn-container .btn-tickets .btn-text-sub .icon-arrow-circle .icon-arrow,
.fixed-btn-container .btn-search .btn-text-sub .icon-arrow-circle .icon-arrow {
  width: 5px;
  height: 8px;
  fill: #fff;
}
.fixed-btn-container .btn-tickets .character,
.fixed-btn-container .btn-search .character {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 108px;
}
.fixed-btn-container .btn-tickets .character .icon-balloon,
.fixed-btn-container .btn-search .character .icon-balloon {
  position: absolute;
  top: -20px;
  right: 86px;
  width: 50px;
  height: 50px;
  fill: #f3234f;
}
.fixed-btn-container .btn-tickets .character .icon-balloon .icon-search,
.fixed-btn-container .btn-search .character .icon-balloon .icon-search {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 22px;
  height: 22px;
  fill: #fff;
}
.fixed-btn-container .btn-search .btn-text-main {
  width: 166px;
  height: 26px;
  margin-left: 2px;
}
@media only screen and (min-width: 1024px) and (any-hover: hover) {
  .fixed-btn-container .btn-search a {
    transition: 0.33s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .fixed-btn-container .btn-search a .btn-bg {
    transition: 0.1s linear;
  }
  .fixed-btn-container .btn-search a .character {
    transition: 0.33s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .fixed-btn-container .btn-search a .character .icon-balloon {
    transition: 0.33s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .fixed-btn-container .btn-search a:hover {
    width: 340px;
  }
  .fixed-btn-container .btn-search a:hover .btn-bg {
    background: #f3234f;
  }
  .fixed-btn-container .btn-search a:hover .character {
    transform: translateX(-15px);
  }
  .fixed-btn-container .btn-search a:hover .character .icon-balloon {
    fill: #000;
    transform: translateX(-7px);
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .fixed-btn-container {
    width: 100%;
  }
  .fixed-btn-container .btn-tickets,
  .fixed-btn-container .btn-search {
    position: absolute;
    width: 50%;
  }
  .fixed-btn-container .btn-tickets a,
  .fixed-btn-container .btn-search a {
    width: 100%;
    height: 84px;
    border-radius: 0;
  }
  .fixed-btn-container .btn-tickets .btn-bg,
  .fixed-btn-container .btn-search .btn-bg {
    border-radius: 0;
  }
  .fixed-btn-container .btn-tickets .btn-contents,
  .fixed-btn-container .btn-search .btn-contents {
    padding: 20px 0 0 120px;
  }
  .fixed-btn-container .btn-tickets .btn-text-main,
  .fixed-btn-container .btn-search .btn-text-main {
    font-size: 3.6rem;
  }
  .fixed-btn-container .btn-tickets .btn-text-sub,
  .fixed-btn-container .btn-search .btn-text-sub {
    margin-top: 8px;
    font-size: 1.2rem;
  }
  .fixed-btn-container .btn-tickets .btn-text-sub .icon-arrow-circle,
  .fixed-btn-container .btn-search .btn-text-sub .icon-arrow-circle {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
  }
  .fixed-btn-container .btn-tickets .btn-text-sub .icon-arrow-circle .icon-arrow,
  .fixed-btn-container .btn-search .btn-text-sub .icon-arrow-circle .icon-arrow {
    top: 0;
    left: 0;
    width: 6px;
    height: 10px;
  }
  .fixed-btn-container .btn-tickets .character,
  .fixed-btn-container .btn-search .character {
    top: 4px;
    right: auto;
    left: 25px;
    width: 68px;
  }
  .fixed-btn-container .btn-tickets .character .icon-balloon,
  .fixed-btn-container .btn-search .character .icon-balloon {
    display: none;
  }
  .fixed-btn-container .btn-tickets {
    right: auto;
    left: 0;
    display: block;
  }
  .fixed-btn-container .btn-tickets .btn-contents {
    padding-left: 122px;
  }
  .fixed-btn-container .btn-tickets .btn-bg {
    background: #009de6;
  }
  .fixed-btn-container .btn-tickets .character {
    top: 5px;
    right: auto;
    left: 36px;
    width: 58px;
  }
  .fixed-btn-container .btn-tickets .btn-text-main {
    width: 111px;
    height: 26px;
  }
  .fixed-btn-container .btn-search .btn-text-main {
    width: 164px;
    height: 26px;
    margin-left: 4px;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) and (any-hover: hover) {
  .fixed-btn-container .btn-tickets a .btn-bg,
  .fixed-btn-container .btn-search a .btn-bg {
    transition: 0.1s linear;
  }
  .fixed-btn-container .btn-tickets a .btn-text-sub .icon-arrow-circle,
  .fixed-btn-container .btn-search a .btn-text-sub .icon-arrow-circle {
    transition: 0.33s cubic-bezier(0.33, 1, 0.68, 1);
  }
  .fixed-btn-container .btn-tickets a:hover .btn-bg,
  .fixed-btn-container .btn-search a:hover .btn-bg {
    background: #f3234f;
  }
  .fixed-btn-container .btn-tickets a:hover .btn-text-sub .icon-arrow-circle,
  .fixed-btn-container .btn-search a:hover .btn-text-sub .icon-arrow-circle {
    right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .fixed-btn-container {
    width: 100%;
  }
  .fixed-btn-container .btn-tickets,
  .fixed-btn-container .btn-search {
    position: absolute;
  }
  .fixed-btn-container .btn-tickets a,
  .fixed-btn-container .btn-search a {
    width: 50vw;
    height: 17.333333333333336vw;
  }
  .fixed-btn-container .btn-tickets .btn-bg,
  .fixed-btn-container .btn-search .btn-bg {
    background: #00bfff;
    border-radius: 0;
  }
  .fixed-btn-container .btn-tickets .btn-contents,
  .fixed-btn-container .btn-search .btn-contents {
    padding: 4.266666666666667vw 0 0 18.933333333333334vw;
  }
  .fixed-btn-container .btn-tickets .btn-text-main,
  .fixed-btn-container .btn-search .btn-text-main {
    font-size: 5.600000000000001vw;
  }
  .fixed-btn-container .btn-tickets .btn-text-sub,
  .fixed-btn-container .btn-search .btn-text-sub {
    margin-top: 1.866666666666667vw;
    margin-left: 0.266666666666667vw;
    font-size: 2.666666666666667vw;
  }
  .fixed-btn-container .btn-tickets .btn-text-sub .icon-arrow-circle,
  .fixed-btn-container .btn-search .btn-text-sub .icon-arrow-circle {
    width: 3.2vw;
    height: 3.2vw;
    margin-left: 1.066666666666667vw;
  }
  .fixed-btn-container .btn-tickets .btn-text-sub .icon-arrow-circle .icon-arrow,
  .fixed-btn-container .btn-search .btn-text-sub .icon-arrow-circle .icon-arrow {
    top: -0.133333333333333vw;
    left: 0.133333333333333vw;
    width: 0.8vw;
    height: 1.333333333333333vw;
  }
  .fixed-btn-container .btn-tickets .character,
  .fixed-btn-container .btn-search .character {
    top: 1.866666666666667vw;
    right: auto;
    left: 1.866666666666667vw;
    width: 12.933333333333334vw;
  }
  .fixed-btn-container .btn-tickets .character .icon-balloon,
  .fixed-btn-container .btn-search .character .icon-balloon {
    display: none;
  }
  .fixed-btn-container .btn-tickets {
    right: auto;
    left: 0;
  }
  .fixed-btn-container .btn-tickets .btn-bg {
    background: #009de6;
  }
  .fixed-btn-container .btn-tickets .btn-contents {
    padding-left: 17.599999999999998vw;
  }
  .fixed-btn-container .btn-tickets .btn-text-main {
    width: 17.466666666666665vw;
    height: 4.133333333333333vw;
  }
  .fixed-btn-container .btn-tickets .character {
    top: 2.4vw;
    right: auto;
    left: 3.866666666666667vw;
    width: 11.200000000000001vw;
  }
  .fixed-btn-container .btn-search .btn-text-main {
    width: 25.733333333333334vw;
    height: 4.133333333333333vw;
    margin-left: 0;
  }
}
.attract-top,
.attract-top-pc,
.attract-top-sp,
.attract-list,
.attract-list-pc,
.attract-list-sp,
.attract-page,
.attract-page-pc,
.attract-page-sp {
  display: none;
}
.page-top .attract-top {
  display: block;
}
@media only screen and (min-width: 768px) {
  .page-top .attract-top-pc {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .attract-top-sp {
    display: block;
  }
}
.page-attractions .attract-list {
  display: block;
}
@media only screen and (min-width: 768px) {
  .page-attractions .attract-list-pc {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .page-attractions .attract-list-sp {
    display: block;
  }
}
.page-attractions-detail .attract-page {
  display: block;
}
@media only screen and (min-width: 768px) {
  .page-attractions-detail .attract-page-pc {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .page-attractions-detail .attract-page-sp {
    display: block;
  }
}
[data-hidden] {
  display: block;
  overflow: hidden;
}
[data-slides] {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.is-playing [data-youtube-el='thumb'] {
  opacity: 0;
  pointer-events: none;
}
[data-accordion-el='content'] {
  height: 0;
  overflow: hidden;
}
[data-hero-el="slider"] .swiper-slide-active img,
[data-hero-el="slider"] .swiper-slide-duplicate-active img,
[data-hero-el="slider"] .swiper-slide-prev img {
  animation: zoomIn 1.33s cubic-bezier(0, 0.55, 0.45, 1);
}
.sk-chase {
  width: 40px;
  height: 40px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}
.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: sk-chase-dot 2s infinite ease-in-out both;
}
.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-chase-dot-before 2s infinite ease-in-out both;
}
.sk-chase-dot:nth-child(1) {
  animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2) {
  animation-delay: -1s;
}
.sk-chase-dot:nth-child(3) {
  animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4) {
  animation-delay: -0.8s;
}
.sk-chase-dot:nth-child(5) {
  animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6) {
  animation-delay: -0.6s;
}
.sk-chase-dot:nth-child(1):before {
  animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2):before {
  animation-delay: -1s;
}
.sk-chase-dot:nth-child(3):before {
  animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4):before {
  animation-delay: -0.8s;
}
.sk-chase-dot:nth-child(5):before {
  animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6):before {
  animation-delay: -0.6s;
}
@keyframes sk-chase {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot {
  80%, 100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4);
  }
  100%, 0% {
    transform: scale(1);
  }
}
.splide {
  cursor: grab;
}
.splide:active {
  cursor: grabbing;
}
.splide__list {
  will-change: transform;
}
.splide__sr {
  display: none !important;
}
.loader {
  background: #00bfff;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  z-index: 101;
}
.is-loaded .loader {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s, visibility 0.5s;
  visibility: hidden;
}
@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%,
  100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}

.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  /* top: calc(50% - 25px);
  left: calc(50% - 60px); */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  width: 120px;
  /* height: 80px; */
  height: 90px;
  border-radius: 5px;
  transition: opacity .3s;
  opacity: 0;
  background: rgba(0, 0, 0, .7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: .8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}

.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;box-sizing:border-box;touch-action:manipulation;background:#fff;box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:flex;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:flex;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-around;transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.page-about .page-heading-container .page-heading .text-main {
  letter-spacing: -0.03em;
}
.page-about .section-intro {
  padding: 0 20px;
}
@media only screen and (max-width: 767px) {
  .page-about .section-intro {
    padding: 0;
  }
}
.page-about .section-intro .bg-item-1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 450px;
  height: 200px;
}
@media only screen and (max-width: 767px) {
  .page-about .section-intro .bg-item-1 {
    width: 60vw;
    height: 26.666666666666668vw;
  }
  .page-about .section-intro .bg-item-2 {
    position: absolute;
    top: 10vw;
    left: 6.133333333333333vw;
    background: #5fbce7;
    width: 3.333333333333333vw;
    height: 3.333333333333333vw;
  }
}
.page-about .section-intro .section-inner {
  padding-top: 236px;
  padding-bottom: 440px;
}
@media only screen and (max-width: 767px) {
  .page-about .section-intro .section-inner {
    padding: 36.53333333333333vw 8vw 52.93333333333333vw;
  }
}
.page-about .section-intro .decoration-text {
  position: absolute;
  bottom: 230px;
  left: 0;
  overflow: hidden;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .page-about .section-intro .decoration-text {
    bottom: 5.066666666666666vw;
  }
}
.page-about .section-intro .decoration-text-inner {
  --bg-position: -3174px;
  animation: loop 50s linear infinite;
  width: 3174px;
  height: 126px;
  background: url("assets/img/about/bg-text-1.png?hash=a5ac7a174ea6240dac9b73812e7fb367") left top repeat-x;
  background-size: cover;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-about .section-intro .decoration-text-inner {
    background: url("assets/img/about/pc/bg-text-1@2x.png?hash=894bd37dd163c61fb76c9d01ecdd3bcf") left top repeat-x;
    background-size: cover;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .section-intro .decoration-text-inner {
    --bg-position: -423.20000000000005vw;
    width: 423.20000000000005vw;
    height: 16.8vw;
  }
}
.page-about .section-intro .section-heading {
  margin-left: -4px;
  font-size: 4rem;
  line-height: 1.9;
  letter-spacing: 0.13em;
}
.page-about .section-intro .section-heading .text-blue {
  color: #5fbce7;
  font-size: 5.7rem;
  line-height: 1;
  letter-spacing: 0.01em;
}
.page-about .section-intro .section-heading .text-blue:nth-child(1) {
  margin-left: -2px;
  margin-right: 8px;
}
.page-about .section-intro .section-heading .text-blue:nth-child(2) {
  margin-right: 4px;
}
.page-about .section-intro .section-heading .text-blue span {
  position: relative;
}
.page-about .section-intro .section-heading .text-blue span::before {
  position: absolute;
  top: -5px;
  left: 50%;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin-left: -5px;
  background: #000;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .page-about .section-intro .section-heading {
    margin-left: 0;
    font-size: 6.933333333333333vw;
    line-height: 1.807692307692308;
    letter-spacing: 0.13em;
  }
  .page-about .section-intro .section-heading .text-blue {
    font-size: 10.133333333333333vw;
    line-height: 1;
    letter-spacing: 0.02em;
  }
  .page-about .section-intro .section-heading .text-blue:nth-child(1) {
    margin-left: -0.8vw;
    margin-right: 0.8vw;
  }
  .page-about .section-intro .section-heading .text-blue:nth-child(2) {
    margin-right: 0.533333333333333vw;
  }
  .page-about .section-intro .section-heading .text-blue span::before {
    top: -0.8vw;
    width: 1.333333333333333vw;
    height: 1.333333333333333vw;
    margin-left: -0.933333333333333vw;
  }
  .page-about .section-intro .section-heading .text-litpla {
    margin-left: -0.8vw;
    letter-spacing: 0em;
  }
}
.page-about .section-intro .text {
  margin-top: 39px;
  font-size: 1.8rem;
  line-height: 2.444444444444445;
  letter-spacing: 0.13em;
  font-feature-settings: "palt";
}
@media only screen and (max-width: 767px) {
  .page-about .section-intro .text {
    margin-top: 7.733333333333333vw;
    font-size: 4vw;
    line-height: 2.2;
    letter-spacing: 0.1em;
    text-align: justify;
  }
}
.page-about .section-intro .img-container {
  position: absolute;
  top: 457px;
  left: 760px;
  width: 350px;
  height: 350px;
}
.page-about .section-intro .img-container .bg-item-2 {
  position: absolute;
  top: -282px;
  left: -76px;
  width: 546px;
  height: 864px;
  background: url("assets/img/about/pc/intro-bg-2.png?hash=c2124052c6c67e5b789da532bec8b276") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-about .section-intro .img-container .bg-item-2 {
    background: url("assets/img/about/pc/intro-bg-2@2x.png?hash=2d3db23f6e23c625d41805e513186171") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .section-intro .img-container .bg-item-2 {
    background: url("assets/img/about/intro-bg-2.png?hash=edc7d30f9f0bf2e91cdc90f900e0580e") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-about .section-intro .img-container .img {
  overflow: hidden;
  position: absolute;
  width: 180px;
  border-radius: 30px;
}
.page-about .section-intro .img-container .img-1 {
  top: -93px;
  left: -118px;
}
.page-about .section-intro .img-container .img-2 {
  width: 220px;
  top: -131px;
  right: -130px;
}
.page-about .section-intro .img-container .img-3 {
  bottom: -127px;
  left: -148px;
}
.page-about .section-intro .img-container .img-4 {
  bottom: -225px;
  right: -77px;
}
.page-about .section-intro .img-container .img-5 {
  top: 0;
  left: 0;
  width: 350px;
  border-radius: 50px;
}
@media only screen and (max-width: 767px) {
  .page-about .section-intro .img-container {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 34.13333333333333vw;
    margin-left: 17.333333333333336vw;
    width: 51.33333333333333vw;
    height: 51.33333333333333vw;
  }
  .page-about .section-intro .img-container .bg-item-2 {
    top: -22.26666666666667vw;
    left: -13.866666666666665vw;
    width: 79.46666666666667vw;
    height: 89.46666666666667vw;
  }
  .page-about .section-intro .img-container .img {
    width: 26.400000000000002vw;
    border-radius: 4vw;
  }
  .page-about .section-intro .img-container .img-1 {
    top: -13.733333333333334vw;
    left: -17.066666666666666vw;
  }
  .page-about .section-intro .img-container .img-2 {
    width: 32.266666666666666vw;
    top: -19.333333333333332vw;
    right: -19.466666666666665vw;
  }
  .page-about .section-intro .img-container .img-3 {
    bottom: -15.866666666666667vw;
    left: -20.533333333333335vw;
  }
  .page-about .section-intro .img-container .img-4 {
    bottom: -32.93333333333333vw;
    right: -11.466666666666667vw;
  }
  .page-about .section-intro .img-container .img-5 {
    width: 51.33333333333333vw;
    border-radius: 6.666666666666667vw;
  }
}
.page-about .section-experience {
  padding: 0 20px;
  background: #f5f5f5;
}
@media only screen and (max-width: 767px) {
  .page-about .section-experience {
    padding: 0;
  }
}
.page-about .section-experience .bg-item-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  height: 250px;
  background: url("assets/img/about/pc/experience-bg-1.png?hash=6ab50cdbab2a3d13807669e041b984fd") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-about .section-experience .bg-item-1 {
    background: url("assets/img/about/pc/experience-bg-1@2x.png?hash=2dcb9e7b58e71ccd83615fb5df0f2e0e") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .section-experience .bg-item-1 {
    background: url("assets/img/about/experience-bg-1.png?hash=7a940baa1faaebb282093d544d0e49ca") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-about .section-experience .bg-item-2 {
  position: absolute;
  top: 354px;
  right: 0;
  width: 200px;
  height: 200px;
  background: url("assets/img/about/pc/experience-bg-2.png?hash=e7b22db4380f4902fb826492eec48b7f") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-about .section-experience .bg-item-2 {
    background: url("assets/img/about/pc/experience-bg-2@2x.png?hash=600f093dadc641c0ec7acd3d51bb8846") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .section-experience .bg-item-2 {
    background: url("assets/img/about/experience-bg-2.png?hash=d44f9739c07b45bb6c64fb359ecff0ec") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-about .section-experience .bg-item-3 {
  position: absolute;
  bottom: 588px;
  right: 0;
  width: 400px;
  height: 200px;
  background: url("assets/img/about/pc/experience-bg-3.png?hash=7a940baa1faaebb282093d544d0e49ca") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-about .section-experience .bg-item-3 {
    background: url("assets/img/about/pc/experience-bg-3@2x.png?hash=01383b6b29c4e0683ce84ef9a2883695") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .section-experience .bg-item-3 {
    background: url("assets/img/about/experience-bg-3.png?hash=c00f36819dced0021d3ddf6259104dbc") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-about .section-experience .bg-item-4 {
  position: absolute;
  bottom: 189px;
  left: 0;
  width: 250px;
  height: 369px;
  background: url("assets/img/about/pc/experience-bg-4.png?hash=777dc2e75969a545b01815f6c47a3ea0") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-about .section-experience .bg-item-4 {
    background: url("assets/img/about/pc/experience-bg-4@2x.png?hash=e06333266a30a81fdc4594bbfbadef29") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .section-experience .bg-item-4 {
    background: url("assets/img/about/experience-bg-4.png?hash=ff916d02830ca3cc794bbb489bda7f66") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-about .section-experience .bg-item-5 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 300px;
  height: 288px;
  background: url("assets/img/about/pc/experience-bg-5.png?hash=74d758dd4f26549f3a905225f0adf7c6") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-about .section-experience .bg-item-5 {
    background: url("assets/img/about/pc/experience-bg-5@2x.png?hash=ad949f9c7cabb330a1cf4085f81f4918") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .section-experience .bg-item-5 {
    background: url("assets/img/about/experience-bg-5.png?hash=eb7c46e0a7de6cc11c4220a5e53dae1a") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .section-experience .bg-item-1 {
    width: 53.333333333333336vw;
    height: 26.666666666666668vw;
  }
  .page-about .section-experience .bg-item-2 {
    top: 13.200000000000001vw;
    width: 6.666666666666667vw;
    height: 6.666666666666667vw;
  }
  .page-about .section-experience .bg-item-3 {
    bottom: auto;
    top: 117.33333333333333vw;
    width: 26.666666666666668vw;
    height: 26.666666666666668vw;
  }
  .page-about .section-experience .bg-item-4 {
    bottom: auto;
    top: 223.06666666666666vw;
    width: 40vw;
    height: 26.666666666666668vw;
  }
  .page-about .section-experience .bg-item-5 {
    bottom: auto;
    top: 264.66666666666663vw;
    width: 33.33333333333333vw;
    height: 33.33333333333333vw;
  }
  .page-about .section-experience .bg-item-6 {
    position: absolute;
    bottom: 111.20000000000002vw;
    left: 0;
    width: 6.666666666666667vw;
    height: 6.666666666666667vw;
    background: url("assets/img/about/experience-bg-6.png?hash=acfe5faec9d5954ec400f7821fe439a2") center 0 no-repeat;
    background-size: 100%;
  }
  .page-about .section-experience .bg-item-7 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40vw;
    height: 26.666666666666668vw;
    background: url("assets/img/about/experience-bg-7.png?hash=e64171a911d02072659f288283ed751c") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-about .section-experience .section-inner {
  padding-top: 202px;
  padding-bottom: 237px;
}
@media only screen and (max-width: 767px) {
  .page-about .section-experience .section-inner {
    padding-top: 31.2vw;
    padding-bottom: 33.33333333333333vw;
  }
}
.page-about .section-experience .section-heading {
  text-align: center;
  font-size: 4rem;
  line-height: 1.95;
  letter-spacing: 0.13em;
}
.page-about .section-experience .section-heading >span {
  display: inline-block;
  color: #5fbce7;
  font-size: 5.7rem;
  line-height: 1;
  letter-spacing: 0.11em;
}
.page-about .section-experience .section-heading >span:nth-of-type(1) {
  margin-left: 4px;
  margin-right: 4px;
}
.page-about .section-experience .section-heading >span:nth-of-type(2) {
  margin-top: 0px;
  vertical-align: top;
  margin-left: 12px;
  margin-right: 0px;
  font-size: 6.4rem;
  line-height: 1;
}
.page-about .section-experience .section-heading >span:nth-of-type(3) {
  margin-top: 2px;
  margin-left: 0px;
  letter-spacing: 0.14em;
}
@media only screen and (max-width: 767px) {
  .page-about .section-experience .section-heading {
    font-size: 6.933333333333333vw;
    line-height: 2.230769230769231;
    letter-spacing: 0.11em;
  }
  .page-about .section-experience .section-heading >span {
    font-size: 10vw;
    line-height: 1;
  }
  .page-about .section-experience .section-heading >span:nth-of-type(1) {
    margin-left: 0.8vw;
    margin-right: 0.533333333333333vw;
  }
  .page-about .section-experience .section-heading >span:nth-of-type(2) {
    margin-left: 0;
    margin-right: -0.666666666666667vw;
    font-size: 11.733333333333333vw;
  }
  .page-about .section-experience .section-heading >span:nth-of-type(3) {
    margin-top: 0.266666666666667vw;
    letter-spacing: 0.07em;
  }
}
.page-about .section-experience .text {
  margin-top: 30px;
  font-size: 1.8rem;
  line-height: 2.444444444444445;
  letter-spacing: 0.04em;
  text-align: center;
}
.page-about .section-experience .text .asterisk {
  display: inline-block;
  margin-top: 14px;
  font-size: 1rem;
  line-height: 1;
  vertical-align: top;
}
.page-about .section-experience .text .notes {
  margin-top: 10px;
  font-size: 1.2rem;
  line-height: 2.166666666666667;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 767px) {
  .page-about .section-experience .text {
    margin-top: 6.666666666666667vw;
    font-size: 4vw;
    line-height: 2.2;
    letter-spacing: 0.06em;
  }
  .page-about .section-experience .text .asterisk {
    margin-top: 2.133333333333333vw;
    font-size: 2.666666666666667vw;
  }
  .page-about .section-experience .text .notes {
    margin-top: 1.6vw;
    font-size: 2.666666666666667vw;
    line-height: 1.8;
    letter-spacing: 0.04em;
  }
}
.page-about .section-experience .experience-list {
  margin-top: 112px;
}
.page-about .section-experience .experience-list ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-about .section-experience .experience-list li {
  position: relative;
  width: 300px;
  text-align: center;
}
.page-about .section-experience .experience-list li:nth-child(4) {
  margin-top: 132px;
  margin-left: 18.275862068965516%;
}
.page-about .section-experience .experience-list li:nth-child(5) {
  margin-top: 132px;
  margin-right: 18.275862068965516%;
}
@media only screen and (max-width: 1030px) {
  .page-about .section-experience .experience-list ul {
    width: 640px;
    margin: 0 auto;
  }
  .page-about .section-experience .experience-list li {
    margin-bottom: 132px;
  }
  .page-about .section-experience .experience-list li:nth-child(4) {
    margin-left: 0;
    margin-top: 0;
  }
  .page-about .section-experience .experience-list li:nth-child(5) {
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.page-about .section-experience .experience-list .label {
  position: absolute;
  top: -58px;
  left: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  padding-top: 15px;
  border-radius: 50%;
  color: #fff;
  background: #5fbce7;
  box-sizing: border-box;
}
.page-about .section-experience .experience-list .label span {
  display: block;
}
.page-about .section-experience .experience-list .label .label-num {
  margin-left: 2px;
  font-size: 2.2rem;
  line-height: 1;
}
.page-about .section-experience .experience-list .label .label-icon {
  fill: #fff;
  margin: 0 auto;
}
.page-about .section-experience .experience-list .label .label-icon.icon-action {
  width: 40px;
  height: 39px;
  margin-top: 6px;
  margin-bottom: 6px;
}
.page-about .section-experience .experience-list .label .label-icon.icon-discover {
  width: 24px;
  height: 41px;
  margin-top: 6px;
  margin-bottom: 4px;
  transform: rotate(-45deg);
}
.page-about .section-experience .experience-list .label .label-icon.icon-think {
  width: 23px;
  height: 37px;
  margin-top: 6px;
  margin-bottom: 8px;
}
.page-about .section-experience .experience-list .label .label-icon.icon-creation {
  width: 26px;
  height: 36px;
  margin-top: 6px;
  margin-bottom: 8px;
}
.page-about .section-experience .experience-list .label .label-icon.icon-communication {
  width: 45px;
  height: 29px;
  margin-top: 6px;
  margin-bottom: 8px;
}
.page-about .section-experience .experience-list .label .label-text {
  font-size: 1.1rem;
  line-height: 1.090909090909091;
  letter-spacing: 0.075em;
}
.page-about .section-experience .experience-list .img {
  border-radius: 50px;
  overflow: hidden;
}
.page-about .section-experience .experience-list .heading {
  margin-top: 26px;
  color: #5fbce7;
  font-size: 4rem;
  line-height: 1;
}
.page-about .section-experience .experience-list .text {
  margin-top: 13px;
  font-size: 1.6rem;
  line-height: 1.875;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 767px) {
  .page-about .section-experience .experience-list {
    margin-top: 14.933333333333335vw;
    padding: 0 5.333333333333334vw;
  }
  .page-about .section-experience .experience-list ul {
    width: 100%;
    flex-direction: column;
  }
  .page-about .section-experience .experience-list li {
    width: 100%;
    margin-bottom: 8vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page-about .section-experience .experience-list li:last-child {
    margin-bottom: 0;
  }
  .page-about .section-experience .experience-list .text-container {
    display: flex;
    flex-wrap: wrap;
    order: 1;
    width: 49.333333333333336vw;
    padding-top: 1.333333333333333vw;
    box-sizing: border-box;
  }
  .page-about .section-experience .experience-list .label {
    position: static;
    width: 16vw;
    height: 16vw;
    margin-left: 0;
    padding-top: 1.866666666666667vw;
  }
  .page-about .section-experience .experience-list .label .label-num {
    margin-left: 0;
    font-size: 3.2vw;
  }
  .page-about .section-experience .experience-list .label .label-icon.icon-action {
    width: 4.666666666666667vw;
    height: 4.533333333333333vw;
    margin-top: 1.066666666666667vw;
    margin-bottom: 0.8vw;
  }
  .page-about .section-experience .experience-list .label .label-icon.icon-discover {
    width: 2.8vw;
    height: 4.933333333333334vw;
    margin-top: 0.8vw;
    margin-bottom: 0.533333333333333vw;
  }
  .page-about .section-experience .experience-list .label .label-icon.icon-think {
    width: 2.666666666666667vw;
    height: 4.399999999999999vw;
    margin-top: 1.066666666666667vw;
    margin-bottom: 1.066666666666667vw;
  }
  .page-about .section-experience .experience-list .label .label-icon.icon-creation {
    width: 3.066666666666666vw;
    height: 4.266666666666667vw;
    margin-top: 1.066666666666667vw;
    margin-bottom: 1.066666666666667vw;
  }
  .page-about .section-experience .experience-list .label .label-icon.icon-communication {
    width: 5.2vw;
    height: 3.333333333333333vw;
    margin-top: 0.8vw;
    margin-bottom: 0.533333333333333vw;
  }
  .page-about .section-experience .experience-list .label .label-text {
    margin-top: 0.266666666666667vw;
    margin-left: 3.2vw;
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.075em;
    display: inline-block;
    transform: scale(0.7);
    transform-origin: 0 0;
    vertical-align: top;
  }
  .page-about .section-experience .experience-list .img {
    order: 2;
    width: 40vw;
    border-radius: 6.666666666666667vw;
  }
  .page-about .section-experience .experience-list .heading {
    margin-top: 4.8vw;
    margin-left: 2.4vw;
    font-size: 6.133333333333333vw;
    letter-spacing: 0.1em;
    text-align: left;
  }
  .page-about .section-experience .experience-list .text {
    width: 100%;
    margin-top: 2.666666666666667vw;
    margin-left: 1.333333333333333vw;
    font-size: 3.2vw;
    line-height: 1.875;
    letter-spacing: 0.04em;
    text-align: left;
  }
  .page-about .section-experience .experience-list .item-5 .label .label-text {
    margin-left: 2.933333333333333vw;
  }
}
.page-about .section-about {
  position: relative;
  padding: 202px 20px 220px;
}
@media only screen and (max-width: 767px) {
  .page-about .section-about {
    padding: 30.4vw 0 33.33333333333333vw;
  }
}
.page-about .section-about .bg-item-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 620px;
  height: 200px;
}
.page-about .section-about .bg-item-2 {
  position: absolute;
  top: 284px;
  right: 50px;
  width: 97px;
  height: 73px;
  background: url("assets/img/about/pc/about-bg-2.png?hash=0bf8f01c5f202a2785c42d3f3c692731") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-about .section-about .bg-item-2 {
    background: url("assets/img/about/pc/about-bg-2@2x.png?hash=85e28aaff208f205c5655e2adde83e02") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-about .section-about .bg-item-3 {
  position: absolute;
  top: 856px;
  right: 0;
  width: 250px;
  height: 250px;
  background: url("assets/img/about/pc/about-bg-3.png?hash=73b9720a367d67ff47768b2002e4a238") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-about .section-about .bg-item-3 {
    background: url("assets/img/about/pc/about-bg-3@2x.png?hash=2cd0d3839dad9c0a6efc6477b72fc6df") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-about .section-about .bg-item-4 {
  position: absolute;
  top: 1439px;
  left: 0;
  width: 200px;
  height: 200px;
  background: url("assets/img/about/pc/about-bg-4.png?hash=dc3ded29b8a792327644ff14440f14c3") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-about .section-about .bg-item-4 {
    background: url("assets/img/about/pc/about-bg-4@2x.png?hash=d0e1571d15d9cde8bc6d5d60e9515d36") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-about .section-about .bg-item-5 {
  position: absolute;
  top: 1855px;
  left: 70px;
  width: 300px;
  height: 300px;
  background: url("assets/img/about/pc/about-bg-5.png?hash=68ed370d596de3db300f5509274906cc") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-about .section-about .bg-item-5 {
    background: url("assets/img/about/pc/about-bg-5@2x.png?hash=4c8a8bf02ecfc7f2889105a1dc705d60") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-about .section-about .bg-item-6 {
  position: absolute;
  top: 2005px;
  right: 0;
  width: 250px;
  height: 150px;
}
.page-about .section-about .bg-item-7 {
  position: absolute;
  bottom: 993px;
  left: 0;
  width: 182px;
  height: 201px;
}
.page-about .section-about .bg-item-8 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 240px;
  height: 80px;
}
.page-about .section-about .bg-item-9 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 160px;
  height: 80px;
}
.page-about .section-about .bg-item-10 {
  position: absolute;
  top: 300px;
  left: 50px;
  background: #000;
  width: 50px;
  height: 50px;
}
@media only screen and (max-width: 767px) {
  .page-about .section-about .bg-item-1 {
    left: -6.666666666666667vw;
    width: 82.66666666666667vw;
    height: 26.666666666666668vw;
  }
  .page-about .section-about .bg-item-2 {
    top: 7.199999999999999vw;
    right: 10.666666666666668vw;
    width: 12.933333333333334vw;
    height: 9.733333333333333vw;
  }
  .page-about .section-about .bg-item-3 {
    top: 199.86666666666665vw;
    right: auto;
    left: 0;
    width: 33.33333333333333vw;
    height: 33.33333333333333vw;
    transform: scale(-1, 1);
  }
  .page-about .section-about .bg-item-4 {
    top: 370.40000000000003vw;
    left: 5.333333333333334vw;
    width: 26.666666666666668vw;
    height: 26.666666666666668vw;
  }
  .page-about .section-about .bg-item-5 {
    top: 452.2666666666667vw;
    left: 0;
    width: 40vw;
    height: 40vw;
  }
  .page-about .section-about .bg-item-6 {
    top: 526.5333333333333vw;
    right: 0;
    width: 33.33333333333333vw;
    height: 20vw;
  }
  .page-about .section-about .bg-item-7 {
    bottom: 198.26666666666665vw;
    left: 0;
    width: 23.333333333333332vw;
    height: 26.666666666666668vw;
  }
  .page-about .section-about .bg-item-8 {
    width: 32vw;
    height: 10.666666666666668vw;
  }
  .page-about .section-about .bg-item-9 {
    width: 21.333333333333336vw;
    height: 10.666666666666668vw;
  }
}
.page-about .section-about .img-container .img {
  border-radius: 50px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .page-about .section-about .img-container .img {
    border-radius: 6.666666666666667vw;
  }
}
.page-about .section-about .section-contents .section-heading {
  font-size: 4.2rem;
  line-height: 1.666666666666667;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
}
.page-about .section-about .section-contents .text {
  margin-top: 33px;
  font-size: 1.6rem;
  line-height: 2.5;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 767px) {
  .page-about .section-about .section-contents .section-heading {
    font-size: 6.933333333333333vw;
    line-height: 1.730769230769231;
    letter-spacing: 0.1em;
    font-feature-settings: "palt";
  }
  .page-about .section-about .section-contents .text {
    margin-top: 7.199999999999999vw;
    font-size: 3.466666666666666vw;
    line-height: 2.307692307692307;
    letter-spacing: 0.04em;
  }
}
.page-about .section-about .section-1 .section-contents {
  text-align: center;
}
.page-about .section-about .section-1 .section-heading {
  letter-spacing: 0.15em;
}
.page-about .section-about .section-1 .slider {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) {
  .page-about .section-about .section-1 .slider .slider-contents {
    overflow: visible;
    cursor: default;
  }
  .page-about .section-about .section-1 .slider .slider-item-list {
    width: 100%;
    justify-content: space-between;
  }
  .page-about .section-about .section-1 .slider .slider-nav {
    display: none;
  }
}
.page-about .section-about .section-1 .slider .slider-item {
  position: relative;
  width: 300px;
  overflow: visible;
}
.page-about .section-about .section-1 .slider .img-small {
  position: absolute;
  top: 0;
  right: -30px;
  width: 120px;
}
.page-about .section-about .section-1 .slider .img {
  margin-top: 30px;
  border-radius: 50px;
  overflow: hidden;
}
@media only screen and (max-width: 1170px) {
  .page-about .section-about .section-1 .slider .slider-item {
    width: 30%;
  }
  .page-about .section-about .section-1 .slider .img-small {
    width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .section-about .section-1 .slider {
    margin-top: 6.933333333333333vw;
  }
  .page-about .section-about .section-1 .slider .slider-item {
    width: 64vw;
    margin: 0 5.333333333333334vw;
  }
  .page-about .section-about .section-1 .slider .img-block {
    width: 100%;
  }
  .page-about .section-about .section-1 .slider .img-small {
    right: -5.066666666666666vw;
    width: 25.6vw;
  }
  .page-about .section-about .section-1 .slider .img {
    margin-top: 6.4vw;
    border-radius: 6.666666666666667vw;
  }
}
.page-about .section-about .section-2 {
  margin-top: 221px;
}
.page-about .section-about .section-2 .section-inner {
  display: flex;
  justify-content: space-between;
  min-width: 900px;
}
.page-about .section-about .section-2 .section-contents {
  flex-shrink: 0;
  margin-left: 215px;
}
.page-about .section-about .section-2 .section-heading {
  margin-top: 3px;
  margin-left: -5px;
}
.page-about .section-about .section-2 .img-container-1 {
  position: absolute;
  top: 0;
  left: -280px;
  left: -24.137931034482758%;
  width: 400px;
}
.page-about .section-about .section-2 .img-container-2 {
  position: relative;
  width: 400px;
  height: 400px;
  flex-shrink: 0;
  margin-left: 20px;
  font-size: 1.6rem;
  line-height: 2.5;
  letter-spacing: 0.03em;
}
.page-about .section-about .section-2 .img-container-2 .img-3 {
  position: absolute;
  bottom: -72px;
  right: -50px;
  width: 180px;
  border-radius: 30px;
}
@media only screen and (max-width: 767px) {
  .page-about .section-about .section-2 {
    margin-top: 24vw;
  }
  .page-about .section-about .section-2 .section-inner {
    flex-direction: column;
    padding: 0 10.666666666666668vw;
    min-width: auto;
  }
  .page-about .section-about .section-2 .section-contents {
    margin-left: 0;
  }
  .page-about .section-about .section-2 .section-heading {
    margin-top: 0;
    margin-left: -0.666666666666667vw;
  }
  .page-about .section-about .section-2 .text {
    text-align: justify;
    letter-spacing: 0;
  }
  .page-about .section-about .section-2 .img-container-1 {
    left: auto;
    top: -9.866666666666667vw;
    right: -7.866666666666666vw;
    width: 34.13333333333333vw;
  }
  .page-about .section-about .section-2 .img-container-2 {
    width: 64vw;
    height: 64vw;
    margin-top: 8.266666666666666vw;
    margin-left: 2.666666666666667vw;
    font-size: 2.133333333333333vw;
    line-height: 2.5;
    letter-spacing: 0.03em;
  }
  .page-about .section-about .section-2 .img-container-2 .img-3 {
    position: absolute;
    bottom: -11.466666666666667vw;
    right: -10.4vw;
    width: 28.799999999999997vw;
    border-radius: 4vw;
  }
}
.page-about .section-about .section-3 {
  margin-top: 220px;
}
.page-about .section-about .section-3 .section-inner {
  min-width: 840px;
}
.page-about .section-about .section-3 .img-container {
  position: absolute;
  top: 0;
  right: 50%;
  width: 540px;
  margin-left: 0;
}
.page-about .section-about .section-3 .section-contents {
  position: relative;
  top: 0;
  left: 50%;
  width: 400px;
  margin-left: 8.620689655172415%;
}
.page-about .section-about .section-3 .section-contents .section-heading {
  margin-left: -5px;
}
@media only screen and (max-width: 1000px) {
  .page-about .section-about .section-3 {
    display: flex;
    justify-content: flex-end;
  }
  .page-about .section-about .section-3 .section-contents {
    right: 0;
    margin-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .page-about .section-about .section-3 {
    margin-top: 18.4vw;
  }
  .page-about .section-about .section-3 .section-inner {
    display: flex;
    flex-direction: column;
    padding: 10vw;
    min-width: auto;
  }
  .page-about .section-about .section-3 .img-container {
    position: static;
    width: 100%;
    order: 2;
    margin-left: 0;
    margin-top: 8.266666666666666vw;
  }
  .page-about .section-about .section-3 .section-contents {
    position: static;
    width: 100%;
    order: 1;
    margin-left: 0;
    margin-right: 0;
  }
  .page-about .section-about .section-3 .section-contents .section-heading {
    margin-left: 0;
  }
  .page-about .section-about .section-3 .section-contents .text {
    margin-top: 5.600000000000001vw;
  }
}
.page-about .section-about .section-4 {
  margin-top: 170px;
}
.page-about .section-about .section-4 .section-inner {
  display: flex;
  justify-content: space-between;
}
.page-about .section-about .section-4 .section-contents {
  flex-shrink: 0;
  margin-top: 33px;
  margin-left: 4px;
}
.page-about .section-about .section-4 .section-contents .section-heading {
  margin-left: -4px;
}
.page-about .section-about .section-4 .img-container {
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  margin-right: -26px;
}
.page-about .section-about .section-4 .img-container .img {
  width: 210px;
  margin: 0 15px;
}
.page-about .section-about .section-4 .img-container .img-1 {
  margin-top: 50px;
}
.page-about .section-about .section-4 .img-container .img-2 {
  margin-top: 110px;
}
@media only screen and (max-width: 767px) {
  .page-about .section-about .section-4 {
    margin-top: 14.933333333333335vw;
  }
  .page-about .section-about .section-4 .section-inner {
    flex-direction: column;
  }
  .page-about .section-about .section-4 .section-contents {
    margin-top: 0;
    margin-left: 0;
    padding: 0 10vw;
  }
  .page-about .section-about .section-4 .section-contents .section-heading {
    margin-left: 0;
  }
  .page-about .section-about .section-4 .section-contents .text {
    margin-top: 5.600000000000001vw;
    text-align: justify;
    letter-spacing: 0;
    font-feature-settings: "palt";
  }
  .page-about .section-about .section-4 .img-container {
    margin-right: 0;
    margin-top: 5.600000000000001vw;
    justify-content: center;
  }
  .page-about .section-about .section-4 .img-container .img {
    width: 27.46666666666667vw;
    margin: 0 1.733333333333333vw;
  }
  .page-about .section-about .section-4 .img-container .img-1 {
    margin-top: 6.666666666666667vw;
  }
  .page-about .section-about .section-4 .img-container .img-2 {
    margin-top: 14.666666666666666vw;
  }
}
.page-about .section-about .section-5 {
  margin-top: 181px;
}
.page-about .section-about .section-5 .section-contents {
  text-align: center;
}
.page-about .section-about .section-5 .section-contents .text {
  margin-top: 34px;
}
.page-about .section-about .section-5 .section-heading {
  letter-spacing: 0.13em;
}
.page-about .section-about .section-5 .img-container {
  display: flex;
  width: 100%;
  margin-top: 89px;
}
.page-about .section-about .section-5 .img-container ul {
  display: flex;
}
.page-about .section-about .section-5 .img-container ul li {
  flex-shrink: 0;
  width: 460px;
  border-radius: 50px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .page-about .section-about .section-5 {
    margin-top: 28.933333333333334vw;
  }
  .page-about .section-about .section-5 .section-contents .text {
    margin-top: 5.866666666666666vw;
  }
  .page-about .section-about .section-5 .img-container {
    margin-top: 10.933333333333334vw;
  }
  .page-about .section-about .section-5 .img-container ul li {
    width: 61.33333333333333vw;
    border-radius: 6.666666666666667vw;
  }
}
.page-app-detail .breadcrumb {
  opacity: 1 !important;
  visibility: inherit !important;
}
.page-app-detail .page-contents {
  background: #f5f5f5;
}
.page-app-detail .page-app-detail-heading-container {
  position: relative;
  padding: 0 30px;
  color: #fff;
  overflow: hidden;
}
.page-app-detail .page-app-detail-heading-container .kv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #09202a;
}
.page-app-detail .page-app-detail-heading-container .kv img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.2;
}
.page-app-detail .page-app-detail-heading-container .heading-inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1160px;
  min-height: 490px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 50px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.page-app-detail .page-app-detail-heading-container .heading-text-container {
  margin-right: 20px;
  max-width: 540px;
}
.page-app-detail .page-app-detail-heading-container .heading-text {
  font-size: 1.8rem;
  line-height: 2;
}
.page-app-detail .page-app-detail-heading-container .heading {
  margin-top: 1px;
  font-size: 5rem;
  line-height: 1.44;
}
.page-app-detail .page-app-detail-heading-container .description {
  margin-top: 9px;
  font-size: 1.6rem;
  line-height: 2.125;
}
.page-app-detail .page-app-detail-heading-container .app-btn-container {
  display: flex;
  margin-top: 50px;
}
.page-app-detail .page-app-detail-heading-container .app-btn-container .btn {
  margin-right: 21px;
}
.page-app-detail .page-app-detail-heading-container .app-btn-container .btn a {
  display: block;
}
.page-app-detail .page-app-detail-heading-container .img-1 {
  margin-top: 16px;
  width: 478px;
}
.page-app-detail .page-app-detail-heading-container .img-2 {
  margin-top: 4px;
  margin-right: 83px;
  width: 358px;
}
.page-app-detail .page-app-detail-heading-container .breadcrumb {
  position: absolute;
  bottom: 40px;
  right: 0;
}
.page-app-detail .page-app-detail-heading-container .breadcrumb a {
  color: #fff;
}
.page-app-detail .page-app-detail-heading-container .breadcrumb .icon-arrow {
  fill: #fff;
}
@media only screen and (max-width: 767px) {
  .page-app-detail .page-app-detail-heading-container {
    padding: 0 5.333333333333334vw;
  }
  .page-app-detail .page-app-detail-heading-container .heading-inner {
    flex-direction: column;
    min-height: auto;
    padding-top: 14.666666666666666vw;
    padding-bottom: 11.200000000000001vw;
  }
  .page-app-detail .page-app-detail-heading-container .heading-text-container {
    margin-right: 0;
    max-width: none;
  }
  .page-app-detail .page-app-detail-heading-container .heading-text {
    font-size: 2.933333333333333vw;
    line-height: 1.818181818181818;
  }
  .page-app-detail .page-app-detail-heading-container .heading {
    margin-top: 1.066666666666667vw;
    font-size: 6.666666666666667vw;
    line-height: 1.44;
  }
  .page-app-detail .page-app-detail-heading-container .description {
    margin-top: 5.066666666666666vw;
    font-size: 3.733333333333334vw;
    line-height: 1.857142857142857;
  }
  .page-app-detail .page-app-detail-heading-container .app-btn-container {
    justify-content: space-between;
    margin-top: 7.733333333333333vw;
  }
  .page-app-detail .page-app-detail-heading-container .app-btn-container .btn {
    margin-right: 0;
    width: 42vw;
  }
  .page-app-detail .page-app-detail-heading-container .img-1 {
    margin-top: 11.200000000000001vw;
    width: 69.06666666666666vw;
  }
  .page-app-detail .page-app-detail-heading-container .img-2 {
    margin: 10.666666666666668vw 0 0;
    width: 66.66666666666666vw;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-app-detail .app-btn-container .btn a {
    transition: 0.3s;
  }
  .page-app-detail .app-btn-container .btn a:hover {
    opacity: 0.8;
  }
}
.page-app-detail .section-service {
  background: #f5f5f5;
}
.page-app-detail .section-service .bg-item-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 399px;
  height: 250px;
}
.page-app-detail .section-service .bg-item-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 350px;
  height: 150px;
}
.page-app-detail .section-service .bg-item-3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200px;
  height: 200px;
  background: url("assets/img/app/detail/pc/service-bg-3.png?hash=189511dd4d0da47cbbdc71fd29b8a9fa") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-app-detail .section-service .bg-item-3 {
    background: url("assets/img/app/detail/pc/service-bg-3@2x.png?hash=659feeb7656d8e2046eb4fba0c6c9aa4") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-app-detail .section-service .section-inner {
  padding-top: 144px;
  padding-bottom: 200px;
}
.page-app-detail .section-service .section-heading {
  font-size: 6.6rem;
  line-height: 1;
  text-align: center;
}
.page-app-detail .section-service .section-heading > span {
  display: block;
}
.page-app-detail .section-service .section-heading > span:nth-child(1) {
  font-size: 3.1rem;
}
.page-app-detail .section-service .section-heading .text-blue {
  color: #5fbce7;
}
.page-app-detail .section-service .service-list {
  margin-top: 133px;
}
.page-app-detail .section-service .service-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-app-detail .section-service .service-list li:not(:first-child) {
  margin-top: 160px;
}
.page-app-detail .section-service .service-list li .img-container {
  position: relative;
  width: 520px;
}
.page-app-detail .section-service .service-list li .img-container .img {
  border-radius: 50px;
  overflow: hidden;
}
.page-app-detail .section-service .service-list li .icon {
  position: absolute;
  top: -20px;
  left: -20px;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #5fbce7;
  border-radius: 50%;
  z-index: 1;
}
.page-app-detail .section-service .service-list li .icon img {
  width: 50px;
}
.page-app-detail .section-service .service-list li .text-container {
  max-width: 380px;
  flex-shrink: 0;
  padding-bottom: 8px;
}
.page-app-detail .section-service .service-list li .heading {
  font-size: 4.2rem;
  line-height: 1.476190476190476;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
}
.page-app-detail .section-service .service-list li .text {
  margin-top: 20px;
  font-size: 1.6rem;
  line-height: 2.5;
  letter-spacing: 0.02em;
}
.page-app-detail .section-service .service-list li:nth-child(odd) .img-container {
  margin-left: 20px;
}
.page-app-detail .section-service .service-list li:nth-child(odd) .text-container {
  margin-right: 6px;
  margin-left: 20px;
}
.page-app-detail .section-service .service-list li:nth-child(even) .img-container {
  order: 2;
  margin-right: 20px;
}
.page-app-detail .section-service .service-list li:nth-child(even) .text-container {
  order: 1;
  margin-left: 92px;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .page-app-detail .section-service .bg-item-1 {
    width: 53.2vw;
    height: 33.33333333333333vw;
    left: -6.666666666666667vw;
  }
  .page-app-detail .section-service .bg-item-2 {
    width: 46.666666666666664vw;
    height: 20vw;
  }
  .page-app-detail .section-service .bg-item-3 {
    width: 26.666666666666668vw;
    height: 26.666666666666668vw;
  }
  .page-app-detail .section-service .section-inner {
    padding-top: 32.800000000000004vw;
    padding-bottom: 33.33333333333333vw;
  }
  .page-app-detail .section-service .section-heading {
    font-size: 9.733333333333333vw;
  }
  .page-app-detail .section-service .section-heading > span:nth-child(1) {
    font-size: 4.133333333333333vw;
  }
  .page-app-detail .section-service .service-list {
    margin-top: 11.066666666666666vw;
    padding: 0 5.333333333333334vw;
  }
  .page-app-detail .section-service .service-list li {
    flex-direction: column;
  }
  .page-app-detail .section-service .service-list li:not(:first-child) {
    margin-top: 17.599999999999998vw;
  }
  .page-app-detail .section-service .service-list li .img-container {
    order: 2;
    width: 80vw;
    margin-top: 9.066666666666666vw;
  }
  .page-app-detail .section-service .service-list li .img-container .img {
    border-radius: 6.666666666666667vw;
  }
  .page-app-detail .section-service .service-list li .icon {
    position: absolute;
    top: -4.666666666666667vw;
    left: -4.666666666666667vw;
    width: 18.666666666666668vw;
    height: 18.666666666666668vw;
  }
  .page-app-detail .section-service .service-list li .icon img {
    width: 9.333333333333334vw;
  }
  .page-app-detail .section-service .service-list li .text-container {
    order: 1;
    max-width: none;
    width: 100%;
    padding-bottom: 1.066666666666667vw;
  }
  .page-app-detail .section-service .service-list li .heading {
    font-size: 6.800000000000001vw;
    line-height: 1.568627450980392;
    letter-spacing: 0.1em;
  }
  .page-app-detail .section-service .service-list li .text {
    margin-top: 5.333333333333334vw;
    font-size: 3.466666666666666vw;
    line-height: 2.076923076923077;
    letter-spacing: 0.02em;
  }
  .page-app-detail .section-service .service-list li:nth-child(odd) .img-container {
    margin-left: 0;
  }
  .page-app-detail .section-service .service-list li:nth-child(odd) .text-container {
    margin-right: 0;
    margin-left: 0;
  }
  .page-app-detail .section-service .service-list li:nth-child(even) .img-container {
    margin-right: 0;
  }
  .page-app-detail .section-service .service-list li:nth-child(even) .text-container {
    margin-left: 0;
    margin-right: 0;
  }
}
.page-app-detail .app-download {
  position: relative;
  text-align: center;
  box-sizing: border-box;
}
.page-app-detail .app-download .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #09202a;
}
.page-app-detail .app-download .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.2;
}
.page-app-detail .app-download .contents {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.page-app-detail .app-download .icon {
  width: 100px;
  margin: 0 auto;
}
.page-app-detail .app-download .text {
  margin-top: 25px;
  margin-left: 6px;
  color: #fff;
  font-size: 3.6rem;
  line-height: 1;
  text-align: center;
}
.page-app-detail .app-download .app-btn-container {
  margin-top: 44px;
  display: flex;
  justify-content: center;
}
.page-app-detail .app-download .app-btn-container a {
  display: block;
}
.page-app-detail .app-download .app-btn-container .btn {
  margin: 0 15px;
}
.page-app-detail .app-download .about {
  margin-top: 30px;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.833333333333333;
}
.page-app-detail .app-download .about .text-large {
  font-size: 1.5rem;
}
.page-app-detail .app-download .about p:not(:first-child) {
  margin-top: 16px;
}
.page-app-detail .app-download.app-download-top .contents {
  padding-top: 70px;
  padding-bottom: 80px;
}
.page-app-detail .app-download.app-download-bottom .bg-item-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 240px;
  height: 80px;
}
.page-app-detail .app-download.app-download-bottom .bg-item-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 160px;
  height: 80px;
}
.page-app-detail .app-download.app-download-bottom .contents {
  padding-top: 80px;
  padding-bottom: 72px;
}
@media only screen and (max-width: 767px) {
  .page-app-detail .app-download .icon {
    width: 20vw;
  }
  .page-app-detail .app-download .text {
    margin-top: 4.533333333333333vw;
    margin-left: 0.8vw;
    font-size: 6.933333333333333vw;
    line-height: 1.5;
  }
  .page-app-detail .app-download .app-btn-container {
    margin-top: 7.199999999999999vw;
  }
  .page-app-detail .app-download .app-btn-container .btn {
    margin: 0 2.666666666666667vw;
  }
  .page-app-detail .app-download .about {
    margin-top: 7.466666666666668vw;
    padding-left: 4vw;
    padding-right: 4vw;
    color: #fff;
    font-size: 2.666666666666667vw;
    line-height: 2;
    letter-spacing: -0.01em;
  }
  .page-app-detail .app-download .about .text-large {
    margin-bottom: 3.2vw;
    font-size: 3.2vw;
  }
  .page-app-detail .app-download .about p:not(:first-child) {
    margin-top: 3.6vw;
  }
  .page-app-detail .app-download.app-download-top .contents {
    padding-top: 13.333333333333334vw;
    padding-bottom: 18.666666666666668vw;
  }
  .page-app-detail .app-download.app-download-bottom .bg-item-1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 31.866666666666667vw;
    height: 10.666666666666668vw;
  }
  .page-app-detail .app-download.app-download-bottom .bg-item-2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 21.333333333333336vw;
    height: 10.666666666666668vw;
  }
  .page-app-detail .app-download.app-download-bottom .contents {
    padding-top: 13.333333333333334vw;
    padding-bottom: 22.666666666666664vw;
  }
}
.page-app-detail .section-movie {
  text-align: center;
  color: #fff;
  background: #5fbce7;
}
.page-app-detail .section-movie .bg-item-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 260px;
  height: 185px;
  background: url("assets/img/app/detail/pc/movie-bg-1.png?hash=707eb7bdb9e4b8fd198373e78612e76d") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-app-detail .section-movie .bg-item-1 {
    background: url("assets/img/app/detail/pc/movie-bg-1@2x.png?hash=3b9b70fb0ee18cdc999ccfddc3bfbe77") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-app-detail .section-movie .bg-item-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 260px;
  height: 185px;
  background: url("assets/img/app/detail/pc/movie-bg-2.png?hash=99fc6701119f203a8be15e069e24df3e") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-app-detail .section-movie .bg-item-2 {
    background: url("assets/img/app/detail/pc/movie-bg-2@2x.png?hash=e715be8b9b2b35035c35f7fc8dfbbba5") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-app-detail .section-movie .bg-item-3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 400px;
  height: 250px;
  background: url("assets/img/app/detail/pc/movie-bg-3.png?hash=b666886bf993db3dcd8007a74315fb69") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-app-detail .section-movie .bg-item-3 {
    background: url("assets/img/app/detail/pc/movie-bg-3@2x.png?hash=5a6cd6ff13a22888480baa823bbc8e26") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-app-detail .section-movie .bg-item-4 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 200px;
  height: 250px;
  background: url("assets/img/app/detail/pc/movie-bg-4.png?hash=702b9ccfe61ee659c8bd8bce9db52ef5") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-app-detail .section-movie .bg-item-4 {
    background: url("assets/img/app/detail/pc/movie-bg-4@2x.png?hash=8a3f2a99054d12ef0f24e72e9a64d704") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-app-detail .section-movie .decoration-text {
  position: absolute;
  top: 777px;
  left: 0;
  overflow: hidden;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .page-app-detail .section-movie .decoration-text {
    top: 97.33333333333334vw;
  }
}
.page-app-detail .section-movie .decoration-text-inner {
  --bg-position: -2800px;
  animation: loop 50s linear infinite;
  width: 2800px;
  height: 149px;
  background: url("assets/img/app/detail/bg-text-1.png?hash=c22afa56c6f1d7c49bcd2b89da548c12") left top repeat-x;
  background-size: contain;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-app-detail .section-movie .decoration-text-inner {
    background: url("assets/img/app/detail/pc/bg-text-1@2x.png?hash=b11d35a31a37ab3dcd70370f14669980") left top repeat-x;
    background-size: contain;
  }
}
@media only screen and (max-width: 767px) {
  .page-app-detail .section-movie .decoration-text-inner {
    --bg-position: -373.3333333333333vw;
    width: 373.3333333333333vw;
    height: 19.866666666666667vw;
  }
}
.page-app-detail .section-movie .section-inner {
  padding-top: 144px;
}
.page-app-detail .section-movie .section-heading {
  font-size: 6.6rem;
  line-height: 1;
}
.page-app-detail .section-movie .diagonal-line-block {
  width: 100%;
  margin: 82px auto 0;
  max-width: 944px;
}
.page-app-detail .section-movie .diagonal-line-block .movie-block {
  border-radius: 30px;
}
@media only screen and (max-width: 1310px) {
  .page-app-detail .section-movie .bg-item-4 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-app-detail .section-movie .movie-block:hover .thumb img {
    transform: scale(1.03);
  }
}
@media only screen and (max-width: 767px) {
  .page-app-detail .section-movie .bg-item-1 {
    width: 34.66666666666667vw;
    height: 24.666666666666668vw;
  }
  .page-app-detail .section-movie .bg-item-2 {
    width: 34.66666666666667vw;
    height: 24.666666666666668vw;
  }
  .page-app-detail .section-movie .bg-item-3 {
    width: 53.333333333333336vw;
    height: 33.33333333333333vw;
  }
  .page-app-detail .section-movie .bg-item-4 {
    display: block;
    bottom: -13.333333333333334vw;
    width: 26.666666666666668vw;
    height: 33.33333333333333vw;
  }
  .page-app-detail .section-movie .section-inner {
    padding-top: 32.53333333333333vw;
  }
  .page-app-detail .section-movie .section-heading {
    font-size: 9.733333333333333vw;
  }
  .page-app-detail .section-movie .diagonal-line-block {
    margin: 10.933333333333334vw auto 0;
    max-width: none;
    width: 89.33333333333333vw;
  }
  .page-app-detail .section-movie .diagonal-line-block .movie-block {
    border-radius: 5.333333333333334vw;
  }
}
.page-app-detail .section-function {
  margin-top: 144px;
  padding-bottom: 96px;
}
.page-app-detail .section-function .function-list {
  margin-top: 82px;
}
.page-app-detail .section-function .function-list .slider-contents {
  cursor: default;
  overflow: visible;
}
.page-app-detail .section-function .function-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-app-detail .section-function .function-list li {
  width: 28.799999999999997%;
  margin-bottom: 46px;
}
.page-app-detail .section-function .function-list li .img {
  background: #fff;
  padding: 14px;
  border-radius: 50px;
}
.page-app-detail .section-function .function-list li .img img {
  border-radius: 40px;
}
.page-app-detail .section-function .function-list li .text {
  margin-top: 20px;
  font-size: 1.8rem;
  line-height: 2;
}
@media only screen and (max-width: 1100px) {
  .page-app-detail .section-function .function-list li .text {
    font-size: 1.6rem;
    line-height: 2;
    white-space: nowrap;
  }
  .page-app-detail .section-function .function-list li .text br.sp {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .page-app-detail .section-function {
    margin-top: 19.2vw;
    padding-bottom: 20vw;
  }
  .page-app-detail .section-function .function-list {
    padding: 0 5.333333333333334vw;
    margin-top: 10.933333333333334vw;
    justify-content: flex-start;
  }
  .page-app-detail .section-function .function-list li {
    width: 42vw;
    margin-right: 0;
    margin-bottom: 6.666666666666667vw;
  }
  .page-app-detail .section-function .function-list li .img {
    padding: 1.866666666666667vw;
    border-radius: 6.666666666666667vw;
  }
  .page-app-detail .section-function .function-list li .img img {
    border-radius: 5.333333333333334vw;
  }
  .page-app-detail .section-function .function-list li .text {
    margin-top: 4vw;
    font-size: 3.466666666666666vw;
    line-height: 1.615384615384615;
  }
}
.page-app-detail .section-faq .section-inner {
  padding-top: 150px;
  padding-bottom: 150px;
}
.page-app-detail .section-faq .btn-contact {
  margin: 60px auto 0;
}
@media only screen and (max-width: 767px) {
  .page-app-detail .section-faq .section-inner {
    padding: 20vw 5.333333333333334vw 26.666666666666668vw;
  }
  .page-app-detail .section-faq .btn-contact {
    margin-top: 13.333333333333334vw;
  }
}
@media only screen and (max-width: 767px) {
  .page-app .page-heading-container .page-heading .text-main {
    margin-left: -0.533333333333333vw;
  }
  .page-app .page-heading-container .decoration-text {
    left: 0.266666666666667vw;
  }
}
.page-app .page-contents {
  background: #f5f5f5;
}
.page-app .page-contents-inner {
  padding-top: 180px;
  padding-bottom: 200px;
}
@media only screen and (max-width: 767px) {
  .page-app .page-contents-inner {
    padding-top: 20vw;
    padding-bottom: 24vw;
  }
}
.page-app .bg-item-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 399px;
  height: 250px;
}
.page-app .bg-item-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 350px;
  height: 150px;
}
.page-app .bg-item-3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 240px;
  height: 80px;
}
.page-app .bg-item-4 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 160px;
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .page-app .bg-item-1 {
    width: 53.2vw;
    height: 33.33333333333333vw;
    left: -6.666666666666667vw;
  }
  .page-app .bg-item-2 {
    width: 46.666666666666664vw;
    height: 20vw;
  }
  .page-app .bg-item-3 {
    width: 32vw;
    height: 10.666666666666668vw;
  }
  .page-app .bg-item-4 {
    width: 21.333333333333336vw;
    height: 10.666666666666668vw;
  }
}
.page-app .app-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-app .app-list li {
  position: relative;
  margin-bottom: 106px;
  width: 470px;
}
.page-app .app-list a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.page-app .app-list .img-container {
  width: 100%;
}
.page-app .app-list .img-container .diagonal-line-block {
  box-shadow: 0px 10px 33px 0px rgba(0,0,0,0.15);
}
.page-app .app-list .img-container .diagonal-line-block .img {
  position: relative;
  border-radius: 30px;
  z-index: 1;
}
.page-app .app-list .text-container {
  position: relative;
  margin-top: 24px;
  padding: 0 10px;
  box-sizing: border-box;
}
.page-app .app-list .text {
  margin-left: 2px;
  padding-right: 90px;
  font-size: 1.4rem;
  line-height: 1.571428571428571;
}
.page-app .app-list .heading {
  display: block;
  margin-top: 5px;
  padding-right: 90px;
  font-size: 3.2rem;
  line-height: 1.4375;
}
.page-app .app-list .heading.heading-en {
  margin-top: 8px;
  font-size: 3.8rem;
  line-height: 1.210526315789474;
}
.page-app .app-list .icon-arrow-circle {
  position: absolute;
  top: 22px;
  right: 10px;
  width: 56px;
  height: 56px;
  background: #000;
}
.page-app .app-list .icon-arrow-circle .icon-arrow {
  width: 8px;
  height: 12px;
  fill: #fff;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-app .app-list a .img img {
    transition: 0.4s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .page-app .app-list a .icon-arrow-circle {
    transition: 0.3s;
  }
  .page-app .app-list a .icon-arrow-circle .icon-arrow {
    transition: 0.3s;
  }
  .page-app .app-list a:hover .img img {
    transform: scale(1.05);
  }
  .page-app .app-list a:hover .icon-arrow-circle {
    background: #5fbce7;
  }
}
@media only screen and (max-width: 1120px) {
  .page-app .app-list ul {
    flex-direction: column;
    width: 470px;
    margin: 0 auto;
  }
  .page-app .app-list li {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .page-app .app-list {
    padding: 0 7.333333333333333vw;
  }
  .page-app .app-list ul {
    width: auto;
    flex-direction: row;
  }
  .page-app .app-list li {
    margin-bottom: 14.933333333333335vw;
    width: 100%;
  }
  .page-app .app-list .img-container .diagonal-line-block {
    box-shadow: 0 1.333333333333333vw 4.399999999999999vw 0 rgba(0,0,0,0.2);
  }
  .page-app .app-list .img-container .diagonal-line-block .img {
    border-radius: 5.333333333333334vw;
  }
  .page-app .app-list .text-container {
    margin-top: 4.8vw;
    padding: 0;
  }
  .page-app .app-list .text {
    margin-left: 0;
    padding-right: 12vw;
    font-size: 2.933333333333333vw;
    line-height: 1.818181818181818;
  }
  .page-app .app-list .heading {
    margin-top: 0.666666666666667vw;
    margin-left: -0.533333333333333vw;
    padding-right: 0;
    font-size: 7.199999999999999vw;
    line-height: 1.37037037037037;
    letter-spacing: -0.02em;
    font-size: 7.199999999999999vw;
    line-height: 1.37037037037037;
    letter-spacing: -0.04em;
  }
  .page-app .app-list .heading.heading-en {
    margin-top: 0.8vw;
    font-size: 9.333333333333334vw;
    line-height: 1.085714285714286;
    letter-spacing: 0.01em;
  }
  .page-app .app-list .icon-arrow-circle {
    position: relative;
    top: 0;
    left: 0;
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
    display: inline-block;
    margin-top: 2.666666666666667vw;
    margin-left: 3.466666666666666vw;
    vertical-align: top;
  }
  .page-app .app-list .icon-arrow-circle .icon-arrow {
    width: 1.066666666666667vw;
    height: 1.866666666666667vw;
  }
}
.page-app .btn-backtotop {
  margin: 36px auto 0;
}
@media only screen and (max-width: 767px) {
  .page-app .btn-backtotop {
    margin-top: -0.8vw;
  }
}
.page-article .page-contents {
  background: #f5f5f5;
}
.page-article .page-contents .bg-item-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 185px;
  background: url("assets/img/article/pc/article-bg-1.png?hash=10445524c98898e1ea54cf439e9556ec") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-article .page-contents .bg-item-1 {
    background: url("assets/img/article/pc/article-bg-1@2x.png?hash=1f80c4cdba5f816dbdd92fb307034ace") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-article .page-contents .bg-item-1 {
    background: url("assets/img/article/article-bg-1.png?hash=58e1a590892d09626efd42e377548a18") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-article .page-contents .bg-item-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 260px;
  height: 185px;
}
.page-article .page-contents .bg-item-3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 240px;
  height: 80px;
}
.page-article .page-contents .bg-item-4 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 160px;
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .page-article .page-contents .bg-item-1 {
    width: 40vw;
    height: 24.666666666666668vw;
  }
  .page-article .page-contents .bg-item-2 {
    width: 34.66666666666667vw;
    height: 24.666666666666668vw;
  }
  .page-article .page-contents .bg-item-3 {
    width: 32vw;
    height: 10.666666666666668vw;
  }
  .page-article .page-contents .bg-item-4 {
    width: 21.333333333333336vw;
    height: 10.666666666666668vw;
  }
}
.page-article .page-contents-inner {
  padding-top: 100px;
  padding-bottom: 200px;
}
@media only screen and (max-width: 767px) {
  .page-article .page-contents-inner {
    padding: 16vw 5.333333333333334vw 26.666666666666668vw;
  }
}
.page-article .article-info {
  display: flex;
}
.page-article .article-info .category {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 12px 1px;
  font-size: 1.2rem;
  line-height: 1;
  background: #dbddde;
  border-radius: 12px;
  vertical-align: top;
  box-sizing: border-box;
}
.page-article .article-info .date {
  display: inline-block;
  margin-left: 12px;
  margin-top: 6px;
  color: #666;
  vertical-align: top;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 767px) {
  .page-article .article-info .category {
    height: 5.333333333333334vw;
    padding: 0.266666666666667vw 0 0 2.133333333333333vw;
    font-size: 2.666666666666667vw;
    letter-spacing: -0.08em;
    border-radius: 2.666666666666667vw;
  }
  .page-article .article-info .category span {
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
  }
  .page-article .article-info .date {
    margin-left: 1.333333333333333vw;
    margin-top: 1.6vw;
    font-size: 2.666666666666667vw;
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
  }
}
.page-article .article-title {
  margin-top: 34px;
  font-size: 3.4rem;
  line-height: 1.882352941176471;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 767px) {
  .page-article .article-title {
    margin-left: 0;
    margin-top: 6.133333333333333vw;
    font-size: 5.333333333333334vw;
    line-height: 1.55;
    letter-spacing: 0.01em;
  }
}
.page-article .article-title-sub {
  margin-top: 2px;
  font-size: 2.2rem;
  line-height: 1.909090909090909;
}
@media only screen and (max-width: 767px) {
  .page-article .article-title-sub {
    margin-top: 1.6vw;
    font-size: 3.733333333333334vw;
    line-height: 1.428571428571429;
  }
}
.page-article .breadcrumb {
  position: static;
  margin-right: -80px;
  justify-content: flex-end;
}
@media only screen and (max-width: 1159px) {
  .page-article .breadcrumb {
    margin-right: -8%;
  }
}
.page-article .breadcrumb li {
  color: #000;
}
.page-article .breadcrumb li a {
  color: #000;
}
.page-article .breadcrumb li:last-child {
  max-width: 31em;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-article .breadcrumb li .icon-arrow {
  fill: #000;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-article .breadcrumb li a:hover {
    border-color: #000;
  }
}
@media only screen and (max-width: 767px) {
  .page-article .breadcrumb {
    margin-right: -10.666666666666668vw;
  }
}
.page-article .article-contents {
  margin-top: 50px;
  padding: 0 10% 100px;
  text-align: justify;
  border-bottom: 1px solid #bbb;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents {
    margin-top: 9.333333333333334vw;
    padding: 0 0 13.333333333333334vw;
    border-width: 0.266666666666667vw;
  }
}
.page-article .article-contents a {
  color: #00bfff;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-article .article-contents a {
    transition: 0.3s;
    border-bottom: 1px solid transparent;
  }
  .page-article .article-contents a:hover {
    border-color: #00bfff;
  }
}
.page-article .article-contents p:not(:last-child) {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents p:not(:last-child) {
    margin-bottom: 4vw;
  }
}
.page-article .article-contents img {
  display: block;
  width: 100%;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents img {
    border-radius: 1.333333333333333vw;
  }
}
.page-article .article-contents .img-small {
  width: calc(100% - 25%);
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .img-small {
    width: 80vw;
  }
}
.page-article .article-contents .img-large {
  margin-left: -12.5%;
  margin-right: -12.5%;
  width: calc(100% + 25%);
  max-width: none;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .img-large {
    margin-left: -5.333333333333334vw;
    margin-right: -5.333333333333334vw;
    border-radius: 0;
    width: calc(100% + 10.666666666666668vw);
  }
}
.page-article .article-contents .img-bg-white {
  padding: 50px 100px;
  margin-left: -12.5%;
  margin-right: -12.5%;
  width: calc(100% + 25%);
  background: #fff;
  border-radius: 30px;
  box-sizing: border-box;
}
.page-article .article-contents .img-bg-white img {
  border-radius: 0;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .img-bg-white {
    padding: 0;
    margin-left: -5.333333333333334vw;
    margin-right: -5.333333333333334vw;
    border-radius: 0;
    width: calc(100% + 10.666666666666668vw);
  }
}
.page-article .article-contents iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
.page-article .article-contents .block-bg-gray {
  padding: 40px;
  background: #e8e8e8;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .block-bg-gray {
    padding: 5.333333333333334vw;
    border-radius: 1.333333333333333vw;
  }
}
.page-article .article-contents h3 {
  font-size: 3rem;
  line-height: 1.8;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents h3 {
    font-size: 4.8vw;
    line-height: 1.5;
  }
}
.page-article .article-contents h4 {
  font-size: 2.2rem;
  line-height: 1.909090909090909;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents h4 {
    font-size: 4.266666666666667vw;
    line-height: 1.5625;
  }
}
.page-article .article-contents .bold {
  font-weight: bold;
}
.page-article .article-contents .caption {
  margin-top: 24px;
  color: #666;
  font-size: 1.2rem;
  line-height: 2;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .caption {
    margin-top: 3.2vw;
    font-size: 2.666666666666667vw;
    line-height: 1.7;
  }
}
.page-article .article-contents .mt-0 {
  margin-top: 0;
}
.page-article .article-contents p.mt-0 {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-0 {
    margin-top: 0vw;
  }
  .page-article .article-contents p.mt-0 {
    margin-top: 0vw;
  }
}
.page-article .article-contents .mt-10 {
  margin-top: 10px;
}
.page-article .article-contents p.mt-10 {
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-10 {
    margin-top: 1.333333333333333vw;
  }
  .page-article .article-contents p.mt-10 {
    margin-top: 1.333333333333333vw;
  }
}
.page-article .article-contents .mt-15 {
  margin-top: 15px;
}
.page-article .article-contents p.mt-15 {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-15 {
    margin-top: 2vw;
  }
  .page-article .article-contents p.mt-15 {
    margin-top: 2vw;
  }
}
.page-article .article-contents .mt-20 {
  margin-top: 20px;
}
.page-article .article-contents p.mt-20 {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-20 {
    margin-top: 2.666666666666667vw;
  }
  .page-article .article-contents p.mt-20 {
    margin-top: 2.666666666666667vw;
  }
}
.page-article .article-contents .mt-25 {
  margin-top: 25px;
}
.page-article .article-contents p.mt-25 {
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-25 {
    margin-top: 3.333333333333333vw;
  }
  .page-article .article-contents p.mt-25 {
    margin-top: 3.333333333333333vw;
  }
}
.page-article .article-contents .mt-30 {
  margin-top: 30px;
}
.page-article .article-contents p.mt-30 {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-30 {
    margin-top: 4vw;
  }
  .page-article .article-contents p.mt-30 {
    margin-top: 4vw;
  }
}
.page-article .article-contents .mt-35 {
  margin-top: 35px;
}
.page-article .article-contents p.mt-35 {
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-35 {
    margin-top: 4.666666666666667vw;
  }
  .page-article .article-contents p.mt-35 {
    margin-top: 4.666666666666667vw;
  }
}
.page-article .article-contents .mt-40 {
  margin-top: 40px;
}
.page-article .article-contents p.mt-40 {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-40 {
    margin-top: 5.333333333333334vw;
  }
  .page-article .article-contents p.mt-40 {
    margin-top: 5.333333333333334vw;
  }
}
.page-article .article-contents .mt-45 {
  margin-top: 45px;
}
.page-article .article-contents p.mt-45 {
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-45 {
    margin-top: 6vw;
  }
  .page-article .article-contents p.mt-45 {
    margin-top: 6vw;
  }
}
.page-article .article-contents .mt-50 {
  margin-top: 50px;
}
.page-article .article-contents p.mt-50 {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-50 {
    margin-top: 6.666666666666667vw;
  }
  .page-article .article-contents p.mt-50 {
    margin-top: 6.666666666666667vw;
  }
}
.page-article .article-contents .mt-55 {
  margin-top: 55px;
}
.page-article .article-contents p.mt-55 {
  margin-top: 55px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-55 {
    margin-top: 7.333333333333333vw;
  }
  .page-article .article-contents p.mt-55 {
    margin-top: 7.333333333333333vw;
  }
}
.page-article .article-contents .mt-60 {
  margin-top: 60px;
}
.page-article .article-contents p.mt-60 {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-60 {
    margin-top: 8vw;
  }
  .page-article .article-contents p.mt-60 {
    margin-top: 8vw;
  }
}
.page-article .article-contents .mt-65 {
  margin-top: 65px;
}
.page-article .article-contents p.mt-65 {
  margin-top: 65px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-65 {
    margin-top: 8.666666666666668vw;
  }
  .page-article .article-contents p.mt-65 {
    margin-top: 8.666666666666668vw;
  }
}
.page-article .article-contents .mt-70 {
  margin-top: 70px;
}
.page-article .article-contents p.mt-70 {
  margin-top: 70px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-70 {
    margin-top: 9.333333333333334vw;
  }
  .page-article .article-contents p.mt-70 {
    margin-top: 9.333333333333334vw;
  }
}
.page-article .article-contents .mt-75 {
  margin-top: 75px;
}
.page-article .article-contents p.mt-75 {
  margin-top: 75px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-75 {
    margin-top: 10vw;
  }
  .page-article .article-contents p.mt-75 {
    margin-top: 10vw;
  }
}
.page-article .article-contents .mt-80 {
  margin-top: 80px;
}
.page-article .article-contents p.mt-80 {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-80 {
    margin-top: 10.666666666666668vw;
  }
  .page-article .article-contents p.mt-80 {
    margin-top: 10.666666666666668vw;
  }
}
.page-article .article-contents .mt-85 {
  margin-top: 85px;
}
.page-article .article-contents p.mt-85 {
  margin-top: 85px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-85 {
    margin-top: 11.333333333333332vw;
  }
  .page-article .article-contents p.mt-85 {
    margin-top: 11.333333333333332vw;
  }
}
.page-article .article-contents .mt-90 {
  margin-top: 90px;
}
.page-article .article-contents p.mt-90 {
  margin-top: 90px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-90 {
    margin-top: 12vw;
  }
  .page-article .article-contents p.mt-90 {
    margin-top: 12vw;
  }
}
.page-article .article-contents .mt-95 {
  margin-top: 95px;
}
.page-article .article-contents p.mt-95 {
  margin-top: 95px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-95 {
    margin-top: 12.666666666666668vw;
  }
  .page-article .article-contents p.mt-95 {
    margin-top: 12.666666666666668vw;
  }
}
.page-article .article-contents .mt-100 {
  margin-top: 100px;
}
.page-article .article-contents p.mt-100 {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-100 {
    margin-top: 13.333333333333334vw;
  }
  .page-article .article-contents p.mt-100 {
    margin-top: 13.333333333333334vw;
  }
}
.page-article .article-contents .mt-105 {
  margin-top: 105px;
}
.page-article .article-contents p.mt-105 {
  margin-top: 105px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-105 {
    margin-top: 14.000000000000002vw;
  }
  .page-article .article-contents p.mt-105 {
    margin-top: 14.000000000000002vw;
  }
}
.page-article .article-contents .mt-110 {
  margin-top: 110px;
}
.page-article .article-contents p.mt-110 {
  margin-top: 110px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-110 {
    margin-top: 14.666666666666666vw;
  }
  .page-article .article-contents p.mt-110 {
    margin-top: 14.666666666666666vw;
  }
}
.page-article .article-contents .mt-115 {
  margin-top: 115px;
}
.page-article .article-contents p.mt-115 {
  margin-top: 115px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-115 {
    margin-top: 15.333333333333332vw;
  }
  .page-article .article-contents p.mt-115 {
    margin-top: 15.333333333333332vw;
  }
}
.page-article .article-contents .mt-120 {
  margin-top: 120px;
}
.page-article .article-contents p.mt-120 {
  margin-top: 120px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-120 {
    margin-top: 16vw;
  }
  .page-article .article-contents p.mt-120 {
    margin-top: 16vw;
  }
}
.page-article .article-contents .mt-125 {
  margin-top: 125px;
}
.page-article .article-contents p.mt-125 {
  margin-top: 125px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-125 {
    margin-top: 16.666666666666664vw;
  }
  .page-article .article-contents p.mt-125 {
    margin-top: 16.666666666666664vw;
  }
}
.page-article .article-contents .mt-130 {
  margin-top: 130px;
}
.page-article .article-contents p.mt-130 {
  margin-top: 130px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-130 {
    margin-top: 17.333333333333336vw;
  }
  .page-article .article-contents p.mt-130 {
    margin-top: 17.333333333333336vw;
  }
}
.page-article .article-contents .mt-135 {
  margin-top: 135px;
}
.page-article .article-contents p.mt-135 {
  margin-top: 135px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-135 {
    margin-top: 18vw;
  }
  .page-article .article-contents p.mt-135 {
    margin-top: 18vw;
  }
}
.page-article .article-contents .mt-140 {
  margin-top: 140px;
}
.page-article .article-contents p.mt-140 {
  margin-top: 140px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-140 {
    margin-top: 18.666666666666668vw;
  }
  .page-article .article-contents p.mt-140 {
    margin-top: 18.666666666666668vw;
  }
}
.page-article .article-contents .mt-145 {
  margin-top: 145px;
}
.page-article .article-contents p.mt-145 {
  margin-top: 145px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-145 {
    margin-top: 19.333333333333332vw;
  }
  .page-article .article-contents p.mt-145 {
    margin-top: 19.333333333333332vw;
  }
}
.page-article .article-contents .mt-150 {
  margin-top: 150px;
}
.page-article .article-contents p.mt-150 {
  margin-top: 150px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mt-150 {
    margin-top: 20vw;
  }
  .page-article .article-contents p.mt-150 {
    margin-top: 20vw;
  }
}
.page-article .article-contents .mb-0 {
  margin-bottom: 0;
}
.page-article .article-contents p.mb-0 {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-0 {
    margin-bottom: 0vw;
  }
  .page-article .article-contents p.mb-0 {
    margin-bottom: 0vw;
  }
}
.page-article .article-contents .mb-10 {
  margin-bottom: 10px;
}
.page-article .article-contents p.mb-10 {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-10 {
    margin-bottom: 1.333333333333333vw;
  }
  .page-article .article-contents p.mb-10 {
    margin-bottom: 1.333333333333333vw;
  }
}
.page-article .article-contents .mb-15 {
  margin-bottom: 15px;
}
.page-article .article-contents p.mb-15 {
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-15 {
    margin-bottom: 2vw;
  }
  .page-article .article-contents p.mb-15 {
    margin-bottom: 2vw;
  }
}
.page-article .article-contents .mb-20 {
  margin-bottom: 20px;
}
.page-article .article-contents p.mb-20 {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-20 {
    margin-bottom: 2.666666666666667vw;
  }
  .page-article .article-contents p.mb-20 {
    margin-bottom: 2.666666666666667vw;
  }
}
.page-article .article-contents .mb-25 {
  margin-bottom: 25px;
}
.page-article .article-contents p.mb-25 {
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-25 {
    margin-bottom: 3.333333333333333vw;
  }
  .page-article .article-contents p.mb-25 {
    margin-bottom: 3.333333333333333vw;
  }
}
.page-article .article-contents .mb-30 {
  margin-bottom: 30px;
}
.page-article .article-contents p.mb-30 {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-30 {
    margin-bottom: 4vw;
  }
  .page-article .article-contents p.mb-30 {
    margin-bottom: 4vw;
  }
}
.page-article .article-contents .mb-35 {
  margin-bottom: 35px;
}
.page-article .article-contents p.mb-35 {
  margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-35 {
    margin-bottom: 4.666666666666667vw;
  }
  .page-article .article-contents p.mb-35 {
    margin-bottom: 4.666666666666667vw;
  }
}
.page-article .article-contents .mb-40 {
  margin-bottom: 40px;
}
.page-article .article-contents p.mb-40 {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-40 {
    margin-bottom: 5.333333333333334vw;
  }
  .page-article .article-contents p.mb-40 {
    margin-bottom: 5.333333333333334vw;
  }
}
.page-article .article-contents .mb-45 {
  margin-bottom: 45px;
}
.page-article .article-contents p.mb-45 {
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-45 {
    margin-bottom: 6vw;
  }
  .page-article .article-contents p.mb-45 {
    margin-bottom: 6vw;
  }
}
.page-article .article-contents .mb-50 {
  margin-bottom: 50px;
}
.page-article .article-contents p.mb-50 {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-50 {
    margin-bottom: 6.666666666666667vw;
  }
  .page-article .article-contents p.mb-50 {
    margin-bottom: 6.666666666666667vw;
  }
}
.page-article .article-contents .mb-55 {
  margin-bottom: 55px;
}
.page-article .article-contents p.mb-55 {
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-55 {
    margin-bottom: 7.333333333333333vw;
  }
  .page-article .article-contents p.mb-55 {
    margin-bottom: 7.333333333333333vw;
  }
}
.page-article .article-contents .mb-60 {
  margin-bottom: 60px;
}
.page-article .article-contents p.mb-60 {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-60 {
    margin-bottom: 8vw;
  }
  .page-article .article-contents p.mb-60 {
    margin-bottom: 8vw;
  }
}
.page-article .article-contents .mb-65 {
  margin-bottom: 65px;
}
.page-article .article-contents p.mb-65 {
  margin-bottom: 65px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-65 {
    margin-bottom: 8.666666666666668vw;
  }
  .page-article .article-contents p.mb-65 {
    margin-bottom: 8.666666666666668vw;
  }
}
.page-article .article-contents .mb-70 {
  margin-bottom: 70px;
}
.page-article .article-contents p.mb-70 {
  margin-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-70 {
    margin-bottom: 9.333333333333334vw;
  }
  .page-article .article-contents p.mb-70 {
    margin-bottom: 9.333333333333334vw;
  }
}
.page-article .article-contents .mb-75 {
  margin-bottom: 75px;
}
.page-article .article-contents p.mb-75 {
  margin-bottom: 75px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-75 {
    margin-bottom: 10vw;
  }
  .page-article .article-contents p.mb-75 {
    margin-bottom: 10vw;
  }
}
.page-article .article-contents .mb-80 {
  margin-bottom: 80px;
}
.page-article .article-contents p.mb-80 {
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-80 {
    margin-bottom: 10.666666666666668vw;
  }
  .page-article .article-contents p.mb-80 {
    margin-bottom: 10.666666666666668vw;
  }
}
.page-article .article-contents .mb-85 {
  margin-bottom: 85px;
}
.page-article .article-contents p.mb-85 {
  margin-bottom: 85px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-85 {
    margin-bottom: 11.333333333333332vw;
  }
  .page-article .article-contents p.mb-85 {
    margin-bottom: 11.333333333333332vw;
  }
}
.page-article .article-contents .mb-90 {
  margin-bottom: 90px;
}
.page-article .article-contents p.mb-90 {
  margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-90 {
    margin-bottom: 12vw;
  }
  .page-article .article-contents p.mb-90 {
    margin-bottom: 12vw;
  }
}
.page-article .article-contents .mb-95 {
  margin-bottom: 95px;
}
.page-article .article-contents p.mb-95 {
  margin-bottom: 95px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-95 {
    margin-bottom: 12.666666666666668vw;
  }
  .page-article .article-contents p.mb-95 {
    margin-bottom: 12.666666666666668vw;
  }
}
.page-article .article-contents .mb-100 {
  margin-bottom: 100px;
}
.page-article .article-contents p.mb-100 {
  margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-100 {
    margin-bottom: 13.333333333333334vw;
  }
  .page-article .article-contents p.mb-100 {
    margin-bottom: 13.333333333333334vw;
  }
}
.page-article .article-contents .mb-105 {
  margin-bottom: 105px;
}
.page-article .article-contents p.mb-105 {
  margin-bottom: 105px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-105 {
    margin-bottom: 14.000000000000002vw;
  }
  .page-article .article-contents p.mb-105 {
    margin-bottom: 14.000000000000002vw;
  }
}
.page-article .article-contents .mb-110 {
  margin-bottom: 110px;
}
.page-article .article-contents p.mb-110 {
  margin-bottom: 110px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-110 {
    margin-bottom: 14.666666666666666vw;
  }
  .page-article .article-contents p.mb-110 {
    margin-bottom: 14.666666666666666vw;
  }
}
.page-article .article-contents .mb-115 {
  margin-bottom: 115px;
}
.page-article .article-contents p.mb-115 {
  margin-bottom: 115px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-115 {
    margin-bottom: 15.333333333333332vw;
  }
  .page-article .article-contents p.mb-115 {
    margin-bottom: 15.333333333333332vw;
  }
}
.page-article .article-contents .mb-120 {
  margin-bottom: 120px;
}
.page-article .article-contents p.mb-120 {
  margin-bottom: 120px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-120 {
    margin-bottom: 16vw;
  }
  .page-article .article-contents p.mb-120 {
    margin-bottom: 16vw;
  }
}
.page-article .article-contents .mb-125 {
  margin-bottom: 125px;
}
.page-article .article-contents p.mb-125 {
  margin-bottom: 125px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-125 {
    margin-bottom: 16.666666666666664vw;
  }
  .page-article .article-contents p.mb-125 {
    margin-bottom: 16.666666666666664vw;
  }
}
.page-article .article-contents .mb-130 {
  margin-bottom: 130px;
}
.page-article .article-contents p.mb-130 {
  margin-bottom: 130px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-130 {
    margin-bottom: 17.333333333333336vw;
  }
  .page-article .article-contents p.mb-130 {
    margin-bottom: 17.333333333333336vw;
  }
}
.page-article .article-contents .mb-135 {
  margin-bottom: 135px;
}
.page-article .article-contents p.mb-135 {
  margin-bottom: 135px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-135 {
    margin-bottom: 18vw;
  }
  .page-article .article-contents p.mb-135 {
    margin-bottom: 18vw;
  }
}
.page-article .article-contents .mb-140 {
  margin-bottom: 140px;
}
.page-article .article-contents p.mb-140 {
  margin-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-140 {
    margin-bottom: 18.666666666666668vw;
  }
  .page-article .article-contents p.mb-140 {
    margin-bottom: 18.666666666666668vw;
  }
}
.page-article .article-contents .mb-145 {
  margin-bottom: 145px;
}
.page-article .article-contents p.mb-145 {
  margin-bottom: 145px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-145 {
    margin-bottom: 19.333333333333332vw;
  }
  .page-article .article-contents p.mb-145 {
    margin-bottom: 19.333333333333332vw;
  }
}
.page-article .article-contents .mb-150 {
  margin-bottom: 150px;
}
.page-article .article-contents p.mb-150 {
  margin-bottom: 150px;
}
@media only screen and (max-width: 767px) {
  .page-article .article-contents .mb-150 {
    margin-bottom: 20vw;
  }
  .page-article .article-contents p.mb-150 {
    margin-bottom: 20vw;
  }
}
.page-article th,
.page-article td {
  vertical-align: top;
  word-break: break-word;
}
.page-article .table-type-border {
  width: 100%;
  border-bottom: 1px solid rgba(0,0,0,0.15);
  border-right: 1px solid rgba(0,0,0,0.15);
}
.page-article .table-type-border th,
.page-article .table-type-border td {
  padding: 1em;
  border-top: 1px solid rgba(0,0,0,0.15);
  border-left: 1px solid rgba(0,0,0,0.15);
}
.page-article .btn-block-online-store a,
.page-article .btn-block-contact a {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  height: 280px;
  color: #fff;
  box-sizing: border-box;
  border-radius: 30px;
  overflow: hidden;
}
.page-article .btn-block-online-store p:not(:last-child),
.page-article .btn-block-contact p:not(:last-child) {
  margin-bottom: 0;
}
.page-article .btn-block-online-store img,
.page-article .btn-block-contact img {
  border-radius: 0;
}
.page-article .btn-block-online-store .btn,
.page-article .btn-block-contact .btn {
  position: absolute;
  bottom: 30px;
  right: 40px;
  display: flex;
  align-items: center;
}
.page-article .btn-block-online-store .btn .btn-text,
.page-article .btn-block-contact .btn .btn-text {
  margin-right: 20px;
  font-size: 1.5rem;
  line-height: 1;
}
.page-article .btn-block-online-store .btn .icon-arrow-circle,
.page-article .btn-block-contact .btn .icon-arrow-circle {
  width: 56px;
  height: 56px;
  background: #fff;
}
.page-article .btn-block-online-store .btn .icon-arrow-circle .icon-arrow,
.page-article .btn-block-contact .btn .icon-arrow-circle .icon-arrow {
  width: 8px;
  height: 12px;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-article .btn-block-online-store a .btn .btn-text,
  .page-article .btn-block-contact a .btn .btn-text {
    padding-top: 5px;
    padding-bottom: 4px;
    border-bottom: 1px solid transparent;
    transition: 0.3s;
  }
  .page-article .btn-block-online-store a .btn .icon-arrow-circle,
  .page-article .btn-block-contact a .btn .icon-arrow-circle {
    transition: 0.3s;
  }
  .page-article .btn-block-online-store a .btn .icon-arrow-circle .icon-arrow,
  .page-article .btn-block-contact a .btn .icon-arrow-circle .icon-arrow {
    transition: 0.3s;
  }
  .page-article .btn-block-online-store a:hover .btn .btn-text,
  .page-article .btn-block-contact a:hover .btn .btn-text {
    border-color: #fff;
  }
  .page-article .btn-block-online-store a:hover .btn .icon-arrow-circle,
  .page-article .btn-block-contact a:hover .btn .icon-arrow-circle {
    background: #000;
  }
  .page-article .btn-block-online-store a:hover .btn .icon-arrow-circle .icon-arrow,
  .page-article .btn-block-contact a:hover .btn .icon-arrow-circle .icon-arrow {
    fill: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .page-article .btn-block-online-store a,
  .page-article .btn-block-contact a {
    height: 40vw;
    border-radius: 4vw;
  }
  .page-article .btn-block-online-store .btn,
  .page-article .btn-block-contact .btn {
    position: absolute;
    bottom: 6.133333333333333vw;
    right: 5.333333333333334vw;
  }
  .page-article .btn-block-online-store .btn .btn-text,
  .page-article .btn-block-contact .btn .btn-text {
    margin-right: 2.666666666666667vw;
    font-size: 2.933333333333333vw;
  }
  .page-article .btn-block-online-store .btn .icon-arrow-circle,
  .page-article .btn-block-contact .btn .icon-arrow-circle {
    width: 6.666666666666667vw;
    height: 6.666666666666667vw;
  }
  .page-article .btn-block-online-store .btn .icon-arrow-circle .icon-arrow,
  .page-article .btn-block-contact .btn .icon-arrow-circle .icon-arrow {
    width: 1.6vw;
    height: 2.666666666666667vw;
  }
}
.page-article .btn-block-online-store {
  margin-top: 80px;
}
.page-article .btn-block-online-store a {
  padding: 40px;
  background: #5fbce7;
}
.page-article .btn-block-online-store .text-container {
  margin-top: 15px;
  margin-left: 28px;
}
.page-article .btn-block-online-store .text-container .text {
  font-size: 2.4rem;
  line-height: 1.75;
  letter-spacing: -0.04em;
}
@media only screen and (max-width: 767px) {
  .page-article .btn-block-online-store {
    margin-top: 12.8vw;
  }
  .page-article .btn-block-online-store a {
    padding: 6vw;
  }
  .page-article .btn-block-online-store .img {
    width: 28.000000000000004vw;
  }
  .page-article .btn-block-online-store .text-container {
    margin-top: 0;
    margin-left: 5.066666666666666vw;
  }
  .page-article .btn-block-online-store .text-container .text {
    font-size: 3.733333333333334vw;
    line-height: 1.571428571428571;
    letter-spacing: -0.04em;
  }
}
.page-article .btn-block-contact {
  margin-top: 30px;
}
.page-article .btn-block-contact a {
  padding: 66px 40px 0;
}
.page-article .btn-block-contact .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-article .btn-block-contact .bg-img::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.55;
  background: #00202b;
}
.page-article .btn-block-contact .bg-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-article .btn-block-contact .text-container {
  position: relative;
}
.page-article .btn-block-contact .text-container .text {
  margin-left: -2px;
  font-size: 3.6rem;
  line-height: 1;
}
.page-article .btn-block-contact .text-container .text-sub {
  margin-top: 22px;
  font-size: 1.5rem;
  line-height: 2;
}
@media only screen and (max-width: 767px) {
  .page-article .btn-block-contact {
    margin-top: 6.666666666666667vw;
  }
  .page-article .btn-block-contact a {
    padding: 8.799999999999999vw 6vw 0;
  }
  .page-article .btn-block-contact .text-container .text {
    margin-left: -0.266666666666667vw;
    font-size: 4.8vw;
    line-height: 1;
  }
  .page-article .btn-block-contact .text-container .text-sub {
    margin-top: 2.4vw;
    font-size: 2.933333333333333vw;
    line-height: 2;
    letter-spacing: 0.03em;
    font-feature-settings: "palt";
  }
}
.page-article .btn-backtoindex {
  margin: 100px auto 0;
}
@media only screen and (max-width: 767px) {
  .page-article .btn-backtoindex {
    margin-top: 16vw;
  }
}
.page-news-article .breadcrumb {
  margin-top: 45px;
}
.page-news-article .article-contents img {
  border-radius: 10px;
}
.page-news-article table,
.page-blog-article table {
  margin-bottom: 60px;
  width: 100%;
  border-bottom: 1px solid rgba(0,0,0,0.15);
  border-right: 1px solid rgba(0,0,0,0.15);
}
.page-news-article table th,
.page-blog-article table th,
.page-news-article table td,
.page-blog-article table td {
  padding: 1em;
  border-top: 1px solid rgba(0,0,0,0.15);
  border-left: 1px solid rgba(0,0,0,0.15);
}
@media only screen and (max-width: 767px) {
  .page-news-article table,
  .page-blog-article table {
    margin-bottom: 8vw;
  }
}
.page-workshop-article .breadcrumb {
  margin-top: 66px;
}
.page-workshop-article .article-title {
  margin-left: -4px;
}
@media only screen and (max-width: 767px) {
  .page-workshop-article .article-contents {
    margin-top: 12.533333333333333vw;
  }
  .page-workshop-article .article-title {
    margin-left: 0;
  }
}
.page-goods-article .page-contents-inner {
  padding-top: 132px;
}
.page-goods-article .breadcrumb {
  margin-top: 66px;
}
.page-goods-article .article-title {
  margin-top: 0;
  font-size: 5rem;
  line-height: 1.52;
  letter-spacing: 0.06em;
}
.page-goods-article .article-title-sub {
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .page-goods-article .page-contents-inner {
    padding-top: 17.599999999999998vw;
    padding-bottom: 24vw;
  }
  .page-goods-article .article-title {
    font-size: 5.333333333333334vw;
    line-height: 1.55;
    letter-spacing: 0.01em;
  }
  .page-goods-article .article-title-sub {
    margin-top: 1.6vw;
  }
  .page-goods-article .article-contents {
    padding-bottom: 16vw;
  }
}
@media only screen and (min-width: 768px) {
  .page-blog-article .article-contents .img-large {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.page-attractions-detail .section-about {
  background: #f5f5f5;
  padding-bottom: 200px;
}
.page-attractions-detail .section-about .bg-item-1 {
  position: absolute;
  top: 923px;
  left: 0;
  width: 200px;
  height: 200px;
}
.page-attractions-detail .section-about .bg-item-2 {
  position: absolute;
  top: 948px;
  right: 0;
  width: 150px;
  height: 175px;
}
.page-attractions-detail .section-about .section-inner {
  padding-top: 103px;
}
.page-attractions-detail .section-about .logo {
  width: 250px;
  margin: 0 auto 46px;
}
.page-attractions-detail .section-about .section-heading {
  text-align: center;
}
.page-attractions-detail .section-about .section-heading span {
  display: block;
}
.page-attractions-detail .section-about .section-heading .text-main {
  font-size: 6.2rem;
  line-height: 1;
}
.page-attractions-detail .section-about .section-heading .text-sub {
  margin-top: 12px;
  font-size: 2rem;
  line-height: 1.8;
  letter-spacing: 0.06em;
}
.page-attractions-detail .section-about .movie-block {
  max-width: 800px;
  margin: 40px auto 0;
  box-shadow: 0 30px 25px 0 rgba(0,0,0,0.1);
}
.page-attractions-detail .section-about .movie-caption {
  max-width: 800px;
  margin: 24px auto 0;
  color: #666;
  font-size: 1.2rem;
  line-height: 2;
}
.page-attractions-detail .section-about .copy {
  margin-top: 78px;
  text-align: center;
  font-size: 3.8rem;
  line-height: 1.526315789473684;
}
.page-attractions-detail .section-about .text {
  max-width: 900px;
  margin: 46px auto 0;
  font-size: 1.6rem;
  line-height: 2.5;
  text-align: justify;
}
.page-attractions-detail .section-about .slider {
  margin-top: 98px;
}
.page-attractions-detail .section-about .slider-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1300px) {
  .page-attractions-detail .section-about .bg-item-1,
  .page-attractions-detail .section-about .bg-item-2 {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .page-attractions-detail .section-about {
    padding-bottom: 26.666666666666668vw;
  }
  .page-attractions-detail .section-about .bg-item-1,
  .page-attractions-detail .section-about .bg-item-2 {
    display: none;
  }
  .page-attractions-detail .section-about .section-inner {
    padding: 16.933333333333334vw 6.666666666666667vw 0;
  }
  .page-attractions-detail .section-about .logo {
    width: 42.66666666666667vw;
    margin-bottom: 9.066666666666666vw;
  }
  .page-attractions-detail .section-about .section-heading .text-main {
    font-size: 9.333333333333334vw;
  }
  .page-attractions-detail .section-about .section-heading .text-sub {
    margin-top: 0.8vw;
    font-size: 3.466666666666666vw;
    line-height: 1.769230769230769;
    letter-spacing: 0;
  }
  .page-attractions-detail .section-about .movie-block {
    max-width: 106.66666666666667vw;
    margin: 6.666666666666667vw auto 0;
    box-shadow: 0 5.333333333333334vw 5.333333333333334vw 0 rgba(0,0,0,0.08);
  }
  .page-attractions-detail .section-about .movie-caption {
    margin-top: 3.2vw;
    font-size: 2.666666666666667vw;
    line-height: 1.7;
  }
  .page-attractions-detail .section-about .copy {
    margin-top: 10.4vw;
    font-size: 6.4vw;
    line-height: 1.666666666666667;
  }
  .page-attractions-detail .section-about .text {
    margin: 7.066666666666667vw auto 0;
    font-size: 3.466666666666666vw;
    line-height: 2;
  }
  .page-attractions-detail .section-about .slider {
    margin-top: 11.733333333333333vw;
  }
}
.page-attractions-detail .section-story {
  overflow: hidden;
  padding: 0 30px;
  z-index: 1;
}
.page-attractions-detail .section-story .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #09202a;
}
.page-attractions-detail .section-story .bg-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.4;
}
.page-attractions-detail .section-story .section-inner {
  display: flex;
  height: 100%;
  margin: 0 auto;
  justify-content: space-between;
  padding: 105px 54px 95px 0;
}
.page-attractions-detail .section-story .section-heading {
  width: 220px;
  height: 220px;
  margin-right: 30px;
  padding-bottom: 4px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background: #fff;
  line-height: 1;
}
.page-attractions-detail .section-story .section-heading .text-main {
  font-size: 4.6rem;
}
.page-attractions-detail .section-story .section-heading .text-sub {
  margin-top: 13px;
  font-size: 1.3rem;
}
.page-attractions-detail .section-story .text {
  width: 754px;
  margin-top: 20px;
  text-align: justify;
  color: #fff;
  font-size: 1.5rem;
  line-height: 2;
}
@media only screen and (max-width: 767px) {
  .page-attractions-detail .section-story {
    padding: 0 4vw;
  }
  .page-attractions-detail .section-story .section-inner {
    flex-direction: column;
    padding: 16vw 0 14.133333333333335vw;
  }
  .page-attractions-detail .section-story .section-heading {
    width: 28.000000000000004vw;
    height: 28.000000000000004vw;
    margin: 0 auto;
    padding-bottom: 0;
  }
  .page-attractions-detail .section-story .section-heading .text-main {
    font-size: 6.4vw;
  }
  .page-attractions-detail .section-story .section-heading .text-sub {
    margin-top: 1.733333333333333vw;
    font-size: 2.666666666666667vw;
  }
  .page-attractions-detail .section-story .text {
    width: 78.66666666666666vw;
    margin: 8.533333333333333vw auto 0;
    font-size: 3.2vw;
    line-height: 2.083333333333333;
  }
}
.page-attractions-detail .section-howtoplay {
  background: #5fbce7;
  overflow: hidden;
}
.page-attractions-detail .section-howtoplay .bg-item-1 {
  position: absolute;
  top: -8px;
  left: 0;
  width: 400px;
  height: 200px;
  background: url("assets/img/attraction/detail/pc/howtoplay-bg-1.png?hash=78c76948e224b6f3d0c05b626696fad9") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-attractions-detail .section-howtoplay .bg-item-1 {
    background: url("assets/img/attraction/detail/pc/howtoplay-bg-1@2x.png?hash=9dcc9f5fe6541d7b78416799109154d7") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-attractions-detail .section-howtoplay .bg-item-2 {
  position: absolute;
  top: 92px;
  right: 0;
  width: 200px;
  height: 200px;
  background: url("assets/img/attraction/detail/pc/howtoplay-bg-2.png?hash=97b63c4c14dd2484cb773c4443e3904a") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-attractions-detail .section-howtoplay .bg-item-2 {
    background: url("assets/img/attraction/detail/pc/howtoplay-bg-2@2x.png?hash=a1401754ad542d7064ce77860c7a9a18") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-attractions-detail .section-howtoplay .bg-item-3 {
  position: absolute;
  top: 628px;
  left: 0;
  width: 250px;
  height: 250px;
  background: url("assets/img/attraction/detail/pc/howtoplay-bg-3.png?hash=aff8f28fe654597383883ecea6387213") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-attractions-detail .section-howtoplay .bg-item-3 {
    background: url("assets/img/attraction/detail/pc/howtoplay-bg-3@2x.png?hash=9b5375f08a4f887c1a2e407db9235620") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-attractions-detail .section-howtoplay .bg-item-4 {
  position: absolute;
  bottom: 445px;
  right: 0;
  width: 300px;
  height: 300px;
  background: url("assets/img/attraction/detail/pc/howtoplay-bg-4.png?hash=3ff891267e86efdf3402c7728f795538") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-attractions-detail .section-howtoplay .bg-item-4 {
    background: url("assets/img/attraction/detail/pc/howtoplay-bg-4@2x.png?hash=1bbeb11081358e6c6dc9ec02c5a6b61e") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-attractions-detail .section-howtoplay .bg-item-1 {
    top: 0;
    width: 53.333333333333336vw;
    height: 26.666666666666668vw;
  }
  .page-attractions-detail .section-howtoplay .bg-item-2 {
    top: 13.333333333333334vw;
    width: 26.666666666666668vw;
    height: 26.666666666666668vw;
  }
  .page-attractions-detail .section-howtoplay .bg-item-3 {
    top: 325.3333333333333vw;
    width: 33.33333333333333vw;
    height: 33.33333333333333vw;
  }
  .page-attractions-detail .section-howtoplay .bg-item-4 {
    bottom: 5.333333333333334vw;
    width: 40vw;
    height: 40vw;
  }
}
.page-attractions-detail .section-howtoplay .section-inner {
  padding-top: 190px;
}
@media only screen and (max-width: 767px) {
  .page-attractions-detail .section-howtoplay .section-inner {
    padding-top: 32vw;
    padding-bottom: 16vw;
  }
}
.page-attractions-detail .section-howtoplay .section-heading {
  color: #fff;
  line-height: 1;
  text-align: center;
}
.page-attractions-detail .section-howtoplay .section-heading span {
  display: block;
}
.page-attractions-detail .section-howtoplay .section-heading .text-main {
  font-size: 9rem;
  letter-spacing: 0.01em;
}
.page-attractions-detail .section-howtoplay .section-heading .text-sub {
  margin-top: 14px;
  font-size: 1.3rem;
}
@media only screen and (max-width: 767px) {
  .page-attractions-detail .section-howtoplay .section-heading .text-main {
    font-size: 12vw;
    letter-spacing: 0.01em;
  }
  .page-attractions-detail .section-howtoplay .section-heading .text-sub {
    margin-top: 1.866666666666667vw;
    font-size: 2.666666666666667vw;
  }
}
.page-attractions-detail .section-howtoplay .step-list {
  margin-top: 81px;
}
.page-attractions-detail .section-howtoplay .step-list li {
  display: flex;
  align-items: flex-start;
  padding-left: 40px;
  background: #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
.page-attractions-detail .section-howtoplay .step-list li:not(:first-child) {
  margin-top: 50px;
}
.page-attractions-detail .section-howtoplay .step-list .num-block {
  width: 90px;
  height: 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 2px;
  margin-top: 40px;
  flex-shrink: 0;
  color: #fff;
  line-height: 1;
  background: #5fbce7;
  border-radius: 50%;
  box-sizing: border-box;
}
.page-attractions-detail .section-howtoplay .step-list .num-block .num-text {
  font-size: 1rem;
  letter-spacing: 0.1em;
}
.page-attractions-detail .section-howtoplay .step-list .num-block .num {
  margin-left: 2px;
  margin-top: 2px;
  font-size: 3.8rem;
}
.page-attractions-detail .section-howtoplay .step-list .text-container {
  max-width: 330px;
  margin-left: 40px;
  margin-right: 20px;
  margin-top: 52px;
  padding-bottom: 52px;
}
.page-attractions-detail .section-howtoplay .step-list .text-container .title {
  margin-left: -2px;
  font-size: 2.6rem;
  line-height: 1.538461538461539;
}
.page-attractions-detail .section-howtoplay .step-list .text-container .text {
  margin-top: 20px;
  font-size: 1.8rem;
  line-height: 1.888888888888889;
}
.page-attractions-detail .section-howtoplay .step-list .img-container {
  width: 440px;
  margin-left: auto;
  margin-right: 0;
  margin-top: auto;
  margin-bottom: auto;
}
.page-attractions-detail .section-howtoplay .step-list .img-container .diagonal-line-block {
  background-image: linear-gradient(-45deg, #f5f5f5 30%, #fff 20%, #fff 50%, #f5f5f5 50%, #f5f5f5 80%, #fff 70%);
}
.page-attractions-detail .section-howtoplay .step-list .img-container .diagonal-line-block .img {
  border-radius: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .page-attractions-detail .section-howtoplay .step-list {
    margin-top: 12vw;
    padding: 0 5.333333333333334vw;
  }
  .page-attractions-detail .section-howtoplay .step-list li {
    align-items: center;
    flex-direction: column;
    padding-left: 0;
    padding-top: 8vw;
    border-radius: 6.666666666666667vw;
  }
  .page-attractions-detail .section-howtoplay .step-list li:not(:first-child) {
    margin-top: 8vw;
  }
  .page-attractions-detail .section-howtoplay .step-list .num-block {
    width: 17.333333333333336vw;
    height: 17.333333333333336vw;
    margin: 0 auto;
    padding-top: 0.533333333333333vw;
  }
  .page-attractions-detail .section-howtoplay .step-list .num-block .num-text {
    margin-left: 1.866666666666667vw;
    font-size: 2.666666666666667vw;
    letter-spacing: 0.1em;
    display: inline-block;
    transform: scale(0.8);
    transform-origin: 0 0;
  }
  .page-attractions-detail .section-howtoplay .step-list .num-block .num {
    margin-left: 0.533333333333333vw;
    margin-top: 0.533333333333333vw;
    font-size: 7.466666666666668vw;
  }
  .page-attractions-detail .section-howtoplay .step-list .text-container {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5.333333333333334vw;
    padding-bottom: 0;
    text-align: center;
  }
  .page-attractions-detail .section-howtoplay .step-list .text-container .title {
    margin-left: 0;
    font-size: 6.666666666666667vw;
    line-height: 1.2;
  }
  .page-attractions-detail .section-howtoplay .step-list .text-container .text {
    margin-left: 1.333333333333333vw;
    margin-top: 4vw;
    padding: 0 5.333333333333334vw;
    font-size: 3.733333333333334vw;
    line-height: 1.928571428571429;
  }
  .page-attractions-detail .section-howtoplay .step-list .img-container {
    width: 100%;
    margin-left: 0;
    margin-top: 7.733333333333333vw;
  }
  .page-attractions-detail .section-howtoplay .step-list .img-container .diagonal-line-block {
    padding: 5.333333333333334vw;
  }
  .page-attractions-detail .section-howtoplay .step-list .img-container .diagonal-line-block .img {
    border-radius: 1.333333333333333vw;
  }
}
.page-attractions-detail .section-info {
  background: #5fbce7;
}
.page-attractions-detail .section-info .section-inner {
  padding-top: 80px;
  padding-bottom: 200px;
}
.page-attractions-detail .section-info .section-heading {
  background: #3297c6;
}
.page-attractions-detail .section-info dl {
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
  color: #fff;
}
.page-attractions-detail .section-info dt,
.page-attractions-detail .section-info dd {
  border-bottom: 1px solid #afdef3;
  box-sizing: border-box;
}
.page-attractions-detail .section-info dt {
  width: 340px;
  padding: 30px 0 36px 40px;
  font-size: 1.6rem;
}
.page-attractions-detail .section-info dt span {
  display: block;
}
.page-attractions-detail .section-info dt span::before {
  content: "";
  display: block;
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  margin-top: 10px;
  margin-right: 14px;
  background: #3297c6;
  border-radius: 50%;
}
.page-attractions-detail .section-info dd {
  width: calc(100% - 340px);
  padding-top: 30px;
  padding-bottom: 37px;
}
.page-attractions-detail .section-info dd.item-experience {
  padding-bottom: 13px;
}
.page-attractions-detail .section-info dd .notes {
  margin-top: 3px;
  font-size: 1.3rem;
  line-height: 2;
}
.page-attractions-detail .section-info dd .icon-list {
  display: flex;
  flex-wrap: wrap;
  margin: 7px -24px 0 2px;
}
.page-attractions-detail .section-info dd .icon-list li {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: space-between;
  width: 90px;
  height: 90px;
  margin-right: 24px;
  margin-bottom: 24px;
  padding-bottom: 15px;
  background: #fff;
  border-radius: 50%;
  box-sizing: border-box;
}
.page-attractions-detail .section-info dd .icon-list li span {
  display: block;
  margin: 0 auto;
  fill: #5fbce7;
}
.page-attractions-detail .section-info dd .icon-list li .text {
  text-align: center;
  font-size: 1.5rem;
  line-height: 1;
  color: #5fbce7;
}
.page-attractions-detail .section-info dd .icon-list .item-action {
  padding-top: 13px;
}
.page-attractions-detail .section-info dd .icon-list .item-discover {
  padding-top: 16px;
}
.page-attractions-detail .section-info dd .icon-list .item-think {
  padding-top: 16px;
}
.page-attractions-detail .section-info dd .icon-list .item-creation {
  padding-top: 17px;
}
.page-attractions-detail .section-info dd .icon-list .item-communication {
  padding-top: 21px;
}
.page-attractions-detail .section-info dd .icon-list .icon-action {
  width: 40px;
  height: 39px;
}
.page-attractions-detail .section-info dd .icon-list .icon-discover {
  width: 24px;
  height: 41px;
  transform: rotate(-45deg);
}
.page-attractions-detail .section-info dd .icon-list .icon-think {
  width: 23px;
  height: 37px;
}
.page-attractions-detail .section-info dd .icon-list .icon-creation {
  width: 26px;
  height: 36px;
}
.page-attractions-detail .section-info dd .icon-list .icon-communication {
  width: 45px;
  height: 29px;
}
@media only screen and (max-width: 767px) {
  .page-attractions-detail .section-info .section-inner {
    padding: 0 5.333333333333334vw 29.333333333333332vw;
  }
  .page-attractions-detail .section-info dl {
    margin-top: 5.600000000000001vw;
  }
  .page-attractions-detail .section-info dt,
  .page-attractions-detail .section-info dd {
    border-width: 0.266666666666667vw;
  }
  .page-attractions-detail .section-info dt {
    width: 100%;
    padding: 5.866666666666666vw 0 0;
    font-size: 3.733333333333334vw;
    line-height: 1.857142857142857;
    border-bottom: none;
  }
  .page-attractions-detail .section-info dt span::before {
    width: 3.2vw;
    height: 3.2vw;
    margin-top: 1.866666666666667vw;
    margin-right: 1.866666666666667vw;
  }
  .page-attractions-detail .section-info dd {
    width: 100%;
    padding-top: 1.866666666666667vw;
    padding-bottom: 6.666666666666667vw;
    font-size: 3.466666666666666vw;
    line-height: 1.846153846153846;
  }
  .page-attractions-detail .section-info dd.item-experience {
    padding-bottom: 8vw;
  }
  .page-attractions-detail .section-info dd .notes {
    margin-top: 0.8vw;
    font-size: 2.666666666666667vw;
    line-height: 1.8;
  }
  .page-attractions-detail .section-info dd .icon-list {
    margin: 2.666666666666667vw -2.266666666666667vw 0 0;
  }
  .page-attractions-detail .section-info dd .icon-list li {
    width: 16vw;
    height: 16vw;
    margin-right: 2.266666666666667vw;
    margin-bottom: 0;
    padding-bottom: 2.933333333333333vw;
  }
  .page-attractions-detail .section-info dd .icon-list li .text {
    font-size: 3.2vw;
    line-height: 1;
  }
  .page-attractions-detail .section-info dd .icon-list .item-action {
    padding-top: 2.266666666666667vw;
  }
  .page-attractions-detail .section-info dd .icon-list .item-discover {
    padding-top: 3.066666666666666vw;
  }
  .page-attractions-detail .section-info dd .icon-list .item-think {
    padding-top: 3.2vw;
  }
  .page-attractions-detail .section-info dd .icon-list .item-creation {
    padding-top: 3.466666666666666vw;
  }
  .page-attractions-detail .section-info dd .icon-list .item-communication {
    padding-top: 4vw;
  }
  .page-attractions-detail .section-info dd .icon-list .icon-action {
    width: 6.666666666666667vw;
    height: 6.533333333333332vw;
  }
  .page-attractions-detail .section-info dd .icon-list .icon-discover {
    width: 3.733333333333334vw;
    height: 6.4vw;
  }
  .page-attractions-detail .section-info dd .icon-list .icon-think {
    width: 3.466666666666666vw;
    height: 5.466666666666667vw;
  }
  .page-attractions-detail .section-info dd .icon-list .icon-creation {
    width: 3.733333333333334vw;
    height: 5.2vw;
  }
  .page-attractions-detail .section-info dd .icon-list .icon-communication {
    width: 6.666666666666667vw;
    height: 4.399999999999999vw;
  }
}
.page-attractions-detail .block-bottom {
  position: relative;
  padding-top: 191px;
  background: #f5f5f5;
}
.page-attractions-detail .block-bottom >.bg-item-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 256px;
  height: 150px;
}
.page-attractions-detail .block-bottom >.bg-item-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 281px;
  height: 150px;
}
@media only screen and (max-width: 767px) {
  .page-attractions-detail .block-bottom {
    padding-top: 32vw;
  }
  .page-attractions-detail .block-bottom >.bg-item-1 {
    width: 34.13333333333333vw;
    height: 20vw;
  }
  .page-attractions-detail .block-bottom >.bg-item-2 {
    width: 37.46666666666666vw;
    height: 20vw;
  }
}
.page-attractions-detail .section-collaboration .section-heading,
.page-attractions-detail .section-other .section-heading {
  line-height: 1;
  text-align: center;
}
.page-attractions-detail .section-collaboration .section-heading span,
.page-attractions-detail .section-other .section-heading span {
  display: block;
}
.page-attractions-detail .section-collaboration .section-heading .text-main,
.page-attractions-detail .section-other .section-heading .text-main {
  font-size: 9rem;
  letter-spacing: 0.01em;
}
.page-attractions-detail .section-collaboration .section-heading .text-sub,
.page-attractions-detail .section-other .section-heading .text-sub {
  margin-top: 13px;
  font-size: 1.3rem;
}
@media only screen and (max-width: 767px) {
  .page-attractions-detail .section-collaboration .section-heading .text-main,
  .page-attractions-detail .section-other .section-heading .text-main {
    font-size: 10.933333333333334vw;
    line-height: 1;
  }
  .page-attractions-detail .section-collaboration .section-heading .text-sub,
  .page-attractions-detail .section-other .section-heading .text-sub {
    margin-top: 2.133333333333333vw;
    font-size: 2.666666666666667vw;
  }
}
.page-attractions-detail .section-collaboration .section-inner {
  padding-bottom: 140px;
}
.page-attractions-detail .section-collaboration .img-container {
  max-width: 900px;
  margin: 61px auto 0;
  padding: 50px;
  background: #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
.page-attractions-detail .section-collaboration .img-container .slider {
  position: relative;
  width: 100%;
  height: 100%;
}
.page-attractions-detail .section-collaboration .img-container .slider-nav {
  position: absolute;
  bottom: -24px;
  left: 0;
  width: 100%;
}
.page-attractions-detail .section-collaboration .img-container .slider-nav .slider-dot-list {
  display: flex;
  justify-content: center;
}
.page-attractions-detail .section-collaboration .img-container .slider-nav .slider-dot-list span {
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 8px;
  background: #f3f3f3;
  border-radius: 50%;
  cursor: pointer;
}
.page-attractions-detail .section-collaboration .img-container .slider-nav .slider-dot-list span.is-active {
  pointer-events: none;
  background: #00bfff;
}
.page-attractions-detail .section-collaboration .img-container .slider-item-list {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.page-attractions-detail .section-collaboration .img-container .slider-item {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
}
.page-attractions-detail .section-collaboration .img-container .slider-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-attractions-detail .section-collaboration .img-container .img {
  position: relative;
}
.page-attractions-detail .section-collaboration .img-container .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 40px;
  font-size: 2rem;
  line-height: 1.8;
  color: #fff;
  background: rgba(0,0,0,0.2);
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .page-attractions-detail .section-collaboration .section-inner {
    padding-bottom: 14.666666666666666vw;
  }
  .page-attractions-detail .section-collaboration .img-container {
    width: 89.33333333333333vw;
    margin: 10.666666666666668vw auto 0;
    padding: 5.333333333333334vw;
    border-radius: 5.333333333333334vw;
  }
  .page-attractions-detail .section-collaboration .img-container .slider-nav {
    bottom: -2.933333333333333vw;
  }
  .page-attractions-detail .section-collaboration .img-container .slider-nav .slider-dot-list span {
    width: 1.6vw;
    height: 1.6vw;
    margin: 0 1.866666666666667vw;
  }
  .page-attractions-detail .section-collaboration .img-container .caption {
    padding: 1.333333333333333vw 5.333333333333334vw;
    font-size: 3.733333333333334vw;
    line-height: 1.642857142857143;
  }
}
.page-attractions-detail .section-other .bg-item-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 240px;
  height: 80px;
}
.page-attractions-detail .section-other .bg-item-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 160px;
  height: 80px;
}
.page-attractions-detail .section-other .section-inner {
  max-width: none;
  padding-bottom: 200px;
}
.page-attractions-detail .section-other .slider {
  position: relative;
  margin-top: 82px;
}
.page-attractions-detail .section-other .slider .slider-item {
  position: relative;
  width: 300px;
  margin: 0 25px;
}
.page-attractions-detail .section-other .slider .slider-item a {
  display: block;
}
.page-attractions-detail .section-other .slider .slider-item .img {
  border-radius: 20px;
  overflow: hidden;
}
.page-attractions-detail .section-other .slider .slider-item .heading {
  margin-top: 18px;
}
.page-attractions-detail .section-other .slider .slider-item .heading span {
  display: block;
}
.page-attractions-detail .section-other .slider .slider-item .heading .text-sub {
  font-size: 1rem;
  line-height: 1.4;
}
.page-attractions-detail .section-other .slider .slider-item .heading .text-main {
  font-size: 2.6rem;
  line-height: 1.307692307692308;
  letter-spacing: 0.02em;
}
.page-attractions-detail .section-other .slider .slider-item .text {
  margin-top: 2px;
  font-size: 1.3rem;
  line-height: 2.461538461538462;
  letter-spacing: 0.02em;
}
.page-attractions-detail .section-other .slider .slider-nav {
  position: absolute;
  top: 72px;
  left: 50%;
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  transform: translateX(-50%);
}
.page-attractions-detail .section-other .slider .slider-nav .icon-arrow-circle {
  position: absolute;
  top: 0;
  width: 56px;
  height: 56px;
  background: #000;
  cursor: pointer;
}
.page-attractions-detail .section-other .slider .slider-nav .icon-arrow-circle .icon-arrow {
  width: 8px;
  height: 12px;
  fill: #fff;
}
.page-attractions-detail .section-other .slider .slider-nav .slider-btn-prev {
  left: 0;
  transform: scale(-1, 1);
}
.page-attractions-detail .section-other .slider .slider-nav .slider-btn-next {
  right: 0;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-attractions-detail .section-other .slider-item .img img {
    transition: 0.4s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .page-attractions-detail .section-other .slider-item .heading .text-main {
    transition: 0.3s;
  }
  .page-attractions-detail .section-other .slider-item a:hover .img img {
    transform: scale(1.05);
  }
  .page-attractions-detail .section-other .slider-item a:hover .heading .text-main {
    color: #5fbce7;
  }
  .page-attractions-detail .section-other .slider-nav .slider-btn-prev,
  .page-attractions-detail .section-other .slider-nav .slider-btn-next {
    transition: 0.3s;
  }
  .page-attractions-detail .section-other .slider-nav .slider-btn-prev .icon-arrow,
  .page-attractions-detail .section-other .slider-nav .slider-btn-next .icon-arrow {
    transition: 0.3s;
  }
  .page-attractions-detail .section-other .slider-nav .slider-btn-prev:hover,
  .page-attractions-detail .section-other .slider-nav .slider-btn-next:hover {
    background: #5fbce7;
  }
  .page-attractions-detail .section-other .slider-nav .slider-btn-prev:hover .icon-arrow,
  .page-attractions-detail .section-other .slider-nav .slider-btn-next:hover .icon-arrow {
    fill: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .page-attractions-detail .section-other .bg-item-1 {
    width: 32vw;
    height: 10.666666666666668vw;
  }
  .page-attractions-detail .section-other .bg-item-2 {
    width: 21.333333333333336vw;
    height: 10.666666666666668vw;
  }
  .page-attractions-detail .section-other .section-inner {
    padding-bottom: 24vw;
  }
  .page-attractions-detail .section-other .slider {
    margin-top: 10.666666666666668vw;
    padding-left: 5.333333333333334vw;
  }
  .page-attractions-detail .section-other .slider .slider-item-list {
    justify-content: flex-start;
  }
  .page-attractions-detail .section-other .slider .slider-item {
    position: relative;
    width: 40vw;
    margin: 0 5.333333333333334vw 0 0;
  }
  .page-attractions-detail .section-other .slider .slider-item .img {
    border-radius: 2.666666666666667vw;
  }
  .page-attractions-detail .section-other .slider .slider-item .heading {
    margin-top: 3.466666666666666vw;
  }
  .page-attractions-detail .section-other .slider .slider-item .heading .text-sub {
    font-size: 2.666666666666667vw;
    line-height: 1.4;
    display: inline-block;
    transform: scale(0.8);
    transform-origin: 0 0;
    display: block;
    width: 125%;
  }
  .page-attractions-detail .section-other .slider .slider-item .heading .text-main {
    margin-top: 0.266666666666667vw;
    font-size: 4.8vw;
    line-height: 1;
    letter-spacing: 0.02em;
  }
  .page-attractions-detail .section-other .slider .slider-item .text {
    margin-top: 1.866666666666667vw;
    font-size: 2.666666666666667vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
    display: block;
  }
  .page-attractions-detail .section-other .slider .slider-nav {
    display: none;
  }
}
.page-attractions-detail .btn-backtotop {
  margin: 78px auto 0;
}
@media only screen and (max-width: 767px) {
  .page-attractions-detail .btn-backtotop {
    margin-top: 15.066666666666666vw;
  }
}
@media only screen and (max-width: 767px) {
  .page-attractions .page-heading-container .page-heading .text-main {
    margin-left: -0.533333333333333vw;
  }
  .page-attractions .page-heading-container .decoration-text {
    left: 0.266666666666667vw;
  }
  .page-attractions .page-heading-container .decoration-text .char-2 {
    margin-left: -2.133333333333333vw;
  }
}
.page-attractions .page-contents {
  padding-top: 200px;
  padding-bottom: 200px;
  background: #5fbce7;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .page-attractions .page-contents {
    padding-top: 33.33333333333333vw;
    padding-bottom: 24vw;
  }
}
.page-attractions .page-contents .bg-item-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 399px;
  height: 250px;
}
.page-attractions .page-contents .bg-item-2 {
  position: absolute;
  top: -50px;
  right: 0;
  width: 400px;
  height: 250px;
}
.page-attractions .page-contents .bg-item-3 {
  position: absolute;
  top: 1300px;
  right: 61px;
  width: 250px;
  height: 250px;
  background: url("assets/img/attraction/pc/attractions-bg-3.png?hash=aff8f28fe654597383883ecea6387213") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-attractions .page-contents .bg-item-3 {
    background: url("assets/img/attraction/pc/attractions-bg-3@2x.png?hash=9b5375f08a4f887c1a2e407db9235620") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-attractions .page-contents .bg-item-4 {
  position: absolute;
  top: 2475px;
  left: 0;
  width: 199px;
  height: 200px;
  background: url("assets/img/attraction/pc/attractions-bg-4.png?hash=9d775b00a05bdd4ee0826f5bf893d616") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-attractions .page-contents .bg-item-4 {
    background: url("assets/img/attraction/pc/attractions-bg-4@2x.png?hash=ffa2b8afd11f503e5575592562058442") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-attractions .page-contents .bg-item-5 {
  position: absolute;
  top: 3912px;
  right: 0;
  width: 400px;
  height: 200px;
  background: url("assets/img/attraction/pc/attractions-bg-5.png?hash=6263a476ab6cdface69a14ef3948f9b1") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-attractions .page-contents .bg-item-5 {
    background: url("assets/img/attraction/pc/attractions-bg-5@2x.png?hash=c5f57b8cce4849487239d106afbfaf92") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-attractions .page-contents .bg-item-6 {
  position: absolute;
  top: 5057px;
  left: 0;
  width: 250px;
  height: 250px;
  background: url("assets/img/attraction/pc/attractions-bg-6.png?hash=aff8f28fe654597383883ecea6387213") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-attractions .page-contents .bg-item-6 {
    background: url("assets/img/attraction/pc/attractions-bg-6@2x.png?hash=9b5375f08a4f887c1a2e407db9235620") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-attractions .page-contents .bg-item-1 {
    width: 53.2vw;
    height: 33.33333333333333vw;
  }
  .page-attractions .page-contents .bg-item-2 {
    display: none;
  }
  .page-attractions .page-contents .bg-item-3 {
    top: 242.26666666666668vw;
    right: 0;
    width: 33.33333333333333vw;
    height: 33.33333333333333vw;
  }
  .page-attractions .page-contents .bg-item-4 {
    top: 450.93333333333334vw;
    width: 26.53333333333333vw;
    height: 26.666666666666668vw;
  }
  .page-attractions .page-contents .bg-item-5 {
    top: 661.0666666666667vw;
    right: 0;
    width: 53.333333333333336vw;
    height: 26.666666666666668vw;
  }
  .page-attractions .page-contents .bg-item-6 {
    top: 864.8vw;
    left: 0;
    width: 33.33333333333333vw;
    height: 33.33333333333333vw;
  }
}
.page-attractions .attractions-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-attractions .attractions-list li {
  position: relative;
  margin-bottom: 116px;
  width: 580px;
}
.page-attractions .attractions-list li:nth-of-type(2n) {
  width: 480px;
  margin-top: 66px;
}
.page-attractions .attractions-list li:nth-of-type(2n) + li {
  width: 480px;
  margin-top: 0;
}
.page-attractions .attractions-list li:nth-of-type(3n) {
  margin-bottom: 94px;
}
.page-attractions .attractions-list li:nth-of-type(4n) {
  width: 580px;
  margin-top: 0;
  margin-bottom: 94px;
}
.page-attractions .attractions-list li:nth-of-type(4n) + li {
  width: 580px;
  margin-top: 0;
}
.page-attractions .attractions-list a {
  position: relative;
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
}
.page-attractions .attractions-list .icon-new {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 110px;
  height: 107px;
  fill: #f3234f;
  z-index: 2;
}
.page-attractions .attractions-list .icon-new .icon-new-bg {
  animation: 15s rotation linear infinite;
}
.page-attractions .attractions-list .icon-new .icon-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 3px;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.03em;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.page-attractions .attractions-list .img-container {
  width: 100%;
}
.page-attractions .attractions-list .img-container .diagonal-line-block {
  position: relative;
  width: 100%;
  padding: 20px;
  border-radius: 60px;
  box-shadow: 0 30px 40px 0 rgba(0,0,0,0.08);
}
.page-attractions .attractions-list .img-container .diagonal-line-block .diagonal-line-block-inner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 40px;
  overflow: hidden;
  aspect-ratio: 596/396;
}
.page-attractions .attractions-list .img-container .diagonal-line-block .movie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-attractions .attractions-list .img-container .diagonal-line-block .movie video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-attractions .attractions-list .text-container {
  position: relative;
  margin-top: 11px;
  padding: 0 100px 0 20px;
  box-sizing: border-box;
  text-align: justify;
}
.page-attractions .attractions-list .text-container .heading .text-sub {
  font-size: 1.3rem;
  line-height: 1;
}
.page-attractions .attractions-list .text-container .heading .text-main {
  display: block;
  margin-top: 3px;
  font-size: 5rem;
  line-height: 0.92;
  text-align: left;
}
.page-attractions .attractions-list .text-container .heading .text-main span {
  color: #000;
}
.page-attractions .attractions-list .text-container .text {
  margin-top: 9px;
  font-size: 1.4rem;
  line-height: 1.857142857142857;
}
.page-attractions .attractions-list .text-container .icon-arrow-circle {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 56px;
  height: 56px;
  margin-top: -30px;
  background: #000;
}
.page-attractions .attractions-list .text-container .icon-arrow-circle .icon-arrow {
  width: 8px;
  height: 12px;
  fill: #fff;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-attractions .attractions-list a .icon-arrow-circle {
    transition: 0.3s;
  }
  .page-attractions .attractions-list a .icon-arrow-circle .icon-arrow {
    transition: 0.3s;
  }
  .page-attractions .attractions-list a:hover .icon-arrow-circle {
    background: #fff;
  }
  .page-attractions .attractions-list a:hover .icon-arrow-circle .icon-arrow {
    fill: #000;
  }
}
@media only screen and (max-width: 1080px) {
  .page-attractions .attractions-list {
    width: 580px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
  }
  .page-attractions .attractions-list ul {
    flex-direction: column;
  }
  .page-attractions .attractions-list li {
    margin-bottom: 0;
    width: 100%;
  }
  .page-attractions .attractions-list li:nth-of-type(2n) {
    width: 100%;
    margin-top: 66px;
  }
  .page-attractions .attractions-list li:nth-of-type(2n) + li {
    width: 100%;
    margin-top: 66px;
  }
  .page-attractions .attractions-list li:nth-of-type(3n) {
    margin-bottom: 0;
  }
  .page-attractions .attractions-list li:nth-of-type(4n) {
    width: 100%;
    margin-top: 66px;
    margin-bottom: 0;
  }
  .page-attractions .attractions-list li:nth-of-type(4n) + li {
    width: 100%;
    margin-top: 66px;
  }
  .page-attractions .attractions-list li:not(:first-child) {
    margin-top: 66px;
  }
}
@media only screen and (max-width: 767px) {
  .page-attractions .attractions-list {
    width: auto;
    margin-bottom: 0;
    padding: 0 7.333333333333333vw;
  }
  .page-attractions .attractions-list ul {
    flex-direction: column;
  }
  .page-attractions .attractions-list li {
    margin-bottom: 0;
    width: 100%;
  }
  .page-attractions .attractions-list li:nth-of-type(2n) {
    width: 100%;
    margin-top: 12.8vw;
  }
  .page-attractions .attractions-list li:nth-of-type(2n) + li {
    width: 100%;
    margin-top: 12.8vw;
  }
  .page-attractions .attractions-list li:nth-of-type(3n) {
    margin-bottom: 0;
  }
  .page-attractions .attractions-list li:nth-of-type(4n) {
    width: 100%;
    margin-top: 12.8vw;
    margin-bottom: 0;
  }
  .page-attractions .attractions-list li:nth-of-type(4n) + li {
    width: 100%;
    margin-top: 12.8vw;
  }
  .page-attractions .attractions-list li:not(:first-child) {
    margin-top: 12.8vw;
  }
  .page-attractions .attractions-list .icon-new {
    position: absolute;
    top: -4vw;
    right: -4vw;
    width: 20.533333333333335vw;
    height: 20vw;
  }
  .page-attractions .attractions-list .icon-new .icon-text {
    padding-left: 0.4vw;
    font-size: 3.733333333333334vw;
  }
  .page-attractions .attractions-list .img-container .diagonal-line-block {
    width: 100%;
    padding: 2.933333333333333vw;
    border-radius: 8vw;
    box-shadow: 0 5.333333333333334vw 4.8vw 0 rgba(0,0,0,0.08);
  }
  .page-attractions .attractions-list .img-container .diagonal-line-block .diagonal-line-block-inner {
    border-radius: 5.333333333333334vw;
  }
  .page-attractions .attractions-list .text-container {
    margin-top: 4vw;
    padding: 0;
  }
  .page-attractions .attractions-list .text-container .heading .text-sub {
    font-size: 2.933333333333333vw;
  }
  .page-attractions .attractions-list .text-container .heading .text-main {
    margin-top: 0.8vw;
    font-size: 9.333333333333334vw;
    line-height: 1;
  }
  .page-attractions .attractions-list .text-container .text {
    margin-top: 1.866666666666667vw;
    font-size: 3.2vw;
    line-height: 2.083333333333333;
  }
  .page-attractions .attractions-list .text-container .icon-arrow-circle {
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
    margin-top: 0.8vw;
    margin-left: 1.333333333333333vw;
    vertical-align: top;
  }
  .page-attractions .attractions-list .text-container .icon-arrow-circle .icon-arrow {
    width: 1.066666666666667vw;
    height: 1.6vw;
  }
}
.page-attractions .attractions-list .btn-more {
  margin: 15.466666666666667vw auto;
}
.page-attractions .section-archive {
  margin-top: 82px;
}
.page-attractions .section-archive .archive-list {
  margin-top: 80px;
}
@media only screen and (max-width: 1084px) {
  .page-attractions .section-archive .archive-list {
    width: 630px;
    margin-left: auto;
    margin-right: auto;
  }
}
.page-attractions .section-archive .archive-list ul {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-attractions .section-archive .archive-list ul::after {
  content: "";
  display: block;
  width: 300px;
  height: 0;
}
.page-attractions .section-archive .archive-list li {
  width: 300px;
  margin-bottom: 59px;
}
.page-attractions .section-archive .archive-list a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.page-attractions .section-archive .archive-list .img-container {
  position: relative;
}
.page-attractions .section-archive .archive-list .img-container .img {
  border-radius: 20px;
  overflow: hidden;
}
.page-attractions .section-archive .archive-list .text-container .heading {
  margin-top: 17px;
}
.page-attractions .section-archive .archive-list .text-container .heading span {
  display: block;
}
.page-attractions .section-archive .archive-list .text-container .heading .text-sub {
  font-size: 1rem;
  line-height: 1.4;
}
.page-attractions .section-archive .archive-list .text-container .heading .text-main {
  margin-top: 1px;
  font-size: 2.6rem;
  line-height: 1.230769230769231;
  letter-spacing: 0.02em;
}
.page-attractions .section-archive .archive-list .text-container .text {
  margin-top: 9px;
  font-size: 1.3rem;
  line-height: 1.846153846153846;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-attractions .section-archive .archive-list .img img {
    transition: 0.4s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .page-attractions .section-archive .archive-list a:hover .img img {
    transform: scale(1.05);
  }
}
@media only screen and (max-width: 767px) {
  .page-attractions .section-archive {
    margin-top: 24vw;
  }
  .page-attractions .section-archive .section-inner {
    padding: 0 5.333333333333334vw;
  }
  .page-attractions .section-archive .archive-list {
    width: 100%;
    padding: 0 1.333333333333333vw;
    margin-top: 13.333333333333334vw;
  }
  .page-attractions .section-archive .archive-list ul::after {
    width: 40vw;
  }
  .page-attractions .section-archive .archive-list li {
    width: 100%;
    margin-bottom: 8vw;
  }
  .page-attractions .section-archive .archive-list a {
    display: flex;
    align-items: center;
  }
  .page-attractions .section-archive .archive-list .img-container {
    width: 40vw;
  }
  .page-attractions .section-archive .archive-list .img-container .img {
    border-radius: 2.666666666666667vw;
  }
  .page-attractions .section-archive .archive-list .text-container {
    width: 42.13333333333333vw;
    margin-left: 7.199999999999999vw;
  }
  .page-attractions .section-archive .archive-list .text-container .heading {
    margin-top: 0.8vw;
  }
  .page-attractions .section-archive .archive-list .text-container .heading .text-sub {
    font-size: 2.666666666666667vw;
    line-height: 1.4;
    display: inline-block;
    transform: scale(0.8);
    transform-origin: 0 0;
    display: block;
    width: 125%;
  }
  .page-attractions .section-archive .archive-list .text-container .heading .text-main {
    margin-top: 0.8vw;
    font-size: 4.8vw;
    line-height: 1;
    letter-spacing: 0.02em;
  }
  .page-attractions .section-archive .archive-list .text-container .text {
    margin-top: 2.133333333333333vw;
    font-size: 2.666666666666667vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
    display: block;
  }
  .page-attractions .section-archive .archive-list .btn-more {
    margin: 15.466666666666667vw auto;
  }
}
.page-attractions .btn-backtotop {
  margin: 86px auto 0;
}
@media only screen and (max-width: 767px) {
  .page-attractions .btn-backtotop {
    margin-top: 16vw;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-attractions .btn-backtotop:hover a {
    background: #fff;
  }
  .page-attractions .btn-backtotop:hover .btn-text {
    color: #000;
  }
  .page-attractions .btn-backtotop:hover .btn-icon {
    fill: #000;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .page-business-download .wrapper {
    padding-top: 0;
  }
}
.page-business-download .main {
  padding-top: 0;
}
.page-business-download .business-download-header {
  position: relative;
  height: 100px;
  padding: 26px 0 0 40px;
  background: #5fbce7;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .page-business-download .business-download-header {
    height: 14.666666666666666vw;
    padding: 4vw 0 0 2.4vw;
  }
}
.page-business-download .business-download-header .logo {
  width: 480px;
}
@media only screen and (max-width: 767px) {
  .page-business-download .business-download-header .logo {
    width: 66.66666666666666vw;
  }
}
.page-business-download .business-download-header .logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.page-business-download .business-download-header .logo img {
  vertical-align: top;
}
.page-business-download .section-download {
  padding: 0 30px;
  background: #f5f5f5;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download {
    padding: 0;
  }
}
.page-business-download .section-download .bg-item-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 150px;
  background: url("assets/img/business/download/pc/download-bg-1.png?hash=fd9adbf20b446a037a839499ea1c884d") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-business-download .section-download .bg-item-1 {
    background: url("assets/img/business/download/pc/download-bg-1@2x.png?hash=2652ed3b5f71bdb27a785a43689f41d1") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .bg-item-1 {
    background: url("assets/img/business/download/download-bg-1.png?hash=007d9e6a0d61be2406d745eebd74eeb5") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .bg-item-1 {
    width: 40vw;
    height: 20vw;
  }
}
.page-business-download .section-download .bg-item-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 260px;
  height: 185px;
  background: url("assets/img/business/download/pc/download-bg-2.png?hash=8247ac21001af3f07875491029be872d") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-business-download .section-download .bg-item-2 {
    background: url("assets/img/business/download/pc/download-bg-2@2x.png?hash=0248c133bf519778600b86738ff9bc8a") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .bg-item-2 {
    background: url("assets/img/business/download/download-bg-2.png?hash=0169ca5ea429657fdf6915301f4b917a") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .bg-item-2 {
    width: 34.66666666666667vw;
    height: 24.666666666666668vw;
  }
}
.page-business-download .section-download .bg-item-3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 240px;
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .bg-item-3 {
    width: 32vw;
    height: 10.666666666666668vw;
    z-index: 1;
  }
}
.page-business-download .section-download .bg-item-4 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 160px;
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .bg-item-4 {
    width: 21.333333333333336vw;
    height: 10.666666666666668vw;
    z-index: 1;
  }
}
.page-business-download .section-download .section-inner {
  max-width: 1160px;
  margin: 0 auto;
  padding-bottom: 240px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 1179px) {
  .page-business-download .section-download .section-inner {
    flex-direction: column;
    max-width: none;
  }
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .section-inner {
    padding-bottom: 0;
  }
}
.page-business-download .section-download .block-left {
  width: 660px;
  padding-top: 95px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1179px) and (min-width: 768px) {
  .page-business-download .section-download .block-left {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .block-left {
    width: 100%;
    padding: 13.466666666666665vw 5.333333333333334vw 0;
  }
}
.page-business-download .section-download .block-left .section-heading {
  margin-left: -8px;
  color: #5fbce7;
  font-size: 4.4rem;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .block-left .section-heading {
    margin-left: -1.066666666666667vw;
    font-size: 6.666666666666667vw;
    line-height: 1.6;
    letter-spacing: -0.14em;
  }
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .block-left .section-heading .text-en {
    display: inline-block;
    margin-left: 2.666666666666667vw;
    letter-spacing: 0.03em;
    margin-right: -1em;
  }
}
.page-business-download .section-download .block-left .section-heading .text-black {
  color: #000;
  margin-left: 4px;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .block-left .section-heading .text-black {
    letter-spacing: -0.04em;
    margin-left: 1.066666666666667vw;
  }
}
.page-business-download .section-download .block-left .text {
  margin-top: 18px;
  font-size: 1.8rem;
  line-height: 2;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .block-left .text {
    margin-top: 4.533333333333333vw;
    font-size: 3.733333333333334vw;
    line-height: 1.857142857142857;
  }
}
.page-business-download .section-download .block-left .img {
  margin-top: 42px;
  border-radius: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .block-left .img {
    margin-top: 6.4vw;
    border-radius: 6.666666666666667vw;
  }
}
.page-business-download .section-download .block-left .document {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .block-left .document {
    margin-top: 16vw;
  }
}
.page-business-download .section-download .block-left .document .heading {
  position: relative;
  padding-left: 27px;
  font-size: 2.6rem;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .block-left .document .heading {
    padding-left: 4.8vw;
    font-size: 5.333333333333334vw;
  }
}
.page-business-download .section-download .block-left .document .heading::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 10px;
  height: 32px;
  background: #5fbce7;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .block-left .document .heading::before {
    width: 1.866666666666667vw;
    height: 5.866666666666666vw;
  }
}
.page-business-download .section-download .block-left .document ul {
  margin-top: 46px;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .block-left .document ul {
    margin-top: 8.666666666666668vw;
  }
}
.page-business-download .section-download .block-left .document li {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  padding: 15px 30px 17px;
  font-size: 1.8rem;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .block-left .document li {
    min-height: 21.333333333333336vw;
    border-radius: 4vw;
    padding: 4.266666666666667vw 4.8vw 4.8vw;
    font-size: 3.733333333333334vw;
    line-height: 1.642857142857143;
  }
}
.page-business-download .section-download .block-left .document li:not(:first-child) {
  margin-top: 6px;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .block-left .document li:not(:first-child) {
    margin-top: 2.666666666666667vw;
  }
}
.page-business-download .section-download .block-left .document li .icon-check {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-top: 1px;
  margin-right: 19px;
  flex-shrink: 0;
  background: #5fbce7;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .block-left .document li .icon-check {
    width: 6.133333333333333vw;
    height: 6.133333333333333vw;
    margin-top: 0.533333333333333vw;
    margin-right: 3.733333333333334vw;
  }
}
.page-business-download .section-download .block-left .document li .icon-check svg {
  width: 13px;
  height: 10px;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .block-left .document li .icon-check svg {
    width: 3.066666666666666vw;
    height: 2.4vw;
  }
}
.page-business-download .section-download .block-left .document .text {
  margin-top: 29px;
  font-size: 1.8rem;
  line-height: 2.222222222222222;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .block-left .document .text {
    margin-top: 5.866666666666666vw;
    font-size: 3.733333333333334vw;
    line-height: 1.857142857142857;
  }
}
.page-business-download .section-download .block-left .document .text a {
  position: relative;
  color: #00bfff;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-business-download .section-download .block-left .document .text a {
    transition: 0.3s;
  }
  .page-business-download .section-download .block-left .document .text a:hover {
    opacity: 0.7;
  }
}
.page-business-download .section-download .block-left .document .text a::after {
  position: absolute;
  bottom: -6px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #00bfff;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .block-left .document .text a::after {
    bottom: -1.333333333333333vw;
    height: 0.266666666666667vw;
  }
}
.page-business-download .section-download .block-right {
  width: 430px;
  margin-top: 110px;
  padding: 50px 30px 30px;
  background: #fff;
  border-radius: 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1179px) and (min-width: 768px) {
  .page-business-download .section-download .block-right {
    width: 660px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .block-right {
    width: 100%;
    margin-top: 14.666666666666666vw;
    padding: 15.733333333333333vw 5.333333333333334vw 24vw;
    border-radius: 13.333333333333334vw 13.333333333333334vw 0 0;
  }
}
.page-business-download .section-download .form-item:not(:first-child) {
  margin-top: 21px;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .form-item:not(:first-child) {
    margin-top: 7.199999999999999vw;
  }
}
.page-business-download .section-download .form-heading {
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .form-heading {
    font-size: 3.466666666666666vw;
  }
}
.page-business-download .section-download .form-heading .icon-required {
  display: inline-block;
  color: #f3234f;
  font-size: 1rem;
  vertical-align: top;
  margin-top: -2px;
  margin-left: 3px;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .form-heading .icon-required {
    font-size: 2.133333333333333vw;
    margin-top: -0.266666666666667vw;
    margin-left: 0.4vw;
  }
}
.page-business-download .section-download .form-contents {
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .form-contents {
    margin-top: 1.066666666666667vw;
  }
}
.page-business-download .section-download .item-select select,
.page-business-download .section-download .item-text {
  width: 100%;
  height: 48px;
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: -0.08em;
  padding: 0 12px 2px;
  background: #f5f5f5;
  border-radius: 10px;
  box-sizing: border-box;
}
.page-business-download .section-download .item-select select::-moz-placeholder, .page-business-download .section-download .item-text::-moz-placeholder {
  color: #999;
}
.page-business-download .section-download .item-select select::placeholder,
.page-business-download .section-download .item-text::placeholder {
  color: #999;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .item-select select,
  .page-business-download .section-download .item-text {
    height: 17.333333333333336vw;
    font-size: 3.466666666666666vw;
    line-height: 1.769230769230769;
    letter-spacing: 0.08em;
    padding: 0 5.333333333333334vw 0.533333333333333vw;
    border-radius: 4vw;
  }
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .item-text {
    padding-left: 6.4vw;
    padding-right: 6.4vw;
    font-size: 4.266666666666667vw;
    width: 125%;
    height: calc(17.333333333333336vw * 1.25);
    transform: scale(0.8);
    transform-origin: left bottom;
  }
}
.page-business-download .section-download .item-select {
  position: relative;
}
.page-business-download .section-download .item-select select {
  color: #999;
}
.page-business-download .section-download .item-select .icon-arrow {
  position: absolute;
  top: 50%;
  right: 19px;
  width: 8px;
  height: 12px;
  margin-top: -5px;
  transform: rotate(90deg);
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .item-select .icon-arrow {
    right: 7.199999999999999vw;
    width: 1.6vw;
    height: 2.666666666666667vw;
    margin-top: -1.333333333333333vw;
  }
}
.page-business-download .section-download .form-item-agree {
  margin-top: 35px !important;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .form-item-agree {
    margin-top: 8vw !important;
  }
}
.page-business-download .section-download .form-item-agree .form-heading {
  font-size: 1.4rem;
  line-height: 1.714285714285714;
  letter-spacing: 0.01em;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .form-item-agree .form-heading {
    font-size: 3.466666666666666vw;
    line-height: 1.615384615384615;
    letter-spacing: 0.01em;
  }
}
.page-business-download .section-download .form-item-agree .form-heading a {
  position: relative;
  color: #00bfff;
}
.page-business-download .section-download .form-item-agree .form-heading a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #00bfff;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .form-item-agree .form-heading a::after {
    bottom: -1.066666666666667vw;
    height: 0.266666666666667vw;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-business-download .section-download .form-item-agree .form-heading a {
    transition: 0.3s;
  }
  .page-business-download .section-download .form-item-agree .form-heading a:hover {
    opacity: 0.7;
  }
}
.page-business-download .section-download .form-item-agree .form-contents {
  margin-top: 18px;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .form-item-agree .form-contents {
    margin-top: 6vw;
  }
}
.page-business-download .section-download .form-item-agree label {
  display: block;
}
.page-business-download .section-download .form-item-agree input + span {
  position: relative;
  display: block;
  font-size: 1.4rem;
  line-height: 1.714285714285714;
  letter-spacing: 0.04em;
  padding-left: 36px;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .form-item-agree input + span {
    font-size: 3.466666666666666vw;
    line-height: 2;
    letter-spacing: 0.04em;
    padding-left: 9.866666666666667vw;
  }
}
.page-business-download .section-download .form-item-agree input + span::before,
.page-business-download .section-download .form-item-agree input + span::after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: '';
  width: 26px;
  height: 26px;
  border-radius: 50%;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .form-item-agree input + span::before,
  .page-business-download .section-download .form-item-agree input + span::after {
    width: 7.199999999999999vw;
    height: 7.199999999999999vw;
  }
}
.page-business-download .section-download .form-item-agree input + span::before {
  background: #eee;
  z-index: 1;
}
.page-business-download .section-download .form-item-agree input:checked + span::after {
  background-color: #eee;
}
.page-business-download .section-download .form-item-agree input:checked + span::before {
  top: 7px;
  left: 6px;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2013%22%3E%3Cpath%20fill=%22%235fbce7%22%20d=%22m16,2.85L6.05,13l-2.79-2.85h.01S0,6.8,0,6.8l2.79-2.85,3.27,3.33L13.2,0l2.8,2.85Z%22%20/%3E%3C/svg%3E") 0 0 no-repeat transparent;
  background-size: 100%;
  border: none;
  width: 15px;
  height: 12px;
  fill: #5fbce7;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .form-item-agree input:checked + span::before {
    top: 1.866666666666667vw;
    left: 1.866666666666667vw;
    width: 4vw;
    height: 3.2vw;
  }
}
.page-business-download .section-download .form-item-name .form-contents,
.page-business-download .section-download .form-item-kana .form-contents {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .form-item-name .form-contents,
  .page-business-download .section-download .form-item-kana .form-contents {
    flex-direction: column;
  }
}
.page-business-download .section-download .form-item-name .item-text,
.page-business-download .section-download .form-item-kana .item-text {
  width: 180px;
}
@media only screen and (max-width: 1179px) and (min-width: 768px) {
  .page-business-download .section-download .form-item-name .item-text,
  .page-business-download .section-download .form-item-kana .item-text {
    width: 295px;
  }
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .form-item-name .item-text,
  .page-business-download .section-download .form-item-kana .item-text {
    width: 125%;
  }
  .page-business-download .section-download .form-item-name .item-text:not(:first-child),
  .page-business-download .section-download .form-item-kana .item-text:not(:first-child) {
    margin-top: -1.6vw;
  }
}
.page-business-download .section-download .form-item-email .item-text {
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .form-item-category .form-contents,
  .page-business-download .section-download .form-item-type .form-contents {
    margin-top: 5.333333333333334vw;
  }
}
.page-business-download .section-download .separator {
  width: 430px;
  height: 1px;
  margin: 35px 0 30px -30px;
  background: #dbdbdb;
}
@media only screen and (max-width: 1179px) and (min-width: 768px) {
  .page-business-download .section-download .separator {
    width: 660px;
  }
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .separator {
    width: 100vw;
    height: 0.266666666666667vw;
    margin: 13.866666666666665vw 0 10.666666666666668vw -5.333333333333334vw;
  }
}
.page-business-download .section-download .btn-send {
  width: 280px;
  height: 66px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .btn-send {
    width: 56.00000000000001vw;
    height: 17.333333333333336vw;
  }
}
.page-business-download .section-download .btn-send button {
  width: 100%;
  height: 100%;
  font-size: 1.3rem;
  color: #fff;
  border-radius: 40px;
  background: #000;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .page-business-download .section-download .btn-send button {
    font-size: 2.933333333333333vw;
    border-radius: 8.666666666666668vw;
    padding-bottom: 0.533333333333333vw;
  }
}
.page-business-download .section-download .btn-send button[disabled] {
  opacity: 0.3;
  cursor: inherit;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-business-download .section-download .btn-send button {
    transition: background 0.3s;
  }
  .page-business-download .section-download .btn-send:hover button:not([disabled]) {
    background: #5fbce7;
  }
}
.page-business-download .mw .form-complete {
  width: 600px;
  padding: 57px 0 69px;
  background: #5fbce7;
  border-radius: 50px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
}
.page-business-download .mw .form-complete .heading {
  font-size: 3.2rem;
}
.page-business-download .mw .form-complete .loading-icon {
  width: 40px;
  margin: 40px auto;
}
.page-business-download .mw .form-complete .character {
  width: 70px;
  margin: -4px auto 0;
}
.page-business-download .mw .form-complete .text {
  margin-top: 3px;
  margin-left: 4px;
  font-size: 1.6rem;
  line-height: 2.125;
}
@media only screen and (max-width: 767px) {
  .page-business-download .mw .form-complete {
    width: 80vw;
    padding: 9.066666666666666vw 0 10.266666666666667vw;
    border-radius: 8vw;
  }
  .page-business-download .mw .form-complete .heading {
    font-size: 5.333333333333334vw;
  }
  .page-business-download .mw .form-complete .character {
    width: 13.333333333333334vw;
    margin-top: 0.933333333333333vw;
  }
  .page-business-download .mw .form-complete .text {
    margin-top: 1.066666666666667vw;
    margin-left: 0.533333333333333vw;
    font-size: 3.2vw;
    line-height: 2;
  }
}
.page-business-download .mw .mw-download-btn-close {
  position: absolute;
  bottom: -74px;
  left: 50%;
  top: auto;
  right: auto;
  width: 180px;
  height: 54px;
  margin-left: -90px;
  padding-right: 2px;
  padding-bottom: 2px;
  background: #535353;
  border-radius: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .page-business-download .mw .mw-download-btn-close {
    bottom: -17.333333333333336vw;
    width: 33.33333333333333vw;
    height: 10.666666666666668vw;
    margin-left: -16.666666666666664vw;
    padding-right: 0.266666666666667vw;
    padding-bottom: 0.266666666666667vw;
    border-radius: 5.333333333333334vw;
  }
}
.page-business-download .mw .mw-download-btn-close .btn-icon {
  position: relative;
  width: 14px;
  height: 14px;
  margin-right: 13px;
  margin-top: 2px;
}
@media only screen and (max-width: 767px) {
  .page-business-download .mw .mw-download-btn-close .btn-icon {
    width: 2.666666666666667vw;
    height: 2.666666666666667vw;
    margin-right: 1.733333333333333vw;
    margin-top: 0.266666666666667vw;
  }
}
.page-business-download .mw .mw-download-btn-close .btn-icon span {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 18px;
  height: 2px;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .page-business-download .mw .mw-download-btn-close .btn-icon span {
    width: 3.2vw;
    height: 0.4vw;
  }
}
.page-business-download .mw .mw-download-btn-close .btn-icon .line-1 {
  transform: rotate(-45deg);
}
.page-business-download .mw .mw-download-btn-close .btn-icon .line-2 {
  transform: rotate(-135deg);
}
.page-business-download .mw .mw-download-btn-close .btn-text {
  color: #fff;
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .page-business-download .mw .mw-download-btn-close .btn-text {
    font-size: 2.666666666666667vw;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-business-download .mw .mw-download-btn-close {
    transition: 0.3s;
  }
  .page-business-download .mw .mw-download-btn-close:hover {
    background: #2d2d2d;
  }
}
.page-business-download .mw-complete {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 100;
  pointer-events: none;
}
.page-business-download .mw-complete .mw-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.5);
}
.page-business-download .mw-complete .mw-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
}
.page-business-download .mw-complete .mw-contents {
  position: relative;
  pointer-events: auto;
}
.page-business-download .mw-complete .form-complete {
  width: 600px;
  padding: 59px 0 56px;
  background: #5fbce7;
  border-radius: 50px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .page-business-download .mw-complete .form-complete {
    width: 84vw;
    padding: 11.466666666666667vw 0 11.466666666666667vw;
    border-radius: 8vw;
  }
}
.page-business-download .mw-complete .form-complete .heading {
  font-size: 2.8rem;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .page-business-download .mw-complete .form-complete .heading {
    font-size: 5.333333333333334vw;
  }
}
.page-business-download .mw-complete .form-complete .character {
  width: 79px;
  margin: 18px auto 0;
}
@media only screen and (max-width: 767px) {
  .page-business-download .mw-complete .form-complete .character {
    width: 14.933333333333335vw;
    margin-top: 3.733333333333334vw;
  }
}
.page-business-download .mw-complete .form-complete .text {
  margin-top: 17px;
  margin-left: 4px;
  font-size: 2.2rem;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .page-business-download .mw-complete .form-complete .text {
    margin-top: 3.333333333333333vw;
    margin-left: 0.266666666666667vw;
    font-size: 3.733333333333334vw;
  }
}
.page-business-download .mw-complete .form-complete .btn-business-dowoload {
  width: 280px;
  height: 70px;
  border-radius: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  margin: 9px auto 0;
  padding-left: 8px;
  box-shadow: 0 6px 10px 0 rgba(2,17,33,0.08);
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .page-business-download .mw-complete .form-complete .btn-business-dowoload {
    width: 56.00000000000001vw;
    height: 16vw;
    border-radius: 8vw;
    margin-top: 1.866666666666667vw;
    padding-left: 0;
    padding-right: 0.533333333333333vw;
    padding-bottom: 0.533333333333333vw;
    box-shadow: 0 1.6vw 2.666666666666667vw 0 rgba(2,17,33,0.08);
  }
}
.page-business-download .mw-complete .form-complete .btn-business-dowoload span {
  display: block;
}
.page-business-download .mw-complete .form-complete .btn-business-dowoload span svg {
  vertical-align: top;
}
.page-business-download .mw-complete .form-complete .btn-business-dowoload .btn-text {
  color: #fff;
  font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .page-business-download .mw-complete .form-complete .btn-business-dowoload .btn-text {
    font-size: 2.933333333333333vw;
  }
}
.page-business-download .mw-complete .form-complete .btn-business-dowoload .btn-icon {
  width: 13px;
  height: 15px;
  margin-left: 10px;
  margin-top: 1px;
  fill: #fff;
}
@media only screen and (max-width: 767px) {
  .page-business-download .mw-complete .form-complete .btn-business-dowoload .btn-icon {
    width: 2.533333333333333vw;
    height: 2.933333333333333vw;
    margin-left: 1.6vw;
    margin-top: 0.533333333333333vw;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-business-download .mw-complete .form-complete .btn-business-dowoload {
    transition: 0.3s;
  }
  .page-business-download .mw-complete .form-complete .btn-business-dowoload .btn-text,
  .page-business-download .mw-complete .form-complete .btn-business-dowoload .btn-icon {
    transition: 0.3s;
  }
  .page-business-download .mw-complete .form-complete .btn-business-dowoload:hover {
    background: #fff;
  }
  .page-business-download .mw-complete .form-complete .btn-business-dowoload:hover .btn-text {
    color: #000;
  }
  .page-business-download .mw-complete .form-complete .btn-business-dowoload:hover .btn-icon {
    fill: #000;
  }
}
.page-business-download .mw-complete .form-complete .notes {
  margin-top: 17px;
  font-size: 1.4rem;
  line-height: 1.714285714285714;
}
@media only screen and (max-width: 767px) {
  .page-business-download .mw-complete .form-complete .notes {
    margin-top: 3.733333333333334vw;
    margin-left: 0.8vw;
    font-size: 2.933333333333333vw;
    line-height: 1.909090909090909;
  }
}
.page-business-download .mw-complete .form-complete .notes a {
  position: relative;
  color: #fff;
}
.page-business-download .mw-complete .form-complete .notes a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .page-business-download .mw-complete .form-complete .notes a::after {
    bottom: -1.066666666666667vw;
    height: 0.133333333333333vw;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-business-download .mw-complete .form-complete .notes a {
    transition: 0.3s;
  }
  .page-business-download .mw-complete .form-complete .notes a:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .page-business .wrapper {
    padding-top: 0;
  }
}
.page-business .main {
  padding-top: 0;
  background: #5fbce7;
}
.page-business .section-inner {
  max-width: none;
}
.page-business .business-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.page-business .business-header .header-inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.page-business .business-header a {
  display: block;
}
.page-business .business-header .logo {
  width: 250px;
  height: 120px;
  background: #fff;
  border-radius: 0 0 40px 0;
  padding: 20px 0 0 25px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .page-business .business-header .logo {
    width: 40vw;
    height: 20vw;
    border-radius: 0 0 5.333333333333334vw 0;
    padding: 3.6vw 0 0 2.666666666666667vw;
  }
}
.page-business .business-header .logo svg {
  width: 189px;
  height: 65px;
  fill: #03bfff;
}
@media only screen and (max-width: 767px) {
  .page-business .business-header .logo svg {
    width: 32vw;
    height: 10.933333333333334vw;
  }
}
.page-business .business-header .block-btn {
  display: flex;
  gap: 12px;
  margin: 30px 30px 0 0;
}
@media only screen and (max-width: 767px) {
  .page-business .business-header .block-btn {
    gap: 2.666666666666667vw;
    margin: 2vw 2.666666666666667vw 0 0;
  }
}
.page-business .business-header .block-btn a {
  width: 171px;
  height: 50px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 10px 0 rgba(2,17,33,0.08);
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-business .business-header .block-btn a {
    transition: 0.3s;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .business-header .block-btn a {
    flex-direction: column;
    justify-content: flex-start;
    width: 16vw;
    height: 16vw;
    border-radius: 50%;
    box-shadow: 0 1.6vw 2.666666666666667vw 0 rgba(2,17,33,0.08);
  }
}
.page-business .business-header .block-btn span {
  display: block;
}
.page-business .business-header .block-btn span svg {
  vertical-align: top;
}
.page-business .business-header .block-btn .btn-text {
  font-size: 1.2rem;
  letter-spacing: 0.08em;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-business .business-header .block-btn .btn-text {
    transition: 0.3s;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .business-header .block-btn .btn-text {
    order: 2;
    font-size: 1.866666666666667vw;
    letter-spacing: 0.001em;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-business .business-header .block-btn .btn-icon {
    transition: 0.3s;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .business-header .block-btn .btn-icon {
    order: 1;
  }
}
.page-business .business-header .block-btn .btn-business-dowoload {
  background: #fff;
  border: 1px solid #dfdfdf;
}
@media only screen and (max-width: 767px) {
  .page-business .business-header .block-btn .btn-business-dowoload {
    border: none;
    padding-top: 4vw;
  }
}
.page-business .business-header .block-btn .btn-business-dowoload .btn-icon {
  width: 11px;
  height: 13px;
  margin-left: 4px;
}
@media only screen and (max-width: 767px) {
  .page-business .business-header .block-btn .btn-business-dowoload .btn-icon {
    width: 3.866666666666667vw;
    height: 4.533333333333333vw;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .business-header .block-btn .btn-business-dowoload .btn-text {
    transform: scale(0.8, 1);
    margin-top: 0.533333333333333vw;
    margin-left: 0.266666666666667vw;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-business .business-header .block-btn .btn-business-dowoload:hover {
    background: #000;
    border: 1px solid #000;
  }
  .page-business .business-header .block-btn .btn-business-dowoload:hover .btn-text {
    color: #fff;
  }
  .page-business .business-header .block-btn .btn-business-dowoload:hover .btn-icon {
    fill: #fff;
  }
}
.page-business .business-header .block-btn .btn-business-contact {
  background: #000;
  padding-left: 2px;
}
@media only screen and (max-width: 767px) {
  .page-business .business-header .block-btn .btn-business-contact {
    padding-left: 0;
    padding-top: 4.533333333333333vw;
  }
}
.page-business .business-header .block-btn .btn-business-contact .btn-text {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .page-business .business-header .block-btn .btn-business-contact .btn-text {
    letter-spacing: 0.02em;
    transform: scale(0.9, 1);
    margin-top: 1.333333333333333vw;
  }
}
.page-business .business-header .block-btn .btn-business-contact .btn-icon {
  width: 14px;
  height: 10px;
  fill: #fff;
  margin-left: 8px;
}
@media only screen and (max-width: 767px) {
  .page-business .business-header .block-btn .btn-business-contact .btn-icon {
    width: 4.266666666666667vw;
    height: 3.066666666666666vw;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-business .business-header .block-btn .btn-business-contact:hover {
    background: #fff;
    border: 1px solid #dfdfdf;
  }
  .page-business .business-header .block-btn .btn-business-contact:hover .btn-text {
    color: #000;
  }
  .page-business .business-header .block-btn .btn-business-contact:hover .btn-icon {
    fill: #000;
  }
}
.page-business .section-hero .bg-item-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 372px;
  height: 260px;
  background: url("assets/img/business/pc/hero-bg-1.png?hash=28ad61ce16a9e3c137e222ac3b45e9dd") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-business .section-hero .bg-item-1 {
    background: url("assets/img/business/pc/hero-bg-1@2x.png?hash=cbfe219cfb75513e3056ef9d84001b09") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .bg-item-1 {
    background: url("assets/img/business/hero-bg-1.png?hash=cad67b692572ee0f15fe51865bcc0a3f") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .bg-item-1 {
    width: 30vw;
    height: 34.66666666666667vw;
  }
}
.page-business .section-hero .bg-item-2 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 225px;
  height: 150px;
  margin-left: 21px;
  background: url("assets/img/business/pc/hero-bg-2.png?hash=332f98abb167fe9ad8cb5ae01d26bd52") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-business .section-hero .bg-item-2 {
    background: url("assets/img/business/pc/hero-bg-2@2x.png?hash=84d048b6d72f296f40a15e5396850729") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .bg-item-2 {
    background: url("assets/img/business/hero-bg-2.png?hash=da7c036add7bd51ec43a321ab3e64ce2") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 1090px) and (min-width: 768px) {
  .page-business .section-hero .bg-item-2 {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .bg-item-2 {
    left: auto;
    right: 0;
    width: 34.66666666666667vw;
    height: 47.733333333333334vw;
    margin-left: 0;
  }
}
.page-business .section-hero .bg-item-3 {
  position: absolute;
  top: 0;
  right: 0;
  width: 260px;
  height: 260px;
  background: url("assets/img/business/pc/hero-bg-3.png?hash=cce2a157a3b57bc2020e7cbf68fb7d95") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-business .section-hero .bg-item-3 {
    background: url("assets/img/business/pc/hero-bg-3@2x.png?hash=1a9b7c1574f6c2ec0bf9d844855e5b6d") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .bg-item-3 {
    background: url("assets/img/business/hero-bg-3.png?hash=c4cb865c1e74898d899bd9f7d72021d4") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .bg-item-3 {
    top: 136.8vw;
    width: 30vw;
    height: 20vw;
  }
}
.page-business .section-hero .bg-item-4 {
  position: absolute;
  top: 701px;
  right: 0;
  width: 225px;
  height: 362px;
  background: url("assets/img/business/pc/hero-bg-4.png?hash=37a8dcad44b2ec689625b13a13ecd0a2") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-business .section-hero .bg-item-4 {
    background: url("assets/img/business/pc/hero-bg-4@2x.png?hash=034012cfb07af3f3cdbc479ab21983e4") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .bg-item-4 {
    background: url("assets/img/business/hero-bg-4.png?hash=30f491425495bf65f94126030636bb85") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .bg-item-4 {
    top: 180.4vw;
    left: 4.666666666666667vw;
    right: auto;
    width: 4.666666666666667vw;
    height: 4.666666666666667vw;
  }
}
.page-business .section-hero .bg-item-5 {
  position: absolute;
  bottom: 68px;
  left: 0;
  width: 300px;
  height: 185px;
  background: url("assets/img/business/pc/hero-bg-5.png?hash=e014fffba6bb11e23db33e00ac876706") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-business .section-hero .bg-item-5 {
    background: url("assets/img/business/pc/hero-bg-5@2x.png?hash=56c12b9b494fe89b4863dd0862ee4a2b") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .bg-item-5 {
    background: url("assets/img/business/hero-bg-5.png?hash=7f6664cb22a68440121aa4ff4a3909f4") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .bg-item-5 {
    left: auto;
    right: 0;
    bottom: auto;
    top: 210.4vw;
    width: 4.666666666666667vw;
    height: 4.666666666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .bg-item-6 {
    position: absolute;
    bottom: 6.4vw;
    left: 0;
    width: 30vw;
    height: 20vw;
    background: url("assets/img/business/hero-bg-6.png?hash=66a025fb8c910501faa485bc8189062e") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-business .section-hero .section-inner {
  padding-top: 189px;
  padding-bottom: 180px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .section-inner {
    padding-top: 30.4vw;
    padding-bottom: 21.333333333333336vw;
  }
}
.page-business .section-hero .section-heading {
  text-align: center;
}
.page-business .section-hero .section-heading span {
  display: block;
}
.page-business .section-hero .section-heading .text-1 {
  font-size: 2.4rem;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .section-heading .text-1 {
    font-size: 4.266666666666667vw;
    letter-spacing: 0.07em;
  }
}
.page-business .section-hero .section-heading .text-2 {
  margin-top: 30px;
  color: #fff;
  font-size: 2.6rem;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .section-heading .text-2 {
    margin-top: 4.666666666666667vw;
    font-size: 4.266666666666667vw;
    letter-spacing: 0.02em;
  }
}
.page-business .section-hero .section-heading .logo {
  fill: #fff;
  width: 860px;
  height: 76px;
  margin: 20px auto 0;
}
@media only screen and (max-width: 940px) {
  .page-business .section-hero .section-heading .logo {
    width: 629px;
    height: 153px;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .section-heading .logo {
    width: 83.86666666666667vw;
    height: 20.4vw;
    margin-top: 3.6vw;
    margin-left: 6.533333333333332vw;
  }
}
.page-business .section-hero .section-heading .logo svg {
  margin-left: 10px;
}
@media only screen and (max-width: 940px) and (min-width: 768px) {
  .page-business .section-hero .section-heading .logo svg {
    margin-left: -26px;
  }
  .page-business .section-hero .section-heading .logo svg.pc {
    display: none;
  }
  .page-business .section-hero .section-heading .logo svg.sp {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .section-heading .logo svg {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .block-btn {
    display: flex;
    justify-content: center;
    gap: 2.666666666666667vw;
    margin-top: 10.933333333333334vw;
  }
  .page-business .section-hero .block-btn a {
    width: 43.46666666666666vw;
    height: 14.666666666666666vw;
    border-radius: 7.333333333333333vw;
    padding-bottom: 0.533333333333333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1.6vw 2.666666666666667vw 0 rgba(2,17,33,0.08);
    box-sizing: border-box;
  }
  .page-business .section-hero .block-btn span {
    display: block;
  }
  .page-business .section-hero .block-btn span svg {
    vertical-align: top;
  }
  .page-business .section-hero .block-btn .btn-text {
    font-size: 2.933333333333333vw;
    letter-spacing: 0.06em;
  }
  .page-business .section-hero .block-btn .btn-business-dowoload {
    background: #fff;
  }
  .page-business .section-hero .block-btn .btn-business-dowoload .btn-icon {
    width: 2.533333333333333vw;
    height: 2.933333333333333vw;
    margin-left: 1.866666666666667vw;
    margin-top: 0.266666666666667vw;
  }
  .page-business .section-hero .block-btn .btn-business-contact {
    background: #000;
    padding-left: 0.266666666666667vw;
  }
  .page-business .section-hero .block-btn .btn-business-contact .btn-text {
    color: #fff;
    letter-spacing: 0.08em;
  }
  .page-business .section-hero .block-btn .btn-business-contact .btn-icon {
    width: 3.466666666666666vw;
    height: 2.4vw;
    fill: #fff;
    margin-left: 2.933333333333333vw;
    margin-top: 0.266666666666667vw;
  }
}
.page-business .section-hero .business-slider {
  pointer-events: none;
}
.page-business .section-hero .kv {
  display: flex;
  margin-top: 54px;
  transition-timing-function: linear;
  will-change: transform;
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .kv {
    margin-top: 9.866666666666667vw;
  }
}
.page-business .section-hero .kv .img {
  position: relative;
  width: 280px;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .kv .img {
    width: 37.333333333333336vw;
  }
}
.page-business .section-hero .kv .img-1 {
  margin-top: 8px;
  transform: rotate(-1.63deg);
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .kv .img-1 {
    margin-top: 0.533333333333333vw;
  }
}
.page-business .section-hero .kv .img-2 {
  margin-top: 13px;
  margin-left: 25px;
  transform: rotate(7.18deg);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .kv .img-2 {
    margin-top: 0;
    margin-left: -5.866666666666666vw;
  }
}
.page-business .section-hero .kv .img-3 {
  margin-top: 30px;
  margin-left: 13px;
  transform: rotate(-5.84deg);
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .kv .img-3 {
    margin-top: 2.266666666666667vw;
    margin-left: 1.733333333333333vw;
  }
}
.page-business .section-hero .kv .img-4 {
  margin-top: 30px;
  margin-left: 26px;
  transform: rotate(9.13deg);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .kv .img-4 {
    margin-top: 2.266666666666667vw;
    margin-left: 3.466666666666666vw;
  }
}
.page-business .section-hero .kv .img-5 {
  margin-top: 22px;
  margin-left: 14px;
  transform: rotate(-2.78deg);
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .kv .img-5 {
    margin-top: 1.466666666666667vw;
    margin-left: 1.866666666666667vw;
  }
}
.page-business .section-hero .kv .img-6 {
  margin-top: 32px;
  margin-left: 20px;
  transform: rotate(1.72deg);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .kv .img-6 {
    margin-top: 2.133333333333333vw;
    margin-left: 2.666666666666667vw;
  }
}
.page-business .section-hero .kv .img-7 {
  margin-right: -20px;
  transform: rotate(-5.84deg);
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .kv .img-7 {
    margin-right: -2.666666666666667vw;
  }
}
.page-business .section-hero .kv .img-1 img,
.page-business .section-hero .kv .img-4 img,
.page-business .section-hero .kv .img-6 img {
  border-radius: 40px;
  box-shadow: 0 35px 40px 0 rgba(2,17,33,0.15);
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .kv .img-1 img,
  .page-business .section-hero .kv .img-4 img,
  .page-business .section-hero .kv .img-6 img {
    border-radius: 5.333333333333334vw;
    box-shadow: 0 4.666666666666667vw 5.333333333333334vw 0 rgba(2,17,33,0.15);
  }
}
.page-business .section-hero .message {
  position: relative;
  margin-top: 74px;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .message {
    margin-top: 17.333333333333336vw;
  }
}
.page-business .section-hero .message .character {
  position: absolute;
  top: -120px;
  left: 50%;
  width: 112px;
  margin-left: -523px;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .message .character {
    top: -23.733333333333334vw;
    width: 14.933333333333335vw;
    margin-left: -43.46666666666666vw;
  }
}
.page-business .section-hero .message .copy {
  font-size: 4rem;
  line-height: 1.9;
  margin-left: 14px;
}
.page-business .section-hero .message .copy span {
  color: #000;
}
@media only screen and (max-width: 790px) and (min-width: 768px) {
  .page-business .section-hero .message .copy br {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .message .copy {
    font-size: 6.933333333333333vw;
    line-height: 1.615384615384615;
    margin-left: 2.666666666666667vw;
  }
}
.page-business .section-hero .message .text {
  margin-top: 26px;
  font-size: 2.2rem;
  line-height: 2.545454545454545;
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .message .text {
    margin-top: 4.8vw;
    font-size: 3.733333333333334vw;
    line-height: 2.285714285714286;
  }
}
.page-business .section-hero .partner {
  position: relative;
  margin-top: 85px;
  padding: 0 30px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .partner {
    padding: 0;
    margin-top: 11.066666666666666vw;
  }
}
.page-business .section-hero .partner .heading {
  position: relative;
  width: 200px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding-bottom: 2px;
  border-radius: 24px;
  font-size: 1.6rem;
  letter-spacing: 0.06em;
  color: #fff;
  background: #00a6de;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: 0 6px 10px 0 rgba(2,17,33,0.1);
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .partner .heading {
    width: 42.66666666666667vw;
    height: 10.666666666666668vw;
    padding-bottom: 0.266666666666667vw;
    border-radius: 5.333333333333334vw;
    font-size: 3.2vw;
    letter-spacing: 0.06em;
    box-shadow: 0 1.6vw 2.666666666666667vw 0 rgba(2,17,33,0.1);
  }
}
.page-business .section-hero .partner .partner-list {
  position: relative;
  max-width: 1060px;
  margin: -25px auto 0;
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .partner .partner-list {
    width: 89.33333333333333vw;
    max-width: none;
    margin-top: -4.8vw;
  }
}
.page-business .section-hero .partner .partner-list .character {
  position: absolute;
  top: -131px;
  right: 6px;
  width: 105px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .partner .partner-list .character {
    top: -16.53333333333333vw;
    right: -1.333333333333333vw;
    width: 14.000000000000002vw;
  }
}
.page-business .section-hero .partner .partner-list ul {
  display: grid;
  flex-wrap: wrap;
  gap: 24px 32px;
  list-style-type: none;
  padding: 48px 24px 24px 24px;
  grid-template-columns: repeat(5, 1fr);
  background: #fff;
  border-radius: 40px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-hero .partner .partner-list ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.page-business .section-hero .partner .partner-list li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.page-business .section-hero .partner .partner-list li img {
  max-height: 50px;
}
.page-business .section-service {
  background: #f5f5f5;
  border-radius: 100px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service {
    border-radius: 13.333333333333334vw;
  }
}
.page-business .section-service .bg-item-1 {
  position: absolute;
  top: 243px;
  left: 0;
  width: 150px;
  height: 200px;
  background: url("assets/img/business/pc/service-bg-1.png?hash=a91c46ef35de97545f0a9db79e1f28f1") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-business .section-service .bg-item-1 {
    background: url("assets/img/business/pc/service-bg-1@2x.png?hash=e7da3378cd87a074870cfe0619f13457") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .bg-item-1 {
    background: url("assets/img/business/service-bg-1.png?hash=03b6a3c27948067181c67057d5b7af86") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .bg-item-1 {
    top: 26.93333333333333vw;
    width: 20vw;
    height: 26.666666666666668vw;
  }
}
.page-business .section-service .bg-item-2 {
  position: absolute;
  top: 268px;
  right: 0;
  width: 150px;
  height: 175px;
  background: url("assets/img/business/pc/service-bg-2.png?hash=82e9fd57a7e4a5d7651f4c22be8b515e") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-business .section-service .bg-item-2 {
    background: url("assets/img/business/pc/service-bg-2@2x.png?hash=d72456661690d681deef40d80ef090df") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .bg-item-2 {
    background: url("assets/img/business/service-bg-2.png?hash=66e57e82969e07d5cabca15d9812ed33") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .bg-item-2 {
    top: 30.266666666666666vw;
    width: 20vw;
    height: 23.333333333333332vw;
  }
}
.page-business .section-service .section-inner {
  padding-top: 175px;
  padding-bottom: 164px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .section-inner {
    padding-top: 20.533333333333335vw;
    padding-bottom: 24.53333333333333vw;
  }
}
.page-business .section-service .section-heading {
  font-size: 6.6rem;
  line-height: 1;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .section-heading {
    font-size: 8.799999999999999vw;
    line-height: 1;
  }
}
.page-business .section-service .service-nav {
  display: flex;
  justify-content: center;
  gap: 13px;
  margin-top: 82px;
  margin-bottom: 140px;
  padding: 0 13px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service-nav {
    flex-wrap: wrap;
    gap: 2.666666666666667vw;
    margin-top: 13.600000000000001vw;
    margin-bottom: 16vw;
    padding: 0;
  }
}
.page-business .section-service .service-nav li {
  width: 240px;
  height: 120px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service-nav li {
    width: 43.333333333333336vw;
    height: 21.333333333333336vw;
  }
}
.page-business .section-service .service-nav li a {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1;
  padding-top: 18px;
  border-radius: 20px;
  box-shadow: 0 13px 28px 0 rgba(2,17,33,0.1);
  box-sizing: border-box;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service-nav li a {
    font-size: 3.2vw;
    padding-top: 3.2vw;
    border-radius: 2.666666666666667vw;
    box-shadow: 0 2.666666666666667vw 5.333333333333334vw 0 rgba(2,17,33,0.1);
  }
}
.page-business .section-service .service-nav li span {
  display: block;
}
.page-business .section-service .service-nav li .nav-num {
  margin-left: 2px;
  color: #5fbce7;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service-nav li .nav-num {
    font-size: 2.933333333333333vw;
    margin-left: 0.533333333333333vw;
  }
}
.page-business .section-service .service-nav li .nav-text {
  margin-top: 14px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service-nav li .nav-text {
    margin-top: 2.4vw;
  }
}
.page-business .section-service .service-nav li .nav-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background: #5fbce7;
  border-radius: 50%;
  margin: 16px auto 0;
  transform: rotate(90deg);
}
.page-business .section-service .service-nav li .nav-icon svg {
  width: 6px;
  height: 10px;
  fill: #fff;
  margin-left: 1px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service-nav li .nav-icon {
    width: 4.266666666666667vw;
    height: 4.266666666666667vw;
    margin-top: 2.666666666666667vw;
  }
  .page-business .section-service .service-nav li .nav-icon svg {
    width: 1.066666666666667vw;
    height: 1.733333333333333vw;
    margin-left: 0.266666666666667vw;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-business .section-service .service-nav li a {
    transition: 0.3s;
  }
  .page-business .section-service .service-nav li a .nav-num {
    transition: 0.3s;
  }
  .page-business .section-service .service-nav li a .nav-text {
    transition: 0.3s;
  }
  .page-business .section-service .service-nav li a .nav-icon {
    transition: 0.3s;
  }
  .page-business .section-service .service-nav li a .nav-icon svg {
    transition: 0.3s;
  }
  .page-business .section-service .service-nav li a:hover {
    background: #5fbce7;
  }
  .page-business .section-service .service-nav li a:hover .nav-num {
    color: #fff;
  }
  .page-business .section-service .service-nav li a:hover .nav-text {
    color: #fff;
  }
  .page-business .section-service .service-nav li a:hover .nav-icon {
    transition: 0.3s;
    background: #fff;
  }
  .page-business .section-service .service-nav li a:hover .nav-icon svg {
    fill: #5fbce7;
  }
}
.page-business .section-service .service {
  margin-top: -140px;
  padding-top: 140px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service {
    margin-top: -24vw;
    padding-top: 24vw;
  }
}
.page-business .section-service .service .heading-container {
  position: relative;
  border-radius: 40px;
  overflow: hidden;
  max-width: 1360px;
  height: 402px;
  margin: 0 auto;
}
@media only screen and (max-width: 1360px) and (min-width: 768px) {
  .page-business .section-service .service .heading-container {
    width: calc(100% - 60px);
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .heading-container {
    border-radius: 5.333333333333334vw;
    width: 94.66666666666667vw;
    height: 60vw;
    max-width: none;
  }
}
.page-business .section-service .service .heading-container .kv {
  width: 100%;
  height: 100%;
}
.page-business .section-service .service .heading-container .kv img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.page-business .section-service .service .heading-container .heading {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 7.352941176470589%;
  padding-top: 2px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .heading-container .heading {
    padding-left: 6.533333333333332vw;
    padding-top: 0;
  }
}
.page-business .section-service .service .heading-container .heading .heading-num {
  margin-top: 8px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .heading-container .heading .heading-num {
    margin-top: 0;
  }
}
.page-business .section-service .service .heading-container .heading .heading-text {
  color: #fff;
  font-size: 4.2rem;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .heading-container .heading .heading-text {
    font-size: 5.866666666666666vw;
  }
}
.page-business .section-service .service .main-text,
.page-business .section-service .service .detail {
  max-width: 800px;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
}
@media only screen and (max-width: 1420px) and (min-width: 768px) {
  .page-business .section-service .service .main-text,
  .page-business .section-service .service .detail {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .main-text,
  .page-business .section-service .service .detail {
    max-width: none;
    width: 89.33333333333333vw;
  }
}
.page-business .section-service .service .main-text {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .main-text {
    margin-top: 8.533333333333333vw;
  }
}
.page-business .section-service .service .detail {
  font-size: 1.6rem;
  line-height: 1.875;
  margin-top: 72px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .detail {
    font-size: 3.466666666666666vw;
    line-height: 2;
    margin-top: 11.733333333333333vw;
  }
}
.page-business .section-service .service .detail .heading {
  position: relative;
  padding-left: 30px;
  font-size: 3rem;
  line-height: 1.533333333333333;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .detail .heading {
    padding-left: 4.8vw;
    font-size: 5.333333333333334vw;
    line-height: 1.4;
  }
}
.page-business .section-service .service .detail .heading::before {
  position: absolute;
  top: 10px;
  left: 0;
  content: "";
  display: block;
  width: 10px;
  height: 32px;
  background: #5fbce7;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .detail .heading::before {
    top: 1.066666666666667vw;
    width: 1.866666666666667vw;
    height: 5.866666666666666vw;
  }
}
.page-business .section-service .service .detail .text {
  font-size: 1.6rem;
  line-height: 2.125;
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .detail .text {
    font-size: 3.466666666666666vw;
    line-height: 2;
    margin-bottom: 6.4vw;
  }
}
.page-business .section-service .service .detail dl {
  display: flex;
  flex-wrap: wrap;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .detail dl {
    flex-direction: column;
    border-radius: 4vw;
  }
}
.page-business .section-service .service .detail dt,
.page-business .section-service .service .detail dd {
  box-sizing: border-box;
  padding-top: 32px;
  padding-bottom: 34px;
  text-align: justify;
}
.page-business .section-service .service .detail dt:not(:first-of-type),
.page-business .section-service .service .detail dd:not(:first-of-type) {
  border-top: 1px solid #dbdbdb;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .detail dt,
  .page-business .section-service .service .detail dd {
    padding-top: 0.4vw;
    padding-bottom: 0.666666666666667vw;
    text-align: center;
  }
  .page-business .section-service .service .detail dt:not(:first-of-type),
  .page-business .section-service .service .detail dd:not(:first-of-type) {
    border-top: none;
  }
}
.page-business .section-service .service .detail dt {
  width: 210px;
  padding-left: 24px;
  color: #fff;
  background: #5fbce7;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .detail dt {
    width: 100%;
    padding-left: 0;
  }
}
.page-business .section-service .service .detail dd {
  width: calc(100% - 210px);
  padding-left: 40px;
  padding-right: 40px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .detail dd {
    width: 100%;
    padding-top: 4vw;
    padding-bottom: 5.066666666666666vw;
    padding-left: 6.666666666666667vw;
    padding-right: 6.666666666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .detail dd ul {
    margin-left: -1.333333333333333vw;
  }
}
.page-business .section-service .service .detail dd li {
  display: flex;
}
.page-business .section-service .service .detail dd li::before {
  display: block;
  content: "・";
  width: 15px;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .detail dd li::before {
    width: 4vw;
  }
}
.page-business .section-service .service .detail dd .notes {
  margin-top: 3px;
  font-size: 1.3rem;
  line-height: 1.846153846153846;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .detail dd .notes {
    margin-top: 0.4vw;
    font-size: 2.933333333333333vw;
    line-height: 1.727272727272727;
  }
}
.page-business .section-service .service .detail dd a {
  position: relative;
  color: #5fbce7;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-business .section-service .service .detail dd a {
    transition: 0.3s;
  }
  .page-business .section-service .service .detail dd a:hover {
    opacity: 0.7;
  }
}
.page-business .section-service .service .detail dd a::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #5fbce7;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .detail dd a::after {
    bottom: -0.8vw;
    height: 0.133333333333333vw;
  }
}
.page-business .section-service .service .example {
  margin-top: 70px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .example {
    margin-top: 10.666666666666668vw;
  }
}
.page-business .section-service .service .example .heading {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 800px;
  height: 60px;
  margin: 0 auto;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  background: #5fbce7;
  border-radius: 20px;
}
@media only screen and (max-width: 1420px) and (min-width: 768px) {
  .page-business .section-service .service .example .heading {
    width: calc(100% - 60px);
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .example .heading {
    max-width: none;
    width: 89.33333333333333vw;
    height: 10.666666666666668vw;
    font-size: 3.466666666666666vw;
    border-radius: 2.666666666666667vw;
  }
}
.page-business .section-service .service .example .heading.link {
  opacity: 1;
  transition: opacity 0.5s;
}
.page-business .section-service .service .example .heading.link:hover {
  opacity: 0.6;
}
.page-business .section-service .service .example .slider {
  position: relative;
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .example .slider {
    margin-top: 6.666666666666667vw;
  }
}
.page-business .section-service .service .example .slider .slider-btn-prev,
.page-business .section-service .service .example .slider .slider-btn-next {
  position: absolute;
  top: 130px;
  left: 50%;
  width: 60px;
  height: 60px;
  background: #5fbce7;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .example .slider .slider-btn-prev,
  .page-business .section-service .service .example .slider .slider-btn-next {
    top: 20.4vw;
    width: 12vw;
    height: 12vw;
  }
}
.page-business .section-service .service .example .slider .slider-btn-prev .icon-arrow,
.page-business .section-service .service .example .slider .slider-btn-next .icon-arrow {
  fill: #fff;
  width: 8px;
  height: 12px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .example .slider .slider-btn-prev .icon-arrow,
  .page-business .section-service .service .example .slider .slider-btn-next .icon-arrow {
    left: 0.533333333333333vw;
    width: 1.6vw;
    height: 2.666666666666667vw;
  }
}
.page-business .section-service .service .example .slider .slider-btn-prev {
  margin-left: -320px;
  transform: scale(-1, 1);
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .example .slider .slider-btn-prev {
    margin-left: -46vw;
  }
}
.page-business .section-service .service .example .slider .slider-btn-next {
  margin-left: 260px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .example .slider .slider-btn-next {
    margin-left: 35.333333333333336vw;
  }
}
.page-business .section-service .service .example .slider .slider-item {
  width: 500px;
  margin: 0 20px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .example .slider .slider-item {
    width: 74.66666666666667vw;
    margin: 0 2.666666666666667vw;
  }
}
.page-business .section-service .service .example .slider .slider-item .img {
  border-radius: 40px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .example .slider .slider-item .img {
    border-radius: 6.666666666666667vw;
  }
}
.page-business .section-service .service .example .slider .slider-item .text {
  margin-top: 17px;
  padding: 0 10px;
  font-size: 1.2rem;
  line-height: 2;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service .example .slider .slider-item .text {
    margin-top: 4.266666666666667vw;
    padding: 0;
    font-size: 2.666666666666667vw;
    line-height: 1.6;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-business .section-service .service .example .slider .slider-item .img img {
    transition: 0.4s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .page-business .section-service .service .example .slider .slider-item a:hover .img img {
    transform: scale(1.05);
  }
  .page-business .section-service .service .example .slider .slider-btn-prev,
  .page-business .section-service .service .example .slider .slider-btn-next {
    transition: 0.3s;
  }
  .page-business .section-service .service .example .slider .slider-btn-prev .icon-arrow,
  .page-business .section-service .service .example .slider .slider-btn-next .icon-arrow {
    transition: 0.3s;
  }
  .page-business .section-service .service .example .slider .slider-btn-prev:hover,
  .page-business .section-service .service .example .slider .slider-btn-next:hover {
    background: #000;
  }
}
.page-business .section-service .service01 {
  padding-bottom: 229px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service01 {
    padding-bottom: 26vw;
  }
}
.page-business .section-service .service01 .heading-container .heading .heading-num {
  width: 128px;
  height: 95px;
  margin-right: 50px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service01 .heading-container .heading .heading-num {
    width: 14.666666666666666vw;
    height: 11.066666666666666vw;
    margin-right: 5.600000000000001vw;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service01 .detail dd:nth-of-type(4n) {
    padding-bottom: 6.133333333333333vw;
  }
}
.page-business .section-service .service02 {
  padding-bottom: 195px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service02 {
    padding-bottom: 26vw;
  }
}
.page-business .section-service .service02 .heading-container .heading .heading-num {
  width: 143px;
  height: 95px;
  margin-right: 35px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service02 .heading-container .heading .heading-num {
    width: 17.2vw;
    height: 11.066666666666666vw;
    margin-right: 2.933333333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service02 .detail dd:nth-of-type(3n),
  .page-business .section-service .service02 .detail dd:nth-of-type(5n) {
    text-align: left;
  }
  .page-business .section-service .service02 .detail dd li:nth-child(2) {
    margin-right: -1em;
  }
  .page-business .section-service .service02 .detail dd:nth-of-type(5n) {
    padding-right: 2.666666666666667vw;
    padding-bottom: 7.333333333333333vw;
  }
}
.page-business .section-service .service03 {
  padding-bottom: 195px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service03 {
    padding-bottom: 26vw;
  }
}
.page-business .section-service .service03 .heading-container .heading .heading-num {
  width: 142px;
  height: 95px;
  margin-right: 35px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service03 .heading-container .heading .heading-num {
    width: 16.8vw;
    height: 11.066666666666666vw;
    margin-right: 4.666666666666667vw;
  }
}
.page-business .section-service .service03 .detail .heading {
  margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service03 .detail .heading {
    margin-bottom: 7.466666666666668vw;
  }
}
.page-business .section-service .service03 .detail-1 {
  margin-top: 61px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service03 .detail-1 {
    margin-top: 10.666666666666668vw;
  }
}
.page-business .section-service .service03 .detail-2 {
  margin-top: 70px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service03 .detail-2 {
    margin-top: 12.266666666666666vw;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service04 .heading-container .heading {
    padding-left: 6.4vw;
  }
}
.page-business .section-service .service04 .heading-container .heading .heading-num {
  width: 146px;
  height: 95px;
  margin-right: 32px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service04 .heading-container .heading .heading-num {
    width: 17.333333333333336vw;
    height: 11.066666666666666vw;
    margin-right: 2.933333333333333vw;
  }
}
.page-business .section-service .service04 .detail .heading {
  margin-bottom: 26px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service04 .detail .heading {
    margin-bottom: 5.600000000000001vw;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service04 .detail dd:nth-of-type(3n) {
    padding-bottom: 6.133333333333333vw;
  }
}
.page-business .section-service .service04 .detail-1 {
  margin-top: 61px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service04 .detail-1 {
    margin-top: 10.4vw;
  }
}
.page-business .section-service .service04 .detail-2 {
  margin-top: 70px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .service04 .detail-2 {
    margin-top: 12.266666666666666vw;
  }
}
.page-business .section-service .andmore {
  margin-top: 132px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .andmore {
    margin-top: 18.933333333333334vw;
  }
}
.page-business .section-service .andmore .character {
  width: 125px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .andmore .character {
    width: 19.733333333333334vw;
    margin-left: 39.06666666666666vw;
  }
}
.page-business .section-service .andmore .heading {
  margin-top: 20px;
  padding-right: 2px;
  color: #5fbce7;
  font-size: 10rem;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .andmore .heading {
    margin-top: 3.733333333333334vw;
    padding-right: 1.066666666666667vw;
    font-size: 13.866666666666665vw;
  }
}
.page-business .section-service .andmore .text {
  margin-top: 26px;
  font-size: 2.2rem;
  line-height: 2.545454545454545;
}
@media only screen and (max-width: 767px) {
  .page-business .section-service .andmore .text {
    margin-top: 5.866666666666666vw;
    margin-left: 1.6vw;
    font-size: 3.733333333333334vw;
    line-height: 2.285714285714286;
  }
}
.page-business .section-point .bg-item-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 260px;
  height: 185px;
  background: url("assets/img/business/pc/point-bg-1.png?hash=2fc1dce288a73f46f551255942759de1") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-business .section-point .bg-item-1 {
    background: url("assets/img/business/pc/point-bg-1@2x.png?hash=74b49793964e749b610bdc58bf35636f") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .bg-item-1 {
    background: url("assets/img/business/point-bg-1.png?hash=d8a4896c5cfd916fb110a70804c7c58e") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .bg-item-1 {
    width: 34.66666666666667vw;
    height: 24.666666666666668vw;
  }
}
.page-business .section-point .bg-item-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 260px;
  height: 185px;
  background: url("assets/img/business/pc/point-bg-2.png?hash=198e2634eb0891e2ee3c2097bbe4b417") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-business .section-point .bg-item-2 {
    background: url("assets/img/business/pc/point-bg-2@2x.png?hash=4ab0b96f07f001ffbddb05646a7a74cc") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .bg-item-2 {
    background: url("assets/img/business/point-bg-2.png?hash=7ea02959f25f8e0fc6b57777bf0ddca0") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .bg-item-2 {
    width: 34.66666666666667vw;
    height: 24.666666666666668vw;
  }
}
.page-business .section-point .bg-item-3 {
  position: absolute;
  top: -100px;
  left: -200px;
  width: 200px;
  height: 225px;
  background: url("assets/img/business/pc/point-bg-3.png?hash=a1c8f8f11850166620117a576452c058") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-business .section-point .bg-item-3 {
    background: url("assets/img/business/pc/point-bg-3@2x.png?hash=c1360d4251e0b90f54967822c0aaca52") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .bg-item-3 {
    background: url("assets/img/business/point-bg-3.png?hash=f226d69508d682dce2b6282276e33801") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .bg-item-3 {
    top: -12.4vw;
    left: auto;
    right: -5.333333333333334vw;
    width: 26.666666666666668vw;
    height: 30vw;
  }
}
.page-business .section-point .bg-item-4 {
  position: absolute;
  top: -146px;
  right: -200px;
  width: 300px;
  height: 250px;
  background: url("assets/img/business/pc/point-bg-4.png?hash=647a1b13cd004236ab23950e0dfdd760") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-business .section-point .bg-item-4 {
    background: url("assets/img/business/pc/point-bg-4@2x.png?hash=f343fefdc2e323df9d4264fe58ecacbd") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .bg-item-4 {
    background: url("assets/img/business/point-bg-4.png?hash=a485e2d1ad17b023a14fa65aa0528149") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .bg-item-4 {
    top: auto;
    bottom: -15.6vw;
    left: auto;
    right: -5.333333333333334vw;
    width: 40vw;
    height: 33.33333333333333vw;
  }
}
.page-business .section-point .bg-item-5 {
  position: absolute;
  top: -65px;
  left: -201px;
  width: 300px;
  height: 185px;
  background: url("assets/img/business/pc/point-bg-5.png?hash=8e1b1b21062edfc961e9cc44ae50884c") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-business .section-point .bg-item-5 {
    background: url("assets/img/business/pc/point-bg-5@2x.png?hash=56c12b9b494fe89b4863dd0862ee4a2b") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .bg-item-5 {
    background: url("assets/img/business/point-bg-5.png?hash=cca4fec330ddfc0ec82b878a622cab84") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .bg-item-5 {
    top: 71.46666666666667vw;
    left: -5.333333333333334vw;
    width: 40vw;
    height: 20vw;
  }
}
.page-business .section-point .section-inner {
  padding-top: 162px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .section-inner {
    padding-top: 26.400000000000002vw;
  }
}
.page-business .section-point .section-heading {
  font-size: 5.6rem;
  line-height: 1.535714285714286;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .section-heading {
    font-size: 8.533333333333333vw;
    line-height: 1.5625;
  }
}
.page-business .section-point .section-heading span {
  color: #fff;
}
.page-business .section-point .main-text {
  max-width: 800px;
  margin: 38px auto 0;
  color: #fff;
  font-size: 1.6rem;
  line-height: 2.125;
  text-align: justify;
}
@media only screen and (max-width: 1000px) and (min-width: 768px) {
  .page-business .section-point .main-text {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .main-text {
    max-width: none;
    width: 89.33333333333333vw;
    margin-top: 6.4vw;
    font-size: 3.466666666666666vw;
    line-height: 2;
  }
}
.page-business .section-point .point-list {
  max-width: 1060px;
  margin: 111px auto 0;
  padding: 0 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .point-list {
    max-width: none;
    width: 89.33333333333333vw;
    margin-top: 15.066666666666666vw;
    padding: 0;
  }
}
.page-business .section-point .point-list li {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .point-list li {
    flex-direction: column;
  }
}
.page-business .section-point .point-list li .block-img {
  position: relative;
  border-radius: 50px;
  overflow: hidden;
  box-shadow: 0 20px 28px 0 rgba(0,0,0,0.2);
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .point-list li .block-img {
    order: 2;
    width: 100%;
    margin-top: 11.600000000000001vw;
    border-radius: 8vw;
    box-shadow: 0 2.666666666666667vw 3.733333333333334vw 0 rgba(0,0,0,0.2);
  }
}
.page-business .section-point .point-list li .block-img .num {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #5fbce7;
  border-radius: 50%;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .point-list li .block-img .num {
    top: 4vw;
    left: 4vw;
    width: 18.666666666666668vw;
    height: 18.666666666666668vw;
    padding-top: 0.4vw;
  }
}
.page-business .section-point .point-list li .block-img .num span {
  display: block;
  line-height: 1;
}
.page-business .section-point .point-list li .block-img .num span:nth-child(1) {
  color: #fff;
  font-size: 1.1rem;
  letter-spacing: 0.075em;
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .point-list li .block-img .num span:nth-child(1) {
    margin-left: 0.266666666666667vw;
    font-size: 2.133333333333333vw;
    letter-spacing: 0.075em;
  }
}
.page-business .section-point .point-list li .block-img .num span:nth-child(2) {
  margin-top: 4px;
  margin-left: 4px;
  color: #5fbce7;
  font-size: 3.8rem;
  letter-spacing: 0.1em;
  text-shadow: #fff 1px 0 0, #fff 0.540302px 0.841471px 0, #fff -0.416147px 0.909297px 0, #fff -0.989992px 0.14112px 0, #fff -0.653644px -0.756802px 0, #fff 0.283662px -0.958924px 0, #fff 0.96017px -0.279415px 0;
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .point-list li .block-img .num span:nth-child(2) {
    margin-top: 1.066666666666667vw;
    margin-left: 1.6vw;
    font-size: 7.199999999999999vw;
    letter-spacing: 0.1em;
    text-shadow: #fff 0.266666666666667vw 0 0, #fff 0.234022666666667vw 0.1278468vw 0, #fff 0.14408vw 0.224392vw 0, #fff 0.0188632vw 0.265998666666667vw 0, #fff -0.110972533333333vw 0.242478666666667vw 0, #fff -0.213638666666667vw 0.159592vw 0, #fff -0.263997333333333vw 0.037632vw 0, #fff -0.249721333333333vw -0.093542133333333vw 0, #fff -0.174305333333333vw -0.201813333333333vw 0, #fff -0.056212266666667vw -0.260674666666667vw 0, #fff 0.0756432vw -0.255713333333333vw 0, #fff 0.188978666666667vw -0.188144vw 0, #fff 0.256045333333333vw -0.0745108vw 0;
  }
}
.page-business .section-point .point-list li .block-text {
  width: 370px;
  color: #fff;
  margin-top: 4px;
  position: relative;
  flex-shrink: 0;
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .point-list li .block-text {
    margin-left: 0;
    order: 1;
    width: 100%;
    margin-top: 0;
  }
}
.page-business .section-point .point-list li .block-text .heading {
  margin-left: -2px;
  font-size: 3.8rem;
  line-height: 1.631578947368421;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .point-list li .block-text .heading {
    margin-left: -0.4vw;
    font-size: 6.933333333333333vw;
    line-height: 1.730769230769231;
    letter-spacing: 0.1em;
  }
}
.page-business .section-point .point-list li .block-text .heading span {
  color: #000;
}
.page-business .section-point .point-list li .block-text .text {
  margin-top: 28px;
  font-size: 1.6rem;
  line-height: 2.25;
  text-align: justify;
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .point-list li .block-text .text {
    margin-top: 5.066666666666666vw;
    font-size: 3.466666666666666vw;
    line-height: 2;
  }
}
.page-business .section-point .point-list .point01 .block-text .text span {
  display: inline-block;
  margin-right: -1em;
}
.page-business .section-point .point-list .point02 {
  margin-top: 151px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .point-list .point02 {
    margin-top: 20.8vw;
  }
}
.page-business .section-point .point-list .point02 .block-text {
  margin-left: 0;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .point-list .point02 .block-text {
    margin-right: 0;
  }
}
.page-business .section-point .point-list .point02 .block-text .heading {
  font-feature-settings: "palt";
}
.page-business .section-point .point-list .point03 {
  margin-top: 149px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .point-list .point03 {
    margin-top: 21.866666666666667vw;
  }
}
.page-business .section-point .point-list .point03 .block-text {
  margin-top: -6px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-point .point-list .point03 .block-text {
    margin-top: -0.8vw;
  }
}
.page-business .decoration-logo {
  display: flex;
  justify-content: center;
  margin-top: 135px;
}
@media only screen and (max-width: 767px) {
  .page-business .decoration-logo {
    margin-top: 20.133333333333333vw;
  }
}
.page-business .decoration-logo img {
  width: 2202px;
  margin-left: 482px;
}
@media only screen and (max-width: 767px) {
  .page-business .decoration-logo img {
    width: 293.6vw;
    margin-left: -56.8vw;
  }
}
.page-business .block-banner {
  position: relative;
  margin-top: 140px;
  padding-bottom: 160px;
}
@media only screen and (max-width: 767px) {
  .page-business .block-banner {
    margin-top: 20vw;
    padding-bottom: 26.666666666666668vw;
  }
}
.page-business .block-banner .bg-item-1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  height: 185px;
  background: url("assets/img/business/pc/banner-bg-1.png?hash=975552e4651c2c0b03b5584abec6985e") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-business .block-banner .bg-item-1 {
    background: url("assets/img/business/pc/banner-bg-1@2x.png?hash=56c12b9b494fe89b4863dd0862ee4a2b") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .block-banner .bg-item-1 {
    background: url("assets/img/business/banner-bg-1.png?hash=98e24b4d31cbc78566fb1b89951f2e02") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .block-banner .bg-item-1 {
    top: auto;
    bottom: 0;
    right: auto;
    left: 0;
    width: 26.666666666666668vw;
    height: 26.666666666666668vw;
  }
}
.page-business .block-banner .bg-item-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200px;
  height: 200px;
  background: url("assets/img/business/pc/banner-bg-2.png?hash=98e24b4d31cbc78566fb1b89951f2e02") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-business .block-banner .bg-item-2 {
    background: url("assets/img/business/pc/banner-bg-2@2x.png?hash=4e6b8c8da1cdeeade1fce2a4628eca43") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-business .block-banner a {
  position: relative;
  display: block;
  max-width: 600px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .page-business .block-banner a {
    max-width: none;
    width: 80vw;
  }
}
.page-business .block-banner a:not(:first-child) {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .page-business .block-banner a:not(:first-child) {
    margin-top: 5.333333333333334vw;
  }
}
.page-business .section-contact {
  height: 520px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-contact {
    height: 123.33333333333334vw;
  }
}
.page-business .section-contact .bg-img {
  width: 100%;
  height: 100%;
}
.page-business .section-contact .bg-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-business .section-contact .bg-item-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 240px;
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-contact .bg-item-1 {
    width: 32vw;
    height: 10.666666666666668vw;
  }
}
.page-business .section-contact .bg-item-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 160px;
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-contact .bg-item-2 {
    width: 21.333333333333336vw;
    height: 10.666666666666668vw;
  }
}
.page-business .section-contact .section-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 132px;
}
@media only screen and (max-width: 1000px) and (min-width: 768px) {
  .page-business .section-contact .section-inner {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-contact .section-inner {
    padding-top: 17.333333333333336vw;
  }
}
.page-business .section-contact .section-heading {
  color: #fff;
  margin-left: 8px;
  font-size: 3.6rem;
  line-height: 1.833333333333333;
  letter-spacing: 0.03em;
  text-align: center;
}
@media only screen and (max-width: 1000px) and (min-width: 768px) {
  .page-business .section-contact .section-heading br {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-contact .section-heading {
    margin-left: 3.2vw;
    font-size: 4.533333333333333vw;
    line-height: 2.058823529411764;
    letter-spacing: 0.04em;
  }
}
.page-business .section-contact .block-btn {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-contact .block-btn {
    flex-direction: column;
    align-items: center;
    margin-top: 11.466666666666667vw;
    gap: 5.333333333333334vw;
  }
}
.page-business .section-contact .block-btn a {
  width: 331px;
  height: 80px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 10px 0 rgba(2,17,33,0.08);
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-business .section-contact .block-btn a {
    transition: 0.3s;
  }
}
@media only screen and (max-width: 767px) {
  .page-business .section-contact .block-btn a {
    width: 72vw;
    height: 18.666666666666668vw;
    padding-bottom: 0.266666666666667vw;
    border-radius: 9.333333333333334vw;
    box-shadow: 0 1.6vw 2.666666666666667vw 0 rgba(2,17,33,0.08);
  }
}
.page-business .section-contact .block-btn span {
  display: block;
}
.page-business .section-contact .block-btn span svg {
  vertical-align: top;
}
.page-business .section-contact .block-btn .btn-text {
  font-size: 1.4rem;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 767px) {
  .page-business .section-contact .block-btn .btn-text {
    font-size: 3.466666666666666vw;
    letter-spacing: 0.08em;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-business .section-contact .block-btn .btn-icon {
    transition: 0.3s;
  }
}
.page-business .section-contact .block-btn .btn-business-dowoload {
  background: #fff;
  padding-left: 2px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-contact .block-btn .btn-business-dowoload {
    padding-left: 0.266666666666667vw;
  }
}
.page-business .section-contact .block-btn .btn-business-dowoload .btn-icon {
  width: 17px;
  height: 20px;
  margin-left: 12px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-contact .block-btn .btn-business-dowoload .btn-icon {
    width: 3.6vw;
    height: 4.399999999999999vw;
    margin-left: 2.4vw;
    margin-top: 0.266666666666667vw;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-business .section-contact .block-btn .btn-business-dowoload:hover {
    background: #5fbce7;
  }
}
.page-business .section-contact .block-btn .btn-business-contact {
  background: #5fbce7;
  padding-left: 9px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-contact .block-btn .btn-business-contact {
    padding-left: 1.6vw;
  }
}
.page-business .section-contact .block-btn .btn-business-contact .btn-icon {
  width: 22px;
  height: 16px;
  margin-left: 15px;
}
@media only screen and (max-width: 767px) {
  .page-business .section-contact .block-btn .btn-business-contact .btn-icon {
    width: 5.066666666666666vw;
    height: 3.6vw;
    margin-top: 0.266666666666667vw;
    margin-left: 3.866666666666667vw;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-business .section-contact .block-btn .btn-business-contact:hover {
    background: #fff;
  }
}
.page-contact .page-heading-container .page-heading .text-main {
  margin-left: -4px;
}
@media only screen and (max-width: 767px) {
  .page-contact .page-heading-container .page-heading .text-main {
    margin-left: -0.533333333333333vw;
  }
}
.page-contact .page-contents {
  background: #f5f5f5;
}
.page-contact .bg-item-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 240px;
  height: 80px;
}
.page-contact .bg-item-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 160px;
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .page-contact .bg-item-1 {
    width: 32vw;
    height: 10.666666666666668vw;
  }
  .page-contact .bg-item-2 {
    width: 21.333333333333336vw;
    height: 10.666666666666668vw;
  }
}
.page-contact .page-contents-inner {
  padding-top: 108px;
  padding-bottom: 200px;
}
@media only screen and (max-width: 767px) {
  .page-contact .page-contents-inner {
    padding-top: 11.466666666666667vw;
    padding-bottom: 24vw;
  }
}
.page-contact .form-notes {
  margin-bottom: 70px;
  padding-bottom: 71px;
  border-bottom: 1px solid #dbdbdb;
}
.page-contact .form-notes .form-notes-heading {
  margin-top: 50px;
  margin-bottom: 40px;
  font-size: 3.2rem;
}
@media only screen and (min-width: 768px) {
  .page-contact .form-notes .form-notes-heading {
    flex-direction: row;
  }
}
.page-contact .form-notes li {
  position: relative;
  padding-left: 24px;
}
.page-contact .form-notes li::before {
  position: absolute;
  top: 14px;
  left: 0;
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  background: #000;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .page-contact .form-notes {
    width: 89.33333333333333vw;
    margin: 0 auto 12vw;
    padding-bottom: 11.733333333333333vw;
    font-size: 3.466666666666666vw;
    line-height: 2;
    border-width: 0.266666666666667vw;
  }
  .page-contact .form-notes .form-notes-heading {
    margin-top: 11.466666666666667vw;
    margin-bottom: 11.466666666666667vw;
    padding-bottom: 4vw;
    font-size: 5.333333333333334vw;
  }
  .page-contact .form-notes li {
    padding-left: 4vw;
  }
  .page-contact .form-notes li::before {
    top: 2.666666666666667vw;
    width: 1.6vw;
    height: 1.6vw;
  }
}
@media only screen and (max-width: 767px) {
  .page-contact .form-text {
    padding-left: 5.333333333333334vw;
    padding-right: 5.333333333333334vw;
    font-size: 3.466666666666666vw;
    line-height: 1.615384615384615;
    text-align: justify;
  }
}
.page-contact .form {
  margin-top: 51px;
  padding: 124px 8% 100px;
  background: #fff;
  border-radius: 30px;
}
@media only screen and (max-width: 767px) {
  .page-contact .form {
    margin-top: 9.6vw;
    padding: 15.733333333333333vw 5.333333333333334vw 16vw;
    border-radius: 0;
  }
}
.page-contact .form-item:not(:first-child) {
  margin-top: 39px;
}
@media only screen and (max-width: 767px) {
  .page-contact .form-item:not(:first-child) {
    margin-top: 9.6vw;
  }
}
.page-contact .form-item-container {
  display: flex;
  justify-content: space-between;
  margin-top: 39px;
}
.page-contact .form-item-container .form-item {
  margin-top: 0;
  width: 48.214285714285715%;
}
@media only screen and (max-width: 767px) {
  .page-contact .form-item-container {
    flex-direction: column;
    margin-top: 9.6vw;
  }
  .page-contact .form-item-container .form-item {
    width: 100%;
  }
}
.page-contact .form-heading {
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.08em;
}
.page-contact .form-heading .icon-required {
  display: inline-block;
  height: 20px;
  margin-top: -2px;
  margin-left: 12px;
  padding: 4px 10px 0;
  color: #fff;
  font-size: 1.1rem;
  line-height: 1;
  font-feature-settings: "palt";
  background: #f3234f;
  border-radius: 10px;
  box-sizing: border-box;
  vertical-align: top;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .page-contact .form-heading {
    font-size: 3.466666666666666vw;
  }
  .page-contact .form-heading .icon-required {
    height: 5.066666666666666vw;
    margin-top: -0.533333333333333vw;
    margin-left: 1.6vw;
    padding: 1.066666666666667vw 2.4vw 0;
    font-size: 2.666666666666667vw;
    border-radius: 2.533333333333333vw;
  }
}
.page-contact .form-contents {
  margin-top: 17px;
}
@media only screen and (max-width: 767px) {
  .page-contact .form-contents {
    margin-top: 4.533333333333333vw;
  }
}
.page-contact .item-select select,
.page-contact .item-text,
.page-contact .item-textarea,
.page-contact .item-date input {
  width: 100%;
  height: 76px;
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 0.03em;
  padding: 0 30px 0;
  background: #f5f5f5;
  border-radius: 20px;
  box-sizing: border-box;
}
.page-contact .item-select select::-moz-placeholder, .page-contact .item-text::-moz-placeholder, .page-contact .item-textarea::-moz-placeholder, .page-contact .item-date input::-moz-placeholder {
  color: #999;
}
.page-contact .item-select select::placeholder,
.page-contact .item-text::placeholder,
.page-contact .item-textarea::placeholder,
.page-contact .item-date input::placeholder {
  color: #999;
}
@media only screen and (max-width: 767px) {
  .page-contact .item-select select,
  .page-contact .item-text,
  .page-contact .item-textarea,
  .page-contact .item-date input {
    height: 17.333333333333336vw;
    font-size: 3.466666666666666vw;
    line-height: 1.769230769230769;
    letter-spacing: 0.08em;
    padding: 0 5.333333333333334vw 0.533333333333333vw;
    border-radius: 4vw;
  }
}
@media only screen and (max-width: 767px) {
  .page-contact .item-text,
  .page-contact .item-textarea,
  .page-contact .item-date input {
    padding-left: 6.4vw;
    padding-right: 6.4vw;
    font-size: 4.266666666666667vw;
    width: 125%;
    height: calc(17.333333333333336vw * 1.25);
    transform: scale(0.8);
    transform-origin: left bottom;
  }
}
@media only screen and (max-width: 767px) {
  .page-contact .item-text,
  .page-contact .item-date input {
    margin-top: -4.533333333333333vw;
  }
}
.page-contact .item-textarea {
  height: 400px;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .page-contact .item-textarea {
    height: calc(66.66666666666666vw * 1.25);
    margin-top: -16.8vw;
    padding-top: 6.666666666666667vw;
    padding-bottom: 5.066666666666666vw;
  }
}
.page-contact .item-select {
  position: relative;
}
.page-contact .item-select select {
  color: #999;
}
.page-contact .item-select .icon-arrow {
  position: absolute;
  top: 50%;
  right: 32px;
  width: 8px;
  height: 12px;
  margin-top: -6px;
  transform: rotate(90deg);
}
@media only screen and (max-width: 767px) {
  .page-contact .item-select .icon-arrow {
    right: 7.199999999999999vw;
    width: 1.6vw;
    height: 2.666666666666667vw;
    margin-top: -1.333333333333333vw;
  }
}
.page-contact .item-checkbox {
  display: flex;
  flex-wrap: wrap;
}
.page-contact .item-checkbox label {
  margin-top: 32px;
}
.page-contact .item-checkbox input + span {
  position: relative;
  display: block;
  font-size: 1.5rem;
  line-height: 1.733333333333333;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
  padding-left: 48px;
}
.page-contact .item-checkbox input + span::before,
.page-contact .item-checkbox input + span::after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: '';
  width: 26px;
  height: 26px;
  border-radius: 5px;
  box-sizing: border-box;
}
.page-contact .item-checkbox input + span::before {
  border: 1px solid #dbdbdb;
  background: #f5f5f5;
  z-index: 1;
}
.page-contact .item-checkbox input:checked + span::after {
  background-color: #5fbce7;
}
.page-contact .item-checkbox input:checked + span::before {
  top: 6px;
  left: 5px;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2013%22%3E%3Cpath%20fill=%22%23fff%22%20d=%22m16,2.85L6.05,13l-2.79-2.85h.01S0,6.8,0,6.8l2.79-2.85,3.27,3.33L13.2,0l2.8,2.85Z%22%20/%3E%3C/svg%3E") 0 0 no-repeat transparent;
  background-size: 100%;
  border: none;
  width: 16px;
  height: 13px;
}
@media only screen and (max-width: 767px) {
  .page-contact .item-checkbox label {
    margin-top: 6.133333333333333vw;
    min-height: 7.199999999999999vw;
  }
  .page-contact .item-checkbox input + span {
    font-size: 3.466666666666666vw;
    line-height: 1.923076923076923;
    letter-spacing: 0.1em;
    padding-left: 11.600000000000001vw;
  }
  .page-contact .item-checkbox input + span::before,
  .page-contact .item-checkbox input + span::after {
    width: 7.199999999999999vw;
    height: 7.199999999999999vw;
    border-radius: 1.333333333333333vw;
  }
  .page-contact .item-checkbox input + span::before {
    border-width: 0.266666666666667vw;
  }
  .page-contact .item-checkbox input:checked + span::before {
    top: 1.866666666666667vw;
    left: 1.466666666666667vw;
    width: 4.266666666666667vw;
    height: 3.466666666666666vw;
  }
}
.page-contact .item-date {
  position: relative;
}
.page-contact .item-date::after {
  position: absolute;
  top: 50%;
  right: 29px;
  margin-top: -8px;
  content: '';
  width: 16px;
  height: 16px;
  pointer-events: none;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2015.91%2015.98%22%3E%3Cpath%20fill=%22%23000%22%20d=%22m13.63,1.55h-1.84v-.8C11.78.34,11.45,0,11.03,0s-.75.34-.75.75v.8h-4.66v-.8C5.62.34,5.29,0,4.87,0s-.75.34-.75.75v.8h-1.84C1.02,1.55,0,2.58,0,3.83v9.88C0,14.96,1.02,15.99,2.28,15.99h11.35c1.26,0,2.28-1.02,2.28-2.28V3.83c0-1.26-1.02-2.28-2.28-2.28ZM2.28,3.05h1.84v1.17c0,.41.34.75.75.75s.75-.34.75-.75v-1.17h4.66v1.17c0,.41.34.75.75.75s.75-.34.75-.75v-1.17h1.84c.43,0,.78.35.78.78v1.8H1.5v-1.8c0-.43.35-.78.78-.78Zm11.35,11.43H2.28c-.43,0-.78-.35-.78-.78v-6.58h12.91v6.58c0,.43-.35.78-.78.78Z%22%20/%3E%3C/svg%3E") 0 0 no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 767px) {
  .page-contact .item-date::after {
    right: 6.133333333333333vw;
    margin-top: 0;
    width: 3.733333333333334vw;
    height: 3.733333333333334vw;
  }
}
.page-contact .form-item.form-item-attend-date {
  width: 47.61904761904761%;
}
.page-contact .form-item.form-item-attend-date .form-contents {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .page-contact .form-item.form-item-attend-date {
    width: 100%;
  }
  .page-contact .form-item.form-item-attend-date .form-contents {
    margin-top: 5.600000000000001vw;
  }
}
.page-contact .form-item.form-item-number .form-contents > div {
  display: flex;
  align-items: center;
}
.page-contact .form-item.form-item-number .form-contents > div:not(:first-child) {
  margin-top: 20px;
}
.page-contact .form-item.form-item-number .item-text {
  width: 33.33333333333333%;
  margin: 0 20px 0 22px;
}
@media only screen and (max-width: 767px) {
  .page-contact .form-item.form-item-number .form-contents {
    margin-top: 0.533333333333333vw;
  }
  .page-contact .form-item.form-item-number .form-contents > div:not(:first-child) {
    margin-top: -0.266666666666667vw;
  }
  .page-contact .form-item.form-item-number .form-contents > div span {
    font-size: 3.466666666666666vw;
    margin-top: 3.2vw;
  }
  .page-contact .form-item.form-item-number .form-contents > div span:last-child {
    margin-left: -7.733333333333333vw;
  }
  .page-contact .form-item.form-item-number .item-text {
    width: calc(46.666666666666664vw * 1.25);
    margin: 0 0 0 3.733333333333334vw;
  }
}
.page-contact .form-item.form-item-children-age {
  margin-top: 49px;
  margin-bottom: 62px;
}
.page-contact .form-item.form-item-children-age .form-contents {
  margin-top: 10px;
}
.page-contact .form-item.form-item-children-age .item-checkbox label {
  width: 210px;
}
@media only screen and (max-width: 767px) {
  .page-contact .form-item.form-item-children-age {
    margin-top: 9.6vw;
    margin-bottom: 10.133333333333333vw;
  }
  .page-contact .form-item.form-item-children-age .form-contents {
    margin-top: 2.666666666666667vw;
  }
  .page-contact .form-item.form-item-children-age .item-checkbox label {
    width: 50%;
    padding-left: 0.266666666666667vw;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 767px) {
  .page-contact .form-item.form-item-travel-agency {
    margin-top: 9.6vw;
  }
  .page-contact .form-item.form-item-travel-agency .form-contents {
    margin-top: 5.333333333333334vw;
  }
}
@media only screen and (max-width: 767px) {
  .page-contact .form-item.form-item-contact-time {
    margin-top: 9.866666666666667vw;
  }
}
.page-contact .form-item.form-item-stuff-name .form-contents {
  display: flex;
  justify-content: space-between;
}
.page-contact .form-item.form-item-stuff-name .item-text {
  width: 48.214285714285715%;
}
@media only screen and (max-width: 767px) {
  .page-contact .form-item.form-item-stuff-name .form-contents {
    flex-direction: column;
  }
  .page-contact .form-item.form-item-stuff-name .item-text {
    width: 125%;
  }
  .page-contact .form-item.form-item-stuff-name .item-text:not(:first-child) {
    margin-top: -0.533333333333333vw;
  }
}
.page-contact .form-item.form-item-email .item-text:not(:first-child) {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .page-contact .form-item.form-item-email .item-text:not(:first-child) {
    margin-top: -0.533333333333333vw;
  }
}
.page-contact .form-item.form-item-knowme .form-heading {
  letter-spacing: 0.01em;
}
.page-contact .form-item.form-item-knowme .form-contents {
  margin-top: 10px;
}
.page-contact .form-item.form-item-knowme .item-checkbox label:nth-child(odd) {
  width: 370px;
}
.page-contact .form-item.form-item-knowme .item-checkbox label:nth-child(even) {
  width: 470px;
}
.page-contact .form-item.form-item-knowme .item-text {
  margin-top: 42px;
}
@media only screen and (max-width: 767px) {
  .page-contact .form-item.form-item-knowme {
    margin-top: 12.266666666666666vw;
  }
  .page-contact .form-item.form-item-knowme .form-contents {
    margin-top: 2.4vw;
  }
  .page-contact .form-item.form-item-knowme .item-checkbox label {
    box-sizing: border-box;
    padding-left: 0.533333333333333vw;
  }
  .page-contact .form-item.form-item-knowme .item-checkbox label:nth-child(odd) {
    width: 100%;
  }
  .page-contact .form-item.form-item-knowme .item-checkbox label:nth-child(even) {
    width: 100%;
  }
  .page-contact .form-item.form-item-knowme .item-text {
    margin-top: 2.666666666666667vw;
  }
}
.page-contact .form-item-attend-time {
  width: 47.61904761904761%;
  display: flex;
  justify-content: space-between;
}
.page-contact .form-item-attend-time .form-item {
  width: 45%;
  margin-top: 0;
}
.page-contact .form-item-attend-time .form-contents {
  margin-top: 20px;
}
.page-contact .form-item-attend-time .icon {
  margin-top: 58px;
  font-size: 1.5rem;
}
.page-contact .form-item-attend-time .item-text {
  text-align: center;
  padding-bottom: 4px;
}
@media only screen and (max-width: 767px) {
  .page-contact .form-item-attend-time {
    width: 100%;
    margin-top: 9.866666666666667vw;
  }
  .page-contact .form-item-attend-time .form-item {
    width: 40vw;
  }
  .page-contact .form-item-attend-time .form-contents {
    margin-top: 5.333333333333334vw;
  }
  .page-contact .form-item-attend-time .icon {
    margin-top: 13.866666666666665vw;
    font-size: 4vw;
  }
  .page-contact .form-item-attend-time .item-text {
    padding-bottom: 1.066666666666667vw;
  }
}
.page-contact .btn-send {
  width: 300px;
  height: 80px;
  margin: 80px auto 0;
}
.page-contact .btn-send button {
  width: 100%;
  height: 100%;
  color: #fff;
  border-radius: 40px;
  background: #000;
}
.page-contact .btn-send button[disabled] {
  opacity: 0.3;
  cursor: inherit;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-contact .btn-send button {
    transition: background 0.3s;
  }
  .page-contact .btn-send:hover button {
    background: #5fbce7;
  }
}
@media only screen and (max-width: 767px) {
  .page-contact .btn-send {
    width: 56.00000000000001vw;
    height: 17.333333333333336vw;
    margin-top: 10.666666666666668vw;
  }
  .page-contact .btn-send button {
    font-size: 2.933333333333333vw;
    padding-bottom: 0.8vw;
    border-radius: 8.666666666666668vw;
  }
}
.page-contact .btn-backtotop {
  margin: 100px auto 0;
}
@media only screen and (max-width: 767px) {
  .page-contact .btn-backtotop {
    margin-top: 16vw;
  }
}
.mw {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 100;
}
.mw .mw-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.5);
}
.mw .mw-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
}
.mw .mw-contents {
  position: relative;
}
.mw .mw-btn-close {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 62px;
  height: 62px;
  background: #000;
  border-radius: 50%;
}
.mw .mw-btn-close span {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 20px;
  height: 3px;
  background: #fff;
  border-radius: 2px;
}
.mw .mw-btn-close .line-1 {
  transform: rotate(-45deg);
}
.mw .mw-btn-close .line-2 {
  transform: rotate(-135deg);
}
@media only screen and (max-width: 767px) {
  .mw .mw-btn-close {
    position: absolute;
    top: -2.133333333333333vw;
    right: -2.133333333333333vw;
    width: 14.399999999999999vw;
    height: 14.399999999999999vw;
  }
  .mw .mw-btn-close span {
    width: 5.066666666666666vw;
    height: 0.8vw;
    border-radius: 0.4vw;
  }
}
.form-complete {
  width: 600px;
  padding: 57px 0 69px;
  background: #5fbce7;
  border-radius: 50px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
}
.form-complete .heading {
  font-size: 3.2rem;
}
.form-complete .loading-icon {
  width: 40px;
  margin: 40px auto;
}
.form-complete .character {
  width: 70px;
  margin: -4px auto 0;
}
.form-complete .text {
  margin-top: 3px;
  margin-left: 4px;
  font-size: 1.6rem;
  line-height: 2.125;
}
@media only screen and (max-width: 767px) {
  .form-complete {
    width: 80vw;
    padding: 9.066666666666666vw 0 10.266666666666667vw;
    border-radius: 8vw;
  }
  .form-complete .heading {
    font-size: 5.333333333333334vw;
  }
  .form-complete .character {
    width: 13.333333333333334vw;
    margin-top: 0.933333333333333vw;
  }
  .form-complete .text {
    margin-top: 1.066666666666667vw;
    margin-left: 0.533333333333333vw;
    font-size: 3.2vw;
    line-height: 2;
  }
}
.page-goods .page-heading-container .page-heading .text-main {
  margin-left: -4px;
}
.page-goods .page-heading-container .decoration-text {
  bottom: -44px;
}
@media only screen and (max-width: 767px) {
  .page-goods .page-heading-container .page-heading .text-main {
    margin-left: -0.533333333333333vw;
  }
  .page-goods .page-heading-container .decoration-text {
    bottom: -4vw;
    left: 0.266666666666667vw;
  }
}
.page-goods .page-contents {
  background: #f5f5f5;
}
.page-goods .page-contents-inner {
  padding-top: 180px;
  padding-bottom: 200px;
}
@media only screen and (max-width: 767px) {
  .page-goods .page-contents-inner {
    padding-top: 20vw;
    padding-bottom: 24vw;
  }
}
.page-goods .bg-item-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 399px;
  height: 250px;
}
.page-goods .bg-item-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 350px;
  height: 150px;
}
.page-goods .bg-item-3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 240px;
  height: 80px;
}
.page-goods .bg-item-4 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 160px;
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .page-goods .bg-item-1 {
    left: -6.666666666666667vw;
    width: 53.2vw;
    height: 33.33333333333333vw;
  }
  .page-goods .bg-item-2 {
    width: 46.666666666666664vw;
    height: 20vw;
  }
  .page-goods .bg-item-3 {
    width: 32vw;
    height: 10.666666666666668vw;
  }
  .page-goods .bg-item-4 {
    width: 21.333333333333336vw;
    height: 10.666666666666668vw;
  }
}
.page-goods .goods-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-goods .goods-list li {
  position: relative;
  margin-bottom: 84px;
  width: 470px;
}
.page-goods .goods-list a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.page-goods .goods-list .img-container {
  width: 100%;
}
.page-goods .goods-list .img-container .diagonal-line-block {
  border-radius: 50px;
  box-shadow: 0 20px 40px 0 rgba(0,0,0,0.08);
}
.page-goods .goods-list .img-container .diagonal-line-block .img {
  position: relative;
  border-radius: 30px;
  z-index: 1;
}
.page-goods .goods-list .text-container {
  position: relative;
  margin-top: 24px;
  padding: 0 10px;
  text-align: justify;
  box-sizing: border-box;
  font-feature-settings: "palt";
}
.page-goods .goods-list .text {
  margin-left: 2px;
  padding-right: 90px;
  font-size: 1.4rem;
  line-height: 1.571428571428571;
}
.page-goods .goods-list .heading {
  display: block;
  margin-top: 5px;
  padding-right: 90px;
  font-size: 3.2rem;
  line-height: 1.4375;
}
.page-goods .goods-list .heading .text-en {
  font-size: 3.8rem;
  line-height: 1.210526315789474;
}
.page-goods .goods-list .icon-arrow-circle {
  position: absolute;
  top: 22px;
  right: 10px;
  width: 56px;
  height: 56px;
  background: #000;
}
.page-goods .goods-list .icon-arrow-circle .icon-arrow {
  width: 8px;
  height: 12px;
  fill: #fff;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-goods .goods-list a .img img {
    transition: 0.4s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .page-goods .goods-list a .icon-arrow-circle {
    transition: 0.3s;
  }
  .page-goods .goods-list a .icon-arrow-circle .icon-arrow {
    transition: 0.3s;
  }
  .page-goods .goods-list a:hover .img img {
    transform: scale(1.05);
  }
  .page-goods .goods-list a:hover .icon-arrow-circle {
    background: #5fbce7;
  }
}
@media only screen and (max-width: 1120px) {
  .page-goods .goods-list ul {
    flex-direction: column;
    width: 470px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .page-goods .goods-list {
    padding: 0 7.333333333333333vw;
  }
  .page-goods .goods-list ul {
    flex-direction: column;
    width: 100%;
  }
  .page-goods .goods-list li {
    margin-bottom: 14.933333333333335vw;
    width: 100%;
  }
  .page-goods .goods-list .img-container .diagonal-line-block {
    border-radius: 8vw;
    box-shadow: 0 5.333333333333334vw 5.333333333333334vw 0 rgba(0,0,0,0.08);
  }
  .page-goods .goods-list .img-container .diagonal-line-block .img {
    border-radius: 5.333333333333334vw;
  }
  .page-goods .goods-list .text-container {
    margin-top: 5.333333333333334vw;
    padding: 0;
  }
  .page-goods .goods-list .text {
    margin-left: 0;
    padding-right: 12vw;
    font-size: 2.933333333333333vw;
    line-height: 1.545454545454545;
  }
  .page-goods .goods-list .heading {
    position: relative;
    display: block;
    margin-top: 1.333333333333333vw;
    padding-right: 0;
    font-size: 7.199999999999999vw;
    line-height: 1.296296296296296;
  }
  .page-goods .goods-list .heading .text-en {
    font-size: 9.333333333333334vw;
    line-height: 1.171428571428571;
  }
  .page-goods .goods-list .icon-arrow-circle {
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
    margin-left: 3.466666666666666vw;
    margin-top: 2.4vw;
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
    vertical-align: top;
  }
  .page-goods .goods-list .icon-arrow-circle .icon-arrow {
    width: 1.066666666666667vw;
    height: 1.866666666666667vw;
  }
}
.page-goods .btn-backtotop {
  margin: 60px auto 0;
}
@media only screen and (max-width: 767px) {
  .page-goods .btn-backtotop {
    margin-top: 0;
  }
}
.page-group .page-heading-container .page-heading .text-main {
  margin-left: -4px;
}
.page-group .page-heading-container .decoration-text {
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 767px) {
  .page-group .page-heading-container .page-heading .text-main {
    margin-left: -0.533333333333333vw;
  }
  .page-group .page-heading-container .decoration-text {
    left: -1.333333333333333vw;
    bottom: -4vw;
    letter-spacing: 0em;
  }
}
.page-group .page-contents {
  background: #f5f5f5;
  padding-top: 170px;
  padding-bottom: 200px;
}
@media only screen and (max-width: 767px) {
  .page-group .page-contents {
    padding: 24vw 5.333333333333334vw 24vw;
  }
}
.page-group .page-contents .bg-item-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 399px;
  height: 250px;
}
.page-group .page-contents .bg-item-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 350px;
  height: 150px;
}
.page-group .page-contents .bg-item-3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 240px;
  height: 80px;
}
.page-group .page-contents .bg-item-4 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 160px;
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .page-group .page-contents .bg-item-1 {
    left: -6.666666666666667vw;
    width: 53.2vw;
    height: 33.33333333333333vw;
  }
  .page-group .page-contents .bg-item-2 {
    width: 46.666666666666664vw;
    height: 20vw;
  }
  .page-group .page-contents .bg-item-3 {
    width: 32vw;
    height: 10.666666666666668vw;
  }
  .page-group .page-contents .bg-item-4 {
    width: 21.333333333333336vw;
    height: 10.666666666666668vw;
  }
}
.page-group .section-reservations .bg-item-1 {
  position: absolute;
  top: 208px;
  left: 0;
  width: 400px;
  height: 200px;
  background: url("assets/img/group/pc/reservations-bg-1.png?hash=3b1a6492a91e1416bbb670a2c39fcdd1") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-group .section-reservations .bg-item-1 {
    background: url("assets/img/group/pc/reservations-bg-1@2x.png?hash=230af4bf2c948f5606214d9b2caade5e") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-group .section-reservations .bg-item-2 {
  position: absolute;
  top: 725px;
  right: 0;
  width: 400px;
  height: 200px;
  background: url("assets/img/group/pc/reservations-bg-2.png?hash=3b1a6492a91e1416bbb670a2c39fcdd1") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-group .section-reservations .bg-item-2 {
    background: url("assets/img/group/pc/reservations-bg-2@2x.png?hash=230af4bf2c948f5606214d9b2caade5e") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-group .section-reservations .bg-item-1,
  .page-group .section-reservations .bg-item-2 {
    display: none;
  }
}
.page-group .section-reservations .text-main {
  margin-top: 65px;
  margin-left: 10px;
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.444444444444445;
  letter-spacing: 0.07em;
}
@media only screen and (max-width: 767px) {
  .page-group .section-reservations .text-main {
    margin-top: 10.666666666666668vw;
    margin-left: 0;
    text-align: left;
    font-size: 3.466666666666666vw;
    line-height: 2.307692307692307;
    letter-spacing: 0.07em;
  }
}
.page-group .section-reservations .block-container {
  display: flex;
  justify-content: space-between;
  margin-top: 88px;
}
@media only screen and (max-width: 1150px) {
  .page-group .section-reservations .block-container {
    flex-direction: column;
    align-items: center;
  }
}
.page-group .section-reservations .block-container .block {
  width: 480px;
  height: 420px;
}
.page-group .section-reservations .block-container .block a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 132px 0;
  color: #fff;
  background: #000;
  border-radius: 60px;
  box-sizing: border-box;
}
.page-group .section-reservations .block-container .block .character {
  position: absolute;
}
.page-group .section-reservations .block-container .block .heading {
  font-size: 3.2rem;
  line-height: 1;
  text-align: center;
}
.page-group .section-reservations .block-container .block .text {
  margin-top: 24px;
  margin-left: -12px;
  font-size: 1.3rem;
  line-height: 1;
  text-align: center;
}
.page-group .section-reservations .block-container .block .btn-viewmore {
  margin: 58px auto 0;
}
.page-group .section-reservations .block-container .block.block-1 .character {
  top: -6px;
  left: 50%;
  margin-left: -30px;
  width: 85px;
}
.page-group .section-reservations .block-container .block.block-2 .character {
  top: -12px;
  left: 50%;
  margin-left: -62px;
  width: 92px;
}
@media only screen and (max-width: 1150px) {
  .page-group .section-reservations .block-container .block.block-2 {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-group .section-reservations .block-container a {
    transition: 0.3s;
  }
  .page-group .section-reservations .block-container a .btn-viewmore > span {
    transition: 0.3s;
  }
  .page-group .section-reservations .block-container a .btn-viewmore .btn-text,
  .page-group .section-reservations .block-container a .btn-viewmore .btn-icon {
    transition: 0.3s;
  }
  .page-group .section-reservations .block-container a:hover {
    background: #f3234f;
  }
  .page-group .section-reservations .block-container a:hover .btn-viewmore > span {
    background: #000;
  }
  .page-group .section-reservations .block-container a:hover .btn-viewmore .btn-text {
    color: #fff;
  }
  .page-group .section-reservations .block-container a:hover .btn-viewmore .btn-icon {
    right: 20px;
    fill: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .page-group .section-reservations .block-container {
    margin-top: 11.200000000000001vw;
  }
  .page-group .section-reservations .block-container .block {
    width: 84vw;
    height: 77.33333333333333vw;
  }
  .page-group .section-reservations .block-container .block a {
    padding: 24vw 0 0;
    border-radius: 8vw;
  }
  .page-group .section-reservations .block-container .block .heading {
    font-size: 6.133333333333333vw;
  }
  .page-group .section-reservations .block-container .block .text {
    margin-top: 3.733333333333334vw;
    margin-left: 0.266666666666667vw;
    font-size: 2.666666666666667vw;
  }
  .page-group .section-reservations .block-container .block .btn-viewmore {
    width: 56.00000000000001vw;
    margin: 10.133333333333333vw auto 0;
  }
  .page-group .section-reservations .block-container .block.block-1 .character {
    top: -1.2vw;
    margin-left: -4.666666666666667vw;
    width: 15.466666666666667vw;
  }
  .page-group .section-reservations .block-container .block.block-2 {
    margin-top: 6.933333333333333vw;
  }
  .page-group .section-reservations .block-container .block.block-2 .character {
    top: -1.733333333333333vw;
    margin-left: -11.066666666666666vw;
    width: 16.133333333333333vw;
  }
}
.page-group .section-reservations .section-sub dl {
  display: flex;
  flex-wrap: wrap;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
}
.page-group .section-reservations .section-sub dl dt,
.page-group .section-reservations .section-sub dl dd {
  padding: 30px 36px 32px 40px;
  box-sizing: border-box;
  text-align: justify;
  border-bottom: 1px solid #dbdbdb;
}
.page-group .section-reservations .section-sub dl dt:last-of-type,
.page-group .section-reservations .section-sub dl dd:last-of-type {
  border-bottom: none;
}
.page-group .section-reservations .section-sub dl dt {
  display: flex;
  align-items: center;
  width: 200px;
  background: #e8e8e8;
}
.page-group .section-reservations .section-sub dl dd {
  width: calc(100% - 200px);
}
.page-group .section-reservations .section-sub dl dd li {
  padding-left: 1em;
  text-indent: -1em;
}
@media only screen and (max-width: 767px) {
  .page-group .section-reservations .section-sub dl {
    border-radius: 4vw;
    flex-direction: column;
  }
  .page-group .section-reservations .section-sub dl dt,
  .page-group .section-reservations .section-sub dl dd {
    border-width: 0.266666666666667vw;
    border-bottom: none;
  }
  .page-group .section-reservations .section-sub dl dt {
    padding: 5.600000000000001vw 0 6.4vw;
    font-size: 4.266666666666667vw;
    line-height: 1.5625;
    width: 100%;
    justify-content: center;
  }
  .page-group .section-reservations .section-sub dl dd {
    width: 100%;
    padding: 6.133333333333333vw 8vw 6.133333333333333vw;
    font-size: 3.466666666666666vw;
    line-height: 2;
  }
}
.page-group .section-reservations .section-sub td a {
  color: #00bfff;
}
.page-group .section-reservations .section-sub .pc table {
  width: 100%;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  table-layout: fixed;
}
.page-group .section-reservations .section-sub .pc table th,
.page-group .section-reservations .section-sub .pc table td {
  padding: 31px 30px;
  box-sizing: border-box;
}
.page-group .section-reservations .section-sub .pc table th:nth-child(2),
.page-group .section-reservations .section-sub .pc table td:nth-child(2) {
  width: 320px;
  border-right: 1px solid #dbdbdb;
}
.page-group .section-reservations .section-sub .pc table td {
  border-top: 1px solid #dbdbdb;
}
.page-group .section-reservations .section-sub .pc table .title {
  width: 340px;
  background: #e8e8e8;
}
.page-group .section-reservations .section-sub .pc table .title:first-child {
  color: #fff;
  background: #44addd;
}
.page-group .section-reservations .section-sub .pc table .park-name {
  position: relative;
  padding: 0;
}
.page-group .section-reservations .section-sub .pc table .park-name a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 32px 0 31px 30px;
  color: #fff;
  box-sizing: border-box;
  background: #5fbce7;
}
.page-group .section-reservations .section-sub .pc table .park-name .icon-arrow-circle {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  background: #fff;
}
.page-group .section-reservations .section-sub .pc table .park-name .icon-arrow-circle .icon-arrow {
  width: 8px;
  height: 12px;
  fill: #000;
}
.page-group .section-reservations .section-sub .pc table .park-1 {
  border-top: none;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-group .section-reservations .section-sub .pc table .park-name a {
    transition: 0.3s;
  }
  .page-group .section-reservations .section-sub .pc table .park-name a .icon-arrow-circle {
    transition: 0.3s;
  }
  .page-group .section-reservations .section-sub .pc table .park-name a .icon-arrow-circle .icon-arrow {
    transition: 0.3s;
  }
  .page-group .section-reservations .section-sub .pc table .park-name a:hover {
    color: #000;
  }
  .page-group .section-reservations .section-sub .pc table .park-name a:hover .icon-arrow-circle {
    background: #000;
  }
  .page-group .section-reservations .section-sub .pc table .park-name a:hover .icon-arrow-circle .icon-arrow {
    fill: #fff;
  }
  .page-group .section-reservations .section-sub .pc table td a {
    transition: 0.3s;
    border-bottom: 1px solid transparent;
  }
  .page-group .section-reservations .section-sub .pc table td a:hover {
    border-color: #00bfff;
  }
}
@media only screen and (max-width: 1159px) {
  .page-group .section-reservations .section-sub .pc {
    display: none;
  }
  .page-group .section-reservations .section-sub .sp {
    display: block;
  }
  .page-group .section-reservations .section-sub .sp table {
    width: 100%;
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
  }
  .page-group .section-reservations .section-sub .sp table:not(:first-child) {
    margin-top: 40px;
  }
  .page-group .section-reservations .section-sub .sp td {
    padding: 30px 36px 32px 40px;
    box-sizing: border-box;
    border-top: 1px solid #dbddde;
  }
  .page-group .section-reservations .section-sub .sp td.item-location {
    border-top: none;
  }
  .page-group .section-reservations .section-sub .sp td:first-child {
    width: 200px;
    background: #e8e8e8;
  }
  .page-group .section-reservations .section-sub .sp .park-name a {
    position: relative;
    display: block;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 37px 100px 40px 38px;
    color: #fff;
    box-sizing: border-box;
    background: #5fbce7;
  }
  .page-group .section-reservations .section-sub .sp .park-name .icon-arrow-circle {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    background: #fff;
  }
  .page-group .section-reservations .section-sub .sp .park-name .icon-arrow-circle .icon-arrow {
    width: 8px;
    height: 12px;
    fill: #000;
  }
}
@media only screen and (max-width: 767px) {
  .page-group .section-reservations .section-sub .sp table {
    width: 100%;
    background: #fff;
    border-radius: 4vw;
    overflow: hidden;
  }
  .page-group .section-reservations .section-sub .sp table:not(:first-child) {
    margin-top: 5.333333333333334vw;
  }
  .page-group .section-reservations .section-sub .sp td {
    padding: 4.8vw 6.4vw;
    font-size: 3.466666666666666vw;
    line-height: 2;
    box-sizing: border-box;
    border-top: 1px solid #dbddde;
  }
  .page-group .section-reservations .section-sub .sp td.item-location {
    border-top: none;
  }
  .page-group .section-reservations .section-sub .sp td:first-child {
    width: 22.666666666666664vw;
    padding: 0 0 0 4vw;
    font-size: 2.933333333333333vw;
    background: #e8e8e8;
  }
  .page-group .section-reservations .section-sub .sp .park-name a {
    position: relative;
    display: block;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 4vw;
    line-height: 1.733333333333333;
    min-height: 24vw;
    padding: 4.933333333333334vw 13.333333333333334vw 5.333333333333334vw 5.066666666666666vw;
    color: #fff;
    box-sizing: border-box;
    background: #5fbce7;
  }
  .page-group .section-reservations .section-sub .sp .park-name .icon-arrow-circle {
    position: absolute;
    top: 50%;
    right: 5.466666666666667vw;
    width: 6.666666666666667vw;
    height: 6.666666666666667vw;
    margin-top: -3.333333333333333vw;
    background: #fff;
  }
  .page-group .section-reservations .section-sub .sp .park-name .icon-arrow-circle .icon-arrow {
    width: 1.6vw;
    height: 2.666666666666667vw;
    fill: #000;
  }
}
.page-group .section-reservations .section-school .section-sub-heading,
.page-group .section-reservations .section-group .section-sub-heading {
  margin-bottom: 42px;
}
.page-group .section-reservations .section-school {
  margin-top: 106px;
}
.page-group .section-reservations .section-group {
  margin-top: 85px;
}
.page-group .section-reservations .section-park {
  margin-top: 85px;
}
.page-group .section-reservations .section-park .section-sub-heading {
  margin-bottom: 41px;
}
@media only screen and (max-width: 767px) {
  .page-group .section-reservations .section-school .section-sub-heading,
  .page-group .section-reservations .section-group .section-sub-heading {
    margin-bottom: 6.933333333333333vw;
  }
  .page-group .section-reservations .section-school {
    margin-top: 14.133333333333335vw;
  }
  .page-group .section-reservations .section-group {
    margin-top: 14.399999999999999vw;
  }
  .page-group .section-reservations .section-park {
    margin-top: 14.399999999999999vw;
  }
  .page-group .section-reservations .section-park .section-sub-heading {
    margin-bottom: 6.933333333333333vw;
  }
}
.page-group .section-reservations .section-notes {
  margin-top: 88px;
}
.page-group .section-reservations .section-notes .section-sub-heading {
  margin-bottom: 30px;
}
.page-group .section-reservations .section-notes li {
  position: relative;
  padding-left: 20px;
  text-align: justify;
  letter-spacing: 0.04em;
}
.page-group .section-reservations .section-notes li::before {
  position: absolute;
  top: 12px;
  left: 0;
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  background: #000;
  border-radius: 50%;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .page-group .section-reservations .section-notes {
    margin-top: 12.533333333333333vw;
  }
  .page-group .section-reservations .section-notes .section-sub-heading {
    margin-bottom: 7.466666666666668vw;
  }
  .page-group .section-reservations .section-notes li {
    padding-left: 4.8vw;
    font-size: 3.466666666666666vw;
    line-height: 2;
  }
  .page-group .section-reservations .section-notes li::before {
    top: 2.666666666666667vw;
    width: 1.6vw;
    height: 1.6vw;
  }
}
.page-group .park-img {
  display: flex;
  width: 100%;
  margin-top: 140px;
}
.page-group .park-img ul {
  display: flex;
}
.page-group .park-img ul li {
  flex-shrink: 0;
  width: 680px;
  border-radius: 50px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .page-group .park-img {
    margin-top: 14.133333333333335vw;
  }
  .page-group .park-img ul li {
    width: 74.66666666666667vw;
    margin: 0 2.666666666666667vw;
    border-radius: 6.666666666666667vw;
  }
}
.page-group .section-faq {
  margin-top: 150px;
}
@media only screen and (max-width: 767px) {
  .page-group .section-faq {
    margin-top: 21.333333333333336vw;
  }
}
.page-group .btn-backtotop {
  margin: 120px auto 0;
}
@media only screen and (max-width: 767px) {
  .page-group .btn-backtotop {
    margin-top: 16vw;
  }
}
.page-law .page-contents-inner {
  padding-top: 160px;
}
@media only screen and (max-width: 767px) {
  .page-law .page-contents-inner {
    padding-top: 20vw;
  }
}
.page-law .law-list {
  display: flex;
  flex-wrap: wrap;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
}
.page-law .law-list dt,
.page-law .law-list dd {
  padding: 31px 0 31px 40px;
  box-sizing: border-box;
  border-bottom: 1px solid #dbdbdb;
}
.page-law .law-list dt:last-of-type,
.page-law .law-list dd:last-of-type {
  border-bottom: none;
}
.page-law .law-list dt {
  width: 220px;
  background: #e8e8e8;
}
.page-law .law-list dd {
  width: calc(100% - 220px);
  padding-right: 40px;
}
@media only screen and (max-width: 767px) {
  .page-law .law-list {
    flex-direction: column;
    border-radius: 4vw;
  }
  .page-law .law-list dt,
  .page-law .law-list dd {
    padding: 5.333333333333334vw 0;
    border-bottom: none;
  }
  .page-law .law-list dt {
    width: 100%;
    font-size: 4.266666666666667vw;
    text-align: center;
  }
  .page-law .law-list dd {
    width: 100%;
    padding: 6.133333333333333vw 8vw;
    font-size: 3.466666666666666vw;
    line-height: 2;
  }
}
.page-law .btn-backtotop {
  margin: 150px auto 0;
}
@media only screen and (max-width: 767px) {
  .page-law .btn-backtotop {
    margin-top: 16vw;
  }
}
.page-blog .page-heading-container {
  color: #000;
}
.page-blog .page-heading-container .kv::before {
  display: none;
}
.page-blog .page-heading-container .page-heading .text-main {
  margin-left: -4px;
}
.page-blog .page-heading-container .decoration-text {
  opacity: 0.3;
  -webkit-text-stroke: 1px #000;
}
@media only screen and (max-width: 767px) {
  .page-blog .page-heading-container .page-heading .text-main {
    margin-left: -0.533333333333333vw;
  }
  .page-blog .page-heading-container .decoration-text {
    left: 0.533333333333333vw;
    bottom: -4vw;
    -webkit-text-stroke: 0.133333333333333vw #000;
  }
}
.page-blog .page-contents {
  background: #f5f5f5;
}
.page-blog .bg-item-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 240px;
  height: 80px;
}
.page-blog .bg-item-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 160px;
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .page-blog .bg-item-1 {
    width: 32vw;
    height: 10.666666666666668vw;
  }
  .page-blog .bg-item-2 {
    width: 21.333333333333336vw;
    height: 10.666666666666668vw;
  }
}
.page-blog .page-contents-inner {
  padding-top: 120px;
  padding-bottom: 200px;
}
@media only screen and (max-width: 767px) {
  .page-blog .page-contents-inner {
    padding-top: 13.333333333333334vw;
    padding-bottom: 26.666666666666668vw;
  }
}
.page-blog .breadcrumb a {
  color: #000;
}
.page-blog .breadcrumb .icon-arrow {
  fill: #000;
}
.page-blog .blog-new-list .slider .slider-contents {
  width: calc(50vw + 580px);
}
.page-blog .blog-new-list .slider .slider-item-list {
  margin-bottom: 61px;
}
.page-blog .blog-new-list .slider .slider-item {
  width: 540px;
  margin-right: 40px;
}
.page-blog .blog-new-list .slider a {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 4px;
  display: block;
  text-align: justify;
  box-sizing: border-box;
}
.page-blog .blog-new-list .slider .thumb {
  position: relative;
  margin-bottom: 31px;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}
.page-blog .blog-new-list .slider .category {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px 0 12px;
  font-size: 1.2rem;
  line-height: 1;
  background: #dbddde;
  border-radius: 12px;
  vertical-align: top;
  box-sizing: border-box;
}
.page-blog .blog-new-list .slider .date {
  display: inline-block;
  margin-top: 7px;
  margin-left: 10px;
  vertical-align: top;
  color: #666;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.02em;
}
.page-blog .blog-new-list .slider .title {
  width: 100%;
  margin-top: 4px;
  font-size: 2rem;
  line-height: 1.75;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-blog .blog-new-list a .thumb img {
    transition: 0.4s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .page-blog .blog-new-list a .title {
    transition: 0.3s;
  }
  .page-blog .blog-new-list a .icon-arrow-circle {
    transition: 0.3s;
  }
  .page-blog .blog-new-list a .icon-arrow-circle .icon-arrow {
    transition: 0.3s;
  }
  .page-blog .blog-new-list a:hover .thumb img {
    transform: scale(1.05);
  }
  .page-blog .blog-new-list a:hover .title {
    color: #5fbce7;
  }
  .page-blog .blog-new-list a:hover .icon-arrow-circle {
    background: #5fbce7;
  }
  .page-blog .blog-new-list a:hover .icon-arrow-circle .icon-arrow {
    fill: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .page-blog .blog-new-list .slider .slider-contents {
    width: 94.66666666666667vw;
  }
  .page-blog .blog-new-list .slider .slider-item-list {
    margin-bottom: 12.533333333333333vw;
  }
  .page-blog .blog-new-list .slider .slider-item {
    width: 80vw;
    margin-right: 5.333333333333334vw;
  }
  .page-blog .blog-new-list .slider a {
    padding-bottom: 0;
  }
  .page-blog .blog-new-list .slider .thumb {
    margin-bottom: 4.533333333333333vw;
    border-radius: 1.333333333333333vw;
  }
  .page-blog .blog-new-list .slider .category {
    height: 5.333333333333334vw;
    padding: 0.266666666666667vw 0.8vw 0 2.4vw;
    font-size: 2.666666666666667vw;
    letter-spacing: -0.08em;
    border-radius: 2.666666666666667vw;
  }
  .page-blog .blog-new-list .slider .category span {
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
  }
  .page-blog .blog-new-list .slider .date {
    margin-left: 2.133333333333333vw;
    margin-top: 1.6vw;
    font-size: 2.666666666666667vw;
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
  }
  .page-blog .blog-new-list .slider .title {
    margin-top: 1.333333333333333vw;
    font-size: 4vw;
    line-height: 1.533333333333333;
  }
}
.page-blog .page-contents,
.page-blog-article .page-contents {
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (max-width: 767px) {
  .page-blog .page-contents,
  .page-blog-article .page-contents {
    padding-left: 5.333333333333334vw;
    padding-right: 5.333333333333334vw;
  }
}
.page-blog .blog-contents-wrapper,
.page-blog-article .blog-contents-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 96px;
}
@media only screen and (max-width: 1159px) {
  .page-blog .blog-contents-wrapper,
  .page-blog-article .blog-contents-wrapper {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .page-blog .blog-contents-wrapper,
  .page-blog-article .blog-contents-wrapper {
    margin-top: 16vw;
  }
}
.page-blog .blog-main-contents,
.page-blog-article .blog-main-contents {
  width: 760px;
}
@media only screen and (max-width: 1159px) {
  .page-blog .blog-main-contents,
  .page-blog-article .blog-main-contents {
    width: 100%;
  }
}
.page-blog .blog-side-contents,
.page-blog-article .blog-side-contents {
  width: 300px;
}
@media only screen and (max-width: 1159px) {
  .page-blog .blog-side-contents,
  .page-blog-article .blog-side-contents {
    width: 100%;
  }
}
.page-blog .blog-main .blog-main-heading,
.page-blog-article .blog-main .blog-main-heading {
  margin-bottom: 42px;
  font-size: 3.2rem;
  line-height: 1;
}
@media only screen and (max-width: 1159px) {
  .page-blog .blog-main .blog-main-heading,
  .page-blog-article .blog-main .blog-main-heading {
    margin-top: 78px;
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .page-blog .blog-main .blog-main-heading,
  .page-blog-article .blog-main .blog-main-heading {
    margin-top: 10.4vw;
    margin-bottom: 8vw;
    font-size: 5.333333333333334vw;
  }
}
@media only screen and (max-width: 1159px) {
  .page-blog .blog-category,
  .page-blog-article .blog-category {
    display: none;
  }
}
.page-blog .category-list-select,
.page-blog-article .category-list-select {
  position: relative;
  width: 100%;
  height: 16vw;
}
.page-blog .category-list-select select,
.page-blog-article .category-list-select select {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 2.133333333333333vw;
  color: #fff;
  font-size: 3.466666666666666vw;
  text-align: center;
  font-weight: bold;
  background: #5fbce7;
  box-sizing: border-box;
  -moz-text-align-last: center;
       text-align-last: center;
}
.page-blog .category-list-select select option,
.page-blog-article .category-list-select select option {
  position: absolute;
  top: 0;
  left: 0;
}
.page-blog .category-list-select .icon-arrow,
.page-blog-article .category-list-select .icon-arrow {
  position: absolute;
  top: 50%;
  right: 7.199999999999999vw;
  fill: #fff;
  width: 1.6vw;
  height: 2.666666666666667vw;
  margin-top: -1.333333333333333vw;
  transform: rotate(90deg);
}
@media only screen and (max-width: 1159px) and (min-width: 768px) {
  .page-blog .category-list-select,
  .page-blog-article .category-list-select {
    display: block;
    height: 90px;
  }
  .page-blog .category-list-select select,
  .page-blog-article .category-list-select select {
    border-radius: 10px;
    font-size: 2.6rem;
  }
  .page-blog .category-list-select .icon-arrow,
  .page-blog-article .category-list-select .icon-arrow {
    right: 44px;
    width: 8px;
    height: 12px;
    margin-top: -6px;
  }
}
.page-blog .blog-list,
.page-blog-article .blog-list {
  border-top: 1px solid #bbb;
}
.page-blog .blog-list a,
.page-blog-article .blog-list a {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 40px 90px 41px 0;
  text-align: justify;
  box-sizing: border-box;
  border-bottom: 1px solid #bbb;
}
.page-blog .blog-list .thumb,
.page-blog-article .blog-list .thumb {
  position: relative;
  width: 300px;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}
.page-blog .blog-list .text-container,
.page-blog-article .blog-list .text-container {
  display: flex;
  flex-direction: column;
  width: calc(100% - (300px + 50px));
  padding-top: 10px;
  box-sizing: border-box;
}
.page-blog .blog-list .info,
.page-blog-article .blog-list .info {
  display: flex;
}
.page-blog .blog-list .category,
.page-blog-article .blog-list .category {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 12px 0 12px;
  font-size: 1.2rem;
  line-height: 1;
  background: #dbddde;
  border-radius: 12px;
  vertical-align: top;
  box-sizing: border-box;
}
.page-blog .blog-list .date,
.page-blog-article .blog-list .date {
  display: inline-block;
  margin-left: 12px;
  margin-top: 7px;
  color: #666;
  vertical-align: top;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.02em;
}
.page-blog .blog-list .title,
.page-blog-article .blog-list .title {
  width: 100%;
  margin-top: 14px;
  margin-bottom: 25px;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.02em;
}
.page-blog .blog-list .tags,
.page-blog-article .blog-list .tags {
  margin-top: auto;
  margin-bottom: 0;
  margin-bottom: -6px;
  color: #00bfff;
  font-size: 1.2rem;
  line-height: 1.833333333333333;
}
.page-blog .blog-list .tags span,
.page-blog-article .blog-list .tags span {
  margin-right: 8px;
}
.page-blog .blog-list .icon-arrow-circle,
.page-blog-article .blog-list .icon-arrow-circle {
  position: absolute;
  top: 50%;
  right: 0;
  width: 56px;
  height: 56px;
  margin-top: -28px;
  background: #fff;
}
.page-blog .blog-list .icon-arrow-circle .icon-arrow,
.page-blog-article .blog-list .icon-arrow-circle .icon-arrow {
  width: 8px;
  height: 12px;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-blog .blog-list a .thumb img,
  .page-blog-article .blog-list a .thumb img {
    transition: 0.4s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .page-blog .blog-list a .title,
  .page-blog-article .blog-list a .title {
    transition: 0.3s;
  }
  .page-blog .blog-list a .icon-arrow-circle,
  .page-blog-article .blog-list a .icon-arrow-circle {
    transition: 0.3s;
  }
  .page-blog .blog-list a .icon-arrow-circle .icon-arrow,
  .page-blog-article .blog-list a .icon-arrow-circle .icon-arrow {
    transition: 0.3s;
  }
  .page-blog .blog-list a:hover .thumb img,
  .page-blog-article .blog-list a:hover .thumb img {
    transform: scale(1.05);
  }
  .page-blog .blog-list a:hover .title,
  .page-blog-article .blog-list a:hover .title {
    color: #5fbce7;
  }
  .page-blog .blog-list a:hover .icon-arrow-circle,
  .page-blog-article .blog-list a:hover .icon-arrow-circle {
    background: #5fbce7;
  }
  .page-blog .blog-list a:hover .icon-arrow-circle .icon-arrow,
  .page-blog-article .blog-list a:hover .icon-arrow-circle .icon-arrow {
    fill: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .page-blog .blog-list,
  .page-blog-article .blog-list {
    border-width: 0.266666666666667vw;
  }
  .page-blog .blog-list a,
  .page-blog-article .blog-list a {
    padding: 6.666666666666667vw 0 3.466666666666666vw 0;
    border-width: 0.266666666666667vw;
  }
  .page-blog .blog-list .thumb,
  .page-blog-article .blog-list .thumb {
    width: 26.666666666666668vw;
    border-radius: 1.333333333333333vw;
  }
  .page-blog .blog-list .text-container,
  .page-blog-article .blog-list .text-container {
    width: 58.666666666666664vw;
    padding-top: 0;
    margin-left: 4vw;
  }
  .page-blog .blog-list .category,
  .page-blog-article .blog-list .category {
    height: 5.333333333333334vw;
    padding: 0.266666666666667vw 0.8vw 0 2.4vw;
    font-size: 2.666666666666667vw;
    letter-spacing: -0.08em;
    border-radius: 2.666666666666667vw;
  }
  .page-blog .blog-list .category span,
  .page-blog-article .blog-list .category span {
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
  }
  .page-blog .blog-list .date,
  .page-blog-article .blog-list .date {
    margin-left: 1.866666666666667vw;
    margin-top: 1.466666666666667vw;
    font-size: 2.666666666666667vw;
  }
  .page-blog .blog-list .date span,
  .page-blog-article .blog-list .date span {
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
  }
  .page-blog .blog-list .title,
  .page-blog-article .blog-list .title {
    margin-top: 2.666666666666667vw;
    margin-bottom: 3.333333333333333vw;
    font-size: 3.733333333333334vw;
    line-height: 1.642857142857143;
    letter-spacing: 0.02em;
  }
  .page-blog .blog-list .tags,
  .page-blog-article .blog-list .tags {
    margin-top: -0.533333333333333vw;
    margin-bottom: 1.333333333333333vw;
    font-size: 2.666666666666667vw;
    line-height: 2.3;
  }
  .page-blog .blog-list .tags span,
  .page-blog-article .blog-list .tags span {
    margin-right: 1.066666666666667vw;
  }
  .page-blog .blog-list .icon-arrow-circle,
  .page-blog-article .blog-list .icon-arrow-circle {
    position: static;
    display: inline-block;
    width: 1.6vw;
    height: 2.666666666666667vw;
    margin-top: 1.866666666666667vw;
    margin-left: 0.8vw;
    background: none;
    vertical-align: top;
  }
  .page-blog .blog-list .icon-arrow-circle .icon-arrow,
  .page-blog-article .blog-list .icon-arrow-circle .icon-arrow {
    position: static;
    width: 100%;
    height: 100%;
  }
}
.page-blog .category-list,
.page-blog-article .category-list {
  margin-top: 4px;
}
.page-blog .category-list li:not(:first-child),
.page-blog-article .category-list li:not(:first-child) {
  margin-top: 10px;
}
.page-blog .category-list li a,
.page-blog-article .category-list li a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 54px;
  padding-left: 25px;
  border-radius: 11px;
  background: #fff;
  box-sizing: border-box;
}
.page-blog .category-list li .btn-text,
.page-blog-article .category-list li .btn-text {
  font-size: 1.3rem;
  line-height: 1;
}
.page-blog .category-list li .icon-arrow,
.page-blog-article .category-list li .icon-arrow {
  position: absolute;
  top: 50%;
  right: 25px;
  width: 8px;
  height: 12px;
  margin-top: -6px;
}
.page-blog .category-list li.is-selected a,
.page-blog-article .category-list li.is-selected a {
  background: #5fbce7;
}
.page-blog .category-list li.is-selected .btn-text,
.page-blog-article .category-list li.is-selected .btn-text {
  color: #fff;
}
.page-blog .category-list li.is-selected .icon-arrow,
.page-blog-article .category-list li.is-selected .icon-arrow {
  fill: #fff;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-blog .category-list a,
  .page-blog-article .category-list a {
    transition: 0.3s;
  }
  .page-blog .category-list a .btn-text,
  .page-blog-article .category-list a .btn-text {
    transition: 0.3s;
  }
  .page-blog .category-list a .icon-arrow,
  .page-blog-article .category-list a .icon-arrow {
    transition: 0.3s;
  }
  .page-blog .category-list a:hover,
  .page-blog-article .category-list a:hover {
    background: #5fbce7;
  }
  .page-blog .category-list a:hover .btn-text,
  .page-blog-article .category-list a:hover .btn-text {
    color: #fff;
  }
  .page-blog .category-list a:hover .icon-arrow,
  .page-blog-article .category-list a:hover .icon-arrow {
    fill: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .page-blog .category-list,
  .page-blog-article .category-list {
    margin-top: 0.533333333333333vw;
  }
  .page-blog .category-list li:not(:first-child),
  .page-blog-article .category-list li:not(:first-child) {
    margin-top: 1.333333333333333vw;
  }
  .page-blog .category-list li a,
  .page-blog-article .category-list li a {
    height: 7.199999999999999vw;
    padding-left: 3.333333333333333vw;
    border-radius: 1.466666666666667vw;
  }
  .page-blog .category-list li .btn-text,
  .page-blog-article .category-list li .btn-text {
    font-size: 1.733333333333333vw;
    line-height: 1;
  }
  .page-blog .category-list li .icon-arrow,
  .page-blog-article .category-list li .icon-arrow {
    right: 3.333333333333333vw;
    width: 1.066666666666667vw;
    height: 1.6vw;
    margin-top: -0.8vw;
  }
}
.page-blog .blog-side-contents-heading,
.page-blog-article .blog-side-contents-heading {
  padding-left: 2px;
  padding-bottom: 26px;
  font-size: 1.6rem;
  line-height: 1;
  border-bottom: 1px solid #bbb;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .page-blog .blog-side-contents-heading,
  .page-blog-article .blog-side-contents-heading {
    padding-left: 0;
    padding-bottom: 5.066666666666666vw;
    font-size: 4vw;
    line-height: 1.733333333333333;
    border-width: 0.266666666666667vw;
  }
}
.page-blog .blog-tags,
.page-blog-article .blog-tags {
  display: flex;
  flex-direction: column;
  margin-top: 60px;
}
.page-blog .blog-tags .tag-list,
.page-blog-article .blog-tags .tag-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 25px;
  margin-right: -8px;
  height: 200px;
  overflow: hidden;
}
.page-blog .blog-tags .tag-list li,
.page-blog-article .blog-tags .tag-list li {
  margin-right: 8px;
  margin-bottom: 8px;
  height: 34px;
  font-size: 1.2rem;
}
.page-blog .blog-tags .tag-list li a,
.page-blog-article .blog-tags .tag-list li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 15px 0 15px;
  border-radius: 17px;
  background: #fff;
  box-sizing: border-box;
  white-space: nowrap;
}
.page-blog .blog-tags .btn-viewalltags,
.page-blog-article .blog-tags .btn-viewalltags {
  margin-left: auto;
  margin-right: 2px;
  margin-top: 10px;
}
.page-blog .blog-tags .btn-viewalltags button,
.page-blog-article .blog-tags .btn-viewalltags button,
.page-blog .blog-tags .btn-viewalltags a,
.page-blog-article .blog-tags .btn-viewalltags a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.page-blog .blog-tags .btn-viewalltags .btn-text,
.page-blog-article .blog-tags .btn-viewalltags .btn-text {
  font-size: 1.2rem;
}
.page-blog .blog-tags .btn-viewalltags .icon-arrow,
.page-blog-article .blog-tags .btn-viewalltags .icon-arrow {
  width: 8px;
  height: 12px;
  margin-left: 12px;
  transform: rotate(90deg);
}
@media only screen and (max-width: 1159px) {
  .page-blog .blog-tags,
  .page-blog-article .blog-tags {
    margin-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-blog .blog-tags .tag-list li a,
  .page-blog-article .blog-tags .tag-list li a {
    transition: 0.3s;
  }
  .page-blog .blog-tags .tag-list li a:hover,
  .page-blog-article .blog-tags .tag-list li a:hover {
    color: #fff;
    background: #5fbce7;
  }
  .page-blog .blog-tags .btn-viewalltags button .btn-text,
  .page-blog-article .blog-tags .btn-viewalltags button .btn-text,
  .page-blog .blog-tags .btn-viewalltags a .btn-text,
  .page-blog-article .blog-tags .btn-viewalltags a .btn-text,
  .page-blog .blog-tags .btn-viewalltags button .icon-arrow,
  .page-blog-article .blog-tags .btn-viewalltags button .icon-arrow,
  .page-blog .blog-tags .btn-viewalltags a .icon-arrow,
  .page-blog-article .blog-tags .btn-viewalltags a .icon-arrow {
    transition: 0.3s;
  }
  .page-blog .blog-tags .btn-viewalltags button:hover .btn-text,
  .page-blog-article .blog-tags .btn-viewalltags button:hover .btn-text,
  .page-blog .blog-tags .btn-viewalltags a:hover .btn-text,
  .page-blog-article .blog-tags .btn-viewalltags a:hover .btn-text {
    color: #5fbce7;
  }
  .page-blog .blog-tags .btn-viewalltags button:hover .icon-arrow,
  .page-blog-article .blog-tags .btn-viewalltags button:hover .icon-arrow,
  .page-blog .blog-tags .btn-viewalltags a:hover .icon-arrow,
  .page-blog-article .blog-tags .btn-viewalltags a:hover .icon-arrow {
    fill: #5fbce7;
  }
}
@media only screen and (max-width: 767px) {
  .page-blog .blog-tags,
  .page-blog-article .blog-tags {
    margin-top: 27.46666666666667vw;
  }
  .page-blog .blog-tags .tag-list,
  .page-blog-article .blog-tags .tag-list {
    margin-top: 6.666666666666667vw;
    margin-right: -1.333333333333333vw;
  }
  .page-blog .blog-tags .tag-list li,
  .page-blog-article .blog-tags .tag-list li {
    margin-right: 1.333333333333333vw;
    margin-bottom: 2.666666666666667vw;
    height: 8vw;
    font-size: 2.933333333333333vw;
    letter-spacing: -0.01em;
  }
  .page-blog .blog-tags .tag-list li a,
  .page-blog-article .blog-tags .tag-list li a {
    padding: 0 2.533333333333333vw 0.266666666666667vw 2.533333333333333vw;
    border-radius: 4vw;
  }
  .page-blog .blog-tags .btn-viewalltags,
  .page-blog-article .blog-tags .btn-viewalltags {
    margin-right: 0.533333333333333vw;
    margin-top: 4vw;
  }
  .page-blog .blog-tags .btn-viewalltags .btn-text,
  .page-blog-article .blog-tags .btn-viewalltags .btn-text {
    font-size: 2.933333333333333vw;
  }
  .page-blog .blog-tags .btn-viewalltags .icon-arrow,
  .page-blog-article .blog-tags .btn-viewalltags .icon-arrow {
    width: 1.6vw;
    height: 2.666666666666667vw;
    margin-left: 3.2vw;
  }
}
.page-blog .blog-recommended,
.page-blog-article .blog-recommended {
  margin-top: 42px;
}
@media only screen and (max-width: 767px) {
  .page-blog .blog-recommended,
  .page-blog-article .blog-recommended {
    margin-top: 10.133333333333333vw;
  }
}
.page-blog .blog-popular,
.page-blog-article .blog-popular {
  margin-top: 57px;
}
@media only screen and (max-width: 767px) {
  .page-blog .blog-popular,
  .page-blog-article .blog-popular {
    margin-top: 13.866666666666665vw;
  }
}
.page-blog .article-list,
.page-blog-article .article-list {
  margin-top: 30px;
}
.page-blog .article-list li:not(:first-child),
.page-blog-article .article-list li:not(:first-child) {
  margin-top: 34px;
}
.page-blog .article-list a,
.page-blog-article .article-list a {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  text-align: justify;
}
.page-blog .article-list .thumb,
.page-blog-article .article-list .thumb {
  width: 100px;
  border-radius: 6px;
  overflow: hidden;
}
.page-blog .article-list .text-container,
.page-blog-article .article-list .text-container {
  display: flex;
  flex-direction: column;
  width: calc(100% - 120px);
}
.page-blog .article-list .category,
.page-blog-article .article-list .category {
  color: #8d8d8d;
  font-size: 1rem;
  line-height: 1;
}
.page-blog .article-list .title,
.page-blog-article .article-list .title {
  margin-top: 6px;
  font-size: 1.3rem;
  line-height: 1.538461538461539;
  letter-spacing: 0.02em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-blog .article-list a .title,
  .page-blog-article .article-list a .title {
    transition: 0.3s;
  }
  .page-blog .article-list a:hover .title,
  .page-blog-article .article-list a:hover .title {
    color: #5fbce7;
  }
}
@media only screen and (max-width: 767px) {
  .page-blog .article-list,
  .page-blog-article .article-list {
    margin-top: 6.666666666666667vw;
  }
  .page-blog .article-list li:not(:first-child),
  .page-blog-article .article-list li:not(:first-child) {
    margin-top: 7.466666666666668vw;
  }
  .page-blog .article-list .thumb,
  .page-blog-article .article-list .thumb {
    width: 19.733333333333334vw;
    border-radius: 1.333333333333333vw;
  }
  .page-blog .article-list .text-container,
  .page-blog-article .article-list .text-container {
    width: 65.33333333333333vw;
  }
  .page-blog .article-list .category,
  .page-blog-article .article-list .category {
    font-size: 2.666666666666667vw;
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
  }
  .page-blog .article-list .title,
  .page-blog-article .article-list .title {
    margin-top: 1.6vw;
    font-size: 3.2vw;
    line-height: 1.5;
    -webkit-line-clamp: 2;
  }
}
.page-blog-article .page-contents-inner {
  padding-left: 0;
  padding-right: 0;
}
.page-blog-article .breadcrumb {
  margin-top: 45px;
  margin-right: 0;
}
.page-blog-article .blog-contents-wrapper {
  margin-top: 51px;
  border-top: 1px solid #bbb;
}
.page-blog-article .category-list {
  margin-top: 80px;
}
.page-blog-article .blog-main-contents {
  padding-top: 80px;
}
.page-blog-article .article-contents {
  padding: 0;
  margin-top: 0;
  border-bottom: none;
}
@media only screen and (max-width: 767px) {
  .page-blog-article .page-contents-inner {
    padding-bottom: 24vw;
  }
  .page-blog-article .breadcrumb {
    margin-top: 6vw;
  }
  .page-blog-article .blog-contents-wrapper {
    margin-top: 0;
    border-top: none;
  }
  .page-blog-article .category-list {
    margin-top: 10.666666666666668vw;
  }
  .page-blog-article .blog-main-contents {
    padding-top: 9.333333333333334vw;
  }
}
.page-blog-article .article-tags {
  margin-top: 72px;
  padding: 38px 20px 18px 30px;
  background: #e8e8e8;
  border-radius: 10px;
}
.page-blog-article .article-tags ul {
  display: flex;
  flex-wrap: wrap;
}
.page-blog-article .article-tags li {
  height: 44px;
  margin-right: 10px;
  margin-bottom: 20px;
}
.page-blog-article .article-tags li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 14px;
  font-size: 1.4rem;
  line-height: 1;
  border-radius: 22px;
  background: #fff;
  white-space: nowrap;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-blog-article .article-tags li a {
    transition: 0.3s;
  }
  .page-blog-article .article-tags li a:hover {
    color: #fff;
    background: #5fbce7;
  }
}
@media only screen and (max-width: 767px) {
  .page-blog-article .article-tags {
    margin-top: 14.399999999999999vw;
    padding: 6.666666666666667vw 2.4vw 4vw 4vw;
    border-radius: 1.333333333333333vw;
  }
  .page-blog-article .article-tags li {
    height: 8vw;
    margin-right: 1.6vw;
    margin-bottom: 2.666666666666667vw;
  }
  .page-blog-article .article-tags li a {
    padding: 0 2.4vw 0.266666666666667vw;
    font-size: 2.933333333333333vw;
    border-radius: 4vw;
  }
}
.page-blog-article .share-links {
  display: flex;
  justify-content: flex-end;
  margin-top: 80px;
  padding-top: 40px;
  box-sizing: border-box;
  border-top: 1px solid #bbb;
}
.page-blog-article .share-links .share-links-heading {
  margin-top: 8px;
  margin-right: 20px;
  font-size: 1.5rem;
  line-height: 1;
}
.page-blog-article .share-links .share-links-heading span {
  display: inline-block;
  margin-left: 7px;
}
.page-blog-article .share-links ul {
  display: flex;
  align-items: center;
}
.page-blog-article .share-links ul span {
  display: block;
  line-height: 1;
}
.page-blog-article .share-links .icon-twitter {
  width: 29px;
  height: 23px;
  margin-top: 4px;
  fill: #01acee;
}
.page-blog-article .share-links .icon-facebook {
  width: 30px;
  height: 30px;
  fill: #1877f2;
}
.page-blog-article .share-links .icon-copy {
  width: 15px;
  height: 15px;
}
.page-blog-article .share-links .btn-facebook {
  margin-left: 23px;
}
.page-blog-article .share-links .btn-copy {
  width: 130px;
  height: 34px;
  margin-left: 23px;
}
.page-blog-article .share-links .btn-copy a,
.page-blog-article .share-links .btn-copy button {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-right: 4px;
  background: #fff;
  border-radius: 17px;
}
.page-blog-article .share-links .btn-copy .btn-text {
  margin-left: 5px;
  font-size: 1.2rem;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-blog-article .share-links .btn-tw a,
  .page-blog-article .share-links .btn-facebook a {
    transition: 0.3s;
  }
  .page-blog-article .share-links .btn-tw a:hover,
  .page-blog-article .share-links .btn-facebook a:hover {
    opacity: 0.8;
  }
  .page-blog-article .share-links .btn-copy a,
  .page-blog-article .share-links .btn-copy button {
    transition: 0.3s;
  }
  .page-blog-article .share-links .btn-copy a .icon-copy,
  .page-blog-article .share-links .btn-copy button .icon-copy {
    transition: 0.3s;
  }
  .page-blog-article .share-links .btn-copy a:hover,
  .page-blog-article .share-links .btn-copy button:hover {
    color: #fff;
    background: #5fbce7;
  }
  .page-blog-article .share-links .btn-copy a:hover .icon-copy,
  .page-blog-article .share-links .btn-copy button:hover .icon-copy {
    fill: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .page-blog-article .share-links {
    margin-top: 16vw;
    padding-top: 6.666666666666667vw;
    border-width: 0.266666666666667vw;
  }
  .page-blog-article .share-links .share-links-heading {
    margin-top: 1.866666666666667vw;
    margin-right: 5.066666666666666vw;
    font-size: 2.933333333333333vw;
  }
  .page-blog-article .share-links .share-links-heading span {
    margin-left: 1.333333333333333vw;
  }
  .page-blog-article .share-links .icon-twitter {
    width: 5.866666666666666vw;
    height: 4.8vw;
    margin-top: 0.533333333333333vw;
  }
  .page-blog-article .share-links .icon-facebook {
    width: 5.866666666666666vw;
    height: 5.866666666666666vw;
  }
  .page-blog-article .share-links .icon-copy {
    width: 3.066666666666666vw;
    height: 3.066666666666666vw;
  }
  .page-blog-article .share-links .btn-facebook {
    margin-left: 4.533333333333333vw;
  }
  .page-blog-article .share-links .btn-copy {
    width: 25.866666666666667vw;
    height: 7.199999999999999vw;
    margin-left: 4.666666666666667vw;
  }
  .page-blog-article .share-links .btn-copy a,
  .page-blog-article .share-links .btn-copy button {
    padding-left: 0.266666666666667vw;
    padding-right: 0;
    border-radius: 3.6vw;
  }
  .page-blog-article .share-links .btn-copy .btn-text {
    margin-right: -1.066666666666667vw;
    margin-left: 1.066666666666667vw;
    font-size: 2.666666666666667vw;
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
  }
}
.page-blog-article .blog-related {
  margin-top: 127px;
}
.page-blog-article .blog-related .blog-related-heading {
  margin-bottom: 40px;
  font-size: 3.2rem;
  line-height: 1;
}
.page-blog-article .blog-related .blog-list .icon-arrow-circle {
  width: 50px;
  height: 50px;
  margin-top: -20px;
}
.page-blog-article .blog-related .blog-list .icon-arrow-circle .icon-arrow {
  left: 2px;
}
@media only screen and (max-width: 767px) {
  .page-blog-article .blog-related {
    margin-top: 15.733333333333333vw;
  }
  .page-blog-article .blog-related .blog-related-heading {
    margin-bottom: 8vw;
    font-size: 5.333333333333334vw;
  }
  .page-blog-article .blog-related .blog-list .icon-arrow-circle {
    position: static;
    display: inline-block;
    width: 1.6vw;
    height: 2.666666666666667vw;
    margin-top: 1.866666666666667vw;
    margin-left: 1.333333333333333vw;
    background: none;
    vertical-align: top;
  }
  .page-blog-article .blog-related .blog-list .icon-arrow-circle .icon-arrow {
    position: static;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-blog-article .btn-backtoindex {
    margin-top: 19.2vw;
  }
}
.page-news .page-contents {
  background: #f5f5f5;
}
.page-news .page-contents .bg-item-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 240px;
  height: 80px;
}
.page-news .page-contents .bg-item-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 160px;
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .page-news .page-contents .bg-item-1 {
    width: 32vw;
    height: 10.666666666666668vw;
  }
  .page-news .page-contents .bg-item-2 {
    width: 21.333333333333336vw;
    height: 10.666666666666668vw;
  }
}
.page-news .page-contents-inner {
  padding-top: 91px;
  padding-bottom: 200px;
}
@media only screen and (max-width: 767px) {
  .page-news .page-contents-inner {
    padding: 13.333333333333334vw 5.333333333333334vw 24vw;
  }
}
.page-news .category-list {
  display: flex;
  position: absolute;
  top: 100px;
  right: 80px;
}
.page-news .category-list li {
  margin-left: 12px;
}
.page-news .category-list a,
.page-news .category-list span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  font-size: 1.2rem;
  line-height: 1;
  padding: 0 14px;
  border-radius: 18px;
  background: #fff;
}
.page-news .category-list span {
  color: #fff;
  background: #5fbce7;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-news .category-list a {
    transition: 0.3s;
  }
  .page-news .category-list a:hover {
    color: #fff;
    background: #5fbce7;
  }
}
@media only screen and (max-width: 767px) {
  .page-news .category-list {
    position: static;
  }
  .page-news .category-list li {
    margin-left: 0;
    margin-right: 2.133333333333333vw;
  }
  .page-news .category-list a,
  .page-news .category-list span {
    min-width: 15.733333333333333vw;
    height: 9.333333333333334vw;
    font-size: 2.666666666666667vw;
    padding: 0 3.733333333333334vw;
    border-radius: 4.666666666666667vw;
    box-sizing: border-box;
    white-space: nowrap;
  }
}
.page-news .news-heading {
  padding-right: 440px;
  font-size: 3.2rem;
  line-height: 1.5;
  text-align: justify;
}
@media only screen and (max-width: 767px) {
  .page-news .news-heading {
    padding-right: 0;
    margin-top: 10.133333333333333vw;
    font-size: 5.333333333333334vw;
    line-height: 1.45;
  }
}
.page-news .news-list {
  margin-top: 36px;
  border-top: 1px solid #bbb;
}
.page-news .news-list a {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 40px 90px 40px 0;
  text-align: justify;
  box-sizing: border-box;
  border-bottom: 1px solid #bbb;
}
.page-news .news-list .thumb {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
  width: 320px;
}
.page-news .news-list .text-container {
  width: 540px;
  padding-top: 10px;
  margin-left: 20px;
  box-sizing: border-box;
}
.page-news .news-list .category {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 12px 1px 12px;
  font-size: 1.2rem;
  line-height: 1;
  background: #dbddde;
  border-radius: 12px;
  vertical-align: top;
  box-sizing: border-box;
}
.page-news .news-list .date {
  display: inline-block;
  margin-left: 10px;
  margin-top: 6px;
  vertical-align: top;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.02em;
}
.page-news .news-list .title {
  width: 100%;
  margin-top: 14px;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.02em;
  font-feature-settings: "palt";
}
.page-news .news-list .icon-arrow-circle {
  position: absolute;
  top: 50%;
  right: 0;
  width: 56px;
  height: 56px;
  margin-top: -28px;
  background: #fff;
}
.page-news .news-list .icon-arrow-circle .icon-arrow {
  width: 8px;
  height: 12px;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-news .news-list a .thumb img {
    transition: 0.4s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .page-news .news-list a .title {
    transition: 0.3s;
  }
  .page-news .news-list a .icon-arrow-circle {
    transition: 0.3s;
  }
  .page-news .news-list a .icon-arrow-circle .icon-arrow {
    transition: 0.3s;
  }
  .page-news .news-list a:hover .thumb img {
    transform: scale(1.05);
  }
  .page-news .news-list a:hover .title {
    color: #5fbce7;
  }
  .page-news .news-list a:hover .icon-arrow-circle {
    background: #5fbce7;
  }
  .page-news .news-list a:hover .icon-arrow-circle .icon-arrow {
    fill: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .page-news .news-list {
    margin-top: 7.733333333333333vw;
    border-width: 0.266666666666667vw;
  }
  .page-news .news-list a {
    padding: 6.666666666666667vw 2.666666666666667vw 6.933333333333333vw 0;
    border-width: 0.266666666666667vw;
  }
  .page-news .news-list .thumb {
    width: 26.666666666666668vw;
    border-radius: 1.333333333333333vw;
  }
  .page-news .news-list .text-container {
    width: 56.00000000000001vw;
    padding-top: 0;
    margin-left: 0;
  }
  .page-news .news-list .category {
    height: 5.333333333333334vw;
    padding: 0.533333333333333vw 0 0 2.133333333333333vw;
    font-size: 2.666666666666667vw;
    letter-spacing: -0.08em;
    border-radius: 2.666666666666667vw;
  }
  .page-news .news-list .category span {
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
  }
  .page-news .news-list .date {
    margin-left: 1.333333333333333vw;
    margin-top: 1.6vw;
    font-size: 2.666666666666667vw;
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
  }
  .page-news .news-list .title {
    width: 100%;
    margin-top: 1.066666666666667vw;
    font-size: 3.733333333333334vw;
    line-height: 1.642857142857143;
    letter-spacing: 0.02em;
  }
  .page-news .news-list .icon-arrow-circle {
    position: static;
    display: inline-block;
    width: 1.6vw;
    height: 2.666666666666667vw;
    margin-top: 2.133333333333333vw;
    margin-left: 2.133333333333333vw;
    background: none;
    vertical-align: top;
  }
  .page-news .news-list .icon-arrow-circle .icon-arrow {
    position: static;
    width: 100%;
    height: 100%;
  }
}
.page-news .btn-backtotop {
  margin: 150px auto 0;
}
@media only screen and (max-width: 767px) {
  .page-news .btn-backtotop {
    margin-top: 18.666666666666668vw;
  }
}
.page-base .page-heading-container .page-heading .text-main {
  margin-left: -4px;
}
.page-base .page-heading-container .page-heading .text-sub {
  margin-top: 14px;
  margin-bottom: -15px;
  font-size: 2.2rem;
  line-height: 1.909090909090909;
}
.page-base .page-heading-container .page-heading .text-en {
  margin-top: 30px;
  font-size: 1.4rem;
}
.page-base .page-heading-container.no-kv {
  background: #e8e8e8;
}
.page-base .page-heading-container.no-kv .bg-item-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 260px;
  height: 145px;
  background: url("assets/img/page-base/pc/heading-bg-1.png?hash=269bcb0d007470be7dfb00202292227e") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-base .page-heading-container.no-kv .bg-item-1 {
    background: url("assets/img/page-base/pc/heading-bg-1@2x.png?hash=d484b578b373e73d3ffd23a8bc5eb079") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-base .page-heading-container.no-kv .bg-item-1 {
    background: url("assets/img/page-base/heading-bg-1.png?hash=f777de4b448ad5ba289a7c1d0d7e8a66") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-base .page-heading-container.no-kv .bg-item-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 350px;
  height: 250px;
  background: none;
}
@media only screen and (max-width: 767px) {
  .page-base .page-heading-container.no-kv .bg-item-2 {
    width: 46.666666666666664vw;
    height: 33.33333333333333vw;
  }
}
.page-base .page-heading-container.no-kv .page-heading {
  color: #000;
}
.page-base .page-heading-container.no-kv .decoration-text {
  opacity: 1;
}
.page-base .page-heading-container.no-kv .breadcrumb {
  color: #000;
}
.page-base .page-heading-container.no-kv .breadcrumb a {
  color: #000;
}
.page-base .page-heading-container.no-kv .breadcrumb .icon-arrow {
  fill: #000;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-base .page-heading-container.no-kv .breadcrumb a:hover {
    border-color: #000;
  }
}
@media only screen and (max-width: 767px) {
  .page-base .page-heading-container .bg-item-1 {
    width: 14.666666666666666vw;
    height: 19.333333333333332vw;
  }
  .page-base .page-heading-container .bg-item-2 {
    width: 46.666666666666664vw;
    height: 33.33333333333333vw;
  }
  .page-base .page-heading-container .page-heading .text-main {
    margin-left: -0.533333333333333vw;
  }
  .page-base .page-heading-container .page-heading .text-sub {
    margin-top: 1.333333333333333vw;
    margin-bottom: -2.266666666666667vw;
    font-size: 3.733333333333334vw;
    line-height: 1.714285714285714;
  }
  .page-base .page-heading-container .page-heading .text-en {
    margin-top: 4vw;
    font-size: 2.666666666666667vw;
  }
  .page-base .page-heading-container .decoration-text {
    bottom: -4vw;
    left: -1.333333333333333vw;
  }
}
.page-base .page-contents {
  background: #f5f5f5;
}
.page-base .bg-item-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 240px;
  height: 80px;
}
.page-base .bg-item-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 160px;
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .page-base .bg-item-1 {
    width: 32vw;
    height: 10.666666666666668vw;
  }
  .page-base .bg-item-2 {
    width: 21.333333333333336vw;
    height: 10.666666666666668vw;
  }
}
.page-base .page-contents-inner {
  padding-bottom: 200px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-contents-inner {
    padding-left: 5.333333333333334vw;
    padding-right: 5.333333333333334vw;
    padding-bottom: 24vw;
  }
}
.page-base .page-base-contents a {
  color: #00bfff;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-base .page-base-contents a {
    transition: 0.3s;
    border-bottom: 1px solid transparent;
  }
  .page-base .page-base-contents a:hover {
    border-color: #00bfff;
  }
}
.page-base .page-base-contents p:not(:last-child) {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents p:not(:last-child) {
    margin-bottom: 4vw;
  }
}
.page-base .page-base-contents .bold {
  font-weight: bold;
}
.page-base .page-base-contents .text-center {
  text-align: center;
}
.page-base .page-base-contents .mt-0 {
  margin-top: 0;
}
.page-base .page-base-contents p.mt-0 {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-0 {
    margin-top: 0vw;
  }
  .page-base .page-base-contents p.mt-0 {
    margin-top: 0vw;
  }
}
.page-base .page-base-contents .mt-10 {
  margin-top: 10px;
}
.page-base .page-base-contents p.mt-10 {
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-10 {
    margin-top: 1.333333333333333vw;
  }
  .page-base .page-base-contents p.mt-10 {
    margin-top: 1.333333333333333vw;
  }
}
.page-base .page-base-contents .mt-15 {
  margin-top: 15px;
}
.page-base .page-base-contents p.mt-15 {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-15 {
    margin-top: 2vw;
  }
  .page-base .page-base-contents p.mt-15 {
    margin-top: 2vw;
  }
}
.page-base .page-base-contents .mt-20 {
  margin-top: 20px;
}
.page-base .page-base-contents p.mt-20 {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-20 {
    margin-top: 2.666666666666667vw;
  }
  .page-base .page-base-contents p.mt-20 {
    margin-top: 2.666666666666667vw;
  }
}
.page-base .page-base-contents .mt-25 {
  margin-top: 25px;
}
.page-base .page-base-contents p.mt-25 {
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-25 {
    margin-top: 3.333333333333333vw;
  }
  .page-base .page-base-contents p.mt-25 {
    margin-top: 3.333333333333333vw;
  }
}
.page-base .page-base-contents .mt-30 {
  margin-top: 30px;
}
.page-base .page-base-contents p.mt-30 {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-30 {
    margin-top: 4vw;
  }
  .page-base .page-base-contents p.mt-30 {
    margin-top: 4vw;
  }
}
.page-base .page-base-contents .mt-35 {
  margin-top: 35px;
}
.page-base .page-base-contents p.mt-35 {
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-35 {
    margin-top: 4.666666666666667vw;
  }
  .page-base .page-base-contents p.mt-35 {
    margin-top: 4.666666666666667vw;
  }
}
.page-base .page-base-contents .mt-40 {
  margin-top: 40px;
}
.page-base .page-base-contents p.mt-40 {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-40 {
    margin-top: 5.333333333333334vw;
  }
  .page-base .page-base-contents p.mt-40 {
    margin-top: 5.333333333333334vw;
  }
}
.page-base .page-base-contents .mt-45 {
  margin-top: 45px;
}
.page-base .page-base-contents p.mt-45 {
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-45 {
    margin-top: 6vw;
  }
  .page-base .page-base-contents p.mt-45 {
    margin-top: 6vw;
  }
}
.page-base .page-base-contents .mt-50 {
  margin-top: 50px;
}
.page-base .page-base-contents p.mt-50 {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-50 {
    margin-top: 6.666666666666667vw;
  }
  .page-base .page-base-contents p.mt-50 {
    margin-top: 6.666666666666667vw;
  }
}
.page-base .page-base-contents .mt-55 {
  margin-top: 55px;
}
.page-base .page-base-contents p.mt-55 {
  margin-top: 55px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-55 {
    margin-top: 7.333333333333333vw;
  }
  .page-base .page-base-contents p.mt-55 {
    margin-top: 7.333333333333333vw;
  }
}
.page-base .page-base-contents .mt-60 {
  margin-top: 60px;
}
.page-base .page-base-contents p.mt-60 {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-60 {
    margin-top: 8vw;
  }
  .page-base .page-base-contents p.mt-60 {
    margin-top: 8vw;
  }
}
.page-base .page-base-contents .mt-65 {
  margin-top: 65px;
}
.page-base .page-base-contents p.mt-65 {
  margin-top: 65px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-65 {
    margin-top: 8.666666666666668vw;
  }
  .page-base .page-base-contents p.mt-65 {
    margin-top: 8.666666666666668vw;
  }
}
.page-base .page-base-contents .mt-70 {
  margin-top: 70px;
}
.page-base .page-base-contents p.mt-70 {
  margin-top: 70px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-70 {
    margin-top: 9.333333333333334vw;
  }
  .page-base .page-base-contents p.mt-70 {
    margin-top: 9.333333333333334vw;
  }
}
.page-base .page-base-contents .mt-75 {
  margin-top: 75px;
}
.page-base .page-base-contents p.mt-75 {
  margin-top: 75px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-75 {
    margin-top: 10vw;
  }
  .page-base .page-base-contents p.mt-75 {
    margin-top: 10vw;
  }
}
.page-base .page-base-contents .mt-80 {
  margin-top: 80px;
}
.page-base .page-base-contents p.mt-80 {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-80 {
    margin-top: 10.666666666666668vw;
  }
  .page-base .page-base-contents p.mt-80 {
    margin-top: 10.666666666666668vw;
  }
}
.page-base .page-base-contents .mt-85 {
  margin-top: 85px;
}
.page-base .page-base-contents p.mt-85 {
  margin-top: 85px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-85 {
    margin-top: 11.333333333333332vw;
  }
  .page-base .page-base-contents p.mt-85 {
    margin-top: 11.333333333333332vw;
  }
}
.page-base .page-base-contents .mt-90 {
  margin-top: 90px;
}
.page-base .page-base-contents p.mt-90 {
  margin-top: 90px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-90 {
    margin-top: 12vw;
  }
  .page-base .page-base-contents p.mt-90 {
    margin-top: 12vw;
  }
}
.page-base .page-base-contents .mt-95 {
  margin-top: 95px;
}
.page-base .page-base-contents p.mt-95 {
  margin-top: 95px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-95 {
    margin-top: 12.666666666666668vw;
  }
  .page-base .page-base-contents p.mt-95 {
    margin-top: 12.666666666666668vw;
  }
}
.page-base .page-base-contents .mt-100 {
  margin-top: 100px;
}
.page-base .page-base-contents p.mt-100 {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-100 {
    margin-top: 13.333333333333334vw;
  }
  .page-base .page-base-contents p.mt-100 {
    margin-top: 13.333333333333334vw;
  }
}
.page-base .page-base-contents .mt-105 {
  margin-top: 105px;
}
.page-base .page-base-contents p.mt-105 {
  margin-top: 105px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-105 {
    margin-top: 14.000000000000002vw;
  }
  .page-base .page-base-contents p.mt-105 {
    margin-top: 14.000000000000002vw;
  }
}
.page-base .page-base-contents .mt-110 {
  margin-top: 110px;
}
.page-base .page-base-contents p.mt-110 {
  margin-top: 110px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-110 {
    margin-top: 14.666666666666666vw;
  }
  .page-base .page-base-contents p.mt-110 {
    margin-top: 14.666666666666666vw;
  }
}
.page-base .page-base-contents .mt-115 {
  margin-top: 115px;
}
.page-base .page-base-contents p.mt-115 {
  margin-top: 115px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-115 {
    margin-top: 15.333333333333332vw;
  }
  .page-base .page-base-contents p.mt-115 {
    margin-top: 15.333333333333332vw;
  }
}
.page-base .page-base-contents .mt-120 {
  margin-top: 120px;
}
.page-base .page-base-contents p.mt-120 {
  margin-top: 120px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-120 {
    margin-top: 16vw;
  }
  .page-base .page-base-contents p.mt-120 {
    margin-top: 16vw;
  }
}
.page-base .page-base-contents .mt-125 {
  margin-top: 125px;
}
.page-base .page-base-contents p.mt-125 {
  margin-top: 125px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-125 {
    margin-top: 16.666666666666664vw;
  }
  .page-base .page-base-contents p.mt-125 {
    margin-top: 16.666666666666664vw;
  }
}
.page-base .page-base-contents .mt-130 {
  margin-top: 130px;
}
.page-base .page-base-contents p.mt-130 {
  margin-top: 130px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-130 {
    margin-top: 17.333333333333336vw;
  }
  .page-base .page-base-contents p.mt-130 {
    margin-top: 17.333333333333336vw;
  }
}
.page-base .page-base-contents .mt-135 {
  margin-top: 135px;
}
.page-base .page-base-contents p.mt-135 {
  margin-top: 135px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-135 {
    margin-top: 18vw;
  }
  .page-base .page-base-contents p.mt-135 {
    margin-top: 18vw;
  }
}
.page-base .page-base-contents .mt-140 {
  margin-top: 140px;
}
.page-base .page-base-contents p.mt-140 {
  margin-top: 140px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-140 {
    margin-top: 18.666666666666668vw;
  }
  .page-base .page-base-contents p.mt-140 {
    margin-top: 18.666666666666668vw;
  }
}
.page-base .page-base-contents .mt-145 {
  margin-top: 145px;
}
.page-base .page-base-contents p.mt-145 {
  margin-top: 145px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-145 {
    margin-top: 19.333333333333332vw;
  }
  .page-base .page-base-contents p.mt-145 {
    margin-top: 19.333333333333332vw;
  }
}
.page-base .page-base-contents .mt-150 {
  margin-top: 150px;
}
.page-base .page-base-contents p.mt-150 {
  margin-top: 150px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mt-150 {
    margin-top: 20vw;
  }
  .page-base .page-base-contents p.mt-150 {
    margin-top: 20vw;
  }
}
.page-base .page-base-contents .mb-0 {
  margin-bottom: 0;
}
.page-base .page-base-contents p.mb-0 {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-0 {
    margin-bottom: 0vw;
  }
  .page-base .page-base-contents p.mb-0 {
    margin-bottom: 0vw;
  }
}
.page-base .page-base-contents .mb-10 {
  margin-bottom: 10px;
}
.page-base .page-base-contents p.mb-10 {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-10 {
    margin-bottom: 1.333333333333333vw;
  }
  .page-base .page-base-contents p.mb-10 {
    margin-bottom: 1.333333333333333vw;
  }
}
.page-base .page-base-contents .mb-15 {
  margin-bottom: 15px;
}
.page-base .page-base-contents p.mb-15 {
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-15 {
    margin-bottom: 2vw;
  }
  .page-base .page-base-contents p.mb-15 {
    margin-bottom: 2vw;
  }
}
.page-base .page-base-contents .mb-20 {
  margin-bottom: 20px;
}
.page-base .page-base-contents p.mb-20 {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-20 {
    margin-bottom: 2.666666666666667vw;
  }
  .page-base .page-base-contents p.mb-20 {
    margin-bottom: 2.666666666666667vw;
  }
}
.page-base .page-base-contents .mb-25 {
  margin-bottom: 25px;
}
.page-base .page-base-contents p.mb-25 {
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-25 {
    margin-bottom: 3.333333333333333vw;
  }
  .page-base .page-base-contents p.mb-25 {
    margin-bottom: 3.333333333333333vw;
  }
}
.page-base .page-base-contents .mb-30 {
  margin-bottom: 30px;
}
.page-base .page-base-contents p.mb-30 {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-30 {
    margin-bottom: 4vw;
  }
  .page-base .page-base-contents p.mb-30 {
    margin-bottom: 4vw;
  }
}
.page-base .page-base-contents .mb-35 {
  margin-bottom: 35px;
}
.page-base .page-base-contents p.mb-35 {
  margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-35 {
    margin-bottom: 4.666666666666667vw;
  }
  .page-base .page-base-contents p.mb-35 {
    margin-bottom: 4.666666666666667vw;
  }
}
.page-base .page-base-contents .mb-40 {
  margin-bottom: 40px;
}
.page-base .page-base-contents p.mb-40 {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-40 {
    margin-bottom: 5.333333333333334vw;
  }
  .page-base .page-base-contents p.mb-40 {
    margin-bottom: 5.333333333333334vw;
  }
}
.page-base .page-base-contents .mb-45 {
  margin-bottom: 45px;
}
.page-base .page-base-contents p.mb-45 {
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-45 {
    margin-bottom: 6vw;
  }
  .page-base .page-base-contents p.mb-45 {
    margin-bottom: 6vw;
  }
}
.page-base .page-base-contents .mb-50 {
  margin-bottom: 50px;
}
.page-base .page-base-contents p.mb-50 {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-50 {
    margin-bottom: 6.666666666666667vw;
  }
  .page-base .page-base-contents p.mb-50 {
    margin-bottom: 6.666666666666667vw;
  }
}
.page-base .page-base-contents .mb-55 {
  margin-bottom: 55px;
}
.page-base .page-base-contents p.mb-55 {
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-55 {
    margin-bottom: 7.333333333333333vw;
  }
  .page-base .page-base-contents p.mb-55 {
    margin-bottom: 7.333333333333333vw;
  }
}
.page-base .page-base-contents .mb-60 {
  margin-bottom: 60px;
}
.page-base .page-base-contents p.mb-60 {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-60 {
    margin-bottom: 8vw;
  }
  .page-base .page-base-contents p.mb-60 {
    margin-bottom: 8vw;
  }
}
.page-base .page-base-contents .mb-65 {
  margin-bottom: 65px;
}
.page-base .page-base-contents p.mb-65 {
  margin-bottom: 65px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-65 {
    margin-bottom: 8.666666666666668vw;
  }
  .page-base .page-base-contents p.mb-65 {
    margin-bottom: 8.666666666666668vw;
  }
}
.page-base .page-base-contents .mb-70 {
  margin-bottom: 70px;
}
.page-base .page-base-contents p.mb-70 {
  margin-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-70 {
    margin-bottom: 9.333333333333334vw;
  }
  .page-base .page-base-contents p.mb-70 {
    margin-bottom: 9.333333333333334vw;
  }
}
.page-base .page-base-contents .mb-75 {
  margin-bottom: 75px;
}
.page-base .page-base-contents p.mb-75 {
  margin-bottom: 75px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-75 {
    margin-bottom: 10vw;
  }
  .page-base .page-base-contents p.mb-75 {
    margin-bottom: 10vw;
  }
}
.page-base .page-base-contents .mb-80 {
  margin-bottom: 80px;
}
.page-base .page-base-contents p.mb-80 {
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-80 {
    margin-bottom: 10.666666666666668vw;
  }
  .page-base .page-base-contents p.mb-80 {
    margin-bottom: 10.666666666666668vw;
  }
}
.page-base .page-base-contents .mb-85 {
  margin-bottom: 85px;
}
.page-base .page-base-contents p.mb-85 {
  margin-bottom: 85px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-85 {
    margin-bottom: 11.333333333333332vw;
  }
  .page-base .page-base-contents p.mb-85 {
    margin-bottom: 11.333333333333332vw;
  }
}
.page-base .page-base-contents .mb-90 {
  margin-bottom: 90px;
}
.page-base .page-base-contents p.mb-90 {
  margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-90 {
    margin-bottom: 12vw;
  }
  .page-base .page-base-contents p.mb-90 {
    margin-bottom: 12vw;
  }
}
.page-base .page-base-contents .mb-95 {
  margin-bottom: 95px;
}
.page-base .page-base-contents p.mb-95 {
  margin-bottom: 95px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-95 {
    margin-bottom: 12.666666666666668vw;
  }
  .page-base .page-base-contents p.mb-95 {
    margin-bottom: 12.666666666666668vw;
  }
}
.page-base .page-base-contents .mb-100 {
  margin-bottom: 100px;
}
.page-base .page-base-contents p.mb-100 {
  margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-100 {
    margin-bottom: 13.333333333333334vw;
  }
  .page-base .page-base-contents p.mb-100 {
    margin-bottom: 13.333333333333334vw;
  }
}
.page-base .page-base-contents .mb-105 {
  margin-bottom: 105px;
}
.page-base .page-base-contents p.mb-105 {
  margin-bottom: 105px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-105 {
    margin-bottom: 14.000000000000002vw;
  }
  .page-base .page-base-contents p.mb-105 {
    margin-bottom: 14.000000000000002vw;
  }
}
.page-base .page-base-contents .mb-110 {
  margin-bottom: 110px;
}
.page-base .page-base-contents p.mb-110 {
  margin-bottom: 110px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-110 {
    margin-bottom: 14.666666666666666vw;
  }
  .page-base .page-base-contents p.mb-110 {
    margin-bottom: 14.666666666666666vw;
  }
}
.page-base .page-base-contents .mb-115 {
  margin-bottom: 115px;
}
.page-base .page-base-contents p.mb-115 {
  margin-bottom: 115px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-115 {
    margin-bottom: 15.333333333333332vw;
  }
  .page-base .page-base-contents p.mb-115 {
    margin-bottom: 15.333333333333332vw;
  }
}
.page-base .page-base-contents .mb-120 {
  margin-bottom: 120px;
}
.page-base .page-base-contents p.mb-120 {
  margin-bottom: 120px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-120 {
    margin-bottom: 16vw;
  }
  .page-base .page-base-contents p.mb-120 {
    margin-bottom: 16vw;
  }
}
.page-base .page-base-contents .mb-125 {
  margin-bottom: 125px;
}
.page-base .page-base-contents p.mb-125 {
  margin-bottom: 125px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-125 {
    margin-bottom: 16.666666666666664vw;
  }
  .page-base .page-base-contents p.mb-125 {
    margin-bottom: 16.666666666666664vw;
  }
}
.page-base .page-base-contents .mb-130 {
  margin-bottom: 130px;
}
.page-base .page-base-contents p.mb-130 {
  margin-bottom: 130px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-130 {
    margin-bottom: 17.333333333333336vw;
  }
  .page-base .page-base-contents p.mb-130 {
    margin-bottom: 17.333333333333336vw;
  }
}
.page-base .page-base-contents .mb-135 {
  margin-bottom: 135px;
}
.page-base .page-base-contents p.mb-135 {
  margin-bottom: 135px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-135 {
    margin-bottom: 18vw;
  }
  .page-base .page-base-contents p.mb-135 {
    margin-bottom: 18vw;
  }
}
.page-base .page-base-contents .mb-140 {
  margin-bottom: 140px;
}
.page-base .page-base-contents p.mb-140 {
  margin-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-140 {
    margin-bottom: 18.666666666666668vw;
  }
  .page-base .page-base-contents p.mb-140 {
    margin-bottom: 18.666666666666668vw;
  }
}
.page-base .page-base-contents .mb-145 {
  margin-bottom: 145px;
}
.page-base .page-base-contents p.mb-145 {
  margin-bottom: 145px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-145 {
    margin-bottom: 19.333333333333332vw;
  }
  .page-base .page-base-contents p.mb-145 {
    margin-bottom: 19.333333333333332vw;
  }
}
.page-base .page-base-contents .mb-150 {
  margin-bottom: 150px;
}
.page-base .page-base-contents p.mb-150 {
  margin-bottom: 150px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .mb-150 {
    margin-bottom: 20vw;
  }
  .page-base .page-base-contents p.mb-150 {
    margin-bottom: 20vw;
  }
}
.page-base .page-base-contents .pt-0 {
  padding-top: 0;
}
.page-base .page-base-contents p.pt-0 {
  padding-top: 0;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-0 {
    padding-top: 0vw;
  }
  .page-base .page-base-contents p.pt-0 {
    padding-top: 0vw;
  }
}
.page-base .page-base-contents .pt-10 {
  padding-top: 10px;
}
.page-base .page-base-contents p.pt-10 {
  padding-top: 10px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-10 {
    padding-top: 1.333333333333333vw;
  }
  .page-base .page-base-contents p.pt-10 {
    padding-top: 1.333333333333333vw;
  }
}
.page-base .page-base-contents .pt-15 {
  padding-top: 15px;
}
.page-base .page-base-contents p.pt-15 {
  padding-top: 15px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-15 {
    padding-top: 2vw;
  }
  .page-base .page-base-contents p.pt-15 {
    padding-top: 2vw;
  }
}
.page-base .page-base-contents .pt-20 {
  padding-top: 20px;
}
.page-base .page-base-contents p.pt-20 {
  padding-top: 20px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-20 {
    padding-top: 2.666666666666667vw;
  }
  .page-base .page-base-contents p.pt-20 {
    padding-top: 2.666666666666667vw;
  }
}
.page-base .page-base-contents .pt-25 {
  padding-top: 25px;
}
.page-base .page-base-contents p.pt-25 {
  padding-top: 25px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-25 {
    padding-top: 3.333333333333333vw;
  }
  .page-base .page-base-contents p.pt-25 {
    padding-top: 3.333333333333333vw;
  }
}
.page-base .page-base-contents .pt-30 {
  padding-top: 30px;
}
.page-base .page-base-contents p.pt-30 {
  padding-top: 30px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-30 {
    padding-top: 4vw;
  }
  .page-base .page-base-contents p.pt-30 {
    padding-top: 4vw;
  }
}
.page-base .page-base-contents .pt-35 {
  padding-top: 35px;
}
.page-base .page-base-contents p.pt-35 {
  padding-top: 35px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-35 {
    padding-top: 4.666666666666667vw;
  }
  .page-base .page-base-contents p.pt-35 {
    padding-top: 4.666666666666667vw;
  }
}
.page-base .page-base-contents .pt-40 {
  padding-top: 40px;
}
.page-base .page-base-contents p.pt-40 {
  padding-top: 40px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-40 {
    padding-top: 5.333333333333334vw;
  }
  .page-base .page-base-contents p.pt-40 {
    padding-top: 5.333333333333334vw;
  }
}
.page-base .page-base-contents .pt-45 {
  padding-top: 45px;
}
.page-base .page-base-contents p.pt-45 {
  padding-top: 45px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-45 {
    padding-top: 6vw;
  }
  .page-base .page-base-contents p.pt-45 {
    padding-top: 6vw;
  }
}
.page-base .page-base-contents .pt-50 {
  padding-top: 50px;
}
.page-base .page-base-contents p.pt-50 {
  padding-top: 50px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-50 {
    padding-top: 6.666666666666667vw;
  }
  .page-base .page-base-contents p.pt-50 {
    padding-top: 6.666666666666667vw;
  }
}
.page-base .page-base-contents .pt-55 {
  padding-top: 55px;
}
.page-base .page-base-contents p.pt-55 {
  padding-top: 55px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-55 {
    padding-top: 7.333333333333333vw;
  }
  .page-base .page-base-contents p.pt-55 {
    padding-top: 7.333333333333333vw;
  }
}
.page-base .page-base-contents .pt-60 {
  padding-top: 60px;
}
.page-base .page-base-contents p.pt-60 {
  padding-top: 60px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-60 {
    padding-top: 8vw;
  }
  .page-base .page-base-contents p.pt-60 {
    padding-top: 8vw;
  }
}
.page-base .page-base-contents .pt-65 {
  padding-top: 65px;
}
.page-base .page-base-contents p.pt-65 {
  padding-top: 65px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-65 {
    padding-top: 8.666666666666668vw;
  }
  .page-base .page-base-contents p.pt-65 {
    padding-top: 8.666666666666668vw;
  }
}
.page-base .page-base-contents .pt-70 {
  padding-top: 70px;
}
.page-base .page-base-contents p.pt-70 {
  padding-top: 70px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-70 {
    padding-top: 9.333333333333334vw;
  }
  .page-base .page-base-contents p.pt-70 {
    padding-top: 9.333333333333334vw;
  }
}
.page-base .page-base-contents .pt-75 {
  padding-top: 75px;
}
.page-base .page-base-contents p.pt-75 {
  padding-top: 75px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-75 {
    padding-top: 10vw;
  }
  .page-base .page-base-contents p.pt-75 {
    padding-top: 10vw;
  }
}
.page-base .page-base-contents .pt-80 {
  padding-top: 80px;
}
.page-base .page-base-contents p.pt-80 {
  padding-top: 80px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-80 {
    padding-top: 10.666666666666668vw;
  }
  .page-base .page-base-contents p.pt-80 {
    padding-top: 10.666666666666668vw;
  }
}
.page-base .page-base-contents .pt-85 {
  padding-top: 85px;
}
.page-base .page-base-contents p.pt-85 {
  padding-top: 85px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-85 {
    padding-top: 11.333333333333332vw;
  }
  .page-base .page-base-contents p.pt-85 {
    padding-top: 11.333333333333332vw;
  }
}
.page-base .page-base-contents .pt-90 {
  padding-top: 90px;
}
.page-base .page-base-contents p.pt-90 {
  padding-top: 90px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-90 {
    padding-top: 12vw;
  }
  .page-base .page-base-contents p.pt-90 {
    padding-top: 12vw;
  }
}
.page-base .page-base-contents .pt-95 {
  padding-top: 95px;
}
.page-base .page-base-contents p.pt-95 {
  padding-top: 95px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-95 {
    padding-top: 12.666666666666668vw;
  }
  .page-base .page-base-contents p.pt-95 {
    padding-top: 12.666666666666668vw;
  }
}
.page-base .page-base-contents .pt-100 {
  padding-top: 100px;
}
.page-base .page-base-contents p.pt-100 {
  padding-top: 100px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-100 {
    padding-top: 13.333333333333334vw;
  }
  .page-base .page-base-contents p.pt-100 {
    padding-top: 13.333333333333334vw;
  }
}
.page-base .page-base-contents .pt-105 {
  padding-top: 105px;
}
.page-base .page-base-contents p.pt-105 {
  padding-top: 105px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-105 {
    padding-top: 14.000000000000002vw;
  }
  .page-base .page-base-contents p.pt-105 {
    padding-top: 14.000000000000002vw;
  }
}
.page-base .page-base-contents .pt-110 {
  padding-top: 110px;
}
.page-base .page-base-contents p.pt-110 {
  padding-top: 110px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-110 {
    padding-top: 14.666666666666666vw;
  }
  .page-base .page-base-contents p.pt-110 {
    padding-top: 14.666666666666666vw;
  }
}
.page-base .page-base-contents .pt-115 {
  padding-top: 115px;
}
.page-base .page-base-contents p.pt-115 {
  padding-top: 115px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-115 {
    padding-top: 15.333333333333332vw;
  }
  .page-base .page-base-contents p.pt-115 {
    padding-top: 15.333333333333332vw;
  }
}
.page-base .page-base-contents .pt-120 {
  padding-top: 120px;
}
.page-base .page-base-contents p.pt-120 {
  padding-top: 120px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-120 {
    padding-top: 16vw;
  }
  .page-base .page-base-contents p.pt-120 {
    padding-top: 16vw;
  }
}
.page-base .page-base-contents .pt-125 {
  padding-top: 125px;
}
.page-base .page-base-contents p.pt-125 {
  padding-top: 125px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-125 {
    padding-top: 16.666666666666664vw;
  }
  .page-base .page-base-contents p.pt-125 {
    padding-top: 16.666666666666664vw;
  }
}
.page-base .page-base-contents .pt-130 {
  padding-top: 130px;
}
.page-base .page-base-contents p.pt-130 {
  padding-top: 130px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-130 {
    padding-top: 17.333333333333336vw;
  }
  .page-base .page-base-contents p.pt-130 {
    padding-top: 17.333333333333336vw;
  }
}
.page-base .page-base-contents .pt-135 {
  padding-top: 135px;
}
.page-base .page-base-contents p.pt-135 {
  padding-top: 135px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-135 {
    padding-top: 18vw;
  }
  .page-base .page-base-contents p.pt-135 {
    padding-top: 18vw;
  }
}
.page-base .page-base-contents .pt-140 {
  padding-top: 140px;
}
.page-base .page-base-contents p.pt-140 {
  padding-top: 140px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-140 {
    padding-top: 18.666666666666668vw;
  }
  .page-base .page-base-contents p.pt-140 {
    padding-top: 18.666666666666668vw;
  }
}
.page-base .page-base-contents .pt-145 {
  padding-top: 145px;
}
.page-base .page-base-contents p.pt-145 {
  padding-top: 145px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-145 {
    padding-top: 19.333333333333332vw;
  }
  .page-base .page-base-contents p.pt-145 {
    padding-top: 19.333333333333332vw;
  }
}
.page-base .page-base-contents .pt-150 {
  padding-top: 150px;
}
.page-base .page-base-contents p.pt-150 {
  padding-top: 150px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pt-150 {
    padding-top: 20vw;
  }
  .page-base .page-base-contents p.pt-150 {
    padding-top: 20vw;
  }
}
.page-base .page-base-contents .pb-0 {
  padding-bottom: 0;
}
.page-base .page-base-contents p.pb-0 {
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-0 {
    padding-bottom: 0vw;
  }
  .page-base .page-base-contents p.pb-0 {
    padding-bottom: 0vw;
  }
}
.page-base .page-base-contents .pb-10 {
  padding-bottom: 10px;
}
.page-base .page-base-contents p.pb-10 {
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-10 {
    padding-bottom: 1.333333333333333vw;
  }
  .page-base .page-base-contents p.pb-10 {
    padding-bottom: 1.333333333333333vw;
  }
}
.page-base .page-base-contents .pb-15 {
  padding-bottom: 15px;
}
.page-base .page-base-contents p.pb-15 {
  padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-15 {
    padding-bottom: 2vw;
  }
  .page-base .page-base-contents p.pb-15 {
    padding-bottom: 2vw;
  }
}
.page-base .page-base-contents .pb-20 {
  padding-bottom: 20px;
}
.page-base .page-base-contents p.pb-20 {
  padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-20 {
    padding-bottom: 2.666666666666667vw;
  }
  .page-base .page-base-contents p.pb-20 {
    padding-bottom: 2.666666666666667vw;
  }
}
.page-base .page-base-contents .pb-25 {
  padding-bottom: 25px;
}
.page-base .page-base-contents p.pb-25 {
  padding-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-25 {
    padding-bottom: 3.333333333333333vw;
  }
  .page-base .page-base-contents p.pb-25 {
    padding-bottom: 3.333333333333333vw;
  }
}
.page-base .page-base-contents .pb-30 {
  padding-bottom: 30px;
}
.page-base .page-base-contents p.pb-30 {
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-30 {
    padding-bottom: 4vw;
  }
  .page-base .page-base-contents p.pb-30 {
    padding-bottom: 4vw;
  }
}
.page-base .page-base-contents .pb-35 {
  padding-bottom: 35px;
}
.page-base .page-base-contents p.pb-35 {
  padding-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-35 {
    padding-bottom: 4.666666666666667vw;
  }
  .page-base .page-base-contents p.pb-35 {
    padding-bottom: 4.666666666666667vw;
  }
}
.page-base .page-base-contents .pb-40 {
  padding-bottom: 40px;
}
.page-base .page-base-contents p.pb-40 {
  padding-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-40 {
    padding-bottom: 5.333333333333334vw;
  }
  .page-base .page-base-contents p.pb-40 {
    padding-bottom: 5.333333333333334vw;
  }
}
.page-base .page-base-contents .pb-45 {
  padding-bottom: 45px;
}
.page-base .page-base-contents p.pb-45 {
  padding-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-45 {
    padding-bottom: 6vw;
  }
  .page-base .page-base-contents p.pb-45 {
    padding-bottom: 6vw;
  }
}
.page-base .page-base-contents .pb-50 {
  padding-bottom: 50px;
}
.page-base .page-base-contents p.pb-50 {
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-50 {
    padding-bottom: 6.666666666666667vw;
  }
  .page-base .page-base-contents p.pb-50 {
    padding-bottom: 6.666666666666667vw;
  }
}
.page-base .page-base-contents .pb-55 {
  padding-bottom: 55px;
}
.page-base .page-base-contents p.pb-55 {
  padding-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-55 {
    padding-bottom: 7.333333333333333vw;
  }
  .page-base .page-base-contents p.pb-55 {
    padding-bottom: 7.333333333333333vw;
  }
}
.page-base .page-base-contents .pb-60 {
  padding-bottom: 60px;
}
.page-base .page-base-contents p.pb-60 {
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-60 {
    padding-bottom: 8vw;
  }
  .page-base .page-base-contents p.pb-60 {
    padding-bottom: 8vw;
  }
}
.page-base .page-base-contents .pb-65 {
  padding-bottom: 65px;
}
.page-base .page-base-contents p.pb-65 {
  padding-bottom: 65px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-65 {
    padding-bottom: 8.666666666666668vw;
  }
  .page-base .page-base-contents p.pb-65 {
    padding-bottom: 8.666666666666668vw;
  }
}
.page-base .page-base-contents .pb-70 {
  padding-bottom: 70px;
}
.page-base .page-base-contents p.pb-70 {
  padding-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-70 {
    padding-bottom: 9.333333333333334vw;
  }
  .page-base .page-base-contents p.pb-70 {
    padding-bottom: 9.333333333333334vw;
  }
}
.page-base .page-base-contents .pb-75 {
  padding-bottom: 75px;
}
.page-base .page-base-contents p.pb-75 {
  padding-bottom: 75px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-75 {
    padding-bottom: 10vw;
  }
  .page-base .page-base-contents p.pb-75 {
    padding-bottom: 10vw;
  }
}
.page-base .page-base-contents .pb-80 {
  padding-bottom: 80px;
}
.page-base .page-base-contents p.pb-80 {
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-80 {
    padding-bottom: 10.666666666666668vw;
  }
  .page-base .page-base-contents p.pb-80 {
    padding-bottom: 10.666666666666668vw;
  }
}
.page-base .page-base-contents .pb-85 {
  padding-bottom: 85px;
}
.page-base .page-base-contents p.pb-85 {
  padding-bottom: 85px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-85 {
    padding-bottom: 11.333333333333332vw;
  }
  .page-base .page-base-contents p.pb-85 {
    padding-bottom: 11.333333333333332vw;
  }
}
.page-base .page-base-contents .pb-90 {
  padding-bottom: 90px;
}
.page-base .page-base-contents p.pb-90 {
  padding-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-90 {
    padding-bottom: 12vw;
  }
  .page-base .page-base-contents p.pb-90 {
    padding-bottom: 12vw;
  }
}
.page-base .page-base-contents .pb-95 {
  padding-bottom: 95px;
}
.page-base .page-base-contents p.pb-95 {
  padding-bottom: 95px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-95 {
    padding-bottom: 12.666666666666668vw;
  }
  .page-base .page-base-contents p.pb-95 {
    padding-bottom: 12.666666666666668vw;
  }
}
.page-base .page-base-contents .pb-100 {
  padding-bottom: 100px;
}
.page-base .page-base-contents p.pb-100 {
  padding-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-100 {
    padding-bottom: 13.333333333333334vw;
  }
  .page-base .page-base-contents p.pb-100 {
    padding-bottom: 13.333333333333334vw;
  }
}
.page-base .page-base-contents .pb-105 {
  padding-bottom: 105px;
}
.page-base .page-base-contents p.pb-105 {
  padding-bottom: 105px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-105 {
    padding-bottom: 14.000000000000002vw;
  }
  .page-base .page-base-contents p.pb-105 {
    padding-bottom: 14.000000000000002vw;
  }
}
.page-base .page-base-contents .pb-110 {
  padding-bottom: 110px;
}
.page-base .page-base-contents p.pb-110 {
  padding-bottom: 110px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-110 {
    padding-bottom: 14.666666666666666vw;
  }
  .page-base .page-base-contents p.pb-110 {
    padding-bottom: 14.666666666666666vw;
  }
}
.page-base .page-base-contents .pb-115 {
  padding-bottom: 115px;
}
.page-base .page-base-contents p.pb-115 {
  padding-bottom: 115px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-115 {
    padding-bottom: 15.333333333333332vw;
  }
  .page-base .page-base-contents p.pb-115 {
    padding-bottom: 15.333333333333332vw;
  }
}
.page-base .page-base-contents .pb-120 {
  padding-bottom: 120px;
}
.page-base .page-base-contents p.pb-120 {
  padding-bottom: 120px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-120 {
    padding-bottom: 16vw;
  }
  .page-base .page-base-contents p.pb-120 {
    padding-bottom: 16vw;
  }
}
.page-base .page-base-contents .pb-125 {
  padding-bottom: 125px;
}
.page-base .page-base-contents p.pb-125 {
  padding-bottom: 125px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-125 {
    padding-bottom: 16.666666666666664vw;
  }
  .page-base .page-base-contents p.pb-125 {
    padding-bottom: 16.666666666666664vw;
  }
}
.page-base .page-base-contents .pb-130 {
  padding-bottom: 130px;
}
.page-base .page-base-contents p.pb-130 {
  padding-bottom: 130px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-130 {
    padding-bottom: 17.333333333333336vw;
  }
  .page-base .page-base-contents p.pb-130 {
    padding-bottom: 17.333333333333336vw;
  }
}
.page-base .page-base-contents .pb-135 {
  padding-bottom: 135px;
}
.page-base .page-base-contents p.pb-135 {
  padding-bottom: 135px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-135 {
    padding-bottom: 18vw;
  }
  .page-base .page-base-contents p.pb-135 {
    padding-bottom: 18vw;
  }
}
.page-base .page-base-contents .pb-140 {
  padding-bottom: 140px;
}
.page-base .page-base-contents p.pb-140 {
  padding-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-140 {
    padding-bottom: 18.666666666666668vw;
  }
  .page-base .page-base-contents p.pb-140 {
    padding-bottom: 18.666666666666668vw;
  }
}
.page-base .page-base-contents .pb-145 {
  padding-bottom: 145px;
}
.page-base .page-base-contents p.pb-145 {
  padding-bottom: 145px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-145 {
    padding-bottom: 19.333333333333332vw;
  }
  .page-base .page-base-contents p.pb-145 {
    padding-bottom: 19.333333333333332vw;
  }
}
.page-base .page-base-contents .pb-150 {
  padding-bottom: 150px;
}
.page-base .page-base-contents p.pb-150 {
  padding-bottom: 150px;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .pb-150 {
    padding-bottom: 20vw;
  }
  .page-base .page-base-contents p.pb-150 {
    padding-bottom: 20vw;
  }
}
.page-base .page-base-contents .main-text {
  text-align: center;
  font-size: 4.2rem;
  line-height: 1.666666666666667;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .main-text {
    font-size: 6.4vw;
    line-height: 1.666666666666667;
  }
}
.page-base .page-base-contents .movie-block {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 30px 25px 0 rgba(0,0,0,0.1);
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .movie-block {
    box-shadow: 0 5.333333333333334vw 5.333333333333334vw 0 rgba(0,0,0,0.08);
  }
}
.page-base .page-base-contents .img {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.page-base .page-base-contents img {
  display: block;
  width: auto;
  max-width: 800px;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1000px) {
  .page-base .page-base-contents img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents img {
    width: 100%;
    border-radius: 1.333333333333333vw;
  }
}
.page-base .page-base-contents .block-side {
  display: flex;
  justify-content: space-between;
}
.page-base .page-base-contents .block-side .block-img {
  width: 500px;
}
.page-base .page-base-contents .block-side .block-img img {
  width: 100%;
}
.page-base .page-base-contents .block-side .block-text {
  width: 420px;
  margin-top: 10px;
  margin-right: 10px;
  margin-left: 20px;
  text-align: justify;
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .block-side {
    flex-direction: column;
  }
  .page-base .page-base-contents .block-side .block-img {
    width: 100%;
  }
  .page-base .page-base-contents .block-side .block-text {
    width: 100%;
    margin-top: 4vw;
    margin-left: 0;
    margin-right: 0;
  }
}
.page-base .page-base-contents .btn-arrow a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  color: #000;
  border-bottom: none;
}
.page-base .page-base-contents .btn-arrow a svg {
  width: 8px;
  height: 12px;
  margin-top: 1px;
  margin-left: 23px;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-base .page-base-contents .btn-arrow a svg {
    transition: 0.3s;
  }
  .page-base .page-base-contents .btn-arrow a:hover svg {
    margin-left: 29px;
  }
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .btn-arrow a {
    font-size: 3.466666666666666vw;
    line-height: 1.692307692307692;
  }
  .page-base .page-base-contents .btn-arrow a svg {
    width: 1.6vw;
    height: 2.666666666666667vw;
    margin-top: 0.266666666666667vw;
    margin-left: 3.066666666666666vw;
  }
}
.page-base .page-base-contents .btn-black {
  text-align: center;
}
.page-base .page-base-contents .btn-black a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  min-width: 440px;
  height: 100px;
  margin: 0 auto;
  padding: 0 80px;
  border-radius: 50px;
  background: #000;
  text-align: center;
  box-sizing: border-box;
}
.page-base .page-base-contents .btn-black a svg {
  position: absolute;
  top: 50%;
  right: 36px;
  fill: #fff;
  width: 8px;
  height: 12px;
  margin-top: -6px;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-base .page-base-contents .btn-black a {
    transition: 0.3s;
  }
  .page-base .page-base-contents .btn-black a svg {
    transition: 0.3s;
  }
  .page-base .page-base-contents .btn-black a:hover {
    color: #fff;
    background: #5fbce7;
  }
  .page-base .page-base-contents .btn-black a:hover svg {
    fill: #fff;
    right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .page-base .page-base-contents .btn-black a {
    min-width: 86.66666666666667vw;
    height: 20vw;
    font-size: 2.933333333333333vw;
    padding: 0 10.666666666666668vw;
    border-radius: 10vw;
  }
  .page-base .page-base-contents .btn-black a svg {
    right: 6.4vw;
    width: 1.6vw;
    height: 2.666666666666667vw;
    margin-top: -1.066666666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .page-space-detail .header,
  .page-space-detail .page-nav {
    animation: none !important;
  }
}
.page-space-detail .page-nav {
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .page-space-detail .page-nav {
    top: 163px;
  }
}
@media only screen and (max-width: 767px) {
  .page-space-detail .page-nav {
    transform: translateY(28.799999999999997vw);
  }
  .is-no-news .page-space-detail .page-nav {
    transform: translateY(18.133333333333333vw);
  }
}
.page-space-detail .page-kv-container {
  margin-top: 81px;
}
@media only screen and (max-width: 1159px) {
  .page-space-detail .page-kv-container {
    margin-top: 121px;
  }
}
@media only screen and (max-width: 767px) {
  .page-space-detail .page-kv-container {
    margin-top: 32.800000000000004vw;
  }
}
@media only screen and (max-width: 767px) {
  .is-header-fixed .page-space-detail .header {
    transform: translateY(-100%);
  }
}
.is-header-fixed .page-space-detail .page-nav {
  position: fixed;
}
@media only screen and (min-width: 768px) {
  .is-header-fixed .page-space-detail .page-nav {
    top: 60px;
    animation: header-down 0.5s ease-out forwards;
  }
}
@media only screen and (max-width: 767px) {
  .is-header-fixed .page-space-detail .page-nav {
    transform: translateY(0);
  }
}
@media only screen and (max-width: 767px) {
  .is-hide .page-space-detail .header {
    transition: transform 0.3s;
  }
}
@media only screen and (max-width: 767px) {
  .is-hide .page-space-detail .page-nav {
    transform: translateY(0);
    transition: transform 0.3s;
  }
  .is-no-news .is-hide .page-space-detail .page-nav {
    transform: translateY(0);
  }
}
@media only screen and (max-width: 767px) {
  .is-scroll-top.is-header-fixed .page-space-detail .header {
    transform: translateY(0);
    transition: transform 0.3s;
  }
}
@media only screen and (min-width: 768px) {
  .is-scroll-top.is-header-fixed .page-space-detail .page-nav {
    top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .is-scroll-top.is-header-fixed .page-space-detail .page-nav {
    top: 0;
    transform: translateY(18.133333333333333vw);
    transition: transform 0.3s;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .page-space-detail .wrapper .page-nav {
    top: 112px;
  }
  .is-header-fixed .page-space-detail .wrapper .page-nav {
    top: 66px;
  }
  .is-no-news .page-space-detail .wrapper {
    padding-top: 187px;
  }
  .is-no-news .page-space-detail .wrapper .page-nav {
    top: 66px;
  }
}
.page-space-detail .page-contents .color-red {
  color: #f00;
}
.page-space-detail .page-contents .color-red a {
  color: #f00;
  border-color: #f00;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-space-detail .page-contents .color-red a {
    transition: 0.3s;
  }
  .page-space-detail .page-contents .color-red a:hover {
    border-color: transparent;
  }
}
.page-space-detail .section-tickets,
.page-space-detail .section-guide,
.page-space-detail .section-park,
.page-space-detail .section-attractions,
.page-space-detail .section-workshop,
.page-space-detail .section-service,
.page-space-detail .section-faq {
  margin-top: -201px;
  padding-top: 201px;
}
@media only screen and (max-width: 1159px) {
  .page-space-detail .section-tickets,
  .page-space-detail .section-guide,
  .page-space-detail .section-park,
  .page-space-detail .section-attractions,
  .page-space-detail .section-workshop,
  .page-space-detail .section-service,
  .page-space-detail .section-faq {
    margin-top: -241px;
    padding-top: 241px;
  }
}
@media only screen and (max-width: 767px) {
  .page-space-detail .section-tickets,
  .page-space-detail .section-guide,
  .page-space-detail .section-park,
  .page-space-detail .section-attractions,
  .page-space-detail .section-workshop,
  .page-space-detail .section-service,
  .page-space-detail .section-faq {
    margin-top: -50.93333333333334vw;
    padding-top: 50.93333333333334vw;
  }
}
.page-space-detail .section-tickets {
  margin-top: -141px;
  padding-top: 141px;
}
@media only screen and (max-width: 1159px) {
  .page-space-detail .section-tickets {
    margin-top: -181px;
    padding-top: 181px;
  }
}
@media only screen and (max-width: 767px) {
  .page-space-detail .section-tickets {
    margin-top: -32.800000000000004vw;
    padding-top: 32.800000000000004vw;
  }
}
.page-space-detail .section-container {
  position: relative;
}
.page-space-detail .page-nav {
  width: 100%;
  min-height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1;
  background: #fff;
  border-bottom: 1px solid #e6ebed;
  z-index: 9;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .page-space-detail .page-nav {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 2;
  }
}
.page-space-detail .page-nav .space-name {
  flex: 1;
  margin-left: 30px;
  margin-right: 30px;
  padding: 10px 0;
  font-size: 1.6rem;
  line-height: 1.25;
}
.page-space-detail .page-nav .page-nav-list {
  height: 80px;
}
.page-space-detail .page-nav .page-nav-list ul {
  display: flex;
  margin-right: 64px;
  height: 100%;
}
.page-space-detail .page-nav .page-nav-list li a {
  position: relative;
  padding: 0 10px 14px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  box-sizing: border-box;
  fill: #00bfff;
}
.page-space-detail .page-nav .page-nav-list li a::after {
  opacity: 0;
  position: absolute;
  bottom: -1px;
  left: 10px;
  content: "";
  width: calc(100% - 20px);
  height: 4px;
  background: #00bfff;
}
.page-space-detail .page-nav .page-nav-list li.is-located a::after {
  opacity: 1;
}
.page-space-detail .page-nav .page-nav-list li.is-located a .btn-text {
  color: #00bfff;
}
.page-space-detail .page-nav .page-nav-list .icon-price {
  width: 28px;
  height: 28px;
  margin-bottom: 10px;
}
.page-space-detail .page-nav .page-nav-list .icon-info {
  width: 28px;
  height: 28px;
  margin-bottom: 10px;
}
.page-space-detail .page-nav .page-nav-list .icon-park {
  width: 24px;
  height: 29px;
  margin-bottom: 8px;
}
.page-space-detail .page-nav .page-nav-list .icon-attractions {
  width: 41px;
  height: 30px;
  margin-bottom: 8px;
}
.page-space-detail .page-nav .page-nav-list .icon-workshop {
  width: 26px;
  height: 40px;
  margin-bottom: 4px;
}
.page-space-detail .page-nav .page-nav-list .icon-faq {
  width: 43px;
  height: 35px;
  margin-bottom: 2px;
}
.page-space-detail .page-nav .page-nav-list .btn-text {
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: -0.025em;
}
.page-space-detail .page-nav .page-nav-list .item-info {
  margin-left: 88px;
}
.page-space-detail .page-nav .page-nav-list .item-park {
  margin-left: 74px;
}
.page-space-detail .page-nav .page-nav-list .item-attractions {
  margin-left: 34px;
}
.page-space-detail .page-nav .page-nav-list .item-workshop {
  margin-left: 24px;
}
.page-space-detail .page-nav .page-nav-list .item-faq {
  margin-left: 66px;
}
@media only screen and (max-width: 1159px) {
  .page-space-detail .page-nav {
    min-height: auto;
    flex-direction: column;
  }
  .page-space-detail .page-nav .space-name {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    border-bottom: 1px solid #dbdbdb;
    box-sizing: border-box;
  }
  .page-space-detail .page-nav .page-nav-list {
    width: 100%;
  }
  .page-space-detail .page-nav .page-nav-list ul {
    width: 100%;
    margin-right: 0;
    justify-content: center;
  }
  .page-space-detail .page-nav .page-nav-list .item-info,
  .page-space-detail .page-nav .page-nav-list .item-park,
  .page-space-detail .page-nav .page-nav-list .item-attractions,
  .page-space-detail .page-nav .page-nav-list .item-workshop,
  .page-space-detail .page-nav .page-nav-list .item-faq {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-space-detail .page-nav li a::after {
    transition: 0.3s;
  }
  .page-space-detail .page-nav li a .btn-text {
    transition: 0.3s;
  }
  .page-space-detail .page-nav li a:hover::after {
    opacity: 1;
  }
  .page-space-detail .page-nav li a:hover .btn-text {
    color: #00bfff;
  }
}
@media only screen and (max-width: 767px) {
  .page-space-detail .page-nav {
    min-height: auto;
    flex-direction: column;
    align-items: flex-start;
  }
  .page-space-detail .page-nav .space-name {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-left: 0;
    padding: 2.133333333333333vw 2.666666666666667vw 2.4vw;
    font-size: 3.733333333333334vw;
    line-height: 1.607142857142857;
    text-align: center;
    border-bottom: 0.266666666666667vw solid #dbdbdb;
    min-height: 16.8vw;
  }
  .page-space-detail .page-nav .page-nav-list {
    position: relative;
    width: 100vw;
    height: 16vw;
    padding-left: 2.666666666666667vw;
    padding-right: 2.666666666666667vw;
    overflow: hidden;
    box-sizing: border-box;
  }
  .page-space-detail .page-nav .page-nav-list ul {
    margin-right: 0;
    height: 16vw;
    box-sizing: border-box;
    justify-content: flex-start;
  }
  .page-space-detail .page-nav .page-nav-list li {
    height: 100%;
    flex-shrink: 0;
  }
  .page-space-detail .page-nav .page-nav-list li a {
    padding: 0 2.666666666666667vw 1.866666666666667vw;
  }
  .page-space-detail .page-nav .page-nav-list li a::after {
    position: absolute;
    bottom: -0.266666666666667vw;
    left: 2.666666666666667vw;
    width: calc(100% - (2.66667vw * 2));
    height: 1.066666666666667vw;
  }
  .page-space-detail .page-nav .page-nav-list .sp {
    display: none;
  }
  .page-space-detail .page-nav .page-nav-list .icon-price {
    width: 5.600000000000001vw;
    height: 5.600000000000001vw;
    margin-bottom: 2.4vw;
  }
  .page-space-detail .page-nav .page-nav-list .icon-info {
    width: 5.600000000000001vw;
    height: 5.600000000000001vw;
    margin-bottom: 2.4vw;
  }
  .page-space-detail .page-nav .page-nav-list .icon-park {
    width: 4.8vw;
    height: 5.866666666666666vw;
    margin-bottom: 2.133333333333333vw;
  }
  .page-space-detail .page-nav .page-nav-list .icon-attractions {
    width: 8.266666666666666vw;
    height: 6vw;
    margin-bottom: 2.666666666666667vw;
  }
  .page-space-detail .page-nav .page-nav-list .icon-workshop {
    width: 5.2vw;
    height: 8vw;
    margin-bottom: 1.066666666666667vw;
  }
  .page-space-detail .page-nav .page-nav-list .icon-faq {
    width: 8.666666666666668vw;
    height: 7.066666666666667vw;
    margin-bottom: 1.066666666666667vw;
  }
  .page-space-detail .page-nav .page-nav-list .btn-text {
    margin-left: 1.333333333333333vw;
    font-size: 2.666666666666667vw;
    line-height: 1.1;
    display: inline-block;
    transform: scale(0.8);
    transform-origin: 0 0;
    text-align: center;
    display: block;
    box-sizing: border-box;
  }
  .page-space-detail .page-nav .page-nav-list .item-price {
    margin-left: 3.466666666666666vw;
    margin-left: 1.333333333333333vw;
  }
  .page-space-detail .page-nav .page-nav-list .item-info {
    margin-left: 2.666666666666667vw;
  }
  .page-space-detail .page-nav .page-nav-list .item-park {
    margin-left: 0.533333333333333vw;
  }
  .page-space-detail .page-nav .page-nav-list .item-park a {
    padding-right: 0;
  }
  .page-space-detail .page-nav .page-nav-list .item-attractions {
    margin-left: 0.266666666666667vw;
  }
  .page-space-detail .page-nav .page-nav-list .item-attractions a {
    padding-left: 0;
    padding-right: 0;
  }
  .page-space-detail .page-nav .page-nav-list .item-attractions .btn-text {
    margin-left: 4vw;
  }
  .page-space-detail .page-nav .page-nav-list .item-workshop {
    margin-left: -2.666666666666667vw;
  }
  .page-space-detail .page-nav .page-nav-list .item-workshop a {
    padding-left: 0;
    padding-right: 0;
  }
  .page-space-detail .page-nav .page-nav-list .item-workshop .btn-text {
    margin-left: 2.666666666666667vw;
  }
  .page-space-detail .page-nav .page-nav-list .item-faq {
    margin-left: 0.533333333333333vw;
  }
  .page-space-detail .page-nav .page-nav-list .item-faq a {
    padding-right: 4vw;
    padding-left: 3.466666666666666vw;
  }
  .page-space-detail .page-nav .page-nav-list .btn-nav-more {
    position: absolute;
    top: 50%;
    margin-top: -3.2vw;
    width: 6.4vw;
    height: 6.4vw;
  }
  .page-space-detail .page-nav .page-nav-list .btn-nav-more.swiper-button-disabled {
    opacity: 0;
  }
  .page-space-detail .page-nav .page-nav-list .btn-nav-more .icon-arrow-circle {
    width: 100%;
    height: 100%;
    border: 0.266666666666667vw solid #e4e4e4;
    border-radius: 50%;
    background: #fff;
    display: block;
    box-sizing: border-box;
  }
  .page-space-detail .page-nav .page-nav-list .btn-nav-more .icon-arrow-circle .icon-arrow {
    fill: #bbb;
    width: 1.333333333333333vw;
    height: 2.133333333333333vw;
  }
  .page-space-detail .page-nav .page-nav-list .mobile-slider-btn-prev {
    left: 1.333333333333333vw;
  }
  .page-space-detail .page-nav .page-nav-list .mobile-slider-btn-prev .icon-arrow-circle {
    transform: scale(-1, 1);
  }
  .page-space-detail .page-nav .page-nav-list .mobile-slider-btn-next {
    right: 1.333333333333333vw;
  }
  .page-space-detail .page-nav .page-nav-list.is-no-slider ul {
    justify-content: center;
  }
  .page-space-detail .page-nav .page-nav-list.is-no-slider .btn-nav-more {
    display: none;
  }
  .page-space-detail .page-nav .page-nav-list.is-no-slider .item-price {
    margin-left: 0;
  }
}
.page-space-detail .news-important {
  border-bottom: 1px solid #dbdbdb;
}
.page-space-detail .news-important .news-important-inner {
  padding-top: 20px;
  padding-bottom: 20px;
}
.page-space-detail .news-important li {
  display: flex;
  justify-content: center;
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 0.025em;
  color: #f3234f;
}
.page-space-detail .news-important a {
  color: #f3234f;
}
.page-space-detail .news-important a span {
  padding-bottom: 4px;
  border-bottom: 1px solid #f3234f;
}
.page-space-detail .news-important .date {
  margin-right: 20px;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-space-detail .news-important a span {
    transition: 0.3s;
  }
  .page-space-detail .news-important a:hover span {
    border-color: transparent;
  }
}
@media only screen and (max-width: 767px) {
  .page-space-detail .news-important {
    border-width: 0.266666666666667vw;
  }
  .page-space-detail .news-important .news-important-inner {
    padding: 3.466666666666666vw 4vw 4vw;
  }
  .page-space-detail .news-important li {
    flex-direction: column;
    font-size: 3.2vw;
    line-height: 1.5;
    letter-spacing: 0.025em;
  }
  .page-space-detail .news-important a span {
    padding-bottom: 0;
    border-width: 0.266666666666667vw;
  }
  .page-space-detail .news-important .date {
    margin-right: 0;
    margin-bottom: 0.8vw;
  }
}
.page-space-detail .todays-info {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.page-space-detail .todays-info .character {
  position: absolute;
  top: 21px;
  left: 0;
  width: 65px;
}
.page-space-detail .todays-info dl {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.page-space-detail .todays-info dt,
.page-space-detail .todays-info dd {
  position: relative;
  line-height: 1;
  box-sizing: border-box;
}
.page-space-detail .todays-info dt {
  padding-left: 23px;
  font-size: 1.5rem;
}
.page-space-detail .todays-info dt::before {
  position: absolute;
  top: 1px;
  left: 0;
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: #5fbce7;
  border-radius: 50%;
}
.page-space-detail .todays-info dd {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5fbce7;
  height: 80px;
  border: 1px solid #e4e4e4;
  border-radius: 20px;
  box-sizing: border-box;
}
.page-space-detail .todays-info dd.hour {
  margin-left: 20px;
  margin-right: 36px;
  padding: 0 26px 2px 22px;
  font-size: 3.8rem;
  letter-spacing: 0.022em;
}
.page-space-detail .todays-info dd.hour span {
  display: inline-block;
  margin-left: 4px;
  margin-right: 3px;
}
.page-space-detail .todays-info dd.status {
  width: 280px;
  flex-shrink: 0;
  margin-left: 22px;
}
.page-space-detail .todays-info dd.status > div {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.page-space-detail .todays-info dd.status span {
  display: block;
}
.page-space-detail .todays-info dd.status .status-icon {
  flex-shrink: 0;
  width: 60px;
  margin-top: 4px;
  fill: #5fbce7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-space-detail .todays-info dd.status .status-text {
  font-size: 2.6rem;
  line-height: 1;
}
.page-space-detail .todays-info dd.status .status-1 {
  padding-bottom: 2px;
  padding-left: 20px;
}
.page-space-detail .todays-info dd.status .status-1 .status-icon {
  width: 34px;
  height: 34px;
  margin-right: 14px;
}
.page-space-detail .todays-info dd.status .status-2 {
  padding-left: 22px;
  padding-bottom: 4px;
}
.page-space-detail .todays-info dd.status .status-2 .status-icon {
  width: 30px;
  height: 30px;
  margin-right: 12px;
}
.page-space-detail .todays-info dd.status .status-2 .status-text {
  font-size: 2.2rem;
}
.page-space-detail .todays-info dd.status .status-3 {
  padding-bottom: 6px;
  padding-left: 22px;
}
.page-space-detail .todays-info dd.status .status-3 .status-icon {
  width: 31px;
  height: 27px;
  margin-right: 16px;
}
.page-space-detail .todays-info dd.status .status-4 {
  padding-left: 23px;
}
.page-space-detail .todays-info dd.status .status-4 .status-icon {
  width: 36px;
  height: 36px;
  margin-top: 2px;
  margin-right: 18px;
  fill: #f3234f;
}
.page-space-detail .todays-info dd.status .status-4 .status-text {
  font-size: 2.2rem;
}
.page-space-detail .todays-info dd.status .status-4 .status-text .text-small {
  margin-top: 6px;
  font-size: 1.2rem;
  line-height: 1.166666666666667;
}
.page-space-detail .todays-info dd.status .status-5 {
  padding-bottom: 5px;
  padding-left: 20px;
}
.page-space-detail .todays-info dd.status .status-5 .status-icon {
  width: 34px;
  height: 34px;
  margin-right: 13px;
}
@media only screen and (max-width: 1020px) {
  .page-space-detail .todays-info {
    flex-direction: column;
    align-items: flex-start;
    width: 548px;
    margin: 0 auto;
  }
  .page-space-detail .todays-info .character {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -60px;
  }
  .page-space-detail .todays-info dl {
    flex-wrap: wrap;
    margin-left: 0;
  }
  .page-space-detail .todays-info dt,
  .page-space-detail .todays-info dd {
    margin-bottom: 20px;
  }
  .page-space-detail .todays-info dt {
    width: 148px;
  }
  .page-space-detail .todays-info dd.hour {
    width: 300px;
    margin-left: 0;
    margin-right: 0;
  }
  .page-space-detail .todays-info dd.status {
    width: 300px;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-space-detail .todays-info {
    width: 100%;
    padding-top: 3.733333333333334vw;
    padding-bottom: 2vw;
    flex-direction: column;
    align-items: flex-start;
  }
  .page-space-detail .todays-info .character {
    position: absolute;
    top: 5.466666666666667vw;
    left: 3.466666666666666vw;
    width: 14.799999999999999vw;
    margin-top: 0;
  }
  .page-space-detail .todays-info dl {
    width: 75.33333333333333vw;
    flex-wrap: wrap;
    margin-left: 20.666666666666668vw;
  }
  .page-space-detail .todays-info dt,
  .page-space-detail .todays-info dd {
    margin-bottom: 2vw;
  }
  .page-space-detail .todays-info dt {
    width: 29.333333333333332vw;
    padding-left: 3.333333333333333vw;
    font-size: 3.2vw;
  }
  .page-space-detail .todays-info dt::before {
    top: 0;
    width: 1.866666666666667vw;
    height: 1.866666666666667vw;
    margin-top: 0.8vw;
  }
  .page-space-detail .todays-info dd {
    height: 12vw;
    border-width: 0.266666666666667vw;
    border-radius: 2.666666666666667vw;
  }
  .page-space-detail .todays-info dd.hour {
    width: 46vw;
    margin-left: 0;
    margin-right: 0;
    padding: 0.533333333333333vw 3.466666666666666vw 0 2.933333333333333vw;
    font-size: 5.600000000000001vw;
    letter-spacing: 0.022em;
  }
  .page-space-detail .todays-info dd.hour span {
    margin-left: 0.533333333333333vw;
    margin-right: 0.4vw;
  }
  .page-space-detail .todays-info dd.status {
    justify-content: flex-start;
    width: 46vw;
    margin-left: 0;
    padding: 0 0 0.266666666666667vw 1.333333333333333vw;
  }
  .page-space-detail .todays-info dd.status .status-icon {
    width: 9.333333333333334vw;
    margin-top: 0.533333333333333vw;
  }
  .page-space-detail .todays-info dd.status .status-text {
    font-size: 4.533333333333333vw;
  }
  .page-space-detail .todays-info dd.status .status-1 {
    padding-bottom: 0.266666666666667vw;
    padding-left: 1.866666666666667vw;
  }
  .page-space-detail .todays-info dd.status .status-1 .status-icon {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
    margin-right: 2.133333333333333vw;
  }
  .page-space-detail .todays-info dd.status .status-2 {
    padding-left: 1.066666666666667vw;
    padding-bottom: 0.533333333333333vw;
  }
  .page-space-detail .todays-info dd.status .status-2 .status-icon {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
    margin-right: 1.6vw;
  }
  .page-space-detail .todays-info dd.status .status-2 .status-text {
    font-size: 4vw;
    letter-spacing: -0.06em;
  }
  .page-space-detail .todays-info dd.status .status-3 {
    padding-bottom: 0.533333333333333vw;
    padding-left: 1.866666666666667vw;
  }
  .page-space-detail .todays-info dd.status .status-3 .status-icon {
    width: 5.066666666666666vw;
    height: 4.266666666666667vw;
    margin-right: 2.133333333333333vw;
  }
  .page-space-detail .todays-info dd.status .status-4 {
    padding-left: 1.333333333333333vw;
  }
  .page-space-detail .todays-info dd.status .status-4 .status-icon {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
    margin-top: 0.266666666666667vw;
    margin-right: 1.333333333333333vw;
  }
  .page-space-detail .todays-info dd.status .status-4 .status-text {
    margin-top: 1.866666666666667vw;
    font-size: 4vw;
  }
  .page-space-detail .todays-info dd.status .status-4 .status-text .text-small {
    margin-top: 0.8vw;
    font-size: 2.666666666666667vw;
    line-height: 1.1;
    display: inline-block;
    transform: scale(0.8);
    transform-origin: 0 0;
    display: block;
    width: 130%;
  }
  .page-space-detail .todays-info dd.status .status-5 {
    padding-bottom: 0.266666666666667vw;
    padding-left: 2vw;
  }
  .page-space-detail .todays-info dd.status .status-5 .status-icon {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
    margin-right: 2vw;
  }
}
.page-space-detail .section-news .section-heading,
.page-space-detail .section-tickets .section-heading {
  line-height: 1;
  text-align: center;
}
.page-space-detail .section-news .section-heading span,
.page-space-detail .section-tickets .section-heading span {
  display: block;
}
.page-space-detail .section-news .section-heading .text-main,
.page-space-detail .section-tickets .section-heading .text-main {
  font-size: 9rem;
}
.page-space-detail .section-news .section-heading .text-sub,
.page-space-detail .section-tickets .section-heading .text-sub {
  margin-top: 20px;
  font-size: 1.3rem;
}
@media only screen and (max-width: 767px) {
  .page-space-detail .section-news .section-heading .text-main,
  .page-space-detail .section-tickets .section-heading .text-main {
    font-size: 12vw;
  }
  .page-space-detail .section-news .section-heading .text-sub,
  .page-space-detail .section-tickets .section-heading .text-sub {
    margin-top: 2.666666666666667vw;
    font-size: 2.666666666666667vw;
  }
}
.page-space-detail .section-news {
  background: #f5f5f5;
}
.page-space-detail .section-news .bg-item-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 185px;
  background: url("assets/img/space/detail/pc/news-bg-1.png?hash=10445524c98898e1ea54cf439e9556ec") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-space-detail .section-news .bg-item-1 {
    background: url("assets/img/space/detail/pc/news-bg-1@2x.png?hash=1f80c4cdba5f816dbdd92fb307034ace") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-space-detail .section-news .bg-item-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 260px;
  height: 150px;
  background: url("assets/img/space/detail/pc/news-bg-2.png?hash=567682090d7a8698e9871ce0fa03bd2b") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-space-detail .section-news .bg-item-2 {
    background: url("assets/img/space/detail/pc/news-bg-2@2x.png?hash=db6a302656fe5b83e1c71b41d7b78c03") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-space-detail .section-news .bg-item-1 {
    width: 40vw;
    height: 24.666666666666668vw;
  }
  .page-space-detail .section-news .bg-item-2 {
    width: 34.66666666666667vw;
    height: 20vw;
  }
}
.page-space-detail .section-news .section-inner {
  padding-top: 140px;
  padding-bottom: 150px;
}
@media only screen and (max-width: 767px) {
  .page-space-detail .section-news .section-inner {
    padding-top: 32.266666666666666vw;
    padding-bottom: 32.800000000000004vw;
  }
}
.page-space-detail .section-news .section-heading {
  line-height: 1;
  text-align: center;
}
.page-space-detail .section-news .section-heading span {
  display: block;
}
.page-space-detail .section-news .section-heading .text-main {
  font-size: 9rem;
}
.page-space-detail .section-news .section-heading .text-sub {
  margin-top: 14px;
  font-size: 1.3rem;
  line-height: 1.846153846153846;
}
@media only screen and (max-width: 767px) {
  .page-space-detail .section-news .section-heading .text-main {
    font-size: 12vw;
  }
  .page-space-detail .section-news .section-heading .text-sub {
    padding: 0 5.333333333333334vw;
    margin-top: 1.333333333333333vw;
    font-size: 2.666666666666667vw;
  }
}
.page-space-detail .section-news .park-info,
.page-space-detail .section-news .latest-news {
  position: relative;
}
.page-space-detail .section-news .park-info .latest-news-list a,
.page-space-detail .section-news .latest-news .latest-news-list a,
.page-space-detail .section-news .park-info .park-info-list a,
.page-space-detail .section-news .latest-news .park-info-list a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  text-align: justify;
  box-sizing: border-box;
}
.page-space-detail .section-news .park-info .latest-news-list .date,
.page-space-detail .section-news .latest-news .latest-news-list .date,
.page-space-detail .section-news .park-info .park-info-list .date,
.page-space-detail .section-news .latest-news .park-info-list .date {
  color: #666;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.02em;
}
.page-space-detail .section-news .park-info .latest-news-list .title,
.page-space-detail .section-news .latest-news .latest-news-list .title,
.page-space-detail .section-news .park-info .park-info-list .title,
.page-space-detail .section-news .latest-news .park-info-list .title {
  width: 100%;
  font-feature-settings: "palt";
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 767px) {
  .page-space-detail .section-news .park-info,
  .page-space-detail .section-news .latest-news {
    position: relative;
  }
  .page-space-detail .section-news .park-info .latest-news-list .date,
  .page-space-detail .section-news .latest-news .latest-news-list .date,
  .page-space-detail .section-news .park-info .park-info-list .date,
  .page-space-detail .section-news .latest-news .park-info-list .date {
    font-size: 2.666666666666667vw;
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
  }
  .page-space-detail .section-news .park-info .latest-news-list .title,
  .page-space-detail .section-news .latest-news .latest-news-list .title,
  .page-space-detail .section-news .park-info .park-info-list .title,
  .page-space-detail .section-news .latest-news .park-info-list .title {
    font-size: 3.466666666666666vw;
    line-height: 1.461538461538461;
    letter-spacing: 0.02em;
  }
}
.page-space-detail .section-news .latest-news {
  position: relative;
  padding-top: 75px;
}
.page-space-detail .section-news .latest-news .btn-viewmore {
  position: absolute;
  top: 13px;
  right: 0;
}
.page-space-detail .section-news .latest-news .latest-news-list a {
  padding-bottom: 4px;
}
.page-space-detail .section-news .latest-news .latest-news-list .slider .slider-contents {
  width: calc(50vw + 500px);
}
.page-space-detail .section-news .latest-news .latest-news-list .slider .slider-item-list {
  margin-bottom: 72px;
}
.page-space-detail .section-news .latest-news .latest-news-list .slider .slider-item {
  width: 320px;
  margin-right: 30px;
}
.page-space-detail .section-news .latest-news .latest-news-list .title {
  margin-top: 20px;
}
.page-space-detail .section-news .latest-news .latest-news-list .thumb {
  position: relative;
  margin-bottom: 27px;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-space-detail .section-news .latest-news .latest-news-list a .thumb img {
    transition: 0.4s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .page-space-detail .section-news .latest-news .latest-news-list a .title {
    transition: 0.3s;
  }
  .page-space-detail .section-news .latest-news .latest-news-list a:hover .thumb img {
    transform: scale(1.05);
  }
  .page-space-detail .section-news .latest-news .latest-news-list a:hover .title {
    color: #5fbce7;
  }
}
@media only screen and (max-width: 767px) {
  .page-space-detail .section-news .latest-news {
    padding-top: 17.866666666666667vw;
  }
  .page-space-detail .section-news .latest-news .btn-viewmore {
    top: 5.066666666666666vw;
    right: 5.333333333333334vw;
  }
  .page-space-detail .section-news .latest-news .latest-news-list {
    margin-left: 5.333333333333334vw;
  }
  .page-space-detail .section-news .latest-news .latest-news-list a {
    padding-bottom: 0;
  }
  .page-space-detail .section-news .latest-news .latest-news-list .slider .slider-contents {
    width: 94.66666666666667vw;
  }
  .page-space-detail .section-news .latest-news .latest-news-list .slider .slider-item-list {
    margin-bottom: 13.066666666666665vw;
  }
  .page-space-detail .section-news .latest-news .latest-news-list .slider .slider-item {
    width: 56.00000000000001vw;
    margin-right: 5.333333333333334vw;
  }
  .page-space-detail .section-news .latest-news .latest-news-list .title {
    margin-top: 0.8vw;
    padding-right: 2.4vw;
    box-sizing: border-box;
  }
  .page-space-detail .section-news .latest-news .latest-news-list .thumb {
    margin-bottom: 2.933333333333333vw;
    border-radius: 1.866666666666667vw;
  }
  .page-space-detail .section-news .latest-news .slider-scroll {
    width: 89.33333333333333vw;
  }
}
.page-space-detail .section-news .park-info {
  margin-top: 90px;
}
.page-space-detail .section-news .park-info .btn-viewmore {
  position: absolute;
  top: 0;
  right: 0;
}
.page-space-detail .section-news .park-info .sub-heading {
  padding-right: 180px;
  font-size: 1.8rem;
  line-height: 1.888888888888889;
  box-sizing: border-box;
}
.page-space-detail .section-news .park-info .park-info-list {
  width: 100%;
  margin-top: 28px;
  border-top: 1px solid #bbb;
  box-sizing: border-box;
}
.page-space-detail .section-news .park-info .park-info-list li {
  border-bottom: 1px solid #bbb;
}
.page-space-detail .section-news .park-info .park-info-list a {
  display: flex;
  padding: 30px 100px 32px 0;
}
.page-space-detail .section-news .park-info .park-info-list .date {
  margin-top: 9px;
  margin-left: 2px;
}
.page-space-detail .section-news .park-info .park-info-list .title {
  flex: 1;
  width: auto;
  margin-left: 40px;
}
.page-space-detail .section-news .park-info .park-info-list .icon-arrow-circle {
  position: absolute;
  top: 50%;
  right: 0;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  background: #fff;
}
.page-space-detail .section-news .park-info .park-info-list .icon-arrow-circle .icon-arrow {
  width: 8px;
  height: 12px;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-space-detail .section-news .park-info .park-info-list a .title {
    transition: 0.3s;
  }
  .page-space-detail .section-news .park-info .park-info-list a .icon-arrow-circle {
    transition: 0.3s;
  }
  .page-space-detail .section-news .park-info .park-info-list a .icon-arrow-circle .icon-arrow {
    transition: 0.3s;
  }
  .page-space-detail .section-news .park-info .park-info-list a:hover .title {
    color: #5fbce7;
  }
  .page-space-detail .section-news .park-info .park-info-list a:hover .icon-arrow-circle {
    background: #5fbce7;
  }
  .page-space-detail .section-news .park-info .park-info-list a:hover .icon-arrow-circle .icon-arrow {
    fill: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .page-space-detail .section-news .park-info {
    width: 89.33333333333333vw;
    margin: 12.933333333333334vw auto 0;
  }
  .page-space-detail .section-news .park-info .btn-viewmore {
    top: 7.733333333333333vw;
  }
  .page-space-detail .section-news .park-info .sub-heading {
    padding-right: 26.666666666666668vw;
    font-size: 3.733333333333334vw;
    line-height: 1.785714285714286;
  }
  .page-space-detail .section-news .park-info .park-info-list {
    margin-top: 6.933333333333333vw;
    border-width: 0.266666666666667vw;
  }
  .page-space-detail .section-news .park-info .park-info-list li {
    border-width: 0.266666666666667vw;
  }
  .page-space-detail .section-news .park-info .park-info-list a {
    flex-direction: column;
    padding: 5.333333333333334vw 14.666666666666666vw 6.800000000000001vw 0;
  }
  .page-space-detail .section-news .park-info .park-info-list .date {
    margin-top: 1.2vw;
    margin-left: 0.266666666666667vw;
  }
  .page-space-detail .section-news .park-info .park-info-list .title {
    margin-left: 0;
    margin-top: 2.933333333333333vw;
  }
  .page-space-detail .section-news .park-info .park-info-list .icon-arrow-circle {
    right: 1.333333333333333vw;
    width: 12vw;
    height: 12vw;
    margin-top: -6vw;
  }
  .page-space-detail .section-news .park-info .park-info-list .icon-arrow-circle .icon-arrow {
    width: 1.6vw;
    height: 2.666666666666667vw;
  }
}
.page-space-detail .section-tickets .section-container {
  background: #5fbce7;
}
.page-space-detail .section-tickets .section-container .bg-item-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 299px;
  height: 200px;
}
.page-space-detail .section-tickets .section-container .bg-item-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 350px;
  height: 200px;
}
.page-space-detail .section-tickets .section-container .bg-item-3 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 294px;
  height: 185px;
  background: url("assets/img/space/detail/pc/tickets-bg-3.png?hash=e34f5160dd1b2c66c1efb1d9c0b46f05") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-space-detail .section-tickets .section-container .bg-item-3 {
    background: url("assets/img/space/detail/pc/tickets-bg-3@2x.png?hash=ca073e0f44bd6f08232d648407d31433") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-space-detail .section-tickets .section-container .bg-item-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 39.86666666666667vw;
    height: 26.666666666666668vw;
  }
  .page-space-detail .section-tickets .section-container .bg-item-2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 46.666666666666664vw;
    height: 26.666666666666668vw;
  }
  .page-space-detail .section-tickets .section-container .bg-item-3 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 39.2vw;
    height: 24.666666666666668vw;
    background: url("assets/img/space/detail/pc/tickets-bg-3.png?hash=e34f5160dd1b2c66c1efb1d9c0b46f05") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-space-detail .section-tickets .section-container .bg-item-3 {
    background: url("assets/img/space/detail/pc/tickets-bg-3@2x.png?hash=ca073e0f44bd6f08232d648407d31433") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-space-detail .section-tickets .section-inner {
  padding-top: 140px;
  padding-bottom: 142px;
}
@media only screen and (max-width: 767px) {
  .page-space-detail .section-tickets .section-inner {
    padding-top: 32vw;
    padding-bottom: 20.533333333333335vw;
  }
}
.page-space-detail .section-tickets .section-heading {
  color: #fff;
}
.page-space-detail .section-tickets .section-heading .text-sub {
  margin-top: 14px;
}
@media only screen and (max-width: 767px) {
  .page-space-detail .section-tickets .section-heading .text-sub {
    margin-top: 1.6vw;
  }
}
.page-space-detail .section-tickets .section-contents {
  position: relative;
  z-index: 1;
  margin-top: 60px;
}
.page-space-detail .section-tickets .section-contents .table-block:not(:first-child) {
  margin-top: 50px;
}
.page-space-detail .section-tickets .section-contents table {
  width: 100%;
  background: #fff;
  overflow: hidden;
  table-layout: fixed;
  border-radius: 20px;
}
.page-space-detail .section-tickets .section-contents th,
.page-space-detail .section-tickets .section-contents td {
  width: 25%;
  text-align: center;
  box-sizing: border-box;
  border-top: 1px solid #dbdbdb;
}
.page-space-detail .section-tickets .section-contents td {
  padding-top: 24px;
  padding-bottom: 26px;
  font-size: 2.4rem;
  line-height: 1;
}
.page-space-detail .section-tickets .section-contents td span {
  display: block;
  margin-top: 2px;
  font-size: 1.5rem;
  line-height: 1.6;
  font-family: 'Noto Sans JP', sans-serif;
}
.page-space-detail .section-tickets .section-contents .table-heading {
  padding: 22px 0 24px 10px;
  font-size: 1.5rem;
  line-height: 1.866666666666667;
  color: #fff;
  background: #1f98d0;
  border-top: none;
}
.page-space-detail .section-tickets .section-contents .table-heading-sub {
  padding: 22px 0 24px;
  color: #fff;
  background: #2ba6df;
  border-top: none;
}
.page-space-detail .section-tickets .section-contents .item-heading {
  font-size: 1.5rem;
  line-height: 1.866666666666667;
  padding: 26px 0 28px 10px;
  background: #f5f5f5;
}
.page-space-detail .section-tickets .section-contents .table-weekday .item-heading {
  padding-left: 2px;
}
.page-space-detail .section-tickets .section-contents .table-holiday .item-heading {
  padding-left: 2px;
}
.page-space-detail .section-tickets .section-contents .table-holiday .table-heading {
  padding-left: 4px;
  background: #282828;
}
.page-space-detail .section-tickets .section-contents .table-holiday .table-heading-sub {
  background: #000;
}
.page-space-detail .section-tickets .section-contents .notes {
  margin-top: 52px;
  color: #fff;
  font-size: 1.3rem;
  line-height: 2.153846153846154;
}
.page-space-detail .section-tickets .section-contents .notes li {
  padding-left: 1em;
  text-indent: -1em;
}
.page-space-detail .section-tickets .section-contents .notes a {
  color: #fff;
  border-bottom: 1px solid #fff;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-space-detail .section-tickets .section-contents .notes a {
    transition: 0.3s;
  }
  .page-space-detail .section-tickets .section-contents .notes a:hover {
    border-color: transparent;
  }
}
.page-space-detail .section-tickets .section-contents .banner {
  margin-top: 30px;
  text-align: center;
}
.page-space-detail .section-tickets .section-contents .banner img {
  width: 66%;
}
@media only screen and (max-width: 767px) {
  .page-space-detail .section-tickets .section-contents {
    padding: 0 5.333333333333334vw;
    margin-top: 12vw;
  }
  .page-space-detail .section-tickets .section-contents .table-block:not(:first-child) {
    margin-top: 13.333333333333334vw;
  }
  .page-space-detail .section-tickets .section-contents .js-scrollable {
    font-size: 2rem;
    line-height: 1;
    overflow-x: scroll;
  }
  .page-space-detail .section-tickets .section-contents table {
    width: 156vw;
    border-radius: 4vw;
  }
  .page-space-detail .section-tickets .section-contents th,
  .page-space-detail .section-tickets .section-contents td {
    width: auto;
  }
  .page-space-detail .section-tickets .section-contents td {
    padding-top: 4.8vw;
    padding-bottom: 4.8vw;
    font-size: 4.533333333333333vw;
  }
  .page-space-detail .section-tickets .section-contents td span {
    margin-top: 1.333333333333333vw;
    font-size: 2.666666666666667vw;
  }
  .page-space-detail .section-tickets .section-contents .table-heading {
    width: 36vw;
    padding: 5.866666666666666vw 0 4.8vw;
    font-size: 3.466666666666666vw;
    line-height: 1.461538461538461;
  }
  .page-space-detail .section-tickets .section-contents .table-heading-sub {
    padding: 2.666666666666667vw 0 3.2vw;
    font-size: 3.466666666666666vw;
    line-height: 1.461538461538461;
  }
  .page-space-detail .section-tickets .section-contents .table-heading-sub .text-small {
    margin-top: 0.8vw;
    margin-left: 2.666666666666667vw;
    font-size: 2.666666666666667vw;
    line-height: 1;
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
    display: block;
    vertical-align: top;
  }
  .page-space-detail .section-tickets .section-contents .item-heading {
    font-size: 3.2vw;
    line-height: 1.75;
    padding: 4.266666666666667vw 0 4.8vw;
  }
  .page-space-detail .section-tickets .section-contents .table-annual {
    width: 128vw;
  }
  .page-space-detail .section-tickets .section-contents .table-annual th:nth-child(2) {
    width: 36.53333333333333vw;
  }
  .page-space-detail .section-tickets .section-contents .table-annual th:nth-child(3) {
    width: 18.666666666666668vw;
  }
  .page-space-detail .section-tickets .section-contents .table-annual .item-heading {
    font-size: 2.933333333333333vw;
    line-height: 1.818181818181818;
    padding: 3.6vw 0 4.266666666666667vw;
  }
  .page-space-detail .section-tickets .section-contents .table-annual .table-heading-sub {
    padding: 2.933333333333333vw 0 2.933333333333333vw;
  }
  .page-space-detail .section-tickets .section-contents .table-weekday .item-heading {
    padding-left: 0.266666666666667vw;
  }
  .page-space-detail .section-tickets .section-contents .table-weekday th:nth-child(2) {
    width: 36.266666666666666vw;
  }
  .page-space-detail .section-tickets .section-contents .table-weekday th:nth-child(3) {
    width: 19.466666666666665vw;
  }
  .page-space-detail .section-tickets .section-contents .table-weekday th:nth-child(4) {
    width: 36.8vw;
  }
  .page-space-detail .section-tickets .section-contents .table-weekday th:nth-child(5) {
    padding-right: 8vw;
  }
  .page-space-detail .section-tickets .section-contents .table-weekday td:nth-child(5) {
    padding-right: 8vw;
  }
  .page-space-detail .section-tickets .section-contents .table-holiday .item-heading {
    padding-left: 0.266666666666667vw;
  }
  .page-space-detail .section-tickets .section-contents .table-holiday .table-heading {
    padding-left: 0.533333333333333vw;
  }
  .page-space-detail .section-tickets .section-contents .table-holiday th:nth-child(2) {
    width: 36.266666666666666vw;
  }
  .page-space-detail .section-tickets .section-contents .table-holiday th:nth-child(3) {
    width: 19.466666666666665vw;
  }
  .page-space-detail .section-tickets .section-contents .table-holiday th:nth-child(4) {
    width: 36.8vw;
  }
  .page-space-detail .section-tickets .section-contents .table-holiday th:nth-child(5) {
    padding-right: 8vw;
  }
  .page-space-detail .section-tickets .section-contents .table-holiday td:nth-child(5) {
    padding-right: 8vw;
  }
  .page-space-detail .section-tickets .section-contents .notes {
    margin-top: 9.333333333333334vw;
    font-size: 2.933333333333333vw;
    line-height: 1.636363636363636;
  }
  .page-space-detail .section-tickets .section-contents .notes li:not(:first-child) {
    margin-top: 2.133333333333333vw;
  }
  .page-space-detail .section-tickets .section-contents .notes a {
    text-underline-offset: 0.533333333333333vw;
  }
  .page-space-detail .section-tickets .section-contents .banner {
    margin-top: 4vw;
  }
  .page-space-detail .section-tickets .section-contents .banner img {
    width: 100%;
  }
}
.page-space-detail .info-container {
  background: #5fbce7;
}
.page-space-detail .info-container .info-inner {
  background: #fff;
  padding-top: 151px;
  border-radius: 60px 60px 0 0;
}
@media only screen and (max-width: 767px) {
  .page-space-detail .info-container .info-inner {
    padding-top: 24vw;
    border-radius: 8vw 8vw 0 0;
  }
  .page-space-detail .info-container .section-heading {
    width: 89.33333333333333vw;
    margin: 0 auto;
  }
}
.page-space-detail .info-container .section-guide .section-inner {
  padding-bottom: 150px;
}
.page-space-detail .info-container .section-guide .section-contents {
  margin-top: 40px;
}
.page-space-detail .info-container .section-guide .section-contents dl {
  display: flex;
  flex-wrap: wrap;
}
.page-space-detail .info-container .section-guide .section-contents dt,
.page-space-detail .info-container .section-guide .section-contents dd {
  box-sizing: border-box;
  border-bottom: 1px solid #dbdbdb;
}
.page-space-detail .info-container .section-guide .section-contents dt {
  padding-top: 34px;
  width: 33%;
  padding-left: 40px;
  color: #5fbce7;
  font-size: 1.6rem;
}
.page-space-detail .info-container .section-guide .section-contents dd {
  width: 67%;
  padding-top: 34px;
  padding-bottom: 32px;
}
.page-space-detail .info-container .section-guide .section-contents dd .notes {
  margin-top: 4px;
  font-size: 1.3rem;
  line-height: 1.846153846153846;
}
.page-space-detail .info-container .section-guide .section-contents dd:nth-of-type(1),
.page-space-detail .info-container .section-guide .section-contents dd:nth-of-type(3) {
  padding-bottom: 38px;
}
.page-space-detail .info-container .section-guide .section-contents dd:nth-of-type(4) {
  padding-bottom: 35px;
}
.page-space-detail .info-container .section-guide .section-contents dd a {
  border-bottom: 1px solid #000;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-space-detail .info-container .section-guide .section-contents dd a {
    transition: 0.3s;
  }
  .page-space-detail .info-container .section-guide .section-contents dd a:hover {
    border-color: transparent;
  }
}
.page-space-detail .info-container .section-guide .section-contents dd .map {
  margin-top: 30px;
}
.page-space-detail .info-container .section-guide .section-contents dd .map iframe {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .page-space-detail .info-container .section-guide .section-inner {
    padding-bottom: 21.333333333333336vw;
  }
  .page-space-detail .info-container .section-guide .section-contents {
    padding: 0 5.333333333333334vw;
    margin-top: 5.600000000000001vw;
  }
  .page-space-detail .info-container .section-guide .section-contents dl {
    flex-direction: column;
  }
  .page-space-detail .info-container .section-guide .section-contents dt,
  .page-space-detail .info-container .section-guide .section-contents dd {
    border-width: 0.266666666666667vw;
  }
  .page-space-detail .info-container .section-guide .section-contents dt {
    padding-top: 5.866666666666666vw;
    width: 100%;
    padding-left: 0;
    font-size: 3.733333333333334vw;
    border-bottom: none;
  }
  .page-space-detail .info-container .section-guide .section-contents dd {
    width: 100%;
    font-size: 3.466666666666666vw;
    line-height: 2;
    padding-top: 1.333333333333333vw;
    padding-bottom: 6.4vw;
  }
  .page-space-detail .info-container .section-guide .section-contents dd .notes {
    margin-top: 1.333333333333333vw;
    font-size: 2.666666666666667vw;
    line-height: 1.5;
    padding-left: 1em;
    text-indent: -1em;
  }
  .page-space-detail .info-container .section-guide .section-contents dd:nth-of-type(1),
  .page-space-detail .info-container .section-guide .section-contents dd:nth-of-type(3) {
    padding-bottom: 7.466666666666668vw;
  }
  .page-space-detail .info-container .section-guide .section-contents dd:nth-of-type(4) {
    padding-bottom: 5.866666666666666vw;
  }
  .page-space-detail .info-container .section-guide .section-contents dd a {
    text-underline-offset: 0.533333333333333vw;
  }
  .page-space-detail .info-container .section-guide .section-contents dd .map {
    margin-top: 5.066666666666666vw;
    height: 48vw;
  }
  .page-space-detail .info-container .section-guide .section-contents dd .map iframe {
    width: 100%;
    height: 100%;
  }
}
.page-space-detail .info-container .section-park {
  position: relative;
  padding-bottom: 148px;
}
.page-space-detail .info-container .section-park::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 460px;
  background: #f5f5f5;
}
.page-space-detail .info-container .section-park .section-heading,
.page-space-detail .info-container .section-park .section-contents {
  position: relative;
  z-index: 1;
}
.page-space-detail .info-container .section-park .bg-item-1,
.page-space-detail .info-container .section-park .bg-item-2 {
  z-index: 1;
}
.page-space-detail .info-container .section-park .bg-item-1 {
  position: absolute;
  top: 149px;
  left: 0;
  width: 151px;
  height: 200px;
}
.page-space-detail .info-container .section-park .bg-item-2 {
  position: absolute;
  top: 174px;
  right: 0;
  width: 150px;
  height: 175px;
}
.page-space-detail .info-container .section-park .text {
  margin: 0 auto;
  padding: 0 50px;
  margin-top: 64px;
  font-size: 1.6rem;
  line-height: 2.5;
  text-align: justify;
}
.page-space-detail .info-container .section-park .text .text-large {
  margin-left: 14px;
  margin-bottom: 33px;
  text-align: center;
  font-size: 3.8rem;
  line-height: 1.657894736842105;
}
.page-space-detail .info-container .section-park .text a {
  border-bottom: 1px solid #000;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-space-detail .info-container .section-park .text a {
    transition: 0.3s;
  }
  .page-space-detail .info-container .section-park .text a:hover {
    border-color: transparent;
  }
}
.page-space-detail .info-container .section-park .text .color-red {
  color: #f00;
}
.page-space-detail .info-container .section-park .text .color-red a {
  color: #f00;
  border-color: #f00;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-space-detail .info-container .section-park .text .color-red a {
    transition: 0.3s;
  }
  .page-space-detail .info-container .section-park .text .color-red a:hover {
    border-color: transparent;
  }
}
.page-space-detail .info-container .section-park .slider {
  position: relative;
  margin-top: 70px;
  z-index: 1;
}
.page-space-detail .info-container .section-park .slider-item {
  display: flex;
  align-items: center;
}
.page-space-detail .info-container .section-park .slider-item-border::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 50px;
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
}
.page-space-detail .info-container .section-park .slider-item-movie {
  padding: 64px 30px;
  background: #e8e8e8;
  box-sizing: border-box;
}
.page-space-detail .info-container .section-park .slider-item-movie .movie-block {
  border-radius: 8px;
}
.page-space-detail .info-container .section-park .slider-item-movie::before {
  display: none;
}
@media only screen and (max-width: 767px) {
  .page-space-detail .info-container .section-park {
    padding-bottom: 21.333333333333336vw;
  }
  .page-space-detail .info-container .section-park::after {
    height: 60.4vw;
  }
  .page-space-detail .info-container .section-park .bg-item-1 {
    display: none;
  }
  .page-space-detail .info-container .section-park .bg-item-2 {
    top: auto;
    right: auto;
    left: 0;
    bottom: 7.333333333333333vw;
    width: 26.666666666666668vw;
    height: 20vw;
    z-index: 1;
  }
  .page-space-detail .info-container .section-park .section-contents {
    padding: 5.333333333333334vw;
  }
  .page-space-detail .info-container .section-park .text {
    padding: 0;
    margin-top: 7.733333333333333vw;
    font-size: 3.466666666666666vw;
    line-height: 2;
  }
  .page-space-detail .info-container .section-park .text .text-large {
    margin-left: 0;
    margin-bottom: 7.199999999999999vw;
    text-align: left;
    font-size: 7.199999999999999vw;
    line-height: 1.666666666666667;
  }
  .page-space-detail .info-container .section-park .slider {
    margin-top: 4.8vw;
  }
  .page-space-detail .info-container .section-park .slider-item-border::before {
    border-radius: 6.666666666666667vw;
    border-width: 0.266666666666667vw;
  }
  .page-space-detail .info-container .section-park .slider-item-movie {
    padding: 7.866666666666666vw 4vw;
  }
  .page-space-detail .info-container .section-park .slider-item-movie .movie-block {
    border-radius: 1.333333333333333vw;
  }
  .page-space-detail .info-container .section-park .slider-nav {
    margin-top: 10.666666666666668vw;
  }
  .page-space-detail .info-container .section-park .slider-btn-prev,
  .page-space-detail .info-container .section-park .slider-btn-next {
    display: none;
  }
}
.page-space-detail .info-container .section-attractions {
  background: #f5f5f5;
}
.page-space-detail .info-container .section-attractions .bg-item-1 {
  position: absolute;
  top: 80px;
  left: 0;
  width: 400px;
  height: 200px;
  background: url("assets/img/space/detail/pc/attractions-bg-1.png?hash=7bc11afa6e62a6c5196c7f76bdae5f23") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-space-detail .info-container .section-attractions .bg-item-1 {
    background: url("assets/img/space/detail/pc/attractions-bg-1@2x.png?hash=01383b6b29c4e0683ce84ef9a2883695") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-space-detail .info-container .section-attractions .bg-item-2 {
  position: absolute;
  bottom: 600px;
  right: 0;
  width: 300px;
  height: 300px;
  background: url("assets/img/space/detail/pc/attractions-bg-2.png?hash=a5b1b1f0a5939f3ce2d2efa3ff8a7dec") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-space-detail .info-container .section-attractions .bg-item-2 {
    background: url("assets/img/space/detail/pc/attractions-bg-2@2x.png?hash=a1ec0c2a9bfea5efde535101080692ac") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-space-detail .info-container .section-attractions .section-inner {
  padding-bottom: 150px;
}
.page-space-detail .info-container .section-attractions .section-contents {
  margin-top: 80px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1080px) {
  .page-space-detail .info-container .section-attractions .attractions-list {
    width: 630px;
    margin: 0 auto;
  }
}
.page-space-detail .info-container .section-attractions .attractions-list ul {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-space-detail .info-container .section-attractions .attractions-list ul::after {
  content: "";
  display: block;
  width: 300px;
  height: 0;
}
.page-space-detail .info-container .section-attractions .attractions-list li {
  width: 300px;
  margin-bottom: 59px;
}
.page-space-detail .info-container .section-attractions .attractions-list a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.page-space-detail .info-container .section-attractions .attractions-list .icon-new {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 80px;
  height: 78px;
  fill: #f3234f;
}
.page-space-detail .info-container .section-attractions .attractions-list .icon-new .icon-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 5px;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.03em;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.page-space-detail .info-container .section-attractions .attractions-list .img-container {
  position: relative;
}
.page-space-detail .info-container .section-attractions .attractions-list .img-container .img {
  border-radius: 20px;
  overflow: hidden;
}
.page-space-detail .info-container .section-attractions .attractions-list .text-container .heading {
  margin-top: 17px;
}
.page-space-detail .info-container .section-attractions .attractions-list .text-container .heading span {
  display: block;
}
.page-space-detail .info-container .section-attractions .attractions-list .text-container .heading .text-sub {
  font-size: 1rem;
  line-height: 1.4;
}
.page-space-detail .info-container .section-attractions .attractions-list .text-container .heading .text-main {
  margin-top: 1px;
  font-size: 2.6rem;
  line-height: 1.230769230769231;
  letter-spacing: 0.02em;
}
.page-space-detail .info-container .section-attractions .attractions-list .text-container .text {
  margin-top: 9px;
  font-size: 1.3rem;
  line-height: 1.846153846153846;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-space-detail .info-container .section-attractions .attractions-list a .img-container .img img {
    transition: 0.4s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .page-space-detail .info-container .section-attractions .attractions-list a .text-container .heading .text-main {
    transition: 0.3s;
  }
  .page-space-detail .info-container .section-attractions .attractions-list a:hover .img-container .img img {
    transform: scale(1.05);
  }
  .page-space-detail .info-container .section-attractions .attractions-list a:hover .text-container .heading .text-main {
    color: #5fbce7;
  }
}
.page-space-detail .info-container .section-attractions .schedule {
  position: relative;
  z-index: 1;
  margin-top: 14px;
  padding: 26px 7.000000000000001% 70px;
  background: #fff;
  border-radius: 50px;
}
.page-space-detail .info-container .section-attractions .schedule .title {
  position: relative;
  padding-bottom: 28px;
  font-size: 2.2rem;
  text-align: center;
}
.page-space-detail .info-container .section-attractions .schedule .title::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #dbdbdb;
}
.page-space-detail .info-container .section-attractions .schedule .contents {
  margin: 43px -23px 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.page-space-detail .info-container .section-attractions .schedule .contents .calendar {
  width: 407px;
  margin: 0 23px;
}
@media only screen and (max-width: 767px) {
  .page-space-detail .info-container .section-attractions {
    background: #f5f5f5;
  }
  .page-space-detail .info-container .section-attractions .bg-item-1 {
    top: 10.666666666666668vw;
    width: 53.333333333333336vw;
    height: 26.666666666666668vw;
  }
  .page-space-detail .info-container .section-attractions .bg-item-2 {
    bottom: 80vw;
    width: 40vw;
    height: 40vw;
  }
  .page-space-detail .info-container .section-attractions .section-inner {
    padding-bottom: 21.333333333333336vw;
  }
  .page-space-detail .info-container .section-attractions .section-contents {
    margin-top: 12.4vw;
    padding: 0 5.333333333333334vw;
  }
  .page-space-detail .info-container .section-attractions .attractions-list {
    width: 100%;
  }
  .page-space-detail .info-container .section-attractions .attractions-list ul::after {
    width: 40vw;
  }
  .page-space-detail .info-container .section-attractions .attractions-list li {
    width: 100%;
    margin-bottom: 8vw;
  }
  .page-space-detail .info-container .section-attractions .attractions-list a {
    display: flex;
    align-items: center;
  }
  .page-space-detail .info-container .section-attractions .attractions-list .icon-new {
    position: absolute;
    top: -2.933333333333333vw;
    right: -3.733333333333334vw;
    width: 12.8vw;
    height: 12.533333333333333vw;
  }
  .page-space-detail .info-container .section-attractions .attractions-list .icon-new .icon-text {
    padding-top: 0.666666666666667vw;
    font-size: 2.8vw;
  }
  .page-space-detail .info-container .section-attractions .attractions-list .img-container {
    width: 40vw;
  }
  .page-space-detail .info-container .section-attractions .attractions-list .img-container .img {
    border-radius: 2.666666666666667vw;
  }
  .page-space-detail .info-container .section-attractions .attractions-list .text-container {
    width: 42.13333333333333vw;
    margin-left: 7.199999999999999vw;
  }
  .page-space-detail .info-container .section-attractions .attractions-list .text-container .heading {
    margin-top: 0.8vw;
  }
  .page-space-detail .info-container .section-attractions .attractions-list .text-container .heading .text-sub {
    font-size: 2.666666666666667vw;
    line-height: 1.4;
    display: inline-block;
    transform: scale(0.8);
    transform-origin: 0 0;
    display: block;
    width: 125%;
  }
  .page-space-detail .info-container .section-attractions .attractions-list .text-container .heading .text-main {
    margin-top: 0.8vw;
    font-size: 4.8vw;
    line-height: 1;
    letter-spacing: 0.02em;
  }
  .page-space-detail .info-container .section-attractions .attractions-list .text-container .text {
    margin-top: 2.133333333333333vw;
    font-size: 2.666666666666667vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
    display: block;
  }
  .page-space-detail .info-container .section-attractions .btn-more {
    position: relative;
    z-index: 1;
    margin: 4vw auto 0;
  }
  .page-space-detail .info-container .section-attractions .btn-more button {
    color: #fff;
    background: #000;
  }
  .page-space-detail .info-container .section-attractions .btn-more .btn-icon {
    fill: #fff;
  }
  .page-space-detail .info-container .section-attractions .schedule {
    margin-top: 16vw;
    padding: 6.933333333333333vw 8.666666666666668vw 9.333333333333334vw;
    border-radius: 6.666666666666667vw;
    box-sizing: border-box;
  }
  .page-space-detail .info-container .section-attractions .schedule .title {
    padding-bottom: 5.866666666666666vw;
    font-size: 4vw;
  }
  .page-space-detail .info-container .section-attractions .schedule .title::after {
    height: 0.266666666666667vw;
  }
  .page-space-detail .info-container .section-attractions .schedule .contents {
    padding: 6.666666666666667vw 0 0;
    margin: 0 auto;
    flex-direction: column;
  }
  .page-space-detail .info-container .section-attractions .schedule .contents .calendar {
    width: 100%;
    margin: 0 auto;
  }
  .page-space-detail .info-container .section-attractions .schedule .contents .calendar:not(:first-child) {
    margin-top: 6.4vw;
  }
}
.page-space-detail .info-container .section-workshop {
  background: #f5f5f5;
}
.page-space-detail .info-container .section-workshop .bg-item-1 {
  position: absolute;
  top: -150px;
  left: 0;
  width: 400px;
  height: 200px;
  background: url("assets/img/space/detail/pc/workshop-bg-1.png?hash=bbdb996d1e1cfb7980fe677afb07cdf2") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-space-detail .info-container .section-workshop .bg-item-1 {
    background: url("assets/img/space/detail/pc/workshop-bg-1@2x.png?hash=bd02ce6cfdd0c0ec3de253323f380b65") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-space-detail .info-container .section-workshop .section-inner {
  padding-bottom: 150px;
}
.page-space-detail .info-container .section-workshop .workshop-list {
  position: relative;
  z-index: 2;
  margin-top: 60px;
}
.page-space-detail .info-container .section-workshop .workshop-list li:not(:first-child) {
  margin-top: 50px;
}
.page-space-detail .info-container .section-workshop .workshop-list a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 40px 150px 40px 40px;
  background: #fff;
  border-radius: 30px;
  box-sizing: border-box;
}
.page-space-detail .info-container .section-workshop .workshop-list .thumb {
  width: 320px;
}
.page-space-detail .info-container .section-workshop .workshop-list .text-container {
  width: 450px;
  margin-left: 20px;
}
.page-space-detail .info-container .section-workshop .workshop-list .title {
  margin-left: -4px;
  color: #5fbce7;
  font-size: 2.6rem;
  line-height: 1.230769230769231;
}
.page-space-detail .info-container .section-workshop .workshop-list .text {
  margin-top: 20px;
  font-size: 1.5rem;
  line-height: 1.866666666666667;
  text-align: justify;
}
.page-space-detail .info-container .section-workshop .workshop-list .btn-viewmore {
  position: absolute;
  top: 50%;
  right: 40px;
  margin-top: -28px;
  width: 56px;
  height: 56px;
}
.page-space-detail .info-container .section-workshop .workshop-list .btn-viewmore .btn-text {
  display: none;
}
.page-space-detail .info-container .section-workshop .workshop-list .btn-viewmore .btn-icon {
  position: static;
  width: 100%;
  height: 100%;
  margin-top: 0;
  background: #000;
  border-radius: 50%;
}
.page-space-detail .info-container .section-workshop .workshop-list .btn-viewmore .btn-icon svg {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 8px;
  height: 12px;
  fill: #fff;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-space-detail .info-container .section-workshop .workshop-list a .title span {
    display: inline;
    padding-bottom: 2px;
    transition: 0.3s;
    border-bottom: 1px solid transparent;
  }
  .page-space-detail .info-container .section-workshop .workshop-list a .btn-viewmore .btn-icon {
    transition: 0.3s;
  }
  .page-space-detail .info-container .section-workshop .workshop-list a:hover .title span {
    border-color: #5fbce7;
  }
  .page-space-detail .info-container .section-workshop .workshop-list a:hover .btn-viewmore .btn-icon {
    background: #5fbce7;
  }
}
@media only screen and (max-width: 767px) {
  .page-space-detail .info-container .section-workshop .bg-item-1 {
    top: -24vw;
    width: 53.333333333333336vw;
    height: 26.666666666666668vw;
  }
  .page-space-detail .info-container .section-workshop .section-inner {
    padding-bottom: 21.333333333333336vw;
  }
  .page-space-detail .info-container .section-workshop .section-contents {
    padding: 0 5.333333333333334vw;
  }
  .page-space-detail .info-container .section-workshop .workshop-list {
    margin-top: 13.333333333333334vw;
  }
  .page-space-detail .info-container .section-workshop .workshop-list li:not(:first-child) {
    margin-top: 6.666666666666667vw;
  }
  .page-space-detail .info-container .section-workshop .workshop-list a {
    flex-direction: column;
    padding: 10vw 7.333333333333333vw 8vw;
    border-radius: 4vw;
  }
  .page-space-detail .info-container .section-workshop .workshop-list .thumb {
    width: 100%;
  }
  .page-space-detail .info-container .section-workshop .workshop-list .text-container {
    width: 100%;
    margin-left: 0;
    margin-top: 6.666666666666667vw;
  }
  .page-space-detail .info-container .section-workshop .workshop-list .title {
    margin-left: 0;
    font-size: 4.8vw;
    line-height: 1.5;
  }
  .page-space-detail .info-container .section-workshop .workshop-list .text {
    margin-top: 4vw;
    font-size: 3.466666666666666vw;
    line-height: 2;
  }
  .page-space-detail .info-container .section-workshop .workshop-list .btn-viewmore {
    position: relative;
    right: 2.4vw;
    width: auto;
    height: 6.666666666666667vw;
    margin-top: 4.8vw;
    margin-left: auto;
    margin-right: 0;
  }
  .page-space-detail .info-container .section-workshop .workshop-list .btn-viewmore .btn-text {
    display: block;
    font-size: 2.933333333333333vw;
    margin-right: 2.666666666666667vw;
  }
  .page-space-detail .info-container .section-workshop .workshop-list .btn-viewmore .btn-icon {
    position: relative;
    right: 0;
    top: 0;
    width: 6.666666666666667vw;
    height: 6.666666666666667vw;
  }
  .page-space-detail .info-container .section-workshop .workshop-list .btn-viewmore .btn-icon svg {
    width: 1.6vw;
    height: 2.666666666666667vw;
  }
}
.page-space-detail .info-container .section-service {
  background: #f5f5f5;
  z-index: 1;
}
.page-space-detail .info-container .section-service .section-inner {
  padding-bottom: 118px;
}
.page-space-detail .info-container .section-service .service-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 59px;
  margin-right: -32px;
}
.page-space-detail .info-container .section-service .service-list li {
  width: 140px;
  height: 140px;
  padding-top: 25px;
  margin-bottom: 30px;
  margin-right: 32px;
  background: #fff;
  text-align: center;
  border-radius: 20px;
  box-sizing: border-box;
}
.page-space-detail .info-container .section-service .service-list li .text {
  font-size: 1.3rem;
  line-height: 1;
}
.page-space-detail .info-container .section-service .service-list li .text span {
  display: block;
  margin-top: 5px;
  font-size: 1.1rem;
}
.page-space-detail .info-container .section-service .service-list li .icon {
  display: block;
  margin: 0 auto;
  fill: #5fbce7;
}
.page-space-detail .info-container .section-service .service-list li .icon-locker {
  width: 37px;
  height: 37px;
  margin-top: 29px;
}
.page-space-detail .info-container .section-service .service-list li .icon-shop {
  width: 33px;
  height: 44px;
  margin-top: 23px;
}
.page-space-detail .info-container .section-service .service-list li .icon-photo {
  width: 42px;
  height: 34px;
  margin-top: 28px;
}
.page-space-detail .info-container .section-service .service-list li .icon-stroller {
  width: 49px;
  height: 44px;
  margin-top: 23px;
}
.page-space-detail .info-container .section-service .service-list li .icon-vending-machine {
  width: 37px;
  height: 47px;
  margin-top: 22px;
}
.page-space-detail .info-container .section-service .service-list li .icon-rest {
  width: 54px;
  height: 44px;
  margin-top: 24px;
}
.page-space-detail .info-container .section-service .service-list li .icon-ar {
  width: 35px;
  height: 52px;
  margin-top: 22px;
}
.page-space-detail .info-container .section-service .service-list li .icon-multipurpose-room {
  width: 63px;
  height: 46px;
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .page-space-detail .info-container .section-service {
    background: #f5f5f5;
  }
  .page-space-detail .info-container .section-service .section-inner {
    padding-bottom: 16.666666666666664vw;
  }
  .page-space-detail .info-container .section-service .service-list {
    padding-left: 5.333333333333334vw;
    margin-top: 10.666666666666668vw;
    margin-right: -4.666666666666667vw;
  }
  .page-space-detail .info-container .section-service .service-list li {
    width: 26.666666666666668vw;
    height: 26.666666666666668vw;
    padding-top: 4.8vw;
    margin-bottom: 4.666666666666667vw;
    margin-right: 4.666666666666667vw;
    border-radius: 2.666666666666667vw;
  }
  .page-space-detail .info-container .section-service .service-list li .text {
    font-size: 2.666666666666667vw;
  }
  .page-space-detail .info-container .section-service .service-list li .text span {
    margin-top: 0.666666666666667vw;
    font-size: 2.666666666666667vw;
    display: inline-block;
    transform: scale(0.7);
    transform-origin: 0 0;
    width: 143%;
  }
  .page-space-detail .info-container .section-service .service-list li .icon-locker {
    width: 8.266666666666666vw;
    height: 8.266666666666666vw;
    margin-top: 5.866666666666666vw;
  }
  .page-space-detail .info-container .section-service .service-list li .icon-shop {
    width: 7.466666666666668vw;
    height: 9.866666666666667vw;
    margin-top: 4.8vw;
  }
  .page-space-detail .info-container .section-service .service-list li .icon-photo {
    width: 9.466666666666667vw;
    height: 7.733333333333333vw;
    margin-top: 5.866666666666666vw;
  }
  .page-space-detail .info-container .section-service .service-list li .icon-stroller {
    width: 11.200000000000001vw;
    height: 10.133333333333333vw;
    margin-top: 4.8vw;
  }
  .page-space-detail .info-container .section-service .service-list li .icon-vending-machine {
    width: 8.266666666666666vw;
    height: 10.666666666666668vw;
    margin-top: 4.533333333333333vw;
  }
  .page-space-detail .info-container .section-service .service-list li .icon-rest {
    width: 11.066666666666666vw;
    height: 9.066666666666666vw;
    margin-top: 4.533333333333333vw;
  }
  .page-space-detail .info-container .section-service .service-list li .icon-ar {
    width: 7.733333333333333vw;
    height: 11.600000000000001vw;
    margin-top: 4vw;
  }
  .page-space-detail .info-container .section-service .service-list li .icon-multipurpose-room {
    width: 13.333333333333334vw;
    height: 9.733333333333333vw;
    margin-top: 2.133333333333333vw;
  }
}
.page-space-detail .info-container .section-faq .bg-item-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 240px;
  height: 80px;
}
.page-space-detail .info-container .section-faq .bg-item-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 160px;
  height: 80px;
}
.page-space-detail .info-container .section-faq .section-inner {
  padding-bottom: 190px;
}
@media only screen and (max-width: 767px) {
  .page-space-detail .info-container .section-faq .bg-item-1 {
    width: 32vw;
    height: 10.666666666666668vw;
  }
  .page-space-detail .info-container .section-faq .bg-item-2 {
    width: 21.333333333333336vw;
    height: 10.666666666666668vw;
  }
  .page-space-detail .info-container .section-faq .section-inner {
    padding: 0 5.333333333333334vw 26.666666666666668vw;
  }
}
.page-space-detail .section-faq .section-sub {
  margin-top: -141px;
  padding-top: 195px;
}
.page-space-detail .section-faq .section-sub:first-of-type {
  margin-top: -141px;
  padding-top: 180px;
}
@media only screen and (max-width: 767px) {
  .page-space-detail .section-faq .section-sub {
    margin-top: -32.93333333333333vw;
    padding-top: 40.93333333333333vw;
  }
  .page-space-detail .section-faq .section-sub:first-of-type {
    margin-top: -32.93333333333333vw;
    padding-top: 40.13333333333333vw;
  }
}
.page-space .page-heading-container .page-heading .text-main {
  margin-left: -2px;
}
.page-space .page-heading-container .decoration-text {
  bottom: -44px;
}
@media only screen and (max-width: 767px) {
  .page-space .page-heading-container .page-heading .text-main {
    margin-left: -0.266666666666667vw;
  }
  .page-space .page-heading-container .decoration-text {
    bottom: -3.733333333333334vw;
    left: -1.333333333333333vw;
  }
  .page-space .page-heading-container .decoration-text .char-2 {
    margin-left: -2.666666666666667vw;
  }
}
.page-space .page-contents {
  padding: 0 30px;
  background: #f5f5f5;
}
@media only screen and (max-width: 767px) {
  .page-space .page-contents {
    padding: 0 5.333333333333334vw;
  }
}
.page-space .bg-item-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 240px;
  height: 80px;
}
.page-space .bg-item-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 160px;
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .page-space .bg-item-1 {
    width: 32vw;
    height: 10.666666666666668vw;
  }
  .page-space .bg-item-2 {
    width: 21.333333333333336vw;
    height: 10.666666666666668vw;
  }
}
.page-space .page-contents-inner {
  padding-top: 128px;
  padding-bottom: 200px;
}
@media only screen and (max-width: 767px) {
  .page-space .page-contents-inner {
    padding-top: 19.2vw;
    padding-bottom: 26.666666666666668vw;
  }
}
.page-space .section-heading {
  position: relative;
  padding-left: 28px;
  font-size: 3.2rem;
  line-height: 1.5625;
}
.page-space .section-heading::before {
  position: absolute;
  top: 12px;
  left: 0;
  content: "";
  width: 10px;
  height: 30px;
  background: #5fbce7;
}
@media only screen and (max-width: 767px) {
  .page-space .section-heading {
    padding-left: 4.266666666666667vw;
    font-size: 5.333333333333334vw;
    line-height: 1.25;
  }
  .page-space .section-heading::before {
    top: 0.8vw;
    width: 1.866666666666667vw;
    height: 5.866666666666666vw;
  }
}
.page-space .space-nav {
  display: flex;
  flex-wrap: wrap;
}
.page-space .space-nav a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.page-space .space-nav .btn-text {
  font-size: 1.6rem;
  line-height: 1.625;
}
.page-space .space-nav .icon-arrow-circle {
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 20px;
  margin-top: -11px;
  background: #000;
}
.page-space .space-nav .icon-arrow-circle .icon-arrow {
  width: 5px;
  height: 8px;
  fill: #fff;
  transform: rotate(90deg);
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-space .space-nav a .btn-text,
  .page-space .space-nav a .icon-arrow-circle {
    transition: 0.3s;
  }
  .page-space .space-nav a:hover .btn-text {
    color: #5fbce7;
  }
  .page-space .space-nav a:hover .icon-arrow-circle {
    background: #5fbce7;
  }
}
@media only screen and (max-width: 767px) {
  .page-space .space-nav .btn-text {
    font-size: 3.2vw;
    line-height: 1.666666666666667;
  }
  .page-space .space-nav .icon-arrow-circle {
    width: 4.266666666666667vw;
    height: 4.266666666666667vw;
    margin-top: -2.133333333333333vw;
  }
  .page-space .space-nav .icon-arrow-circle .icon-arrow {
    width: 1.066666666666667vw;
    height: 1.866666666666667vw;
  }
}
.page-space .space-nav-area {
  margin-top: 44px;
  justify-content: space-between;
  margin-right: -25px;
}
.page-space .space-nav-area::after {
  content: "";
  display: block;
  width: calc((100% / 3) - 25px);
  margin-right: 25px;
}
.page-space .space-nav-area li {
  width: 370px;
  height: 80px;
  width: calc((100% / 3) - 25px);
  margin-right: 25px;
  margin-bottom: 20px;
}
.page-space .space-nav-area li a {
  background: #fff;
  border-radius: 10px;
  padding-left: 20px;
  padding-bottom: 2px;
}
.page-space .space-nav-area li .icon-arrow-circle {
  right: 20px;
}
@media only screen and (max-width: 767px) {
  .page-space .space-nav-area {
    margin-top: 8vw;
    justify-content: space-between;
    margin-right: -3.333333333333333vw;
  }
  .page-space .space-nav-area::after {
    width: 42.66666666666667vw;
    margin-right: 3.333333333333333vw;
  }
  .page-space .space-nav-area li {
    width: 42.66666666666667vw;
    height: 14.666666666666666vw;
    margin-right: 3.333333333333333vw;
    margin-bottom: 2.666666666666667vw;
  }
  .page-space .space-nav-area li a {
    border-radius: 1.333333333333333vw;
    padding-left: 2.666666666666667vw;
    padding-bottom: 0;
  }
  .page-space .space-nav-area li .icon-arrow-circle {
    right: 2.666666666666667vw;
  }
}
.page-space .space-nav-place {
  margin-top: 27px;
  margin-right: -4.568965517241379%;
}
.page-space .space-nav-place li {
  width: 20.610057708161584%;
  margin-right: 4.369332234130256%;
  margin-bottom: 9px;
}
.page-space .space-nav-place li a {
  position: relative;
  padding: 22px 0 26px;
  padding-right: 40px;
}
.page-space .space-nav-place li a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #bbb;
}
@media only screen and (max-width: 767px) {
  .page-space .space-nav-place {
    margin-right: 0;
    margin-top: 3.733333333333334vw;
    justify-content: space-between;
  }
  .page-space .space-nav-place li {
    width: 42vw;
    margin-right: 0;
    margin-bottom: 0;
  }
  .page-space .space-nav-place li a {
    padding: 5.333333333333334vw 0 5.866666666666666vw;
    padding-right: 5.333333333333334vw;
  }
  .page-space .space-nav-place li a::after {
    height: 0.266666666666667vw;
  }
  .page-space .space-nav-place li .btn-text {
    font-size: 2.933333333333333vw;
  }
}
.page-space .section-area {
  padding-top: 98px;
}
.page-space .section-search {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .page-space .section-area {
    padding-top: 26.93333333333333vw;
    margin-top: -8vw;
  }
  .page-space .section-search {
    margin-bottom: 0;
  }
  .page-space .section-search + .section-area {
    padding-top: 24.8vw;
  }
}
.page-space .space-list {
  margin-top: 70px;
}
.page-space .space-list > div:not(:first-child) {
  margin-top: 20px;
}
.page-space .space-list li {
  padding-top: 80px;
  margin-top: -80px;
}
.page-space .space-list li:not(:first-child) {
  margin-top: -60px;
}
.page-space .space-list a {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  min-height: 250px;
  padding: 40px 140px 16px 40px;
  background: #fff;
  border-radius: 30px;
  box-sizing: border-box;
}
.page-space .space-list .thumb {
  width: 280px;
  overflow: hidden;
}
.page-space .space-list .text-container {
  width: 652px;
  margin-left: 20px;
}
.page-space .space-list .text-container .status {
  font-size: 0;
}
.page-space .space-list .text-container .status > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 74px;
  height: 28px;
  padding: 0 10px 2px;
  border-radius: 14px;
  color: #fff;
  font-size: 1.3rem;
  line-height: 1;
  background: #5fbce7;
  box-sizing: border-box;
  vertical-align: top;
}
.page-space .space-list .text-container .status.status-open-1 > span,
.page-space .space-list .text-container .status.status-open-2 > span {
  background: #5fbce7;
}
.page-space .space-list .text-container .status.status-comingsoon-1 > span,
.page-space .space-list .text-container .status.status-comingsoon-2 > span {
  background: #f3234f;
}
.page-space .space-list .text-container .status.status-end-1 > span,
.page-space .space-list .text-container .status.status-end-2 > span {
  background: #000;
}
.page-space .space-list .text-container .place {
  min-height: 44px;
  margin-top: 12px;
  font-size: 2.4rem;
  line-height: 1.333333333333333;
  letter-spacing: 0.01em;
}
.page-space .space-list .text-container .info {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  margin-left: 2px;
}
.page-space .space-list .text-container .info dt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 18px;
  margin-top: 4px;
  margin-right: 12px;
  font-size: 1.1rem;
  border-radius: 9px;
  background: #dbddde;
  box-sizing: border-box;
}
.page-space .space-list .text-container .info dd {
  width: calc(100% - (60px + 12px));
  margin-bottom: 6px;
  font-size: 1.3rem;
  line-height: 1.846153846153846;
}
.page-space .space-list .btn-viewmore {
  position: absolute;
  top: 50%;
  right: 50px;
  margin-top: -25px;
  width: 56px;
  height: 56px;
}
.page-space .space-list .btn-viewmore .btn-text {
  display: none;
}
.page-space .space-list .btn-viewmore .btn-icon {
  position: static;
  width: 100%;
  height: 100%;
  margin-top: 0;
  background: #000;
  border-radius: 50%;
}
.page-space .space-list .btn-viewmore .btn-icon svg {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 8px;
  height: 12px;
  fill: #fff;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-space .space-list a .thumb img {
    transition: 0.4s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .page-space .space-list a .text-container .place {
    transition: 0.3s;
  }
  .page-space .space-list a .btn-viewmore {
    transition: 0.3s;
  }
  .page-space .space-list a .btn-viewmore .btn-icon {
    transition: 0.3s;
  }
  .page-space .space-list a:hover .thumb img {
    transform: scale(1.05);
  }
  .page-space .space-list a:hover .text-container .place {
    color: #5fbce7;
  }
  .page-space .space-list a:hover .btn-viewmore .btn-icon {
    background: #5fbce7;
  }
}
@media only screen and (max-width: 767px) {
  .page-space .space-list {
    margin-top: 10.666666666666668vw;
  }
  .page-space .space-list li {
    padding-top: 21.333333333333336vw;
    margin-top: -21.333333333333336vw;
  }
  .page-space .space-list li:not(:first-child) {
    margin-top: -16vw;
  }
  .page-space .space-list a {
    flex-direction: column;
    padding: 8vw 6.666666666666667vw;
    border-radius: 4vw;
  }
  .page-space .space-list .thumb {
    width: 100%;
  }
  .page-space .space-list .text-container {
    width: 100%;
    margin-left: 0;
    margin-top: 4vw;
  }
  .page-space .space-list .text-container .status > span {
    min-width: 13.600000000000001vw;
    height: 4.533333333333333vw;
    padding: 0.133333333333333vw 0.533333333333333vw 0 1.333333333333333vw;
    border-radius: 2.266666666666667vw;
    font-size: 2.666666666666667vw;
  }
  .page-space .space-list .text-container .status > span span {
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
  }
  .page-space .space-list .text-container .status.status-comingsoon-1 > span {
    padding-left: 2.133333333333333vw;
    padding-right: 0;
  }
  .page-space .space-list .text-container .status.status-comingsoon-2 > span {
    padding-left: 1.6vw;
  }
  .page-space .space-list .text-container .status.status-end-1 > span,
  .page-space .space-list .text-container .status.status-end-2 > span {
    padding-left: 2.133333333333333vw;
  }
  .page-space .space-list .text-container .place {
    min-height: auto;
    margin-top: 1.866666666666667vw;
    font-size: 4.8vw;
    line-height: 1.388888888888889;
    letter-spacing: 0.01em;
  }
  .page-space .space-list .text-container .info {
    margin-top: 4.8vw;
    margin-left: 0;
  }
  .page-space .space-list .text-container .info dt {
    width: 13.600000000000001vw;
    height: 4.266666666666667vw;
    margin-top: 0.533333333333333vw;
    margin-right: 2.666666666666667vw;
    padding-top: 0.266666666666667vw;
    padding-left: 0.533333333333333vw;
    font-size: 2.666666666666667vw;
    border-radius: 2.133333333333333vw;
  }
  .page-space .space-list .text-container .info dt span {
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
  }
  .page-space .space-list .text-container .info dd {
    width: calc(100% - (13.600000000000001vw + 2.666666666666667vw));
    margin-bottom: 1.333333333333333vw;
    font-size: 3.466666666666666vw;
    line-height: 1.5;
  }
  .page-space .space-list .btn-viewmore {
    position: relative;
    right: 0;
    width: auto;
    height: 6.666666666666667vw;
    margin-top: 4.266666666666667vw;
    margin-left: auto;
    margin-right: 0;
  }
  .page-space .space-list .btn-viewmore .btn-text {
    display: block;
    font-size: 2.933333333333333vw;
    letter-spacing: -0.02em;
    margin-right: 2.666666666666667vw;
  }
  .page-space .space-list .btn-viewmore .btn-icon {
    position: relative;
    right: 0;
    top: 0;
    width: 6.666666666666667vw;
    height: 6.666666666666667vw;
  }
  .page-space .space-list .btn-viewmore .btn-icon svg {
    width: 1.6vw;
    height: 2.666666666666667vw;
  }
}
.page-terms .page-contents-inner,
.page-cancelpolicy .page-contents-inner {
  padding-top: 150px;
}
@media only screen and (max-width: 767px) {
  .page-terms .page-contents-inner,
  .page-cancelpolicy .page-contents-inner {
    padding-top: 18.133333333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .page-terms .page-base-contents,
  .page-cancelpolicy .page-base-contents {
    font-size: 3.466666666666666vw;
    line-height: 2;
  }
}
.page-terms .text-right,
.page-cancelpolicy .text-right {
  margin-top: 50px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .page-terms .text-right,
  .page-cancelpolicy .text-right {
    margin-top: 6.666666666666667vw;
  }
}
.page-terms .terms-list,
.page-cancelpolicy .terms-list,
.page-terms .cancelpolicy-list,
.page-cancelpolicy .cancelpolicy-list {
  text-align: justify;
  letter-spacing: 0.03em;
}
.page-terms .terms-list dd,
.page-cancelpolicy .terms-list dd,
.page-terms .cancelpolicy-list dd,
.page-cancelpolicy .cancelpolicy-list dd {
  margin-top: 32px;
}
.page-terms .terms-list dt,
.page-cancelpolicy .terms-list dt,
.page-terms .cancelpolicy-list dt,
.page-cancelpolicy .cancelpolicy-list dt {
  margin-top: 78px;
}
.page-terms .terms-list li .list-num,
.page-cancelpolicy .terms-list li .list-num,
.page-terms .cancelpolicy-list li .list-num,
.page-cancelpolicy .cancelpolicy-list li .list-num {
  display: inline-block;
}
.page-terms .terms-list .list-num-type-1 li,
.page-cancelpolicy .terms-list .list-num-type-1 li,
.page-terms .cancelpolicy-list .list-num-type-1 li,
.page-cancelpolicy .cancelpolicy-list .list-num-type-1 li {
  padding-left: 25px;
}
.page-terms .terms-list .list-num-type-1 .list-num,
.page-cancelpolicy .terms-list .list-num-type-1 .list-num,
.page-terms .cancelpolicy-list .list-num-type-1 .list-num,
.page-cancelpolicy .cancelpolicy-list .list-num-type-1 .list-num {
  width: 25px;
  margin-left: -25px;
}
.page-terms .terms-list .list-num-type-1 .list-num-type-2,
.page-cancelpolicy .terms-list .list-num-type-1 .list-num-type-2,
.page-terms .cancelpolicy-list .list-num-type-1 .list-num-type-2,
.page-cancelpolicy .cancelpolicy-list .list-num-type-1 .list-num-type-2 {
  margin-top: 0;
  margin-left: 4px;
}
.page-terms .terms-list .list-num-type-2,
.page-cancelpolicy .terms-list .list-num-type-2,
.page-terms .cancelpolicy-list .list-num-type-2,
.page-cancelpolicy .cancelpolicy-list .list-num-type-2 {
  margin-top: 34px;
  margin-left: 30px;
}
.page-terms .terms-list .list-num-type-2 li,
.page-cancelpolicy .terms-list .list-num-type-2 li,
.page-terms .cancelpolicy-list .list-num-type-2 li,
.page-cancelpolicy .cancelpolicy-list .list-num-type-2 li {
  padding-left: 35px;
}
.page-terms .terms-list .list-num-type-2 .list-num,
.page-cancelpolicy .terms-list .list-num-type-2 .list-num,
.page-terms .cancelpolicy-list .list-num-type-2 .list-num,
.page-cancelpolicy .cancelpolicy-list .list-num-type-2 .list-num {
  width: 35px;
  margin-left: -35px;
}
@media only screen and (max-width: 767px) {
  .page-terms .terms-list dd,
  .page-cancelpolicy .terms-list dd,
  .page-terms .cancelpolicy-list dd,
  .page-cancelpolicy .cancelpolicy-list dd {
    margin-top: 7.466666666666668vw;
  }
  .page-terms .terms-list dt,
  .page-cancelpolicy .terms-list dt,
  .page-terms .cancelpolicy-list dt,
  .page-cancelpolicy .cancelpolicy-list dt {
    margin-top: 12.666666666666668vw;
  }
  .page-terms .terms-list li .list-num,
  .page-cancelpolicy .terms-list li .list-num,
  .page-terms .cancelpolicy-list li .list-num,
  .page-cancelpolicy .cancelpolicy-list li .list-num {
    display: inline-block;
  }
  .page-terms .terms-list .list-num-type-1 li,
  .page-cancelpolicy .terms-list .list-num-type-1 li,
  .page-terms .cancelpolicy-list .list-num-type-1 li,
  .page-cancelpolicy .cancelpolicy-list .list-num-type-1 li {
    padding-left: 5.066666666666666vw;
  }
  .page-terms .terms-list .list-num-type-1 .list-num,
  .page-cancelpolicy .terms-list .list-num-type-1 .list-num,
  .page-terms .cancelpolicy-list .list-num-type-1 .list-num,
  .page-cancelpolicy .cancelpolicy-list .list-num-type-1 .list-num {
    width: 5.066666666666666vw;
    margin-left: -5.066666666666666vw;
  }
  .page-terms .terms-list .list-num-type-1 .list-num-type-2,
  .page-cancelpolicy .terms-list .list-num-type-1 .list-num-type-2,
  .page-terms .cancelpolicy-list .list-num-type-1 .list-num-type-2,
  .page-cancelpolicy .cancelpolicy-list .list-num-type-1 .list-num-type-2 {
    margin-top: 0;
    margin-left: -0.533333333333333vw;
  }
  .page-terms .terms-list .list-num-type-2,
  .page-cancelpolicy .terms-list .list-num-type-2,
  .page-terms .cancelpolicy-list .list-num-type-2,
  .page-cancelpolicy .cancelpolicy-list .list-num-type-2 {
    margin-top: 6.933333333333333vw;
    margin-left: 4.266666666666667vw;
  }
  .page-terms .terms-list .list-num-type-2 li,
  .page-cancelpolicy .terms-list .list-num-type-2 li,
  .page-terms .cancelpolicy-list .list-num-type-2 li,
  .page-cancelpolicy .cancelpolicy-list .list-num-type-2 li {
    padding-left: 6.4vw;
  }
  .page-terms .terms-list .list-num-type-2 .list-num,
  .page-cancelpolicy .terms-list .list-num-type-2 .list-num,
  .page-terms .cancelpolicy-list .list-num-type-2 .list-num,
  .page-cancelpolicy .cancelpolicy-list .list-num-type-2 .list-num {
    width: 6.4vw;
    margin-left: -6.4vw;
  }
}
.page-terms .btn-backtotop,
.page-cancelpolicy .btn-backtotop {
  margin: 142px auto 0;
}
@media only screen and (max-width: 767px) {
  .page-terms .btn-backtotop,
  .page-cancelpolicy .btn-backtotop {
    margin-top: 16vw;
  }
}
.page-top .section-heading {
  line-height: 1;
  text-align: center;
}
.page-top .section-heading span {
  display: block;
}
.page-top .section-heading .text-main {
  font-size: 9rem;
}
.page-top .section-heading .text-sub {
  margin-top: 14px;
  font-size: 1.3rem;
}
@media only screen and (max-width: 767px) {
  .page-top .section-heading .text-main {
    font-size: 13.333333333333334vw;
  }
  .page-top .section-heading .text-sub {
    margin-top: 3.2vw;
    font-size: 2.666666666666667vw;
  }
}
.page-top .section-hero {
  height: 100vh;
  padding-top: 46px;
}
@media only screen and (max-width: 767px) {
  .page-top .section-hero {
    height: calc(var(--vh, 1vh) * 100);
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .page-top .section-hero {
    padding-top: 0;
  }
}
.page-top .section-hero .kv-slider {
  position: relative;
  width: 100%;
  height: 100%;
}
.page-top .section-hero .kv-slider-nav {
  position: absolute;
  bottom: 0;
  right: 40px;
  height: 100%;
}
.page-top .section-hero .kv-slider-nav .kv-slider-dot-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.page-top .section-hero .kv-slider-nav .kv-slider-dot-list span {
  display: block;
  width: 8px;
  height: 8px;
  margin: 8px 0;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
}
.page-top .section-hero .kv-slider-nav .kv-slider-dot-list span.is-active {
  pointer-events: none;
  background: #00bfff;
}
.page-top .section-hero .kv-slider-contents,
.page-top .section-hero .kv-slider-item-list {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.page-top .section-hero .kv-slider-item {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
}
.page-top .section-hero .kv-slider-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-top .section-hero .copy {
  position: absolute;
  bottom: 121px;
  left: 77px;
}
@media only screen and (max-width: 1159px) {
  .page-top .section-hero .copy {
    left: 6.637931034482758%;
  }
}
.page-top .section-hero .copy .copy-group {
  display: flex;
  overflow: hidden;
  padding: 3px;
}
.page-top .section-hero .copy .copy-group:not(:first-child) {
  margin-top: 11px;
}
.page-top .section-hero .copy .copy-group span {
  fill: #fff;
  filter: drop-shadow(0 0 3px rgba(0,20,42,0.3));
}
.page-top .section-hero .copy .copy-group .text-p {
  width: 53px;
  height: 67px;
  margin-left: 3px;
}
.page-top .section-hero .copy .copy-group .text-l {
  width: 45px;
  height: 67px;
}
.page-top .section-hero .copy .copy-group .text-l-1 {
  margin-left: 8px;
}
.page-top .section-hero .copy .copy-group .text-l-2 {
  margin-left: 27px;
}
.page-top .section-hero .copy .copy-group .text-a {
  width: 65px;
  height: 67px;
}
.page-top .section-hero .copy .copy-group .text-a-1 {
  margin-left: 6px;
}
.page-top .section-hero .copy .copy-group .text-a-2 {
  margin-left: 7px;
}
.page-top .section-hero .copy .copy-group .text-a-3 {
  margin-left: 9px;
}
.page-top .section-hero .copy .copy-group .text-y {
  width: 60px;
  height: 67px;
  margin-left: -6px;
}
.page-top .section-hero .copy .copy-group .text-comma {
  width: 17px;
  height: 31px;
  margin-top: 52px;
}
.page-top .section-hero .copy .copy-group .text-comma-1 {
  margin-left: -2px;
}
.page-top .section-hero .copy .copy-group .text-comma-2 {
  margin-left: 13px;
}
.page-top .section-hero .copy .copy-group .text-e {
  width: 47px;
  height: 67px;
}
.page-top .section-hero .copy .copy-group .text-e-1 {
  margin-left: 8px;
}
.page-top .section-hero .copy .copy-group .text-e-2 {
  margin-left: 10px;
}
.page-top .section-hero .copy .copy-group .text-e-3 {
  margin-left: 11px;
}
.page-top .section-hero .copy .copy-group .text-r {
  width: 54px;
  height: 67px;
}
.page-top .section-hero .copy .copy-group .text-r-1 {
  margin-left: 8px;
}
.page-top .section-hero .copy .copy-group .text-r-2 {
  margin-left: 14px;
}
.page-top .section-hero .copy .copy-group .text-n {
  width: 56px;
  height: 67px;
  margin-left: 9px;
}
.page-top .section-hero .copy .copy-group .text-c {
  width: 57px;
  height: 69px;
}
.page-top .section-hero .copy .copy-group .text-t {
  width: 56px;
  height: 67px;
  margin-left: -3px;
}
.page-top .section-hero .copy .copy-group .text-i {
  width: 17px;
  height: 67px;
}
.page-top .section-hero .copy .copy-group .text-exclamation {
  width: 18px;
  height: 70px;
  margin-left: 11px;
}
.page-top .section-hero .copy-sub {
  position: absolute;
  bottom: 77px;
  left: 85px;
  width: 352px;
  height: 20px;
  fill: #fff;
  filter: drop-shadow(0 0 3px rgba(0,20,42,0.3));
}
@media only screen and (max-width: 1159px) {
  .page-top .section-hero .copy-sub {
    left: 7.06896551724138%;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-hero {
    padding-top: 28.799999999999997vw;
  }
  .is-no-news .page-top .section-hero {
    padding-top: 18.133333333333333vw;
  }
  .page-top .section-hero .kv-slider {
    height: calc(100% - 17.333333333333336vw);
  }
  .page-top .section-hero .kv-slider-nav {
    position: absolute;
    bottom: 7.199999999999999vw;
    right: 3.466666666666666vw;
    height: auto;
  }
  .page-top .section-hero .kv-slider-nav .kv-slider-dot-list {
    flex-direction: row;
    height: auto;
  }
  .page-top .section-hero .kv-slider-nav .kv-slider-dot-list span {
    width: 1.6vw;
    height: 1.6vw;
    margin: 0 1.866666666666667vw;
  }
  .page-top .section-hero .copy {
    position: absolute;
    bottom: 29.86666666666667vw;
    left: 6.933333333333333vw;
  }
  .page-top .section-hero .copy .copy-group {
    padding: 0.4vw;
  }
  .page-top .section-hero .copy .copy-group:not(:first-child) {
    margin-top: 1.2vw;
  }
  .page-top .section-hero .copy .copy-group span {
    filter: drop-shadow(0 0 0.4vw rgba(0,20,42,0.3));
  }
  .page-top .section-hero .copy .copy-group .text-p {
    width: 6.4vw;
    height: 8vw;
    margin-left: 0.4vw;
  }
  .page-top .section-hero .copy .copy-group .text-l {
    width: 5.333333333333334vw;
    height: 8vw;
  }
  .page-top .section-hero .copy .copy-group .text-l-1 {
    margin-left: 0.933333333333333vw;
  }
  .page-top .section-hero .copy .copy-group .text-l-2 {
    margin-left: 3.2vw;
  }
  .page-top .section-hero .copy .copy-group .text-a {
    width: 7.733333333333333vw;
    height: 8vw;
  }
  .page-top .section-hero .copy .copy-group .text-a-1 {
    margin-left: 0.8vw;
  }
  .page-top .section-hero .copy .copy-group .text-a-2 {
    margin-left: 0.666666666666667vw;
  }
  .page-top .section-hero .copy .copy-group .text-a-3 {
    margin-left: 1.2vw;
  }
  .page-top .section-hero .copy .copy-group .text-y {
    width: 7.199999999999999vw;
    height: 8vw;
    margin-left: -1.066666666666667vw;
  }
  .page-top .section-hero .copy .copy-group .text-comma {
    width: 2.133333333333333vw;
    height: 3.733333333333334vw;
    margin-top: 6.133333333333333vw;
  }
  .page-top .section-hero .copy .copy-group .text-comma-1 {
    margin-left: -0.266666666666667vw;
  }
  .page-top .section-hero .copy .copy-group .text-comma-2 {
    margin-left: 1.333333333333333vw;
  }
  .page-top .section-hero .copy .copy-group .text-e {
    width: 5.600000000000001vw;
    height: 8vw;
  }
  .page-top .section-hero .copy .copy-group .text-e-1 {
    margin-left: 1.066666666666667vw;
  }
  .page-top .section-hero .copy .copy-group .text-e-2 {
    margin-left: 1.066666666666667vw;
  }
  .page-top .section-hero .copy .copy-group .text-e-3 {
    margin-left: 1.466666666666667vw;
  }
  .page-top .section-hero .copy .copy-group .text-r {
    width: 6.533333333333332vw;
    height: 8vw;
  }
  .page-top .section-hero .copy .copy-group .text-r-1 {
    margin-left: 0.933333333333333vw;
  }
  .page-top .section-hero .copy .copy-group .text-r-2 {
    margin-left: 1.6vw;
  }
  .page-top .section-hero .copy .copy-group .text-n {
    width: 6.800000000000001vw;
    height: 8vw;
    margin-left: 1.066666666666667vw;
  }
  .page-top .section-hero .copy .copy-group .text-c {
    width: 6.800000000000001vw;
    height: 8.266666666666666vw;
  }
  .page-top .section-hero .copy .copy-group .text-t {
    width: 6.800000000000001vw;
    height: 8vw;
    margin-left: -0.4vw;
  }
  .page-top .section-hero .copy .copy-group .text-i {
    width: 2vw;
    height: 8vw;
  }
  .page-top .section-hero .copy .copy-group .text-exclamation {
    width: 2.133333333333333vw;
    height: 8.266666666666666vw;
    margin-left: 1.2vw;
  }
  .page-top .section-hero .copy-sub {
    position: absolute;
    bottom: 23.733333333333334vw;
    left: 7.866666666666666vw;
    width: 50.8vw;
    height: 2.933333333333333vw;
    filter: drop-shadow(0 0 0.4vw rgba(0,20,42,0.3));
  }
}
.page-top .section-news {
  padding: 0 30px;
  background: #f5f5f5;
}
@media only screen and (max-width: 767px) {
  .page-top .section-news {
    padding: 0;
    margin-top: -17.333333333333336vw;
  }
}
.page-top .section-news .bg-item-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  height: 100px;
}
@media only screen and (max-width: 767px) {
  .page-top .section-news .bg-item-1 {
    left: auto;
    right: 0;
    width: 33.33333333333333vw;
    height: 13.333333333333334vw;
    transform: scale(-1, 1);
  }
}
.page-top .section-news .section-inner {
  display: flex;
  padding-top: 148px;
  padding-bottom: 140px;
}
.page-top .section-news .section-inner >.btn-viewmore {
  position: absolute;
  top: 434px;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .page-top .section-news .section-inner {
    flex-direction: column;
    padding: 6.133333333333333vw 5.333333333333334vw 21.333333333333336vw;
  }
  .page-top .section-news .section-inner >.btn-viewmore {
    position: static;
    margin: 10.666666666666668vw auto 0;
  }
}
.page-top .section-news .section-heading {
  width: 290px;
  flex-shrink: 0;
  margin-top: 89px;
  text-align: left;
}
.page-top .section-news .section-heading .text-main {
  font-size: 6.6rem;
  letter-spacing: 0.04em;
  margin-left: -4px;
}
.page-top .section-news .section-heading .text-sub {
  margin-top: 17px;
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .page-top .section-news .section-heading {
    width: 38.666666666666664vw;
    margin-top: 11.200000000000001vw;
  }
  .page-top .section-news .section-heading .text-main {
    font-size: 12vw;
    letter-spacing: 0.04em;
    margin-left: -0.533333333333333vw;
  }
  .page-top .section-news .section-heading .text-sub {
    font-size: 2.666666666666667vw;
    margin-top: 1.6vw;
    margin-left: -0.266666666666667vw;
  }
}
.page-top .section-news .sub-heading {
  font-size: 1.8rem;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .page-top .section-news .sub-heading {
    font-size: 3.733333333333334vw;
    margin-left: -0.266666666666667vw;
  }
}
.page-top .section-news .park-info,
.page-top .section-news .latest-news {
  position: relative;
}
.page-top .section-news .park-info .btn-viewmore,
.page-top .section-news .latest-news .btn-viewmore {
  position: absolute;
  right: 0;
}
.page-top .section-news .park-info .latest-news-list a,
.page-top .section-news .latest-news .latest-news-list a,
.page-top .section-news .park-info .park-info-list a,
.page-top .section-news .latest-news .park-info-list a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  text-align: justify;
  box-sizing: border-box;
}
.page-top .section-news .park-info .latest-news-list .category,
.page-top .section-news .latest-news .latest-news-list .category,
.page-top .section-news .park-info .park-info-list .category,
.page-top .section-news .latest-news .park-info-list .category {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 2px 10px 0;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.05em;
  background: #dbddde;
  border-radius: 12px;
  vertical-align: top;
  box-sizing: border-box;
}
@-moz-document url-prefix() {
  .page-top .section-news .park-info .latest-news-list .category,
  .page-top .section-news .latest-news .latest-news-list .category,
  .page-top .section-news .park-info .park-info-list .category,
  .page-top .section-news .latest-news .park-info-list .category {
    padding-top: 0;
  }
}
.page-top .section-news .park-info .latest-news-list .date,
.page-top .section-news .latest-news .latest-news-list .date,
.page-top .section-news .park-info .park-info-list .date,
.page-top .section-news .latest-news .park-info-list .date {
  display: inline-block;
  margin-top: 6px;
  margin-left: 8px;
  vertical-align: top;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.02em;
}
.page-top .section-news .park-info .latest-news-list .title,
.page-top .section-news .latest-news .latest-news-list .title,
.page-top .section-news .park-info .park-info-list .title,
.page-top .section-news .latest-news .park-info-list .title {
  font-feature-settings: "palt";
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.025em;
}
@media only screen and (max-width: 767px) {
  .page-top .section-news .park-info .latest-news-list .category,
  .page-top .section-news .latest-news .latest-news-list .category,
  .page-top .section-news .park-info .park-info-list .category,
  .page-top .section-news .latest-news .park-info-list .category {
    height: 5.333333333333334vw;
    padding: 0.533333333333333vw 0 0 1.866666666666667vw;
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.05em;
    border-radius: 2.666666666666667vw;
  }
  .page-top .section-news .park-info .latest-news-list .category span,
  .page-top .section-news .latest-news .latest-news-list .category span,
  .page-top .section-news .park-info .park-info-list .category span,
  .page-top .section-news .latest-news .park-info-list .category span {
    margin-right: -2.4vw;
    display: inline-block;
    transform: scale(0.8);
    transform-origin: 0 0;
  }
  .page-top .section-news .park-info .latest-news-list .date,
  .page-top .section-news .latest-news .latest-news-list .date,
  .page-top .section-news .park-info .park-info-list .date,
  .page-top .section-news .latest-news .park-info-list .date {
    margin-top: 1.466666666666667vw;
    margin-left: 2.133333333333333vw;
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.02em;
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
  }
  .page-top .section-news .park-info .latest-news-list .title,
  .page-top .section-news .latest-news .latest-news-list .title,
  .page-top .section-news .park-info .park-info-list .title,
  .page-top .section-news .latest-news .park-info-list .title {
    font-size: 3.466666666666666vw;
    line-height: 1.461538461538461;
    letter-spacing: 0.02em;
  }
}
.page-top .section-news .section-contents {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  width: calc(100% - 290px);
  max-width: 870px;
}
@media only screen and (max-width: 767px) {
  .page-top .section-news .section-contents {
    width: 100%;
    margin-top: 8.799999999999999vw;
  }
}
.page-top .section-news .latest-news .btn-viewmore {
  top: -7px;
}
.page-top .section-news .latest-news .latest-news-list {
  margin-top: 38px;
}
.page-top .section-news .latest-news .latest-news-list a {
  padding-bottom: 4px;
}
.page-top .section-news .latest-news .latest-news-list .slider .slider-contents {
  width: calc(50vw + 290px);
}
.page-top .section-news .latest-news .latest-news-list .slider .slider-item-list {
  margin-bottom: 72px;
}
.page-top .section-news .latest-news .latest-news-list .slider .slider-item {
  width: 320px;
  margin-right: 30px;
}
.page-top .section-news .latest-news .latest-news-list .slider .thumb {
  position: relative;
  margin-bottom: 20px;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}
.page-top .section-news .latest-news .latest-news-list .slider .title {
  margin-top: 6px;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-top .section-news .latest-news .latest-news-list a .thumb img {
    transition: 0.4s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .page-top .section-news .latest-news .latest-news-list a .title {
    transition: 0.3s;
  }
  .page-top .section-news .latest-news .latest-news-list a:hover .thumb img {
    transform: scale(1.05);
  }
  .page-top .section-news .latest-news .latest-news-list a:hover .title {
    color: #5fbce7;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-news .latest-news .btn-viewmore {
    top: -0.8vw;
  }
  .page-top .section-news .latest-news .latest-news-list {
    margin-top: 8.266666666666666vw;
  }
  .page-top .section-news .latest-news .latest-news-list a {
    padding-bottom: 0;
  }
  .page-top .section-news .latest-news .latest-news-list .slider .slider-contents {
    width: 96vw;
  }
  .page-top .section-news .latest-news .latest-news-list .slider .slider-item-list {
    margin-bottom: 13.066666666666665vw;
  }
  .page-top .section-news .latest-news .latest-news-list .slider .slider-item {
    width: 56.00000000000001vw;
    margin-right: 5.333333333333334vw;
  }
  .page-top .section-news .latest-news .latest-news-list .slider .thumb {
    margin-bottom: 4.266666666666667vw;
    border-radius: 1.866666666666667vw;
  }
  .page-top .section-news .latest-news .latest-news-list .slider .title {
    padding-right: 2.666666666666667vw;
    margin-top: 1.6vw;
    box-sizing: border-box;
  }
}
.page-top .section-news .park-info {
  margin-top: 97px;
}
.page-top .section-news .park-info .btn-viewmore {
  top: -7px;
}
.page-top .section-news .park-info .park-info-list {
  width: 100%;
  margin-top: 37px;
  border-top: 1px solid #bbb;
  box-sizing: border-box;
}
.page-top .section-news .park-info .park-info-list li {
  border-bottom: 1px solid #bbb;
}
.page-top .section-news .park-info .park-info-list a {
  padding: 21px 100px 19px 0;
}
.page-top .section-news .park-info .park-info-list .title {
  margin-top: -2px;
}
.page-top .section-news .park-info .park-info-list .icon-arrow-circle {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 56px;
  height: 56px;
  margin-top: -28px;
  background: #fff;
}
.page-top .section-news .park-info .park-info-list .icon-arrow-circle .icon-arrow {
  width: 8px;
  height: 12px;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-top .section-news .park-info .park-info-list a .title {
    transition: 0.3s;
  }
  .page-top .section-news .park-info .park-info-list a .icon-arrow-circle {
    transition: 0.3s;
  }
  .page-top .section-news .park-info .park-info-list a .icon-arrow-circle .icon-arrow {
    transition: 0.3s;
  }
  .page-top .section-news .park-info .park-info-list a:hover .title {
    color: #5fbce7;
  }
  .page-top .section-news .park-info .park-info-list a:hover .icon-arrow-circle {
    background: #5fbce7;
  }
  .page-top .section-news .park-info .park-info-list a:hover .icon-arrow-circle .icon-arrow {
    fill: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-news .park-info {
    margin-top: 14.666666666666666vw;
  }
  .page-top .section-news .park-info .btn-viewmore {
    top: -1.066666666666667vw;
  }
  .page-top .section-news .park-info .park-info-list {
    margin-top: 8vw;
    border-width: 0.266666666666667vw;
  }
  .page-top .section-news .park-info .park-info-list li {
    border-width: 0.266666666666667vw;
  }
  .page-top .section-news .park-info .park-info-list a {
    padding: 5.333333333333334vw 20vw 5.600000000000001vw 0;
  }
  .page-top .section-news .park-info .park-info-list .title {
    margin-top: 1.333333333333333vw;
  }
  .page-top .section-news .park-info .park-info-list .icon-arrow-circle {
    right: 1.333333333333333vw;
    width: 12vw;
    height: 12vw;
    margin-top: -5.333333333333334vw;
  }
  .page-top .section-news .park-info .park-info-list .icon-arrow-circle .icon-arrow {
    width: 1.6vw;
    height: 2.666666666666667vw;
  }
}
.page-top .section-about .bg-item-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 620px;
  height: 200px;
}
.page-top .section-about .bg-item-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 450px;
  height: 200px;
}
.page-top .section-about .bg-item-3 {
  position: absolute;
  top: 179px;
  left: 50%;
  width: 1334px;
  height: 1116px;
  margin-left: -674px;
  background: url("assets/img/top/pc/about-bg-3.png?hash=27e26cc7fc63e0c010aacf1b784472ab") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-top .section-about .bg-item-3 {
    background: url("assets/img/top/pc/about-bg-3@2x.png?hash=0406d8e6590d14fadbbb920b8b1b6118") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-about .bg-item-3 {
    background: url("assets/img/top/about-bg-3.png?hash=b5a7af251a8c94e803782ada58f05678") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-about .bg-item-1 {
    width: 82.66666666666667vw;
    height: 26.666666666666668vw;
  }
  .page-top .section-about .bg-item-2 {
    display: none;
  }
  .page-top .section-about .bg-item-3 {
    top: 15.466666666666667vw;
    left: 2.133333333333333vw;
    width: 92.66666666666666vw;
    height: 225.59999999999997vw;
    margin-left: 0;
  }
}
.page-top .section-about .decoration-text {
  position: absolute;
  top: 708px;
  left: 0;
  overflow: hidden;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .page-top .section-about .decoration-text {
    top: 112.26666666666667vw;
  }
}
.page-top .section-about .decoration-text-inner {
  --bg-position: -3204px;
  background: url("assets/img/top/bg-text-1.png?hash=567ac317873e561cec086fb932410194") left top repeat-x;
  background-size: cover;
  animation: loop 50s linear infinite;
  width: 3204px;
  height: 126px;
}
@media only screen and (max-width: 767px) {
  .page-top .section-about .decoration-text-inner {
    --bg-position: -427.20000000000005vw;
    width: 427.20000000000005vw;
    height: 16.8vw;
  }
}
.page-top .section-about .section-inner {
  padding-top: 210px;
  padding-bottom: 220px;
}
@media only screen and (max-width: 767px) {
  .page-top .section-about .section-inner {
    padding-top: 31.733333333333334vw;
    padding-bottom: 21.333333333333336vw;
  }
}
.page-top .section-about .img {
  position: absolute;
  left: 50%;
  width: 220px;
  border-radius: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .page-top .section-about .img {
    display: none;
  }
}
.page-top .section-about .img.img-1 {
  width: 180px;
  top: 445px;
  margin-left: -731px;
}
.page-top .section-about .img.img-2 {
  top: 801px;
  margin-left: -615px;
}
.page-top .section-about .img.img-3 {
  top: 531px;
  margin-left: 535px;
}
.page-top .section-about .img.img-4 {
  width: 180px;
  top: 959px;
  margin-left: 386px;
}
.page-top .section-about .copy {
  margin-top: 74px;
  margin-left: 18px;
  text-align: center;
  font-size: 4rem;
  line-height: 1.9;
  letter-spacing: 0.13em;
}
.page-top .section-about .copy .text-blue {
  color: #5fbce7;
  font-size: 5.7rem;
  line-height: 1;
  letter-spacing: 0.01em;
}
.page-top .section-about .copy .text-blue:nth-child(1) {
  margin-left: -16px;
  margin-right: 10px;
}
.page-top .section-about .copy .text-blue span {
  position: relative;
}
.page-top .section-about .copy .text-blue span::before {
  position: absolute;
  top: -5px;
  left: 50%;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin-left: -3px;
  background: #000;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .page-top .section-about .copy {
    margin-top: 14.666666666666666vw;
    margin-left: 2.4vw;
    font-size: 6.133333333333333vw;
    line-height: 1.782608695652174;
    letter-spacing: 0.13em;
  }
  .page-top .section-about .copy .text-blue {
    font-size: 8.799999999999999vw;
    line-height: 1;
    letter-spacing: 0.02em;
  }
  .page-top .section-about .copy .text-blue:nth-child(1) {
    margin-left: -0.8vw;
    margin-right: 0.8vw;
  }
  .page-top .section-about .copy .text-blue span::before {
    top: -0.8vw;
    width: 1.333333333333333vw;
    height: 1.333333333333333vw;
    margin-left: -0.933333333333333vw;
  }
}
.page-top .section-about .movie-block {
  width: 604px;
  margin: 50px auto 0;
  z-index: 2;
  box-shadow: 0 20px 33px 0 rgba(0,0,0,0.08);
}
@media only screen and (max-width: 767px) {
  .page-top .section-about .movie-block {
    width: 76.8vw;
    margin-top: 11.200000000000001vw;
    box-shadow: 0 4.133333333333333vw 6.133333333333333vw 0 rgba(0,0,0,0.08);
  }
}
.page-top .section-about .text {
  margin-top: 54px;
  font-size: 1.8rem;
  line-height: 2.444444444444445;
  letter-spacing: 0.1em;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .page-top .section-about .text {
    margin-top: 10.4vw;
    font-size: 4vw;
    line-height: 2.2;
    letter-spacing: 0.06em;
  }
}
.page-top .section-about .btn-viewmore {
  margin: 86px auto 0;
}
@media only screen and (max-width: 767px) {
  .page-top .section-about .btn-viewmore {
    margin-top: 10.933333333333334vw;
  }
}
.page-top .section-attractions {
  padding: 0 30px;
  background: #5fbce7;
}
@media only screen and (max-width: 767px) {
  .page-top .section-attractions {
    padding: 0;
  }
}
.page-top .section-attractions .bg-item-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 399px;
  height: 250px;
}
.page-top .section-attractions .bg-item-2 {
  position: absolute;
  top: -50px;
  right: 0;
  width: 400px;
  height: 250px;
}
@media only screen and (max-width: 767px) {
  .page-top .section-attractions .bg-item-2 {
    width: 53.333333333333336vw;
    height: 33.33333333333333vw;
  }
}
.page-top .section-attractions .bg-item-3 {
  position: absolute;
  top: 449px;
  right: 60px;
  width: 250px;
  height: 250px;
  background: url("assets/img/top/pc/attractions-bg-3.png?hash=7e3a77c3a0c63388a9381b9d3c4c3d4c") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-top .section-attractions .bg-item-3 {
    background: url("assets/img/top/pc/attractions-bg-3@2x.png?hash=080ae311f61c164d6aba020213db0fe1") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-top .section-attractions .bg-item-4 {
  position: absolute;
  top: 897px;
  right: 0;
  width: 250px;
  height: 150px;
}
.page-top .section-attractions .bg-item-5 {
  position: absolute;
  top: 1367px;
  left: 0;
  width: 199px;
  height: 200px;
  background: url("assets/img/top/pc/attractions-bg-5.png?hash=9d775b00a05bdd4ee0826f5bf893d616") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-top .section-attractions .bg-item-5 {
    background: url("assets/img/top/pc/attractions-bg-5@2x.png?hash=79cb9de75442c8b66ab1e45a2c5c9101") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-top .section-attractions .bg-item-6 {
  position: absolute;
  bottom: 851px;
  right: 0;
  width: 400px;
  height: 200px;
  background: url("assets/img/top/pc/attractions-bg-6.png?hash=fcd61d2ac3bcdf4f3185e3221c029a41") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-top .section-attractions .bg-item-6 {
    background: url("assets/img/top/pc/attractions-bg-6@2x.png?hash=c5f57b8cce4849487239d106afbfaf92") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-top .section-attractions .bg-item-7 {
  position: absolute;
  bottom: 757px;
  left: 0;
  width: 200px;
  height: 232px;
}
.page-top .section-attractions .bg-item-8 {
  position: absolute;
  bottom: 0;
  right: 60px;
  width: 250px;
  height: 250px;
  background: url("assets/img/top/pc/attractions-bg-8.png?hash=7e3a77c3a0c63388a9381b9d3c4c3d4c") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-top .section-attractions .bg-item-8 {
    background: url("assets/img/top/pc/attractions-bg-8@2x.png?hash=080ae311f61c164d6aba020213db0fe1") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-attractions .bg-item-1 {
    display: none;
  }
  .page-top .section-attractions .bg-item-2 {
    top: -6.666666666666667vw;
    width: 53.333333333333336vw;
    height: 33.33333333333333vw;
  }
  .page-top .section-attractions .bg-item-3 {
    top: 107.2vw;
    right: 0;
    width: 33.33333333333333vw;
    height: 33.33333333333333vw;
  }
  .page-top .section-attractions .bg-item-4 {
    top: 270.93333333333334vw;
    width: 33.33333333333333vw;
    height: 20vw;
  }
  .page-top .section-attractions .bg-item-5 {
    top: 268.8vw;
    width: 26.53333333333333vw;
    height: 26.666666666666668vw;
  }
  .page-top .section-attractions .bg-item-6 {
    bottom: 33.06666666666666vw;
    width: 53.333333333333336vw;
    height: 26.666666666666668vw;
  }
  .page-top .section-attractions .bg-item-7,
  .page-top .section-attractions .bg-item-8 {
    display: none;
  }
}
.page-top .section-attractions .section-inner {
  padding-top: 210px;
  padding-bottom: 150px;
}
@media only screen and (max-width: 767px) {
  .page-top .section-attractions .section-inner {
    padding-top: 31.733333333333334vw;
    padding-bottom: 17.333333333333336vw;
  }
}
.page-top .section-attractions .attractions-list {
  margin-top: 130px;
}
.page-top .section-attractions .attractions-list li {
  color: #fff;
}
.page-top .section-attractions .attractions-list li a {
  display: flex;
  color: #fff;
}
.page-top .section-attractions .attractions-list li .img-container {
  width: 55.172413793103445%;
}
.page-top .section-attractions .attractions-list li .img-container .diagonal-line-block {
  position: relative;
  width: 100%;
  padding: 22px;
  border-radius: 60px;
  box-shadow: 0 30px 40px 0 rgba(0,0,0,0.08);
}
.page-top .section-attractions .attractions-list li .img-container .diagonal-line-block .diagonal-line-block-inner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 40px;
  overflow: hidden;
  aspect-ratio: 596/396;
}
.page-top .section-attractions .attractions-list li .img-container .diagonal-line-block .movie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-top .section-attractions .attractions-list li .img-container .diagonal-line-block .movie video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-top .section-attractions .attractions-list li .text-container {
  width: 44.827586206896555%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  box-sizing: border-box;
}
.page-top .section-attractions .attractions-list li .text-container .heading .text-sub {
  font-size: 1.6rem;
  line-height: 1;
}
.page-top .section-attractions .attractions-list li .text-container .heading .text-main {
  display: block;
  margin-top: 7px;
  font-size: 6.2rem;
  line-height: 1.032258064516129;
}
.page-top .section-attractions .attractions-list li .text-container .heading .text-main span {
  color: #000;
}
.page-top .section-attractions .attractions-list li .text-container .text {
  margin-top: 8px;
  font-size: 1.8rem;
  line-height: 1.777777777777778;
}
.page-top .section-attractions .attractions-list li .text-container .btn-viewmore {
  margin-top: 44px;
}
.page-top .section-attractions .attractions-list li:nth-child(odd) .text-container {
  padding-left: 8.620689655172415%;
}
@media only screen and (max-width: 1159px) {
  .page-top .section-attractions .attractions-list li:nth-child(odd) .text-container {
    padding-left: 4.310344827586207%;
  }
}
.page-top .section-attractions .attractions-list li:nth-child(even) .img-container {
  order: 2;
  margin-right: 4.310344827586207%;
}
.page-top .section-attractions .attractions-list li:nth-child(even) .text-container {
  order: 1;
  padding-right: 8.620689655172415%;
  align-items: flex-end;
}
@media only screen and (max-width: 1159px) {
  .page-top .section-attractions .attractions-list li:nth-child(even) .text-container {
    padding-right: 4.310344827586207%;
  }
}
.page-top .section-attractions .attractions-list li:not(:first-child) {
  margin-top: 150px;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-top .section-attractions .attractions-list a:hover .btn-viewmore > span {
    background: #fff;
  }
  .page-top .section-attractions .attractions-list a:hover .btn-viewmore .btn-text {
    color: #000;
  }
  .page-top .section-attractions .attractions-list a:hover .btn-viewmore .btn-icon {
    fill: #000;
    right: 19px;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-attractions .attractions-list {
    width: 85.33333333333334vw;
    margin: 10.4vw auto 0;
  }
  .page-top .section-attractions .attractions-list li a {
    flex-direction: column;
  }
  .page-top .section-attractions .attractions-list li .img-container {
    width: 100%;
  }
  .page-top .section-attractions .attractions-list li .img-container .diagonal-line-block {
    width: 100%;
    padding: 2.933333333333333vw;
    border-radius: 8vw;
    box-shadow: 0 5.333333333333334vw 4.8vw 0 rgba(0,0,0,0.08);
  }
  .page-top .section-attractions .attractions-list li .img-container .diagonal-line-block .diagonal-line-block-inner {
    border-radius: 5.333333333333334vw;
  }
  .page-top .section-attractions .attractions-list li .text-container {
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 4.266666666666667vw;
    padding-bottom: 0;
  }
  .page-top .section-attractions .attractions-list li .text-container >div {
    width: 100%;
  }
  .page-top .section-attractions .attractions-list li .text-container .heading .text-sub {
    font-size: 2.933333333333333vw;
  }
  .page-top .section-attractions .attractions-list li .text-container .heading .text-main {
    margin-top: 0.4vw;
    font-size: 9.333333333333334vw;
  }
  .page-top .section-attractions .attractions-list li .text-container .text {
    margin-top: 1.866666666666667vw;
    font-size: 3.2vw;
    line-height: 2.083333333333333;
  }
  .page-top .section-attractions .attractions-list li .icon-arrow-circle {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
    margin-top: 0.533333333333333vw;
    margin-left: 1.6vw;
    background: #000;
    vertical-align: top;
  }
  .page-top .section-attractions .attractions-list li .icon-arrow-circle .icon-arrow {
    width: 1.066666666666667vw;
    height: 1.866666666666667vw;
    fill: #fff;
  }
  .page-top .section-attractions .attractions-list li .btn-viewmore {
    width: 100%;
    height: 6.666666666666667vw;
    margin-top: 4.8vw;
    border-radius: 0;
  }
  .page-top .section-attractions .attractions-list li .btn-viewmore > span {
    display: flex;
    align-items: center;
    padding-right: 0;
    background: none;
  }
  .page-top .section-attractions .attractions-list li .btn-viewmore .btn-text {
    font-size: 2.933333333333333vw;
    margin-right: 2.666666666666667vw;
  }
  .page-top .section-attractions .attractions-list li .btn-viewmore .btn-icon {
    position: relative;
    right: 0;
    top: 0;
    width: 6.666666666666667vw;
    height: 6.666666666666667vw;
    background: #000;
    border-radius: 50%;
    margin-top: 0;
  }
  .page-top .section-attractions .attractions-list li .btn-viewmore .btn-icon svg {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 1.6vw;
    height: 2.666666666666667vw;
  }
  .page-top .section-attractions .attractions-list li:nth-child(odd) .text-container {
    padding-left: 0;
  }
  .page-top .section-attractions .attractions-list li:nth-child(even) .img-container {
    order: 1;
    margin-right: 0;
    margin-left: 0;
  }
  .page-top .section-attractions .attractions-list li:nth-child(even) .text-container {
    order: 2;
    padding-right: 0;
  }
  .page-top .section-attractions .attractions-list li:not(:first-child) {
    margin-top: 12.533333333333333vw;
  }
}
.page-top .section-attractions .btn-viewall {
  position: relative;
  width: 440px;
  height: 100px;
  margin: 150px auto 0;
}
.page-top .section-attractions .btn-viewall a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-top: 4px;
  border-radius: 50px;
  background: #fff;
  box-sizing: border-box;
}
.page-top .section-attractions .btn-viewall .character {
  position: absolute;
  top: -21px;
  left: 17px;
  width: 99px;
}
.page-top .section-attractions .btn-viewall .character-text {
  position: absolute;
  top: -72px;
  left: -27px;
  width: 129px;
}
.page-top .section-attractions .btn-viewall .character-text::before,
.page-top .section-attractions .btn-viewall .character-text::after {
  position: absolute;
  content: "";
  width: 3px;
  height: 34px;
  background: #000;
}
.page-top .section-attractions .btn-viewall .character-text::before {
  top: 48px;
  left: 17px;
  transform: rotate(-70deg);
}
.page-top .section-attractions .btn-viewall .character-text::after {
  top: 18px;
  right: -8px;
  transform: rotate(30deg);
}
.page-top .section-attractions .btn-viewall .btn-text {
  font-size: 1.5rem;
}
.page-top .section-attractions .btn-viewall .btn-icon {
  position: absolute;
  top: 50%;
  right: 36px;
  width: 8px;
  height: 12px;
  fill: #000;
  margin-top: -6px;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-top .section-attractions .btn-viewall a {
    transition: 0.3s;
  }
  .page-top .section-attractions .btn-viewall a .btn-text,
  .page-top .section-attractions .btn-viewall a .btn-icon {
    transition: 0.3s;
  }
  .page-top .section-attractions .btn-viewall a .character {
    transition: 0.33s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-top .section-attractions .btn-viewall a .character-text {
    transition: 0.33s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-top .section-attractions .btn-viewall a .character-text::before,
  .page-top .section-attractions .btn-viewall a .character-text::after {
    transition: 0.33s cubic-bezier(0, 0.55, 0.45, 1);
  }
  .page-top .section-attractions .btn-viewall a:hover {
    background: #000;
  }
  .page-top .section-attractions .btn-viewall a:hover .btn-text {
    color: #fff;
  }
  .page-top .section-attractions .btn-viewall a:hover .btn-icon {
    right: 30px;
    fill: #fff;
  }
  .page-top .section-attractions .btn-viewall a:hover .character {
    transform: translateY(-10px);
  }
  .page-top .section-attractions .btn-viewall a:hover .character-text {
    transform: translateY(-15px);
  }
  .page-top .section-attractions .btn-viewall a:hover .character-text::before {
    transform: rotate(-70deg) translateX(-9px) translateY(-6px);
  }
  .page-top .section-attractions .btn-viewall a:hover .character-text::after {
    transform: rotate(30deg) translateX(10px);
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-attractions .btn-viewall {
    width: 86.66666666666667vw;
    height: 20vw;
    margin: 17.333333333333336vw auto 0;
  }
  .page-top .section-attractions .btn-viewall a {
    padding-top: 0.8vw;
    border-radius: 10vw;
  }
  .page-top .section-attractions .btn-viewall .character {
    position: absolute;
    top: -2.666666666666667vw;
    left: 6.933333333333333vw;
    width: 18.4vw;
  }
  .page-top .section-attractions .btn-viewall .character-text {
    position: absolute;
    top: -11.466666666666667vw;
    left: 0.933333333333333vw;
    width: 22.53333333333333vw;
  }
  .page-top .section-attractions .btn-viewall .character-text::before,
  .page-top .section-attractions .btn-viewall .character-text::after {
    width: 0.533333333333333vw;
    height: 6.133333333333333vw;
  }
  .page-top .section-attractions .btn-viewall .character-text::before {
    top: 9.066666666666666vw;
    left: 4.8vw;
    transform: rotate(-70deg);
  }
  .page-top .section-attractions .btn-viewall .character-text::after {
    top: 3.733333333333334vw;
    right: 0.533333333333333vw;
    transform: rotate(26deg);
  }
  .page-top .section-attractions .btn-viewall .btn-text {
    font-size: 2.933333333333333vw;
  }
  .page-top .section-attractions .btn-viewall .btn-icon {
    right: 6.4vw;
    width: 1.6vw;
    height: 2.666666666666667vw;
    margin-top: -1.333333333333333vw;
  }
}
.page-top .section-guide {
  background: #5fbce7;
  min-width: 1060px;
}
@media only screen and (max-width: 767px) {
  .page-top .section-guide {
    min-width: auto;
  }
}
.page-top .section-guide .bg-item-1 {
  position: absolute;
  bottom: -100px;
  left: 0;
  width: 324px;
  height: 250px;
  background: url("assets/img/top/pc/guide-bg-1.png?hash=dce278f9838770de296bbe46eeef8f5c") center 0 no-repeat;
  background-size: 100%;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-top .section-guide .bg-item-1 {
    background: url("assets/img/top/pc/guide-bg-1@2x.png?hash=2e303c2bfebae43d5d7aebda7ca1bdfc") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-top .section-guide .bg-item-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 75px;
  height: 50px;
  background: url("assets/img/top/pc/guide-bg-2.png?hash=cc25a52ea6654e9d552ef90fc308d95b") center 0 no-repeat;
  background-size: 100%;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-top .section-guide .bg-item-2 {
    background: url("assets/img/top/pc/guide-bg-2@2x.png?hash=0933d33bef7d5010ab260bd9874018b8") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-guide .bg-item-1 {
    bottom: -13.333333333333334vw;
    left: -6.666666666666667vw;
    width: 43.2vw;
    height: 33.33333333333333vw;
    background: url("assets/img/top/pc/guide-bg-1.png?hash=dce278f9838770de296bbe46eeef8f5c") center 0 no-repeat;
    background-size: 100%;
  }
  .page-top .section-guide .bg-item-2 {
    width: 10vw;
    height: 6.666666666666667vw;
  }
}
.page-top .section-guide .section-inner {
  max-width: none;
  position: relative;
  top: 0;
  left: 50%;
  width: calc(50vw + 600px);
  height: 100%;
  margin-left: -600px;
  background-color: #fff;
  border-radius: 60px 0 0 0;
  overflow: hidden;
  min-width: 1120px;
}
@media only screen and (max-width: 1200px) {
  .page-top .section-guide .section-inner {
    left: 0;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-guide .section-inner {
    left: 6.666666666666667vw;
    width: 93.33333333333333vw;
    margin-left: 0;
    border-radius: 8vw 0 0 0;
    min-width: auto;
  }
}
.page-top .section-guide .decoration-text {
  position: absolute;
  bottom: -40px;
  left: 258px;
  color: #f9f8f8;
  white-space: nowrap;
  font-size: 24rem;
  line-height: 1;
  letter-spacing: -0.015em;
}
@media only screen and (max-width: 767px) {
  .page-top .section-guide .decoration-text {
    position: absolute;
    bottom: -4vw;
    left: -21.333333333333336vw;
    font-size: 32vw;
    line-height: 1;
    letter-spacing: -0.015em;
  }
}
.page-top .section-guide .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("assets/img/top/pc/guide-bg.png?hash=7eb3f13c201285666c16b259283f6467") 0 0 repeat;
  background-size: 121px 121px;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-top .section-guide .bg {
    background: url("assets/img/top/pc/guide-bg@2x.png?hash=57b12bfd8992630a9a3e5b5d8d0ab019") 0 0 repeat;
    background-size: 121px 121px;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-guide .bg {
    background-size: 16.133333333333333vw 16.133333333333333vw;
  }
}
.page-top .section-guide .section-contents {
  position: relative;
  padding-top: 134px;
  padding-left: 128px;
  padding-bottom: 118px;
  box-sizing: border-box;
  max-width: 1300px;
}
@media only screen and (max-width: 1159px) {
  .page-top .section-guide .section-contents {
    padding-left: 10.847457627118644%;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-guide .section-contents {
    padding-top: 36.8vw;
    padding-left: 9.333333333333334vw;
    padding-right: 9.333333333333334vw;
    padding-bottom: 18.666666666666668vw;
    max-width: 173.33333333333334vw;
  }
}
.page-top .section-guide .section-heading {
  text-align: left;
}
.page-top .section-guide .section-heading .text-main {
  margin-left: -2px;
  font-size: 8rem;
  letter-spacing: 0.01em;
}
.page-top .section-guide .section-heading .text-sub {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .page-top .section-guide .section-heading {
    position: absolute;
    top: 17.333333333333336vw;
    left: 0;
    width: 100%;
    padding-right: 0.8vw;
    text-align: center;
    box-sizing: border-box;
  }
  .page-top .section-guide .section-heading .text-main {
    margin-left: 0;
    font-size: 10.933333333333334vw;
    letter-spacing: -0.01em;
  }
  .page-top .section-guide .section-heading .text-sub {
    margin-top: 3.733333333333334vw;
    margin-left: 0.533333333333333vw;
  }
}
.page-top .section-guide .text {
  margin-top: 30px;
  font-size: 1.5rem;
  line-height: 2.133333333333333;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 767px) {
  .page-top .section-guide .text {
    margin-top: 1.6vw;
    font-size: 3.466666666666666vw;
    line-height: 2;
    letter-spacing: 0.07em;
    text-align: justify;
    font-feature-settings: "palt";
  }
}
.page-top .section-guide .img {
  position: absolute;
  top: 98px;
  left: 50%;
  margin-left: -10px;
  width: 742px;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .page-top .section-guide .img {
    position: static;
    margin-left: -0.533333333333333vw;
    width: 84.39999999999999vw;
  }
}
.page-top .section-guide .img-inner {
  position: relative;
}
.page-top .section-guide .guide-character {
  --bg-position: -149.33333333333334vw;
  background: url("assets/img/top/guide-character.png?hash=b5d8f7f6ce597c4f30f64c7313e70e40") left top no-repeat;
  background-size: 100%;
  animation: guide-character 2s steps(7, start) infinite;
  position: absolute;
  top: 6.933333333333333vw;
  left: 28.933333333333334vw;
  width: 21.333333333333336vw;
  height: 21.333333333333336vw;
}
@media only screen and (min-width: 768px) {
  .page-top .section-guide .guide-character {
    --bg-position: -1120px;
    top: 52px;
    left: 217px;
    width: 160px;
    height: 160px;
  }
}
.page-top .section-guide .btn-viewmore {
  margin-top: 42px;
}
@media only screen and (max-width: 767px) {
  .page-top .section-guide .btn-viewmore {
    margin: 6.4vw auto 0;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-top .section-guide .bg-item-1 {
    background: url("assets/img/top/pc/guide-bg-1@2x.png?hash=2e303c2bfebae43d5d7aebda7ca1bdfc") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-top .park-img {
  height: 600px;
  overflow: hidden;
}
.page-top .park-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .page-top .park-img {
    height: 86.66666666666667vw;
  }
  .page-top .park-img img {
    transform: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .page-top .park-img img {
    height: 744px;
    top: -47px;
  }
}
.page-top .section-tickets {
  padding: 0 30px;
  background: #5fbce7;
}
@media only screen and (max-width: 767px) {
  .page-top .section-tickets {
    padding: 0;
  }
}
.page-top .section-tickets .bg-item-1 {
  position: absolute;
  top: -101px;
  left: 0;
  width: 150px;
  height: 182px;
}
.page-top .section-tickets .bg-item-2 {
  position: absolute;
  top: -131px;
  right: 0;
  width: 325px;
  height: 306px;
}
.page-top .section-tickets .bg-item-3 {
  position: absolute;
  top: 240px;
  left: 0;
  width: 399px;
  height: 200px;
  background: url("assets/img/top/pc/tickets-bg-3.png?hash=98e627aaa4113eb7e6f8d320dc84d370") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-top .section-tickets .bg-item-3 {
    background: url("assets/img/top/pc/tickets-bg-3@2x.png?hash=004a08cd82641be0c5028600e39f5337") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-top .section-tickets .bg-item-4 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 400px;
  height: 200px;
  background: url("assets/img/top/pc/tickets-bg-4.png?hash=fcd61d2ac3bcdf4f3185e3221c029a41") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-top .section-tickets .bg-item-4 {
    background: url("assets/img/top/pc/tickets-bg-4@2x.png?hash=c5f57b8cce4849487239d106afbfaf92") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-tickets .bg-item-1 {
    top: -13.333333333333334vw;
    width: 20vw;
    height: 24.266666666666666vw;
  }
  .page-top .section-tickets .bg-item-2 {
    top: -17.599999999999998vw;
    width: 43.333333333333336vw;
    height: 40.8vw;
  }
  .page-top .section-tickets .bg-item-3 {
    top: 34vw;
    left: -6.666666666666667vw;
    width: 53.2vw;
    height: 26.666666666666668vw;
  }
  .page-top .section-tickets .bg-item-4 {
    width: 53.333333333333336vw;
    height: 26.666666666666668vw;
  }
}
.page-top .section-tickets .section-inner {
  padding-top: 190px;
  padding-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .page-top .section-tickets .section-inner {
    padding: 25.066666666666666vw 8vw 24vw;
  }
}
.page-top .section-tickets .section-contents {
  display: flex;
  justify-content: space-between;
  margin: 90px auto 0;
  max-width: 1040px;
}
@media only screen and (max-width: 1050px) {
  .page-top .section-tickets .section-contents {
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-tickets .section-contents {
    margin-top: 13.333333333333334vw;
  }
}
.page-top .section-tickets .block {
  width: 480px;
  height: 420px;
}
.page-top .section-tickets .block a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 132px 0;
  background: #000;
  border-radius: 60px;
  color: #fff;
  box-sizing: border-box;
}
.page-top .section-tickets .block .character {
  position: absolute;
}
.page-top .section-tickets .block .heading {
  font-size: 3.2rem;
  line-height: 1;
  text-align: center;
}
.page-top .section-tickets .block .text {
  margin-top: 24px;
  margin-left: -12px;
  font-size: 1.3rem;
  line-height: 1;
  text-align: center;
}
.page-top .section-tickets .block .btn-viewmore {
  margin: 60px auto 0;
}
.page-top .section-tickets .block.block-1 .character {
  top: -27px;
  left: 50%;
  margin-left: -50px;
  width: 97px;
}
.page-top .section-tickets .block.block-2 .character {
  top: -6px;
  left: 50%;
  margin-left: -30px;
  width: 85px;
}
@media only screen and (max-width: 1050px) {
  .page-top .section-tickets .block.block-2 {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-top .section-tickets .block a {
    transition: 0.3s;
  }
  .page-top .section-tickets .block a .btn-viewmore > span {
    transition: 0.3s;
  }
  .page-top .section-tickets .block a .btn-viewmore .btn-text,
  .page-top .section-tickets .block a .btn-viewmore .btn-icon {
    transition: 0.3s;
  }
  .page-top .section-tickets .block a:hover {
    background: #f3234f;
  }
  .page-top .section-tickets .block a:hover .btn-viewmore > span {
    background: #000;
  }
  .page-top .section-tickets .block a:hover .btn-viewmore .btn-text {
    color: #fff;
  }
  .page-top .section-tickets .block a:hover .btn-viewmore .btn-icon {
    right: 20px;
    fill: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-tickets .block {
    width: 100%;
    height: 77.33333333333333vw;
  }
  .page-top .section-tickets .block a {
    padding: 23.733333333333334vw 0 0;
    border-radius: 8vw;
  }
  .page-top .section-tickets .block .heading {
    font-size: 6.133333333333333vw;
  }
  .page-top .section-tickets .block .text {
    margin-top: 4vw;
    margin-left: 0.266666666666667vw;
    font-size: 2.666666666666667vw;
  }
  .page-top .section-tickets .block .btn-viewmore {
    margin-top: 10.133333333333333vw;
  }
  .page-top .section-tickets .block.block-1 .character {
    top: -5.600000000000001vw;
    margin-left: -7.866666666666666vw;
    width: 17.599999999999998vw;
  }
  .page-top .section-tickets .block.block-2 {
    margin-top: 10.666666666666668vw;
  }
  .page-top .section-tickets .block.block-2 .character {
    top: -1.2vw;
    margin-left: -4.533333333333333vw;
    width: 15.466666666666667vw;
  }
}
.page-top .section-app {
  background: #f5f5f5;
}
.page-top .section-app .bg-item-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  height: 250px;
  background: url("assets/img/top/pc/app-bg-1.png?hash=7a7417748aff361ed5e42977ed05f14f") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-top .section-app .bg-item-1 {
    background: url("assets/img/top/pc/app-bg-1@2x.png?hash=6592fc172f36ab611e02947cd252369d") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-app .bg-item-1 {
    background: url("assets/img/top/app-bg-1.png?hash=3f13daf0739ad053a1a23e7033777711") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-app .bg-item-1 {
    width: 53.333333333333336vw;
    height: 46.666666666666664vw;
  }
}
.page-top .section-app .bg-item-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 200px;
  background: url("assets/img/top/pc/app-bg-2.png?hash=21e468a4d70f4c07361af477e755f468") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-top .section-app .bg-item-2 {
    background: url("assets/img/top/pc/app-bg-2@2x.png?hash=fcb42389b337913a58be271d9d7e9df5") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-app .bg-item-2 {
    background: url("assets/img/top/app-bg-2.png?hash=21e468a4d70f4c07361af477e755f468") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-app .bg-item-2 {
    width: 26.666666666666668vw;
    height: 26.666666666666668vw;
  }
}
.page-top .section-app .bg-item-3 {
  position: absolute;
  top: 340px;
  right: 0;
  width: 300px;
  height: 288px;
  background: url("assets/img/top/pc/app-bg-3.png?hash=223a7576378aafb52094b600200ef930") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-top .section-app .bg-item-3 {
    background: url("assets/img/top/pc/app-bg-3@2x.png?hash=fddd37662fed136e0007f1aaf8195484") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-app .bg-item-3 {
    background: url("assets/img/top/app-bg-3.png?hash=6b77c9143f7a6eef258514142800bf9f") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-app .bg-item-3 {
    top: 111.46666666666667vw;
    width: 40vw;
    height: 40vw;
  }
}
.page-top .section-app .bg-item-4 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200px;
  height: 200px;
  background: url("assets/img/top/pc/app-bg-4.png?hash=21e468a4d70f4c07361af477e755f468") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-top .section-app .bg-item-4 {
    background: url("assets/img/top/pc/app-bg-4@2x.png?hash=fcb42389b337913a58be271d9d7e9df5") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-app .bg-item-4 {
    background: url("assets/img/top/app-bg-4.png?hash=21e468a4d70f4c07361af477e755f468") center 0 no-repeat;
    background-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-app .bg-item-4 {
    width: 26.666666666666668vw;
    height: 26.666666666666668vw;
  }
}
.page-top .section-app .section-inner {
  padding-top: 190px;
  padding-bottom: 150px;
}
@media only screen and (max-width: 767px) {
  .page-top .section-app .section-inner {
    padding-top: 22.400000000000002vw;
    padding-bottom: 24vw;
  }
}
.page-top .section-app .section-contents {
  position: relative;
  display: flex;
  justify-content: space-between;
  max-width: 1040px;
  margin: 90px auto 0;
}
@media only screen and (max-width: 999px) {
  .page-top .section-app .section-contents {
    flex-direction: column;
    max-width: none;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-app .section-contents {
    margin-top: 10.666666666666668vw;
  }
}
.page-top .section-app .block-img {
  display: flex;
  gap: 29px;
}
@media only screen and (max-width: 999px) {
  .page-top .section-app .block-img {
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-app .block-img {
    gap: 4vw;
  }
  .page-top .section-app .block-img .img {
    width: 32vw;
  }
}
.page-top .section-app .block-text {
  width: 470px;
  margin-top: 67px;
}
.page-top .section-app .block-text ul {
  margin-left: 6px;
}
.page-top .section-app .block-text li {
  display: flex;
  font-size: 2.4rem;
  line-height: 1.666666666666667;
  letter-spacing: 0.08em;
  font-weight: bold;
}
.page-top .section-app .block-text li:not(:first-child) {
  margin-top: 20px;
}
.page-top .section-app .block-text .icon-check {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-top: 4px;
  margin-right: 12px;
  border-radius: 50%;
  background: #5fbce7;
}
.page-top .section-app .block-text .icon-check svg {
  width: 13px;
  height: 10px;
}
@media only screen and (max-width: 999px) {
  .page-top .section-app .block-text {
    margin-left: auto;
    margin-right: auto;
  }
  .page-top .section-app .block-text br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-app .block-text {
    width: 100%;
    margin-top: 8vw;
    padding-left: 12.8vw;
  }
  .page-top .section-app .block-text ul {
    margin-left: 0;
  }
  .page-top .section-app .block-text li {
    font-size: 4vw;
    line-height: 2.2;
    letter-spacing: 0.08em;
  }
  .page-top .section-app .block-text li:not(:first-child) {
    margin-top: 0vw;
  }
  .page-top .section-app .block-text .icon-check {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
    margin-top: 1.6vw;
    margin-right: 2.933333333333333vw;
  }
  .page-top .section-app .block-text .icon-check svg {
    width: 2.666666666666667vw;
    height: 2vw;
  }
}
.page-top .section-app .block-install {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  border-radius: 20px;
  padding: 23px 38px 37px 134px;
  width: 470px;
  height: 140px;
  box-sizing: border-box;
}
.page-top .section-app .block-install .app-icon {
  position: absolute;
  top: 30px;
  left: 35px;
  width: 80px;
}
.page-top .section-app .block-install .heading-text {
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  font-weight: bold;
}
.page-top .section-app .block-install .heading-text span {
  color: #5fbce7;
}
.page-top .section-app .block-install .links {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
.page-top .section-app .block-install .links a {
  display: block;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-top .section-app .block-install .links a {
    transition: 0.3s;
  }
  .page-top .section-app .block-install .links a:hover {
    opacity: 0.7;
  }
}
.page-top .section-app .block-install .links .link-appstore {
  width: 129px;
  height: 43px;
}
.page-top .section-app .block-install .links .link-googleplay {
  width: 144px;
}
@media only screen and (max-width: 999px) {
  .page-top .section-app .block-install {
    position: relative;
    margin: 82px auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .section-app .block-install {
    border-radius: 2.666666666666667vw;
    padding: 6.4vw 0vw 6.666666666666667vw 6.666666666666667vw;
    width: 89.33333333333333vw;
    height: 42.66666666666667vw;
    margin: 10.933333333333334vw auto 0;
  }
  .page-top .section-app .block-install .heading {
    display: flex;
    align-items: center;
  }
  .page-top .section-app .block-install .app-icon {
    position: static;
    width: 14.666666666666666vw;
  }
  .page-top .section-app .block-install .heading-text {
    margin-left: 2.4vw;
    font-size: 4.533333333333333vw;
    letter-spacing: -0.03em;
  }
  .page-top .section-app .block-install .links {
    gap: 2.666666666666667vw;
    margin-top: 4vw;
  }
  .page-top .section-app .block-install .links .link-appstore {
    width: 32.800000000000004vw;
    height: 10.933333333333334vw;
  }
  .page-top .section-app .block-install .links .link-googleplay {
    width: 36.53333333333333vw;
  }
}
.page-top .section-app .btn-viewmore {
  margin: 80px auto 0;
}
@media only screen and (max-width: 767px) {
  .page-top .section-app .btn-viewmore {
    margin-top: 10.666666666666668vw;
  }
}
.page-workshop .page-heading-container .page-heading .text-main {
  margin-left: -4px;
}
.page-workshop .page-heading-container .decoration-text {
  left: -4px;
}
@media only screen and (max-width: 767px) {
  .page-workshop .page-heading-container .page-heading .text-main {
    margin-left: -0.533333333333333vw;
  }
  .page-workshop .page-heading-container .decoration-text {
    left: 0.266666666666667vw;
  }
}
.page-workshop .page-contents {
  background: #f5f5f5;
}
.page-workshop .page-contents-inner {
  padding-top: 170px;
  padding-bottom: 200px;
}
@media only screen and (max-width: 767px) {
  .page-workshop .page-contents-inner {
    padding: 13.333333333333334vw 5.333333333333334vw 24vw;
  }
}
.page-workshop .bg-item-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 185px;
  background: url("assets/img/workshop/pc/workshop-bg-1.png?hash=7b45a43e3dd78fe37123746b66ae3093") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-workshop .bg-item-1 {
    background: url("assets/img/workshop/pc/workshop-bg-1@2x.png?hash=1f80c4cdba5f816dbdd92fb307034ace") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-workshop .bg-item-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 260px;
  height: 205px;
  background: url("assets/img/workshop/pc/workshop-bg-2.png?hash=b2236db79a65e9abaf4e8eea55f2a3c8") center 0 no-repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .page-workshop .bg-item-2 {
    background: url("assets/img/workshop/pc/workshop-bg-2@2x.png?hash=bfa437a093a64832941d744638fcfb18") center 0 no-repeat;
    background-size: 100%;
  }
}
.page-workshop .bg-item-3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 240px;
  height: 80px;
}
.page-workshop .bg-item-4 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 160px;
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .page-workshop .bg-item-1,
  .page-workshop .bg-item-2 {
    display: none;
  }
  .page-workshop .bg-item-3 {
    width: 32vw;
    height: 10.666666666666668vw;
  }
  .page-workshop .bg-item-4 {
    width: 21.333333333333336vw;
    height: 10.666666666666668vw;
  }
}
.page-workshop .workshop-list li {
  position: relative;
}
.page-workshop .workshop-list li:not(:first-child) {
  margin-top: 50px;
}
.page-workshop .workshop-list li a {
  display: flex;
  justify-content: space-between;
  padding: 60px 5% 50px 6%;
  background: #fff;
  border-radius: 30px;
  box-sizing: border-box;
}
.page-workshop .workshop-list li .thumb {
  position: relative;
  width: 380px;
  min-width: 200px;
  margin-right: 20px;
}
.page-workshop .workshop-list li .thumb.border {
  border: solid 1px #f3f3f3;
}
.page-workshop .workshop-list li .icon-new {
  position: absolute;
  top: -40px;
  left: -40px;
  width: 80px;
  height: 78px;
  fill: #f3234f;
}
.page-workshop .workshop-list li .icon-new .icon-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  padding-top: 4px;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.03em;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.page-workshop .workshop-list li .text-container {
  position: relative;
  max-width: 450px;
  padding-bottom: 60px;
}
.page-workshop .workshop-list li .title {
  margin-top: 2px;
  margin-left: -2px;
  color: #5fbce7;
  font-size: 2.6rem;
  line-height: 1.384615384615385;
}
.page-workshop .workshop-list li .text {
  margin-top: 28px;
  font-size: 1.5rem;
  line-height: 1.866666666666667;
  letter-spacing: 0.05em;
  text-align: justify;
  font-feature-settings: "palt";
}
.page-workshop .workshop-list li dl {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 33px;
}
.page-workshop .workshop-list li dt,
.page-workshop .workshop-list li dd {
  box-sizing: border-box;
}
.page-workshop .workshop-list li dt {
  width: 74px;
  margin-top: 2px;
  margin-right: 12px;
  padding: 3px 0 4px;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1;
  background: #dbddde;
  border-radius: 10px;
}
.page-workshop .workshop-list li dt:not(:first-of-type) {
  margin-top: 15px;
}
@-moz-document url-prefix() {
  .page-workshop .workshop-list li dt {
    padding: 3px 0 5px;
  }
}
.page-workshop .workshop-list li dd {
  width: calc(100% - (74px + 12px));
  font-size: 1.4rem;
  line-height: 1.571428571428571;
}
.page-workshop .workshop-list li dd:not(:first-of-type) {
  margin-top: 12px;
}
.page-workshop .workshop-list li .btn-viewmore {
  position: absolute;
  bottom: 50px;
  right: 60px;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .page-workshop .workshop-list a .title span {
    display: inline;
    padding-bottom: 2px;
    transition: 0.3s;
    border-bottom: 1px solid transparent;
  }
  .page-workshop .workshop-list a .btn-viewmore .btn-text,
  .page-workshop .workshop-list a .btn-viewmore .btn-icon {
    transition: 0.3s;
  }
  .page-workshop .workshop-list a:hover .title span {
    border-color: #5fbce7;
  }
  .page-workshop .workshop-list a:hover .btn-viewmore .btn-text {
    color: #5fbce7;
  }
  .page-workshop .workshop-list a:hover .btn-viewmore .btn-icon {
    fill: #5fbce7;
    right: -6px;
  }
}
@media only screen and (max-width: 767px) {
  .page-workshop .workshop-list li:not(:first-child) {
    margin-top: 6.666666666666667vw;
  }
  .page-workshop .workshop-list li a {
    flex-direction: column;
    padding: 10vw 7.333333333333333vw 20.8vw;
    border-radius: 4vw;
  }
  .page-workshop .workshop-list li .thumb {
    width: 100%;
    margin-right: 0;
  }
  .page-workshop .workshop-list li .icon-new {
    position: absolute;
    top: -14.000000000000002vw;
    left: -10vw;
    width: 20.533333333333335vw;
    height: 20vw;
  }
  .page-workshop .workshop-list li .icon-new .icon-text {
    padding-top: 0.266666666666667vw;
    font-size: 3.733333333333334vw;
  }
  .page-workshop .workshop-list li .text-container {
    position: relative;
    max-width: none;
    width: 100%;
    padding-bottom: 0;
  }
  .page-workshop .workshop-list li .title {
    margin-top: 6.666666666666667vw;
    margin-left: -0.266666666666667vw;
    color: #5fbce7;
    font-size: 4.8vw;
    line-height: 1.444444444444444;
  }
  .page-workshop .workshop-list li .text {
    margin-top: 4.266666666666667vw;
    font-size: 3.466666666666666vw;
    line-height: 2;
  }
  .page-workshop .workshop-list li dl {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 5.466666666666667vw;
  }
  .page-workshop .workshop-list li dt,
  .page-workshop .workshop-list li dd {
    box-sizing: border-box;
  }
  .page-workshop .workshop-list li dt {
    width: 13.600000000000001vw;
    margin-top: 0.8vw;
    margin-right: 2.4vw;
    padding: 0.933333333333333vw 0 0.666666666666667vw;
    font-size: 2.666666666666667vw;
    border-radius: 2.133333333333333vw;
  }
  .page-workshop .workshop-list li dt:not(:first-of-type) {
    margin-top: 3.733333333333334vw;
  }
  .page-workshop .workshop-list li dt span {
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
  }
  .page-workshop .workshop-list li dd {
    width: calc(100% - (13.600000000000001vw + 2.4vw));
    font-size: 3.466666666666666vw;
    line-height: 1.538461538461539;
  }
  .page-workshop .workshop-list li dd:not(:first-of-type) {
    margin-top: 3.2vw;
  }
  .page-workshop .workshop-list li .btn-viewmore {
    position: absolute;
    bottom: 8vw;
    right: 5.333333333333334vw;
    height: 6.666666666666667vw;
    display: flex;
    margin-left: auto;
    margin-right: 0;
  }
  .page-workshop .workshop-list li .btn-viewmore .btn-text {
    margin-right: 2.666666666666667vw;
  }
  .page-workshop .workshop-list li .btn-viewmore .btn-icon {
    position: relative;
    top: 0;
    margin: 0;
    width: 6.666666666666667vw;
    height: 6.666666666666667vw;
    background: #000;
    border-radius: 50%;
  }
  .page-workshop .workshop-list li .btn-viewmore .btn-icon svg {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    fill: #fff;
    width: 1.6vw;
    height: 2.666666666666667vw;
  }
}
.page-workshop .btn-backtotop {
  margin: 100px auto 0;
}
@media only screen and (max-width: 767px) {
  .page-workshop .btn-backtotop {
    margin-top: 16vw;
  }
}
.footer {
  position: relative;
  padding: 0 20px 174px;
  color: #fff;
  background: #000;
}
@media only screen and (max-width: 767px) {
  .footer {
    padding: 0 0 17.333333333333336vw;
  }
}
.footer .bg {
  position: absolute;
  top: 0;
  left: 40px;
  width: 259px;
  height: 40px;
}
@media only screen and (max-width: 767px) {
  .footer .bg {
    left: 5.333333333333334vw;
    width: 34.53333333333333vw;
    height: 5.333333333333334vw;
  }
}
.footer .footer-inner {
  position: relative;
  display: flex;
  max-width: 1160px;
  margin: 0 auto;
  padding-bottom: 102px;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .footer .footer-inner {
    flex-direction: column;
    padding: 0 5.333333333333334vw 26.400000000000002vw;
  }
}
.footer .logo {
  margin-top: 139px;
  margin-bottom: 36px;
}
.footer .logo svg {
  width: 250px;
  height: 86px;
  fill: #fff;
}
.footer .logo a {
  display: block;
}
@media only screen and (max-width: 767px) {
  .footer .logo {
    margin-top: 17.066666666666666vw;
    margin-bottom: 4.8vw;
  }
  .footer .logo svg {
    width: 40.8vw;
    height: 14.000000000000002vw;
  }
}
@media only screen and (max-width: 767px) {
  .footer .followus {
    position: absolute;
    top: 22.933333333333334vw;
    right: 2.666666666666667vw;
  }
}
.footer .btn-contact {
  width: 256px;
  height: 60px;
  margin-top: 30px;
}
.footer .btn-contact a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 1.4rem;
  border-radius: 30px;
  background: #25282a;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .footer .btn-contact a {
    transition: 0.3s;
  }
  .footer .btn-contact a:hover {
    background: #5fbce7;
  }
}
@media only screen and (max-width: 767px) {
  .footer .btn-contact {
    width: 100%;
    height: 14.666666666666666vw;
    margin-top: 9.333333333333334vw;
  }
  .footer .btn-contact a {
    font-size: 2.933333333333333vw;
    border-radius: 2vw;
  }
}
.footer .links {
  margin-top: 36px;
}
.footer .links li {
  line-height: 1;
}
.footer .links li:not(:first-child) {
  margin-top: 5px;
}
.footer .links a {
  display: inline-block;
  padding: 4px 0;
  color: #909090;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.075em;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .footer .links a {
    transition: 0.3s;
  }
  .footer .links a:hover {
    color: #5fbce7;
  }
}
@media only screen and (max-width: 767px) {
  .footer .links {
    margin-top: 9.6vw;
  }
  .footer .links li:not(:first-child) {
    margin-top: 1.866666666666667vw;
  }
  .footer .links a {
    padding: 1.066666666666667vw 0;
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.075em;
  }
}
.footer .link-recruit {
  margin-top: 5.866666666666666vw;
}
.footer .link-recruit a {
  display: inline-block;
  padding: 1.066666666666667vw 0;
  color: #909090;
  font-size: 2.666666666666667vw;
  line-height: 1;
  letter-spacing: 0.075em;
}
.footer .copyright {
  position: absolute;
  bottom: 4px;
  left: 0;
  color: #909090;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.075em;
}
@media only screen and (max-width: 767px) {
  .footer .copyright {
    left: 5.333333333333334vw;
    bottom: 13.866666666666665vw;
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.075em;
  }
}
.footer .nav {
  max-width: 640px;
  margin-top: 148px;
  margin-left: 20px;
}
.footer .nav >ul {
  display: flex;
  flex-wrap: wrap;
}
.footer .nav >ul > li:nth-child(1),
.footer .nav >ul > li:nth-child(2),
.footer .nav >ul > li:nth-child(3) {
  margin-bottom: 44px;
}
.footer .nav >ul > li:nth-child(1),
.footer .nav >ul > li:nth-child(4) {
  width: 40.9375%;
}
.footer .nav >ul > li:nth-child(2),
.footer .nav >ul > li:nth-child(5) {
  width: 30.312499999999996%;
}
.footer .nav >ul > li > a {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.075em;
}
.footer .nav >ul > li ul {
  margin-top: 14px;
}
.footer .nav >ul > li li:not(:first-child) {
  margin-top: 9px;
}
.footer .nav >ul > li li a {
  display: block;
  padding: 4px 0;
  color: #909090;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.075em;
}
.footer .nav >ul > li .link-multiple {
  display: flex;
  align-items: center;
  color: #909090;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.075em;
}
.footer .nav >ul > li .link-multiple .slash {
  margin: -2px 5px 0;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .footer .nav a {
    transition: 0.3s;
  }
  .footer .nav a:hover {
    color: #5fbce7;
  }
}
@media only screen and (max-width: 767px) {
  .footer .nav {
    display: none;
  }
}
.footer .pagetop {
  position: absolute;
  bottom: 0;
  right: 0;
}
.footer .pagetop a {
  display: flex;
  align-items: center;
  color: #fff;
}
.footer .pagetop a .pagetop-text {
  margin-right: 13px;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.075em;
}
.footer .pagetop a .icon-arrow-circle {
  width: 22px;
  height: 22px;
  background: #5fbce7;
}
.footer .pagetop a .icon-arrow-circle .icon-arrow {
  width: 6px;
  height: 10px;
  transform: rotate(-90deg);
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .footer .pagetop a {
    transition: 0.3s;
  }
  .footer .pagetop a:hover {
    color: #5fbce7;
  }
}
@media only screen and (max-width: 767px) {
  .footer .pagetop {
    bottom: 13.066666666666665vw;
    right: 5.333333333333334vw;
  }
  .footer .pagetop a .pagetop-text {
    margin-right: 2.4vw;
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.075em;
  }
  .footer .pagetop a .icon-arrow-circle {
    width: 4vw;
    height: 4vw;
  }
  .footer .pagetop a .icon-arrow-circle .icon-arrow {
    width: 1.066666666666667vw;
    height: 1.866666666666667vw;
  }
}
.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #00bfff;
  z-index: 10;
}
.page-top .header {
  position: absolute;
  top: 0;
  left: 0;
  background: none;
}
.is-header-fixed .header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  animation: header-down 0.5s ease-out forwards;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
  }
  .page-top .header {
    position: fixed;
    top: 0;
    left: 0;
  }
}
.header .header-info {
  z-index: 10;
  position: relative;
  display: flex;
  justify-content: flex-end;
  height: 46px;
  color: #fff;
  background: #00bfff;
}
.header .header-info svg {
  fill: #fff;
}
.header .header-info::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #049edf;
}
@media only screen and (min-width: 768px) {
  .page-top .header .header-info::after {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .is-header-fixed .header .header-info {
    z-index: 2;
    height: 0;
    visibility: hidden;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .is-header-fixed .header .header-info {
    height: 0;
  }
  .page-top .header .header-info::after {
    display: block;
  }
}
@media only screen and (max-width: 1023px) {
  .is-no-news .header .header-info {
    height: 0;
  }
}
@media only screen and (max-width: 767px) {
  .header .header-info {
    height: 10.666666666666668vw;
  }
  .header .header-info::after {
    height: 0.266666666666667vw;
  }
  .is-header-fixed .header .header-info {
    height: 0;
  }
}
.header .info-text {
  overflow: hidden;
  padding-left: 22px;
  margin-right: auto;
  max-width: calc(100% - 540px);
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.01em;
}
.header .info-text .item {
  height: 100%;
}
.header .info-text a {
  color: #fff;
  height: 100%;
  display: flex;
  align-items: center;
}
.header .info-text a .text {
  text-decoration: underline;
  text-underline-offset: 3px;
  font-feature-settings: "palt";
}
.header .info-text .text {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 17px;
  letter-spacing: 0.08em;
  white-space: nowrap;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
.header .info-text .icon-important {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  flex-shrink: 0;
  padding-top: 3px;
  border-radius: 50%;
  line-height: 1;
  text-align: center;
  box-sizing: border-box;
  background: #f3234f;
}
.header .info-text .date {
  margin-right: 14px;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .header .info-text a .date,
  .header .info-text a .text {
    transition: opacity 0.3s;
  }
  .header .info-text a:hover .date,
  .header .info-text a:hover .text {
    opacity: 0.6;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .header .info-text {
    max-width: none;
  }
}
@media only screen and (max-width: 767px) {
  .header .info-text {
    padding-left: 2.933333333333333vw;
    max-width: none;
    font-size: 3.2vw;
    letter-spacing: -0.01em;
  }
  .header .info-text a .text {
    text-decoration: none;
  }
  .header .info-text .text {
    letter-spacing: 0.14em;
    padding-top: 3.466666666666666vw;
  }
  .header .info-text .icon-important {
    width: 6.666666666666667vw;
    height: 6.666666666666667vw;
    margin-right: 2.133333333333333vw;
    padding-top: 1.066666666666667vw;
    font-size: 4vw;
  }
  .header .info-text .date {
    margin-top: -0.266666666666667vw;
    margin-right: 2.4vw;
  }
}
.header .btn-container {
  display: flex;
  height: 30px;
  margin-top: 8px;
}
.header .btn-container a,
.header .btn-container button {
  display: block;
  color: #fff;
  width: 100%;
  height: 100%;
}
.header .btn-container span {
  display: block;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .header .btn-container {
    position: absolute;
    top: 54px;
    right: 20px;
    height: auto;
    margin-top: 0;
  }
  .is-header-fixed .header .btn-container,
  .is-no-news .header .btn-container {
    top: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .header .btn-container {
    position: absolute;
    top: 13.066666666666665vw;
    right: 2.666666666666667vw;
    height: auto;
    margin-top: 0;
  }
  .is-header-fixed .header .btn-container,
  .is-no-news .header .btn-container {
    top: 2.4vw;
  }
}
.header .header-contents .btn-login {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .is-header-fixed .header .btn-container .btn-login {
    display: none;
  }
  .is-header-fixed .header .header-contents .btn-login {
    display: block;
  }
}
.header .btn-login > a,
.header .btn-language > a,
.header .btn-menu > a,
.header .btn-login > button,
.header .btn-language > button,
.header .btn-menu > button,
.header .btn-login > span,
.header .btn-language > span,
.header .btn-menu > span {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.header .btn-login .btn-text,
.header .btn-language .btn-text,
.header .btn-menu .btn-text {
  line-height: 1;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .header .btn-login,
  .header .btn-language,
  .header .btn-menu {
    width: 50px;
    height: 50px;
  }
  .header .btn-login > a,
  .header .btn-language > a,
  .header .btn-menu > a,
  .header .btn-login > button,
  .header .btn-language > button,
  .header .btn-menu > button,
  .header .btn-login > span,
  .header .btn-language > span,
  .header .btn-menu > span {
    flex-direction: column;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid #00a9e2;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) and (any-hover: hover) {
  .header .btn-login > a,
  .header .btn-language > a,
  .header .btn-menu > a,
  .header .btn-login > button,
  .header .btn-language > button,
  .header .btn-menu > button,
  .header .btn-login > span,
  .header .btn-language > span,
  .header .btn-menu > span {
    transition: opacity 0.3s, background 0.3s;
  }
  .header .btn-login > a:hover,
  .header .btn-language > a:hover,
  .header .btn-menu > a:hover,
  .header .btn-login > button:hover,
  .header .btn-language > button:hover,
  .header .btn-menu > button:hover,
  .header .btn-login > span:hover,
  .header .btn-language > span:hover,
  .header .btn-menu > span:hover {
    opacity: 1 !important;
    background: #00a9e2;
  }
}
@media only screen and (max-width: 767px) {
  .header .btn-login,
  .header .btn-language,
  .header .btn-menu {
    width: 13.333333333333334vw;
    height: 13.333333333333334vw;
  }
  .header .btn-login > a,
  .header .btn-language > a,
  .header .btn-menu > a,
  .header .btn-login > button,
  .header .btn-language > button,
  .header .btn-menu > button,
  .header .btn-login > span,
  .header .btn-language > span,
  .header .btn-menu > span {
    flex-direction: column;
    border-radius: 50%;
    box-sizing: border-box;
    border: 0.266666666666667vw solid #049edf;
  }
}
.header .btn-login {
  position: relative;
}
.header .btn-login a {
  height: 100%;
}
.header .btn-login .btn-icon {
  width: 17px;
  height: 19px;
  fill: #fff;
}
.header .btn-login .btn-text {
  margin-left: 10px;
  color: #fff;
  font-size: 1.2rem;
}
@media only screen and (min-width: 1024px) {
  .is-header-fixed .header .btn-login {
    position: absolute;
    top: 0;
    right: 250px;
    width: 60px;
    height: 60px;
    background: #00a9e2;
    visibility: visible;
  }
  .is-header-fixed .header .btn-login a {
    padding-top: 12px;
    flex-direction: column;
  }
  .is-header-fixed .header .btn-login .btn-text {
    margin-top: 6px;
    font-size: 1rem;
    margin-right: 3px;
    display: inline-block;
    transform: scale(0.9);
    transform-origin: 0 0;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .header .btn-login a {
    transition: opacity 0.3s, background 0.3s;
  }
  .header .btn-login a:hover {
    opacity: 0.6;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .is-header-fixed .header .btn-login a:hover {
    opacity: 1;
  }
}
@media only screen and (min-width: 1024px) {
  .is-header-fixed .header .btn-login a:hover {
    background: #000;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .header .btn-login {
    order: 2;
    margin-left: 8px;
  }
  .header .btn-login a {
    padding-top: 8px;
  }
  .header .btn-login .btn-icon {
    width: 15px;
    height: 18px;
  }
  .header .btn-login .btn-text {
    margin-left: 13px;
    margin-top: 3px;
    display: inline-block;
    transform: scale(0.75);
    transform-origin: 0 0;
    letter-spacing: -0.1em;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 767px) {
  .header .btn-login {
    order: 2;
    margin-left: 2.133333333333333vw;
  }
  .header .btn-login a {
    padding-top: 2.666666666666667vw;
  }
  .header .btn-login .btn-icon {
    width: 3.466666666666666vw;
    height: 4vw;
  }
  .header .btn-login .btn-text {
    margin-left: 2.666666666666667vw;
    margin-top: 1.066666666666667vw;
    font-size: 2.666666666666667vw;
    display: inline-block;
    transform: scale(0.8);
    transform-origin: 0 0;
    white-space: nowrap;
  }
}
.header .btn-language {
  margin-right: 24px;
  margin-left: 20px;
}
.header .btn-language .language-close-bg {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100vh;
  visibility: hidden;
  z-index: 99;
}
.header .btn-language.is-dropnav-opened .language-close-bg {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.header .btn-language > span {
  position: relative;
  height: 100%;
  cursor: pointer;
}
.header .btn-language > span > span {
  transition: opacity 0.3s;
}
.header .btn-language > span::after {
  position: absolute;
  bottom: -30px;
  left: 50%;
  content: "";
  opacity: 0;
  width: 0px;
  height: 0px;
  z-index: 11;
  border-style: solid;
  margin-left: -6px;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent #44addd transparent;
  transition: opacity 0.3s;
}
.header .btn-language .btn-text {
  margin-right: 10px;
  margin-left: 8px;
  font-size: 1.3rem;
}
.header .btn-language .btn-icon-earth {
  width: 20px;
  height: 20px;
}
.header .btn-language .btn-icon-arrow {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #fff transparent transparent transparent;
}
.header .btn-language .dropnav {
  position: absolute;
  top: 47px;
  right: 20px;
  width: 124px;
  padding-top: 20px;
  visibility: hidden;
  opacity: 0;
  z-index: 100;
  pointer-events: none;
  transition: opacity 0.3s, visibility 0.3s;
}
.header .btn-language .dropnav .dropnav-contents {
  background: #44addd;
  border-radius: 20px;
  padding: 22px 0 22px 33px;
  box-sizing: border-box;
  box-shadow: 0px 10px 33px 0px rgba(2,17,33,0.05);
}
.header .btn-language .dropnav .dropnav-contents li {
  font-size: 1.4rem;
}
.header .btn-language .dropnav .dropnav-contents li:not(:first-child) {
  margin-top: 10px;
}
.header .btn-language .dropnav .dropnav-contents li a {
  color: #fff;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .header .btn-language .dropnav .dropnav-contents li a {
    transition: opacity 0.3s;
  }
  .header .btn-language .dropnav .dropnav-contents li a:hover {
    opacity: 0.6;
  }
}
.header .btn-language.is-dropnav-opened >span > span {
  opacity: 0.6;
}
.header .btn-language.is-dropnav-opened >span::after {
  opacity: 1;
}
.header .btn-language.is-dropnav-opened .dropnav {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .header .btn-language >span {
    transition: opacity 0.3s;
  }
  .header .btn-language >span:hover {
    opacity: 0.6;
  }
  .header .btn-language.is-dropnav-opened >span:hover {
    opacity: 1;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .header .btn-language {
    order: 1;
    margin-right: 0;
    margin-left: 0;
  }
  .header .btn-language >span {
    padding-top: 8px;
  }
  .header .btn-language .btn-text {
    margin-right: 0;
    margin-left: 8px;
    margin-top: 4px;
    font-size: 1rem;
    letter-spacing: -0.04em;
    display: inline-block;
    transform: scale(0.8);
    transform-origin: 0 0;
  }
  .header .btn-language .btn-icon-earth {
    width: 18px;
    height: 18px;
  }
  .header .btn-language .btn-icon-arrow {
    display: none;
  }
  .header .btn-language .dropnav {
    top: 58px;
    right: 77px;
  }
  .header .btn-language.is-dropnav-opened >span > span {
    opacity: 1;
  }
}
@media only screen and (max-width: 767px) {
  .header .btn-language {
    order: 1;
    margin-right: 0;
    margin-left: 0;
  }
  .header .btn-language >span {
    padding-top: 2.4vw;
  }
  .header .btn-language >span::after {
    bottom: -6.666666666666667vw;
    margin-left: -1.866666666666667vw;
    border-width: 0 2vw 2.666666666666667vw 2vw;
  }
  .header .btn-language .btn-text {
    margin-right: 0;
    margin-left: 2.4vw;
    margin-top: 1.066666666666667vw;
    font-size: 2.666666666666667vw;
    letter-spacing: -0.05em;
    display: inline-block;
    transform: scale(0.8);
    transform-origin: 0 0;
  }
  .header .btn-language .btn-icon-earth {
    width: 4.266666666666667vw;
    height: 4.266666666666667vw;
  }
  .header .btn-language .btn-icon-arrow {
    display: none;
  }
  .header .btn-language .dropnav {
    position: absolute;
    top: 15.733333333333333vw;
    right: 20.933333333333334vw;
    width: 33.33333333333333vw;
    padding-top: 4vw;
  }
  .header .btn-language .dropnav .dropnav-contents {
    border-radius: 6.666666666666667vw;
    padding: 6.933333333333333vw 0 6.933333333333333vw 9.333333333333334vw;
    box-sizing: border-box;
    box-shadow: none;
  }
  .header .btn-language .dropnav .dropnav-contents li {
    font-size: 3.733333333333334vw;
  }
  .header .btn-language .dropnav .dropnav-contents li:not(:first-child) {
    margin-top: 4vw;
  }
  .header .btn-language.is-dropnav-opened >span > span {
    opacity: 1;
  }
}
.header .btn-menu {
  display: none;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .header .btn-menu {
    display: block;
    order: 3;
    margin-left: 8px;
  }
  .header .btn-menu button {
    padding-top: 16px;
  }
  .header .btn-menu .btn-icon {
    position: relative;
    width: 16px;
    height: 8px;
  }
  .header .btn-menu .btn-icon span {
    position: absolute;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    background: #fff;
  }
  .header .btn-menu .btn-icon .line-1 {
    top: 0;
  }
  .header .btn-menu .btn-icon .line-2 {
    bottom: 0;
  }
  .header .btn-menu .btn-text {
    margin-top: 6px;
    margin-left: 8px;
    font-size: 1rem;
    display: inline-block;
    transform: scale(0.85);
    transform-origin: 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .header .btn-menu {
    display: block;
    order: 3;
    margin-left: 2.133333333333333vw;
  }
  .header .btn-menu button {
    padding-top: 3.466666666666666vw;
  }
  .header .btn-menu .btn-icon {
    position: relative;
    width: 4.266666666666667vw;
    height: 2.266666666666667vw;
  }
  .header .btn-menu .btn-icon span {
    position: absolute;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 0.533333333333333vw;
    background: #fff;
  }
  .header .btn-menu .btn-icon .line-1 {
    top: 0;
  }
  .header .btn-menu .btn-icon .line-2 {
    bottom: 0;
  }
  .header .btn-menu .btn-text {
    margin-top: 2.133333333333333vw;
    margin-left: 1.866666666666667vw;
    font-size: 2.666666666666667vw;
    display: inline-block;
    transform: scale(0.8);
    transform-origin: 0 0;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .header .btn-container .followus {
    display: none;
  }
}
.is-header-fixed .header .btn-container .followus {
  display: none;
}
@media only screen and (max-width: 767px) {
  .header .btn-container .followus {
    display: none;
  }
}
.header .header-contents {
  position: relative;
  height: 117px;
  z-index: 1;
}
@media only screen and (min-width: 1024px) {
  .is-header-fixed .header .header-contents {
    height: 60px;
    background: #00bfff;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .header .header-contents {
    height: 66px;
    background: #00bfff;
  }
}
@media only screen and (max-width: 767px) {
  .header .header-contents {
    height: 18.133333333333333vw;
    background: #00bfff;
  }
}
.header .logo {
  position: absolute;
  top: 21px;
  left: 30px;
  z-index: 8;
}
.header .logo svg {
  fill: #fff;
}
.header .logo .logo-size-l {
  width: 193px;
  height: 66px;
}
.header .logo .logo-size-s {
  width: 63px;
  height: 80px;
}
.header .logo a {
  display: block;
}
.header .logo .logo-size-s {
  display: none;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .header .logo a {
    transition: opacity 0.3s;
  }
  .header .logo a:hover {
    opacity: 0.6;
  }
}
@media only screen and (max-width: 1399px) {
  .header .logo {
    left: 20px;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 1024px) {
  .header .logo {
    top: 17px;
    left: 30px;
  }
  .header .logo .logo-size-l {
    display: none;
  }
  .header .logo .logo-size-s {
    display: block;
    width: 63px;
    height: 80px;
  }
}
@media only screen and (min-width: 1024px) {
  .is-header-fixed .header .logo {
    top: 7px;
    left: 20px;
  }
  .is-header-fixed .header .logo .logo-size-l {
    display: block;
    width: 124px;
    height: 42px;
  }
  .is-header-fixed .header .logo .logo-size-s {
    display: none;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .header .logo {
    position: absolute;
    top: 10px;
    left: 20px;
  }
  .header .logo .logo-size-l {
    width: 130px;
    height: 44px;
  }
}
@media only screen and (max-width: 767px) {
  .header .logo {
    position: absolute;
    top: 2.8vw;
    left: 2.4vw;
  }
  .header .logo .logo-size-l {
    width: 32vw;
    height: 10.933333333333334vw;
  }
}
.header .nav {
  position: absolute;
  top: 33px;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 10;
  pointer-events: none;
}
.header .nav > ul {
  display: flex;
  justify-content: flex-end;
  padding-right: 348px;
  box-sizing: border-box;
}
.header .nav > ul > li {
  margin: 0 14px;
  font-size: 1.5rem;
  margin: 0 1.330798479087452%;
  pointer-events: auto;
}
.header .nav > ul > li > a,
.header .nav > ul > li > span {
  display: block;
  padding: 10px;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .is-header-fixed .header .nav {
    height: 100%;
  }
  .is-header-fixed .header .nav > ul {
    height: 100%;
  }
  .is-header-fixed .header .nav > ul > li {
    height: 100%;
  }
  .is-header-fixed .header .nav > ul > li > a,
  .is-header-fixed .header .nav > ul > li > span {
    padding-top: 15px;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .header .nav > ul > li > a,
  .header .nav > ul > li > span {
    transition: color 0.3s;
  }
  .header .nav > ul > li > a:hover,
  .header .nav > ul > li > span:hover {
    color: #000;
  }
  .page-top .header .nav > ul > li > a:hover {
    color: #00bfff;
  }
  .is-header-fixed .header .nav > ul > li > a {
    transition: color 0.3s;
  }
  .is-header-fixed .header .nav > ul > li > a:hover {
    color: #000;
  }
}
.header .nav .dropnav-btn {
  display: block;
}
.header .nav .dropnav-btn >span {
  position: relative;
  cursor: default;
  height: 100%;
  box-sizing: border-box;
}
.header .nav .dropnav-btn >span::after {
  position: absolute;
  bottom: -33px;
  left: 50%;
  content: "";
  opacity: 0;
  width: 0px;
  height: 0px;
  border-style: solid;
  margin-left: -10px;
  border-width: 0 11px 14px 11px;
  border-color: transparent transparent #fff transparent;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .header .nav .dropnav-btn >span::after {
    transition: 0.3s;
  }
  .page-top .header .nav .dropnav-btn:hover >span:not(.is-header-fixed .header .nav .dropnav-btn:hover >span ) {
    color: #00bfff;
  }
  .header .nav .dropnav-btn:hover >span::after {
    opacity: 1;
  }
  .header .nav .dropnav-btn:hover .dropnav {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}
.header .nav .dropnav {
  position: absolute;
  top: 52px;
  left: 0;
  display: flex;
  width: 100%;
  padding-top: 33px;
  justify-content: flex-end;
  visibility: hidden;
  opacity: 0;
  z-index: 10;
  pointer-events: none;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .header .nav .dropnav {
    transition: 0.3s;
  }
  .header .nav .dropnav:hover {
    opacity: 1;
    visibility: visible;
  }
}
.header .nav .dropnav .dropnav-contents {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-radius: 30px;
  padding: 24px 24px 25px 49px;
  box-sizing: border-box;
  box-shadow: 0px 10px 33px 0px rgba(2,17,33,0.05);
}
.header .nav .dropnav .dropnav-heading {
  width: 239px;
  margin-bottom: 2px;
  box-sizing: border-box;
}
.header .nav .dropnav .dropnav-heading span {
  display: block;
  line-height: 1;
}
.header .nav .dropnav .dropnav-heading .text-main {
  font-size: 2.4rem;
}
.header .nav .dropnav .dropnav-heading .text-sub {
  margin-top: 16px;
  font-size: 1.3rem;
}
.header .nav .dropnav .dropnav-list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 16px;
  max-width: 798px;
}
.header .nav .dropnav .dropnav-list li {
  width: 250px;
  height: 74px;
  margin-right: 16px;
  margin-bottom: 16px;
  border-radius: 16px;
  overflow: hidden;
}
.header .nav .dropnav .dropnav-list li a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  padding-left: 23px;
  padding-right: 62px;
  background: #5fbce7;
  box-sizing: border-box;
}
.header .nav .dropnav .dropnav-list .icon-arrow-circle {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  background: #000;
}
.header .nav .dropnav .dropnav-list .icon-arrow-circle .icon-arrow {
  width: 6px;
  height: 10px;
  fill: #fff;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .header .nav .dropnav .dropnav-list a {
    transition: color 0.3s, background 0.3s;
  }
  .header .nav .dropnav .dropnav-list a .icon-arrow-circle {
    transition: right 0.3s, background 0.3s;
  }
  .header .nav .dropnav .dropnav-list a .icon-arrow-circle .icon-arrow {
    transition: fill 0.3s;
  }
  .header .nav .dropnav .dropnav-list a:hover {
    color: #5fbce7;
    background: #000;
  }
  .header .nav .dropnav .dropnav-list a:hover .icon-arrow-circle {
    right: 14px;
    background: #5fbce7;
  }
  .header .nav .dropnav .dropnav-list a:hover .icon-arrow-circle .icon-arrow {
    fill: #000;
  }
}
.header .nav .dropnav-btn-guide .dropnav .dropnav-contents {
  width: 1110px;
  margin: 0 auto;
}
@media only screen and (min-width: 1400px) {
  .header .nav .dropnav-btn-guide .dropnav .dropnav-contents {
    margin-right: 191px;
  }
}
.header .nav .dropnav-btn-news .dropnav .dropnav-contents {
  width: 844px;
  margin-right: 100px;
}
@media only screen and (max-width: 1260px) {
  .header .nav > ul {
    padding-right: 28.333333333333332%;
  }
  .header .nav > ul > li {
    margin: 0 9px;
  }
}
@media only screen and (max-width: 1199px) {
  .header .nav > ul {
    padding-right: 274px;
  }
}
@media only screen and (max-width: 1023px) {
  .header .nav {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .is-header-fixed .header .nav {
    top: 0;
  }
  .is-header-fixed .header .nav > ul {
    padding-right: 328px;
  }
  .is-header-fixed .header .nav > ul > li {
    font-size: 1.3rem;
    margin: 0 7px 0 6px;
  }
  .is-header-fixed .header .nav .dropnav {
    top: 60px;
  }
}
.header .btn-tickets-container {
  position: absolute;
  top: 29px;
  right: 20px;
  width: 300px;
  height: 60px;
  display: flex;
  align-items: center;
  background: #fff;
  padding-bottom: 2px;
  border-radius: 30px;
  box-sizing: border-box;
  z-index: 8;
}
.header .btn-tickets-container .character {
  position: absolute;
  top: -8px;
  left: 24px;
  display: block;
  width: 47px;
}
.header .btn-tickets-container ul {
  display: flex;
  margin-left: 74px;
  font-size: 1.6rem;
}
.header .btn-tickets-container ul li:not(:first-child) {
  margin-left: 0;
}
.header .btn-tickets-container ul li a {
  display: flex;
  align-items: center;
  padding: 10px 16px 10px 0;
}
.header .btn-tickets-container ul li a::before {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  margin-top: 1px;
  margin-right: 6px;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #00bfff;
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .header .btn-tickets-container {
    transition: background 0.3s;
  }
  .header .btn-tickets-container li {
    transition: opacity 0.3s;
  }
  .header .btn-tickets-container li a {
    transition: color 0.3s;
  }
  .header .btn-tickets-container li a::before {
    transition: border-color 0.3s;
  }
  .header .btn-tickets-container.is-hover-ticket,
  .header .btn-tickets-container.is-hover-group {
    background: #f3234f;
  }
  .header .btn-tickets-container.is-hover-ticket a,
  .header .btn-tickets-container.is-hover-group a {
    color: #fff;
  }
  .header .btn-tickets-container.is-hover-ticket a::before,
  .header .btn-tickets-container.is-hover-group a::before {
    border-color: transparent transparent transparent #fff;
  }
  .header .btn-tickets-container.is-hover-ticket .btn-group {
    opacity: 0.6;
  }
  .header .btn-tickets-container.is-hover-ticket .btn-group a::before {
    opacity: 0;
  }
  .header .btn-tickets-container.is-hover-group .btn-ticket {
    opacity: 0.6;
  }
  .header .btn-tickets-container.is-hover-group .btn-ticket a::before {
    opacity: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .header .btn-tickets-container {
    top: 36px;
    width: 230px;
    height: 46px;
  }
  .header .btn-tickets-container .character {
    display: none;
  }
  .header .btn-tickets-container ul {
    margin-left: 22px;
    font-size: 1.5rem;
    line-height: 1;
  }
  .header .btn-tickets-container ul li a {
    padding-right: 14px;
  }
}
@media only screen and (max-width: 1023px) {
  .header .btn-tickets-container {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .is-header-fixed .header .btn-tickets-container {
    top: 0;
    right: 0;
    width: 250px;
    height: 100%;
    border-radius: 0;
    overflow: hidden;
  }
  .is-header-fixed .header .btn-tickets-container::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #e6ebed;
  }
  .is-header-fixed .header .btn-tickets-container .character {
    display: block;
    top: 2px;
    left: 17px;
    width: 43px;
  }
  .is-header-fixed .header .btn-tickets-container ul {
    margin-left: 62px;
    font-size: 1.3rem;
    line-height: 1;
  }
  .is-header-fixed .header .btn-tickets-container ul li a {
    padding-right: 14px;
  }
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .is-header-fixed .header .btn-tickets-container::after {
    transition: 0.3s;
  }
  .is-header-fixed .header .btn-tickets-container.is-hover-ticket::after,
  .is-header-fixed .header .btn-tickets-container.is-hover-group::after {
    opacity: 0;
  }
}
@media only screen and (max-width: 767px) {
  .header .btn-tickets-container {
    display: none;
  }
}
.menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: calc(var(--vh, 1vh) * 100);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 100;
}
.is-menu-opened .menu {
  pointer-events: auto;
}
.menu .menu-overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background: rgba(0,19,25,0.15);
}
.menu .menu-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
}
.menu .menu-contents {
  position: relative;
  width: 320px;
  height: 100%;
  padding: 79px 25px 48px;
  background: #fff;
  border-radius: 50px 0 0 50px;
  overflow: hidden;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .menu .menu-contents {
    width: 640px;
    height: 100%;
    width: 85.33333333333334vw;
    padding: 21.066666666666666vw 6.666666666666667vw 12.8vw;
    border-radius: 13.333333333333334vw 0 0 13.333333333333334vw;
  }
}
.menu .btn-menu-close {
  position: absolute;
  top: 9px;
  right: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #00bfff;
}
.menu .btn-menu-close button {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 10px;
  align-items: center;
  box-sizing: border-box;
}
.menu .btn-menu-close span {
  display: block;
}
.menu .btn-menu-close .btn-icon {
  position: relative;
  width: 16px;
  height: 16px;
}
.menu .btn-menu-close .btn-icon span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
}
.menu .btn-menu-close .btn-icon .line-1 {
  top: 50%;
  transform: rotate(-45deg);
}
.menu .btn-menu-close .btn-icon .line-2 {
  top: 50%;
  bottom: auto;
  transform: rotate(-135deg);
}
.menu .btn-menu-close .btn-text {
  margin-top: 2px;
  margin-left: 6px;
  color: #fff;
  font-size: 1rem;
  display: inline-block;
  transform: scale(0.8);
  transform-origin: 0 0;
}
@media only screen and (max-width: 767px) {
  .menu .btn-menu-close {
    position: absolute;
    top: 2.4vw;
    right: 2.666666666666667vw;
    width: 13.333333333333334vw;
    height: 13.333333333333334vw;
  }
  .menu .btn-menu-close button {
    padding-top: 2.666666666666667vw;
  }
  .menu .btn-menu-close .btn-icon {
    width: 4.266666666666667vw;
    height: 4.266666666666667vw;
  }
  .menu .btn-menu-close .btn-icon span {
    height: 0.533333333333333vw;
  }
  .menu .btn-menu-close .btn-text {
    margin-top: 0.533333333333333vw;
    margin-left: 1.6vw;
    font-size: 2.666666666666667vw;
  }
}
.menu .menu-btn-login {
  width: 100%;
  height: 55px;
}
.menu .menu-btn-login a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-right: 3px;
  border: 1px solid #dbddde;
  border-radius: 27.5px;
  box-sizing: border-box;
}
.menu .menu-btn-login a .btn-icon {
  width: 18px;
  height: 21px;
  margin-right: 15px;
}
.menu .menu-btn-login a .btn-text {
  margin-top: -2px;
  font-size: 1.4rem;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .menu .menu-btn-login {
    height: 14.666666666666666vw;
  }
  .menu .menu-btn-login a {
    padding-right: 0.8vw;
    border-width: 0.266666666666667vw;
    border-radius: 7.333333333333333vw;
  }
  .menu .menu-btn-login a .btn-icon {
    width: 4.8vw;
    height: 5.600000000000001vw;
    margin-right: 4vw;
  }
  .menu .menu-btn-login a .btn-text {
    margin-top: -0.533333333333333vw;
    font-size: 3.733333333333334vw;
    line-height: 1;
  }
}
.menu .menu-nav {
  margin-top: 17px;
}
.menu .menu-nav > li {
  font-size: 1.4rem;
  line-height: 1.857142857142857;
  border-bottom: 1px solid #dbddde;
}
.menu .menu-nav > li > a,
.menu .menu-nav > li > span {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 19.5px 40px 19.5px 2px;
  box-sizing: border-box;
}
.menu .menu-nav > li .icon-arrow-circle {
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #000;
}
.menu .menu-nav > li .icon-arrow-circle .icon-arrow {
  width: 4px;
  height: 7px;
  fill: #fff;
}
.menu .menu-nav .menu-subnav-btn .icon-arrow-circle {
  transform: rotate(90deg);
}
.menu .menu-nav .menu-subnav {
  height: 0;
  overflow: hidden;
}
.menu .menu-nav .menu-subnav ul {
  display: flex;
  flex-wrap: wrap;
  margin-right: -6px;
  padding: 8px 0 28px 9.5px;
}
.menu .menu-nav .menu-subnav li {
  width: 50%;
  font-size: 1.2rem;
  line-height: 2;
  margin-bottom: 11px;
}
.menu .menu-nav .menu-subnav a {
  max-width: 94%;
  position: relative;
  display: inline-block;
  color: #666;
  padding-right: 14px;
  box-sizing: border-box;
}
.menu .menu-nav .menu-subnav .icon-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  margin-left: 9px;
  margin-top: -2px;
  width: 4px;
  height: 7px;
  fill: #666;
}
.menu .menu-nav .menu-subnav-btn.is-subnav-opened .icon-arrow-circle {
  transform: rotate(-90deg);
}
@media only screen and (min-width: 768px) and (any-hover: hover) {
  .menu .menu-nav > li > a .icon-arrow-circle,
  .menu .menu-nav > li > span .icon-arrow-circle {
    transition: background 0.3s;
  }
  .menu .menu-nav > li > a:hover .icon-arrow-circle,
  .menu .menu-nav > li > span:hover .icon-arrow-circle {
    background: #00bfff;
  }
}
@media only screen and (max-width: 767px) {
  .menu .menu-nav {
    margin-top: 4.533333333333333vw;
  }
  .menu .menu-nav > li {
    font-size: 3.733333333333334vw;
    line-height: 1.857142857142857;
    border-width: 0.266666666666667vw;
  }
  .menu .menu-nav > li > a,
  .menu .menu-nav > li > span {
    padding: 5.2vw 40px 5.2vw 0.533333333333333vw;
  }
  .menu .menu-nav > li .icon-arrow-circle {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
    margin-top: -2.666666666666667vw;
  }
  .menu .menu-nav > li .icon-arrow-circle .icon-arrow {
    width: 1.066666666666667vw;
    height: 1.866666666666667vw;
  }
  .menu .menu-nav .menu-subnav ul {
    margin-right: -1.6vw;
    padding: 2.133333333333333vw 0 7.466666666666668vw 2.533333333333333vw;
  }
  .menu .menu-nav .menu-subnav li {
    font-size: 3.2vw;
    line-height: 2;
    margin-bottom: 2.933333333333333vw;
  }
  .menu .menu-nav .menu-subnav a {
    padding-right: 3.733333333333334vw;
  }
  .menu .menu-nav .menu-subnav .icon-arrow {
    margin-left: 2.4vw;
    margin-top: -0.533333333333333vw;
    width: 1.066666666666667vw;
    height: 1.866666666666667vw;
  }
}
.menu .links {
  margin-top: 43px;
  margin-left: 3px;
}
.menu .links li {
  font-size: 1.1rem;
  line-height: 2.272727272727273;
  letter-spacing: 0.075em;
}
@media only screen and (max-width: 767px) {
  .menu .links {
    margin-top: 11.200000000000001vw;
    margin-left: 0.8vw;
  }
  .menu .links li {
    font-size: 2.933333333333333vw;
    line-height: 2.272727272727273;
    letter-spacing: 0.075em;
  }
}
.menu .followus {
  display: flex;
  margin-top: 35px;
  margin-left: 5px;
}
.menu .followus .btn-text {
  font-size: 1rem;
  margin-top: -2px;
  margin-right: 18px;
}
.menu .followus .btn-instagram .btn-icon {
  width: 15px;
  height: 15px;
}
.menu .followus .btn-twitter {
  margin-left: 20px;
}
.menu .followus .btn-twitter .btn-icon {
  width: 15px;
  height: 12px;
}
@media only screen and (max-width: 767px) {
  .menu .followus {
    margin-top: 7.733333333333333vw;
    margin-left: 1.333333333333333vw;
  }
  .menu .followus .btn-text {
    font-size: 2.666666666666667vw;
    margin-top: -0.266666666666667vw;
    margin-right: 2.4vw;
  }
  .menu .followus .btn-instagram .btn-icon {
    width: 4vw;
    height: 4vw;
  }
  .menu .followus .btn-twitter .btn-icon {
    width: 4vw;
    height: 3.2vw;
  }
}