@charset "UTF-8";
* {
  box-sizing: border-box;
}

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

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

html {
  -webkit-text-size-adjust: 100%;
}

body {
  line-height: 1;
  overflow-x: hidden;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

a {
  text-decoration: none;
  cursor: pointer;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

main {
  display: block;
}

select::-ms-expand {
  display: none;
}

textarea {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

textarea:focus {
  outline: 0;
}

input {
  border: none;
  background: none;
  -webkit-appearance: none;
  border-radius: 0;
  box-shadow: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

input:focus {
  outline: 0;
}

select {
  -webkit-appearance: none;
  border-radius: 0;
  border: none;
  background: none;
}

select:focus {
  outline: 0;
}

button {
  border: none;
  background: none;
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.c-pc {
  display: block;
}
@media (max-width: 810px) {
  .c-pc {
    display: none;
  }
}

.c-sp {
  display: none;
}
@media (max-width: 810px) {
  .c-sp {
    display: block;
  }
}

.c-sp370 {
  display: none;
}
@media (max-width: 369px) {
  .c-sp370 {
    display: block;
  }
}

.c-sp560 {
  display: none;
}
@media (max-width: 559px) {
  .c-sp560 {
    display: block;
  }
}

.c-pc560 {
  display: block;
}
@media (max-width: 559px) {
  .c-pc560 {
    display: none;
  }
}

.c-pc768 {
  display: block !important;
}
@media (max-width: 767px) {
  .c-pc768 {
    display: none !important;
  }
}

.c-sp768 {
  display: none;
}
@media (max-width: 767px) {
  .c-sp768 {
    display: block;
  }
}

.c-pc1000 {
  display: block !important;
}
@media (max-width: 999px) {
  .c-pc1000 {
    display: none !important;
  }
}

.c-sp1000 {
  display: none !important;
}
@media (max-width: 999px) {
  .c-sp1000 {
    display: block !important;
  }
}

html.is-fixed {
  z-index: -1;
  overflow: hidden;
}

body {
  font-size: 18px;
  font-size: 1.125rem;
  position: relative;
  line-height: normal;
  font-weight: 600;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
  color: #333333;
}
@media (max-width: 1439px) {
  body {
    font-size: 16px;
    font-size: 1rem;
  }
}
body a {
  color: #333333;
}

main {
  min-height: calc(100vh - 128px);
}
@media (max-width: 810px) {
  main {
    min-height: calc(100vh - 168px);
  }
}

.l-header {
  position: absolute;
  top: 25px;
  left: 0;
  width: 100%;
  padding: 0 0 25px 0;
  background: transparent;
  z-index: 10;
  transition: 0.3s;
}
@media (max-width: 999px) {
  .l-header {
    top: 5px;
    padding: 0 0 5px 0;
  }
}
.l-header.is-fixed {
  position: fixed;
  top: 0;
  padding: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  background: #FFF;
}
.l-header__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 80px;
  padding: 25px 80px;
}
@media (max-width: 999px) {
  .l-header__inner {
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 15px 20px;
  }
}
.l-header__logo {
  display: block;
  width: 184px;
  transition: 0.3s;
}
@media (any-hover: hover) {
  .l-header__logo:hover {
    opacity: 0.7;
  }
}
@media (max-width: 999px) {
  .l-header__logo {
    width: 108px;
  }
}
.l-header.is-fixed .l-header__logo {
  width: 140px;
}
@media (max-width: 999px) {
  .l-header.is-fixed .l-header__logo {
    width: 92px;
  }
}
@media (max-width: 999px) {
  .l-header__navi {
    position: absolute;
    top: 78px;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100vw;
    height: 100vh;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    pointer-events: none;
    transition: 0.3s;
    opacity: 0;
  }
  .l-header__navi.is-active {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }
}
.l-header__navi__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 40px;
}
@media (max-width: 999px) {
  .l-header__navi__list {
    display: inline-block;
    gap: 0;
    margin: 0 0 0 auto;
    padding: 10px 25px;
    background: #FFFFFF;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    border-radius: 0 0 0 10px;
  }
}
.l-header__navi__item:first-of-type {
  display: none;
}
@media (max-width: 999px) {
  .l-header__navi__item:not(:last-of-type) {
    width: 100%;
    border-bottom: 1px dashed #CCCCCC;
  }
}
.l-header__navi__item > a {
  font-size: 24px;
  font-size: 1.5rem;
  display: block;
  font-weight: 500;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .l-header__navi__item > a:hover {
    opacity: 0.7;
  }
}
@media (max-width: 999px) {
  .l-header__navi__item > a {
    font-size: 20px;
    font-size: 1.25rem;
    padding: 20px 0 20px;
  }
}
@media (max-width: 999px) {
  .l-header.is-fixed .l-header__navi {
    top: 66px;
  }
}
.l-header__toggle {
  display: none;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 28px;
  height: 22px;
}
@media (max-width: 999px) {
  .l-header__toggle {
    display: -ms-flexbox;
    display: flex;
  }
}
.l-header__toggle.is-active > span {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.l-header__toggle.is-active > span::before {
  top: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.l-header__toggle.is-active > span::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  opacity: 0;
}
.l-header__toggle > span {
  display: block;
  position: relative;
  width: 28px;
  height: 2px;
  background: #00698D;
  transition: 0.3s;
}
.l-header__toggle > span::before, .l-header__toggle > span::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00698D;
  transition: 0.3s;
}
.l-header__toggle > span::before {
  top: 10px;
}
.l-header__toggle > span::after {
  bottom: 10px;
}

.l-lower .l-header__navi__item:first-child {
  display: block;
}

.l-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
  width: 100%;
  height: 128px;
  padding: 40px 80px;
}
@media (max-width: 999px) {
  .l-footer {
    padding: 40px;
  }
}
@media (max-width: 810px) {
  .l-footer {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    gap: 25px;
    height: 168px;
    padding: 40px 20px;
  }
}
.l-footer::before {
  content: "";
  display: block;
  position: absolute;
  top: -8px;
  left: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(90deg, #E7105F 15%, #F4812C, #FFDD03, #83C273, #0DA4DF 85%);
}
.l-footer__logo {
  display: block;
  width: 122px;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .l-footer__logo:hover {
    opacity: 0.7;
  }
}
.l-footer__copyright {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 3;
  font-weight: 400;
}
@media (max-width: 810px) {
  .l-footer__copyright {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
  }
}
@media (max-width: 399px) {
  .l-footer__copyright {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.l-totop {
  display: block;
  position: absolute;
  top: -54px;
  right: 80px;
  z-index: 10;
  cursor: pointer;
  transition: opacity 0.3s;
}
@media (max-width: 999px) {
  .l-totop {
    top: -44px;
    right: 20px;
  }
}
@media (any-hover: hover) {
  .l-totop:hover {
    opacity: 0.7;
  }
}
.l-totop__title {
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  padding: 0 0 0 30px;
  letter-spacing: 0.2em;
}
.l-totop__title::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 20px;
  height: 12px;
  background: url(../img/common/c-arrow-ico_blue.svg) no-repeat center/contain;
}

.l-404 {
  padding: 80px 0;
}
@media (max-width: 810px) {
  .l-404 {
    padding: 60px 0 140px;
  }
}
.l-404__title {
  font-size: 28px;
  font-size: 1.75rem;
  width: 100%;
  margin: 0 0 40px 0;
  text-align: center;
}
@media (max-width: 810px) {
  .l-404__title {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.l-404__lead {
  font-size: 18px;
  font-size: 1.125rem;
  width: 100%;
  margin: 0 0 80px 0;
  text-align: center;
  line-height: 1.8;
}
@media (max-width: 810px) {
  .l-404__lead {
    font-size: 16px;
    font-size: 1rem;
    margin: 0 0 40px 0;
  }
}
@media (max-width: 399px) {
  .l-404__lead {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.c-fadein,
.c-fadein-load {
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}
@media (min-width: 811px) {
  .c-fadein.is-delay200,
.c-fadein-load.is-delay200 {
    transition: opacity 0.6s 0.2s ease-in-out;
  }
}
@media (min-width: 811px) {
  .c-fadein.is-delay300,
.c-fadein-load.is-delay300 {
    transition: opacity 0.6s 0.3s ease-in-out;
  }
}
@media (min-width: 811px) {
  .c-fadein.is-delay600,
.c-fadein-load.is-delay600 {
    transition: opacity 0.6s 0.6s ease-in-out;
  }
}
.c-fadein.is-scrollin,
.c-fadein-load.is-scrollin {
  opacity: 1;
}
.c-fadein.is-loadin,
.c-fadein-load.is-loadin {
  opacity: 1;
}

.c-fadeup {
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  transition: opacity 0.8s ease-in-out, -webkit-transform 0.6s ease-in-out;
  transition: opacity 0.8s ease-in-out, transform 0.6s ease-in-out;
}
@media (min-width: 811px) {
  .c-fadeup.is-delay300 {
    transition: opacity 0.8s 0.3s ease-in-out, -webkit-transform 0.6s 0.3s ease-in-out;
    transition: opacity 0.8s 0.3s ease-in-out, transform 0.6s 0.3s ease-in-out;
  }
}
@media (min-width: 811px) {
  .c-fadeup.is-delay400 {
    transition: opacity 0.8s 0.4s ease-in-out, -webkit-transform 0.6s 0.4s ease-in-out;
    transition: opacity 0.8s 0.4s ease-in-out, transform 0.6s 0.4s ease-in-out;
  }
}
@media (min-width: 811px) {
  .c-fadeup.is-delay450 {
    transition: opacity 0.8s 0.45s ease-in-out, -webkit-transform 0.6s 0.45s ease-in-out;
    transition: opacity 0.8s 0.45s ease-in-out, transform 0.6s 0.45s ease-in-out;
  }
}
.c-fadeup.is-scrollin {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.c-nowrap {
  white-space: nowrap;
}

.c-font-bold {
  font-weight: 600;
}

.c-font-program {
  letter-spacing: 0.1em;
  font-family: "program", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

.c-tel {
  pointer-events: none;
}
@media (max-width: 810px) {
  .c-tel {
    pointer-events: auto;
  }
}

.c-textlink {
  text-decoration: underline;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .c-textlink:hover {
    opacity: 0.7;
  }
}

.c-picture {
  display: block;
}
.c-picture img {
  width: 100%;
  height: 100%;
}

.c-comingsoon {
  width: 100%;
  padding: 140px 70px;
  background: linear-gradient(170deg, rgba(231, 16, 95, 0.1) 15%, rgba(244, 129, 44, 0.1), rgba(255, 221, 3, 0.1), rgba(131, 194, 115, 0.1), rgba(13, 164, 223, 0.1) 85%);
  text-align: center;
}
@media (max-width: 810px) {
  .c-comingsoon {
    padding: 180px 20px;
  }
}
.c-comingsoon__wrap {
  width: 100%;
  background: #FFFFFF;
}
.c-comingsoon__title {
  font-size: 68px;
  font-size: 4.25rem;
  display: block;
  margin: 0 0 20px 0;
  font-weight: 400;
  color: #F68B28;
}
@media (max-width: 810px) {
  .c-comingsoon__title {
    font-size: 48px;
    font-size: 3rem;
  }
}
.c-comingsoon__lead {
  display: block;
  letter-spacing: 0.2em;
}

.c-inner01 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}

.c-inner02 {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}

.c-wrap01 {
  width: 100%;
  padding: 60px 80px;
  background: rgba(255, 255, 255, 0.9);
}
@media (max-width: 810px) {
  .c-wrap01 {
    padding: 40px 0;
  }
}
.c-wrap01.is-opacity80 {
  background: rgba(255, 255, 255, 0.8);
}
.c-wrap01:not(:last-child) {
  margin: 0 0 60px 0;
}
@media (max-width: 810px) {
  .c-wrap01:not(:last-child) {
    margin: 0 0 40px 0;
  }
}

.c-title01 {
  display: inline-block;
  margin: 0 0 60px 0;
  text-align: center;
}
@media (max-width: 810px) {
  .c-title01 {
    margin: 0 0 40px 0;
  }
}
.c-title01 .is-title {
  font-size: 128px;
  font-size: 8rem;
  line-height: 0.8;
  letter-spacing: 0.1em;
  font-family: "program", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 400;
  color: #FFFFFF;
}
@media (max-width: 1439px) {
  .c-title01 .is-title {
    font-size: 93px;
    font-size: 5.8125rem;
  }
}
@media (max-width: 810px) {
  .c-title01 .is-title {
    font-size: 58px;
    font-size: 3.625rem;
  }
}
.c-title01.is-rainbow .is-title {
  background: linear-gradient(165deg, #E7105F 15%, #F4812C, #FFDD03, #83C273, #0DA4DF 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.c-title01 .is-subtitle {
  font-size: 24px;
  font-size: 1.5rem;
  display: block;
  margin: 30px 0 0 0;
  line-height: normal;
  letter-spacing: 0.2em;
  color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 1439px) {
  .c-title01 .is-subtitle {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}
@media (max-width: 810px) {
  .c-title01 .is-subtitle {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 20px 0 0 0;
  }
}

.c-button01 {
  font-size: 16px;
  font-size: 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 320px;
  height: 54px;
  max-width: 100%;
  background: #EBF7F8;
  color: #33AEBE;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .c-button01:hover::before {
    opacity: 0.3;
  }
}
.c-button01::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}

.c-background01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.c-background01 img {
  object-fit: cover;
}

.c-background02 {
  background: url(../img/top/p-top-campaign-background01_pc.png) repeat left top/1024px 1024px;
}
@media (max-width: 810px) {
  .c-background02 {
    background: url(../img/top/p-top-campaign-background01_sp.png) repeat left top/480px 480px;
  }
}

.c-modal01__overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  cursor: pointer;
}
.c-modal01__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  overflow-y: scroll;
  height: 100%;
}
.c-modal01__iframe {
  position: relative;
  width: 69.5%;
  max-width: calc(100% - 40px);
  height: 0;
  margin: auto;
  padding: 39.09375% 0 0 0;
}
@media (max-width: 999px) {
  .c-modal01__iframe {
    width: calc(100% - 40px);
    padding: calc((100% - 40px) * 0.5625) 0 0 0;
  }
}
.c-modal01__iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-modal01__button {
  content: "";
  display: block;
  position: absolute;
  top: -34px;
  right: 0;
  width: 24px;
  height: 24px;
  object-fit: contain;
  cursor: pointer;
  transition: 0.3s;
}
.c-modal01__button:active {
  pointer-events: none;
}
@media (any-hover: hover) {
  .c-modal01__button:hover {
    opacity: 0.7;
  }
}
@media (max-width: 810px) {
  .c-modal01__button {
    width: 20px;
    height: 20px;
    top: -30px;
  }
}

/* モーダルアニメーション */
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
@keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .c-modal01__overlay {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .c-modal01__container {
  -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .c-modal01__overlay {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .c-modal01__container {
  -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .c-modal01__container,
.micromodal-slide .c-modal01__overlay {
  will-change: transform;
}

.c-lowervisual {
  width: 100%;
  padding: 172px 0 0 0;
}
@media (max-width: 999px) {
  .c-lowervisual {
    padding: 82px 0 0 0;
  }
}
.c-lowervisual__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  height: 242px;
  padding: 0 20px;
}
@media (max-width: 810px) {
  .c-lowervisual__inner {
    height: 160px;
  }
}
.c-lowervisual__inner.is-404 {
  height: 344px;
}
@media (max-width: 810px) {
  .c-lowervisual__inner.is-404 {
    height: 203px;
  }
}
.c-lowervisual__picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.c-lowervisual__picture img {
  object-fit: cover;
}
.c-lowervisual__title {
  font-size: 128px;
  font-size: 8rem;
  text-align: center;
  font-family: "program", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8;
  font-weight: 400;
  color: #FFFFFF;
}
@media (max-width: 810px) {
  .c-lowervisual__title {
    font-size: 58px;
    font-size: 3.625rem;
  }
}

.c-article {
  padding: 80px 0;
}
@media (max-width: 810px) {
  .c-article {
    padding: 60px 0 140px;
  }
}
.c-article__inner {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.c-article__date {
  font-size: 24px;
  font-size: 1.5rem;
  display: block;
  margin: 0 0 20px 0;
  line-height: 1;
  font-family: "jaf-bernina-sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-style: italic;
  font-weight: 400;
  color: #E8115F;
}
.c-article__title {
  font-size: 28px;
  font-size: 1.75rem;
  margin: 0 0 60px 0;
}
@media (max-width: 810px) {
  .c-article__title {
    font-size: 24px;
    font-size: 1.5rem;
    margin: 0 0 40px 0;
  }
}
.c-article__thumbnail {
  width: 100%;
  margin: 0 0 40px 0;
}
.c-article__content {
  font-size: 16px;
  font-size: 1rem;
  width: 100%;
  margin: 0 0 80px 0;
  line-height: 1.8;
}
@media (max-width: 810px) {
  .c-article__content {
    margin: 0 0 40px 0;
  }
}
.c-article__content > :not(:last-child) {
  margin: 0 0 40px 0;
}
.c-article__content a {
  text-decoration: underline;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .c-article__content a:hover {
    opacity: 0.7;
  }
}
.c-article__content * {
  max-width: 100%;
}
.c-article__content img,
.c-article__content video {
  display: block;
  height: auto;
  object-fit: contain;
}
.c-article__content img.alignleft,
.c-article__content video.alignleft {
  margin: 0 auto 40px 0;
}
.c-article__content img.aligncenter,
.c-article__content video.aligncenter {
  margin: 0 auto 40px;
}
.c-article__content img.alignright,
.c-article__content video.alignright {
  margin: 0 0 40px auto;
}
.c-article__content .wp-video {
  width: 100% !important;
}
.c-article__content strong {
  font-weight: bold;
}
.c-article__content em {
  font-style: italic;
}
.c-article__content ul {
  padding-left: 1em;
  list-style: disc;
}
.c-article__content ol {
  padding-left: 1em;
  list-style: decimal;
}
.c-article__content blockquote {
  position: relative;
  padding: 1em 1em 1em 1.5em;
  background: #EBF7F8;
}
.c-article__content blockquote::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0.5em;
  height: 100%;
  background: #33AEBE;
  z-index: 1;
}
.c-article__button {
  margin: 0 auto;
}

.c-accordion01 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 40px;
}
@media (max-width: 810px) {
  .c-accordion01 {
    gap: 20px;
  }
}
.c-accordion01__item {
  width: 100%;
}
.c-accordion01__item__title {
  font-size: 54px;
  font-size: 3.375rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 100%;
  padding: 20px 40px;
  border-radius: 3px;
  background: #32AEBF;
  text-align: center;
  letter-spacing: 0.1em;
  font-family: "program", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 400;
  color: #FFFFFF;
  cursor: pointer;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .c-accordion01__item__title:hover {
    opacity: 0.7;
  }
}
@media (max-width: 999px) {
  .c-accordion01__item__title {
    font-size: 44px;
    font-size: 2.75rem;
    -ms-flex-pack: start;
        justify-content: flex-start;
    text-align: left;
  }
}
@media (max-width: 810px) {
  .c-accordion01__item__title {
    font-size: 34px;
    font-size: 2.125rem;
    padding: 20px;
  }
}
.c-accordion01__item__title.is-active .c-accordion01__item__toggle::before {
  -webkit-transform: translate(-50%, -50%) rotate(360deg);
          transform: translate(-50%, -50%) rotate(360deg);
}
.c-accordion01__item__title.is-active .c-accordion01__item__toggle::after {
  -webkit-transform: translate(-50%, -50%) rotate(360deg);
          transform: translate(-50%, -50%) rotate(360deg);
}
.c-accordion01__item__title .is-title {
  width: 88%;
}
.c-accordion01__item__toggle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 40px;
  width: 44px;
  height: 44px;
  border-radius: 3px;
  background: #FFFFFF;
}
@media (max-width: 810px) {
  .c-accordion01__item__toggle {
    right: 20px;
    width: 34px;
    height: 34px;
  }
}
.c-accordion01__item__toggle::before, .c-accordion01__item__toggle::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 4px;
  background: url(../img/common/c-border_blue_pc.svg) no-repeat center/cover;
  transition: 0.3s;
}
@media (max-width: 810px) {
  .c-accordion01__item__toggle::before, .c-accordion01__item__toggle::after {
    width: 19.24px;
    height: 3px;
    background: url(../img/common/c-border_blue_sp.svg) no-repeat center/cover;
  }
}
.c-accordion01__item__toggle::before {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.c-accordion01__item__toggle::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.c-accordion01__item__content__inner {
  padding: 40px 0;
}
@media (max-width: 810px) {
  .c-accordion01__item__content__inner {
    padding: 40px 0 20px;
  }
}

.c-list01 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
}
@media (max-width: 999px) {
  .c-list01 {
    gap: 40px 30px;
  }
}
@media (max-width: 767px) {
  .c-list01 {
    gap: 40px 20px;
  }
}
.c-list01__item {
  width: calc((100% - 120px) / 4);
}
@media (max-width: 999px) {
  .c-list01__item {
    width: calc((100% - 60px) / 3);
  }
}
@media (max-width: 767px) {
  .c-list01__item {
    width: calc(50% - 10px);
  }
}
.c-list01__item > a {
  display: block;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .c-list01__item > a:hover {
    opacity: 0.7;
  }
}
.c-list01__item__thumbnail {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding: 100% 0 0 0;
  margin: 0 0 20px 0;
  border-radius: 8px;
  overflow: hidden;
}
.c-list01__item__thumbnail > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-list01__item__text {
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media (max-width: 767px) {
  .c-list01__item__text {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    gap: 10px;
  }
}
.c-list01__item__logo {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: max(min(4.1666666667vw, 60px), 40px);
  height: max(min(4.1666666667vw, 60px), 40px);
  padding: 5px;
  background: #FFFFFF;
}
@media (max-width: 767px) {
  .c-list01__item__logo {
    width: max(min(10.6666666667vw, 48px), 24px);
    height: max(min(10.6666666667vw, 48px), 24px);
    padding: 3px;
  }
}
.c-list01__item__logo img {
  object-fit: contain;
  object-position: center;
}
.c-list01__item__title {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

.c-newsList {
  width: 100%;
  margin: -40px 0;
}
.c-newsList:not(:last-child) {
  margin: -40px 0 60px;
}
.c-newsList__wrap {
  padding: 80px 0 200px;
}
@media (max-width: 810px) {
  .c-newsList__wrap {
    padding: 60px 0 140px;
  }
}
.c-newsList__item {
  width: 100%;
  border-bottom: 1px dashed #CCCCCC;
}
.c-newsList__item > a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 40px;
  width: 100%;
  padding: 40px 20px;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .c-newsList__item > a:hover {
    opacity: 0.7;
  }
}
@media (max-width: 810px) {
  .c-newsList__item > a {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    gap: 20px;
    line-height: 1.8;
  }
}
.c-newsList__date {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  font-family: "jaf-bernina-sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-style: italic;
  font-weight: 400;
}
.c-newsList__item:nth-of-type(1) .c-newsList__date, .c-newsList__item:nth-of-type(5) .c-newsList__date, .c-newsList__item:nth-of-type(9) .c-newsList__date, .c-newsList__item:nth-of-type(13) .c-newsList__date, .c-newsList__item:nth-of-type(17) .c-newsList__date {
  color: #E8115F;
}
.c-newsList__item:nth-of-type(2) .c-newsList__date, .c-newsList__item:nth-of-type(6) .c-newsList__date, .c-newsList__item:nth-of-type(10) .c-newsList__date, .c-newsList__item:nth-of-type(14) .c-newsList__date, .c-newsList__item:nth-of-type(18) .c-newsList__date {
  color: #F68B28;
}
.c-newsList__item:nth-of-type(3) .c-newsList__date, .c-newsList__item:nth-of-type(7) .c-newsList__date, .c-newsList__item:nth-of-type(11) .c-newsList__date, .c-newsList__item:nth-of-type(15) .c-newsList__date, .c-newsList__item:nth-of-type(19) .c-newsList__date {
  color: #8FC569;
}
.c-newsList__item:nth-of-type(4) .c-newsList__date, .c-newsList__item:nth-of-type(8) .c-newsList__date, .c-newsList__item:nth-of-type(12) .c-newsList__date, .c-newsList__item:nth-of-type(16) .c-newsList__date, .c-newsList__item:nth-of-type(20) .c-newsList__date {
  color: #33AEBE;
}

.pager {
  display: -ms-flexbox;
  display: flex;
  gap: max(min(0.6944444444vw, 10px), 8px);
}
@media (max-width: 767px) {
  .pager {
    gap: max(min(2.1333333333vw, 10px), 5px);
  }
}
.pager__wrap.is-pc {
  display: block;
}
@media (max-width: 767px) {
  .pager__wrap.is-pc {
    display: none;
  }
}
.pager__wrap.is-sp {
  display: none;
}
@media (max-width: 767px) {
  .pager__wrap.is-sp {
    display: block;
  }
}
.pager > li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: max(min(3.6111111111vw, 52px), 38px);
  height: max(min(3.0555555556vw, 44px), 32px);
  background: rgba(51, 174, 190, 0.1);
  border-radius: 3px;
}
@media (max-width: 767px) {
  .pager > li {
    width: max(min(9.0666666667vw, 38px), 28px);
    height: max(min(7.4666666667vw, 32px), 24px);
  }
}
.pager > li.is-current {
  background: #33AEBE;
  color: #FFFFFF;
}
.pager > li.is-current > span {
  line-height: normal;
}
.pager > li.is-omission {
  background: #FFFFFF;
  width: max(min(3.6111111111vw, 52px), 30px);
}
@media (max-width: 767px) {
  .pager > li.is-omission {
    width: max(min(4.2666666667vw, 30px), 12px);
    margin: 0 -2px;
  }
}
.pager > li.is-omission > span {
  margin: -10px 0 0 0;
  color: #33AEBE;
}
.pager > li.is-prev, .pager > li.is-next {
  width: max(min(12.2222222222vw, 176px), 120px);
}
@media (max-width: 767px) {
  .pager > li.is-prev, .pager > li.is-next {
    width: max(min(9.0666666667vw, 38px), 28px);
  }
}
.pager > li.is-prev span, .pager > li.is-next span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: max(min(0.5555555556vw, 8px), 5px);
}
@media (max-width: 767px) {
  .pager > li.is-prev span, .pager > li.is-next span {
    display: none;
  }
}
.pager > li.is-prev span::before, .pager > li.is-prev span::after, .pager > li.is-next span::before, .pager > li.is-next span::after {
  width: max(min(1.5277777778vw, 22px), 16px);
  height: max(min(1.5277777778vw, 22px), 16px);
  background: url(../img/common/c-pager-ico_blue.svg) no-repeat center/cover;
}
.pager > li.is-prev > a::before, .pager > li.is-prev > a::after, .pager > li.is-next > a::before, .pager > li.is-next > a::after {
  width: max(min(3.7333333333vw, 16px), 14px);
  height: max(min(3.7333333333vw, 16px), 14px);
  background: url(../img/common/c-pager-ico_blue.svg) no-repeat center/cover;
}
.pager > li.is-prev span::before {
  content: "";
  display: block;
}
@media (max-width: 767px) {
  .pager > li.is-prev > a::before {
    content: "";
    display: block;
  }
}
.pager > li.is-next span::after {
  content: "";
  display: block;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media (max-width: 767px) {
  .pager > li.is-next > a::after {
    content: "";
    display: block;
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
}
.pager > li * {
  font-size: max(min(1.1111111111vw, 16px), 12px);
}
@media (max-width: 767px) {
  .pager > li * {
    font-size: max(min(3.2vw, 12px), 10px);
  }
}
.pager > li > a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 100%;
  color: #33AEBE;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .pager > li > a:hover {
    opacity: 0.7;
  }
}
.pager > li > a > span {
  line-height: normal;
}

.c-section01 {
  position: relative;
  padding: min(9.7222222222vw, 187px) 0 min(24.3055555556vw, 467px);
  overflow: hidden;
}
@media (max-width: 810px) {
  .c-section01 {
    padding: 40px 0 140px;
  }
}
@media (max-width: 620px) {
  .c-section01 {
    padding: 40px 0 207px;
  }
}
.c-section01__inner {
  width: calc(77.7777777778vw + 40px);
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (max-width: 810px) {
  .c-section01__inner {
    width: auto;
  }
}
.c-section01__picture01 {
  position: absolute;
  top: 60px;
  right: 0;
  width: 34.7222222222vw;
  max-width: 620px;
}
@media (max-width: 810px) {
  .c-section01__picture01 {
    top: 144px;
    width: 160px;
    max-width: none;
  }
}
.c-section01__picture02 {
  position: absolute;
  top: min(45.625vw, 796px);
  left: 0;
  width: 31.9444444444vw;
  max-width: 615px;
}
@media (max-width: 810px) {
  .c-section01__picture02 {
    top: 444px;
    width: 160px;
    max-width: none;
  }
}
.c-section01__picture03 {
  position: absolute;
  top: min(62.5vw, 1160px);
  right: 0;
  width: 21.8055555556vw;
  max-width: 420px;
}
@media (max-width: 810px) {
  .c-section01__picture03 {
    top: 554px;
    width: 120px;
    max-width: none;
  }
}
.c-section01__title {
  font-size: max(min(3.3333333333vw, 64px), 32px);
  margin: 0 0 max(min(2.7777777778vw, 53.3px), 28px) 0;
  line-height: 0.8;
  font-weight: 600;
  color: #F69324;
}
@media (max-width: 810px) {
  .c-section01__title {
    font-size: 32px;
    margin: 0 0 25px 0;
  }
}
.c-section01__title .is-small {
  margin: 0 0 0 max(min(0.6944444444vw, 14px), 10px);
  font-size: max(min(1.9444444444vw, 37px), 19px);
}
@media (max-width: 810px) {
  .c-section01__title .is-small {
    margin: 0 0 0 10px;
    font-size: 24px;
  }
}
.c-section01__lead {
  font-size: max(min(1.6666666667vw, 32px), 17px);
  margin: 0 0 max(min(9.9305555556vw, 190px), 90px) 0;
  line-height: 0.8;
  letter-spacing: 0.2em;
  font-weight: 600;
}
@media (max-width: 810px) {
  .c-section01__lead {
    font-size: 18px;
    margin: 0 0 180px;
  }
}
.c-section01__modal {
  border-radius: 0.6944444444vw;
  overflow: hidden;
}
@media (max-width: 810px) {
  .c-section01__modal {
    border-radius: 4px;
  }
}
@media (any-hover: hover) {
  .c-section01__modal:hover {
    opacity: 1 !important;
  }
}
.c-section01__modal__wrap {
  position: relative;
  width: 55.5555555556vw !important;
  max-width: 1200px !important;
  min-width: 460px !important;
  margin: 0 auto;
  background: transparent !important;
  z-index: 3;
}
@media (max-width: 810px) {
  .c-section01__modal__wrap {
    width: 64.5161290323vw !important;
    min-width: 0 !important;
  }
}
@media (max-width: 620px) {
  .c-section01__modal__wrap {
    width: 335px !important;
    min-width: 0 !important;
  }
}
.c-section01__modal__wrap::after {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.5);
  z-index: -1;
  transition: background 0.3s;
}
@media (any-hover: hover) {
  .c-section01__modal__wrap:hover::after {
    background: rgba(246, 147, 36, 0.5);
  }
}
.c-section01__modal__picture {
  border-radius: 10px;
  overflow: hidden;
}

.p-top-keyvisual {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: end;
      align-items: flex-end;
  overflow-x: hidden;
}
@media (max-width: 999px) {
  .p-top-keyvisual {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 83px 0 0 0;
  }
}
.p-top-keyvisual__slider {
  width: calc(100% - 500px);
  height: 820px;
  margin: 0 0 15px 0;
}
@media (max-width: 1439px) {
  .p-top-keyvisual__slider {
    height: 600px;
  }
}
@media (max-width: 999px) {
  .p-top-keyvisual__slider {
    width: 100%;
    height: auto;
    margin: 0;
  }
}
.p-top-keyvisual__slider__item {
  border-radius: 0 10px 10px 0;
  overflow: hidden;
}
@media (max-width: 999px) {
  .p-top-keyvisual__slider__item {
    border-radius: 0;
  }
}
.p-top-keyvisual__slider * {
  height: 100%;
}
.p-top-keyvisual__slider img {
  object-fit: cover;
  object-position: center bottom;
}
.p-top-keyvisual__slider img.is-right {
  object-position: right center;
}
.p-top-keyvisual__slider img.is-top {
  object-position: top right;
}
@-webkit-keyframes zoomOut {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoomOut {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.p-top-keyvisual__slider img.is-first {
  -webkit-animation: zoomOut 15s 0.2s ease-out;
          animation: zoomOut 15s 0.2s ease-out;
}
.p-top-keyvisual .slick-slider {
  display: none;
}
.p-top-keyvisual .slick-slider.slick-initialized {
  display: block;
  /*slick-initializedが付与されたら表示*/
}
.p-top-keyvisual .slick-slide img {
  -webkit-transform-origin: center top;
          transform-origin: center top;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  transition: 15s 0.2s ease-out;
}
.p-top-keyvisual .slick-slide.slick-active img {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.p-top-keyvisual__text {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 50px 80px 0 40px;
  z-index: 2;
}
@media (max-width: 1439px) {
  .p-top-keyvisual__text {
    padding: 50px 40px 0;
  }
}
@media (max-width: 999px) {
  .p-top-keyvisual__text {
    width: 100%;
    margin: -34px 0 0 0;
    padding: 0 28px;
  }
}
.p-top-keyvisual__logo {
  width: 426px;
  margin: 0 0 25px 0;
}
@media (max-width: 1439px) {
  .p-top-keyvisual__logo {
    width: 260px;
    margin: 0 0 20px auto;
  }
}
@media (max-width: 999px) {
  .p-top-keyvisual__logo {
    width: 295px;
    margin: 0 auto 20px;
  }
}
.p-top-keyvisual__logo img {
  width: 100%;
}
.p-top-keyvisual__lead {
  padding: 0 0 0 40px;
  line-height: 2.6;
  letter-spacing: 0.2em;
}
@media (max-width: 999px) {
  .p-top-keyvisual__lead {
    padding: 0;
    text-align: center;
    letter-spacing: 0;
  }
}
.p-top-gallery {
  padding: 64px 0 min(10.4166666667vw, 150px) 0;
  background: transparent;
}
@media (max-width: 810px) {
  .p-top-gallery {
    padding: 60px 0;
  }
}
.p-top-gallery__item {
  border-radius: 10px;
  overflow: hidden;
  margin: 0 100px 0 -50px;
}
@media (max-width: 999px) {
  .p-top-gallery__item {
    margin: 0 100px 0 -80px;
  }
}
.p-top-gallery .slick-slider02 {
  pointer-events: none;
}
@media (max-width: 999px) {
  .p-top-gallery .slick-slider02:not(:last-of-type) {
    margin: 0 0 40px 0;
  }
}
@media (max-width: 999px) {
  .p-top-gallery .slick-slider02-2 .p-top-gallery__item {
    margin: 0 10px;
  }
}
.p-top-movie {
  position: relative;
  padding: min(8.3333333333vw, 120px) 0 0;
}
@media (max-width: 810px) {
  .p-top-movie {
    padding: 40px 0 0;
  }
}
.p-top-movie__section02__picture01 {
  right: auto;
  left: 0;
}
.p-top-movie__section02__picture02 {
  left: auto;
  right: 0;
}
.p-top-movie__section02__picture03 {
  right: auto;
  left: 0;
}
@media (min-width: 811px) {
  .p-top-movie__section02__textWrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media (min-width: 811px) {
  .p-top-movie__section02__textWrap > div {
    margin: 0 0 0 160px;
  }
}
.p-top-movie__section02__title {
  color: #E7105F;
}
@media (any-hover: hover) {
  .p-top-movie__section02__modal__wrap:hover::after {
    background: rgba(231, 16, 95, 0.5);
  }
}
.p-top-movie__section03 {
  position: relative;
  margin: min(4.1666666667vw, 80px) 0 0 0;
  padding: min(8.3333333333vw, 120px) 0;
}
@media (max-width: 810px) {
  .p-top-movie__section03 {
    margin: 10.6666666667vw 0 0 0;
    padding: min(16vw, 60px) 0;
  }
}
.p-top-movie__modal {
  width: 100%;
  cursor: pointer;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .p-top-movie__modal:hover {
    opacity: 0.7;
  }
}
.p-top-movie__modal__wrap {
  width: 42.3611111111vw;
  max-width: 880px;
  min-width: 420px;
  margin: 0 auto;
  background: #FFFFFF;
}
@media (max-width: 810px) {
  .p-top-movie__modal__wrap {
    width: 89.3333333333vw;
    min-width: 0;
  }
}
.p-top-news {
  position: relative;
  padding: 120px 0;
}
@media (max-width: 810px) {
  .p-top-news {
    padding: 60px 0;
  }
}
.p-top-news .c-newsList__item:last-of-type {
  border-bottom: none;
}
.p-top-campaign {
  padding: 120px 0;
  margin: 0 0 200px 0;
}
@media (max-width: 810px) {
  .p-top-campaign {
    padding: 60px 0;
    margin: 0 0 140px 0;
  }
}
.p-top-campaign .c-wrap01 {
  padding: 80px 0;
}
@media (max-width: 810px) {
  .p-top-campaign .c-wrap01 {
    padding: 60px 0;
  }
}
.p-top-campaign__pickup {
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  width: 920px;
  max-width: 100%;
  margin: 0 auto 80px;
  transition: opacity 0.3s;
}
@media (max-width: 810px) {
  .p-top-campaign__pickup {
    gap: 20px;
    margin: 0 auto 40px;
  }
}
@media (max-width: 767px) {
  .p-top-campaign__pickup {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
  }
}
@media (any-hover: hover) {
  .p-top-campaign__pickup:hover {
    opacity: 0.7;
  }
}
.p-top-campaign__pickup__thumbnail {
  width: 43.479%;
  min-width: 240px;
}
@media (max-width: 767px) {
  .p-top-campaign__pickup__thumbnail {
    width: 100%;
    min-width: 0;
    max-width: 400px;
  }
}
.p-top-campaign__pickup__logo {
  display: block;
  width: 62.5%;
  min-width: 200px;
  margin: 0 0 20px 0;
  padding: 10px;
  background: #FFFFFF;
}
@media (max-width: 767px) {
  .p-top-campaign__pickup__logo {
    width: 100%;
    min-width: 0;
    max-width: 400px;
    margin: 0 0 10px 0;
    padding: 10px 15px;
  }
}
.p-top-campaign__pickup__title {
  line-height: 1.8;
}
@media (max-width: 767px) {
  .p-top-campaign__pickup__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
  }
}

.p-temporarily-closed {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100vh;
}
.p-temporarily-closed .l-header__logo,
.p-temporarily-closed .l-footer__logo {
  opacity: 1 !important;
}
.p-temporarily-closed__header {
  position: relative;
  top: 0;
  background: #FFFFFF;
}
.p-temporarily-closed__main {
  -ms-flex: 1;
      flex: 1;
  min-height: 0;
  padding: 0 0 80px 0;
}
@media (max-width: 810px) {
  .p-temporarily-closed__main {
    padding: 0 0 40px 0;
  }
}
.p-temporarily-closed__picture {
  width: 100%;
  height: 100%;
}
.p-temporarily-closed__picture > img {
  object-fit: cover;
}

.p-jcat {
  font-family: "Noto Sans JP", sans-serif;
}
@media (max-width: 767px) {
  .p-jcat .c-inner02 {
    padding: 0 max(5.3333333333vw, 20px);
  }
}
.p-jcat-keyvisual {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  position: relative;
  width: 100%;
  overflow-x: hidden;
}
.p-jcat-keyvisual .c-fadein-load {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.p-jcat-keyvisual .c-fadein-load.is-delay500 {
  transition: opacity 0.8s 0.5s ease-in-out;
}
.p-jcat-keyvisual .c-fadein-load.is-loadin {
  opacity: 1;
}
.p-jcat-keyvisual > picture {
  width: 20%;
  height: auto;
}
.p-jcat-keyvisual > picture > img {
  object-fit: cover;
}
@media (max-width: 767px) {
  .p-jcat-keyvisual > picture {
    display: none;
  }
}
.p-jcat-keyvisual__inner {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 60%;
}
@media (max-width: 767px) {
  .p-jcat-keyvisual__inner {
    width: 100%;
  }
}
.p-jcat-keyvisual__inner > picture {
  width: 100%;
  height: auto;
}
.p-jcat-keyvisual__inner > picture > img {
  object-fit: cover;
}
.p-jcat-keyvisual__title {
  position: relative;
}
.p-jcat-keyvisual__title > span {
  position: absolute;
  color: transparent;
  pointer-events: none;
}
.p-jcat-keyvisual__title__text {
  width: 100%;
  height: auto;
}
.p-jcat-keyvisual__title__logo {
  position: absolute;
  bottom: 10.2777777778vw;
  right: 2.2222222222vw;
  width: 13.8888888889vw;
  opacity: 0;
  transition: opacity 0.3s;
}
@media (max-width: 767px) {
  .p-jcat-keyvisual__title__logo {
    bottom: 20.8vw;
    right: 0;
    width: 24.5333333333vw;
  }
}
.p-jcat-keyvisual__title__logo.c-fadein-load {
  -webkit-animation: kurukuru 0.8s 1.6s ease-out both;
          animation: kurukuru 0.8s 1.6s ease-out both;
  opacity: 1;
}
@-webkit-keyframes kurukuru {
  0% {
    -webkit-transform: rotateY(-180deg) translate(-30px, -30px);
            transform: rotateY(-180deg) translate(-30px, -30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(-360deg) translateY(0);
            transform: rotateY(-360deg) translateY(0);
    opacity: 1;
  }
}
@keyframes kurukuru {
  0% {
    -webkit-transform: rotateY(-180deg) translate(-30px, -30px);
            transform: rotateY(-180deg) translate(-30px, -30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(-360deg) translateY(0);
            transform: rotateY(-360deg) translateY(0);
    opacity: 1;
  }
}
.p-jcat-keyvisual__title img {
  object-fit: contain;
}
.p-jcat-keyvisual__banner {
  position: absolute;
  bottom: -10.5555555556vw;
  right: 9.7222222222vw;
  width: 16.6666666667vw;
  height: 16.6666666667vw;
  z-index: 2;
  transition: opacity 0.6s ease-in-out, -webkit-transform 0.3s;
  transition: opacity 0.6s ease-in-out, transform 0.3s;
}
@media (max-width: 767px) {
  .p-jcat-keyvisual__banner {
    bottom: -23.4666666667vw;
    right: 7.4666666667vw;
    width: 41.0666666667vw;
    height: 41.0666666667vw;
    transition: opacity 0.6s 0.3s ease-in-out, -webkit-transform 0.3s;
    transition: opacity 0.6s 0.3s ease-in-out, transform 0.3s;
  }
}
@media (any-hover: hover) {
  .p-jcat-keyvisual__banner:hover {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}
.p-jcat-keyvisual__banner > picture {
  width: 100%;
  height: 100%;
}
.p-jcat-keyvisual__banner > picture > img {
  object-fit: contain;
}
.p-jcat-keyvisual__scroll {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1.3888888889vw;
  height: 10.9722222222vw;
  background: #FFFFFF;
  writing-mode: vertical-rl;
  overflow: hidden;
}
@media (max-width: 767px) {
  .p-jcat-keyvisual__scroll {
    width: 5.3333333333vw;
    height: 42.1333333333vw;
  }
}
.p-jcat-keyvisual__scroll::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 1px;
  right: 0;
  width: 1px;
  height: 6.25vw;
  margin: auto;
  -webkit-animation: scroll 2s infinite;
          animation: scroll 2s infinite;
  background: #333333;
}
@media (max-width: 767px) {
  .p-jcat-keyvisual__scroll::before {
    height: 24vw;
  }
}
@-webkit-keyframes scroll {
  0% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  51% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
  100% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  51% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
  100% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
}
.p-jcat-keyvisual__scroll > span {
  position: absolute;
  top: 0.3472222222vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  line-height: 0.8;
  letter-spacing: 0.2em;
  font-size: 0.9722222222vw;
  font-weight: 500;
}
@media (max-width: 767px) {
  .p-jcat-keyvisual__scroll > span {
    top: 1.3333333333vw;
    font-size: 3.7333333333vw;
  }
}
.p-jcat-contest {
  padding: max(min(5.5555555556vw, 80px), 64px) 0;
  background: rgba(161, 135, 92, 0.1);
}
@media (max-width: 767px) {
  .p-jcat-contest {
    padding: min(10.6666666667vw, 40px) 0;
  }
}
.p-jcat-contest__picture {
  width: 568px;
  max-width: 100%;
  margin: 0 auto max(min(2.7777777778vw, 40px), 32px);
}
@media (max-width: 767px) {
  .p-jcat-contest__picture {
    width: 100%;
    margin: 0 auto min(5.3333333333vw, 20px);
  }
}
.p-jcat-contest__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 320px;
  max-width: 100%;
  height: 38px;
  margin: 0 auto;
  padding: 8px 20px;
  background: #E94781 url(../img/jcat/p-jcat-background01_opa20.png) repeat left top/78% auto;
  line-height: 1;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  transition: opacity 0.3s;
}
@media (max-width: 767px) {
  .p-jcat-contest__button {
    width: 100%;
    padding: min(2.1333333333vw, 8px) min(5.3333333333vw, 20px);
    font-size: min(3.7333333333vw, 14px);
  }
}
@media (any-hover: hover) {
  .p-jcat-contest__button:hover {
    opacity: 0.7;
  }
}
.p-jcat-contest__button::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #FFFFFF;
  border-right: 0;
}
@media (max-width: 767px) {
  .p-jcat-contest__button::after {
    border-top: min(1.8666666667vw, 7px) solid transparent;
    border-bottom: min(1.8666666667vw, 7px) solid transparent;
    border-left: min(3.2vw, 12px) solid #FFFFFF;
  }
}
.p-jcat-textanimation {
  width: 100%;
  padding: 2.5vw 0 max(2.7777777778vw, 32px);
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .p-jcat-textanimation {
    padding: 5.3333333333vw 0 5.3333333333vw;
  }
}
.p-jcat-textanimation__inner {
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: marquee 32s linear infinite;
          animation: marquee 32s linear infinite;
}
@media (max-width: 767px) {
  .p-jcat-textanimation__inner {
    -webkit-animation: marqueesp 24s linear infinite;
            animation: marqueesp 24s linear infinite;
  }
}
.p-jcat-textanimation__inner > p {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  gap: 2.7777777778vw;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 767px) {
  .p-jcat-textanimation__inner > p {
    width: auto;
    padding: 0 5.3333333333vw;
    gap: 5.3333333333vw;
  }
}
.p-jcat-textanimation__inner > p > span {
  line-height: 0.8;
  font-family: "Open Sans", sans-serif;
  font-size: 8.1944444444vw;
  font-weight: 700;
  color: rgba(161, 135, 92, 0.25);
}
@media (max-width: 767px) {
  .p-jcat-textanimation__inner > p > span {
    font-size: 15.4666666667vw;
  }
}
.p-jcat-textanimation__inner > p > span .is-fontoswald {
  line-height: 0;
  font-family: "Oswald", sans-serif;
}
@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes marqueesp {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-187.312%);
            transform: translateX(-187.312%);
  }
}
@keyframes marqueesp {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-187.312%);
            transform: translateX(-187.312%);
  }
}
.p-jcat-introduction {
  padding: max(min(2.7777777778vw, 56px), 32px) 0 max(min(5.5555555556vw, 110px), 64px);
  text-align: center;
}
@media (max-width: 767px) {
  .p-jcat-introduction {
    padding: min(8vw, 30px) 0 min(21.3333333333vw, 80px);
  }
}
@media (max-width: 767px) {
  .p-jcat-introduction .c-inner02 {
    padding: 0 max(4.8vw, 18px);
  }
}
.p-jcat-introduction__title {
  position: relative;
  width: max(min(47.4305555556vw, 910px), 560px);
  max-width: 100%;
  margin: 0 auto max(min(4.1666666667vw, 80px), 50px);
}
@media (max-width: 767px) {
  .p-jcat-introduction__title {
    width: min(74.6666666667vw, 280px);
    margin: 0 auto min(8vw, 30px);
  }
}
.p-jcat-introduction__title > span {
  position: absolute;
  color: transparent;
  pointer-events: none;
}
.p-jcat-introduction__title > svg {
  width: 100%;
  height: auto;
}
.p-jcat-introduction__lead {
  margin: 0 0 max(min(4.1666666667vw, 80px), 50px) 0;
  line-height: 3.2;
  letter-spacing: 0.4em;
  font-size: max(min(1.1111111111vw, 21px), 14px);
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
}
@media (max-width: 767px) {
  .p-jcat-introduction__lead {
    line-height: 2.8;
    letter-spacing: 0.1em;
    margin: 0 0 min(16vw, 60px) 0;
    font-size: min(3.7333333333vw, 14px);
  }
}
.p-jcat-introduction__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  gap: max(min(2.7777777778vw, 60px), 28px) 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: max(min(36.0416666667vw, 692px), 420px);
  margin: 0 auto;
}
@media (max-width: 767px) {
  .p-jcat-introduction__list {
    gap: min(10.6666666667vw, 40px) 0;
    max-width: min(89.3333333333vw, 335px);
  }
}
.p-jcat-introduction__list > li {
  width: max(min(12.0138888889vw, 230px), 140px);
}
@media (max-width: 767px) {
  .p-jcat-introduction__list > li {
    width: min(29.7786666667vw, 111.67px);
  }
}
.p-jcat-introduction__list > li > picture {
  width: 100%;
}
.p-jcat-introduction__list > li > picture > img {
  object-fit: contain;
}
.p-jcat-introduction__list > li:last-of-type {
  width: max(min(12.5vw, 240px), 146px);
}
@media (max-width: 767px) {
  .p-jcat-introduction__list > li:last-of-type {
    width: min(43.6373333333vw, 163.64px);
  }
}
.p-jcat-initiatives {
  padding: max(min(5.5555555556vw, 80px), 64px) 0;
  background: rgba(161, 135, 92, 0.1);
}
@media (max-width: 767px) {
  .p-jcat-initiatives {
    padding: min(10.6666666667vw, 40px) 0;
  }
}
.p-jcat-initiatives__lead {
  margin: 0 0 max(min(4.1666666667vw, 60px), 46px) 0;
  line-height: 1.8;
  font-size: max(min(1.1111111111vw, 16px), 12px);
  font-weight: 500;
}
@media (max-width: 767px) {
  .p-jcat-initiatives__lead {
    margin: 0 0 min(8vw, 30px) 0;
    font-size: min(3.7333333333vw, 14px);
  }
}
.p-jcat-initiatives__list {
  display: -ms-flexbox;
  display: flex;
  gap: max(min(2.0833333333vw, 30px), 16px);
}
@media (max-width: 767px) {
  .p-jcat-initiatives__list {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: min(8vw, 30px);
  }
}
.p-jcat-initiatives__list > li {
  -ms-flex: 1;
      flex: 1;
}
@media (max-width: 767px) {
  .p-jcat-initiatives__list > li {
    width: 100%;
  }
}
.p-jcat-initiatives__list__logo {
  width: auto;
  height: max(min(4.0277777778vw, 58px), 46px);
}
@media (max-width: 767px) {
  .p-jcat-initiatives__list__logo {
    height: min(12.8vw, 48px);
  }
}
.p-jcat-initiatives__list__logo > img {
  object-fit: contain;
}
.p-jcat-initiatives__list__logo__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 0 max(min(2.0833333333vw, 30px), 24px) 0;
  padding: max(min(0.9722222222vw, 14px), 11px);
  background: #FFFFFF;
}
@media (max-width: 767px) {
  .p-jcat-initiatives__list__logo__wrap {
    margin: 0 0 min(2.6666666667vw, 10px) 0;
    padding: min(3.7333333333vw, 14px);
  }
}
.p-jcat-title01 {
  position: relative;
  margin: 0 0 max(min(3.125vw, 45px), 36px) 0;
  padding: max(min(3.125vw, 45px), 36px) 0 0 0;
  line-height: 1;
}
@media (max-width: 767px) {
  .p-jcat-title01 {
    margin: 0 0 min(7.4666666667vw, 28px) 0;
    padding: min(9.3333333333vw, 35px) 0 0 0;
  }
}
.p-jcat-title01::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: max(min(2.2222222222vw, 32px), 25px);
  height: max(min(0.2777777778vw, 4px), 3px);
  background: #333333;
}
@media (max-width: 767px) {
  .p-jcat-title01::before {
    width: min(8.5333333333vw, 32px);
    height: min(1.0666666667vw, 4px);
  }
}
.p-jcat-title01 .is-english {
  display: block;
  margin: 0 0 max(min(1.3888888889vw, 20px), 16px) 0;
  letter-spacing: 0.1em;
  font-size: max(min(1.25vw, 18px), 14px);
  font-weight: 700;
  font-family: "Noto Serif JP", serif;
  color: #A1875C;
}
@media (max-width: 767px) {
  .p-jcat-title01 .is-english {
    margin: 0 0 min(4.2666666667vw, 16px) 0;
    font-size: min(4.8vw, 18px);
  }
}
.p-jcat-title01 .is-japanese {
  font-size: max(min(2.6388888889vw, 38px), 30px);
}
@media (max-width: 767px) {
  .p-jcat-title01 .is-japanese {
    font-size: min(7.4666666667vw, 28px);
  }
}
.p-jcat-title01.is-center {
  text-align: center;
}
@media (max-width: 767px) {
  .p-jcat-title01.is-center {
    text-align: left;
  }
}
.p-jcat-title01.is-center::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 767px) {
  .p-jcat-title01.is-center::before {
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
}
.p-jcat-card01 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  min-height: max(min(37.2222222222vw, 536px), 433px);
}
@media (max-width: 767px) {
  .p-jcat-card01 {
    min-height: 0;
  }
}
.p-jcat-card01.is-short {
  min-height: max(min(35.5555555556vw, 512px), 412px);
}
@media (max-width: 767px) {
  .p-jcat-card01.is-short {
    min-height: 0;
  }
}
.p-jcat-card01:not(:last-of-type) {
  margin: 0 0 max(min(2.0833333333vw, 30px), 24px) 0;
}
@media (max-width: 767px) {
  .p-jcat-card01:not(:last-of-type) {
    margin: 0 0 min(2.6666666667vw, 10px) 0;
  }
}
.p-jcat-card01__picture {
  width: 100%;
}
.p-jcat-card01__picture > img {
  object-fit: cover;
}
.p-jcat-card01__text {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: max(min(1.25vw, 18px), 14px);
  background: #FFFFFF;
}
@media (max-width: 767px) {
  .p-jcat-card01__text {
    padding: min(4.8vw, 18px);
  }
}
.p-jcat-card01__title {
  margin: 0 0 max(min(0.8333333333vw, 12px), 10px) 0;
  line-height: 1.2;
  font-size: max(min(1.1111111111vw, 16px), 12px);
  font-weight: 700;
}
@media (max-width: 767px) {
  .p-jcat-card01__title {
    line-height: 1.5;
    margin: 0 0 min(2.6666666667vw, 10px) 0;
    font-size: min(4.2666666667vw, 16px);
  }
}
.p-jcat-card01__lead {
  -ms-flex: 1;
      flex: 1;
  margin: 0 0 max(min(0.8333333333vw, 12px), 10px) 0;
  line-height: 1.8;
  letter-spacing: 0.01em;
  font-size: max(min(0.9722222222vw, 14px), 11px);
  font-weight: 500;
}
@media (max-width: 767px) {
  .p-jcat-card01__lead {
    margin: 0 0 min(3.7333333333vw, 14px) 0;
    font-size: min(3.7333333333vw, 14px);
  }
}
.p-jcat-card01__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  height: max(min(2.6388888889vw, 38px), 30px);
  padding: max(min(0.5555555556vw, 8px), 6px) max(min(1.3888888889vw, 20px), 16px);
  background: #333 url(../img/jcat/p-jcat-background01_opa5.png) repeat left top/68% auto;
  line-height: 1;
  font-size: max(min(0.9722222222vw, 14px), 11px);
  font-weight: 600;
  color: #CCA541;
  transition: opacity 0.3s;
}
@media (max-width: 767px) {
  .p-jcat-card01__button {
    height: min(10.1333333333vw, 38px);
    padding: min(2.1333333333vw, 8px) min(5.3333333333vw, 20px);
    font-size: min(3.7333333333vw, 14px);
  }
}
@media (any-hover: hover) {
  .p-jcat-card01__button:hover {
    opacity: 0.7;
  }
}
.p-jcat-card01__button::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: max(min(0.4861111111vw, 7px), 4px) solid transparent;
  border-bottom: max(min(0.4861111111vw, 7px), 4px) solid transparent;
  border-left: max(min(0.8333333333vw, 12px), 8px) solid #CCA541;
  border-right: 0;
}
@media (max-width: 767px) {
  .p-jcat-card01__button::after {
    border-top: min(1.6vw, 6px) solid transparent;
    border-bottom: min(1.6vw, 6px) solid transparent;
    border-left: min(2.6666666667vw, 10px) solid #CCA541;
  }
}
.p-jcat-specialtour {
  padding: max(min(5.5555555556vw, 80px), 64px) 0;
}
@media (max-width: 767px) {
  .p-jcat-specialtour {
    padding: min(10.6666666667vw, 40px) 0 min(21.3333333333vw, 80px);
  }
}
.p-jcat-specialtour__comingsoon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: max(min(4.1666666667vw, 60px), 48px) 0 0 0;
  padding: max(min(8.3333333333vw, 120px), 96px) min(4.1666666667vw, 60px);
  background: rgba(161, 135, 92, 0.1);
  text-align: center;
  letter-spacing: 0.1em;
  font-size: max(min(3.3333333333vw, 48px), 38px);
  font-weight: 400;
  font-family: "Noto Serif JP", serif;
  color: #A1875C;
}
@media (max-width: 767px) {
  .p-jcat-specialtour__comingsoon {
    margin: min(8vw, 30px) 0 0 0;
    padding: min(29.7333333333vw, 111.5px) min(21.3333333333vw, 80px);
    line-height: 1.2;
    font-size: min(9.6vw, 36px);
  }
}
.p-jcat-specialtour__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: min(2.0833333333vw, 30px);
}
@media (max-width: 767px) {
  .p-jcat-specialtour__list {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: min(8vw, 30px);
  }
}
.p-jcat-specialtour__list > li {
  display: -ms-flexbox;
  display: flex;
  gap: min(0.6944444444vw, 10px);
  position: relative;
  width: calc(50% - min(1.0416666667vw, 15px));
  padding: min(0.6944444444vw, 10px);
  background: rgba(161, 135, 92, 0.1);
}
@media (max-width: 767px) {
  .p-jcat-specialtour__list > li {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: min(2.6666666667vw, 10px);
    width: 100%;
    padding: min(2.6666666667vw, 10px);
  }
}
.p-jcat-specialtour__list > li.is-comingsoon {
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: max(min(2.5vw, 36px), 10px);
  font-weight: 400;
  font-family: "Noto Serif JP", serif;
  color: #A1875C;
}
@media (max-width: 767px) {
  .p-jcat-specialtour__list > li.is-comingsoon {
    padding: min(27.7333333333vw, 104px) min(10.6666666667vw, 40px);
    line-height: 1.2;
    font-size: min(9.6vw, 36px);
  }
}
.p-jcat-specialtour__list__picture {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 13.8888888889vw;
  max-width: 200px;
}
@media (max-width: 767px) {
  .p-jcat-specialtour__list__picture {
    width: auto;
    max-width: none;
    height: 64vw;
  }
}
.p-jcat-specialtour__list__picture > img {
  object-fit: contain;
}
.p-jcat-specialtour__list__text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
}
.p-jcat-specialtour__list__text__top {
  padding: min(1.1111111111vw, 16px);
  background: #ED2B31;
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .p-jcat-specialtour__list__text__top {
    padding: min(3.7333333333vw, 14px);
  }
}
.p-jcat-specialtour__list__text__top > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  gap: min(2.0833333333vw, 30px);
  margin: 0 0 min(0.6944444444vw, 10px) 0;
  line-height: min(1.3194444444vw, 19px);
}
@media (max-width: 767px) {
  .p-jcat-specialtour__list__text__top > div {
    gap: min(8vw, 30px);
    margin: 0 0 min(2.6666666667vw, 10px) 0;
    line-height: min(4.5333333333vw, 17px);
  }
}
.p-jcat-specialtour__list__text__top > div > time {
  font-family: "Open Sans", sans-serif;
  font-size: max(min(1.1111111111vw, 16px), 12px);
}
@media (max-width: 767px) {
  .p-jcat-specialtour__list__text__top > div > time {
    font-size: min(4.2666666667vw, 16px);
  }
}
.p-jcat-specialtour__list__text__top > div > time .is-large {
  font-size: max(min(1.8055555556vw, 26px), 18px);
}
@media (max-width: 767px) {
  .p-jcat-specialtour__list__text__top > div > time .is-large {
    font-size: min(6.4vw, 24px);
  }
}
.p-jcat-specialtour__list__text__top > div > time + time {
  position: relative;
}
.p-jcat-specialtour__list__text__top > div > time + time::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: min(-0.5555555556vw, -8px);
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  width: 0.8333333333vw;
  max-width: 12px;
  height: 0.8333333333vw;
  max-height: 12px;
  background: url(../img/jcat/p-jcat-arrow01.svg) no-repeat center/contain;
}
@media (max-width: 767px) {
  .p-jcat-specialtour__list__text__top > div > time + time::before {
    left: min(-2.1333333333vw, -8px);
    width: 3.2vw;
    max-width: 12px;
    height: 3.2vw;
    max-height: 12px;
  }
}
.p-jcat-specialtour__list__text__top > h3 {
  line-height: max(min(1.1111111111vw, 16px), 16px);
  font-size: max(min(1.5277777778vw, 22px), 16px);
}
@media (max-width: 767px) {
  .p-jcat-specialtour__list__text__top > h3 {
    line-height: min(4vw, 15px);
    font-size: min(4.8vw, 18px);
  }
}
.p-jcat-specialtour__list__text__bottom {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: min(0.6944444444vw, 10px);
  background: #FFFFFF;
}
@media (max-width: 767px) {
  .p-jcat-specialtour__list__text__bottom {
    padding: min(2.6666666667vw, 10px);
  }
}
.p-jcat-specialtour__list__text__bottom > h3 {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: min(1.3888888889vw, 20px);
  max-height: 114px;
  margin: min(0.6944444444vw, 10px) auto min(1.3888888889vw, 20px);
  line-height: min(0.9027777778vw, 13px);
  font-size: max(min(1.25vw, 18px), 11px);
  font-weight: 700;
  color: #A1875C;
}
@media (max-width: 767px) {
  .p-jcat-specialtour__list__text__bottom > h3 {
    gap: min(4.2666666667vw, 16px);
    margin: min(2.6666666667vw, 10px) auto min(5.3333333333vw, 20px);
    line-height: min(3.2vw, 12px);
    font-size: min(4.2666666667vw, 16px);
  }
}
.p-jcat-specialtour__list__text__bottom > h3 .is-large {
  line-height: max(min(1.8055555556vw, 26px), 16px);
  font-size: min(2.5vw, 36px);
}
@media (max-width: 767px) {
  .p-jcat-specialtour__list__text__bottom > h3 .is-large {
    line-height: min(5.8666666667vw, 22px);
    font-size: min(8vw, 30px);
  }
}
.p-jcat-specialtour__list__closed {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% - min(1.3194444444vw, 19px));
  height: calc(100% - min(1.3194444444vw, 19px));
  background: rgba(51, 51, 51, 0.9);
  text-align: center;
  font-size: min(1.9444444444vw, 28px);
  font-weight: 500;
  color: #FFFFFF;
  z-index: 2;
}
@media (max-width: 767px) {
  .p-jcat-specialtour__list__closed {
    width: calc(100% - min(5.3333333333vw, 20px));
    height: calc(100% - min(5.3333333333vw, 20px));
    font-size: min(6.4vw, 24px);
  }
}
.p-jcat-spBanner {
  display: none;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 9px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: min(16.5333333333vw, 62px);
  background: #F32871 url(../img/jcat/p-jcat-background01_opa20.png) repeat left top/68% auto;
  line-height: 1;
  font-size: min(4.8vw, 18px);
  font-weight: 600;
  color: #FFFFFF;
  transition: opacity 0.3s;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 767px) {
  .p-jcat-spBanner {
    display: -ms-flexbox;
    display: flex;
  }
}
.p-jcat-spBanner.is-show {
  opacity: 1;
  pointer-events: auto;
}
@media (any-hover: hover) {
  .p-jcat-spBanner:hover {
    opacity: 0.7;
  }
}
.p-jcat-spBanner::after {
  content: "";
  display: block;
  width: min(3.7333333333vw, 14px);
  height: min(3.7333333333vw, 14px);
  margin: 0 0 min(-1.0666666667vw, -4px) 0;
  background: url(../img/jcat/p-jcat-arrow01.svg) no-repeat center/contain;
}
.p-jcat-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  width: 100%;
  padding: 40px;
  border-top: 2px solid #A1875C;
}
.p-jcat-footer__copyright {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 400;
}
.p-jcat-totop {
  display: block;
  right: 20px;
  width: 42px;
  height: 136px;
  writing-mode: vertical-rl;
  z-index: 10;
  cursor: pointer;
  transition: opacity 0.3s;
  opacity: 0;
  pointer-events: none;
  mix-blend-mode: multiply;
}
.p-jcat-totop.is-show {
  opacity: 1;
  pointer-events: auto;
}
@media (any-hover: hover) {
  .p-jcat-totop:hover {
    opacity: 0.7;
  }
}
.p-jcat-totop__title {
  font-size: 14px;
  font-size: 0.875rem;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(180deg);
          transform: translateX(-50%) rotate(180deg);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media (max-width: 1439px) {
  .p-jcat-totop__title {
    display: none;
  }
}
.p-jcat-totop::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 50px;
  height: 43px;
  background: url(../img/jcat/p-jcat-totop.svg) no-repeat center/contain;
}
@media (max-width: 767px) {
  .p-jcat-totop::before {
    width: 43px;
    height: 50px;
  }
}