@charset "UTF-8";
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-weight: 400;
  font-family: "Zen Kaku Gothic New", serif;
  color: rgb(24, 24, 24);
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  html, body {
    font-size: 14.4px;
  }
}
@media screen and (max-width: 374px) {
  html, body {
    font-size: 12.8px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  font-size: 1rem;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}

.select-wrap {
  position: relative;
}
.select-wrap::after {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  z-index: 2;
  width: 15px;
  height: 10px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  pointer-events: none;
}
.select-wrap select {
  display: block;
  width: 100%;
}

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

select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: none;
  outline: none;
  border: 1px solid rgb(190, 190, 190);
  padding: 10px;
  border-radius: 5px;
}

section {
  padding: 100px 0;
}
section.section-bottom {
  padding-bottom: 0;
}

.contents-wrapper {
  width: calc(100% - 100px);
  max-width: 1120px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .contents-wrapper {
    width: calc(100% - 40px);
  }
}
.contents-wrapper.big {
  width: 100%;
  max-width: 1920px;
}

.wp-pagenavi {
  margin-top: 50px;
  text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
  display: inline-block;
  border: none;
  padding: 0;
  margin: 0;
  color: inherit;
}
.wp-pagenavi a:not(:last-child), .wp-pagenavi span:not(:last-child) {
  margin-right: 10px;
}

.ipad-block {
  display: none;
}
@media (max-width: 1023px) {
  .ipad-block {
    display: block;
  }
}

@media (max-width: 1023px) {
  .ipad-none {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
}
.main-contents {
  text-align: left;
  word-wrap: break-word;
  line-height: 200%;
}
.main-contents p:not(:last-child) {
  margin-bottom: 15px;
}
.main-contents img:not(.emoji) {
  width: 50% !important;
  height: auto !important;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .main-contents img:not(.emoji) {
    width: 100% !important;
  }
}

.left-float {
  float: left;
}

.right-float {
  float: right;
}

.clear {
  clear: both;
}

img, iframe {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

a {
  text-decoration: none;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

a:hover {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

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

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.color-black {
  color: rgb(0, 0, 0);
}

.color-white {
  color: rgb(255, 255, 255);
}

table {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 0;
}

.block-item {
  display: block;
}

.inlineblock-item {
  display: inline-block;
}

.inline-item {
  display: inline;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.right-flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

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

figure {
  margin: 0;
  padding: 0;
}

.portal-link-title {
  margin-bottom: 35px;
  text-align: center;
  font-weight: 500;
  font-size: 1.4rem;
}

.portal-link-wrapper {
  margin-bottom: 50px;
  display: -ms-grid;
  display: grid;
  gap: 35px;
  -ms-grid-columns: 1fr 35px 1fr 35px 1fr 35px 1fr;
  grid-template-columns: repeat(4, 1fr);
  text-align: center;
}
@media (max-width: 1023px) {
  .portal-link-wrapper {
    gap: 20px 30px;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .portal-link-wrapper {
    gap: 20px 10px;
  }
}
.portal-link-wrapper a {
  display: block;
  color: rgb(255, 255, 255);
  padding: 20px 10px;
  border-radius: 50px;
  font-size: 0.9rem;
  font-weight: 500;
  border: 1px solid rgb(255, 255, 255);
}

.accordion-wrapper {
  overflow: hidden;
  border-radius: 15px;
}
.accordion-wrapper:not(:last-child) {
  margin-bottom: 20px;
}
.accordion-wrapper .trigger {
  padding: 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  gap: 10px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .accordion-wrapper .trigger {
    padding: 10px;
    gap: 5px;
  }
}
.accordion-wrapper .trigger::before {
  -ms-flex-item-align: start;
      align-self: flex-start;
  content: "";
  width: 39px;
  aspect-ratio: 1/1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media (max-width: 767px) {
  .accordion-wrapper .trigger::before {
    width: 25px;
  }
}
.accordion-wrapper .trigger span {
  pointer-events: none;
  width: calc(100% - 39px - 16px - 20px);
}
@media (max-width: 767px) {
  .accordion-wrapper .trigger span {
    width: calc(100% - 25px - 10px - 10px);
  }
}
.accordion-wrapper .trigger .chevron {
  width: 16px;
  aspect-ratio: 1/1;
  border-bottom: 3px solid;
  border-right: 3px solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform-origin: center;
          transform-origin: center;
}
@media (max-width: 767px) {
  .accordion-wrapper .trigger .chevron {
    width: 10px;
    border-width: 2px;
  }
}
.accordion-wrapper .trigger .plus {
  position: relative;
  width: 16px;
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .accordion-wrapper .trigger .plus {
    width: 10px;
  }
}
.accordion-wrapper .trigger .plus::before, .accordion-wrapper .trigger .plus::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.accordion-wrapper .trigger .plus::before {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
.accordion-wrapper .trigger.is-open .plus::before {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.accordion-wrapper .trigger.is-open .chevron {
  -webkit-transform: translateY(2px) rotate(230deg);
          transform: translateY(2px) rotate(230deg);
}
.accordion-wrapper .content {
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s;
  overflow: hidden;
  max-height: 0;
  padding: 0 20px;
  background-color: rgb(255, 255, 255);
}
.accordion-wrapper .content.is-open {
  max-height: var(--max-height);
}
.accordion-wrapper .content p:not(:last-child) {
  margin-bottom: 10px;
}
.accordion-wrapper .content.a-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
}
@media (max-width: 767px) {
  .accordion-wrapper .content.a-box {
    gap: 5px;
  }
}
.accordion-wrapper .content.a-box::before {
  content: "";
  width: 39px;
  aspect-ratio: 1/1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media (max-width: 767px) {
  .accordion-wrapper .content.a-box::before {
    display: none;
  }
}
.accordion-wrapper .content.a-box .inner-box {
  font-family: "Noto Sans JP", serif;
  width: calc(100% - 10px - 39px);
}
@media (max-width: 767px) {
  .accordion-wrapper .content.a-box .inner-box {
    width: 100%;
  }
}
.accordion-wrapper .content .inner-box {
  padding: 30px 0;
}
@media (max-width: 767px) {
  .accordion-wrapper .content .inner-box {
    padding: 20px 0;
    font-size: 0.9rem;
  }
}

.tel-contact-box {
  max-width: 1300px;
  margin: 0 auto 100px;
  border-radius: 27px;
  padding: 70px 50px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .tel-contact-box {
    padding: 70px 25px;
  }
}
@media screen and (max-width: 767px) {
  .tel-contact-box {
    font-size: 0.9rem;
    padding: 50px 25px;
  }
}
.tel-contact-box .top-title {
  margin-bottom: 30px;
}
.tel-contact-box .footer-contact-tel-wrapper {
  margin-top: 30px;
  margin-bottom: 0;
}

.contact-text {
  margin-top: 30px;
  margin-bottom: 50px;
}
.contact-text a {
  color: rgb(216, 183, 80);
  border-bottom: 1px solid rgb(216, 183, 80);
}
.contact-text a:hover {
  border-color: transparent;
}

.contact-arrow-wrapper {
  position: relative;
  max-width: 940px;
  margin: 0 auto 100px;
  font-weight: 500;
  gap: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .contact-arrow-wrapper {
    margin-bottom: 50px;
  }
}
.contact-arrow-wrapper::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  width: 90%;
  height: 1px;
  border-top: 1px dashed rgb(232, 232, 232);
}
.contact-arrow-wrapper span {
  position: relative;
  z-index: 2;
  width: calc((100% - 60px) / 3);
  max-width: 245px;
  text-align: center;
  padding: 20px;
  border-radius: 50px;
  border: 1px solid rgb(17, 50, 96);
  color: rgb(17, 50, 96);
  background-color: rgb(255, 255, 255);
}
@media screen and (max-width: 767px) {
  .contact-arrow-wrapper span {
    padding: 5px;
  }
}
.contact-arrow-wrapper span.bg-blue {
  border-color: rgb(216, 183, 80);
  background-color: rgb(216, 183, 80);
  color: rgb(255, 255, 255);
}

.contact-wrapper {
  max-width: 1150px;
  margin: auto;
}
.contact-wrapper .inner-box {
  margin-bottom: 35px;
}
.contact-wrapper .title {
  margin-bottom: 10px;
  font-size: 1.1rem;
}
.contact-wrapper .title.must span::after {
  content: "*必須";
  font-size: 0.9rem;
  vertical-align: top;
  color: rgb(222, 0, 0);
}
.contact-wrapper .wpcf7-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px 35px;
}
.contact-wrapper .wpcf7-list-item {
  margin: 0;
}
.contact-wrapper .text-common {
  display: block;
  border-radius: 10px;
  width: 100%;
  outline: none;
  border: none;
  padding: 15px;
  background-color: rgb(232, 232, 232);
  font-family: "Zen Kaku Gothic New", serif;
}
.contact-wrapper a {
  color: rgb(24, 24, 24);
  border-bottom: 1px solid rgb(24, 24, 24);
}

.button-submit {
  width: 356px;
  display: block;
  padding: 20px 30px;
  border-radius: 50px;
  max-width: 100%;
  margin: 50px auto 0;
  background-color: rgb(17, 50, 96);
  color: rgb(255, 255, 255);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.1rem;
}
.button-submit:disabled {
  opacity: 0.5;
}
.button-submit.yellow {
  color: rgb(255, 255, 255);
  background-color: rgb(216, 183, 80);
}

.contact-btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 10px;
}
@media screen and (max-width: 1023px) {
  .contact-btn-wrapper .button-submit {
    width: calc((100% - 10px) / 2);
  }
}
@media screen and (max-width: 767px) {
  .contact-btn-wrapper .button-submit {
    padding: 10px 15px 10px 20px;
  }
}

.thanks_area {
  text-align: center;
}
.thanks_area .thanks-text {
  font-size: 2.4rem;
}
@media screen and (max-width: 1023px) {
  .thanks_area .thanks-text {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .thanks_area .thanks-text {
    font-size: 1.2rem;
  }
}
.thanks_area .thanks {
  margin: 100px 0;
  position: relative;
  font-size: 5.5rem;
}
@media screen and (max-width: 767px) {
  .thanks_area .thanks {
    font-size: 4rem;
  }
}
.thanks_area .thanks .thanks-image {
  width: 50%;
  max-width: 186px;
}
.thanks_area .thanks span {
  position: relative;
  z-index: 2;
}

.confirm_area .inner-box {
  padding-bottom: 5px;
  border-bottom: 2px solid rgb(232, 232, 232);
}

.thanks-message {
  margin-bottom: 20px;
  color: rgb(210, 97, 0);
  font-weight: 500;
  font-size: 1.8rem;
}

.thanks-message-after {
  margin-bottom: 50px;
}

/*確認画面と完了画面を非表示*/
.confirm_area,
.thanks_area {
  display: none;
}

/*デフォルトのサンクスメッセージを非表示*/
.wpcf7-response-output {
  display: none;
}

.policy-first-text {
  margin-bottom: 50px;
}

body.loading {
  overflow: hidden; /* スクロール禁止 */
}

.loading-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: linear-gradient(286.48deg, rgb(247, 242, 221) 7.62%, rgb(247, 239, 217) 34.08%, rgb(247, 232, 205) 58.78%, rgb(249, 221, 187) 83.48%, rgb(250, 213, 174) 95.83%);
  overflow: hidden;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 1s ease, visibility 1s ease;
  transition: opacity 1s ease, visibility 1s ease;
}
.loading-box.hidden {
  opacity: 0;
  visibility: hidden;
}
.loading-box div {
  margin: 175px auto;
}

.drop {
  position: relative;
  width: 20px;
  height: 20px;
  top: -30px;
  margin: 0 auto;
  background: #FFF;
  border-radius: 20px;
  -webkit-animation-name: drip;
  animation-name: drip;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0.91, 0.19);
  animation-timing-function: cubic-bezier(1, 0, 0.91, 0.19);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.drop:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 30px solid rgb(255, 255, 255);
  top: -22px;
}

.wave {
  position: relative;
  opacity: 0;
  top: 0;
  width: 2px;
  height: 1px;
  border: #FFF 7px solid;
  border-radius: 300px/150px;
  -webkit-animation-name: ripple;
  animation-name: ripple;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.wave:after {
  content: "";
  position: absolute;
  opacity: 0;
  top: -5px;
  left: -5px;
  width: 2px;
  height: 1px;
  border: #FFF 5px solid;
  border-radius: 300px/150px;
  -webkit-animation-name: ripple-2;
  animation-name: ripple-2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes ripple {
  from {
    opacity: 1;
  }
  to {
    width: 600px;
    height: 300px;
    border-width: 1px;
    top: -100px;
    opacity: 0;
  }
}

@keyframes ripple {
  from {
    opacity: 1;
  }
  to {
    width: 600px;
    height: 300px;
    border-width: 1px;
    top: -100px;
    opacity: 0;
  }
}
@-webkit-keyframes ripple-2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    width: 200px;
    height: 100px;
    border-width: 1px;
    top: 100px;
    left: 200px;
  }
}
@keyframes ripple-2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    width: 200px;
    height: 100px;
    border-width: 1px;
    top: 100px;
    left: 200px;
  }
}
@-webkit-keyframes drip {
  to {
    top: 190px;
    opacity: 0;
  }
}
@keyframes drip {
  to {
    top: 190px;
    opacity: 0;
  }
}
.museum-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 12px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  z-index: 111;
}
@media (max-width: 767px) {
  .museum-header {
    padding: 10px;
    gap: 10px;
  }
}
.museum-header.bg-black {
  background-color: rgb(13, 32, 58);
}
.museum-header.white-icon .drawer-hamburger::before {
  color: rgb(255, 255, 255);
}
.museum-header.white-icon img.white {
  display: block;
}
.museum-header.white-icon .blue {
  display: none;
}
.museum-header .header-logo {
  max-width: 325px;
  width: 60%;
  text-shadow: 0px 0px 4px rgba(2, 12, 20, 0.3);
}
.museum-header .header-logo .white {
  display: none;
}
.museum-header .header-logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgb(255, 255, 255);
  font-size: 1.4rem;
  font-family: "Ysabeau Infant", serif;
  font-weight: 600;
  text-shadow: 0px 0px 4px 0px rgba(2, 12, 20, 0.3);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .museum-header .header-logo a {
    font-size: 1.2rem;
  }
}
.museum-header .header-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media (max-width: 767px) {
  .museum-header .header-link {
    gap: 5px;
  }
}
.museum-header .instagram-link {
  display: block;
  width: 35px;
}
@media (max-width: 767px) {
  .museum-header .instagram-link {
    width: 25px;
  }
}
.museum-header .instagram-link .white {
  display: none;
}
.museum-header .drawer-hamburger {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: auto;
  height: auto;
  padding: 0;
  text-transform: uppercase;
  font-family: "Ysabeau Infant", serif;
  font-weight: 700;
  font-size: 1.1rem;
}
.museum-header .drawer-hamburger.museum::before {
  color: rgb(255, 255, 255);
}
.museum-header .drawer-hamburger img {
  width: 14px;
  margin-right: 5px;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.museum-header .drawer-hamburger::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "menu";
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: rgb(17, 50, 96);
}
.museum-header .drawer-hamburger::after {
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  content: "close";
  color: rgb(13, 32, 58);
}
.museum-header nav.drawer-nav {
  width: 100%;
  overflow: scroll;
  right: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../../images/museum/navi-bg.png");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.museum-header nav.drawer-nav .contents-wrapper {
  position: relative;
  z-index: 2;
}
.museum-header .nav-image {
  width: 35%;
  position: absolute;
  top: 0;
  left: 0;
}
.museum-header .museum-nav-logo {
  width: 163px;
}
@media (max-width: 767px) {
  .museum-header .museum-nav-logo {
    width: 110px;
  }
}
.museum-header .museum-nav-logo img {
  width: 100%;
}
.museum-header .museum-nav-wrapper {
  margin-bottom: 50px;
  max-width: 840px;
}
@media (max-width: 767px) {
  .museum-header .museum-nav-wrapper {
    margin-bottom: 20px;
    padding: 0 20px;
  }
}
.museum-header .museum-nav-wrapper a {
  color: rgb(13, 32, 58);
}
.museum-header .after-link {
  max-width: 765px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (max-width: 767px) {
  .museum-header .after-link {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 40px 50px;
  }
}
.museum-header .policy-link {
  font-size: 0.9rem;
  color: rgb(13, 32, 58);
  font-weight: 500;
}
.museum-header .nav-instagram {
  text-transform: uppercase;
  font-family: "Ysabeau Infant", serif;
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  align-items: center;
  color: rgb(13, 32, 58);
}
.museum-header .nav-instagram img {
  display: inline-block;
  width: 36px;
  margin-right: 20px;
}

.drawer--right.drawer-open .museum-header button.drawer-hamburger {
  right: 0;
}
.drawer--right.drawer-open .museum-header button.drawer-hamburger img {
  opacity: 1;
}
.drawer--right.drawer-open .museum-header button.drawer-hamburger::before {
  opacity: 0;
}
.drawer--right.drawer-open .museum-header button.drawer-hamburger::after {
  opacity: 1;
}
.drawer--right.drawer-open .museum-header nav.drawer-nav {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.museum-yellow-btn {
  font-size: 1.4rem;
  font-weight: 500;
  color: rgb(255, 255, 255);
  background-color: rgb(216, 183, 80);
  display: block;
  width: 35%;
  text-align: center;
  padding: 10px 30px;
  border-radius: 50px;
  border: 1px solid rgb(216, 183, 80);
}
@media (max-width: 767px) {
  .museum-yellow-btn {
    width: 100%;
  }
}
.museum-yellow-btn:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(216, 183, 80);
}

.museum-fixed-link-wrapper {
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  z-index: 100;
}
@media (max-width: 1023px) {
  .museum-fixed-link-wrapper {
    gap: 10px;
    right: 15px;
    bottom: 15px;
  }
}
@media (max-width: 767px) {
  .museum-fixed-link-wrapper {
    gap: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(78, 78, 78, 0.3);
            box-shadow: 0px 4px 10px 0px rgba(78, 78, 78, 0.3);
  }
}
.museum-fixed-link-wrapper .side-link {
  width: 120px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  font-weight: 500;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(78, 78, 78, 0.3);
          box-shadow: 0px 4px 10px 0px rgba(78, 78, 78, 0.3);
}
@media (max-width: 1023px) {
  .museum-fixed-link-wrapper .side-link {
    width: 100px;
  }
}
@media (max-width: 767px) {
  .museum-fixed-link-wrapper .side-link {
    width: 50%;
    border-radius: 0;
    aspect-ratio: auto;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.museum-fixed-link-wrapper .side-link.yellow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  color: rgb(255, 255, 255);
  font-size: 1.4rem;
  background-image: url("../../images/museum/side-yellow-link.png");
}
@media (max-width: 1023px) {
  .museum-fixed-link-wrapper .side-link.yellow {
    font-size: 1.1rem;
  }
}
@media (max-width: 767px) {
  .museum-fixed-link-wrapper .side-link.yellow {
    background-color: rgb(216, 183, 80);
  }
}
.museum-fixed-link-wrapper .side-link.line {
  color: rgb(11, 112, 38);
  background-color: rgb(241, 241, 241);
  padding: 5px;
}
.museum-fixed-link-wrapper .side-link.line p {
  height: 100%;
  font-size: 1.1rem;
  border-radius: 50%;
  border: 1px solid rgb(11, 112, 38);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media (max-width: 1023px) {
  .museum-fixed-link-wrapper .side-link.line p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .museum-fixed-link-wrapper .side-link.line p {
    border-radius: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 5px;
  }
}
.museum-fixed-link-wrapper .side-link.line img {
  margin-bottom: 5px;
  width: 28px;
}
@media (max-width: 767px) {
  .museum-fixed-link-wrapper .side-link.line img {
    margin: 0 10px 0 0;
  }
}

.museum-nav-logo {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 70px;
}
@media (max-width: 767px) {
  .museum-nav-logo {
    margin-bottom: 50px;
  }
}
.museum-nav-logo img {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .museum-nav-logo img {
    margin-bottom: 10px;
  }
}

.museum-nav-wrapper {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  font-size: 0.9rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .museum-nav-wrapper {
    gap: 15px;
  }
}
.museum-nav-wrapper li:not(:last-child) {
  margin-bottom: 15px;
}
.museum-nav-wrapper .sub-menu {
  padding-left: 10px;
}
.museum-nav-wrapper .sub-menu a span {
  vertical-align: middle;
}
.museum-nav-wrapper .sub-menu a::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 1px;
  vertical-align: middle;
  margin-right: 5px;
  background-color: rgb(13, 32, 58);
}

.museum-footer-link-section {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../../images/museum/footer-link-bg.png");
}
.museum-footer-link-section > img {
  position: absolute;
  width: 30%;
  max-width: 238px;
}
.museum-footer-link-section > img.bottom-image {
  bottom: 0;
  left: 0;
}
.museum-footer-link-section > img.top-image {
  top: 0;
  right: 0;
}
.museum-footer-link-section .link-wrapper {
  max-width: 725px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  text-align: center;
}
@media (max-width: 767px) {
  .museum-footer-link-section .link-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.museum-footer-link-section .link-wrapper .inner-box {
  width: calc((100% - 30px) / 2);
  max-width: 333px;
}
@media (max-width: 767px) {
  .museum-footer-link-section .link-wrapper .inner-box {
    width: 100%;
  }
}
.museum-footer-link-section .link-wrapper p {
  color: rgb(13, 32, 58);
  margin-bottom: 10px;
}
.museum-footer-link-section .museum-yellow-btn {
  width: 100%;
  padding: 20px 10px;
  position: relative;
  text-transform: uppercase;
  overflow: hidden;
}
.museum-footer-link-section .museum-yellow-btn span {
  position: relative;
  z-index: 2;
}
.museum-footer-link-section .museum-yellow-btn img {
  top: 0;
  right: 0;
  position: absolute;
}
.museum-footer-link-section .museum-yellow-btn.brown {
  background-color: rgb(164, 102, 48);
}
.museum-footer-link-section .museum-yellow-btn.brown:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(164, 102, 48);
  text-shadow: 2px 2px 1px rgb(255, 255, 255);
}

.museum-side-deco-title {
  margin-bottom: 50px;
  text-align: center;
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 767px) {
  .museum-side-deco-title {
    font-size: 1.4rem;
  }
}
.museum-side-deco-title span::before, .museum-side-deco-title span::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 39px;
  background-color: rgb(13, 32, 58);
}
@media (max-width: 767px) {
  .museum-side-deco-title span::before, .museum-side-deco-title span::after {
    height: 28px;
  }
}
.museum-side-deco-title span::before {
  -webkit-transform: translate(-25px, 5px) rotate(-15deg);
          transform: translate(-25px, 5px) rotate(-15deg);
}
.museum-side-deco-title span::after {
  -webkit-transform: translate(25px, 5px) rotate(15deg);
          transform: translate(25px, 5px) rotate(15deg);
}

.museum-footer {
  padding: 100px 0 15px;
  background-color: rgb(13, 32, 58);
}
@media (max-width: 767px) {
  .museum-footer {
    padding-bottom: 65px;
  }
}
.museum-footer a {
  color: rgb(255, 255, 255);
}
.museum-footer .museum-nav-wrapper {
  margin-bottom: 80px;
  max-width: 920px;
}
@media (max-width: 767px) {
  .museum-footer .museum-nav-wrapper {
    padding: 0 20px;
    margin-bottom: 50px;
  }
}
.museum-footer .museum-nav-wrapper .sub-menu a::before {
  background-color: rgb(255, 255, 255);
}
.museum-footer .portal-link-title {
  color: rgb(255, 255, 255);
}
.museum-footer .portal-link-wrapper {
  margin-bottom: 130px;
}
@media (max-width: 767px) {
  .museum-footer .portal-link-wrapper {
    margin-bottom: 50px;
  }
}
.museum-footer .portal-link-wrapper a:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(13, 32, 58);
}
.museum-footer .portal-link-wrapper a.museum {
  display: none;
}
.museum-footer .copy-wrapepr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px 30px;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.9rem;
}
@media (max-width: 767px) {
  .museum-footer .copyright {
    width: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.museum-fv-section {
  position: relative;
  height: calc(100vh - 100px);
  max-height: 1080px;
  min-height: 650px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../../images/museum/fv-image.jpg");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1023px) {
  .museum-fv-section {
    height: 600px;
    min-height: auto;
  }
}
@media (max-width: 767px) {
  .museum-fv-section {
    height: 310px;
  }
}
.museum-fv-section #fv-video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 2s ease, visibility 2s ease;
  transition: opacity 2s ease, visibility 2s ease;
}
.museum-fv-section #fv-video-wrapper.hidden {
  opacity: 0;
  visibility: hidden;
}
.museum-fv-section video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.museum-fv-section .fv-title {
  width: 30%;
  max-width: 300px;
  margin: auto;
}
@media (max-width: 767px) {
  .museum-fv-section .fv-title {
    width: 40%;
  }
}

.museum-top-news {
  width: 60%;
  padding: 20px;
  border-left: 52px solid rgb(17, 50, 96);
  background-color: rgb(255, 255, 255);
}
@media (max-width: 1023px) {
  .museum-top-news {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .museum-top-news {
    width: 100%;
    border-left: 15px solid rgb(17, 50, 96);
    padding: 15px 20px;
  }
}
.museum-top-news .topnews-swiper.swiper {
  height: 60px;
}

.museum-news a {
  font-family: "Noto Sans JP", serif;
  color: rgb(24, 24, 24);
}
.museum-news .time-wrapper {
  margin-bottom: 6px;
  color: rgb(127, 127, 127);
  font-size: 0.9rem;
}
.museum-news .news-tag {
  display: inline-block;
  padding: 5px 20px;
  border-radius: 20px;
  background-color: rgb(216, 183, 80);
  color: rgb(255, 255, 255);
  margin-left: 15px;
}
.museum-news .news-title span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hidden {
  overflow: hidden;
}

.museum-top-about {
  padding-top: 0;
  padding-bottom: 300px;
  overflow: hidden;
  background-image: url("../../images/museum/top-bg-about.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 1023px) {
  .museum-top-about {
    padding-bottom: 200px;
  }
}
@media (max-width: 767px) {
  .museum-top-about {
    padding-bottom: 150px;
  }
}
.museum-top-about .contents-wrapper {
  position: relative;
  padding-top: 200px;
}
@media (max-width: 767px) {
  .museum-top-about .contents-wrapper {
    padding-top: 70px;
  }
}
.museum-top-about .main-inner {
  position: relative;
  z-index: 2;
}
.museum-top-about .top-about-title {
  margin-bottom: 50px;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 2em;
  font-family: "Zen Old Mincho", serif;
  color: rgb(13, 32, 58);
  text-align: center;
}
@media (max-width: 767px) {
  .museum-top-about .top-about-title {
    margin-bottom: 30px;
    font-size: 1.7rem;
    line-height: 40px;
  }
}
.museum-top-about .top-about-text {
  margin-bottom: 60px;
  line-height: 2em;
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
  color: rgb(13, 32, 58);
  font-family: "Zen Old Mincho", serif;
}
@media (max-width: 767px) {
  .museum-top-about .top-about-text {
    margin-bottom: 40px;
    font-size: 0.9rem;
  }
}
.museum-top-about .top-about-link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 30px;
}

.museum-top-link {
  display: block;
  width: 100%;
  padding: 10px 5px;
  border: 1px solid rgb(13, 32, 58);
  max-width: 305px;
  text-align: center;
  font-weight: 500;
  border-radius: 50px;
}
@media (max-width: 767px) {
  .museum-top-link {
    margin: 0 auto;
  }
}
.museum-top-link.white {
  color: rgb(13, 32, 58);
}
.museum-top-link.white:hover {
  background-color: rgb(13, 32, 58);
  color: rgb(255, 255, 255);
}
.museum-top-link.blue {
  color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
}
.museum-top-link.blue:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(13, 32, 58);
}
.museum-top-link.center {
  margin: 0 auto;
}

.museum-exhibition-section {
  padding-top: 0;
  position: relative;
  background-color: rgb(17, 50, 96);
}
.museum-exhibition-section .contents-wrapper:not(.big) {
  position: relative;
  z-index: 5;
}
.museum-exhibition-section .exhibition-top-deco-wrapper {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 767px) {
  .museum-exhibition-section .exhibition-top-deco-wrapper {
    margin-bottom: 50px;
  }
}
.museum-exhibition-section .exhibition-top-deco-wrapper .image-wrapper {
  position: relative;
  margin-top: -200px;
  width: 75%;
}
@media (max-width: 1220px) {
  .museum-exhibition-section .exhibition-top-deco-wrapper .image-wrapper {
    width: 80%;
  }
}
@media (max-width: 1023px) {
  .museum-exhibition-section .exhibition-top-deco-wrapper .image-wrapper {
    margin-top: -100px;
  }
}
@media (max-width: 767px) {
  .museum-exhibition-section .exhibition-top-deco-wrapper .image-wrapper {
    width: 90%;
  }
  .museum-exhibition-section .exhibition-top-deco-wrapper .image-wrapper .main-image {
    height: 230px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.museum-exhibition-section .exhibition-top-deco-wrapper .text-box {
  color: rgb(33, 74, 131);
  font-family: "Zen Old Mincho", serif;
  font-size: 12.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
}
@media (max-width: 1390px) {
  .museum-exhibition-section .exhibition-top-deco-wrapper .text-box {
    -webkit-transform: translateY(130px);
            transform: translateY(130px);
    font-size: 11rem;
  }
}
@media (max-width: 1100px) {
  .museum-exhibition-section .exhibition-top-deco-wrapper .text-box {
    font-size: 9.5rem;
  }
}
@media (max-width: 1023px) {
  .museum-exhibition-section .exhibition-top-deco-wrapper .text-box {
    position: absolute;
    right: 15px;
    gap: 0px;
    top: 150px;
  }
}
@media (max-width: 767px) {
  .museum-exhibition-section .exhibition-top-deco-wrapper .text-box {
    top: 60px;
    font-size: 8.5rem;
    right: -10px;
    opacity: 0.5;
  }
}
.museum-exhibition-section .right-deco {
  position: absolute;
  width: 50%;
  top: 90px;
  left: 90%;
}
@media (max-width: 767px) {
  .museum-exhibition-section .right-deco {
    width: 60%;
    left: 65%;
  }
}
.museum-exhibition-section .left-deco {
  position: relative;
  margin: -30px 0 0 -50px;
  width: 40%;
}
@media (max-width: 767px) {
  .museum-exhibition-section .left-deco {
    width: 70%;
  }
}
.museum-exhibition-section .left-deco .mark-deco {
  width: 25%;
  max-width: 143px;
  margin-left: 100px;
  margin-top: -30px;
}
.museum-exhibition-section .exhibition-inner-wrapper {
  margin-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  color: rgb(255, 255, 255);
}
@media (max-width: 767px) {
  .museum-exhibition-section .exhibition-inner-wrapper {
    margin-bottom: 50px;
  }
}
.museum-exhibition-section .exhibition-inner-wrapper .image-box,
.museum-exhibition-section .exhibition-inner-wrapper .text-box {
  width: calc((100% - 30px) / 2);
  max-width: 492px;
}
@media (max-width: 1023px) {
  .museum-exhibition-section .exhibition-inner-wrapper .image-box,
  .museum-exhibition-section .exhibition-inner-wrapper .text-box {
    width: 80%;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .museum-exhibition-section .exhibition-inner-wrapper .image-box,
  .museum-exhibition-section .exhibition-inner-wrapper .text-box {
    width: 100%;
  }
}
.museum-exhibition-section .exhibition-inner-wrapper .museum-top-link {
  margin-top: 30px;
}
.museum-exhibition-section .exhibition-inner-wrapper .text {
  font-family: "Noto Sans JP", serif;
}
.museum-exhibition-section .exhibition-inner-wrapper .inner-title {
  margin-bottom: 40px;
  text-align: right;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .museum-exhibition-section .exhibition-inner-wrapper .inner-title {
    text-align: left;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .museum-exhibition-section .exhibition-inner-wrapper .inner-title {
    font-size: 1.3rem;
  }
}
.museum-exhibition-section .exhibition-swiper-wrapper {
  position: relative;
}
@media (max-width: 767px) {
  .museum-exhibition-section .exhibition-swiper-wrapper {
    width: 90%;
    margin: 0 auto;
  }
}
.museum-exhibition-section .exhibition-swiper-wrapper .swiper-button-prev::after,
.museum-exhibition-section .exhibition-swiper-wrapper .swiper-button-next::after {
  color: rgb(255, 255, 255);
  font-size: 1rem;
}
.museum-exhibition-section .exhibition-swiper-wrapper .swiper-button-next {
  right: -40px;
}
@media (max-width: 767px) {
  .museum-exhibition-section .exhibition-swiper-wrapper .swiper-button-next {
    right: -25px;
  }
}
.museum-exhibition-section .exhibition-swiper-wrapper .swiper-button-prev {
  left: -40px;
  right: -40px;
}
@media (max-width: 767px) {
  .museum-exhibition-section .exhibition-swiper-wrapper .swiper-button-prev {
    left: -25px;
  }
}

.museum-top-title {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .museum-top-title {
    margin-bottom: 30px;
  }
}
.museum-top-title .en {
  margin-bottom: 5px;
  display: block;
  font-weight: 600;
  font-size: 2.5rem;
  color: rgb(216, 183, 80);
  text-transform: uppercase;
  font-family: "Ysabeau Infant", serif;
}
@media (max-width: 767px) {
  .museum-top-title .en {
    font-size: 2rem;
  }
}
.museum-top-title .ja {
  font-size: 2rem;
  font-weight: 500;
  line-height: 45px;
}
@media (max-width: 767px) {
  .museum-top-title .ja {
    line-height: 28px;
    font-size: 1.3rem;
  }
}
.museum-top-title .small {
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  .museum-top-title .small {
    font-size: 1.1rem;
  }
}
.museum-top-title.line {
  padding-left: 15px;
  border-left: 9px solid rgb(13, 32, 58);
}
@media (max-width: 767px) {
  .museum-top-title.line {
    border-width: 7px;
  }
}
.museum-top-title.side-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 35px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.museum-top-title.side-line::before, .museum-top-title.side-line::after {
  content: "";
  display: block;
  height: 1px;
  background-color: rgb(13, 32, 58);
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
.museum-top-title.white {
  color: rgb(255, 255, 255);
}
.museum-top-title.black {
  color: rgb(24, 24, 24);
}
.museum-top-title.center {
  text-align: center;
}

.museum-shop-section {
  background-image: url("../../images/museum/about-top-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.museum-shop-section .contents-wrapper {
  padding-top: 100px;
  position: relative;
}
@media (max-width: 1023px) {
  .museum-shop-section .contents-wrapper {
    padding-top: 0px;
  }
}
.museum-shop-section .shop-deco-image {
  position: absolute;
  left: -100px;
  top: -120px;
  width: 50%;
  max-width: 650px;
}
@media (max-width: 767px) {
  .museum-shop-section .shop-deco-image {
    width: 80%;
    left: -70px;
  }
}
.museum-shop-section .top-shop-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
@media (max-width: 1080px) {
  .museum-shop-section .top-shop-wrapper {
    gap: 30px;
  }
}
.museum-shop-section .top-shop-wrapper .image-box {
  width: calc(50% - 50px);
}
@media (max-width: 1023px) {
  .museum-shop-section .top-shop-wrapper .image-box {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .museum-shop-section .top-shop-wrapper .image-box {
    width: calc(100% - 20px);
  }
}
.museum-shop-section .top-shop-wrapper .text-box {
  width: 50%;
  padding-left: calc((100vw - 1120px) / 2);
}
@media (min-width: 1920px) {
  .museum-shop-section .top-shop-wrapper .text-box {
    padding-left: 400px;
  }
}
@media (max-width: 1320px) {
  .museum-shop-section .top-shop-wrapper .text-box {
    padding-left: 50px;
  }
}
@media (max-width: 1080px) {
  .museum-shop-section .top-shop-wrapper .text-box {
    width: calc(50% + 20px);
  }
}
@media (max-width: 1023px) {
  .museum-shop-section .top-shop-wrapper .text-box {
    width: 80%;
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .museum-shop-section .top-shop-wrapper .text-box {
    width: 100%;
    padding: 0 20px;
  }
}
.museum-shop-section .top-shop-wrapper .text {
  width: 85%;
  margin-bottom: 50px;
  font-family: "Noto Sans JP", serif;
}
@media (max-width: 1023px) {
  .museum-shop-section .top-shop-wrapper .text {
    width: 100%;
  }
}

.museum-kitchen-section {
  position: relative;
}
.museum-kitchen-section .kitchen-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  max-width: 220px;
}

.museum-kitchen-section {
  padding-bottom: 0;
  overflow: hidden;
}
.museum-kitchen-section::after {
  content: "";
  display: block;
  width: 100%;
  height: 50px;
  background-color: rgb(17, 50, 96);
}
.museum-kitchen-section .contents-wrapper {
  position: relative;
  z-index: 2;
}
.museum-kitchen-section .contents-wrapper:not(.big) {
  padding-bottom: 100px;
}
.museum-kitchen-section .top-kitchen-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px;
}
.museum-kitchen-section .top-kitchen-wrapper .text-box {
  padding-bottom: 200px;
  width: 45%;
}
@media (max-width: 1200px) {
  .museum-kitchen-section .top-kitchen-wrapper .text-box {
    padding-bottom: 120px;
  }
}
@media (max-width: 1023px) {
  .museum-kitchen-section .top-kitchen-wrapper .text-box {
    width: 80%;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .museum-kitchen-section .top-kitchen-wrapper .text-box {
    width: 100%;
  }
}
.museum-kitchen-section .top-kitchen-wrapper .text-box .text {
  margin-bottom: 50px;
  font-family: "Noto Sans JP", serif;
}
.museum-kitchen-section .top-kitchen-wrapper .image-box {
  width: calc(55% - 50px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 1023px) {
  .museum-kitchen-section .top-kitchen-wrapper .image-box {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .museum-kitchen-section .top-kitchen-wrapper .image-box {
    width: 90%;
  }
}
.museum-kitchen-section .top-kitchen-wrapper .image-box img {
  aspect-ratio: 2/3;
  -o-object-fit: cover;
     object-fit: cover;
  width: 50%;
}
.museum-kitchen-section .top-kitchen-wrapper .image-box .left {
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
}
@media (max-width: 767px) {
  .museum-kitchen-section .top-kitchen-wrapper .image-box .left {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
}
.museum-kitchen-section .top-kitchen-wrapper .image-box .right {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
@media (max-width: 1023px) {
  .museum-kitchen-section .top-kitchen-wrapper .image-box .right {
    margin-top: 50px;
  }
}
.museum-kitchen-section .kitchen-bottom {
  position: absolute;
  right: -100px;
  bottom: -45px;
  width: 45%;
  max-width: 552px;
}
@media (max-width: 1023px) {
  .museum-kitchen-section .kitchen-bottom {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .museum-kitchen-section .kitchen-bottom {
    width: 70%;
  }
}

.museum-event-section {
  padding-top: 50px;
  color: rgb(255, 255, 255);
  background-color: rgb(17, 50, 96);
}
.museum-event-section .event-text {
  text-align: center;
  margin-bottom: 50px;
  font-family: "Noto Sans JP", serif;
}
.museum-event-section .museum-event-list {
  margin-bottom: 50px;
}

.museum-event-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 60px;
}
@media (max-width: 1200px) {
  .museum-event-list {
    gap: 30px;
  }
}
.museum-event-list li {
  width: calc((100% - 120px) / 3);
}
@media (max-width: 1200px) {
  .museum-event-list li {
    width: calc((100% - 60px) / 3);
  }
}
@media (max-width: 1023px) {
  .museum-event-list li {
    width: 100%;
  }
}
.museum-event-list a {
  display: block;
  color: rgb(255, 255, 255);
}
@media (max-width: 1023px) {
  .museum-event-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .museum-event-list a {
    gap: 10px;
  }
}
.museum-event-list img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.museum-event-list .image-box {
  margin-bottom: 10px;
  position: relative;
}
@media (max-width: 1023px) {
  .museum-event-list .image-box {
    width: calc(50% - 30px);
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .museum-event-list .image-box {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .museum-event-list .text-box {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .museum-event-list .text-box {
    width: 100%;
  }
}
.museum-event-list .museum-situation-tag {
  position: absolute;
  bottom: 5px;
  left: 5px;
}
.museum-event-list .openday {
  display: block;
  font-size: 0.9rem;
}
.museum-event-list .title {
  margin-top: 5px;
  font-family: "Noto Sans JP", serif;
}
.museum-event-list .title span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.museum-situation-tag {
  display: inline-block;
  width: 140px;
  color: rgb(255, 255, 255);
  padding: 2px 10px;
  border-radius: 50px;
  font-weight: 500;
  font-size: 0.9rem;
  text-align: center;
}
.museum-situation-tag.end {
  background-color: rgb(127, 127, 127);
}
.museum-situation-tag.open {
  background-color: rgb(13, 32, 58);
}
.museum-situation-tag.application {
  background-color: rgb(216, 183, 80);
}

.museum-event-category {
  font-size: 0.9rem;
}
.museum-event-category:not(:first-child) {
  margin-left: 5px;
}

.museum-post-section {
  background-image: url("../../images/museum/about-top-bg.png");
}
.museum-post-section .top-post-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 60px;
}
.museum-post-section .top-post-box {
  width: calc((100% - 60px) / 2);
}
@media (max-width: 1023px) {
  .museum-post-section .top-post-box {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .museum-post-section .museum-top-link {
    margin-inline: auto;
  }
}
.museum-post-section .top-post-list {
  margin-bottom: 40px;
}
.museum-post-section .top-post-list li:not(:last-child) {
  margin-bottom: 30px;
}
.museum-post-section .top-post-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  color: rgb(24, 24, 24);
}
.museum-post-section .top-post-list a .image-box {
  width: 40%;
}
.museum-post-section .top-post-list a .image-box img {
  aspect-ratio: 178/127;
  -o-object-fit: cover;
     object-fit: cover;
}
.museum-post-section .top-post-list a .text-box {
  width: calc(60% - 20px);
}
.museum-post-section .top-post-list a .time-wrapper {
  margin-bottom: 5px;
}
.museum-post-section .top-post-list a .time {
  color: rgb(127, 127, 127);
  font-size: 0.9rem;
  margin-right: 5px;
}
.museum-post-section .top-post-list .title {
  font-family: "Noto Sans JP", serif;
}
.museum-post-section .top-post-list .title span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.museum-category {
  font-size: 0.9rem;
  display: inline-block;
  font-size: 0.9rem;
  color: rgb(255, 255, 255);
  padding: 2px 20px;
  border-radius: 50px;
}
.museum-category.yellow {
  background-color: rgb(216, 183, 80);
}
.museum-category.brown {
  background-color: rgb(164, 102, 48);
}

.museum-license-section {
  position: relative;
}
.museum-license-section::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background-image: url("../../images/museum/about-top-bg.png");
}
.museum-license-section .contents-wrapper {
  position: relative;
  z-index: 2;
}
.museum-license-section .license-top-link {
  display: block;
  width: 90%;
  margin: auto;
  max-width: 924px;
}
@media (max-width: 767px) {
  .museum-license-section .license-top-link {
    width: 100%;
  }
}

.museum-access-section {
  padding-top: 0;
}
.museum-access-section .access-wrapper {
  width: 90%;
  margin: auto;
}
@media (max-width: 1023px) {
  .museum-access-section .access-wrapper {
    width: 100%;
  }
}
.museum-access-section .access-wrapper .google-map {
  margin-bottom: 30px;
  height: 300px;
}
.museum-access-section .access-wrapper .text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px 100px;
}
@media (max-width: 1023px) {
  .museum-access-section .access-wrapper .text-box {
    gap: 20px;
  }
}
@media (max-width: 1023px) {
  .museum-access-section .access-wrapper .address {
    width: calc(50% - 20px);
  }
}
@media (max-width: 767px) {
  .museum-access-section .access-wrapper .address {
    width: 100%;
  }
}
.museum-access-section .access-wrapper .address span {
  font-size: 1.4rem;
}
@media (max-width: 1023px) {
  .museum-access-section .access-wrapper .museum-top-link {
    width: calc(50% - 20px);
  }
}
@media (max-width: 767px) {
  .museum-access-section .access-wrapper .museum-top-link {
    width: 100%;
  }
}

.museum-access-train {
  width: 100%;
}
.museum-access-train .title {
  margin-bottom: 30px;
  font-size: 1.4rem;
  font-weight: 500;
  color: rgb(17, 50, 96);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.museum-access-train .title::after {
  content: "";
  display: block;
  height: 1px;
  background-color: rgb(17, 50, 96);
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
.museum-access-train .icon {
  margin-bottom: 5px;
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.museum-access-train .icon::before {
  content: "";
  display: inline-block;
  width: 24px;
  aspect-ratio: 1/1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.museum-access-train .icon span {
  width: calc(100% - 24px - 10px);
  font-weight: 500;
  color: rgb(17, 50, 96);
}
.museum-access-train .icon.train::before {
  background-image: url("../../images/train.svg");
}
.museum-access-train .icon.car::before {
  background-image: url("../../images/car.svg");
}
.museum-access-train .icon + p {
  font-family: "Noto Sans JP", serif;
}
.museum-access-train .access-detaile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 15px 30px;
}
@media (max-width: 1023px) {
  .museum-access-train .access-detaile .train-box {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 767px) {
  .museum-access-train .access-detaile .train-box {
    width: 100%;
  }
}
.museum-access-train .access-detaile .train-box:nth-child(odd) {
  width: 40%;
}
@media (max-width: 1023px) {
  .museum-access-train .access-detaile .train-box:nth-child(odd) {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 767px) {
  .museum-access-train .access-detaile .train-box:nth-child(odd) {
    width: 100%;
  }
}

.museum-mv-section {
  overflow: hidden;
  position: relative;
  padding-bottom: 170px;
  padding-top: 0;
  background-image: url("../../images/museum/about-top-bg.png");
}
@media (max-width: 767px) {
  .museum-mv-section {
    padding-bottom: 100px;
  }
}
.museum-mv-section.history {
  background-image: none;
}
.museum-mv-section .mv-image {
  position: relative;
  z-index: 2;
  width: 80%;
  margin-right: 0;
}
@media (max-width: 1023px) {
  .museum-mv-section .mv-image {
    width: 90%;
    -o-object-fit: cover;
       object-fit: cover;
    height: 400px;
  }
}
@media (max-width: 767px) {
  .museum-mv-section .mv-image {
    height: 245px;
  }
}
.museum-mv-section .mv-deco {
  position: absolute;
  z-index: 3;
}
.museum-mv-section .mv-deco.left {
  top: 130px;
  left: -80px;
  width: 50%;
  max-width: 628px;
}
.museum-mv-section .mv-deco.right {
  bottom: 200px;
  right: -100px;
  width: 25%;
  max-width: 435px;
}
.museum-mv-section .mv-title {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 75%;
  width: 80%;
  background-image: url("../../images/museum/mv-title-bg.jpg");
  max-width: 782px;
  padding-block: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  flex-direction: column;
  padding-left: calc((100vw - 1120px) / 2);
}
@media (min-width: 1500px) {
  .museum-mv-section .mv-title {
    max-width: 100%;
  }
}
@media (max-width: 1220px) {
  .museum-mv-section .mv-title {
    padding-left: 50px;
  }
}
@media (max-width: 767px) {
  .museum-mv-section .mv-title {
    padding-left: 20px;
    width: 95%;
    padding-bottom: 20px;
  }
}
.museum-mv-section .mv-title .mv-title-deco {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40%;
  max-width: 315px;
}
.museum-mv-section .mv-title span {
  position: relative;
  z-index: 2;
}
.museum-mv-section .mv-title .en {
  display: block;
  font-size: 1.6rem;
  font-weight: 600;
  color: rgb(242, 213, 123);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Ysabeau Infant", serif;
}
@media (max-width: 767px) {
  .museum-mv-section .mv-title .en {
    font-size: 1.3rem;
  }
}
.museum-mv-section .mv-title .ja {
  color: rgb(255, 255, 255);
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 2px;
}
@media (max-width: 767px) {
  .museum-mv-section .mv-title .ja {
    font-size: 1.5rem;
    letter-spacing: 1px;
  }
}

.museum-bg {
  background-image: url("../../images/museum/about-top-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.museum-archive-select-wrap {
  margin-bottom: 50px;
  width: 200px;
  margin-left: auto;
}
.museum-archive-select-wrap::after {
  background-color: rgb(13, 32, 58);
}

.museum-page-news .museum-news {
  width: 90%;
  max-width: 925px;
}
@media (max-width: 1023px) {
  .museum-page-news .museum-news {
    width: 100%;
  }
}
.museum-page-news .top-news-item {
  display: block;
  padding: 20px 0;
  border-bottom: 1px solid rgb(13, 32, 58);
}
.museum-page-news .news-title {
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  .museum-page-news .news-title {
    font-size: 1.1rem;
  }
}

.museum-pagenavi span.current {
  color: rgb(255, 255, 255);
  width: 30px;
  height: auto;
  aspect-ratio: 1/1;
  line-height: 30px;
  background-color: rgb(242, 213, 123);
  border-radius: 50%;
  text-align: center;
}

.museum-news.single-news {
  margin: auto;
}
.museum-news.single-news .single-title-wrapper {
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(13, 32, 58);
}
@media (max-width: 767px) {
  .museum-news.single-news .single-title-wrapper {
    margin-bottom: 30px;
  }
}
.museum-news.single-news .image-box {
  margin-bottom: 30px;
}
.museum-news.single-news .news-title {
  font-family: "Zen Kaku Gothic New", serif;
}
.museum-news.single-news .main-contents {
  font-family: "Noto Sans JP", serif;
  width: 90%;
  margin: auto;
}
@media (max-width: 1023px) {
  .museum-news.single-news .main-contents {
    width: 95%;
  }
}
@media (max-width: 767px) {
  .museum-news.single-news .main-contents {
    width: 100%;
  }
}

.single-page-link a {
  color: rgb(24, 24, 24);
}
.single-page-link .single-page-prev a::before,
.single-page-link .single-page-next a::after {
  content: ">";
  display: inline-block;
  vertical-align: middle;
}
.single-page-link .single-page-prev a::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-right: 10px;
}
.single-page-link .single-page-next a::after {
  margin-left: 10px;
}

.single-page-link {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media (max-width: 767px) {
  .single-page-link {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.single-page-link .single-pagination {
  width: calc((100% - 60px) / 3);
}
@media (max-width: 767px) {
  .single-page-link .single-pagination {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 767px) {
  .single-page-link .single-pagination.list {
    width: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.single-page-link .single-page-next {
  text-align: right;
}
.single-page-link .single-page-next span {
  display: inline-block;
  vertical-align: middle;
}

.museum-page-column .column-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 30px;
}
.museum-page-column .column-list li {
  width: calc((100% - 60px) / 3);
}
@media (max-width: 1023px) {
  .museum-page-column .column-list li {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 767px) {
  .museum-page-column .column-list li {
    width: 100%;
  }
}
.museum-page-column .column-list a {
  display: block;
  height: 100%;
  background-color: rgb(255, 255, 255);
  padding: 30px 20px;
  color: rgb(24, 24, 24);
}
.museum-page-column .column-list .image-box {
  margin-bottom: 20px;
}
.museum-page-column .column-list .image-box img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/10;
}
.museum-page-column .column-list .time {
  color: rgb(127, 127, 127);
  font-size: 0.9rem;
}
.museum-page-column .column-list .title {
  margin-top: 10px;
}
.museum-page-column .column-list .title span {
  font-family: "Noto Sans JP", serif;
}
.museum-page-column .column-list .title span span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.museum-page-rental {
  padding: 200px 0;
  text-align: center;
  font-weight: 500;
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  .museum-page-rental {
    padding: 100px 0;
    font-size: 1.2rem;
  }
}
.museum-page-rental img {
  max-width: 239px;
}
.museum-page-rental .coming-soon-title {
  margin-bottom: 20px;
  font-size: 2rem;
  font-weight: 500;
  color: rgb(210, 97, 0);
}

.museum-page-event .event-tags-wrapper {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
}
@media (max-width: 767px) {
  .museum-page-event .event-tags-wrapper {
    gap: 10px;
  }
}
.museum-page-event .event-tags-wrapper a {
  display: inline-block;
  width: 200px;
  padding: 10px;
  font-weight: 500;
  border: 1px solid;
  border-radius: 30px;
  background-color: rgb(255, 255, 255);
  text-align: center;
}
@media (max-width: 767px) {
  .museum-page-event .event-tags-wrapper a {
    width: calc((100% - 10px) / 2);
  }
}
.museum-page-event .event-tags-wrapper a.all {
  border-color: rgb(242, 213, 123);
  color: rgb(242, 213, 123);
}
.museum-page-event .event-tags-wrapper a.all:hover, .museum-page-event .event-tags-wrapper a.all.current {
  background-color: rgb(242, 213, 123);
  color: rgb(255, 255, 255);
}
.museum-page-event .event-tags-wrapper a.open {
  border-color: rgb(17, 50, 96);
  color: rgb(17, 50, 96);
}
.museum-page-event .event-tags-wrapper a.open:hover, .museum-page-event .event-tags-wrapper a.open.current {
  background-color: rgb(17, 50, 96);
  color: rgb(255, 255, 255);
}
.museum-page-event .event-tags-wrapper a.application {
  border-color: rgb(216, 183, 80);
  color: rgb(216, 183, 80);
}
.museum-page-event .event-tags-wrapper a.application:hover, .museum-page-event .event-tags-wrapper a.application.current {
  background-color: rgb(216, 183, 80);
  color: rgb(255, 255, 255);
}
.museum-page-event .event-tags-wrapper a.end {
  display: none;
}
.museum-page-event .museum-event-list.page li {
  width: 100%;
}
.museum-page-event .museum-event-list.page a {
  border-radius: 25px;
  background-color: rgb(255, 255, 255);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
  padding: 35px 50px;
  color: rgb(24, 24, 24);
}
@media (max-width: 1023px) {
  .museum-page-event .museum-event-list.page a {
    gap: 20px;
    padding: 30px;
  }
}
.museum-page-event .museum-event-list.page .image-box {
  width: 300px;
}
@media (max-width: 1023px) {
  .museum-page-event .museum-event-list.page .image-box {
    width: 240px;
  }
}
@media (max-width: 767px) {
  .museum-page-event .museum-event-list.page .image-box {
    width: 100%;
  }
}
.museum-page-event .museum-event-list.page .text-box {
  font-weight: 500;
  width: calc(100% - 300px - 50px);
}
@media (max-width: 1023px) {
  .museum-page-event .museum-event-list.page .text-box {
    width: calc(100% - 240px - 20px);
  }
}
@media (max-width: 767px) {
  .museum-page-event .museum-event-list.page .text-box {
    width: 100%;
  }
}
.museum-page-event .museum-event-list.page .museum-event-category {
  color: rgb(13, 32, 58);
}
.museum-page-event .museum-event-list.page .title {
  font-size: 1.4rem;
  font-family: "Noto Sans JP", serif;
}
.museum-page-event .museum-event-list.page .title span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.museum-page-event .end-event-wrapper {
  margin-top: 100px;
}
.museum-page-event .end-event-title {
  margin-bottom: 50px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  padding: 5px;
  text-align: center;
  font-size: 1.6rem;
  background-color: rgb(13, 32, 58);
}
.museum-page-event .museum-event-list.end {
  margin-bottom: 50px;
}
.museum-page-event .museum-event-list.end a {
  padding: 20px 10px;
  border-radius: 25px;
  background-color: rgb(255, 255, 255);
  color: rgb(24, 24, 24);
}
.museum-page-event .museum-pagenavi {
  margin-bottom: 50px;
}

.museum-event-wrapper {
  max-width: 925px;
  margin: auto;
}
.museum-event-wrapper .event-tags-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .museum-event-wrapper .event-tags-wrapper {
    margin-bottom: 20px;
  }
}
.museum-event-wrapper .museum-event-category {
  color: rgb(13, 32, 58);
  font-weight: 500;
}
.museum-event-wrapper .museum-situation-tag {
  width: 273px;
  aspect-ratio: 273/48;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 1.4rem;
  background-size: contain;
  background-color: transparent;
}
@media (max-width: 767px) {
  .museum-event-wrapper .museum-situation-tag {
    width: 160px;
    font-size: 1rem;
  }
}
.museum-event-wrapper .museum-situation-tag.application {
  background-image: url("../../images/museum/application-bg.png");
}
.museum-event-wrapper .museum-situation-tag.open {
  background-image: url("../../images/museum/open-bg.png");
}
.museum-event-wrapper .museum-situation-tag.end {
  background-image: url("../../images/museum/end-bg.png");
}
.museum-event-wrapper .image-box {
  margin-bottom: 50px;
}
.museum-event-wrapper .title-wrapper {
  padding-bottom: 10px;
  margin-bottom: 40px;
  border-bottom: 1px solid rgb(13, 32, 58);
}
.museum-event-wrapper .openday {
  display: block;
  margin-bottom: 15px;
  font-weight: 500;
}
.museum-event-wrapper .title {
  font-weight: 500;
  font-size: 1.4rem;
}
.museum-event-wrapper .main-contents {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .museum-event-wrapper .main-contents {
    margin-bottom: 40px;
  }
}
.museum-event-wrapper .event-table {
  margin-top: 40px;
}
.museum-event-wrapper .event-table th {
  width: 200px;
  padding: 15px;
  color: rgb(255, 255, 255);
  font-weight: 500;
  font-size: 1.1rem;
  background-color: rgb(17, 50, 96);
  border-right: 1px solid rgb(255, 255, 255);
}
@media (max-width: 767px) {
  .museum-event-wrapper .event-table th {
    display: block;
    width: 100%;
    padding: 10px;
  }
}
.museum-event-wrapper .event-table td {
  padding: 15px 30px;
  background-color: rgb(240, 231, 226);
  font-family: "Noto Sans JP", serif;
}
@media (max-width: 767px) {
  .museum-event-wrapper .event-table td {
    display: block;
    width: 100%;
    padding: 15px;
  }
}
.museum-event-wrapper .event-table tr:not(:last-child) th, .museum-event-wrapper .event-table tr:not(:last-child) td {
  border-bottom: 1px solid rgb(255, 255, 255);
}
.museum-event-wrapper .museum-yellow-btn {
  margin: 35px auto 0;
  color: rgb(13, 32, 58);
  font-size: 1rem;
}

.museum-page-recipe .museum-recipe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 70px 30px;
}
@media (max-width: 1023px) {
  .museum-page-recipe .museum-recipe {
    gap: 50px 30px;
  }
}
@media (max-width: 767px) {
  .museum-page-recipe .museum-recipe {
    gap: 30px;
  }
}
.museum-page-recipe .museum-recipe li {
  width: calc((100% - 60px) / 3);
}
@media (max-width: 1023px) {
  .museum-page-recipe .museum-recipe li {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 767px) {
  .museum-page-recipe .museum-recipe li {
    width: 100%;
  }
}
.museum-page-recipe .museum-recipe a {
  display: block;
  height: 100%;
  padding: 30px 20px;
  border-radius: 25px;
  background-color: rgb(255, 255, 255);
  color: rgb(24, 24, 24);
}
.museum-page-recipe .museum-recipe .image-box {
  margin-bottom: 10px;
}
.museum-page-recipe .museum-recipe img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.museum-page-recipe .museum-recipe .title {
  font-family: "Noto Sans JP", serif;
}
.museum-page-recipe .museum-recipe .title span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.museum-page-recipe .single-title {
  padding-bottom: 5px;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 1.4rem;
  border-bottom: 1px solid rgb(13, 32, 58);
}
.museum-page-recipe .recipe-comment {
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 1.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
}
.museum-page-recipe .recipe-comment::before {
  content: "";
  display: block;
  width: 27px;
  aspect-ratio: 1/1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/museum/recipe-icon.svg");
}
.museum-page-recipe .recipe-comment div {
  width: calc(100% - 27px - 10px);
}
.museum-page-recipe .single-image {
  width: 50%;
  margin: 0 auto 50px;
}
@media (max-width: 1023px) {
  .museum-page-recipe .single-image {
    width: 100%;
  }
}
.museum-page-recipe .single-recipe-box {
  counter-reset: number 0;
}
.museum-page-recipe .single-recipe-box:not(:last-child) {
  margin-bottom: 50px;
}
.museum-page-recipe .item-wrapper {
  width: 80%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  font-family: "Noto Sans JP", serif;
}
@media (max-width: 1023px) {
  .museum-page-recipe .item-wrapper {
    width: 100%;
  }
}
.museum-page-recipe .border {
  padding: 15px 0;
  border-bottom: 1px solid rgb(232, 232, 232);
}
.museum-page-recipe .recipe-item-wrapper {
  width: 80%;
  margin: auto;
  counter-increment: number 1;
}
@media (max-width: 1023px) {
  .museum-page-recipe .recipe-item-wrapper {
    width: 100%;
  }
}
.museum-page-recipe .recipe-item-wrapper::before {
  display: block;
  margin-bottom: 10px;
  font-size: 1.1rem;
  font-weight: 500;
  content: "★" counter(number, upper-alpha);
}
.museum-page-recipe .recipe-item-wrapper .item-wrapper {
  width: 100%;
  padding-left: 15px;
}
.museum-page-recipe .recipe-item-wrapper .item-wrapper:not(:last-child) {
  margin-bottom: 5px;
}
.museum-page-recipe .recipe-flow-box {
  counter-increment: number 1;
  width: 80%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
}
@media (max-width: 1023px) {
  .museum-page-recipe .recipe-flow-box {
    width: 100%;
  }
}
.museum-page-recipe .recipe-flow-box::before {
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: block;
  width: 30px;
  aspect-ratio: 1/1;
  background-color: rgb(216, 183, 80);
  color: rgb(255, 255, 255);
  text-align: center;
  line-height: 30px;
  font-size: 1.1rem;
  font-weight: 500;
  content: counter(number);
}
.museum-page-recipe .recipe-flow-box .contents {
  font-family: "Noto Sans JP", serif;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: calc(100% - 30px - 10px);
}

.museum-recipe-title {
  margin-bottom: 20px;
  padding: 5px;
  font-weight: 500;
  font-size: 1.4rem;
  text-align: center;
  color: rgb(255, 255, 255);
  background-color: rgb(210, 97, 0);
}

.museum-page-license {
  overflow: hidden;
}
.museum-page-license .license-first-section {
  padding: 150px 0;
  text-align: center;
}
@media (max-width: 767px) {
  .museum-page-license .license-first-section {
    padding: 100px 0;
  }
}
.museum-page-license .license-first-section .big {
  position: relative;
}
.museum-page-license .license-first-section .big .contents-wrapper {
  position: relative;
  z-index: 2;
}
.museum-page-license .license-first-section .blue {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  max-width: 360px;
}
@media (max-width: 767px) {
  .museum-page-license .license-first-section .blue {
    top: -70px;
    width: 60%;
  }
}
.museum-page-license .license-first-section .yellow {
  position: absolute;
  bottom: -150px;
  right: -50px;
  width: 45%;
  max-width: 580px;
}
@media (max-width: 767px) {
  .museum-page-license .license-first-section .yellow {
    bottom: -100px;
    width: 90%;
    right: -80px;
  }
}
.museum-page-license .license-first-section .first-title {
  margin-bottom: 90px;
  color: rgb(13, 32, 58);
  font-weight: 500;
  font-size: 2.4rem;
}
@media (max-width: 767px) {
  .museum-page-license .license-first-section .first-title {
    font-size: 1.6rem;
    margin-bottom: 40px;
  }
}
.museum-page-license .license-first-section .text-box {
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 36px;
  font-family: "Zen Old Mincho", serif;
}
@media (max-width: 767px) {
  .museum-page-license .license-first-section .text-box {
    font-size: 1rem;
    line-height: 30px;
  }
}
.museum-page-license .license-first-section .text-box p:not(:last-child) {
  margin-bottom: 20px;
}
.museum-page-license .charm-section .charm-title {
  position: relative;
  z-index: 2;
  font-weight: 500;
  font-size: 2.4rem;
  color: rgb(13, 32, 58);
}
@media (max-width: 1023px) {
  .museum-page-license .charm-section .charm-title {
    margin-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .museum-page-license .charm-section .charm-title {
    font-size: 1.8rem;
  }
}
.museum-page-license .charm-section .charm-title::after {
  position: absolute;
  z-index: -1;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 60%;
  content: "";
  display: block;
  width: 100%;
  background-color: rgb(240, 231, 226);
  height: 280px;
}
@media (max-width: 1023px) {
  .museum-page-license .charm-section .charm-title::after {
    right: 35%;
  }
}
@media (max-width: 767px) {
  .museum-page-license .charm-section .charm-title::after {
    right: 10%;
    height: 150px;
  }
}
.museum-page-license .charm-section .charm-wrapper {
  position: relative;
  z-index: 2;
  gap: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.museum-page-license .charm-section .image-box {
  width: 35%;
}
@media (max-width: 1023px) {
  .museum-page-license .charm-section .image-box {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
.museum-page-license .charm-section .text-box {
  width: calc(65% - 30px);
}
@media (max-width: 1023px) {
  .museum-page-license .charm-section .text-box {
    width: 100%;
  }
}
.museum-page-license .charm-section .text-box .title {
  margin-bottom: 30px;
  font-size: 1.4rem;
  font-weight: 500;
  color: rgb(13, 32, 58);
}
@media (max-width: 767px) {
  .museum-page-license .charm-section .text-box .title {
    margin-bottom: 20px;
  }
}
.museum-page-license .charm-section .text-box p {
  font-family: "Noto Sans JP", serif;
}
.museum-page-license .charm-section .text-box p:not(:last-child) {
  margin-bottom: 15px;
}
.museum-page-license .license-detail-section .big {
  position: relative;
}
.museum-page-license .license-detail-section .big .contents-wrapper {
  position: relative;
  z-index: 2;
}
.museum-page-license .license-detail-section .license-detail-deco {
  position: absolute;
  top: 150px;
  right: -140px;
  width: 50%;
  max-width: 467px;
}
@media (max-width: 767px) {
  .museum-page-license .license-detail-section .license-detail-deco {
    width: 70%;
    top: 180px;
    right: -50px;
  }
}
.museum-page-license .license-detail-section .license-detail-title {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 2.4rem;
  font-weight: 500;
  color: rgb(13, 32, 58);
  padding: 10px 100px;
  border-top: 3px solid rgba(216, 183, 80, 0.6);
  border-bottom: 3px solid rgba(216, 183, 80, 0.6);
  margin: 0 auto 100px;
}
@media (max-width: 767px) {
  .museum-page-license .license-detail-section .license-detail-title {
    margin-bottom: 50px;
    padding: 10px 50px;
    font-size: 1.5rem;
  }
}
.museum-page-license .license-detail-section .license-detail-title::before, .museum-page-license .license-detail-section .license-detail-title::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: block;
  width: 3px;
  height: calc(100% + 20px);
  background-color: rgba(216, 183, 80, 0.6);
}
.museum-page-license .license-detail-section .license-detail-title::before {
  left: 5px;
}
.museum-page-license .license-detail-section .license-detail-title::after {
  right: 5px;
}
.museum-page-license .license-detail-section .first-text {
  margin-bottom: 80px;
  font-size: 1.4rem;
  line-height: 40px;
  font-weight: 500;
  color: rgb(13, 32, 58);
  text-align: center;
}
@media (max-width: 767px) {
  .museum-page-license .license-detail-section .first-text {
    font-size: 1.2rem;
    line-height: 35px;
  }
}
.museum-page-license .license-detail-section .license-detail-main-contents {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .museum-page-license .license-detail-section .license-detail-main-contents {
    margin-bottom: 50px;
  }
}
.museum-page-license .license-detail-section .license-detail-inner-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 60px;
}
@media (max-width: 1100px) {
  .museum-page-license .license-detail-section .license-detail-inner-box {
    gap: 30px;
  }
}
@media (max-width: 1023px) {
  .museum-page-license .license-detail-section .license-detail-inner-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.museum-page-license .license-detail-section .license-detail-inner-box .license-detail-deco2 {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(-30%, 70%);
          transform: translate(-30%, 70%);
  width: 50%;
  max-width: 400px;
}
@media (max-width: 1023px) {
  .museum-page-license .license-detail-section .license-detail-inner-box .license-detail-deco2 {
    -webkit-transform: translate(-30%, 100%);
            transform: translate(-30%, 100%);
  }
}
@media (max-width: 767px) {
  .museum-page-license .license-detail-section .license-detail-inner-box .license-detail-deco2 {
    display: none;
  }
}
.museum-page-license .license-detail-section .license-detail-inner-box:not(:last-child) {
  margin-bottom: 250px;
}
@media (max-width: 767px) {
  .museum-page-license .license-detail-section .license-detail-inner-box:not(:last-child) {
    margin-bottom: 50px;
  }
}
.museum-page-license .license-detail-section .license-detail-inner-box .image-box {
  width: 40%;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  max-width: 600px;
}
@media (max-width: 1023px) {
  .museum-page-license .license-detail-section .license-detail-inner-box .image-box {
    width: 60%;
  }
}
.museum-page-license .license-detail-section .license-detail-inner-box .text-box {
  width: 60%;
}
@media (max-width: 1023px) {
  .museum-page-license .license-detail-section .license-detail-inner-box .text-box {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .museum-page-license .license-detail-section .license-detail-inner-box .text-box {
    width: 100%;
  }
}
.museum-page-license .license-detail-section .license-detail-inner-box .text-box p {
  font-family: "Noto Sans JP", serif;
}
@media (max-width: 767px) {
  .museum-page-license .license-detail-section .license-detail-inner-box .text-box p {
    font-size: 0.9rem;
  }
}
.museum-page-license .license-detail-section .license-detail-inner-box .text-box p:not(:last-child) {
  margin-bottom: 15px;
}
.museum-page-license .license-detail-section .license-detail-inner-box .title {
  margin-bottom: 30px;
  color: rgb(13, 32, 58);
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 40px;
}
@media (max-width: 767px) {
  .museum-page-license .license-detail-section .license-detail-inner-box .title {
    margin-bottom: 20px;
    line-height: 30px;
    font-size: 1.1rem;
  }
}
.museum-page-license .license-detail-section .license-detail-inner-box:nth-child(odd) .image-box {
  margin-left: calc(50% - 50vw);
}
.museum-page-license .license-detail-section .license-detail-inner-box:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.museum-page-license .license-detail-section .license-detail-inner-box:nth-child(even) .image-box {
  margin-right: calc(50% - 50vw);
}
.museum-page-license .license-detail-accordion {
  width: 90%;
  max-width: 925px;
  margin: 0 auto 100px;
}
@media (max-width: 1023px) {
  .museum-page-license .license-detail-accordion {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .museum-page-license .license-detail-accordion {
    margin-bottom: 50px;
  }
}
.museum-page-license .accordion-wrapper .trigger {
  background-color: rgb(240, 231, 226);
}
.museum-page-license .accordion-wrapper .trigger::before {
  background-image: url("../../images/museum/check-icon.svg");
}
.museum-page-license .accordion-wrapper .trigger .plus::before, .museum-page-license .accordion-wrapper .trigger .plus::after {
  background-color: rgb(13, 32, 58);
}
.museum-page-license .license-detail-link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}
.museum-page-license .license-detail-link-wrapper .detail-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px;
  width: calc((100% - 30px) / 2);
  max-width: 490px;
  aspect-ratio: 490/230;
  font-weight: 500;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media (max-width: 1023px) {
  .museum-page-license .license-detail-link-wrapper .detail-link {
    width: 70%;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .museum-page-license .license-detail-link-wrapper .detail-link {
    width: 100%;
  }
}
.museum-page-license .license-detail-link-wrapper .detail-link:hover {
  opacity: 0.7;
}
.museum-page-license .license-detail-link-wrapper .detail-link .small {
  display: block;
  width: 100%;
  font-size: 1.4rem;
}
.museum-page-license .license-detail-link-wrapper .detail-link .big {
  display: block;
  letter-spacing: 2px;
  font-size: 2rem;
  text-transform: uppercase;
}
.museum-page-license .license-detail-link-wrapper .detail-link.yellow {
  background-image: url("../../images/museum/license-link1.jpg");
  color: rgb(13, 32, 58);
  text-align: center;
}
.museum-page-license .license-detail-link-wrapper .detail-link.blue {
  background-color: rgb(17, 50, 96);
  background-image: url("../../images/museum/license-link2.png");
  color: rgb(255, 255, 255);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.museum-page-faq .page-faq-wrapper {
  width: 90%;
  margin: auto;
}
@media (max-width: 1023px) {
  .museum-page-faq .page-faq-wrapper {
    width: 100%;
  }
}
.museum-page-faq .page-faq-wrapper:not(:last-child) {
  margin-bottom: 80px;
}
.museum-page-faq .museum-recipe-title {
  background-color: rgb(17, 50, 96);
}
.museum-page-faq .faq-title {
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 1.4rem;
  color: rgb(17, 50, 96);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
}
@media (max-width: 767px) {
  .museum-page-faq .faq-title {
    font-size: 1.2rem;
  }
}
.museum-page-faq .faq-title::before {
  -ms-flex-item-align: start;
      align-self: flex-start;
  content: "";
  display: block;
  width: 30px;
  aspect-ratio: 1/1;
  background-color: rgb(216, 183, 80);
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.museum-page-faq .faq-title span {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: calc(100% - 30px - 10px);
}
.museum-page-faq .accordion-wrapper {
  background-color: rgb(255, 255, 255);
}
.museum-page-faq .accordion-wrapper .inner-box {
  padding-top: 0px;
}
.museum-page-faq .accordion-wrapper .inner-box::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 0 auto 25px;
  border: 1px dashed rgb(232, 232, 232);
}
.museum-page-faq .trigger {
  color: rgb(17, 50, 96);
}
.museum-page-faq .trigger::before {
  background-image: url("../../images/museum/q-icon.svg");
}
.museum-page-faq .trigger .chevron {
  border-color: rgb(13, 32, 58);
}
.museum-page-faq .content::before {
  background-image: url("../../images/museum/a-icon.svg");
}

.museum-page-access .access-map-section {
  padding-bottom: 200px;
}
@media (max-width: 767px) {
  .museum-page-access .access-map-section {
    padding-bottom: 150px;
  }
}
.museum-page-access .museum-map {
  max-width: 500px;
  margin-bottom: 50px;
}
.museum-page-access .page-access-wrapper {
  width: 80%;
  margin: auto;
}
@media (max-width: 1023px) {
  .museum-page-access .page-access-wrapper {
    width: 100%;
  }
}
.museum-page-access .page-access-wrapper .small-tell {
  display: block;
  margin-left: 30px;
  font-size: 1rem;
}
.museum-page-access .google-map {
  margin-bottom: 20px;
  aspect-ratio: 16/8;
}
.museum-page-access .icon-text {
  font-weight: 500;
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  .museum-page-access .icon-text {
    font-size: 1.2rem;
  }
}
.museum-page-access .icon-text:not(:last-child) {
  margin-bottom: 5px;
}
.museum-page-access .icon-text::before {
  content: "";
  display: inline-block;
  width: 27px;
  aspect-ratio: 1/1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  vertical-align: middle;
}
.museum-page-access .icon-text span {
  vertical-align: middle;
}
.museum-page-access .icon-text.map::before {
  background-image: url("../../images/map.svg");
}
.museum-page-access .icon-text.tel::before {
  background-image: url("../../images/tel.svg");
}
.museum-page-access .museum-top-link {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .museum-page-access .museum-top-link {
    margin-top: 30px;
  }
}
.museum-page-access .museum-top-link::after {
  content: "";
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 18px;
  aspect-ratio: 1/1;
  background-size: contain;
  background-image: url("../../images/blank-icon.svg");
  vertical-align: middle;
  margin-left: 10px;
}
.museum-page-access .museum-top-link span {
  vertical-align: middle;
}
.museum-page-access .access-white {
  padding-top: 0;
  position: relative;
  background-color: rgb(255, 255, 255);
}
.museum-page-access .access-white .contents-wrapper {
  padding-top: 150px;
  position: relative;
}
@media (max-width: 767px) {
  .museum-page-access .access-white .contents-wrapper {
    padding-top: 100px;
  }
}
.museum-page-access .access-page-title {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 70px 0;
  width: 70%;
  max-width: 690px;
  background-color: rgb(240, 231, 226);
  color: rgb(13, 32, 58);
  font-weight: 500;
}
@media (max-width: 767px) {
  .museum-page-access .access-page-title {
    padding: 30px 0;
    width: 90%;
  }
}
.museum-page-access .access-page-title .small {
  display: block;
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  .museum-page-access .access-page-title .small {
    font-size: 1.2rem;
  }
}
.museum-page-access .access-page-title .big {
  font-size: 2.4rem;
}
@media (max-width: 767px) {
  .museum-page-access .access-page-title .big {
    font-size: 2rem;
  }
}
.museum-page-access .access-page-title img {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  max-width: 170px;
}
.museum-page-access .access-page-title::before {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  content: "";
  display: block;
  width: calc((100vw - 1120px) / 2);
  min-width: 50px;
  height: 100%;
  background-color: rgb(240, 231, 226);
}
.museum-page-access .parking-box {
  margin-top: 50px;
}
.museum-page-access .parking-box .title {
  margin-bottom: 5px;
  font-weight: 500;
  color: rgb(17, 50, 96);
}

.museum-page-softcream .softcream-first-section {
  padding-top: 200px;
  padding-bottom: 0;
  background: rgb(255, 255, 255);
  position: relative;
  aspect-ratio: 1440/850;
}
@media (max-width: 1023px) {
  .museum-page-softcream .softcream-first-section {
    padding-top: 60px;
    aspect-ratio: auto;
    height: 560px;
  }
}
@media (max-width: 767px) {
  .museum-page-softcream .softcream-first-section {
    height: 540px;
  }
}
.museum-page-softcream .softcream-first-section .contents-wrapper {
  position: relative;
  height: 100%;
}
.museum-page-softcream .softcream-first-section .bg-image {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 1920px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.museum-page-softcream .softcream-first-section .bg-deco {
  position: absolute;
  top: -100px;
  right: 30px;
  width: 20%;
  max-width: 260px;
}
@media (max-width: 1023px) {
  .museum-page-softcream .softcream-first-section .bg-deco {
    right: 10px;
    top: -40px;
  }
}
.museum-page-softcream .softcream-first-section .inner-deco {
  position: absolute;
  width: 40%;
  max-width: 247px;
  bottom: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  left: 0;
}
@media (max-width: 1023px) {
  .museum-page-softcream .softcream-first-section .inner-deco {
    width: 25%;
  }
}
.museum-page-softcream .softcream-first-section .softcream-first-title {
  font-weight: 600;
  color: rgb(17, 50, 96);
  font-family: "Zen Old Mincho", serif;
}
.museum-page-softcream .softcream-first-section .softcream-first-title .small {
  display: block;
  font-size: 1.1rem;
}
.museum-page-softcream .softcream-first-section .softcream-first-title .big {
  font-size: 2.4rem;
}
@media (max-width: 767px) {
  .museum-page-softcream .softcream-first-section .softcream-first-title .big {
    font-size: 1.7rem;
  }
}
.museum-page-softcream .softcream-recipe-section .contents-wrapper {
  position: relative;
}
.museum-page-softcream .softcream-recipe-section .secret-recipe-point-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: centeraaa;
      -ms-flex-align: centeraaa;
          align-items: centeraaa;
  gap: 20px;
}
@media (max-width: 1023px) {
  .museum-page-softcream .softcream-recipe-section .secret-recipe-point-wrapper {
    gap: 0;
  }
}
.museum-page-softcream .softcream-recipe-section .secret-recipe-point-box {
  position: relative;
  width: calc((100% - 100px - 40px) / 2);
  text-align: center;
}
@media (max-width: 1023px) {
  .museum-page-softcream .softcream-recipe-section .secret-recipe-point-box {
    width: calc((100% - 50px) / 2);
  }
}
@media (max-width: 767px) {
  .museum-page-softcream .softcream-recipe-section .secret-recipe-point-box {
    width: 100%;
  }
  .museum-page-softcream .softcream-recipe-section .secret-recipe-point-box:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .museum-page-softcream .softcream-recipe-section .secret-recipe-point-box .point-title {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.museum-page-softcream .softcream-recipe-section .secret-recipe-point-box .point-title .small {
  display: block;
  font-weight: 500;
  font-size: 1.1rem;
}
@media (max-width: 767px) {
  .museum-page-softcream .softcream-recipe-section .secret-recipe-point-box .point-title .small {
    font-size: 0.9rem;
  }
}
.museum-page-softcream .softcream-recipe-section .secret-recipe-point-box .point-title .big {
  font-family: "Zen Old Mincho", serif;
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 10px;
}
@media (max-width: 1023px) {
  .museum-page-softcream .softcream-recipe-section .secret-recipe-point-box .point-title .big {
    font-size: 2rem;
  }
}
.museum-page-softcream .softcream-recipe-section .secret-recipe-point-box .point-title .big.yellow {
  color: rgb(216, 183, 80);
}
@media (max-width: 1023px) {
  .museum-page-softcream .softcream-recipe-section .secret-recipe-point-box .point-title .big.yellow {
    padding-top: 26px;
    display: block;
  }
}
@media (max-width: 767px) {
  .museum-page-softcream .softcream-recipe-section .secret-recipe-point-box .point-title .big.yellow {
    padding-top: 0;
  }
}
.museum-page-softcream .softcream-recipe-section .secret-recipe-point-box .point-title .big.red {
  color: rgb(132, 12, 3);
}
.museum-page-softcream .softcream-recipe-section .secret-recipe-point-box .image-box {
  position: relative;
}
@media (max-width: 767px) {
  .museum-page-softcream .softcream-recipe-section .secret-recipe-point-box .image-box {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 60%;
    margin: auto;
  }
}
.museum-page-softcream .softcream-recipe-section .secret-recipe-point-box .image-box.right .deco {
  left: auto;
  right: 0;
}
.museum-page-softcream .softcream-recipe-section .secret-recipe-point-box .main {
  width: 90%;
}
.museum-page-softcream .softcream-recipe-section .secret-recipe-point-box .deco {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40%;
}
.museum-page-softcream .softcream-recipe-section .x {
  margin-top: 50px;
  width: 100px;
}
@media (max-width: 1023px) {
  .museum-page-softcream .softcream-recipe-section .x {
    width: 50px;
  }
}
@media (max-width: 767px) {
  .museum-page-softcream .softcream-recipe-section .x {
    margin: 0 auto 10px;
    width: 30px;
  }
}
.museum-page-softcream .softcream-recipe-section .after-text {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100px);
          transform: translate(-50%, 100px);
  width: 90%;
  text-align: left;
}
@media (max-width: 767px) {
  .museum-page-softcream .softcream-recipe-section .after-text {
    position: static;
    -webkit-transform: translate(0);
            transform: translate(0);
    width: 100%;
    margin-top: 5px;
  }
}
.museum-page-softcream .softcream-recipe-section .bg-softcream {
  max-width: 702px;
}
.museum-page-softcream .softcream-recipe-section .bg-softcream-deco {
  position: absolute;
  width: 60%;
  left: 0;
  bottom: 60px;
}
@media (max-width: 1023px) {
  .museum-page-softcream .softcream-recipe-section .bg-softcream-deco {
    width: 100%;
    left: -160px;
  }
}
@media (max-width: 767px) {
  .museum-page-softcream .softcream-recipe-section .bg-softcream-deco {
    width: 130%;
    bottom: 10px;
  }
}
.museum-page-softcream .softcream-recipe-section .softcream-message {
  position: relative;
  z-index: 2;
  margin-top: -200px;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .museum-page-softcream .softcream-recipe-section .softcream-message {
    font-size: 1rem;
  }
}
.museum-page-softcream .softcream-recipe-section .softcream-message .title {
  margin-bottom: 15px;
  font-size: 2.4rem;
  font-weight: 600;
  color: rgb(17, 50, 96);
  font-family: "Zen Old Mincho", serif;
}
@media (max-width: 767px) {
  .museum-page-softcream .softcream-recipe-section .softcream-message .title {
    font-size: 1.5rem;
  }
}
.museum-page-softcream .softcream-product-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}
.museum-page-softcream .softcream-product-wrapper .image-box {
  position: relative;
  width: calc(100% - 550px - 30px);
}
@media (max-width: 1023px) {
  .museum-page-softcream .softcream-product-wrapper .image-box {
    width: 80%;
    margin: auto;
  }
}
.museum-page-softcream .softcream-product-wrapper .image-box .main-image {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
}
@media (max-width: 1158px) {
  .museum-page-softcream .softcream-product-wrapper .image-box .main-image {
    height: 80%;
  }
}
.museum-page-softcream .softcream-product-wrapper .image-box .arrow {
  position: absolute;
}
@media (max-width: 1023px) {
  .museum-page-softcream .softcream-product-wrapper .image-box .arrow {
    display: none;
  }
}
.museum-page-softcream .softcream-product-wrapper .image-box .arrow.one {
  top: 20px;
  left: 60%;
  width: 75%;
}
@media (max-width: 1117px) {
  .museum-page-softcream .softcream-product-wrapper .image-box .arrow.one {
    left: 49%;
    width: 80%;
  }
}
.museum-page-softcream .softcream-product-wrapper .image-box .arrow.two {
  width: 66%;
  top: 225px;
  left: 70%;
}
.museum-page-softcream .softcream-product-wrapper .text-box {
  position: relative;
  z-index: 2;
  width: 550px;
  font-weight: 500;
  font-size: 0.9rem;
}
@media (max-width: 1023px) {
  .museum-page-softcream .softcream-product-wrapper .text-box {
    width: 80%;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .museum-page-softcream .softcream-product-wrapper .text-box {
    width: 100%;
  }
}
.museum-page-softcream .softcream-product-wrapper .title {
  font-weight: 500;
  margin-bottom: 10px;
  padding: 10px 30px;
  font-size: 1.1rem;
  border-radius: 15px;
  background-color: rgb(216, 183, 80);
  color: rgb(255, 255, 255);
}
.museum-page-softcream .softcream-product-wrapper .text-inner:not(:last-child) {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .museum-page-softcream .softcream-product-wrapper .text-inner:not(:last-child) {
    margin-bottom: 30px;
  }
}
.museum-page-softcream .softcream-product-wrapper .text-inner:last-child {
  margin-bottom: 55px;
}
@media (max-width: 767px) {
  .museum-page-softcream .softcream-product-wrapper .text-inner:last-child {
    margin-bottom: 40px;
  }
}
.museum-page-softcream .softcream-product-wrapper .price {
  text-align: right;
  color: rgb(210, 97, 0);
}
.museum-page-softcream .softcream-product-wrapper .price .en {
  font-family: "Zen Old Mincho", serif;
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
}
.museum-page-softcream .softcream-product-wrapper .price .number {
  font-family: "Aguafina Script", serif;
  font-size: 2.4rem;
}
.museum-page-softcream .softcream-product-wrapper .price .number .small {
  margin: 0 10px;
  font-size: 1.5rem;
}

.museum-page-kitchen .kitchen-first-section {
  height: 910px;
  padding: 150px 0;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-position: bottom;
  background-image: url("../../images/museum/kitchen-bg.png");
}
@media (max-width: 767px) {
  .museum-page-kitchen .kitchen-first-section {
    background-image: url("../../images/museum/kitchen-bg-sp.png");
    height: 720px;
    padding-top: 100px;
  }
}
.museum-page-kitchen .kitchen-first-section .contents-wrapper {
  position: relative;
  height: 100%;
}
.museum-page-kitchen .kitchen-first-section .contents-wrapper .deco {
  position: absolute;
}
.museum-page-kitchen .kitchen-first-section .contents-wrapper .one {
  top: -50px;
  left: 0;
  width: 30%;
  max-width: 137px;
}
.museum-page-kitchen .kitchen-first-section .contents-wrapper .two {
  width: 17%;
  right: 0;
  top: 10%;
}
@media (max-width: 767px) {
  .museum-page-kitchen .kitchen-first-section .contents-wrapper .two {
    width: 25%;
  }
}
.museum-page-kitchen .kitchen-first-section .contents-wrapper .three {
  width: 10%;
  left: 0;
  bottom: 16%;
}
@media (max-width: 767px) {
  .museum-page-kitchen .kitchen-first-section .contents-wrapper .three {
    width: 20%;
  }
}
.museum-page-kitchen .kitchen-first-section .contents-wrapper .four {
  width: 20%;
  right: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  .museum-page-kitchen .kitchen-first-section .contents-wrapper .four {
    width: 40%;
  }
}
.museum-page-kitchen .kitchen-first-section .inner-box {
  position: relative;
  z-index: 2;
}
.museum-page-kitchen .kitchen-first-section .side-dash-title {
  margin-bottom: 50px;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 500;
  color: rgb(17, 50, 96);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media (max-width: 767px) {
  .museum-page-kitchen .kitchen-first-section .side-dash-title {
    font-size: 1.8rem;
    margin-bottom: 30px;
  }
}
.museum-page-kitchen .kitchen-first-section .side-dash-title::before, .museum-page-kitchen .kitchen-first-section .side-dash-title::after {
  content: "";
  display: inline-block;
  width: 55px;
  height: 1px;
  border-top: 2px dashed rgb(17, 50, 96);
}
@media (max-width: 767px) {
  .museum-page-kitchen .kitchen-first-section .side-dash-title::before, .museum-page-kitchen .kitchen-first-section .side-dash-title::after {
    width: 30px;
  }
}
.museum-page-kitchen .kitchen-first-section .blue-text {
  font-weight: 500;
  font-size: 1.6rem;
  color: rgb(17, 50, 96);
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .museum-page-kitchen .kitchen-first-section .blue-text {
    margin-bottom: 20px;
  }
}
.museum-page-kitchen .kitchen-first-section .mincho-text {
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 36px;
}
@media (max-width: 767px) {
  .museum-page-kitchen .kitchen-first-section .mincho-text {
    font-size: 1rem;
    line-height: 30px;
  }
}
.museum-page-kitchen .kitchen-experience-section {
  padding-top: 0;
}
.museum-page-kitchen .kitchen-experience-section .experience-wrapper {
  max-width: 1000px;
  margin: auto;
}
.museum-page-kitchen .kitchen-experience-section .experience-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px 30px;
}
.museum-page-kitchen .kitchen-experience-section .experience-box:not(:last-child) {
  margin-bottom: 50px;
}
.museum-page-kitchen .kitchen-experience-section .experience-box .image-box,
.museum-page-kitchen .kitchen-experience-section .experience-box .text-box {
  width: calc((100% - 30px) / 2);
}
.museum-page-kitchen .kitchen-experience-section .experience-box .experience-title {
  font-weight: 500;
  font-size: 1.8rem;
  text-align: center;
}
@media (max-width: 767px) {
  .museum-page-kitchen .kitchen-experience-section .experience-box .experience-title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: auto;
    position: relative;
    z-index: 2;
  }
}
.museum-page-kitchen .kitchen-experience-section .experience-box .experience-title .small {
  font-size: 1.2rem;
}
.museum-page-kitchen .kitchen-experience-section .experience-box .experience-title::after {
  content: "";
  display: block;
  margin: -10px auto 30px;
  width: 300px;
  aspect-ratio: 300/75;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/museum/experience-title.svg");
}
@media (max-width: 1023px) {
  .museum-page-kitchen .kitchen-experience-section .experience-box .experience-title::after {
    width: 250px;
  }
}
@media (max-width: 767px) {
  .museum-page-kitchen .kitchen-experience-section .experience-box .experience-title::after {
    margin-bottom: -20px;
  }
}
.museum-page-kitchen .kitchen-experience-section .experience-box .image-box {
  max-width: 455px;
}
@media (max-width: 1023px) {
  .museum-page-kitchen .kitchen-experience-section .experience-box .image-box {
    width: 38%;
  }
}
@media (max-width: 767px) {
  .museum-page-kitchen .kitchen-experience-section .experience-box .image-box {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 1023px) {
  .museum-page-kitchen .kitchen-experience-section .experience-box .text-box {
    width: calc(62% - 30px);
  }
}
@media (max-width: 767px) {
  .museum-page-kitchen .kitchen-experience-section .experience-box .text-box {
    display: contents;
  }
}
@media (max-width: 767px) {
  .museum-page-kitchen .kitchen-experience-section .experience-box .text-box p {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.museum-page-kitchen .kitchen-try-section .kitchen-try-title {
  margin-bottom: 50px;
  font-size: 1.7rem;
  font-weight: 500;
  color: rgb(17, 50, 96);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (max-width: 1023px) {
  .museum-page-kitchen .kitchen-try-section .kitchen-try-title {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .museum-page-kitchen .kitchen-try-section .kitchen-try-title {
    font-size: 1.2rem;
  }
}
.museum-page-kitchen .kitchen-try-section .kitchen-try-title::before, .museum-page-kitchen .kitchen-try-section .kitchen-try-title::after {
  content: "";
  display: inline-block;
  width: 44px;
  aspect-ratio: 44/55;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media (max-width: 767px) {
  .museum-page-kitchen .kitchen-try-section .kitchen-try-title::before, .museum-page-kitchen .kitchen-try-section .kitchen-try-title::after {
    display: none;
  }
}
.museum-page-kitchen .kitchen-try-section .kitchen-try-title::before {
  background-image: url("../../images/museum/kitchen-try-left.svg");
}
.museum-page-kitchen .kitchen-try-section .kitchen-try-title::after {
  background-image: url("../../images/museum/kitchen-try-right.svg");
}
.museum-page-kitchen .kitchen-try-section .kitchen-try-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 55px;
}
@media (max-width: 1023px) {
  .museum-page-kitchen .kitchen-try-section .kitchen-try-wrapper {
    gap: 30px 20px;
  }
}
.museum-page-kitchen .kitchen-try-section .kitchen-try-box {
  width: calc((100% - 55px) / 2);
}
@media (max-width: 1023px) {
  .museum-page-kitchen .kitchen-try-section .kitchen-try-box {
    width: calc((100% - 20px) / 2);
    font-size: 0.9rem;
  }
}
@media (max-width: 767px) {
  .museum-page-kitchen .kitchen-try-section .kitchen-try-box {
    width: 100%;
  }
}
.museum-page-kitchen .kitchen-try-section .kitchen-try-box img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 15px;
}
.museum-page-kitchen .cooking-gallery-section .gallery-swiper-wrapper {
  position: relative;
  margin-bottom: 100px;
}
.museum-page-kitchen .cooking-gallery-section .gallery-swiper-wrapper .deco {
  position: absolute;
  z-index: 2;
}
.museum-page-kitchen .cooking-gallery-section .gallery-swiper-wrapper .deco.one {
  width: 100px;
  top: 0;
  right: 10%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 767px) {
  .museum-page-kitchen .cooking-gallery-section .gallery-swiper-wrapper .deco.one {
    display: none;
  }
}
.museum-page-kitchen .cooking-gallery-section .gallery-swiper-wrapper .deco.two {
  width: 19%;
  max-width: 250px;
  bottom: 0;
  left: -50px;
  -webkit-transform: translateY(70%);
          transform: translateY(70%);
}
@media (max-width: 767px) {
  .museum-page-kitchen .cooking-gallery-section .gallery-swiper-wrapper .deco.two {
    left: -20px;
    width: 26%;
  }
}
.museum-page-kitchen .cooking-gallery-section .gallery-swiper-wrapper .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.museum-page-kitchen .cooking-gallery-section .gallery-swiper-wrapper .swiper-wrapper img {
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}
.museum-page-kitchen .cooking-gallery-section .contents-wrapper {
  position: relative;
  z-index: 2;
}
.museum-page-kitchen .cooking-gallery-section .blue-title {
  margin-bottom: 30px;
  text-align: center;
  font-weight: 500;
  font-size: 1.8rem;
  color: rgb(17, 50, 96);
}
@media (max-width: 767px) {
  .museum-page-kitchen .cooking-gallery-section .blue-title {
    font-size: 1.5rem;
  }
}

.museum-page-shop .shop-first-section .contents-wrapper {
  position: relative;
}
@media (max-width: 767px) {
  .museum-page-shop .shop-first-section .contents-wrapper {
    width: 100%;
  }
}
.museum-page-shop .shop-first-section .shop-first-title {
  padding-left: 200px;
  margin-bottom: 65px;
  color: rgb(13, 32, 58);
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .museum-page-shop .shop-first-section .shop-first-title {
    font-size: 1.5rem;
    margin-bottom: 20px;
    padding-left: 165px;
  }
}
@media (max-width: 767px) {
  .museum-page-shop .shop-first-section .shop-first-title {
    padding: 0 20px;
    font-size: 1.1rem;
  }
}
.museum-page-shop .shop-first-section .shide-title {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px 50px;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  letter-spacing: 2px;
  color: rgb(255, 255, 255);
  font-size: 2.4rem;
  font-weight: 500;
  background-color: rgb(17, 50, 96);
}
@media (max-width: 1023px) {
  .museum-page-shop .shop-first-section .shide-title {
    padding: 20px 40px;
  }
}
@media (max-width: 767px) {
  .museum-page-shop .shop-first-section .shide-title {
    font-size: 1.5rem;
    top: 60px;
  }
}
.museum-page-shop .shop-first-section .image-box {
  padding: 50px 100px;
  max-width: 1300px;
  margin-left: 90px;
  margin-right: calc(50% - 50vw);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../../images/museum/shop-image.jpg");
  color: rgb(255, 255, 255);
  height: 540px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 1023px) {
  .museum-page-shop .shop-first-section .image-box {
    height: 390px;
    padding: 30px 50px;
  }
}
@media (max-width: 767px) {
  .museum-page-shop .shop-first-section .image-box {
    width: 100%;
    margin: 0;
    height: 420px;
    padding: 30px 20px;
  }
}
.museum-page-shop .shop-first-section .image-box p {
  width: 65%;
  min-width: 557px;
  font-size: 1.1rem;
  font-weight: 500;
  text-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1023px) {
  .museum-page-shop .shop-first-section .image-box p {
    min-width: auto;
    width: 100%;
    font-size: 1rem;
  }
}
.museum-page-shop .shop-recommended-section {
  position: relative;
}
.museum-page-shop .shop-recommended-section .bg-image {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 90%;
}
.museum-page-shop .shop-recommended-section .contents-wrapper {
  position: relative;
  z-index: 2;
}
.museum-page-shop .shop-recommended-section .first-text {
  margin-bottom: 70px;
  font-size: 1.1rem;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 767px) {
  .museum-page-shop .shop-recommended-section .first-text {
    font-size: 1rem;
  }
}
.museum-page-shop .shop-recommended-section .recommended-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.museum-page-shop .shop-recommended-section .recommended-box:not(:last-of-type) {
  margin-bottom: 100px;
}
.museum-page-shop .shop-recommended-section .recommended-box:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.museum-page-shop .shop-recommended-section .recommended-box:nth-of-type(even) .mirin-name {
  left: auto;
  right: 20px;
}
.museum-page-shop .shop-recommended-section .recommended-box .text-box {
  width: 50%;
}
@media (max-width: 1023px) {
  .museum-page-shop .shop-recommended-section .recommended-box .text-box {
    width: 65%;
  }
}
@media (max-width: 767px) {
  .museum-page-shop .shop-recommended-section .recommended-box .text-box {
    width: 100%;
  }
}
.museum-page-shop .shop-recommended-section .recommended-box .text-box p {
  line-height: 25px;
}
.museum-page-shop .shop-recommended-section .recommended-box .image-box {
  position: relative;
  width: calc(50% - 30px);
  max-width: 412px;
}
@media (max-width: 767px) {
  .museum-page-shop .shop-recommended-section .recommended-box .image-box {
    width: 100%;
  }
}
.museum-page-shop .shop-recommended-section .recommended-box .mirin-name {
  position: absolute;
  top: -30px;
  left: 20px;
  padding: 20px 5px 50px;
  font-size: 1.4rem;
  font-weight: 500;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-family: "Zen Old Mincho", serif;
  color: rgb(255, 255, 255);
  background-color: rgb(13, 32, 58);
}
.museum-page-shop .shop-recommended-section .recommended-box .mirin-name span:not(:last-child) {
  margin-bottom: 20px;
}
.museum-page-shop .shop-recommended-section .recommended-box .recommended-title {
  margin-bottom: 20px;
}
.museum-page-shop .shop-recommended-section .recommended-box .recommended-title .big {
  display: block;
  margin-bottom: 5px;
  font-size: 2.7rem;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  color: rgb(13, 32, 58);
}
@media (max-width: 767px) {
  .museum-page-shop .shop-recommended-section .recommended-box .recommended-title .big {
    font-size: 2.2rem;
  }
}
.museum-page-shop .shop-recommended-section .recommended-box .recommended-title .small {
  display: block;
  font-size: 1.1rem;
  font-weight: 500;
}
.museum-page-shop .shop-recommended-section .recommended-box .recommended-title .small span {
  margin: 0 10px;
}
.museum-page-shop .shop-recommended-section .recommended-box .recommended-title .small::before, .museum-page-shop .shop-recommended-section .recommended-box .recommended-title .small::after {
  content: "ー";
}
.museum-page-shop .shop-recommended-section .after-text {
  font-weight: 500;
  font-size: 1.4rem;
  margin-top: 100px;
  text-align: center;
}
@media (max-width: 1023px) {
  .museum-page-shop .shop-recommended-section .after-text {
    font-size: 1.2rem;
  }
}
@media (max-width: 767px) {
  .museum-page-shop .shop-recommended-section .after-text {
    font-size: 1rem;
    margin-top: 50px;
  }
}
.museum-page-shop .shop-recommended-section .after-text .small {
  margin-top: 10px;
  display: block;
  font-size: 0.9rem;
  font-weight: 500;
}
.museum-page-shop .shop-recommended-section .after-text .small span {
  margin: 0 10px;
}
.museum-page-shop .shop-recommended-section .after-text .small::before, .museum-page-shop .shop-recommended-section .after-text .small::after {
  content: "ー";
}
.museum-page-shop .softcream-banner {
  display: block;
  max-width: 925px;
  margin: 100px auto 0;
}
@media (max-width: 767px) {
  .museum-page-shop .softcream-banner {
    margin-top: 50px;
  }
}

.museum-page-info .info-wrapper:not(:last-child) {
  margin-bottom: 100px;
}
.museum-page-info .info-wrapper .inner-box {
  width: 90%;
  margin: auto;
}
@media (max-width: 1023px) {
  .museum-page-info .info-wrapper .inner-box {
    width: 100%;
  }
}
.museum-page-info .info-wrapper .inner-box.discount {
  max-width: 924px;
}
.museum-page-info .info-wrapper .open-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px 30px;
  padding: 20px 100px;
  font-weight: 500;
  font-size: 1.4rem;
}
@media (max-width: 1023px) {
  .museum-page-info .info-wrapper .open-wrapper {
    padding: 20px 30px;
  }
}
@media (max-width: 767px) {
  .museum-page-info .info-wrapper .open-wrapper {
    padding: 20px 0;
  }
}
.museum-page-info .info-wrapper .open-wrapper:not(:last-child) {
  border-bottom: 1px solid rgb(232, 232, 232);
}
.museum-page-info .info-wrapper .open-wrapper .title {
  width: 100px;
}
@media (max-width: 767px) {
  .museum-page-info .info-wrapper .open-wrapper .title {
    width: 100%;
  }
}
.museum-page-info .info-wrapper .open-wrapper .contents {
  padding-left: 100px;
  width: calc(100% - 100px - 30px);
}
@media (max-width: 1023px) {
  .museum-page-info .info-wrapper .open-wrapper .contents {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .museum-page-info .info-wrapper .open-wrapper .contents {
    width: 100%;
    font-size: 1.1rem;
  }
}
.museum-page-info .info-wrapper .open-wrapper .small {
  font-size: 0.9rem;
}
@media (max-width: 767px) {
  .museum-page-info .info-wrapper .info-admission-table-wrapepr {
    overflow: scroll;
  }
}
.museum-page-info .info-wrapper .info-admission-table {
  min-width: 490px;
}
.museum-page-info .info-wrapper .info-admission-table .bg-blue {
  padding: 10px;
  border-radius: 15px 15px 0 0;
  background-color: rgb(13, 32, 58);
  color: rgb(255, 255, 255);
}
.museum-page-info .info-wrapper .info-admission-table .small-text {
  font-size: 0.9rem;
}
.museum-page-info .info-wrapper .info-admission-table .bg-yellow {
  background-color: rgb(216, 183, 80);
  color: rgb(255, 255, 255);
}
.museum-page-info .info-wrapper .info-admission-table th, .museum-page-info .info-wrapper .info-admission-table td {
  font-weight: 500;
  font-size: 1.1rem;
  width: 33.3333333333%;
  text-align: center;
  padding: 20px;
}
.museum-page-info .info-wrapper .info-admission-table th:not(:last-child), .museum-page-info .info-wrapper .info-admission-table td:not(:last-child) {
  border-right: 1px solid rgb(255, 255, 255);
}
.museum-page-info .info-wrapper .info-admission-table th.none, .museum-page-info .info-wrapper .info-admission-table td.none {
  border: none;
}
.museum-page-info .info-wrapper .info-admission-table td {
  background-color: rgb(240, 231, 226);
}
.museum-page-info .info-wrapper .info-admission-table tr:not(:last-child) th, .museum-page-info .info-wrapper .info-admission-table tr:not(:last-child) td {
  border-bottom: 1px solid rgb(255, 255, 255);
}
.museum-page-info .info-wrapper .info-admission-after-text {
  margin-top: 30px;
}
.museum-page-info .info-wrapper .info-admission-after-text p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 15px;
}
.museum-page-info .info-wrapper .info-admission-after-text p:not(:last-child) {
  margin-bottom: 10px;
}
.museum-page-info .info-wrapper .info-admission-after-text .title {
  color: rgb(210, 97, 0);
  width: 80px;
  font-weight: 700;
}
.museum-page-info .info-wrapper .info-admission-after-text span {
  display: block;
}
.museum-page-info .info-wrapper .info-admission-after-text span:not(.title) {
  width: calc(100% - 80px - 15px);
}
.museum-page-info .info-wrapper .tax-text {
  font-size: 0.9rem;
  margin-top: 10px;
}
.museum-page-info .info-wrapper .reserve-text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 50px;
}
@media (max-width: 767px) {
  .museum-page-info .info-wrapper .reserve-text {
    font-size: 1rem;
    margin-bottom: 30px;
  }
}
@media (max-width: 1100px) {
  .museum-page-info .info-wrapper .reserve-wrapper {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .museum-page-info .info-wrapper .reserve-wrapper {
    margin-bottom: 40px;
  }
}
.museum-page-info .info-wrapper .reserve-wrapper .table-wrapper {
  display: -ms-grid;
  display: grid;
  gap: 50px;
  -ms-grid-columns: 1fr 50px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 50px;
}
@media (max-width: 1023px) {
  .museum-page-info .info-wrapper .reserve-wrapper .table-wrapper {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .museum-page-info .info-wrapper .reserve-wrapper .table-wrapper {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.museum-page-info .info-wrapper .reserve-table th {
  padding: 5px 10px;
  color: rgb(255, 255, 255);
}
.museum-page-info .info-wrapper .reserve-table td {
  width: 50%;
  background-color: rgb(240, 231, 226);
  padding: 20px 40px;
  font-size: 1.5rem;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .museum-page-info .info-wrapper .reserve-table td {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .museum-page-info .info-wrapper .reserve-table td {
    font-size: 1.3rem;
  }
}
.museum-page-info .info-wrapper .reserve-table td:not(:last-child) {
  border-right: 1px solid rgb(255, 255, 255);
}
.museum-page-info .info-wrapper .reserve-table td span {
  display: block;
  width: 77px;
  margin: auto;
}
@media (max-width: 767px) {
  .museum-page-info .info-wrapper .reserve-table td span {
    width: 60px;
  }
}
.museum-page-info .info-wrapper .reserve-table tr:not(:last-child) td {
  border-bottom: 1px solid rgb(255, 255, 255);
}
.museum-page-info .info-wrapper .reserve-table .bg-blue {
  background-color: rgb(13, 32, 58);
}
.museum-page-info .info-wrapper .reserve-table .bg-yellow {
  background-color: rgb(216, 183, 80);
}
.museum-page-info .info-wrapper .reserve-link-wrapper {
  text-align: center;
  font-size: 1.3rem;
  font-weight: 500;
}
.museum-page-info .info-wrapper .museum-yellow-btn {
  margin: 10px auto 0;
  padding: 20px;
  position: relative;
  overflow: hidden;
  width: 40%;
}
@media (max-width: 1023px) {
  .museum-page-info .info-wrapper .museum-yellow-btn {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .museum-page-info .info-wrapper .museum-yellow-btn {
    width: 100%;
  }
}
.museum-page-info .info-wrapper .museum-yellow-btn:hover {
  text-shadow: 2px 2px 0 rgb(255, 255, 255);
}
.museum-page-info .info-wrapper .museum-yellow-btn img {
  position: absolute;
  top: 0;
  right: 0;
}
.museum-page-info .info-wrapper .museum-yellow-btn span {
  position: relative;
  z-index: 2;
}
.museum-page-info .info-wrapper .discount-text {
  font-weight: 500;
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  .museum-page-info .info-wrapper .discount-text {
    font-size: 1.2rem;
  }
}
.museum-page-info .info-wrapper .discount-table {
  margin: 10px 0;
}
.museum-page-info .info-wrapper .discount-table tr:not(:last-child) th, .museum-page-info .info-wrapper .discount-table tr:not(:last-child) td {
  border-bottom: 1px solid rgb(255, 255, 255);
}
.museum-page-info .info-wrapper .discount-table th {
  width: 250px;
  padding: 15px;
  font-weight: 500;
  font-size: 1.1rem;
  color: rgb(255, 255, 255);
  background-color: rgb(17, 50, 96);
}
@media (max-width: 767px) {
  .museum-page-info .info-wrapper .discount-table th {
    display: block;
    width: 100%;
    padding: 10px;
  }
}
.museum-page-info .info-wrapper .discount-table td {
  padding: 20px 30px;
  background-color: rgb(240, 231, 226);
}
@media (max-width: 1023px) {
  .museum-page-info .info-wrapper .discount-table td {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .museum-page-info .info-wrapper .discount-table td {
    display: block;
    width: 100%;
  }
}
.museum-page-info .info-wrapper .discount-table .small {
  font-size: 0.9rem;
}
.museum-page-info .info-wrapper .note-wrapper:not(:last-child) {
  margin-bottom: 30px;
}
.museum-page-info .info-wrapper .note-wrapper .note-title {
  padding-left: 20px;
  border-left: 5px solid rgb(242, 213, 123);
  font-weight: 500;
  font-size: 1.4rem;
}
.museum-page-info .info-wrapper .note-wrapper .note-title:not(:last-child) {
  margin-bottom: 10px;
}
.museum-page-info .info-wrapper .note-wrapper p {
  width: 95%;
  margin: auto;
  font-family: "Noto Sans JP", serif;
}
.museum-page-info .info-wrapper .note-wrapper .under-line {
  border-bottom: 1px solid rgb(24, 24, 24);
}
.museum-page-info .info-wrapper .orange-text {
  font-family: "Zen Kaku Gothic New", serif;
  color: rgb(210, 97, 0);
  font-size: 1.4rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .museum-page-info .info-wrapper .orange-text {
    font-size: 1.2rem;
  }
}
.museum-page-info .info-wrapper .dot-list {
  width: 95%;
  margin: auto;
  font-family: "Noto Sans JP", serif;
}
.museum-page-info .info-wrapper .dot-list li {
  text-indent: -20px;
  padding-left: 20px;
}
.museum-page-info .info-wrapper .dot-list li::before {
  content: "・";
}
.museum-page-info .info-wrapper .dot-list li p {
  text-indent: 0;
}

.museum-page-attraction .symbol-section .attraction-first-text {
  margin-bottom: 50px;
  text-align: center;
}
.museum-page-attraction .symbol-section .attraction-first-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 30px;
}
@media (max-width: 1023px) {
  .museum-page-attraction .symbol-section .attraction-first-wrapper {
    gap: 10px;
  }
}
.museum-page-attraction .symbol-section .symbol-text-image {
  width: 97px;
}
@media (max-width: 1023px) {
  .museum-page-attraction .symbol-section .symbol-text-image {
    width: 50px;
  }
}
@media (max-width: 767px) {
  .museum-page-attraction .symbol-section .symbol-text-image {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.museum-page-attraction .symbol-section .main-box {
  width: calc(100% - 97px - 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 50px 30px;
}
@media (max-width: 1023px) {
  .museum-page-attraction .symbol-section .main-box {
    width: calc(100% - 50px - 10px);
    gap: 30px 10px;
  }
}
@media (max-width: 767px) {
  .museum-page-attraction .symbol-section .main-box {
    width: 100%;
    gap: 30px 0;
  }
}
.museum-page-attraction .symbol-section .big-image {
  width: 55%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .museum-page-attraction .symbol-section .big-image {
    width: calc(100% - 55px);
    margin-right: 0;
  }
}
.museum-page-attraction .symbol-section .text-box {
  width: calc(45% - 30px);
}
@media (max-width: 1023px) {
  .museum-page-attraction .symbol-section .text-box {
    width: calc(45% - 10px);
  }
}
@media (max-width: 767px) {
  .museum-page-attraction .symbol-section .text-box {
    width: 100%;
  }
}
.museum-page-attraction .symbol-section .text-box p {
  margin-bottom: 20px;
  font-family: "Noto Sans JP", serif;
}
.museum-page-attraction .symbol-section .date {
  padding: 30px 25px;
  font-weight: 500;
  color: rgb(164, 102, 48);
  background-color: rgb(255, 255, 255);
}
.museum-page-attraction .symbol-section .date .date-inner:not(:last-child) {
  margin-bottom: 10px;
}
.museum-page-attraction .symbol-section .date .title {
  width: 75px;
  display: inline-block;
}
.museum-page-attraction .symbol-section .small-image {
  width: calc((100% - 60px) / 3);
  max-width: 295px;
  margin: 0;
}
@media (max-width: 1023px) {
  .museum-page-attraction .symbol-section .small-image {
    width: calc((100% - 20px) / 3);
  }
}
@media (max-width: 767px) {
  .museum-page-attraction .symbol-section .small-image {
    width: 33.3333333333%;
  }
}
.museum-page-attraction .attraction-section {
  overflow: hidden;
}
.museum-page-attraction .attraction-section .title-image {
  width: 335px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media (max-width: 1023px) {
  .museum-page-attraction .attraction-section .title-image {
    width: 150px;
  }
}
.museum-page-attraction .attraction-section .attraction-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px 60px;
}
@media (max-width: 1100px) {
  .museum-page-attraction .attraction-section .attraction-wrapper {
    gap: 50px 40px;
  }
}
@media (max-width: 1023px) {
  .museum-page-attraction .attraction-section .attraction-wrapper {
    gap: 40px 20px;
  }
}
@media (max-width: 767px) {
  .museum-page-attraction .attraction-section .attraction-wrapper {
    gap: 10px;
  }
}
.museum-page-attraction .attraction-section .attraction-wrapper:not(:last-child) {
  margin-bottom: 150px;
}
@media (max-width: 1023px) {
  .museum-page-attraction .attraction-section .attraction-wrapper:not(:last-child) {
    margin-bottom: 70px;
  }
}
.museum-page-attraction .attraction-section .attraction-wrapper .title-side-box {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: calc(100% - 335px - 60px);
}
@media (max-width: 1100px) {
  .museum-page-attraction .attraction-section .attraction-wrapper .title-side-box {
    width: calc(100% - 335px - 40px);
  }
}
@media (max-width: 1023px) {
  .museum-page-attraction .attraction-section .attraction-wrapper .title-side-box {
    display: contents;
  }
}
.museum-page-attraction .attraction-section .attraction-wrapper .title-side-box p {
  font-family: "Noto Sans JP", serif;
}
.museum-page-attraction .attraction-section .attraction-wrapper .side-title {
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 1.4rem;
  color: rgb(210, 97, 0);
}
@media (max-width: 1023px) {
  .museum-page-attraction .attraction-section .attraction-wrapper .side-title {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    margin-bottom: 0;
    width: calc(100% - 150px - 20px);
  }
}
@media (max-width: 767px) {
  .museum-page-attraction .attraction-section .attraction-wrapper .side-title {
    width: 100%;
    margin-bottom: 20px;
    font-size: 1.3rem;
  }
}
.museum-page-attraction .attraction-section .attraction-wrapper .after-box {
  width: calc((100% - 60px) / 2);
}
@media (max-width: 1100px) {
  .museum-page-attraction .attraction-section .attraction-wrapper .after-box {
    width: calc((100% - 40px) / 2);
  }
}
@media (max-width: 1023px) {
  .museum-page-attraction .attraction-section .attraction-wrapper .after-box {
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 767px) {
  .museum-page-attraction .attraction-section .attraction-wrapper .after-box {
    width: 100%;
  }
}
.museum-page-attraction .attraction-section .attraction-wrapper .after-box img {
  width: 100%;
  aspect-ratio: 5/4;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .museum-page-attraction .attraction-section .attraction-wrapper .after-box.order1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 20px;
  }
  .museum-page-attraction .attraction-section .attraction-wrapper .after-box.order2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .museum-page-attraction .attraction-section .attraction-wrapper .after-box.order3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 20px;
  }
  .museum-page-attraction .attraction-section .attraction-wrapper .after-box.order4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .museum-page-attraction .attraction-section .attraction-wrapper .after-box.order5 {
    margin-top: 20px;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
}
.museum-page-attraction .attraction-section .attraction-wrapper .after-box.big {
  width: 100%;
  display: -ms-grid;
  display: grid;
  gap: 60px;
  -ms-grid-columns: 1fr 60px 1fr 60px 1fr;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1023px) {
  .museum-page-attraction .attraction-section .attraction-wrapper .after-box.big {
    gap: 10px;
  }
}
.museum-page-attraction .attraction-section .attraction-wrapper .after-box.big img {
  aspect-ratio: 7/6;
  -o-object-fit: cover;
     object-fit: cover;
}
.museum-page-attraction .attraction-section .attraction-wrapper .after-box.white-box {
  background-color: rgb(255, 255, 255);
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.museum-page-attraction .attraction-section .attraction-wrapper .after-box.white-box .inner-box {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px 30px;
  font-weight: 500;
  font-size: 1.4rem;
}
@media (max-width: 1140px) {
  .museum-page-attraction .attraction-section .attraction-wrapper .after-box.white-box .inner-box {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .museum-page-attraction .attraction-section .attraction-wrapper .after-box.white-box .inner-box {
    gap: 5px;
    font-size: 1.1rem;
  }
}
.museum-page-attraction .attraction-section .attraction-wrapper .after-box.white-box .inner-box span {
  display: block;
}
.museum-page-attraction .attraction-section .attraction-wrapper .after-box.white-box .inner-box span:not(:last-child) {
  margin-bottom: 10px;
}
.museum-page-attraction .attraction-section .attraction-wrapper .after-box.white-box .orange-title {
  width: 100%;
  color: rgb(210, 97, 0);
}
.museum-page-attraction .attraction-section .attraction-wrapper .after-box.text {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.museum-page-attraction .attraction-section .attraction-wrapper .after-box.text p {
  font-family: "Noto Sans JP", serif;
}
.museum-page-attraction .attraction-section .attraction-wrapper .after-box .blue-title {
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 1.4rem;
  padding: 5px 0 5px 15px;
  color: rgb(17, 50, 96);
  border-left: 5px solid rgb(13, 32, 58);
}
@media (max-width: 1023px) {
  .museum-page-attraction .attraction-section .attraction-wrapper .after-box .blue-title {
    font-size: 1.1rem;
  }
}
@media (max-width: 767px) {
  .museum-page-attraction .attraction-section .attraction-wrapper .after-box .blue-title {
    margin: 0 0 10px;
  }
}
.museum-page-attraction .attraction-section .four-box {
  margin-bottom: 50px;
  position: relative;
}
.museum-page-attraction .attraction-section .four-box::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 100px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100vw;
  max-width: 1920px;
  height: calc(100% - 100px);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../../images/museum/history4-bg.jpg");
}
@media (max-width: 767px) {
  .museum-page-attraction .attraction-section .four-box::before {
    top: 70px;
  }
}
.museum-page-attraction .attraction-section .four-box .title-image {
  position: relative;
  z-index: 2;
  margin-bottom: 150px;
  margin-left: 0;
}
@media (max-width: 1265px) {
  .museum-page-attraction .attraction-section .four-box .title-image {
    margin-bottom: 100px;
  }
}
@media (max-width: 1023px) {
  .museum-page-attraction .attraction-section .four-box .title-image {
    margin-bottom: 150px;
  }
}
@media (max-width: 767px) {
  .museum-page-attraction .attraction-section .four-box .title-image {
    margin-bottom: 100px;
  }
}
.museum-page-attraction .attraction-section .four-box .history4-wrapper {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px;
}
.museum-page-attraction .attraction-section .four-box .history4-wrapper .text-box {
  width: 50%;
}
@media (max-width: 767px) {
  .museum-page-attraction .attraction-section .four-box .history4-wrapper .text-box {
    width: 100%;
  }
}
.museum-page-attraction .attraction-section .four-box .history4-wrapper .text-box .white-text {
  width: 50%;
  margin: 0 0 70px;
}
@media (max-width: 767px) {
  .museum-page-attraction .attraction-section .four-box .history4-wrapper .text-box .white-text {
    margin-bottom: 50px;
  }
}
.museum-page-attraction .attraction-section .four-box .history4-wrapper .image-box {
  margin-right: calc(50% - 50vw);
  width: 40%;
  max-width: 700px;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
@media (max-width: 767px) {
  .museum-page-attraction .attraction-section .four-box .history4-wrapper .image-box {
    display: none;
  }
}
.museum-page-attraction .inside-map-section {
  background-color: rgb(255, 255, 255);
}
.museum-page-attraction .inside-map-section .map-image {
  margin-bottom: 100px;
  max-width: 730px;
}
@media (max-width: 767px) {
  .museum-page-attraction .inside-map-section .map-image {
    margin-bottom: 50px;
  }
}
.museum-page-attraction .inside-map-section .inside-map-link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  text-align: center;
}
@media (max-width: 767px) {
  .museum-page-attraction .inside-map-section .inside-map-link-wrapper .link-box {
    width: 100%;
  }
}
.museum-page-attraction .inside-map-section .inside-map-link-wrapper p {
  margin-bottom: 10px;
  font-size: 1.4rem;
  font-weight: 500;
  color: rgb(17, 50, 96);
}
@media (max-width: 767px) {
  .museum-page-attraction .inside-map-section .inside-map-link-wrapper p {
    font-size: 1.2rem;
  }
}

.museum-page-about {
  overflow: hidden;
}
.museum-page-about .consept-section {
  padding-bottom: 200px;
  position: relative;
}
@media (max-width: 767px) {
  .museum-page-about .consept-section {
    padding-bottom: 100px;
  }
}
.museum-page-about .consept-section .contents-wrapper {
  position: relative;
}
.museum-page-about .consept-section .contents-wrapper .deco {
  position: absolute;
}
.museum-page-about .consept-section .contents-wrapper .deco.one {
  top: 100px;
  right: -20%;
  width: 50%;
  max-width: 670px;
}
@media (max-width: 767px) {
  .museum-page-about .consept-section .contents-wrapper .deco.one {
    width: 80%;
  }
}
.museum-page-about .consept-section .contents-wrapper .deco.two {
  width: 35%;
  max-width: 435px;
  bottom: 200px;
  left: -50px;
}
@media (max-width: 767px) {
  .museum-page-about .consept-section .contents-wrapper .deco.two {
    width: 70%;
    bottom: auto;
    top: 40%;
  }
}
.museum-page-about .consept-section .consept-text {
  margin-bottom: 100px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  color: rgb(13, 32, 58);
}
@media (max-width: 767px) {
  .museum-page-about .consept-section .consept-text {
    font-size: 1.1rem;
    margin-bottom: 50px;
  }
}
.museum-page-about .consept-section .consept-text span {
  display: inline-block;
  padding: 50px;
  position: relative;
}
.museum-page-about .consept-section .consept-text span::before, .museum-page-about .consept-section .consept-text span::after {
  position: absolute;
  content: "";
  display: block;
  width: 54px;
  height: 64px;
}
.museum-page-about .consept-section .consept-text span::before {
  top: 0;
  left: 0;
  border-top: 1px solid rgb(17, 50, 96);
  border-left: 1px solid rgb(17, 50, 96);
}
.museum-page-about .consept-section .consept-text span::after {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid rgb(17, 50, 96);
  border-right: 1px solid rgb(17, 50, 96);
}
.museum-page-about .consept-section .consept-message-wrapper {
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .museum-page-about .consept-section .consept-message-wrapper {
    padding-bottom: 100px;
  }
}
.museum-page-about .consept-section .consept-message-wrapper .main-image {
  width: 40%;
  max-width: 600px;
}
@media (max-width: 1023px) {
  .museum-page-about .consept-section .consept-message-wrapper .main-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    z-index: -1;
    -webkit-transform: translate(-50%, -150px);
            transform: translate(-50%, -150px);
  }
}
@media (max-width: 767px) {
  .museum-page-about .consept-section .consept-message-wrapper .main-image {
    top: auto;
    bottom: 0;
    width: 120%;
    -webkit-transform: translate(-30%, 100px);
            transform: translate(-30%, 100px);
  }
}
.museum-page-about .consept-section .consept-message-box {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media (max-width: 1150px) {
  .museum-page-about .consept-section .consept-message-box {
    gap: 10px;
  }
}
@media (max-width: 1023px) {
  .museum-page-about .consept-section .consept-message-box {
    position: static;
  }
}
@media (max-width: 1023px) {
  .museum-page-about .consept-section .consept-message-box:not(:last-child) {
    margin-bottom: 30px;
  }
}
.museum-page-about .consept-section .consept-message-box.one {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  top: -70px;
  left: 9%;
}
@media (max-width: 1150px) {
  .museum-page-about .consept-section .consept-message-box.one {
    top: -30px;
    left: 13%;
  }
}
@media (max-width: 767px) {
  .museum-page-about .consept-section .consept-message-box.one {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.museum-page-about .consept-section .consept-message-box.one .title {
  color: rgb(188, 91, 156);
}
.museum-page-about .consept-section .consept-message-box.two {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  top: 5%;
  right: 0;
}
@media (max-width: 1150px) {
  .museum-page-about .consept-section .consept-message-box.two {
    right: 3%;
  }
}
@media (max-width: 767px) {
  .museum-page-about .consept-section .consept-message-box.two {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.museum-page-about .consept-section .consept-message-box.two .title {
  color: rgb(237, 121, 134);
}
.museum-page-about .consept-section .consept-message-box.three {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  left: 0;
  top: 40%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 1150px) {
  .museum-page-about .consept-section .consept-message-box.three {
    left: 4%;
  }
}
@media (max-width: 767px) {
  .museum-page-about .consept-section .consept-message-box.three {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.museum-page-about .consept-section .consept-message-box.three .text-box {
  margin-right: -54px;
}
@media (max-width: 1150px) {
  .museum-page-about .consept-section .consept-message-box.three .text-box {
    margin-right: -20px;
  }
}
@media (max-width: 767px) {
  .museum-page-about .consept-section .consept-message-box.three .text-box {
    margin-right: 0;
  }
}
.museum-page-about .consept-section .consept-message-box.three .title {
  color: rgb(233, 79, 6);
}
.museum-page-about .consept-section .consept-message-box.four {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  top: 50%;
  right: -3%;
}
@media (max-width: 1150px) {
  .museum-page-about .consept-section .consept-message-box.four {
    right: 0;
  }
}
@media (max-width: 767px) {
  .museum-page-about .consept-section .consept-message-box.four {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.museum-page-about .consept-section .consept-message-box.four .title {
  color: rgb(242, 213, 123);
}
.museum-page-about .consept-section .consept-message-box.five {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  top: 80%;
  left: 50%;
  -webkit-transform: translateX(-10%);
          transform: translateX(-10%);
}
@media (max-width: 1150px) {
  .museum-page-about .consept-section .consept-message-box.five {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
}
@media (max-width: 1023px) {
  .museum-page-about .consept-section .consept-message-box.five {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (max-width: 767px) {
  .museum-page-about .consept-section .consept-message-box.five {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.museum-page-about .consept-section .consept-message-box.five .title {
  color: rgb(0, 123, 199);
}
.museum-page-about .consept-section .consept-message-box img {
  margin: 0;
  max-width: 120px;
}
@media (max-width: 1150px) {
  .museum-page-about .consept-section .consept-message-box img {
    width: 90px;
  }
}
@media (max-width: 767px) {
  .museum-page-about .consept-section .consept-message-box img {
    width: 80px;
  }
}
.museum-page-about .consept-section .consept-message-box .text-box {
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  line-height: 2em;
}
@media (max-width: 1150px) {
  .museum-page-about .consept-section .consept-message-box .text-box {
    font-size: 0.9rem;
    line-height: 25px;
  }
}
.museum-page-about .consept-section .consept-message-box .title {
  font-family: "Ysabeau Infant", serif;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 1.1rem;
  color: rgb(242, 213, 123);
}
@media (max-width: 767px) {
  .museum-page-about .consept-section .consept-message-box .title {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
.museum-page-about .about-message-section {
  position: relative;
  background-color: rgb(255, 255, 255);
}
.museum-page-about .about-message-section .deco {
  position: absolute;
  left: 0;
  top: 30%;
  width: 40%;
  max-width: 415px;
}
.museum-page-about .about-message-section .main-message {
  margin-bottom: 100px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .museum-page-about .about-message-section .main-message {
    margin-bottom: 50px;
  }
}
.museum-page-about .about-message-section .main-message .text-box {
  width: 60%;
  font-size: 1.1rem;
  font-weight: 600;
  font-family: "Zen Old Mincho", serif;
  line-height: 2em;
}
@media (max-width: 1023px) {
  .museum-page-about .about-message-section .main-message .text-box {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .museum-page-about .about-message-section .main-message .text-box {
    line-height: 1.5em;
  }
}
.museum-page-about .about-message-section .main-message .name {
  bottom: 0;
  left: 0;
}
.museum-page-about .about-message-section .main-message .image-box {
  width: calc(40% - 30px);
}
@media (max-width: 1023px) {
  .museum-page-about .about-message-section .main-message .image-box {
    width: 50%;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .museum-page-about .about-message-section .main-message .image-box {
    width: 100%;
  }
}
.museum-page-about .about-message-section .name {
  position: absolute;
  width: 60%;
  text-align: right;
  font-size: 1.4rem;
}
@media (max-width: 1023px) {
  .museum-page-about .about-message-section .name {
    position: static;
    width: 100%;
    margin-top: 10px;
  }
}
.museum-page-about .about-message-section .name span {
  margin-right: 10px;
  font-size: 0.9rem;
}
.museum-page-about .about-message-section .sub-message {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 90px;
}
@media (max-width: 1023px) {
  .museum-page-about .about-message-section .sub-message {
    gap: 30px;
  }
}
.museum-page-about .about-message-section .sub-message:not(:last-child) {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .museum-page-about .about-message-section .sub-message:not(:last-child) {
    margin-bottom: 30px;
  }
}
.museum-page-about .about-message-section .sub-message .image-box {
  width: 293px;
}
@media (max-width: 1023px) {
  .museum-page-about .about-message-section .sub-message .image-box {
    width: 230px;
  }
}
@media (max-width: 767px) {
  .museum-page-about .about-message-section .sub-message .image-box {
    width: 60%;
    margin: auto;
  }
}
.museum-page-about .about-message-section .sub-message .text-box {
  font-size: 1.1rem;
  width: calc(100% - 293px - 90px);
}
@media (max-width: 1023px) {
  .museum-page-about .about-message-section .sub-message .text-box {
    width: calc(100% - 230px - 30px);
  }
}
@media (max-width: 767px) {
  .museum-page-about .about-message-section .sub-message .text-box {
    width: 100%;
    font-size: 1rem;
  }
}
.museum-page-about .about-message-section .sub-message .text-box p:not(.area) {
  font-family: "Zen Old Mincho", serif;
  line-height: 1.5em;
}
.museum-page-about .about-message-section .sub-message .name {
  width: calc(100% - 293px - 90px);
  bottom: 0;
  right: 0;
}
@media (max-width: 1023px) {
  .museum-page-about .about-message-section .sub-message .name {
    width: 100%;
  }
}
.museum-page-about .about-message-section .sub-message .area {
  margin-bottom: 20px;
  font-weight: 500;
  color: rgb(13, 32, 58);
  font-size: 1.8rem;
}

.museum-page-history {
  overflow: hidden;
  margin-top: -170px;
}
@media (max-width: 767px) {
  .museum-page-history {
    margin-top: -100px;
  }
}
.museum-page-history .mirin-section {
  padding: 400px 0 300px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-position: bottom right;
  background-color: rgb(255, 255, 255);
  background-image: url("../../images/museum/mirin-bg.png");
}
@media (max-width: 767px) {
  .museum-page-history .mirin-section {
    padding: 150px 0 300px;
    background-image: url("../../images/museum/mirin-bg-sp.png");
  }
}
.museum-page-history .mirin-section .contents-wrapper {
  position: relative;
}
.museum-page-history .mirin-section .contents-wrapper .drop {
  position: absolute;
}
.museum-page-history .mirin-section .contents-wrapper .small {
  top: -150px;
  right: 0;
  width: 20%;
  max-width: 95px;
}
@media (max-width: 767px) {
  .museum-page-history .mirin-section .contents-wrapper .small {
    width: 41px;
    top: 50px;
    right: 50px;
  }
}
.museum-page-history .mirin-section .contents-wrapper .big {
  left: -120px;
  bottom: -250px;
  width: 35%;
  max-width: 245px;
}
@media (max-width: 767px) {
  .museum-page-history .mirin-section .contents-wrapper .big {
    width: 96px;
    left: -1px;
    bottom: 0;
  }
}
.museum-page-history .mirin-section .mirin-wrapper {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 200px;
}
@media (max-width: 1023px) {
  .museum-page-history .mirin-section .mirin-wrapper {
    gap: 50px;
  }
}
@media (max-width: 767px) {
  .museum-page-history .mirin-section .mirin-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.museum-page-history .mirin-section .mirin-text {
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  font-size: 4.5rem;
  font-family: "Zen Old Mincho", serif;
  color: rgb(17, 50, 96);
  font-weight: 500;
}
@media (max-width: 767px) {
  .museum-page-history .mirin-section .mirin-text {
    font-size: 2.2rem;
    letter-spacing: 6px;
  }
}
.museum-page-history .mirin-section .message-box {
  font-size: 1.1rem;
  font-weight: 600;
  font-family: "Zen Old Mincho", serif;
  line-height: 36px;
}
@media (max-width: 767px) {
  .museum-page-history .mirin-section .message-box {
    font-size: 1rem;
    line-height: 30px;
  }
}
.museum-page-history .mirin-section .message-box p:not(:last-child) {
  margin-bottom: 20px;
}
.museum-page-history .history-about-section {
  background-color: rgb(255, 255, 255);
}
.museum-page-history .history-about-section .contents-wrapper {
  position: relative;
}
.museum-page-history .history-about-section .text-box {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0 30px;
  font-family: "Noto Sans JP", serif;
}
.museum-page-history .history-about-section .text-box p:not(:last-child) {
  margin-bottom: 20px;
}
.museum-page-history .history-about-section .text-box > p {
  width: 100%;
}
.museum-page-history .history-about-section .text-box .inner-text {
  width: 55%;
}
@media (max-width: 767px) {
  .museum-page-history .history-about-section .text-box .inner-text {
    width: 100%;
  }
}
.museum-page-history .history-about-section .text-box .image-box {
  width: calc(45% - 30px);
}
@media (max-width: 767px) {
  .museum-page-history .history-about-section .text-box .image-box {
    width: 100%;
    margin-top: 40px;
  }
}
.museum-page-history .history-about-section .about-deco {
  position: absolute;
  width: 70%;
  max-width: 670px;
  left: -20%;
  bottom: 0;
}
@media (max-width: 767px) {
  .museum-page-history .history-about-section .about-deco {
    width: 100%;
    bottom: 20%;
  }
}
.museum-page-history .drop-title {
  margin-bottom: 30px;
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: rgb(210, 97, 0);
  font-size: 1.4rem;
  font-weight: 500;
}
.museum-page-history .drop-title::before {
  content: "";
  display: block;
  width: 26px;
  aspect-ratio: 26/43;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/museum/title-drop.png");
}
.museum-page-history .history-section .history-wrapper {
  position: relative;
  counter-reset: number 0;
}
.museum-page-history .history-section .history-wrapper .history-box {
  position: relative;
  z-index: 2;
  counter-increment: number 1;
  max-width: 930px;
  width: 90%;
}
@media (max-width: 767px) {
  .museum-page-history .history-section .history-wrapper .history-box {
    width: 100%;
  }
}
.museum-page-history .history-section .history-wrapper .history-box:nth-of-type(even) {
  margin-left: auto;
}
.museum-page-history .history-section .history-wrapper .history-box .title {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: rgb(13, 32, 58);
  font-weight: 500;
  font-size: 1.8rem;
}
@media (max-width: 1023px) {
  .museum-page-history .history-section .history-wrapper .history-box .title {
    font-size: 1.2rem;
  }
}
.museum-page-history .history-section .history-wrapper .history-box .title::before {
  content: counter(number);
  width: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-bottom: 10px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Zen Old Mincho", serif;
  font-size: 2rem;
  font-weight: 600;
  aspect-ratio: 55/91;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: rgb(255, 255, 255);
  background-size: contain;
  background-image: url("../../images/museum/yellow-drop.png");
}
@media (max-width: 767px) {
  .museum-page-history .history-section .history-wrapper .history-box .title::before {
    width: 40px;
    padding-bottom: 5px;
  }
}
.museum-page-history .history-section .history-wrapper .history-box .title span {
  width: calc(100% - 10px - 55px);
}
@media (max-width: 767px) {
  .museum-page-history .history-section .history-wrapper .history-box .title span {
    width: calc(100% - 10px - 40px);
  }
}
.museum-page-history .history-section .history-wrapper .history-box .text-box {
  width: calc(100% - 10px - 55px);
  margin-left: auto;
  font-family: "Noto Sans JP", serif;
}
@media (max-width: 1023px) {
  .museum-page-history .history-section .history-wrapper .history-box .text-box {
    font-size: 0.9rem;
    width: 100%;
  }
}
.museum-page-history .history-section .history-wrapper .history-box .text-box p.font-big {
  font-size: 2rem;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
}
.museum-page-history .history-section .history-wrapper .history-box .text-box p:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  .museum-page-history .history-section .history-wrapper .history-box .text-box p:not(:last-child) {
    margin-bottom: 10px;
  }
}
.museum-page-history .history-section .history-wrapper .line {
  width: 30px;
}
@media (max-width: 767px) {
  .museum-page-history .history-section .history-wrapper .line {
    width: 15px;
  }
}
.museum-page-history .history-section .history-wrapper .line.center {
  margin: 30px auto;
}
@media (max-width: 767px) {
  .museum-page-history .history-section .history-wrapper .line.center {
    margin: 10px auto;
  }
}
.museum-page-history .history-section .history-wrapper .line.left {
  margin-left: 150px;
}
@media (max-width: 1155px) {
  .museum-page-history .history-section .history-wrapper .line.left {
    margin-left: 100px;
  }
}
@media (max-width: 1023px) {
  .museum-page-history .history-section .history-wrapper .line.left {
    margin-left: 60px;
  }
}
@media (max-width: 767px) {
  .museum-page-history .history-section .history-wrapper .line.left {
    margin: 10px auto;
  }
}
.museum-page-history .history-section .history-wrapper .side-image {
  position: absolute;
  width: 40%;
  top: 80px;
  right: -100px;
}
@media (max-width: 1023px) {
  .museum-page-history .history-section .history-wrapper .side-image {
    top: 340px;
  }
}
@media (max-width: 767px) {
  .museum-page-history .history-section .history-wrapper .side-image {
    display: none;
  }
}
.museum-page-history .history-section .history-wrapper .history-right-image {
  position: absolute;
  width: 30%;
  bottom: 1020px;
  left: -100px;
}
@media (max-width: 1023px) {
  .museum-page-history .history-section .history-wrapper .history-right-image {
    bottom: 1200px;
    left: -20px;
  }
}
@media (max-width: 767px) {
  .museum-page-history .history-section .history-wrapper .history-right-image {
    display: none;
  }
}
.museum-page-history .food-section {
  background-color: rgb(255, 255, 255);
}
.museum-page-history .food-section .bg-blue-title {
  background-color: rgb(13, 32, 58);
  color: rgb(255, 255, 255);
  border-radius: 50px;
  font-weight: 500;
  font-size: 1.8rem;
  text-align: center;
  max-width: 465px;
  margin: 0 auto 30px;
}
.museum-page-history .food-section .food-wrapper {
  counter-reset: number 0;
}
.museum-page-history .food-section .food-wrapper:not(:last-child) {
  margin-bottom: 100px;
}
.museum-page-history .food-section .food-wrapper p {
  font-family: "Noto Sans JP", serif;
}
.museum-page-history .food-section .food-wrapper p.small {
  font-size: 0.9rem;
}
.museum-page-history .food-section .food-wrapper p:not(:last-child) {
  margin-bottom: 15px;
}
.museum-page-history .food-section .food-wrapper .color-red {
  color: rgb(210, 97, 0);
}
.museum-page-history .food-section .material-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.museum-page-history .food-section .material-wrapper .text-box {
  width: 70%;
}
@media (max-width: 1023px) {
  .museum-page-history .food-section .material-wrapper .text-box {
    width: 100%;
  }
}
.museum-page-history .food-section .material-wrapper .image-box {
  width: calc(30% - 20px);
}
@media (max-width: 1023px) {
  .museum-page-history .food-section .material-wrapper .image-box {
    width: 50%;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .museum-page-history .food-section .material-wrapper .image-box {
    width: 100%;
  }
}
.museum-page-history .food-section .accordion-wrapper {
  width: 90%;
  margin: 30px auto 0;
}
@media (max-width: 767px) {
  .museum-page-history .food-section .accordion-wrapper {
    width: 100%;
  }
}
.museum-page-history .food-section .accordion-wrapper.is-opan .content {
  max-height: var(--max-height);
}
.museum-page-history .food-section .accordion-wrapper .trigger {
  background-color: rgb(255, 243, 195);
  color: rgb(84, 48, 0);
}
.museum-page-history .food-section .accordion-wrapper .trigger::before {
  background-image: url("../../images/museum/check-icon.svg");
}
.museum-page-history .food-section .accordion-wrapper .trigger .plus::before, .museum-page-history .food-section .accordion-wrapper .trigger .plus::after {
  background-color: rgb(84, 48, 0);
}
.museum-page-history .food-section .accordion-wrapper .content {
  color: rgb(84, 48, 0);
  background-color: rgb(255, 243, 195);
}
.museum-page-history .food-section .type-box {
  counter-increment: number 1;
  margin-top: 30px;
}
.museum-page-history .food-section .type-box .number-title {
  margin-bottom: 20px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: rgb(17, 50, 96);
  font-size: 1.1rem;
}
.museum-page-history .food-section .type-box .number-title::before {
  content: counter(number);
  width: 40px;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgb(255, 255, 255);
  background-color: rgb(17, 50, 96);
  border-radius: 50%;
  font-family: "Zen Old Mincho", serif;
  font-size: 1.5rem;
}
.museum-page-history .food-section .type-box .number-title span {
  width: calc(100% - 40px - 10px);
}
.museum-page-history .food-section .type-box p {
  width: calc(100% - 40px - 10px);
  margin-left: auto;
}
@media (max-width: 767px) {
  .museum-page-history .food-section .type-box p {
    width: 100%;
  }
}
.museum-page-history .food-section .type-table {
  min-width: 950px;
}
.museum-page-history .food-section .type-table th, .museum-page-history .food-section .type-table td {
  border: 1px solid rgb(232, 232, 232);
}
.museum-page-history .food-section .type-table th {
  padding: 10px 5px;
  font-weight: 500;
  color: rgb(255, 255, 255);
  background-color: rgb(13, 32, 58);
}
.museum-page-history .food-section .type-table th.bg-beige {
  color: rgb(13, 32, 58);
  background-color: rgb(247, 229, 173);
}
.museum-page-history .food-section .type-table td {
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}
.museum-page-history .food-section .food-table-wrapper {
  overflow: scroll;
}
.museum-page-history .food-section .food-table-wrapper.type {
  margin-top: 50px;
  margin-bottom: 10px;
}
.museum-page-history .food-section .food-table {
  min-width: 900px;
}
.museum-page-history .food-section .food-table th {
  padding: 5px 10px;
  text-align: center;
  font-weight: 500;
  font-size: 1.1rem;
  color: rgb(255, 255, 255);
  border-bottom: 1px solid rgb(255, 255, 255);
}
.museum-page-history .food-section .food-table th:not(:last-child) {
  border-right: 1px solid rgb(255, 255, 255);
}
.museum-page-history .food-section .food-table th:first-child {
  background-color: rgb(13, 32, 58);
  width: 220px;
}
.museum-page-history .food-section .food-table th:nth-child(2) {
  width: 205px;
  background-color: rgb(216, 183, 80);
}
.museum-page-history .food-section .food-table th:last-child {
  background-color: rgb(210, 97, 0);
}
.museum-page-history .food-section .food-table td {
  padding: 20px;
  font-size: 0.9rem;
  font-weight: 500;
}
.museum-page-history .food-section .food-table td:not(:last-child) {
  border-right: 1px solid rgb(255, 255, 255);
}
.museum-page-history .food-section .food-table td:first-child {
  text-align: center;
  background-color: rgb(240, 231, 226);
}
.museum-page-history .food-section .food-table td:nth-child(2) {
  background-color: rgb(247, 229, 173);
}
.museum-page-history .food-section .food-table td:last-child {
  background-color: rgb(244, 210, 181);
}
.museum-page-history .food-section .food-table tr:not(:last-child) td {
  border-bottom: 1px solid rgb(255, 255, 255);
}
.museum-page-history .food-section .mirin-point-wrapper {
  width: 90%;
  margin: 30px auto;
  max-width: 735px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 30px 50px;
}
@media (max-width: 1023px) {
  .museum-page-history .food-section .mirin-point-wrapper {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .museum-page-history .food-section .mirin-point-wrapper {
    width: 100%;
    gap: 10px;
  }
}
.museum-page-history .food-section .mirin-point-wrapper a {
  display: block;
  width: calc((100% - 150px) / 4);
}
@media (max-width: 1023px) {
  .museum-page-history .food-section .mirin-point-wrapper a {
    width: calc((100% - 90px) / 4);
  }
}
@media (max-width: 767px) {
  .museum-page-history .food-section .mirin-point-wrapper a {
    width: calc((100% - 30px) / 4);
  }
}
.museum-page-history .food-section .mirin-point-wrapper-answer {
  counter-reset: number 0;
}
.museum-page-history .food-section .mirin-point-text {
  counter-increment: number 1;
}
.museum-page-history .food-section .mirin-point-text:not(:last-child) {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .museum-page-history .food-section .mirin-point-text:not(:last-child) {
    margin-bottom: 30px;
  }
}
.museum-page-history .food-section .mirin-point-text .point-title {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.8rem;
  font-weight: 500;
  color: rgb(13, 32, 58);
}
@media (max-width: 767px) {
  .museum-page-history .food-section .mirin-point-text .point-title {
    font-size: 1.4rem;
  }
}
.museum-page-history .food-section .mirin-point-text .point-title::before {
  content: counter(number);
  width: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-bottom: 10px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Zen Old Mincho", serif;
  font-size: 2rem;
  font-weight: 600;
  aspect-ratio: 55/91;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: rgb(255, 255, 255);
  background-size: contain;
  background-image: url("../../images/museum/yellow-drop.png");
}
@media (max-width: 767px) {
  .museum-page-history .food-section .mirin-point-text .point-title::before {
    width: 40px;
    padding-bottom: 5px;
  }
}
.museum-page-history .food-section .mirin-point-text .point-title span {
  width: calc(100% - 55px - 10px);
}
@media (max-width: 767px) {
  .museum-page-history .food-section .mirin-point-text .point-title span {
    width: calc(100% - 40px - 10px);
  }
}
.museum-page-history .food-section .mirin-point-text p {
  width: calc(100% - 55px - 10px);
  margin-left: auto;
}
@media (max-width: 767px) {
  .museum-page-history .food-section .mirin-point-text p {
    width: 100%;
  }
}
.museum-page-history .food-section .component-wrapper {
  margin-bottom: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 50px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 50px;
}
@media (max-width: 767px) {
  .museum-page-history .food-section .component-wrapper {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.museum-page-history .food-section .orange-title {
  margin-top: 5px;
  display: inline-block;
  width: 170px;
  text-align: center;
  font-weight: 500;
  font-size: 1.1rem;
  color: rgb(255, 255, 255);
  background-color: rgb(210, 97, 0);
}

.museum-page-terms .terms-box:not(:last-child) {
  margin-bottom: 50px;
}
.museum-page-terms .terms-box .title {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 1.4rem;
  padding-left: 20px;
  border-left: 3px solid rgb(164, 102, 48);
}
.museum-page-terms .terms-box p {
  font-family: "Noto Sans JP", serif;
}
.museum-page-terms .terms-box p:not(:last-child) {
  margin-bottom: 10px;
}

.museum-page-reservation .free-text {
  margin-bottom: 30px;
  text-align: center;
  font-family: "Zen Old Mincho", serif;
}
.museum-page-reservation .reservation-free-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px;
}
.museum-page-reservation .reservation-free-wrapper .image-box {
  width: 45%;
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: start;
      align-content: start;
  -ms-grid-columns: 1fr 18px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
@media (max-width: 1023px) {
  .museum-page-reservation .reservation-free-wrapper .image-box {
    width: 100%;
  }
}
.museum-page-reservation .reservation-free-wrapper .map-box {
  width: calc(55% - 50px);
}
@media (max-width: 1023px) {
  .museum-page-reservation .reservation-free-wrapper .map-box {
    width: 100%;
  }
}
.museum-page-reservation .reservation-free-wrapper .map-box p {
  text-align: center;
  margin-top: 50px;
  font-weight: 500;
  color: rgb(159, 10, 10);
  font-size: 1.4rem;
}
.museum-page-reservation .inside-map-section {
  background-color: transparent;
}
.museum-page-reservation .calendar-wrapper {
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.museum-page-reservation .calendar-wrapper::-webkit-scrollbar {
  display: none;
}
.museum-page-reservation .calendar-wrapper iframe {
  height: 700px;
  min-width: 950px;
}
.museum-page-reservation .private-text {
  margin-bottom: 50px;
}
.museum-page-reservation .private-note-box {
  margin-bottom: 50px;
  color: rgb(210, 97, 0);
  font-weight: 500;
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  .museum-page-reservation .private-note-box {
    font-size: 1.1rem;
  }
}
.museum-page-reservation .private-note-box p:not(:last-child) {
  margin-bottom: 20px;
}
.museum-page-reservation .note-title {
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.museum-page-reservation .note-title::before, .museum-page-reservation .note-title::after {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  background-color: rgb(210, 97, 0);
}
.museum-page-reservation .private-link {
  max-width: 350px;
  border-radius: 50px;
  text-align: center;
  display: block;
  font-weight: 500;
  width: 100%;
  padding: 20px 10px;
  background-color: rgb(17, 50, 96);
  color: rgb(255, 255, 255);
  margin: auto;
  border: 1px solid rgb(13, 32, 58);
}
.museum-page-reservation .private-link:hover {
  color: rgb(13, 32, 58);
  background-color: rgb(255, 255, 255);
}
.museum-page-reservation .private-group-section {
  background-color: rgb(255, 255, 255);
}
.museum-page-reservation .side-line-title {
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 1.4rem;
  padding: 5px 0 5px 20px;
  border-left: 5px solid rgb(216, 183, 80);
}
.museum-page-reservation .private-group-wrapper {
  margin-bottom: 50px;
}
.museum-page-reservation .private-group-wrapper .text-box p {
  width: 90%;
  margin: auto;
}
.museum-page-reservation .private-group-wrapper .text-box .price {
  margin-bottom: 30px;
  line-height: 35px;
  font-weight: 500;
  font-size: 1.4rem;
  color: rgb(210, 97, 0);
}
@media (max-width: 767px) {
  .museum-page-reservation .private-group-wrapper .text-box .price {
    font-size: 1.2rem;
  }
}

.museum-yello-box-title {
  position: relative;
  padding: 20px 0;
  max-width: 450px;
  margin: 0 auto 50px;
  text-align: center;
  font-size: 2.1rem;
  font-weight: 500;
}
.museum-yello-box-title::before, .museum-yello-box-title::after {
  position: absolute;
  top: 0;
  content: "";
  display: block;
  height: 100%;
  width: 3px;
  background-color: rgba(216, 183, 80, 0.6);
}
.museum-yello-box-title::after {
  right: 20px;
}
.museum-yello-box-title::before {
  left: 20px;
}
.museum-yello-box-title span {
  display: block;
  padding: 30px 30px;
  border-top: 3px solid rgb(216, 183, 80);
  border-bottom: 3px solid rgb(216, 183, 80);
}

.test {
  font-size: 5rem;
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(5, 150, 127)), to(rgb(6, 103, 94)));
  background: linear-gradient(180deg, rgb(5, 150, 127) 0%, rgb(6, 103, 94) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-size: 50px;
  background-repeat: repeat;
}

.museum-private-section .notice-iamge-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 50px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}
@media (max-width: 1023px) {
  .museum-private-section .notice-iamge-wrapper {
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .museum-private-section .notice-iamge-wrapper {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.museum-private-section .link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  text-align: center;
}
.museum-private-section .link-wrapper p {
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 15px;
}
.museum-private-section .link-wrapper p span {
  font-size: 1.8rem;
  border-bottom: 4px solid rgb(210, 97, 0);
}
.museum-private-section .link-wrapper > div {
  width: calc((100% - 30px) / 2);
  max-width: 400px;
}
@media (max-width: 767px) {
  .museum-private-section .link-wrapper > div {
    width: 100%;
  }
}
.museum-private-section .private-link {
  width: 100%;
}
.museum-private-section .private-link.white {
  color: rgb(17, 50, 96);
  background-color: rgb(255, 255, 255);
}
.museum-private-section .private-link.white:hover {
  background-color: rgb(17, 50, 96);
  color: rgb(255, 255, 255);
}

.font-issa {
  font-family: "Shippori Mincho B1", serif;
}

.issa-header {
  position: relative;
  padding: 25px 0;
  z-index: 1000;
}
@media (max-width: 1023px) {
  .issa-header .contents-wrapper {
    display: none;
  }
}
.issa-header .header-menu {
  font-size: 1.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media (max-width: 1023px) {
  .issa-header .header-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.issa-header .header-menu a {
  color: rgb(24, 24, 24);
}
@media (max-width: 1023px) {
  .issa-header .header-menu a {
    display: block;
    padding: 0 20px;
  }
}
.issa-header.top {
  position: absolute;
  width: 100%;
  z-index: 1000;
}
.issa-header.top a {
  color: rgb(255, 255, 255);
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.9);
}
@media (max-width: 1023px) {
  .issa-header.top a {
    color: rgb(24, 24, 24);
    text-shadow: none;
  }
}
.issa-header .trigger {
  position: relative;
}
.issa-header .sub-menu {
  position: absolute;
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s;
  overflow: hidden;
  max-height: 0;
  z-index: 5;
}
@media (max-width: 1023px) {
  .issa-header .sub-menu {
    position: static;
  }
}
.issa-header .sub-menu.is-open {
  max-height: var(--max-height);
}
.issa-header .sub-menu a {
  display: block;
}
.issa-header .sub-menu a::before {
  content: "- ";
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.9);
}
.issa-header .sp-navigation {
  display: none;
}
@media (max-width: 1023px) {
  .issa-header .sp-navigation {
    display: block;
  }
}
.issa-header .sp-navigation .drawer-nav {
  padding: 50px 0;
}
.issa-header .sp-navigation .drawer-nav .deco {
  position: absolute;
}
.issa-header .sp-navigation .drawer-nav .deco.one {
  top: 10%;
  left: -10%;
  width: 60%;
}
.issa-header .sp-navigation .drawer-nav .deco.two {
  width: 60%;
  bottom: 10%;
  right: -10%;
}
.issa-header .sp-navigation .drawer-nav .header-menu {
  position: relative;
  z-index: 2;
}

.drawer--right.drawer-open button.drawer-hamburger {
  right: 0;
}

.issa-mv-link-wrapper {
  text-align: right;
}
.issa-mv-link-wrapper a {
  display: inline-block;
  font-size: 1.1rem;
  font-family: "Shippori Mincho B1", serif;
  font-weight: 700;
  color: rgb(24, 24, 24);
  text-transform: uppercase;
}
.issa-mv-link-wrapper a.text {
  margin-bottom: 10px;
}
.issa-mv-link-wrapper .sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
}
.issa-mv-link-wrapper img {
  width: 25px;
}
.issa-mv-link-wrapper.page {
  padding: 30px;
}
.issa-mv-link-wrapper.page .sns {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.issa-footer {
  padding: 100px 0 20px;
  position: relative;
  background-color: rgb(24, 24, 24);
  z-index: 2;
}
.issa-footer .footer-menu {
  max-width: 845px;
  margin: 0 auto 60px;
  gap: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .issa-footer .inner-box {
    width: calc((100% - 30px) / 2);
  }
}
.issa-footer .inner-box a {
  display: block;
  color: rgb(255, 255, 255);
  font-weight: 500;
  font-size: 0.9rem;
}
.issa-footer .inner-box a:not(:last-child) {
  margin-bottom: 10px;
}
.issa-footer .inner-box a span::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 1px;
  vertical-align: middle;
  margin: 0 5px 0 10px;
  background-color: rgb(255, 255, 255);
}
.issa-footer .portal-link-title {
  color: rgb(255, 255, 255);
}
.issa-footer .portal-link-wrapper a:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(24, 24, 24);
}
.issa-footer .portal-link-wrapper a.issa {
  display: none;
}
.issa-footer .copy-light {
  color: rgb(255, 255, 255);
  font-size: 0.7rem;
}
@media (max-width: 767px) {
  .issa-footer .copy-light {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 5px 0;
  }
}
.issa-footer .copy-light span {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .issa-footer .copy-light span {
    display: block;
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.issa-footer .copy-light a {
  color: rgb(255, 255, 255);
  margin-right: 10px;
}

.issafv.swiper {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
}
.issafv.swiper .swiper-slide img {
  width: 100%;
  height: 100vh;
  max-height: 1080px;
  min-height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
}
.issafv.swiper .issa-mv-link-wrapper {
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 2;
}
.issafv.swiper .issa-mv-link-wrapper a {
  color: rgb(255, 255, 255);
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.9);
}
.issafv.swiper .swiper-slide-prev,
.issafv.swiper .swiper-slide-active {
  -webkit-transition: 2s;
  transition: 2s;
}
.issafv.swiper .swiper-slide-prev.slide1 img,
.issafv.swiper .swiper-slide-active.slide1 img {
  -webkit-animation: zoomUp 8s linear 0s normal both;
          animation: zoomUp 8s linear 0s normal both;
}
.issafv.swiper .swiper-slide-prev.slide2 img,
.issafv.swiper .swiper-slide-active.slide2 img {
  -webkit-animation: zoomright 8s linear 0s normal both;
          animation: zoomright 8s linear 0s normal both;
}
.issafv.swiper .swiper-slide-prev.slide3 img,
.issafv.swiper .swiper-slide-active.slide3 img {
  -webkit-animation: zoomUp 8s linear 0s normal both;
          animation: zoomUp 8s linear 0s normal both;
}
.issafv.swiper .swiper-slide-prev.slide4 img,
.issafv.swiper .swiper-slide-active.slide4 img {
  -webkit-animation: zoomleft 10s linear 0s normal both;
          animation: zoomleft 10s linear 0s normal both;
}

@-webkit-keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}

@keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}
@-webkit-keyframes zoomright {
  0% {
    -webkit-transform: translateX(0%) scale(1.2);
            transform: translateX(0%) scale(1.2);
  }
  100% {
    -webkit-transform: translateX(5%) scale(1.2);
            transform: translateX(5%) scale(1.2);
  }
}
@keyframes zoomright {
  0% {
    -webkit-transform: translateX(0%) scale(1.2);
            transform: translateX(0%) scale(1.2);
  }
  100% {
    -webkit-transform: translateX(5%) scale(1.2);
            transform: translateX(5%) scale(1.2);
  }
}
@-webkit-keyframes zoomDown {
  0% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoomDown {
  0% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes zoomleft {
  0% {
    -webkit-transform: translateX(0%) scale(1.2);
            transform: translateX(0%) scale(1.2);
  }
  100% {
    -webkit-transform: translateX(-5%) scale(1.2);
            transform: translateX(-5%) scale(1.2);
  }
}
@keyframes zoomleft {
  0% {
    -webkit-transform: translateX(0%) scale(1.2);
            transform: translateX(0%) scale(1.2);
  }
  100% {
    -webkit-transform: translateX(-5%) scale(1.2);
            transform: translateX(-5%) scale(1.2);
  }
}
.fv-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  z-index: 2;
  text-align: center;
}
.fv-text img {
  margin-bottom: 10px;
  width: 80%;
  max-width: 460px;
}
.fv-text .en {
  color: rgb(255, 255, 255);
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: 2px;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.9);
}

.issa-main-wrapper {
  position: relative;
  z-index: 2;
  background-color: rgb(255, 255, 255);
}

.issa-simple-title {
  margin-bottom: 50px;
  font-size: 1.8rem;
  font-weight: 600;
  font-family: "Shippori Mincho B1", serif;
}
@media (max-width: 767px) {
  .issa-simple-title {
    margin-bottom: 35px;
    font-size: 1.4rem;
  }
}
.issa-simple-title.center {
  text-align: center;
}
.issa-simple-title.right {
  text-align: right;
}
.issa-simple-title.border {
  border-bottom: 1px solid rgb(232, 232, 232);
  padding-bottom: 10px;
}
.issa-simple-title.white {
  color: rgb(255, 255, 255);
}
.issa-simple-title.event {
  position: relative;
}
.issa-simple-title.event:after {
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translate(-100%, 100%);
          transform: translate(-100%, 100%);
  content: "";
  display: block;
  width: calc(100vh - 560px);
  height: 1px;
  background-color: rgb(232, 232, 232);
}

.issa-top-event-section {
  overflow: hidden;
}
.issa-top-event-section .contents-wrapper {
  position: relative;
}
.issa-top-event-section .deco {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(-50%, 30%);
          transform: translate(-50%, 30%);
  width: 50%;
  max-width: 383px;
}
@media (max-width: 1300px) {
  .issa-top-event-section .deco {
    -webkit-transform: translate(-110px, 30%);
            transform: translate(-110px, 30%);
  }
}
@media (max-width: 1023px) {
  .issa-top-event-section .deco {
    -webkit-transform: translate(-110px, 0);
            transform: translate(-110px, 0);
  }
}
@media (max-width: 767px) {
  .issa-top-event-section .deco {
    -webkit-transform: translate(0);
            transform: translate(0);
    bottom: auto;
    top: -50px;
  }
}
.issa-top-event-section .issa-schedule-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px;
}
.issa-top-event-section .schedule-box,
.issa-top-event-section .issa-top-event-wrapper {
  width: calc((100% - 50px) / 2);
}
@media (max-width: 1023px) {
  .issa-top-event-section .schedule-box,
  .issa-top-event-section .issa-top-event-wrapper {
    width: 100%;
  }
}
.issa-top-event-section .schedule-box iframe,
.issa-top-event-section .issa-top-event-wrapper iframe {
  height: 100%;
  min-height: 340px;
}
@media (max-width: 1023px) {
  .issa-top-event-section .schedule-box iframe,
  .issa-top-event-section .issa-top-event-wrapper iframe {
    height: 400px;
  }
}

.issa-event-list a {
  color: rgb(24, 24, 24);
}
.issa-event-list .image-box {
  position: relative;
}
.issa-event-list.page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 40px;
}
.issa-event-list.page li {
  width: calc((100% - 80px) / 3);
}
.issa-event-list.page .image-box {
  margin-bottom: 10px;
}
.issa-event-list.page .text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.issa-event-list.page .text-box .openday {
  margin-bottom: 10px;
}
.issa-event-list.page .text-box .title {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  width: 100%;
}
.issa-event-list.page .text-box .title span {
  display: -webkit-box; /* 必須 */
  -webkit-box-orient: vertical; /* 必須 */
  -webkit-line-clamp: 2; /* 行数を制限 */
  overflow: hidden;
}
@media (max-width: 767px) {
  .issa-event-list.page.archive {
    gap: 30px;
  }
}
@media (max-width: 1023px) {
  .issa-event-list.page.archive li {
    width: calc((100% - 40px) / 2);
  }
}
@media (max-width: 767px) {
  .issa-event-list.page.archive li {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .issa-event-list.page.about li {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .issa-event-list.page.about a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 10px 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 1023px) {
  .issa-event-list.page.about .image-box {
    width: 300px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .issa-event-list.page.about .image-box {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .issa-event-list.page.about .text-box {
    width: calc(100% - 300px - 30px);
  }
}
@media (max-width: 767px) {
  .issa-event-list.page.about .text-box {
    width: 100%;
  }
}
.issa-event-list.top-one {
  position: relative;
  z-index: 2;
}
.issa-event-list.top-one a {
  gap: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 1023px) {
  .issa-event-list.top-one a {
    gap: 30px;
  }
}
.issa-event-list.top-one .image-box {
  width: 50%;
}
@media (max-width: 767px) {
  .issa-event-list.top-one .image-box {
    width: 100%;
  }
}
.issa-event-list.top-one .text-box {
  width: calc(50% - 50px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1023px) {
  .issa-event-list.top-one .text-box {
    width: calc(50% - 30px);
  }
}
@media (max-width: 767px) {
  .issa-event-list.top-one .text-box {
    width: 100%;
  }
}
.issa-event-list.top-one .title {
  margin-bottom: 20px;
  font-size: 1.4rem;
  font-weight: 600;
}
.issa-event-list.top-list li:not(:last-child) {
  margin-bottom: 20px;
}
.issa-event-list.top-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
}
@media (max-width: 767px) {
  .issa-event-list.top-list a {
    gap: 10px;
  }
}
.issa-event-list.top-list .image-box {
  width: 160px;
}
@media (max-width: 767px) {
  .issa-event-list.top-list .image-box {
    width: 100%;
  }
}
.issa-event-list.top-list .text-box {
  width: calc(100% - 160px - 20px);
}
@media (max-width: 767px) {
  .issa-event-list.top-list .text-box {
    width: 100%;
  }
}
.issa-event-list.top-list .title {
  margin-bottom: 10px;
}
.issa-event-list.top-list .title span {
  display: -webkit-box; /* 必須 */
  -webkit-box-orient: vertical; /* 必須 */
  -webkit-line-clamp: 2; /* 行数を制限 */
  overflow: hidden;
}
.issa-event-list.top-list .issa-line-link {
  display: none;
}
.issa-event-list.top-list .issa-event-category {
  font-size: 0.8rem;
}
.issa-event-list.top-list .openday {
  font-size: 0.8rem;
}

.issa-situation-tag {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: block;
  width: 130px;
  color: rgb(255, 255, 255);
  border-radius: 30px;
  padding: 5px;
  text-align: center;
}
.issa-situation-tag.now-on {
  background-color: rgb(140, 0, 38);
}
.issa-situation-tag.full {
  background-color: rgb(178, 135, 0);
}

.issa-line-link {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  color: rgb(24, 24, 24);
  margin-top: 30px;
}
.issa-line-link::before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 1px;
  background-color: rgb(24, 24, 24);
  vertical-align: middle;
  margin-right: 10px;
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.issa-line-link span {
  vertical-align: middle;
}
.issa-line-link:hover::before {
  -webkit-transform: scale(1.2, 1);
          transform: scale(1.2, 1);
}

.issa-event-category {
  display: inline-block;
  color: rgb(127, 127, 127);
  margin-bottom: 10px;
}

.issa-top-link {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgb(24, 24, 24);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767px) {
  .issa-top-link {
    margin-top: 35px;
  }
}
.issa-top-link::before {
  content: "";
  display: block;
  width: 35px;
  aspect-ratio: 1/1;
  background-image: url("../../images/issasoju/link-arrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.issa-top-link.right {
  margin-left: auto;
}
.issa-top-link.center {
  margin-inline: auto;
}
.issa-top-link span {
  display: block;
}
.issa-top-link span.ja {
  font-weight: 600;
}
.issa-top-link span.en {
  text-transform: capitalize;
}
.issa-top-link:hover::before {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}

.issa-top-about-section {
  overflow: hidden;
}
@media (max-width: 1023px) {
  .issa-top-about-section {
    padding-bottom: 0;
  }
}
.issa-top-about-section .contents-wrapper {
  position: relative;
}
.issa-top-about-section .contents-wrapper:not(.big) {
  z-index: 3;
}
.issa-top-about-section .about-deco {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: translate(20%, 100px);
          transform: translate(20%, 100px);
  width: 50%;
  max-width: 670px;
}
@media (max-width: 1023px) {
  .issa-top-about-section .about-deco {
    width: 60%;
    -webkit-transform: translate(20%, 0px);
            transform: translate(20%, 0px);
  }
}
@media (max-width: 767px) {
  .issa-top-about-section .about-deco {
    width: 90%;
  }
}
.issa-top-about-section .top-about-image-box {
  margin-bottom: 130px;
  margin-left: calc(50% - 50vw);
}
@media (max-width: 767px) {
  .issa-top-about-section .top-about-image-box {
    margin-bottom: 80px;
  }
}

.issa-top-message-section .contents-wrapper {
  position: relative;
}
.issa-top-message-section .contents-wrapper:not(.big) {
  z-index: 2;
}
.issa-top-message-section .image-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100%;
  gap: 40px;
}
@media (max-width: 1023px) {
  .issa-top-message-section .image-box {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .issa-top-message-section .image-box {
    display: none;
  }
}
.issa-top-message-section .image-box > div {
  width: calc((100% - 40px) / 2);
}
@media (max-width: 1023px) {
  .issa-top-message-section .image-box > div::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
  }
}
.issa-top-message-section .image-box > div:first-child {
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
}
@media (max-width: 1110px) {
  .issa-top-message-section .image-box > div:first-child {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.issa-top-message-section .image-box > div:last-child {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.issa-top-message-section .message-wrapper {
  width: 50%;
  margin-left: auto;
}
@media (max-width: 1023px) {
  .issa-top-message-section .message-wrapper {
    width: 100%;
  }
}
.issa-top-message-section .message-wrapper .name {
  margin-top: 30px;
}

.issa-image-title {
  margin-bottom: 50px;
  text-align: center;
  font-weight: 600;
  font-size: 1.8rem;
}
.issa-image-title::before {
  content: "";
  display: block;
  margin: 0 auto 10px;
  width: 96px;
  aspect-ratio: 96/66;
  background-image: url("../../images/issasoju/title-image.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.issa-image-title.yellow::before {
  background-image: url("../../images/issasoju/title-image-yellow.svg");
}
.issa-image-title.green::before {
  background-image: url("../../images/issasoju/title-image-green.svg");
}

.issa-facility-section .facility-text {
  margin-bottom: 30px;
  font-weight: 600;
}
.issa-facility-section .facility-link-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px 0;
}
@media (max-width: 767px) {
  .issa-facility-section .facility-link-wrapper {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.issa-facility-section .facility-link-wrapper a {
  display: block;
}
.issa-facility-section .facility-link-wrapper a:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.issa-facility-section .facility-link-wrapper .image-box {
  aspect-ratio: 720/444;
  overflow: hidden;
}
.issa-facility-section .facility-link-wrapper .image-box img {
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
.issa-facility-section .facility-link-wrapper .text-box {
  padding: 10px 50px 0;
  color: rgb(24, 24, 24);
}
@media (max-width: 1023px) {
  .issa-facility-section .facility-link-wrapper .text-box {
    padding: 10px 20px;
  }
}
.issa-facility-section .facility-link-wrapper .text-box p {
  max-width: 500px;
  margin: auto;
}
.issa-facility-section .facility-link-wrapper .issa-simple-title {
  margin-bottom: 20px;
}

.issa-top-news-section .top-news-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 40px;
}
.issa-top-news-section .news-wrapper {
  width: 50%;
}
@media (max-width: 1023px) {
  .issa-top-news-section .news-wrapper {
    width: 100%;
  }
}
.issa-top-news-section .instagram-wrapper {
  width: calc(50% - 40px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1023px) {
  .issa-top-news-section .instagram-wrapper {
    width: 70%;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .issa-top-news-section .instagram-wrapper {
    width: 100%;
  }
}
.issa-top-news-section .instagram-wrapper a {
  background-color: rgb(24, 24, 24);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  color: rgb(255, 255, 255);
}
.issa-top-news-section .instagram-wrapper a .big {
  text-transform: capitalize;
}
.issa-top-news-section .instagram-wrapper a img {
  margin: 10px auto 20px;
  width: 25px;
}
.issa-top-news-section .instagram-wrapper a .small {
  font-size: 0.7rem;
}
.issa-top-news-section .instagram-wrapper a:hover {
  background-color: rgb(140, 0, 38);
}
.issa-top-news-section .issa-line-link {
  margin-top: 50px;
}

.issa-news-list.top li:not(:last-child) {
  margin-bottom: 30px;
}
.issa-news-list.page {
  max-width: 900px;
}
.issa-news-list.page a {
  padding: 30px 0;
  border-bottom: 1px solid rgb(127, 127, 127);
}
.issa-news-list a {
  display: block;
  color: rgb(24, 24, 24);
}
.issa-news-list .time {
  color: rgb(127, 127, 127);
}
.issa-news-list .title {
  margin-top: 10px;
  font-weight: 500;
}
.issa-news-list .title span {
  display: -webkit-box; /* 必須 */
  -webkit-box-orient: vertical; /* 必須 */
  -webkit-line-clamp: 2; /* 行数を制限 */
  overflow: hidden;
}

.issa-parallax-wrapper {
  overflow: hidden;
  height: 600px;
}
@media (max-width: 1023px) {
  .issa-parallax-wrapper {
    height: 400px;
  }
}
.issa-parallax-wrapper img {
  height: 120%;
  -o-object-fit: cover;
     object-fit: cover;
}

.issa-table-wrapper .inner-box {
  position: relative;
  border-bottom: 1px solid rgb(232, 232, 232);
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .issa-table-wrapper .inner-box {
    gap: 10px;
    padding: 30px 0;
  }
}
.issa-table-wrapper .inner-box::after {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  content: "";
  display: block;
  height: 1px;
  background-color: rgb(140, 0, 38);
  width: 190px;
}
@media (max-width: 767px) {
  .issa-table-wrapper .inner-box::after {
    width: 100px;
  }
}
.issa-table-wrapper .inner-box:first-child {
  padding-top: 0;
}
.issa-table-wrapper.no-last .inner-box:last-child {
  padding-bottom: 0;
  border-bottom: transparent;
}
.issa-table-wrapper.no-last .inner-box:last-child::after {
  display: none;
}
.issa-table-wrapper .title {
  width: 300px;
  padding-left: 110px;
  font-weight: 700;
}
@media (max-width: 1023px) {
  .issa-table-wrapper .title {
    padding-left: 0;
    width: 200px;
  }
}
@media (max-width: 767px) {
  .issa-table-wrapper .title {
    width: 100%;
  }
}
.issa-table-wrapper .title.title-long {
  padding-left: 40px;
}
@media (max-width: 1023px) {
  .issa-table-wrapper .title.title-long {
    padding-left: 0;
  }
}
.issa-table-wrapper .contents {
  width: calc(100% - 300px);
  padding-left: 30px;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .issa-table-wrapper .contents {
    width: calc(100% - 200px);
  }
}
@media (max-width: 767px) {
  .issa-table-wrapper .contents {
    width: 100%;
  }
}
.issa-table-wrapper .small {
  font-size: 0.9rem;
}
.issa-table-wrapper .text-red {
  color: rgb(140, 0, 38);
  font-size: 1.4rem;
}

.issa-top-access-section .top-access-wrapper {
  display: -ms-grid;
  display: grid;
  gap: 30px;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1023px) {
  .issa-top-access-section .top-access-wrapper {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.issa-top-access-section .top-access-wrapper iframe {
  height: 100%;
}
@media (max-width: 1023px) {
  .issa-top-access-section .top-access-wrapper iframe {
    aspect-ratio: 16/9;
  }
}
@media (max-width: 1023px) {
  .issa-top-access-section .top-access-wrapper .map-box {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.issa-top-access-section .top-access-wrapper.text {
  max-width: 800px;
  margin: 30px auto;
}

.issa-simple-link {
  display: block;
  border: 1px solid rgb(24, 24, 24);
  color: rgb(24, 24, 24);
  text-transform: capitalize;
  padding: 10px 30px;
  border-radius: 50px;
  text-align: center;
  max-width: 240px;
  margin: auto;
}
.issa-simple-link:hover {
  background-color: rgb(24, 24, 24);
  color: rgb(255, 255, 255);
}

.issa-access-wrapper {
  max-width: 900px;
  margin: auto;
}
.issa-access-wrapper .red-title {
  color: rgb(140, 0, 38);
  font-weight: 700;
  font-size: 1.1rem;
  margin-bottom: 30px;
}
.issa-access-wrapper .inner-access-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px 50px;
}
.issa-access-wrapper .icon-title::before {
  content: "";
  display: inline-block;
  width: 17px;
  aspect-ratio: 1/1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-right: 10px;
}
.issa-access-wrapper .icon-title.train::before {
  background-image: url("../../images/train-black.svg");
}
.issa-access-wrapper .icon-title.bus::before {
  background-image: url("../../images/bus-black.svg");
}

.issa-reserve-section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../../images/issasoju/guide-reserve-bg.jpg");
}
@media (max-width: 767px) {
  .issa-reserve-section:not(.issa) {
    background-position: right;
  }
}
.issa-reserve-section.issa {
  background-image: url("../../images/issasoju/cement-texture.jpg");
}
.issa-reserve-section .reserve-link-wrapper {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px 50px;
}
@media (max-width: 767px) {
  .issa-reserve-section .reserve-link-wrapper {
    margin-top: 30px;
  }
}
.issa-reserve-section .tel-box {
  font-size: 1.4rem;
  font-weight: 600;
}

.issa-red-link-btn {
  display: block;
  background-color: rgb(140, 0, 38);
  color: rgb(255, 255, 255);
  font-weight: 500;
  font-size: 0.9rem;
  padding: 10px 50px;
  max-width: 252px;
  text-align: center;
  border-radius: 50px;
  border: 1px solid rgb(140, 0, 38);
}
.issa-red-link-btn:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(140, 0, 38);
}
.issa-red-link-btn.center {
  margin: 50px auto 0;
}

.issa-about-mv {
  position: sticky;
  top: 0;
  left: 0;
  background-image: url("../../images/issasoju/about-mv.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100vh;
  max-height: 750px;
  min-height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgb(255, 255, 255);
  text-align: center;
}
.issa-about-mv .contents-wrapper {
  position: relative;
}
.issa-about-mv .fv-text {
  width: 100%;
  -webkit-animation-name: logo;
          animation-name: logo;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.issa-about-mv .second-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-weight: 700;
  font-size: 1.8rem;
  width: 100%;
  opacity: 0;
  -webkit-animation-name: second;
          animation-name: second;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.issa-about-mv .therd-text {
  opacity: 0;
  width: 100%;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 45px;
  letter-spacing: 3px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation-name: therd;
          animation-name: therd;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media (max-width: 767px) {
  .issa-about-mv .therd-text {
    font-size: 1.2rem;
    letter-spacing: 2px;
    line-height: 40px;
  }
}

@-webkit-keyframes logo {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes logo {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes second {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes second {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes therd {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes therd {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.issa-bottom-red-line-title {
  margin-bottom: 50px;
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
}
.issa-bottom-red-line-title::after {
  content: "";
  display: block;
  width: 1px;
  height: 70px;
  background-color: rgb(140, 0, 38);
  margin: 20px auto 0;
}

.issa-page-about-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 60px;
  max-width: 1440px;
  padding-right: 160px;
  margin: auto;
}
@media (max-width: 1440px) {
  .issa-page-about-wrapper {
    padding-right: calc((100% - 1120px) / 2);
  }
}
@media (max-width: 1220px) {
  .issa-page-about-wrapper {
    padding-right: 50px;
  }
}
@media (max-width: 1023px) {
  .issa-page-about-wrapper {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .issa-page-about-wrapper {
    padding-right: 0;
    gap: 30px 10px;
  }
}
.issa-page-about-wrapper .image-box {
  width: calc(50% - 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
}
@media (max-width: 1023px) {
  .issa-page-about-wrapper .image-box {
    width: calc(50% - 30px);
  }
}
@media (max-width: 767px) {
  .issa-page-about-wrapper .image-box {
    display: contents;
  }
}
.issa-page-about-wrapper .image-box img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .issa-page-about-wrapper .image-box img {
    width: 100%;
  }
}
.issa-page-about-wrapper .image-box .half {
  width: calc((100% - 10px) / 2);
}
@media (max-width: 767px) {
  .issa-page-about-wrapper .image-box .half {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.issa-page-about-wrapper .text-box {
  width: 50%;
}
@media (max-width: 767px) {
  .issa-page-about-wrapper .text-box {
    padding: 0 20px;
    width: 100%;
  }
}

.issa-ja {
  margin-bottom: 30px;
}
.issa-ja p:not(:last-child) {
  margin-bottom: 20px;
}

.issa-en {
  font-size: 0.7rem;
}
.issa-en p:not(:last-child) {
  margin-bottom: 15px;
}

.issa-about-swiper {
  margin-bottom: 100px;
}
.issa-about-swiper img {
  height: 580px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1023px) {
  .issa-about-swiper img {
    height: 350px;
  }
}
@media (max-width: 767px) {
  .issa-about-swiper img {
    height: 210px;
  }
}

.issa-about-soju-section.bg-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../../images/issasoju/cement-texture.jpg");
}
.issa-about-soju-section.soju img.deco {
  left: auto;
  right: 0;
  top: 0;
}
.issa-about-soju-section.soju .about-soju-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.issa-about-soju-section .contents-wrapper {
  position: relative;
}
.issa-about-soju-section .contents-wrapper .deco {
  position: absolute;
  top: 50%;
  left: 10%;
  width: 50%;
  max-width: 260px;
}
.issa-about-soju-section .about-soju-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
}
.issa-about-soju-section .about-soju-wrapper .about-soju-name {
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  .issa-about-soju-section .about-soju-wrapper .about-soju-name {
    width: 100%;
  }
}
.issa-about-soju-section .about-soju-wrapper .about-soju-name .ja {
  font-size: 1.4rem;
  font-weight: 600;
}
.issa-about-soju-section .about-soju-wrapper .about-soju-name .ja::after {
  content: "";
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: rgb(24, 24, 24);
  vertical-align: middle;
  margin-left: 10px;
}
.issa-about-soju-section .about-soju-wrapper .about-soju-name .en {
  display: block;
  font-size: 0.7rem;
}
.issa-about-soju-section .about-soju-wrapper .text-box {
  width: 80%;
  max-width: calc(100% - 350px - 10px);
}
@media (max-width: 1023px) {
  .issa-about-soju-section .about-soju-wrapper .text-box {
    display: contents;
  }
}
@media (max-width: 1023px) {
  .issa-about-soju-section .about-soju-wrapper .issa-en {
    width: calc(100% - 10px - 300px);
  }
}
@media (max-width: 767px) {
  .issa-about-soju-section .about-soju-wrapper .issa-en {
    width: 100%;
  }
}
.issa-about-soju-section .about-soju-wrapper .image-box {
  width: 350px;
}
@media (max-width: 1023px) {
  .issa-about-soju-section .about-soju-wrapper .image-box {
    width: 300px;
  }
}
@media (max-width: 767px) {
  .issa-about-soju-section .about-soju-wrapper .image-box {
    margin: auto;
  }
}

.issa-about-page-wrapper {
  margin-bottom: 50px;
}
.issa-about-page-wrapper .about-title {
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .issa-about-page-wrapper .about-title {
    margin-bottom: 25px;
  }
}
.issa-about-page-wrapper .about-text {
  text-align: center;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .issa-about-page-wrapper .about-text {
    font-size: 0.9rem;
  }
}

.issa-about-page-swiper .swiper-button-prev::after,
.issa-about-page-swiper .swiper-button-next::after {
  font-size: 1rem;
  color: rgb(255, 255, 255);
}
.issa-about-page-swiper .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.issa-about-page-swiper .swiper-slide {
  height: auto;
}
.issa-about-page-swiper .swiper-slide img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}

.issa-red-title {
  font-size: 1.1rem;
  color: rgb(140, 0, 38);
  font-weight: 500;
  margin-bottom: 40px;
  text-align: center;
}
.issa-red-title.left {
  text-align: left;
}

.issa-about-event-wrapper {
  padding: 18px;
  border: 2px solid rgb(140, 0, 38);
}
@media (max-width: 767px) {
  .issa-about-event-wrapper {
    padding: 5px;
  }
}
.issa-about-event-wrapper:not(:last-child) {
  margin-bottom: 50px;
}
.issa-about-event-wrapper .inner-box {
  border: 1px solid rgb(140, 0, 38);
  padding: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
}
@media (max-width: 1100px) {
  .issa-about-event-wrapper .inner-box {
    padding: 50px 30px;
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .issa-about-event-wrapper .inner-box {
    padding: 30px 15px;
  }
}
.issa-about-event-wrapper .image-box {
  width: 340px;
}
@media (max-width: 1023px) {
  .issa-about-event-wrapper .image-box {
    margin: auto;
  }
}
.issa-about-event-wrapper .text-box {
  width: calc(100% - 340px - 50px);
  line-height: 30px;
}
@media (max-width: 1100px) {
  .issa-about-event-wrapper .text-box {
    width: calc(100% - 340px - 30px);
  }
}
@media (max-width: 1023px) {
  .issa-about-event-wrapper .text-box {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .issa-about-event-wrapper .text-box {
    line-height: 25px;
  }
}
.issa-about-event-wrapper .about-event-title img {
  width: auto;
  margin: 0 0 20px;
  height: 28px;
}
@media (max-width: 767px) {
  .issa-about-event-wrapper .about-event-title img {
    height: 20px;
  }
}
.issa-about-event-wrapper .day {
  margin-top: 30px;
  font-weight: 500;
  font-size: 0.9rem;
}
@media (max-width: 767px) {
  .issa-about-event-wrapper .day {
    margin-top: 20px;
  }
}

.issa-about-event-sub-wrapper {
  margin-top: 100px;
}
.issa-about-event-sub-wrapper .issa-red-title {
  text-align: left;
}
.issa-about-event-sub-wrapper .sub-event-text {
  margin-bottom: 30px;
}
.issa-about-event-sub-wrapper .sub-event-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
}
@media (max-width: 1023px) {
  .issa-about-event-sub-wrapper .sub-event-box {
    gap: 30px;
  }
}
.issa-about-event-sub-wrapper .sub-event-box:not(:last-child) {
  margin-bottom: 50px;
}
.issa-about-event-sub-wrapper .image-box {
  width: 270px;
}
@media (max-width: 767px) {
  .issa-about-event-sub-wrapper .image-box {
    width: 100%;
  }
}
.issa-about-event-sub-wrapper .text-box {
  width: calc(100% - 270px - 50px);
}
@media (max-width: 1023px) {
  .issa-about-event-sub-wrapper .text-box {
    width: calc(100% - 270px - 30px);
  }
}
@media (max-width: 767px) {
  .issa-about-event-sub-wrapper .text-box {
    width: 100%;
  }
}
.issa-about-event-sub-wrapper .about-event-title {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .issa-about-event-sub-wrapper .about-event-title {
    margin-bottom: 15px;
  }
}
.issa-about-event-sub-wrapper .about-event-title img {
  height: 27px;
  width: auto;
  margin: 0;
}
@media (max-width: 767px) {
  .issa-about-event-sub-wrapper .about-event-title img {
    height: 25px;
  }
}
.issa-about-event-sub-wrapper .day {
  margin-top: 20px;
  font-weight: 500;
  font-size: 0.9rem;
}
@media (max-width: 767px) {
  .issa-about-event-sub-wrapper .day {
    margin-top: 20px;
  }
}

.issa-banner-wrapper {
  position: relative;
  color: rgb(255, 255, 255);
}
.issa-banner-wrapper::before, .issa-banner-wrapper::after {
  position: absolute;
  top: 0;
  content: "";
  display: block;
  height: 100%;
}
.issa-banner-wrapper::before {
  right: 0;
  width: 80%;
  background-image: url("../../images/issasoju/banner-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-position: center;
}
@media (max-width: 1023px) {
  .issa-banner-wrapper::before {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .issa-banner-wrapper::before {
    background-position: right 20% top 50%;
  }
}
.issa-banner-wrapper::after {
  width: 100%;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(32.5%, rgba(0, 0, 0, 0.55)), to(#000000));
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 32.5%, #000000 100%);
}
.issa-banner-wrapper .inner-box {
  margin-bottom: 30px;
  position: relative;
  padding: 30px;
  z-index: 2;
  padding: 40px 100px;
}
@media (max-width: 1023px) {
  .issa-banner-wrapper .inner-box {
    padding: 40px 30px;
  }
}
@media (max-width: 767px) {
  .issa-banner-wrapper .inner-box {
    padding: 40px 15px;
  }
}
.issa-banner-wrapper .inner-box h2 {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .issa-banner-wrapper .inner-box h2 {
    text-align: center;
  }
}
.issa-banner-wrapper .inner-box img {
  display: inline-block;
  width: auto;
  height: 35px;
  margin: 0 20px 0 0;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .issa-banner-wrapper .inner-box img {
    height: 30px;
    margin: 0 0 10px;
  }
}
.issa-banner-wrapper .inner-box .sub-title {
  vertical-align: middle;
  font-weight: 500;
}
@media (max-width: 767px) {
  .issa-banner-wrapper .inner-box .sub-title {
    display: block;
    font-size: 0.9rem;
  }
}
.issa-banner-wrapper .inner-box .ja {
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  .issa-banner-wrapper .inner-box .ja {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .issa-banner-wrapper .inner-box .ja {
    text-align: center;
  }
}
.issa-banner-wrapper .inner-box .en-box {
  font-size: 0.7rem;
}
.issa-banner-wrapper .inner-box .en-box p:not(:last-child) {
  margin-bottom: 15px;
}

.issa-dot-list li::before {
  content: "・";
}

.issa-about-banner-section {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(217, 217, 217, 0)), to(#F7F7F7));
  background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #F7F7F7 100%);
}
.issa-about-banner-section .issa-red-link-btn {
  padding: 10px;
}

.issa-black-btn {
  margin: 50px auto 0;
  display: block;
  max-width: 250px;
  padding: 10px;
  border: 1px solid rgb(24, 24, 24);
  color: rgb(24, 24, 24);
  border-radius: 30px;
  font-weight: 500;
  font-size: 0.9rem;
  text-align: center;
}
.issa-black-btn:hover {
  background-color: rgb(24, 24, 24);
  color: rgb(255, 255, 255);
}

.issa-mv-section {
  position: sticky;
  top: 0;
  left: 0;
  height: 575px;
}
@media (max-width: 1023px) {
  .issa-mv-section {
    height: auto;
  }
}
@media (max-width: 767px) {
  .issa-mv-section {
    padding: 50px 0 100px;
  }
}
.issa-mv-section .contents-wrapper {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.issa-mv-section .issa-image-title {
  font-weight: 700;
}
.issa-mv-section .issa-mv-link-wrapper {
  position: absolute;
  bottom: -100px;
  right: 0;
}

.issa-cafe-mv {
  background-image: url("../../images/issasoju/cafe-mv.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 660px;
  padding: 50px 0;
  color: rgb(255, 255, 255);
}
@media (max-width: 1023px) {
  .issa-cafe-mv {
    height: 480px;
  }
}
@media (max-width: 767px) {
  .issa-cafe-mv {
    height: 300px;
    padding-bottom: 30px;
  }
}
.issa-cafe-mv .contents-wrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.issa-cafe-mv .cafe-mv-text .issa-ja {
  display: block;
  font-size: 2.3rem;
}
@media (max-width: 767px) {
  .issa-cafe-mv .cafe-mv-text .issa-ja {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
.issa-cafe-mv .cafe-mv-text .big {
  line-height: 35px;
  font-size: 3.8rem;
}
@media (max-width: 767px) {
  .issa-cafe-mv .cafe-mv-text .big {
    font-size: 2.5rem;
    line-height: 25px;
  }
}
.issa-cafe-mv .cafe-mv-text .issa-en {
  display: block;
  letter-spacing: 2px;
}
@media (max-width: 767px) {
  .issa-cafe-mv .cafe-mv-text .issa-en {
    letter-spacing: 1px;
  }
}

.issa-cafe-menu-section {
  position: relative;
}
.issa-cafe-menu-section::before {
  position: absolute;
  top: 200px;
  left: 0;
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  background-image: url("../../images/issasoju/menu-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-position: top;
}
@media (max-width: 1023px) {
  .issa-cafe-menu-section::before {
    width: 100%;
  }
}

.issa-cafe-main-menu-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 70px;
}
.issa-cafe-main-menu-wrapper .text-box {
  width: calc(55% - 50px);
}
@media (max-width: 1023px) {
  .issa-cafe-main-menu-wrapper .text-box {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .issa-cafe-main-menu-wrapper .text-box {
    width: 100%;
  }
}
.issa-cafe-main-menu-wrapper .text-box .inner-box:not(:last-child) {
  margin-bottom: 80px;
}
.issa-cafe-main-menu-wrapper .text-box .price {
  font-weight: 500;
}
.issa-cafe-main-menu-wrapper .text-box .number {
  font-size: 1.4rem;
}
.issa-cafe-main-menu-wrapper .image-box {
  width: calc(45% - 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
}
@media (max-width: 1023px) {
  .issa-cafe-main-menu-wrapper .image-box {
    width: 100%;
  }
}
.issa-cafe-main-menu-wrapper .image-box .big {
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 55%;
}
@media (max-width: 1023px) {
  .issa-cafe-main-menu-wrapper .image-box .big {
    margin-bottom: 100px;
  }
}
.issa-cafe-main-menu-wrapper .image-box .small {
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: calc(45% - 20px);
}
.issa-cafe-main-menu-wrapper .menu-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
}
.issa-cafe-main-menu-wrapper .menu-list li:not(:last-child) {
  margin-bottom: 30px;
}
.issa-cafe-main-menu-wrapper .menu-list .menu {
  font-weight: 600;
  font-size: 1.4rem;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .issa-cafe-main-menu-wrapper .menu-list .menu {
    font-size: 1.1rem;
  }
}
.issa-cafe-main-menu-wrapper .menu-list .menu::after {
  content: "";
  display: block;
  height: 1px;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  background-color: rgb(24, 24, 24);
}
.issa-cafe-main-menu-wrapper .summer-menu {
  font-weight: 500;
  font-size: 1.3rem;
}
@media (max-width: 767px) {
  .issa-cafe-main-menu-wrapper .summer-menu {
    font-size: 1.1rem;
  }
}

.issa-menu-en-section .en-title {
  margin-bottom: 50px;
  text-align: center;
  font-weight: 500;
  font-size: 1.1rem;
}
.issa-menu-en-section .title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 30px;
  text-transform: capitalize;
}
.issa-menu-en-section .menu-wrapper:not(:last-child) {
  margin-bottom: 100px;
}
.issa-menu-en-section .menu-inner {
  display: -ms-grid;
  display: grid;
  gap: 40px 100px;
  -ms-grid-columns: 1fr 100px 1fr;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1023px) {
  .issa-menu-en-section .menu-inner {
    gap: 40px 30px;
  }
}
@media (max-width: 767px) {
  .issa-menu-en-section .menu-inner {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.issa-menu-en-section .menu-name {
  margin-bottom: 15px;
}
.issa-menu-en-section .menu-name .ja {
  margin-right: 30px;
}
@media (max-width: 1023px) {
  .issa-menu-en-section .menu-name .ja {
    display: block;
  }
}
.issa-menu-en-section .en-message {
  font-size: 0.7rem;
}

.issa-bg-gray {
  background-image: url("../../images/issasoju/cement-texture.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.issa-pege-info-section {
  position: relative;
}
.issa-pege-info-section .contents-wrapper {
  position: relative;
  z-index: 2;
}
.issa-pege-info-section .first-text {
  max-width: 800px;
  margin: 0 auto 60px;
  font-weight: 700;
  font-size: 1.1rem;
  text-align: center;
}
.issa-pege-info-section .first-text p:not(:last-child) {
  margin-bottom: 15px;
}
.issa-pege-info-section .deco {
  position: absolute;
  bottom: 0;
  right: 10%;
  -webkit-transform: translateY(20%);
          transform: translateY(20%);
  max-width: 180px;
  width: 30%;
}

.issa-guide-swction {
  position: relative;
}
.issa-guide-swction .contents-wrapper {
  position: relative;
  z-index: 2;
}
.issa-guide-swction .deco {
  position: absolute;
  top: 50px;
  left: 10%;
  width: 20%;
  max-width: 135px;
}

.issa-note-wrapper {
  margin-top: 100px;
}
.issa-note-wrapper .issa-dot-list {
  padding-left: 30px;
  font-family: "Noto Sans JP", serif;
}
@media (max-width: 767px) {
  .issa-note-wrapper .issa-dot-list {
    padding-left: 0;
  }
}
.issa-note-wrapper .issa-dot-list li:not(:last-child) {
  margin-bottom: 5px;
}
.issa-note-wrapper .small-note {
  margin-top: 10px;
  padding-left: 30px;
  font-size: 0.8rem;
}
@media (max-width: 767px) {
  .issa-note-wrapper .small-note {
    padding-left: 0;
  }
}
.issa-note-wrapper .small-note p:not(:last-child) {
  margin-bottom: 5px;
}

.issa-left-border-title {
  margin-bottom: 30px;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 5px 0 5px 10px;
  border-left: 3px solid rgb(140, 0, 38);
}

.issa-price-table-wrapper:not(:last-child) {
  margin-bottom: 80px;
}
@media (max-width: 1023px) {
  .issa-price-table-wrapper .inner-box {
    overflow: scroll;
  }
}
@media (max-width: 1023px) {
  .issa-price-table-wrapper table {
    min-width: 760px;
  }
}
.issa-price-table-wrapper .header-th {
  padding: 5px 10px;
  color: rgb(255, 255, 255);
  font-weight: 600;
  font-size: 1.4rem;
}
.issa-price-table-wrapper th, .issa-price-table-wrapper td {
  font-weight: 600;
  padding: 15px 10px;
  text-align: center;
  border: 1px solid rgb(255, 255, 255);
  background-color: rgb(226, 215, 209);
}
.issa-price-table-wrapper td {
  font-size: 1.4rem;
}
.issa-price-table-wrapper td .small {
  font-size: 0.9rem;
  font-weight: 500;
}
.issa-price-table-wrapper tr:nth-child(even) th, .issa-price-table-wrapper tr:nth-child(even) td {
  background-color: rgb(240, 231, 226);
}
.issa-price-table-wrapper .red-table .header-th {
  background-color: rgb(140, 0, 38);
}
.issa-price-table-wrapper .yellow-table .header-th {
  background-color: rgb(178, 135, 0);
}
.issa-price-table-wrapper .table-after-text {
  text-align: right;
  margin-top: 10px;
  font-weight: 500;
  font-size: 0.9rem;
}
@media (max-width: 767px) {
  .issa-price-table-wrapper .table-after-text {
    text-align: left;
  }
}

.issa-haiku-first-section .contest-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  gap: 50px;
}
@media (max-width: 1023px) {
  .issa-haiku-first-section .contest-wrapper {
    gap: 30px;
  }
}
.issa-haiku-first-section .image-box {
  width: 45%;
}
@media (max-width: 767px) {
  .issa-haiku-first-section .image-box {
    width: 100%;
  }
}
.issa-haiku-first-section .text-box {
  position: relative;
  width: calc(55% - 50px);
}
@media (max-width: 1023px) {
  .issa-haiku-first-section .text-box {
    width: calc(55% - 30px);
  }
}
@media (max-width: 767px) {
  .issa-haiku-first-section .text-box {
    width: 100%;
  }
}
.issa-haiku-first-section .text-box .deco {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 217px;
  width: 30%;
}
@media (max-width: 1023px) {
  .issa-haiku-first-section .text-box .deco {
    width: 50%;
    -webkit-transform: translate(-30%, -50%);
            transform: translate(-30%, -50%);
  }
}
@media (max-width: 767px) {
  .issa-haiku-first-section .text-box .deco {
    display: none;
  }
}
.issa-haiku-first-section .text-box p {
  position: relative;
  z-index: 2;
}

.issa-haiku-contest-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 4.5fr 30px 5.5fr;
  grid-template-columns: 4.5fr 5.5fr;
  gap: 30px;
}
@media (max-width: 767px) {
  .issa-haiku-contest-wrapper {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
@media (max-width: 1023px) {
  .issa-haiku-contest-wrapper .issa-dot-list {
    font-size: 0.9rem;
  }
}

.issa-school-section .issa-bottom-red-line-title {
  position: relative;
}
.issa-school-section .issa-bottom-red-line-title::before {
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  content: "";
  display: block;
  width: 50%;
  max-width: 350px;
  aspect-ratio: 349/347;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/issasoju/guide-deco1.png");
}
.issa-school-section .school-text-box {
  max-width: 800px;
  margin: 0 auto 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media (max-width: 1023px) {
  .issa-school-section .school-text-box {
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .issa-school-section .school-text-box {
    gap: 30px;
  }
}
.issa-school-section .school-text-box .image-box {
  width: 30%;
}
@media (max-width: 767px) {
  .issa-school-section .school-text-box .image-box {
    width: 80%;
  }
}
.issa-school-section .school-text-box .text-box {
  width: calc(70% - 30px);
}
@media (max-width: 1023px) {
  .issa-school-section .school-text-box .text-box {
    width: calc(70% - 10px);
  }
}
@media (max-width: 767px) {
  .issa-school-section .school-text-box .text-box {
    width: 100%;
  }
}
.issa-school-section .school-text-box .title {
  margin-bottom: 30px;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
}

.school-red-box {
  margin-top: 100px;
  margin-bottom: 50px;
  border: 2px solid rgb(140, 0, 38);
  padding: 15px;
}
@media (max-width: 1023px) {
  .school-red-box {
    width: 80%;
    margin-inline: auto;
  }
}
@media (max-width: 767px) {
  .school-red-box {
    width: 100%;
    padding: 5px;
  }
}
.school-red-box .inner-box {
  border: 1px solid rgb(140, 0, 38);
  padding: 50px;
  display: -ms-grid;
  display: grid;
  gap: 30px;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1023px) {
  .school-red-box .inner-box {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 50px;
  }
}
@media (max-width: 767px) {
  .school-red-box .inner-box {
    padding: 30px 20px;
  }
}
.school-red-box .teacher-prof {
  margin-bottom: 20px;
}
.school-red-box .name {
  margin-bottom: 20px;
  font-size: 1.1rem;
  font-weight: 700;
}
.school-red-box .prof:not(:last-child) {
  margin-bottom: 5px;
}
.school-red-box .prof::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  margin-right: 10px;
  aspect-ratio: 1/1;
  background-color: rgb(140, 0, 38);
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.school-red-box .prof span {
  vertical-align: middle;
}
@media (max-width: 767px) {
  .school-red-box .teacher-history {
    font-size: 0.9rem;
  }
}

.issa-school-link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 50px;
}
.issa-school-link-wrapper .issa-simple-link {
  width: 100%;
  margin: 0;
}

.issa-teicya-section {
  position: relative;
}
.issa-teicya-section::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1440/590;
  background-image: url("../../images/issasoju/teicya-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-position: bottom;
}
.issa-teicya-section .teicya-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 1023px) {
  .issa-teicya-section .teicya-wrapper {
    gap: 0 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 767px) {
  .issa-teicya-section .teicya-wrapper {
    gap: 30px;
  }
}
.issa-teicya-section .teicya-wrapper .text-box {
  width: calc(70% - 50px);
}
@media (max-width: 1023px) {
  .issa-teicya-section .teicya-wrapper .text-box {
    display: contents;
  }
}
.issa-teicya-section .teicya-wrapper .message-box {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .issa-teicya-section .teicya-wrapper .message-box {
    margin-bottom: 20px;
  }
}
.issa-teicya-section .teicya-wrapper .message-box .title {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  .issa-teicya-section .teicya-wrapper .issa-table-wrapper {
    width: 55%;
  }
}
@media (max-width: 767px) {
  .issa-teicya-section .teicya-wrapper .issa-table-wrapper {
    width: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.issa-teicya-section .teicya-wrapper .issa-table-wrapper .title {
  width: 210px;
}
@media (max-width: 1023px) {
  .issa-teicya-section .teicya-wrapper .issa-table-wrapper .title {
    width: 100%;
    font-size: 1.1rem;
    margin-bottom: 10px;
  }
}
.issa-teicya-section .teicya-wrapper .issa-table-wrapper .contents {
  width: calc(100% - 210px);
}
@media (max-width: 1023px) {
  .issa-teicya-section .teicya-wrapper .issa-table-wrapper .contents {
    width: 100%;
  }
}
.issa-teicya-section .teicya-wrapper .image-box {
  width: 30%;
}
@media (max-width: 1023px) {
  .issa-teicya-section .teicya-wrapper .image-box {
    width: calc(45% - 30px);
  }
}
@media (max-width: 767px) {
  .issa-teicya-section .teicya-wrapper .image-box {
    display: contents;
  }
  .issa-teicya-section .teicya-wrapper .image-box img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .issa-teicya-section .teicya-wrapper .image-box .issa-red-link-btn {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin-top: 0;
  }
}
.issa-teicya-section.classroom::before {
  display: none;
}

.issa-event-link {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 30px;
}
@media (max-width: 767px) {
  .issa-event-link {
    gap: 10px;
  }
}
.issa-event-link li {
  width: 152px;
}
@media (max-width: 767px) {
  .issa-event-link li {
    max-width: 152px;
    width: calc((100% - 10px) / 2);
  }
}
.issa-event-link a {
  display: block;
  padding: 5px;
  text-align: center;
  color: rgb(255, 255, 255);
  border-radius: 30px;
  border: 1px solid;
}
.issa-event-link a.gray {
  background-color: rgb(127, 127, 127);
  border-color: rgb(127, 127, 127);
}
.issa-event-link a.gray:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(127, 127, 127);
}
.issa-event-link a.now-on {
  background-color: rgb(140, 0, 38);
  border-color: rgb(140, 0, 38);
}
.issa-event-link a.now-on:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(140, 0, 38);
}
.issa-event-link a.full {
  background-color: rgb(178, 135, 0);
  border-color: rgb(178, 135, 0);
}
.issa-event-link a.full:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(178, 135, 0);
}

.museum-pagenavi.issa span.current {
  background-color: rgb(178, 135, 0);
}
.museum-pagenavi.issa.tags {
  margin-bottom: 50px;
}
.museum-pagenavi.issa.tags + .issa-event-link {
  margin-bottom: 0;
}

.issa-event-single-section .issa-situation-tag {
  position: static;
}
.issa-event-single-section .image-box {
  margin-bottom: 50px;
}
.issa-event-single-section .single-news .main-contents,
.issa-event-single-section .single-news .news-title {
  font-family: "Shippori Mincho B1", serif;
}
.issa-event-single-section .single-category-wrapper {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.issa-event-single-section .issa-event-category {
  margin-bottom: 0;
}
.issa-event-single-section .event-table th {
  background-color: rgb(178, 135, 0);
}
.issa-event-single-section .single-pagination a {
  color: rgb(24, 24, 24);
  font-family: "Shippori Mincho B1", serif;
}
.issa-event-single-section .single-pagination a.issa-simple-link:hover {
  color: rgb(255, 255, 255);
}

.issa-access-section {
  overflow: hidden;
}
.issa-access-section .issa-table-wrapper {
  position: relative;
  z-index: 1;
}
.issa-access-section .deco {
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  max-width: 180px;
  margin-right: 0;
}
.issa-access-section .map-wrapper {
  max-width: 800px;
  margin: auto;
}
.issa-access-section .google-map {
  margin-bottom: 30px;
  aspect-ratio: 16/9;
}
.issa-access-section .issa-simple-link {
  margin-bottom: 30px;
}

.issa-en-access .en-access-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 40px 30px;
}
.issa-en-access .en-access-wrapper .text-box {
  width: 65%;
}
@media (max-width: 1023px) {
  .issa-en-access .en-access-wrapper .text-box {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.issa-en-access .en-access-wrapper .text-box .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
}
.issa-en-access .en-access-wrapper .text-box .inner-box:not(:last-child) {
  margin-bottom: 20px;
}
.issa-en-access .en-access-wrapper .text-box .issa-left-border-title {
  margin-bottom: 0;
  width: 110px;
}
.issa-en-access .en-access-wrapper .text-box .issa-left-border-title.big {
  width: 100%;
}
.issa-en-access .en-access-wrapper .text-box .contents {
  width: calc(100% - 110px - 10px);
}
@media (max-width: 767px) {
  .issa-en-access .en-access-wrapper .text-box .contents {
    width: 100%;
  }
}
.issa-en-access .en-access-wrapper .image-box {
  width: calc(35% - 30px);
}
@media (max-width: 1023px) {
  .issa-en-access .en-access-wrapper .image-box {
    width: 70%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: auto;
  }
  .issa-en-access .en-access-wrapper .image-box img {
    aspect-ratio: 4/3;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 767px) {
  .issa-en-access .en-access-wrapper .image-box {
    width: 100%;
  }
}
.issa-en-access .en-access-wrapper .tel-box {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  width: 100%;
  max-width: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 30px;
  margin: auto;
  padding-top: 30px;
  border-top: 1px solid rgb(232, 232, 232);
}

.issa-faq-section .page-faq-wrapper:not(:last-child) {
  margin-bottom: 50px;
}
.issa-faq-section .museum-recipe-title {
  background-color: rgb(140, 0, 38);
}
.issa-faq-section .accordion-wrapper .trigger::before {
  background-image: url("../../images/issasoju/q-icon.png");
}
.issa-faq-section .accordion-wrapper .content.a-box::before {
  background-image: url("../../images/issasoju/a-icon.png");
}

.issa-contact-section .contact-text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 30px;
  border-radius: 30px;
  margin-inline: auto;
  background-color: rgb(232, 232, 232);
}
@media (max-width: 767px) {
  .issa-contact-section .contact-text {
    padding: 20px 15px;
    text-align: left;
    font-size: 0.9rem;
    border-radius: 10px;
  }
}
.issa-contact-section .contact-text a {
  background-color: rgb(140, 0, 38);
  color: rgb(255, 255, 255);
  padding: 2px 5px;
  margin: 0 3px;
  display: inline-block;
  border-bottom: none;
}
.issa-contact-section .contact-arrow-wrapper span {
  border-color: rgb(24, 24, 24);
  color: rgb(24, 24, 24);
}
.issa-contact-section .contact-arrow-wrapper span.bg-blue {
  border-color: rgb(178, 135, 0);
  color: rgb(255, 255, 255);
  background-color: rgb(178, 135, 0);
}
.issa-contact-section .button-submit {
  background-color: rgb(140, 0, 38);
  font-family: "Shippori Mincho B1", serif;
}
.issa-contact-section .button-submit.yellow {
  background-color: rgb(178, 135, 0);
}
.issa-contact-section .thanks_area {
  position: relative;
}
.issa-contact-section .thanks_area::before {
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: 30%;
  max-width: 325px;
  aspect-ratio: 325/347;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/issasoju/guide-deco1.png");
}
@media (max-width: 767px) {
  .issa-contact-section .thanks_area::before {
    width: 80%;
  }
}

.leimei-font {
  font-family: "Noto Sans JP", serif;
}

.leimei-header {
  position: relative;
  z-index: 100;
  background-color: rgb(243, 241, 234);
}
.leimei-header .contents-wrapper {
  position: relative;
}

.leimei-wrapper {
  position: relative;
  z-index: 100;
  background-color: rgb(243, 241, 234);
}

.drawer--right .leimei-header .contents-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.drawer--right .leimei-header .header-logo {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 170px;
}
@media (max-width: 1023px) {
  .drawer--right .leimei-header .header-logo {
    position: static;
  }
}
@media (max-width: 767px) {
  .drawer--right .leimei-header .header-logo {
    width: 90px;
  }
}
.drawer--right .leimei-header .header-menu {
  margin: 22px 100px 20px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 30px;
}
@media (max-width: 1023px) {
  .drawer--right .leimei-header .header-menu {
    display: none;
  }
}
.drawer--right .leimei-header .header-menu a {
  color: rgb(52, 52, 52);
}
.drawer--right .leimei-header .drawer-nav {
  width: 100%;
  height: auto;
  right: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: rgb(14, 81, 120);
}
.drawer--right .leimei-header .drawer-nav .contents-wrapper {
  padding: 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.drawer--right .leimei-header button.drawer-hamburger {
  position: absolute;
}
.drawer--right.drawer-open .leimei-header .drawer-nav {
  -webkit-transform: translate(0);
          transform: translate(0);
}
.drawer--right.drawer-open .leimei-header .drawer-hamburger-icon::before, .drawer--right.drawer-open .leimei-header .drawer-hamburger-icon::after {
  background-color: rgb(255, 255, 255);
}

.leimei-menu-wrapper .leimei-nav-logo {
  display: block;
  margin-bottom: 50px;
  text-align: center;
}
.leimei-menu-wrapper .leimei-nav-logo img {
  margin-bottom: 10px;
  width: 104px;
}
.leimei-menu-wrapper .leimei-nav-logo .ja {
  display: block;
  font-size: 2rem;
}
@media (max-width: 767px) {
  .leimei-menu-wrapper .leimei-nav-logo .ja {
    font-size: 1.5rem;
  }
}
.leimei-menu-wrapper .leimei-nav-logo .en {
  font-family: "Cinzel", serif;
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  .leimei-menu-wrapper .leimei-nav-logo .en {
    font-size: 1.2rem;
  }
}
.leimei-menu-wrapper a {
  color: rgb(255, 255, 255);
}
.leimei-menu-wrapper a.sub::before {
  content: "ー";
  margin: 0 10px;
}
.leimei-menu-wrapper .leimei-menu-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px;
}
@media (max-width: 767px) {
  .leimei-menu-wrapper .leimei-menu-box {
    gap: 30px;
  }
}
.leimei-menu-wrapper .leimei-menu-box li:not(:last-child) {
  margin-bottom: 10PX;
}
.leimei-menu-wrapper .sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
}
.leimei-menu-wrapper .sns img {
  width: 25px;
}

.leimei-footer {
  background-color: rgb(14, 81, 120);
  color: rgb(255, 255, 255);
}
.leimei-footer .contents-wrapper {
  padding: 50px 0 10px;
}
.leimei-footer .leimei-menu-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 30px;
}
@media (max-width: 1023px) {
  .leimei-footer .leimei-menu-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.leimei-footer .reimei {
  display: none;
}
.leimei-footer .footer-link-wrapepr {
  margin-top: 50px;
}
.leimei-footer .footer-link-wrapepr a:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(14, 81, 120);
}
.leimei-footer .copy-light {
  font-size: 0.8rem;
}
@media (max-width: 767px) {
  .leimei-footer .copy-light {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 10px 15px;
  }
  .leimei-footer .copy-light span {
    display: block;
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.leimei-footer .copy-light a {
  color: rgb(255, 255, 255);
  margin-left: 10px;
}
@media (max-width: 767px) {
  .leimei-footer .copy-light a {
    margin-left: 0;
  }
}

.leimei-fv-section {
  margin-top: 50px;
  padding: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgb(14, 81, 120)));
  background: linear-gradient(to bottom, transparent 70%, rgb(14, 81, 120) 70%);
}
@media (max-width: 1023px) {
  .leimei-fv-section {
    margin-top: 0;
  }
}
.leimei-fv-section .leimei-fv-slide {
  position: relative;
  max-width: 995px;
  aspect-ratio: 995/590;
  margin: auto;
  -webkit-mask-size: contain;
          mask-size: contain;
  min-height: 25.6222547584vw;
  max-height: calc(100vh - 175px);
}
@media (max-width: 1023px) {
  .leimei-fv-section .leimei-fv-slide {
    max-width: calc(100% - 60px);
    min-height: 50vw;
  }
}
@media (max-width: 767px) {
  .leimei-fv-section .leimei-fv-slide {
    max-width: calc(100% - 80px);
    min-height: 400px;
    max-height: calc(100vh - 210px);
    aspect-ratio: 335/457;
  }
}
.leimei-fv-section .leimei-fv-slide .swiper-slide-duplicate-active img,
.leimei-fv-section .leimei-fv-slide .swiper-slide-prev img,
.leimei-fv-section .leimei-fv-slide .swiper-slide-active img {
  -webkit-animation: zoomUp 5s linear 0s normal both;
          animation: zoomUp 5s linear 0s normal both;
}
.leimei-fv-section .leimei-fv-slide .swiper-wrapper img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.leimei-fv-section .leimei-fv-slide .corner-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  max-height: 70%;
}
@media (max-width: 767px) {
  .leimei-fv-section .leimei-fv-slide .corner-image {
    height: 150px;
  }
}

@keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}
.leimei-top-about-wrapper {
  overflow: hidden;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, rgb(14, 81, 120)), color-stop(75%, transparent));
  background: linear-gradient(to bottom, rgb(14, 81, 120) 75%, transparent 75%);
}
.leimei-top-about-wrapper::before {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  width: 150%;
  aspect-ratio: 1872/301;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/leimei/about-bg.png");
}
@media (max-width: 1023px) {
  .leimei-top-about-wrapper::before {
    top: 35%;
  }
}

.leimei-about-swction {
  position: relative;
  z-index: 2;
}
@media (max-width: 1023px) {
  .leimei-about-swction {
    padding-bottom: 0;
  }
}
.leimei-about-swction .top-about-wrapper {
  max-width: 900px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
.leimei-about-swction .top-about-wrapper .image-box {
  width: 35%;
  position: relative;
  z-index: 2;
}
@media (max-width: 1023px) {
  .leimei-about-swction .top-about-wrapper .image-box {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .leimei-about-swction .top-about-wrapper .image-box {
    width: 100%;
  }
}
.leimei-about-swction .top-about-wrapper .text-box {
  position: relative;
  width: 65%;
  padding: 15px 13% 30px 15px;
  background-color: rgb(255, 252, 246);
  margin-right: -10%;
}
@media (max-width: 1023px) {
  .leimei-about-swction .top-about-wrapper .text-box {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .leimei-about-swction .top-about-wrapper .text-box {
    width: 100%;
    padding: 10px 35px 30px 10px;
    margin-right: 0;
  }
}
.leimei-about-swction .top-about-wrapper .text-box::before {
  content: "";
  display: block;
  width: 54px;
  aspect-ratio: 1/1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/leimei/about-deco-icon.svg");
}
@media (max-width: 767px) {
  .leimei-about-swction .top-about-wrapper .text-box::before {
    width: 30px;
  }
}
.leimei-about-swction .top-about-wrapper .text-box .inner-box {
  padding-left: 60px;
}
@media (max-width: 767px) {
  .leimei-about-swction .top-about-wrapper .text-box .inner-box {
    padding-left: 35px;
    padding-top: 30px;
  }
}
.leimei-about-swction .top-about-wrapper .text-box .inner-box p:not(:last-child) {
  margin-bottom: 10px;
}
.leimei-about-swction .top-about-wrapper .text-box .inner-box::before, .leimei-about-swction .top-about-wrapper .text-box .inner-box::after {
  position: absolute;
  content: "";
  display: block;
  background-color: rgb(147, 102, 5);
}
.leimei-about-swction .top-about-wrapper .text-box .inner-box::before {
  width: 128px;
  height: 1px;
  top: 40px;
  left: 80px;
}
@media (max-width: 767px) {
  .leimei-about-swction .top-about-wrapper .text-box .inner-box::before {
    top: 24px;
    left: 50px;
  }
}
.leimei-about-swction .top-about-wrapper .text-box .inner-box::after {
  width: 1px;
  height: 128px;
  left: 40px;
  top: 80px;
}
@media (max-width: 767px) {
  .leimei-about-swction .top-about-wrapper .text-box .inner-box::after {
    left: 24px;
    top: 50px;
  }
}

.leimei-center-icon-title {
  margin-bottom: 50px;
  font-size: 3.1rem;
  letter-spacing: 4px;
  font-family: "Cinzel Decorative", serif;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 767px) {
  .leimei-center-icon-title {
    font-size: 2.5rem;
  }
}
.leimei-center-icon-title::before {
  content: "";
  display: block;
  width: 235px;
  aspect-ratio: 235/70;
  margin: 0 auto 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/leimei/white-icon.svg");
}
@media (max-width: 767px) {
  .leimei-center-icon-title::before {
    width: 160px;
  }
}
.leimei-center-icon-title.page-top {
  margin-bottom: 85px;
  font-size: 2.5rem;
  color: rgb(147, 102, 5);
  font-family: "Cinzel", serif;
}
@media (max-width: 1023px) {
  .leimei-center-icon-title.page-top {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .leimei-center-icon-title.page-top {
    font-size: 2rem;
  }
}
.leimei-center-icon-title.page-top::before {
  background-image: url("../../images/leimei/page-top-icon.svg");
}

.leimei-mein-title {
  color: rgb(147, 102, 5);
  font-family: "Cinzel", serif;
  text-transform: uppercase;
  text-align: center;
}
.leimei-mein-title.small {
  margin-bottom: 30px;
  font-size: 2.5rem;
}
@media (max-width: 767px) {
  .leimei-mein-title.small {
    font-size: 1.8rem;
  }
}
.leimei-mein-title.big {
  margin-bottom: 50px;
  font-size: 4rem;
}
@media (max-width: 767px) {
  .leimei-mein-title.big {
    font-size: 2.5rem;
  }
}
.leimei-mein-title .ja {
  display: block;
  font-family: "Noto Sans JP", serif;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .leimei-mein-title .ja {
    font-size: 0.8rem;
  }
}
.leimei-mein-title .noto-serif {
  font-family: "Noto Serif JP", serif;
  font-size: 1.8rem;
}
.leimei-mein-title.side-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.leimei-mein-title.side-line::before, .leimei-mein-title.side-line::after {
  width: 186px;
  content: "";
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  aspect-ratio: 186/35;
  background-image: url("../../images/leimei/title-line.png");
}
@media (max-width: 1023px) {
  .leimei-mein-title.side-line::before, .leimei-mein-title.side-line::after {
    width: 140px;
  }
}
@media (max-width: 767px) {
  .leimei-mein-title.side-line::before, .leimei-mein-title.side-line::after {
    display: none;
  }
}
.leimei-mein-title.side-line::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.leimei-mein-title.tiara::before {
  content: "";
  margin: 0 auto 10px;
  display: block;
  width: 113px;
  aspect-ratio: 113/35;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/leimei/tiara.svg");
}
.leimei-mein-title.top-line::before {
  content: "";
  display: block;
  width: 50%;
  aspect-ratio: 508/54;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: auto;
  background-image: url("../../images/leimei/title-line.svg");
}
@media (max-width: 767px) {
  .leimei-mein-title.top-line::before {
    width: 100%;
  }
}

.leimei-more-link {
  display: block;
  margin-top: 50px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Cinzel", serif;
  font-size: 1.1rem;
  color: rgb(147, 102, 5);
  text-transform: uppercase;
  border-bottom: 1px solid transparent;
}
.leimei-more-link:hover {
  border-color: rgb(147, 102, 5);
}
.leimei-more-link.right {
  margin-left: auto;
}
.leimei-more-link.center {
  margin-inline: auto;
}
.leimei-more-link.border {
  border: 1px solid rgb(147, 102, 5);
  padding: 10px 20px 5px;
}
.leimei-more-link.border:hover {
  background-color: rgb(147, 102, 5);
  color: rgb(255, 255, 255);
}

.leimei-top-news-section {
  position: relative;
  z-index: 2;
}
.leimei-top-news-section .top-news-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 60px;
}
@media (max-width: 1100px) {
  .leimei-top-news-section .top-news-wrapper {
    gap: 30px;
  }
}
@media (max-width: 1023px) {
  .leimei-top-news-section .top-news-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.leimei-top-news-section .insta-wrapper {
  align-self: flex-start;
  width: calc((100% - 60px) / 2);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: (1fr)[3];
  grid-template-rows: repeat(3, 1fr);
}
.leimei-top-news-section .insta-wrapper > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.leimei-top-news-section .insta-wrapper > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.leimei-top-news-section .insta-wrapper > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.leimei-top-news-section .insta-wrapper > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.leimei-top-news-section .insta-wrapper > *:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.leimei-top-news-section .insta-wrapper > *:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.leimei-top-news-section .insta-wrapper > *:nth-child(7) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.leimei-top-news-section .insta-wrapper > *:nth-child(8) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.leimei-top-news-section .insta-wrapper > *:nth-child(9) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
@media (max-width: 1100px) {
  .leimei-top-news-section .insta-wrapper {
    width: 50%;
  }
}
@media (max-width: 1023px) {
  .leimei-top-news-section .insta-wrapper {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .leimei-top-news-section .insta-wrapper {
    width: 100%;
  }
}
.leimei-top-news-section .insta-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
}
.leimei-top-news-section .insta-wrapper a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 15px;
  color: rgb(147, 102, 5);
  font-family: "Cinzel", serif;
  background-color: rgb(255, 252, 246);
}
@media (max-width: 767px) {
  .leimei-top-news-section .insta-wrapper a {
    font-size: 0.9rem;
  }
}
.leimei-top-news-section .insta-wrapper a img {
  width: 30px;
}
.leimei-top-news-section .news-wrapper {
  width: calc((100% - 60px) / 2);
  padding: 30px;
  background-color: rgb(255, 252, 246);
}
@media (max-width: 1100px) {
  .leimei-top-news-section .news-wrapper {
    width: calc(50% - 30px);
  }
}
@media (max-width: 1023px) {
  .leimei-top-news-section .news-wrapper {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .leimei-top-news-section .news-wrapper {
    width: 100%;
  }
}
.leimei-top-news-section .news-wrapper .inner-box {
  padding: 50px 30px;
}
@media (max-width: 767px) {
  .leimei-top-news-section .news-wrapper .inner-box {
    padding: 30px 5px;
  }
}

.leimei-corner-box {
  position: relative;
}
.leimei-corner-box::before, .leimei-corner-box::after,
.leimei-corner-box .inner-box::before,
.leimei-corner-box .inner-box::after {
  position: absolute;
  content: "";
  display: block;
  width: 90px;
  aspect-ratio: 1/1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/leimei/deco-corner.svg");
}
@media (max-width: 767px) {
  .leimei-corner-box::before, .leimei-corner-box::after,
  .leimei-corner-box .inner-box::before,
  .leimei-corner-box .inner-box::after {
    width: 50px;
  }
}
.leimei-corner-box::before {
  top: 20px;
  left: 20px;
}
@media (max-width: 767px) {
  .leimei-corner-box::before {
    top: 10px;
    left: 10px;
  }
}
.leimei-corner-box::after {
  bottom: 20px;
  left: 20px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
@media (max-width: 767px) {
  .leimei-corner-box::after {
    bottom: 10px;
    left: 10px;
  }
}
.leimei-corner-box .inner-box::before {
  top: 20px;
  right: 20px;
  -webkit-transform: rotate(91deg);
          transform: rotate(91deg);
}
@media (max-width: 767px) {
  .leimei-corner-box .inner-box::before {
    top: 10px;
    right: 10px;
  }
}
.leimei-corner-box .inner-box::after {
  bottom: 20px;
  right: 20px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (max-width: 767px) {
  .leimei-corner-box .inner-box::after {
    bottom: 10px;
    right: 10px;
  }
}

.leimei-news-list a {
  color: rgb(52, 52, 52);
  font-size: 0.9rem;
}
.leimei-news-list a .time {
  color: rgb(127, 127, 127);
}
.leimei-news-list a .title span {
  display: -webkit-box; /* 必須 */
  -webkit-box-orient: vertical; /* 必須 */
  -webkit-line-clamp: 2; /* 行数を制限 */
  overflow: hidden;
}
.leimei-news-list.top li:not(:last-child) {
  margin-bottom: 30px;
}

.leimei-exhibition-section .exhibition-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px;
}
@media (max-width: 1023px) {
  .leimei-exhibition-section .exhibition-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.leimei-exhibition-section .event-box {
  width: calc(50% - 50px);
}
@media (max-width: 1023px) {
  .leimei-exhibition-section .event-box {
    width: 70%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 767px) {
  .leimei-exhibition-section .event-box {
    width: 100%;
  }
}
.leimei-exhibition-section .schedule-box {
  width: 50%;
}
@media (max-width: 1023px) {
  .leimei-exhibition-section .schedule-box {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.leimei-exhibition-section .schedule-box iframe {
  margin-bottom: 30px;
  height: 450px;
}
@media (max-width: 1023px) {
  .leimei-exhibition-section .schedule-box iframe {
    margin-bottom: 10px;
  }
}

.leimei-event-list a {
  color: rgb(52, 52, 52);
}
.leimei-event-list .image-box {
  margin-bottom: 20px;
  position: relative;
}
.leimei-event-list .title {
  margin-bottom: 10px;
}
.leimei-event-list .title span {
  display: -webkit-box; /* 必須 */
  -webkit-box-orient: vertical; /* 必須 */
  -webkit-line-clamp: 2; /* 行数を制限 */
  overflow: hidden;
}
.leimei-event-list .openday-title {
  font-size: 0.9rem;
}
.leimei-event-list .leimei-event-category {
  margin-bottom: 10px;
  font-size: 0.9rem;
  padding: 2px 10px;
  border-radius: 5px;
  display: inline-block;
}
.leimei-event-list .leimei-event-category.exhibition {
  background-color: rgb(255, 255, 255);
}
.leimei-event-list .leimei-event-category.programs {
  color: rgb(255, 255, 255);
  background-color: rgb(14, 81, 120);
}
.leimei-event-list.one-list .leimei-event-category {
  display: none;
}
.leimei-event-list.one-list .openday-title {
  background-color: rgb(255, 255, 255);
  padding: 3px 10px;
  margin-right: 10px;
}
.leimei-event-list.one-list .openday-title span {
  display: none;
}
.leimei-event-list.top-list {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 60px;
}
@media (max-width: 1023px) {
  .leimei-event-list.top-list {
    gap: 30px;
  }
}
.leimei-event-list.top-list li {
  width: calc((100% - 120px) / 3);
}
@media (max-width: 1023px) {
  .leimei-event-list.top-list li {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 767px) {
  .leimei-event-list.top-list li {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .leimei-event-list.top-list li:nth-child(n+5) {
    display: none;
  }
}
@media (max-width: 767px) {
  .leimei-event-list.top-list li:nth-child(n+4) {
    display: none;
  }
}
.leimei-event-list.top-list img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.leimei-event-list.top-list .leimei-situation-tag {
  display: none;
}
.leimei-event-list.page-one-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 60px;
}
.leimei-event-list.page-one-list .leimei-event-category {
  display: none;
}
.leimei-event-list.page-one-list .text-box,
.leimei-event-list.page-one-list .image-box {
  width: calc((100% - 60px) / 2);
}
@media (max-width: 767px) {
  .leimei-event-list.page-one-list .text-box,
  .leimei-event-list.page-one-list .image-box {
    width: 100%;
  }
}
.leimei-event-list.archive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px;
}
@media (max-width: 1023px) {
  .leimei-event-list.archive {
    gap: 50px 30px;
  }
}
.leimei-event-list.archive li {
  width: calc((100% - 100px) / 3);
}
@media (max-width: 1023px) {
  .leimei-event-list.archive li {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 767px) {
  .leimei-event-list.archive li {
    width: 100%;
  }
}
.leimei-event-list.archive img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}

.leimei-situation-tag {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: inline-block;
  padding: 5px 10px;
  width: 131px;
  text-align: center;
  border-radius: 30px;
  color: rgb(255, 255, 255);
}
.leimei-situation-tag.now-on {
  background-color: rgb(147, 102, 5);
}
.leimei-situation-tag.full {
  background-color: rgb(76, 163, 133);
}

.leimei-bg-cream {
  background-color: rgb(255, 252, 246);
}

.leimei-top-info-section .top-info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 60px;
}
@media (max-width: 1023px) {
  .leimei-top-info-section .top-info-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.leimei-top-info-section .top-info-wrapper .inner-box {
  width: calc((100% - 60px) / 2);
}
@media (max-width: 1023px) {
  .leimei-top-info-section .top-info-wrapper .inner-box {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .leimei-top-info-section .top-info-wrapper .inner-box {
    width: 100%;
  }
}
.leimei-top-info-section .detail-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.leimei-top-info-section .detail-box:not(:last-child) {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgb(232, 232, 232);
}
@media (max-width: 767px) {
  .leimei-top-info-section .detail-box:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}
.leimei-top-info-section .detail-box .title {
  width: 85px;
}
@media (max-width: 767px) {
  .leimei-top-info-section .detail-box .title {
    margin-bottom: 5px;
    font-weight: 500;
  }
}
.leimei-top-info-section .detail-box .contents {
  width: calc(100% - 85px);
}
@media (max-width: 767px) {
  .leimei-top-info-section .detail-box .contents {
    width: 100%;
    font-size: 0.9rem;
    padding-left: 15px;
  }
}
.leimei-top-info-section .leimei-more-link {
  margin-top: 30px;
}

.leimei-info-detail-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/leimei/info-box.png");
  aspect-ratio: 528/380;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 30px 50px;
}
@media (max-width: 767px) {
  .leimei-info-detail-box {
    padding: 15px 40px;
  }
}

.leimei-top-link-section {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgb(14, 81, 120)));
  background: linear-gradient(to bottom, transparent 60%, rgb(14, 81, 120) 60%);
}
.leimei-top-link-section .top-link-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 100px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 100px;
  max-width: 800px;
  margin: auto;
}
@media (max-width: 1023px) {
  .leimei-top-link-section .top-link-wrapper {
    gap: 50px;
  }
}
@media (max-width: 767px) {
  .leimei-top-link-section .top-link-wrapper {
    gap: 10px;
  }
}
.leimei-top-link-section .top-link-wrapper a {
  display: block;
}
.leimei-top-link-section .top-link-wrapper a:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media (max-width: 767px) {
  .leimei-top-link-section .top-link-wrapper a:hover {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}

.leimei-access-wrapper .map-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 45px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 45px;
}
@media (max-width: 1023px) {
  .leimei-access-wrapper .map-wrapper {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.leimei-access-wrapper .map-wrapper iframe {
  height: 100%;
}
@media (max-width: 1023px) {
  .leimei-access-wrapper .map-wrapper iframe {
    aspect-ratio: 16/9;
  }
}
.leimei-access-wrapper .address-box {
  margin-top: 50px;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 70px;
}
.leimei-access-wrapper .address span {
  font-size: 1.4rem;
}
.leimei-access-wrapper .leimei-more-link {
  margin-top: 0;
  border-radius: 30px;
}
.leimei-access-wrapper .train-wrapper {
  max-width: 800px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 50px;
}
@media (max-width: 1023px) {
  .leimei-access-wrapper .train-wrapper {
    gap: 10px;
  }
}
@media (max-width: 1023px) {
  .leimei-access-wrapper .train-wrapper .inner-box {
    width: 100%;
  }
}
.leimei-access-wrapper .train-wrapper .title {
  width: 100%;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 1.1rem;
  color: rgb(147, 102, 5);
}
.leimei-access-wrapper .train-wrapper .sub-title img {
  display: inline-block;
  width: 24px;
  vertical-align: middle;
}

.leimei-mv-section {
  padding: 0;
  text-align: center;
}

@media (max-width: 767px) {
  .leimei-mv-image {
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.leimei-simple-page-title {
  font-size: 1.8rem;
  margin-bottom: 80px;
  text-align: center;
}
@media (max-width: 767px) {
  .leimei-simple-page-title {
    font-size: 1.2rem;
    margin-bottom: 50px;
  }
}

.leimei-about-page-section .about-page-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  flex-direction: row-reverse;
  gap: 40px;
}
.leimei-about-page-section .image-box {
  width: 45%;
}
@media (max-width: 1023px) {
  .leimei-about-page-section .image-box {
    width: 80%;
    margin: auto;
  }
}
.leimei-about-page-section .text-box {
  width: calc(55% - 40px);
}
@media (max-width: 1023px) {
  .leimei-about-page-section .text-box {
    width: 100%;
  }
}
.leimei-about-page-section .text-box p:not(:last-child) {
  margin-bottom: 30px;
}

.leimei-new-atelier-wrapper {
  max-width: 900px;
  margin: auto;
}
.leimei-new-atelier-wrapper .inner-box {
  padding: 100px;
}
@media (max-width: 1023px) {
  .leimei-new-atelier-wrapper .inner-box {
    padding: 100px 50px;
  }
}
@media (max-width: 767px) {
  .leimei-new-atelier-wrapper .inner-box {
    padding: 70px 20px;
  }
}
.leimei-new-atelier-wrapper .inner-box p:not(:last-child) {
  margin-bottom: 30px;
}

.leimei-about-message-section .message-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 1023px) {
  .leimei-about-message-section .message-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.leimei-about-message-section .message-wrapper .image-box {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  width: calc(50% - 50px);
  max-width: 700px;
  margin-right: calc(50% - 50vw);
}
@media (max-width: 1023px) {
  .leimei-about-message-section .message-wrapper .image-box {
    width: 100%;
    margin-right: 0;
  }
}
.leimei-about-message-section .message-wrapper .image-box .big {
  margin-right: 0;
  width: 75%;
}
.leimei-about-message-section .message-wrapper .image-box .small {
  margin-top: -10%;
  margin-left: 0;
  width: 35%;
}
@media (max-width: 1023px) {
  .leimei-about-message-section .message-wrapper .image-box .small {
    margin-top: -30%;
  }
}
.leimei-about-message-section .message-wrapper .text-box {
  width: 50%;
}
@media (max-width: 1023px) {
  .leimei-about-message-section .message-wrapper .text-box {
    width: 100%;
  }
}
.leimei-about-message-section .message-wrapper .text-box p:not(:last-child) {
  margin-bottom: 30px;
}
.leimei-about-message-section .message-wrapper .text-box .name {
  font-size: 1.1rem;
  text-align: right;
  font-family: "Noto Serif JP", serif;
}

.leimei-gallery-section {
  overflow: hidden;
}
.leimei-gallery-section .gallery-wrapper {
  display: -ms-grid;
  display: grid;
  gap: 10px;
  -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1023px) {
  .leimei-gallery-section .gallery-wrapper {
    gap: 5px;
  }
}
@media (max-width: 767px) {
  .leimei-gallery-section .gallery-wrapper {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}

.leimei-line-title {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 2.5rem;
  font-family: "Cinzel", serif;
  color: rgb(147, 102, 5);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .leimei-line-title {
    font-size: 1.8rem;
    margin-bottom: 30px;
  }
}
.leimei-line-title::after {
  content: "";
  display: block;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  height: 1px;
  background-color: rgb(147, 102, 5);
}
.leimei-line-title .ja {
  font-size: "Noto Serif JP", serif;
  font-size: 1.4rem;
}
.leimei-line-title.double::after {
  margin-right: calc(50% - 50vw);
  height: 7px;
  border-top: 1px solid rgb(147, 102, 5);
  border-bottom: 1px solid rgb(147, 102, 5);
  background-color: transparent;
}

.leimei-cafre-info-section .text-box {
  max-width: 800px;
  margin: 0 auto 50px;
}
.leimei-cafre-info-section .text-box p:not(:last-child) {
  margin-bottom: 30px;
}
.leimei-cafre-info-section .cade-info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 60px;
}
@media (max-width: 767px) {
  .leimei-cafre-info-section .cade-info-wrapper {
    gap: 30px;
  }
}
.leimei-cafre-info-section .image-box,
.leimei-cafre-info-section .leimei-info-detail-box {
  width: calc((100% - 60px) / 2);
}
@media (max-width: 1023px) {
  .leimei-cafre-info-section .image-box,
  .leimei-cafre-info-section .leimei-info-detail-box {
    width: 80%;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .leimei-cafre-info-section .image-box,
  .leimei-cafre-info-section .leimei-info-detail-box {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .leimei-cafre-info-section .leimei-info-detail-box {
    padding: 10px 20px;
  }
}
.leimei-cafre-info-section .detail-box {
  width: 80%;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 1160px) {
  .leimei-cafre-info-section .detail-box {
    width: 100%;
  }
}
.leimei-cafre-info-section .detail-box:not(:last-child) {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgb(232, 232, 232);
}
@media (max-width: 767px) {
  .leimei-cafre-info-section .detail-box:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}
.leimei-cafre-info-section .detail-box .title {
  width: 85px;
}
@media (max-width: 767px) {
  .leimei-cafre-info-section .detail-box .title {
    font-weight: 700;
    margin-bottom: 5px;
  }
}
.leimei-cafre-info-section .detail-box .contnets {
  width: calc(100% - 85px);
}
@media (max-width: 767px) {
  .leimei-cafre-info-section .detail-box .contnets {
    width: 100%;
    padding-left: 30px;
  }
}

.leimei-side-icon-title {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 1.8rem;
  font-family: "Noto Serif JP", serif;
  color: rgb(147, 102, 5);
}
@media (max-width: 767px) {
  .leimei-side-icon-title {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
}
.leimei-side-icon-title::before, .leimei-side-icon-title::after {
  content: "";
  display: block;
  width: 30px;
  aspect-ratio: 1/1;
  margin-top: 5px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/leimei/side-icon.svg");
}
@media (max-width: 767px) {
  .leimei-side-icon-title::before, .leimei-side-icon-title::after {
    width: 20px;
  }
}
.leimei-side-icon-title::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.leimei-cafe-menu-section .menu-box {
  padding: 50px;
}
@media (max-width: 767px) {
  .leimei-cafe-menu-section .menu-box {
    padding: 30px;
  }
}
.leimei-cafe-menu-section .menu-box .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1023px) {
  .leimei-cafe-menu-section .menu-box .inner-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.leimei-cafe-menu-section .menu-box .text-box {
  width: 295px;
}
@media (max-width: 767px) {
  .leimei-cafe-menu-section .menu-box .text-box {
    width: 100%;
  }
}
.leimei-cafe-menu-section .menu-box .menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.leimei-cafe-menu-section .menu-box .menu-list:not(:last-of-type) {
  margin-bottom: 30px;
}
.leimei-cafe-menu-section .menu-box .tax {
  margin-top: 5px;
  text-align: right;
  font-size: 0.8rem;
}
.leimei-cafe-menu-section .menu-box .image-box {
  width: calc(100% - 295px - 50px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 30px;
}
@media (max-width: 1023px) {
  .leimei-cafe-menu-section .menu-box .image-box {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .leimei-cafe-menu-section .menu-box .image-box {
    gap: 10px;
  }
}
.leimei-cafe-menu-section .menu-box .image-box img {
  width: calc((100% - 30px) / 2);
}
@media (max-width: 767px) {
  .leimei-cafe-menu-section .menu-box .image-box img {
    width: calc((100% - 10px) / 2);
  }
}
.leimei-cafe-menu-section .menu-box .image-box img:first-child {
  -ms-flex-item-align: self-end;
      -ms-grid-row-align: self-end;
      align-self: self-end;
  margin-top: 50px;
}

.leimei-page-info-section .page-info-wrapper {
  max-width: 800px;
  margin: auto;
  padding: 100px;
}
@media (max-width: 767px) {
  .leimei-page-info-section .page-info-wrapper {
    padding: 50px;
  }
}
.leimei-page-info-section .detail-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.leimei-page-info-section .detail-box:not(:last-child) {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgb(232, 232, 232);
}
@media (max-width: 767px) {
  .leimei-page-info-section .detail-box:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}
.leimei-page-info-section .detail-box .title {
  width: 85px;
}
@media (max-width: 767px) {
  .leimei-page-info-section .detail-box .title {
    font-weight: 700;
    margin-bottom: 5px;
  }
}
.leimei-page-info-section .detail-box .contnets {
  width: calc(100% - 85px);
}
@media (max-width: 767px) {
  .leimei-page-info-section .detail-box .contnets {
    width: 100%;
    padding-left: 30px;
  }
}
.leimei-page-info-section .detail-box .small {
  font-size: 0.8rem;
}
.leimei-page-info-section .info-map-wrapper {
  padding: 50px;
  max-width: 900px;
  margin: 0 auto 50px;
}
@media (max-width: 767px) {
  .leimei-page-info-section .info-map-wrapper {
    padding: 30px 20px;
  }
}
.leimei-page-info-section .info-map-inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 30px;
}
.leimei-page-info-section .info-map-inner-box .text-box {
  width: calc(100% - 315px - 30px);
}
@media (max-width: 1023px) {
  .leimei-page-info-section .info-map-inner-box .text-box {
    width: 100%;
  }
}
.leimei-page-info-section .info-map-inner-box .image-box {
  width: 315px;
}
@media (max-width: 1023px) {
  .leimei-page-info-section .info-map-inner-box .image-box {
    margin: auto;
  }
}
@media (max-width: 767px) {
  .leimei-page-info-section .info-map-inner-box .image-box {
    width: 100%;
  }
}
.leimei-page-info-section .info-note-wrapper {
  counter-reset: number 0;
}
.leimei-page-info-section .info-note-wrapper:not(:last-child) {
  margin-bottom: 50px;
}
.leimei-page-info-section .info-note-wrapper .leimei-line-title {
  margin-bottom: 30px;
}
.leimei-page-info-section .info-note-wrapper > ul {
  padding: 0 30px;
}
@media (max-width: 767px) {
  .leimei-page-info-section .info-note-wrapper > ul {
    padding: 0;
  }
}

.leimei-dot-list li:not(:last-child) {
  margin-bottom: 5px;
}
.leimei-dot-list li::before {
  content: "・";
}

.leimei-number-list > li {
  counter-reset: subnumber 0;
  counter-increment: number;
}
.leimei-number-list > li:not(:last-child) {
  margin-bottom: 5px;
}
.leimei-number-list > li:before {
  content: counter(number) ".";
}

.leimei-sub-number-list > li {
  padding-left: 10px;
  counter-increment: subnumber;
}
.leimei-sub-number-list > li:not(:last-child) {
  margin-bottom: 3px;
}
.leimei-sub-number-list > li:before {
  content: "(" counter(subnumber) ")";
}

.leimei-info-reserve-section {
  position: relative;
}
.leimei-info-reserve-section > img {
  position: absolute;
  width: 40%;
  max-width: 346px;
}
@media (max-width: 767px) {
  .leimei-info-reserve-section > img {
    width: 70%;
  }
}
.leimei-info-reserve-section > img.left {
  left: 10%;
  bottom: 0;
}
@media (max-width: 1023px) {
  .leimei-info-reserve-section > img.left {
    left: 0;
  }
}
@media (max-width: 767px) {
  .leimei-info-reserve-section > img.left {
    bottom: 5%;
  }
}
.leimei-info-reserve-section > img.right {
  top: 0;
  right: 10%;
}
@media (max-width: 1023px) {
  .leimei-info-reserve-section > img.right {
    right: 0;
  }
}
.leimei-info-reserve-section .contents-wrapper {
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .leimei-info-reserve-section .text-center {
    font-size: 0.9rem;
  }
}
.leimei-info-reserve-section .tel-wrapper {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.leimei-info-reserve-section .tel-box {
  text-transform: uppercase;
  font-size: 1.4rem;
  font-family: "Noto Serif JP", serif;
}
.leimei-info-reserve-section .tel-box .number {
  font-size: 1.8rem;
}
.leimei-info-reserve-section a {
  display: block;
  padding: 15px 10px;
  border-radius: 30px;
  text-align: center;
  width: 252px;
  background-color: rgb(14, 81, 120);
  color: rgb(255, 255, 255);
  font-family: "Noto Serif JP", serif;
  font-size: 0.9rem;
}

.issa-event-link.leimei {
  font-family: "Noto Serif JP", serif;
}
.issa-event-link.leimei .now-on {
  background-color: rgb(147, 102, 5);
  border: 1px solid rgb(147, 102, 5);
}
.issa-event-link.leimei .now-on:hover {
  color: rgb(147, 102, 5);
}
.issa-event-link.leimei .full {
  border: 1px solid rgb(76, 163, 133);
  background-color: rgb(76, 163, 133);
}
.issa-event-link.leimei .full:hover {
  color: rgb(76, 163, 133);
}

.museum-pagenavi.leimei .current {
  background-color: rgb(14, 81, 120);
}

.leimei-event-single-section .single-category-wrapper {
  margin-bottom: 50px;
}
.leimei-event-single-section .leimei-situation-tag {
  position: static;
  margin-right: 20px;
}
.leimei-event-single-section .event-table tr:first-child th {
  border-top: 1px solid rgb(76, 163, 133);
}
.leimei-event-single-section .event-table tr:last-child th {
  border-bottom: 1px solid rgb(76, 163, 133);
}
.leimei-event-single-section .event-table th {
  background-color: rgb(76, 163, 133);
}
.leimei-event-single-section .event-table td {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(76, 163, 133);
}
.leimei-event-single-section .issa-red-link-btn {
  background-color: rgb(14, 81, 120);
  border: 1px solid rgb(14, 81, 120);
}
.leimei-event-single-section .issa-red-link-btn:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(14, 81, 120);
}
.leimei-event-single-section .single-page-link a {
  color: rgb(52, 52, 52);
}
.leimei-event-single-section .issa-simple-link:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(52, 52, 52);
}

.leimei-faq-section .page-faq-wrapper:not(:last-child) {
  margin-bottom: 80px;
}
.leimei-faq-section .accordion-wrapper {
  max-width: 1000px;
  margin: auto;
}
.leimei-faq-section .accordion-wrapper:not(:last-child) {
  margin-bottom: 40px;
}
.leimei-faq-section .trigger {
  border-bottom: 1px solid rgb(232, 232, 232);
}
.leimei-faq-section .trigger::before {
  background-image: url("../../images/leimei/q-icon.svg");
}
.leimei-faq-section .a-box {
  background-color: transparent;
}
.leimei-faq-section .a-box::before {
  background-image: url("../../images/leimei/a-icon.svg");
}
.leimei-faq-section .a-box a {
  color: rgb(52, 52, 52);
  border-bottom: 1px solid rgb(52, 52, 52);
}
.leimei-faq-section .a-box a:hover {
  border-color: transparent;
}

.leimei-contact-section .contact-text {
  color: rgb(52, 52, 52);
}
.leimei-contact-section .contact-text a {
  color: rgb(52, 52, 52);
  border-color: rgb(52, 52, 52);
}
.leimei-contact-section .contact-arrow-wrapper::before {
  border-top: 1px dashed rgb(255, 255, 255);
}
.leimei-contact-section .contact-arrow-wrapper span {
  color: rgb(52, 52, 52);
  border-color: rgb(52, 52, 52);
}
.leimei-contact-section .contact-arrow-wrapper span.bg-blue {
  background-color: rgb(14, 81, 120);
  border-color: rgb(14, 81, 120);
  color: rgb(255, 255, 255);
}
.leimei-contact-section .text-common {
  background-color: rgb(255, 252, 246);
}
.leimei-contact-section .button-submit.issa-red-link-btn {
  background-color: rgb(147, 102, 5);
  border-color: rgb(147, 102, 5);
}
.leimei-contact-section .button-submit.issa-red-link-btn:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(147, 102, 5);
}
.leimei-contact-section .button-submit.yellow {
  background-color: rgb(147, 102, 5);
}
.leimei-contact-section .button-submit.submit_button {
  background-color: rgb(14, 81, 120);
}
.leimei-contact-section .thanks-message {
  font-family: "Noto Serif JP", serif;
  color: rgb(14, 81, 120);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.leimei-contact-section .thanks-message::before, .leimei-contact-section .thanks-message::after {
  content: "";
  display: block;
  width: 200px;
  aspect-ratio: 692/628;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.leimei-contact-section .thanks-message::before {
  background-image: url("../../images/leimei/thanks-left.png");
}
.leimei-contact-section .thanks-message::after {
  background-image: url("../../images/leimei/thanks-right.png");
}
.leimei-contact-section .issa-red-link-btn {
  background-color: rgb(147, 102, 5);
  border-color: rgb(147, 102, 5);
}
.leimei-contact-section .issa-red-link-btn:hover {
  color: rgb(147, 102, 5);
  background-color: rgb(255, 255, 255);
}

.leimei-lecturer-section .teacher-wrapper:not(:last-child) {
  margin-bottom: 100px;
}
.leimei-lecturer-section .teacher-wrapper .prof-box {
  width: 90%;
  margin: 0 auto 50px;
  padding: 50px;
  background-color: rgb(255, 252, 246);
}
@media (max-width: 1023px) {
  .leimei-lecturer-section .teacher-wrapper .prof-box {
    padding: 50px 30px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .leimei-lecturer-section .teacher-wrapper .prof-box {
    padding: 30px 15px;
  }
}
@media (max-width: 767px) {
  .leimei-lecturer-section .teacher-wrapper .leimei-mein-title .noto-serif {
    font-size: 1.6rem;
  }
}
.leimei-lecturer-section .teacher-wrapper .name-box {
  margin-bottom: 30px;
  color: rgb(147, 102, 5);
}
.leimei-lecturer-section .teacher-wrapper .name-box .big {
  margin-right: 10px;
  font-size: 1.4rem;
  font-family: "Noto Serif JP", serif;
}
.leimei-lecturer-section .teacher-wrapper .name-box .small {
  font-size: 0.9rem;
}
.leimei-lecturer-section .teacher-wrapper .title {
  margin-bottom: 15px;
  font-size: 1.1rem;
  font-weight: 500;
  color: rgb(147, 102, 5);
}
.leimei-lecturer-section .history-wrapper {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 30px 0;
}
@media (max-width: 1023px) {
  .leimei-lecturer-section .history-wrapper {
    gap: 0;
  }
}
.leimei-lecturer-section .history-wrapper .title {
  width: 65px;
}
.leimei-lecturer-section .history-wrapper > .contents {
  width: 100%;
}
.leimei-lecturer-section .history-wrapper > .contents.shot {
  width: calc(100% - 65px);
}
@media (max-width: 1023px) {
  .leimei-lecturer-section .history-wrapper > .contents.shot {
    width: 100%;
    margin-bottom: 30px;
  }
}
.leimei-lecturer-section .history-wrapper > .contents p:not(:last-child) {
  margin-bottom: 10px;
}
.leimei-lecturer-section .history-wrapper .small {
  font-size: 0.8rem;
}
.leimei-lecturer-section .history-wrapper .history-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.leimei-lecturer-section .history-wrapper .history-inner:not(:last-child) {
  margin-bottom: 15px;
}
.leimei-lecturer-section .history-wrapper .history-inner .year {
  width: 60px;
}
@media (max-width: 767px) {
  .leimei-lecturer-section .history-wrapper .history-inner .year {
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 5px;
  }
}
.leimei-lecturer-section .history-wrapper .history-inner > .contents {
  width: calc(100% - 60px);
}
@media (max-width: 767px) {
  .leimei-lecturer-section .history-wrapper .history-inner > .contents {
    width: 100%;
  }
}
.leimei-lecturer-section .other-prof-box:not(:last-child) {
  margin-bottom: 30px;
}
.leimei-lecturer-section .teacher-collection-wrapper .teacher-swiper-wrapper {
  position: relative;
}
.leimei-lecturer-section .teacher-collection-wrapper .swiper-button-next::after,
.leimei-lecturer-section .teacher-collection-wrapper .swiper-button-prev::after {
  content: "";
  display: block;
  width: 40px;
  height: auto;
  aspect-ratio: 1/1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../../images/leimei/lecturer/arrow.svg");
  background-size: contain;
}
.leimei-lecturer-section .teacher-collection-wrapper .swiper-button-prev::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.leimei-lecturer-section .teacher-collection-wrapper .swiper-button-next {
  right: 0;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.leimei-lecturer-section .teacher-collection-wrapper .swiper-button-prev {
  left: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.leimei-lecturer-link {
  max-width: 324px;
  margin: auto;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 1.4rem;
  display: block;
  padding: 15px;
  border: 1px solid rgb(147, 102, 5);
  color: rgb(147, 102, 5);
}
.leimei-lecturer-link:hover {
  background-color: rgb(147, 102, 5);
  color: rgb(255, 252, 246);
}

.kaleidoscope-header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
}
.kaleidoscope-header .header-wrapper {
  padding: 0 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1023px) {
  .kaleidoscope-header .header-wrapper {
    margin-top: 12px;
    padding-left: 20px;
  }
}
.kaleidoscope-header .header-logo {
  width: 132px;
}
@media (max-width: 1023px) {
  .kaleidoscope-header .header-menu {
    display: none;
  }
}
.kaleidoscope-header .header-menu .header-menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 30px;
}
.kaleidoscope-header .header-menu .top {
  display: none;
}
.kaleidoscope-header .header-menu-list span,
.kaleidoscope-header .header-menu-list a {
  font-weight: 700;
  color: rgb(24, 24, 24);
}
.kaleidoscope-header .accordion-item {
  position: relative;
}
@media (max-width: 1023px) {
  .kaleidoscope-header .accordion-item .hover-trigger {
    display: block;
    margin-bottom: 20px;
  }
  .kaleidoscope-header .accordion-item .hover-trigger.artist {
    display: none;
  }
}
.kaleidoscope-header .accordion-item .sub-menu {
  position: absolute;
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s;
  overflow: hidden;
  max-height: 0;
  white-space: nowrap;
}
@media (max-width: 1023px) {
  .kaleidoscope-header .accordion-item .sub-menu {
    position: static;
    max-height: 100%;
  }
}
.kaleidoscope-header .accordion-item .sub-menu a {
  display: block;
}
@media (max-width: 1023px) {
  .kaleidoscope-header .accordion-item .sub-menu a:not(:last-child) {
    margin-bottom: 20px;
  }
}
.kaleidoscope-header .accordion-item .sub-menu.is-open {
  max-height: var(--max-height);
}
.kaleidoscope-header .sp-menu {
  display: none;
}
@media (max-width: 1023px) {
  .kaleidoscope-header .sp-menu {
    display: block;
  }
}
.kaleidoscope-header .deco {
  position: absolute;
  border-radius: 50%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.8;
}
.kaleidoscope-header .deco.one {
  left: -10%;
  top: -6%;
}
.kaleidoscope-header .deco.two {
  width: 50%;
  bottom: 0;
  left: -5%;
}
.kaleidoscope-header nav.drawer-nav {
  padding: 60px 30px;
  width: 300px;
  right: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  overflow: scroll;
}
.kaleidoscope-header nav.drawer-nav li:not(:last-child) {
  margin-bottom: 20px;
}
.kaleidoscope-header nav.drawer-nav li a::before {
  content: "";
  display: inline-block;
  width: 30px;
  aspect-ratio: 1/1;
  vertical-align: middle;
  margin-right: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: 2s;
  transition: 2s;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
  background-image: url("../../images/kaleidoscope-gallery/about-image.png");
}
.kaleidoscope-header nav.drawer-nav li a:hover::before {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.kaleidoscope-header nav.drawer-nav .nav-logo {
  display: block;
  margin-bottom: 50px;
}

.drawer-open .kaleidoscope-header nav.drawer-nav {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.kaleidoscope-footer {
  padding: 60px 0 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../../images/kaleidoscope-gallery/footer-bg.png");
}
.kaleidoscope-footer .logo-wrapper {
  max-width: 289px;
  width: 60%;
  margin: 0 auto 50px;
}
.kaleidoscope-footer .footer-menu-wrapper {
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 130px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 1023px) {
  .kaleidoscope-footer .footer-menu-wrapper {
    gap: 50px;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-footer .footer-menu-wrapper {
    gap: 10px 30px;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-footer .footer-menu-wrapper .menu-list {
    width: calc((100% - 30px) / 2);
  }
}
.kaleidoscope-footer .footer-menu-wrapper li:not(:last-child) {
  margin-bottom: 10px;
}
.kaleidoscope-footer .footer-menu-wrapper a {
  font-family: "Noto Sans JP", serif;
  color: rgb(24, 24, 24);
}
.kaleidoscope-footer .footer-menu-wrapper a.sub::before {
  content: "ー";
  margin-right: 10px;
}
.kaleidoscope-footer .portal-link-wrapper a {
  border-color: rgb(24, 24, 24);
  color: rgb(24, 24, 24);
}
.kaleidoscope-footer .portal-link-wrapper a:hover {
  background-color: rgb(24, 24, 24);
  color: rgb(255, 255, 255);
}
.kaleidoscope-footer .portal-link-wrapper a.gallery {
  display: none;
}
.kaleidoscope-footer .copy-light {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  font-size: 0.7rem;
}
@media (max-width: 767px) {
  .kaleidoscope-footer .copy-light span {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.kaleidoscope-footer .copy-light a {
  color: rgb(24, 24, 24);
  margin-right: 10px;
}

.kaleidoscope-footer-link-section {
  padding: 0;
}
.kaleidoscope-footer-link-section .contents-wrapper {
  max-width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
  .kaleidoscope-footer-link-section .contents-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.kaleidoscope-footer-link-section .footer-link-box {
  height: 400px;
  position: relative;
  color: rgb(255, 255, 255);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1100px) {
  .kaleidoscope-footer-link-section .footer-link-box {
    height: 300px;
  }
}
@media (max-width: 1023px) {
  .kaleidoscope-footer-link-section .footer-link-box {
    height: 230px;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-footer-link-section .footer-link-box {
    width: 50%;
  }
}
.kaleidoscope-footer-link-section .footer-link-box::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0);
  opacity: 0.5;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.kaleidoscope-footer-link-section .footer-link-box:not(.sns):hover::before {
  opacity: 0;
}
.kaleidoscope-footer-link-section .footer-link-box .inner-box {
  position: relative;
  z-index: 2;
  text-align: center;
}
.kaleidoscope-footer-link-section .footer-link-box .inner-box a {
  display: inline-block;
  width: 40px;
}
.kaleidoscope-footer-link-section .footer-link-box .inner-box a:not(:last-child) {
  margin-right: 10px;
}
.kaleidoscope-footer-link-section .footer-link-box .en {
  margin-bottom: 5px;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 2.3rem;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .kaleidoscope-footer-link-section .footer-link-box .en {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-footer-link-section .footer-link-box .ja {
    font-size: 0.8rem;
  }
}
.kaleidoscope-footer-link-section .footer-link-box.event {
  background-image: url("../../images/kaleidoscope-gallery/event-bg.jpg");
}
.kaleidoscope-footer-link-section .footer-link-box.attention {
  background-image: url("../../images/kaleidoscope-gallery/attention-bg.jpg");
}
.kaleidoscope-footer-link-section .footer-link-box.access {
  background-image: url("../../images/kaleidoscope-gallery/access-bg.jpg");
}
.kaleidoscope-footer-link-section .footer-link-box.sns {
  background-image: url("../../images/kaleidoscope-gallery/sns-bg.jpg");
}
@media (max-width: 767px) {
  .kaleidoscope-footer-link-section .footer-link-box.sns {
    width: 100%;
    aspect-ratio: 6/3;
  }
}

.kaleidoscope-fv-section {
  margin-top: 70px;
  overflow: hidden;
  position: relative;
  padding: 0;
}
.kaleidoscope-fv-section .contents-wrapper {
  max-width: 1500px;
}
.kaleidoscope-fv-section .fv-logo {
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 45%;
  max-width: 450px;
  z-index: 2;
}
.kaleidoscope-fv-section .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.kaleidoscope-fv-section .inner-box img {
  -webkit-transform: translateY(180px);
          transform: translateY(180px);
  width: calc((100% - 100px) / 3);
}
.kaleidoscope-fv-section .inner-box .one {
  max-width: 300px;
  -webkit-animation: fvImage 2s cubic-bezier(0.25, 1, 0.5, 1) 0s both, fvImageColor 4s cubic-bezier(0.25, 1, 0.5, 1) 4s both;
          animation: fvImage 2s cubic-bezier(0.25, 1, 0.5, 1) 0s both, fvImageColor 4s cubic-bezier(0.25, 1, 0.5, 1) 4s both;
}
.kaleidoscope-fv-section .inner-box .two {
  -ms-flex-item-align: start;
      align-self: flex-start;
  max-width: 290px;
  margin-bottom: 50px;
  -webkit-animation: fvImage 2s cubic-bezier(0.25, 1, 0.5, 1) 1s both, fvImageColor 4s cubic-bezier(0.25, 1, 0.5, 1) 4s both;
          animation: fvImage 2s cubic-bezier(0.25, 1, 0.5, 1) 1s both, fvImageColor 4s cubic-bezier(0.25, 1, 0.5, 1) 4s both;
}
.kaleidoscope-fv-section .inner-box .three {
  -webkit-animation: fvImage 2s cubic-bezier(0.25, 1, 0.5, 1) 0.5s both, fvImageColor 4s cubic-bezier(0.25, 1, 0.5, 1) 4s both;
          animation: fvImage 2s cubic-bezier(0.25, 1, 0.5, 1) 0.5s both, fvImageColor 4s cubic-bezier(0.25, 1, 0.5, 1) 4s both;
}
@media (max-width: 1130px) {
  .kaleidoscope-fv-section .inner-box .three {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}
.kaleidoscope-fv-section .inner-box .four {
  -webkit-animation: fvImage 2s cubic-bezier(0.25, 1, 0.5, 1) 2s both, fvImageColor 4s cubic-bezier(0.25, 1, 0.5, 1) 4s both;
          animation: fvImage 2s cubic-bezier(0.25, 1, 0.5, 1) 2s both, fvImageColor 4s cubic-bezier(0.25, 1, 0.5, 1) 4s both;
}
.kaleidoscope-fv-section .inner-box .five {
  -webkit-animation: fvImage 2s cubic-bezier(0.25, 1, 0.5, 1) 1.5s both, fvImageColor 4s cubic-bezier(0.25, 1, 0.5, 1) 4s both;
          animation: fvImage 2s cubic-bezier(0.25, 1, 0.5, 1) 1.5s both, fvImageColor 4s cubic-bezier(0.25, 1, 0.5, 1) 4s both;
}

@-webkit-keyframes fvImage {
  0% {
    -webkit-transform: translateY(180px);
            transform: translateY(180px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40%, 100% {
    opacity: 1;
  }
}

@keyframes fvImage {
  0% {
    -webkit-transform: translateY(180px);
            transform: translateY(180px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40%, 100% {
    opacity: 1;
  }
}
@-webkit-keyframes fvImageColor {
  0% {
    -webkit-filter: grayscale(1);
    filter: gray;
    filter: grayscale(1);
    cursor: default;
  }
  100% {
    -webkit-filter: auto;
    filter: auto;
    filter: auto;
    cursor: default;
  }
}
@keyframes fvImageColor {
  0% {
    -webkit-filter: grayscale(1);
    filter: gray;
    filter: grayscale(1);
    cursor: default;
  }
  100% {
    -webkit-filter: auto;
    filter: auto;
    filter: auto;
    cursor: default;
  }
}
.kaleidoscope-top-news {
  padding: 0;
}
.kaleidoscope-top-news .news-box {
  position: relative;
  width: 80%;
  max-width: 650px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 50px 30px 0;
  background-color: rgb(255, 255, 255);
  border-radius: 0 30px 30px 0;
  border-top: 3px solid rgb(0, 0, 0);
  -webkit-filter: drop-shadow(7px 7px 0 rgb(0, 0, 0));
          filter: drop-shadow(7px 7px 0 rgb(0, 0, 0));
}
@media (max-width: 767px) {
  .kaleidoscope-top-news .news-box {
    -webkit-filter: drop-shadow(3px 3px 0 rgb(0, 0, 0));
            filter: drop-shadow(3px 3px 0 rgb(0, 0, 0));
    width: 100%;
    padding: 15px 30px 15px 0;
  }
}
.kaleidoscope-top-news .news-box::before {
  position: absolute;
  top: -3px;
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  border-top: 3px solid rgb(0, 0, 0);
  content: "";
  background-color: rgb(255, 255, 255);
  display: block;
  width: calc((100vw - 1120px) / 2);
  min-width: 50px;
  height: calc(100% + 3px);
}
.kaleidoscope-top-news .main-title {
  font-family: "Kaisei Opti", serif;
  font-size: 2rem;
  width: 160px;
}
@media (max-width: 767px) {
  .kaleidoscope-top-news .main-title {
    margin-bottom: 20px;
    font-size: 1.3rem;
  }
}
.kaleidoscope-top-news .kaleidoscope-news-swiper {
  width: calc(100% - 160px);
  height: 80px;
}
@media (max-width: 767px) {
  .kaleidoscope-top-news .kaleidoscope-news-swiper {
    width: 100%;
    height: 45px;
  }
}

.kaleidoscope-news-list {
  font-family: "Noto Sans JP", serif;
}
.kaleidoscope-news-list .time {
  display: block;
  margin-bottom: 5px;
  font-size: 0.9rem;
  color: rgb(127, 127, 127);
}
.kaleidoscope-news-list .title {
  color: rgb(24, 24, 24);
}
.kaleidoscope-news-list .title span {
  display: -webkit-box; /* 必須 */
  -webkit-box-orient: vertical; /* 必須 */
  -webkit-line-clamp: 2; /* 行数を制限 */
  overflow: hidden;
}
@media (max-width: 767px) {
  .kaleidoscope-news-list .title span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.kaleidoscope-top-about .kaleidoscope-simple-title {
  text-align: center;
}
.kaleidoscope-top-about .kaleidoscope-simple-title span {
  font-size: 1.2em;
}
.kaleidoscope-top-about .top-about-text {
  font-weight: 500;
  line-height: 30px;
  text-align: center;
}
@media (max-width: 767px) {
  .kaleidoscope-top-about .top-about-text {
    text-align: left;
  }
  .kaleidoscope-top-about .top-about-text .inlineblock-item {
    display: inline;
  }
}

.kaleidoscope-more-link {
  margin: 40px auto 0;
  display: block;
  text-transform: uppercase;
  padding: 10px 5px;
  border-radius: 40px;
  background-color: rgb(24, 24, 24);
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  text-align: center;
  font-size: 0.9rem;
  max-width: 150px;
  border: 1px solid rgb(24, 24, 24);
}
.kaleidoscope-more-link:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(24, 24, 24);
}

.kaleidoscope-detail-section .top-detail-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  flex-direction: row-reverse;
}
.kaleidoscope-detail-section .top-detail-wrapper .text-box {
  position: relative;
  z-index: 2;
  width: 75%;
}
@media (max-width: 1023px) {
  .kaleidoscope-detail-section .top-detail-wrapper .text-box {
    width: 85%;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-detail-section .top-detail-wrapper .text-box {
    width: 100%;
  }
}
.kaleidoscope-detail-section .top-detail-wrapper .text-box .inner-box {
  position: relative;
  border-top: 3px solid rgb(24, 24, 24);
  border-radius: 30px;
  border-left: 3px solid rgb(24, 24, 24);
  padding: 30px 80px;
  background-color: rgb(255, 255, 255);
  -webkit-filter: drop-shadow(3px 3px 0px rgb(24, 24, 24));
          filter: drop-shadow(3px 3px 0px rgb(24, 24, 24));
  font-weight: 500;
}
@media (max-width: 1023px) {
  .kaleidoscope-detail-section .top-detail-wrapper .text-box .inner-box {
    padding: 30px 15px;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-detail-section .top-detail-wrapper .text-box .inner-box {
    padding: 30px 20px 40px;
  }
}
.kaleidoscope-detail-section .top-detail-wrapper .text-box .inner-box::after {
  position: absolute;
  bottom: 0;
  left: 20%;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  content: "";
  display: block;
  width: 40px;
  aspect-ratio: 1/1;
  background-color: rgb(255, 255, 255);
  clip-path: polygon(0 0, 100% 0, 25% 100%);
}
@media (max-width: 767px) {
  .kaleidoscope-detail-section .top-detail-wrapper .text-box .inner-box::after {
    display: none;
  }
}
.kaleidoscope-detail-section .top-detail-wrapper .text-box .inner-box a {
  display: inline-block;
  color: rgb(24, 24, 24);
}
.kaleidoscope-detail-section .top-detail-wrapper .text-box .inner-box a:not(:last-child) {
  margin-right: 30px;
}
.kaleidoscope-detail-section .top-detail-wrapper .text-box .inner-box a::after {
  vertical-align: middle;
  content: ">";
  display: inline-block;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  margin-left: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.kaleidoscope-detail-section .top-detail-wrapper .text-box .inner-box a:hover::after {
  -webkit-transform: translate(5px, -2px);
          transform: translate(5px, -2px);
}
.kaleidoscope-detail-section .top-detail-wrapper .text-box .inner-box a span {
  vertical-align: middle;
}
.kaleidoscope-detail-section .top-detail-wrapper .text-box p {
  margin-bottom: 20px;
}
.kaleidoscope-detail-section .top-detail-wrapper .text-box .kaleidoscope-more-link {
  margin-top: 0;
  margin-right: 80px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 1023px) {
  .kaleidoscope-detail-section .top-detail-wrapper .text-box .kaleidoscope-more-link {
    margin-right: 30px;
  }
}
.kaleidoscope-detail-section .top-detail-wrapper .image-box {
  width: 90%;
  margin-top: -100px;
  margin-right: auto;
  -webkit-transform: translateX(-20%);
          transform: translateX(-20%);
}
@media (max-width: 767px) {
  .kaleidoscope-detail-section .top-detail-wrapper .image-box {
    margin-top: 0px;
    width: 100%;
  }
}

.kaleidoscope-icon-title {
  margin-bottom: 50px;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
}
.kaleidoscope-icon-title::before {
  content: "";
  display: block;
  margin: 0 auto 10px;
  width: 75px;
  aspect-ratio: 75/71;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media (max-width: 767px) {
  .kaleidoscope-icon-title::before {
    width: 45px;
  }
}
.kaleidoscope-icon-title.top {
  font-family: "Kaisei Opti", serif;
  font-size: 2rem;
}
@media (max-width: 767px) {
  .kaleidoscope-icon-title.top {
    font-size: 1.5rem;
  }
}
.kaleidoscope-icon-title.exhibition::before, .kaleidoscope-icon-title.black::before {
  background-image: url("../../images/kaleidoscope-gallery/title-black.jpg");
}
.kaleidoscope-icon-title.programs::before, .kaleidoscope-icon-title.green::before {
  background-image: url("../../images/kaleidoscope-gallery/title-green.jpg");
}
.kaleidoscope-icon-title.red::before {
  background-image: url("../../images/kaleidoscope-gallery/title-red.jpg");
}

.kaleidoscope-top-teradake-section {
  overflow: hidden;
}
.kaleidoscope-top-teradake-section .text-box {
  position: relative;
  z-index: 2;
  max-width: 470px;
  border-radius: 30px;
  padding: 50px 30px;
  border: 3px solid rgb(24, 24, 24);
  text-align: center;
  background-color: rgb(255, 255, 255);
}
.kaleidoscope-top-teradake-section .text-box p {
  display: inline-block;
  text-align: left;
  font-weight: 500;
}
.kaleidoscope-top-teradake-section .image-box {
  width: 90%;
  margin-top: -200px;
  margin-left: auto;
  -webkit-transform: translateX(20%);
          transform: translateX(20%);
}
@media (max-width: 1023px) {
  .kaleidoscope-top-teradake-section .image-box {
    margin-top: -100px;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-top-teradake-section .image-box {
    margin-top: 30px;
    width: 100%;
  }
}

.kaleidoscope-simple-title {
  margin-bottom: 50px;
  font-family: "Kaisei Opti", serif;
  font-size: 2rem;
}

.kaleidoscope-top-link-section {
  overflow: hidden;
}
.kaleidoscope-top-link-section .top-link-wrapper {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 60px;
}
@media (max-width: 1100px) {
  .kaleidoscope-top-link-section .top-link-wrapper {
    gap: 30px;
  }
}
.kaleidoscope-top-link-section .top-link-wrapper .inner-box {
  width: calc((100% - 120px) / 3);
}
@media (max-width: 1100px) {
  .kaleidoscope-top-link-section .top-link-wrapper .inner-box {
    width: calc((100% - 60px) / 3);
  }
}
@media (max-width: 1023px) {
  .kaleidoscope-top-link-section .top-link-wrapper .inner-box {
    width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-top-link-section .top-link-wrapper .inner-box {
    position: relative;
    width: 100%;
  }
}
.kaleidoscope-top-link-section .top-link-wrapper .inner-box img {
  width: 110%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media (max-width: 1023px) {
  .kaleidoscope-top-link-section .top-link-wrapper .inner-box img {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-top-link-section .top-link-wrapper .inner-box img {
    position: absolute;
    width: 40%;
    z-index: 3;
    top: 0;
  }
}
.kaleidoscope-top-link-section .top-link-wrapper .inner-box.left img {
  -webkit-transform: translate(-50%, -20%);
          transform: translate(-50%, -20%);
}
@media (max-width: 1100px) {
  .kaleidoscope-top-link-section .top-link-wrapper .inner-box.left img {
    -webkit-transform: translate(-40%, -20%);
            transform: translate(-40%, -20%);
  }
}
@media (max-width: 1023px) {
  .kaleidoscope-top-link-section .top-link-wrapper .inner-box.left img {
    -webkit-transform: translate(10%, -20%);
            transform: translate(10%, -20%);
    margin-left: -20%;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-top-link-section .top-link-wrapper .inner-box.left img {
    -webkit-transform: translate(30%, -50%);
            transform: translate(30%, -50%);
    right: 0;
  }
}
@media (max-width: 1023px) {
  .kaleidoscope-top-link-section .top-link-wrapper .inner-box.center {
    margin-left: auto;
  }
}
.kaleidoscope-top-link-section .top-link-wrapper .inner-box.center img {
  -webkit-transform: translate(-5%, 15%);
          transform: translate(-5%, 15%);
}
@media (max-width: 1023px) {
  .kaleidoscope-top-link-section .top-link-wrapper .inner-box.center img {
    margin-right: -20%;
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
}
@media (max-width: 767px) {
  .kaleidoscope-top-link-section .top-link-wrapper .inner-box.center img {
    left: 0;
    -webkit-transform: translate(-30%, -30%);
            transform: translate(-30%, -30%);
  }
}
.kaleidoscope-top-link-section .top-link-wrapper .inner-box.right img {
  -webkit-transform: translate(50%, -20%);
          transform: translate(50%, -20%);
}
@media (max-width: 1100px) {
  .kaleidoscope-top-link-section .top-link-wrapper .inner-box.right img {
    -webkit-transform: translate(40%, -20%);
            transform: translate(40%, -20%);
  }
}
@media (max-width: 1023px) {
  .kaleidoscope-top-link-section .top-link-wrapper .inner-box.right img {
    -webkit-transform: translate(10%, 20%);
            transform: translate(10%, 20%);
    margin-left: -20%;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-top-link-section .top-link-wrapper .inner-box.right img {
    right: 0;
    -webkit-transform: translate(30%, -50%);
            transform: translate(30%, -50%);
  }
}
.kaleidoscope-top-link-section .top-link-wrapper .text-box {
  position: relative;
  z-index: 2;
  border: 3px solid rgb(24, 24, 24);
  border-radius: 30px;
  padding: 50px 30px;
  text-align: center;
  background-color: rgb(255, 255, 255);
}
@media (max-width: 1100px) {
  .kaleidoscope-top-link-section .top-link-wrapper .text-box {
    padding: 50px 10px;
  }
}
@media (max-width: 1023px) {
  .kaleidoscope-top-link-section .top-link-wrapper .text-box {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-top-link-section .top-link-wrapper .text-box {
    width: 80%;
    margin: auto;
  }
}
.kaleidoscope-top-link-section .top-link-wrapper .text-box p {
  display: inline-block;
  text-align: left;
}
.kaleidoscope-top-link-section .deco1 {
  margin-left: 0;
  width: 120px;
}
.kaleidoscope-top-link-section .deco2 {
  width: 75px;
  margin-bottom: 30px;
  margin-right: 70px;
}

.kaleidoscope-mv-section {
  padding: 210px 0 150px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-position: bottom;
  border-radius: 0 0 55px 55px;
}
@media (max-width: 1023px) {
  .kaleidoscope-mv-section {
    padding: 150px 0 100px;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-mv-section {
    padding: 100px 0 50px;
    border-radius: 0 0 20px 20px;
  }
}
.kaleidoscope-mv-section.about {
  background-image: url("../../images/kaleidoscope-gallery/mv/about.png");
}
.kaleidoscope-mv-section.detail {
  background-image: url("../../images/kaleidoscope-gallery/mv/detail.png");
}
.kaleidoscope-mv-section.artist {
  background-image: url("../../images/kaleidoscope-gallery/mv/artist.png");
}
.kaleidoscope-mv-section.news {
  background-image: url("../../images/kaleidoscope-gallery/mv/news.png");
}
.kaleidoscope-mv-section.event {
  background-image: url("../../images/kaleidoscope-gallery/mv/event.png");
}
.kaleidoscope-mv-section.contact {
  background-image: url("../../images/kaleidoscope-gallery/mv/contact.png");
}
.kaleidoscope-mv-section.teradake {
  background-image: url("../../images/kaleidoscope-gallery/mv/teradake.png");
}
.kaleidoscope-mv-section.category {
  background-image: url("../../images/kaleidoscope-gallery/mv/category.png");
}
.kaleidoscope-mv-section .page-top {
  text-align: center;
}
.kaleidoscope-mv-section .page-top .main {
  display: block;
  font-family: "Kaisei Opti", serif;
  font-weight: 500;
  font-size: 2rem;
}
@media (max-width: 767px) {
  .kaleidoscope-mv-section .page-top .main {
    font-size: 1.8rem;
  }
}
.kaleidoscope-mv-section .page-top .sub {
  font-weight: 500;
}
.kaleidoscope-mv-section .page-top .sub::before, .kaleidoscope-mv-section .page-top .sub::after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 1px;
  background-color: rgb(24, 24, 24);
  vertical-align: middle;
  margin: 0 10px;
}
.kaleidoscope-mv-section .page-top .sub span {
  vertical-align: middle;
}

.kaleidoscope-about-page-section .about-page-first-wrapper {
  margin-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}
@media (max-width: 767px) {
  .kaleidoscope-about-page-section .about-page-first-wrapper {
    margin-bottom: 30px;
  }
}
.kaleidoscope-about-page-section .about-page-first-wrapper .text-box {
  width: 60%;
  max-width: 600px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .kaleidoscope-about-page-section .about-page-first-wrapper .text-box {
    width: 100%;
  }
}
.kaleidoscope-about-page-section .about-page-first-wrapper .image-box {
  position: relative;
  width: calc(40% - 30px);
  max-width: 340px;
}
@media (max-width: 767px) {
  .kaleidoscope-about-page-section .about-page-first-wrapper .image-box {
    margin-left: auto;
    width: 45%;
  }
}
.kaleidoscope-about-page-section .about-page-first-wrapper .circle {
  position: absolute;
  bottom: 0;
  z-index: 2;
  left: 0;
  -webkit-transform: translate(-100px, 100px);
          transform: translate(-100px, 100px);
  width: 50%;
  max-width: 230px;
}
@media (max-width: 1023px) {
  .kaleidoscope-about-page-section .about-page-first-wrapper .circle {
    -webkit-transform: translate(-50px, 50px);
            transform: translate(-50px, 50px);
  }
}
@media (max-width: 767px) {
  .kaleidoscope-about-page-section .about-page-first-wrapper .circle {
    -webkit-transform: translate(-50px, 60px);
            transform: translate(-50px, 60px);
  }
}
.kaleidoscope-about-page-section .greeting-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 50px 20px;
}
.kaleidoscope-about-page-section .greeting-box .image-box {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  max-width: 800px;
  width: calc(40% - 20px);
  margin-left: calc(50% - 50vw);
}
@media (max-width: 1023px) {
  .kaleidoscope-about-page-section .greeting-box .image-box {
    width: 80%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-about-page-section .greeting-box .image-box {
    width: 100%;
  }
}
.kaleidoscope-about-page-section .greeting-box .image-box img {
  margin-top: 100px;
  min-height: 70%;
  -o-object-fit: cover;
     object-fit: cover;
  width: calc(100% + 30px);
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
  border-radius: 40px;
}
@media (max-width: 1023px) {
  .kaleidoscope-about-page-section .greeting-box .image-box img {
    margin-top: 0;
  }
}
.kaleidoscope-about-page-section .greeting-box .text-box {
  width: 60%;
}
@media (max-width: 1023px) {
  .kaleidoscope-about-page-section .greeting-box .text-box {
    width: 100%;
  }
}
.kaleidoscope-about-page-section .greeting-box .text-box p:not(:last-child) {
  margin-bottom: 20px;
}
.kaleidoscope-about-page-section .contents-wrapper {
  position: relative;
}

.kaleidoscope-about-teradake-section .text-box {
  position: relative;
  width: 70%;
  padding: 50px 30px;
  margin-left: auto;
  text-align: center;
  line-height: 32px;
  font-weight: 500;
  border-radius: 30px;
  background-color: rgb(255, 255, 255);
  border: 3px solid rgb(24, 24, 24);
}
@media (max-width: 1023px) {
  .kaleidoscope-about-teradake-section .text-box {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-about-teradake-section .text-box {
    margin-bottom: 50px;
    width: 100%;
    line-height: 25px;
    text-align: left;
    padding: 30px 30px 40px;
  }
}
.kaleidoscope-about-teradake-section .text-box .kaleidoscope-more-link {
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 50px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
@media (max-width: 767px) {
  .kaleidoscope-about-teradake-section .text-box .kaleidoscope-more-link {
    right: 30px;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-about-teradake-section .image-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 10px;
  }
}
.kaleidoscope-about-teradake-section .about-teradake-image1 {
  width: 45%;
  margin-top: -80px;
  margin-left: 0;
}
@media (max-width: 1023px) {
  .kaleidoscope-about-teradake-section .about-teradake-image1 {
    margin-top: -30px;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-about-teradake-section .about-teradake-image1 {
    margin: 0;
    width: calc((100% - 10px) / 2);
  }
}
.kaleidoscope-about-teradake-section .about-teradake-image2 {
  width: 45%;
  margin-top: -50px;
  margin-right: 30px;
}
@media (max-width: 767px) {
  .kaleidoscope-about-teradake-section .about-teradake-image2 {
    margin: 0;
    width: calc((100% - 10px) / 2);
  }
}

.kaleidoscope-about-info-section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../../images/kaleidoscope-gallery/info-bg.jpg");
}
.kaleidoscope-about-info-section .info-box {
  max-width: 765px;
  margin: auto;
  padding: 50px 100px;
  background-color: rgb(255, 255, 255);
  border-radius: 30px;
  border: 3px solid rgb(24, 24, 24);
}
@media (max-width: 1023px) {
  .kaleidoscope-about-info-section .info-box {
    padding: 50px;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-about-info-section .info-box {
    padding: 30px;
  }
}

.kaleidoscope-info-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.kaleidoscope-info-inner:not(:last-child) {
  margin-bottom: 30px;
}
.kaleidoscope-info-inner .title {
  width: 120px;
  font-weight: 500;
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  .kaleidoscope-info-inner .title {
    margin-bottom: 10px;
  }
}
.kaleidoscope-info-inner .contents {
  width: calc(100% - 120px);
  font-size: 1.4rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .kaleidoscope-info-inner .contents {
    width: 100%;
    font-size: 1.1rem;
  }
}
.kaleidoscope-info-inner .small {
  font-size: 0.9rem;
  font-weight: 400;
}
@media (max-width: 767px) {
  .kaleidoscope-info-inner .small {
    display: block;
  }
}

.kaleidoscope-attemtion-section .kaleidoscope-deot-list {
  padding-left: 50px;
}
@media (max-width: 1023px) {
  .kaleidoscope-attemtion-section .kaleidoscope-deot-list {
    padding-left: 0;
  }
}
.kaleidoscope-attemtion-section .image-box {
  margin: 50px auto 0;
  max-width: 800px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 80px 1fr 80px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 80px;
}
@media (max-width: 1023px) {
  .kaleidoscope-attemtion-section .image-box {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-attemtion-section .image-box {
    gap: 5px;
  }
}

.kaleidoscope-attention-title {
  margin-bottom: 40px;
}
.kaleidoscope-attention-title .en {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 2.5rem;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .kaleidoscope-attention-title .en {
    font-size: 1.8rem;
  }
}
.kaleidoscope-attention-title .ja {
  font-weight: 500;
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  .kaleidoscope-attention-title .ja {
    font-size: 1.1rem;
  }
}

.kaleidoscope-deot-list li {
  text-indent: -1rem;
  padding-left: 1rem;
}
.kaleidoscope-deot-list li::before {
  content: "・";
}

.kaleidoscope-page-teradake-section .text-box {
  width: 60%;
  font-weight: 500;
  line-height: 32px;
}
@media (max-width: 767px) {
  .kaleidoscope-page-teradake-section .text-box {
    width: 100%;
    line-height: 25px;
  }
}
.kaleidoscope-page-teradake-section .image-box {
  margin-top: -100px;
}
@media (max-width: 1023px) {
  .kaleidoscope-page-teradake-section .image-box {
    margin-top: -50px;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-page-teradake-section .image-box {
    margin-top: 0;
  }
}
.kaleidoscope-page-teradake-section .image-box .teradake2 {
  position: relative;
  z-index: 2;
  width: 35%;
  margin-right: 0;
}
@media (max-width: 767px) {
  .kaleidoscope-page-teradake-section .image-box .teradake2 {
    width: 50%;
  }
}
.kaleidoscope-page-teradake-section .image-box .teradake1 {
  aspect-ratio: 1133/532;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: -50px;
  border-radius: 60px;
  -webkit-transform: translateX(-20%);
          transform: translateX(-20%);
}
@media (max-width: 767px) {
  .kaleidoscope-page-teradake-section .image-box .teradake1 {
    border-radius: 10px;
    margin-top: -20px;
  }
}

.kaleidoscope-teradake-last-section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../../images/kaleidoscope-gallery/teradake-bg.jpg");
  font-weight: 500;
}
.kaleidoscope-teradake-last-section p:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .kaleidoscope-teradake-last-section p:not(:last-child) {
    margin-bottom: 20px;
  }
}

.kaleidoscope-detail-page-section {
  margin-top: 100px;
  position: relative;
}
.kaleidoscope-detail-page-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../../images/kaleidoscope-gallery/detail-page-bg.jpg");
}
.kaleidoscope-detail-page-section .contents-wrapper {
  position: relative;
}
.kaleidoscope-detail-page-section .text-box {
  width: 50%;
  font-weight: 500;
  line-height: 32px;
}
@media (max-width: 1023px) {
  .kaleidoscope-detail-page-section .text-box {
    width: 68%;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-detail-page-section .text-box {
    line-height: 25px;
    width: 100%;
  }
}
.kaleidoscope-detail-page-section .image-box {
  width: 50%;
  margin-top: -120px;
  margin-left: auto;
}
@media (max-width: 767px) {
  .kaleidoscope-detail-page-section .image-box {
    display: none;
  }
}
.kaleidoscope-detail-page-section .image-box .detail1 {
  width: 60%;
  margin-right: 0;
}
.kaleidoscope-detail-page-section .image-box .detail2 {
  margin-top: -60px;
  margin-left: 0;
  width: 50%;
}
.kaleidoscope-detail-page-section .detail-deco {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(-20%, 40%);
          transform: translate(-20%, 40%);
  width: 50%;
  max-width: 600px;
}
@media (max-width: 1023px) {
  .kaleidoscope-detail-page-section .detail-deco {
    -webkit-transform: translate(-20%, 60%);
            transform: translate(-20%, 60%);
  }
}
@media (max-width: 767px) {
  .kaleidoscope-detail-page-section .detail-deco {
    max-width: 245px;
    -webkit-transform: translate(-20%, 100%);
            transform: translate(-20%, 100%);
  }
}

.kaleidoscope-detail-history-section p {
  max-width: 750px;
  margin: auto;
  font-weight: 500;
  line-height: 25px;
}

.kaleidoscope-works-section .works-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 60px;
}
@media (max-width: 1023px) {
  .kaleidoscope-works-section .works-box {
    gap: 10px 30px;
  }
}
.kaleidoscope-works-section .works-box:not(:last-child) {
  margin-bottom: 30px;
}
.kaleidoscope-works-section .works-box .image-box {
  width: 40%;
}
@media (max-width: 767px) {
  .kaleidoscope-works-section .works-box .image-box {
    width: 100%;
  }
}
.kaleidoscope-works-section .works-box .image-box img {
  border-radius: 30px;
}
.kaleidoscope-works-section .works-box .text-box {
  width: calc(60% - 60px);
}
@media (max-width: 1023px) {
  .kaleidoscope-works-section .works-box .text-box {
    width: calc(60% - 30px);
  }
}
@media (max-width: 767px) {
  .kaleidoscope-works-section .works-box .text-box {
    width: 100%;
  }
}
.kaleidoscope-works-section .works-box .prof-inner {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .kaleidoscope-works-section .works-box .prof-inner {
    margin-bottom: 10px;
  }
}
.kaleidoscope-works-section .works-box .works-title {
  font-weight: 500;
  font-size: 1.4rem;
}
.kaleidoscope-works-section .works-box .artist {
  font-size: 0.9rem;
}

.kaleidoscope-yasuko-prof-section .yasuko-prof {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kaleidoscope-yasuko-prof-section .kaleidoscope-artist-box {
  width: 55%;
}
@media (max-width: 767px) {
  .kaleidoscope-yasuko-prof-section .kaleidoscope-artist-box {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.kaleidoscope-yasuko-prof-section .image-box {
  width: calc(45% - 50px);
}
@media (max-width: 767px) {
  .kaleidoscope-yasuko-prof-section .image-box {
    width: 100%;
    margin: auto;
  }
}
.kaleidoscope-yasuko-prof-section .image-box img {
  aspect-ratio: 1/1;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .kaleidoscope-yasuko-prof-section .image-box img {
    aspect-ratio: 16/9;
    border-radius: 30px;
  }
}

.kaleidoscope-artist-box .prof {
  margin-bottom: 30px;
}
.kaleidoscope-artist-box .title {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 10px;
  vertical-align: middle;
  border: 1px solid rgb(24, 24, 24);
  margin-right: 15px;
}
.kaleidoscope-artist-box .name {
  font-size: 1.4rem;
  font-weight: 500;
  vertical-align: middle;
}
.kaleidoscope-artist-box .message {
  font-weight: 500;
}

.kaleidoscope-yasuko-swiper-wrapper {
  position: relative;
}
.kaleidoscope-yasuko-swiper-wrapper .yasuko-next::after,
.kaleidoscope-yasuko-swiper-wrapper .yasuko-prev::after {
  content: "";
  width: 40px;
  aspect-ratio: 1/1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/kaleidoscope-gallery/swiper-arrow.svg");
}
.kaleidoscope-yasuko-swiper-wrapper .yasuko-next {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.kaleidoscope-yasuko-swiper-wrapper .yasuko-prev {
  -webkit-transform: translateX(-100%) rotate(180deg);
          transform: translateX(-100%) rotate(180deg);
}

@media (max-width: 1023px) {
  .kaleidoscope-prof-image-section .contents-wrapper {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-prof-image-section .contents-wrapper {
    width: calc(100% - 40px);
  }
}
.kaleidoscope-prof-image-section .prof-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.kaleidoscope-prof-image-section .prof-wrapper > img {
  width: 40%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1023px) {
  .kaleidoscope-prof-image-section .prof-wrapper > img {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-prof-image-section .prof-wrapper > img {
    width: 100%;
  }
}
.kaleidoscope-prof-image-section .prof-image-wrapper {
  width: 60%;
}
@media (max-width: 1023px) {
  .kaleidoscope-prof-image-section .prof-image-wrapper {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-prof-image-section .prof-image-wrapper {
    overflow: scroll;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-prof-image-section .prof-image-wrapper img {
    min-width: 600px;
  }
}

.kaleidoscope-gallery-section .gallery-wrapper:not(:last-of-type) {
  margin-bottom: 70px;
}
@media (max-width: 767px) {
  .kaleidoscope-gallery-section .gallery-wrapper:not(:last-of-type) {
    margin-bottom: 50px;
  }
}
.kaleidoscope-gallery-section .gallery-title {
  margin-bottom: 15px;
  font-size: 1.3rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .kaleidoscope-gallery-section .gallery-title {
    font-size: 1.1rem;
  }
}
.kaleidoscope-gallery-section .image-wrapper {
  display: -ms-grid;
  display: grid;
  gap: 15px;
  -ms-grid-columns: 1fr 15px 1fr 15px 1fr;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
  .kaleidoscope-gallery-section .image-wrapper {
    gap: 5px;
  }
}
.kaleidoscope-gallery-section .image-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
}
.kaleidoscope-gallery-section .kaleidoscope-more-link {
  margin-top: 100px;
}
@media (max-width: 767px) {
  .kaleidoscope-gallery-section .kaleidoscope-more-link {
    margin-top: 70px;
  }
}

.museum-pagenavi.kaleidoscope .current {
  background-color: rgb(24, 24, 24);
}

.issa-event-link.kaleidoscope a.programs {
  background-color: rgb(8, 129, 101);
}
.issa-event-link.kaleidoscope a.programs:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(8, 129, 101);
}
.issa-event-link.kaleidoscope a.exhibition {
  background-color: rgb(24, 24, 24);
}
.issa-event-link.kaleidoscope a.exhibition:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(24, 24, 24);
}

.kaleidoscope-event-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px 30px;
}
.kaleidoscope-event-list li {
  width: calc((100% - 60px) / 3);
}
@media (max-width: 1023px) {
  .kaleidoscope-event-list li {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 767px) {
  .kaleidoscope-event-list li {
    width: 100%;
  }
}
.kaleidoscope-event-list .image-box {
  margin-bottom: 10px;
  position: relative;
}
.kaleidoscope-event-list .image-box img {
  height: auto;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}
.kaleidoscope-event-list .text-box {
  color: rgb(24, 24, 24);
}
.kaleidoscope-event-list .title {
  margin-bottom: 10px;
  font-size: 1.1rem;
  font-weight: 500;
}
.kaleidoscope-event-list .title span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.kaleidoscope-event-reservation {
  text-align: center;
  color: rgb(255, 255, 255);
  font-weight: 500;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../../images/kaleidoscope-gallery/event-reservation-bg.jpg");
}
.kaleidoscope-event-reservation p {
  margin-bottom: 50px;
}
.kaleidoscope-event-reservation a {
  color: rgb(255, 255, 255);
  font-family: "Montserrat", sans-serif;
}
.kaleidoscope-event-reservation a .tel {
  text-transform: uppercase;
  font-size: 0.9rem;
}
.kaleidoscope-event-reservation a .number {
  font-size: 1.8rem;
  font-weight: 600;
}

.kaleidoscope-event-category {
  display: inline-block;
  margin-bottom: 5px;
  color: rgb(255, 255, 255);
  padding: 5px 10px;
  border-radius: 10px;
  font-size: 0.9rem;
}
.kaleidoscope-event-category.programs {
  background-color: rgb(76, 163, 133);
}
.kaleidoscope-event-category.exhibition {
  background-color: rgb(24, 24, 24);
}

.issa-situation-tag.kaleidoscope.now-on {
  background-color: rgb(127, 127, 127);
}
.issa-situation-tag.kaleidoscope.full {
  background-color: rgb(216, 144, 0);
}

.kaleidoscope-event.museum-event-wrapper .kaleidoscope-event-category {
  padding: 0;
  vertical-align: middle;
  background-color: transparent;
}
.kaleidoscope-event.museum-event-wrapper .kaleidoscope-event-category.programs {
  color: rgb(76, 163, 133);
}
.kaleidoscope-event.museum-event-wrapper .kaleidoscope-event-category.exhibition {
  color: rgb(24, 24, 24);
}
.kaleidoscope-event.museum-event-wrapper .image-box {
  max-width: 300px;
  margin: 0 auto 50px;
}
.kaleidoscope-event.museum-event-wrapper .event-table th {
  background-color: rgb(24, 24, 24);
}
.kaleidoscope-event.museum-event-wrapper .event-table td {
  border: 1px solid rgb(24, 24, 24);
  background-color: rgb(255, 255, 255);
}
.kaleidoscope-event.museum-event-wrapper .event-table tr:not(:last-child) td {
  border-bottom: 1px solid rgb(24, 24, 24);
}
.kaleidoscope-event.museum-event-wrapper .event-table tr:not(:last-child):first-child th {
  border-top: 1px solid rgb(24, 24, 24);
}
.kaleidoscope-event.museum-event-wrapper .event-table tr:last-child th {
  border-bottom: 1px solid rgb(24, 24, 24);
}
.kaleidoscope-event.museum-event-wrapper a {
  font-family: "Noto Sans JP", serif;
}
.kaleidoscope-event.museum-event-wrapper .kaleidoscope-more-link {
  max-width: 250px;
}

.kaleidoscope-contact-page-section .contact-text {
  font-weight: 500;
}
@media (max-width: 767px) {
  .kaleidoscope-contact-page-section .contact-text {
    text-align: left;
  }
}
.kaleidoscope-contact-page-section .contact-text a {
  color: rgb(24, 24, 24);
  border-color: rgb(127, 127, 127);
}
.kaleidoscope-contact-page-section .contact-arrow-wrapper span {
  color: rgb(24, 24, 24);
  border-color: rgb(24, 24, 24);
}
.kaleidoscope-contact-page-section .contact-arrow-wrapper .bg-blue {
  color: rgb(255, 255, 255);
  background-color: rgb(24, 24, 24);
}
.kaleidoscope-contact-page-section .title {
  font-weight: 500;
}
.kaleidoscope-contact-page-section .button-submit {
  background-color: rgb(216, 144, 0);
}
.kaleidoscope-contact-page-section .button-submit.black {
  background-color: rgb(24, 24, 24);
}
.kaleidoscope-contact-page-section .thanks-message {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 50px;
  position: relative;
  font-family: "Kaisei Opti", serif;
  color: rgb(24, 24, 24);
}
.kaleidoscope-contact-page-section .thanks-message::before {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  content: "";
  width: 150px;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  aspect-ratio: 1/1;
  background-image: url("../../images/kaleidoscope-gallery/thanks-icon1.svg");
}
@media (max-width: 767px) {
  .kaleidoscope-contact-page-section .thanks-message::before {
    width: 80px;
    -webkit-transform: translate(-30%, -70%);
            transform: translate(-30%, -70%);
  }
}
.kaleidoscope-contact-page-section .thanks-message-after {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 50px;
}
.kaleidoscope-contact-page-section .thanks-message-after::before {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: translate(100%, 50%);
          transform: translate(100%, 50%);
  content: "";
  width: 75px;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  aspect-ratio: 1/1;
  background-image: url("../../images/kaleidoscope-gallery/thanks-icon2.svg");
}
@media (max-width: 767px) {
  .kaleidoscope-contact-page-section .thanks-message-after::before {
    width: 50px;
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
}

.kaleidoscope-access-info-section {
  overflow: hidden;
}
.kaleidoscope-access-info-section .access-info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.kaleidoscope-access-info-section .access-info-wrapper .inner-title {
  margin-bottom: 30px;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 767px) {
  .kaleidoscope-access-info-section .access-info-wrapper .inner-title {
    margin-bottom: 15px;
  }
}
.kaleidoscope-access-info-section .access-info-wrapper .text-box {
  position: relative;
  z-index: 2;
  border: 3px solid rgb(24, 24, 24);
  border-radius: 20px;
  width: 500px;
  padding: 50px 30px;
  background-color: rgb(255, 255, 255);
}
@media (max-width: 767px) {
  .kaleidoscope-access-info-section .access-info-wrapper .text-box {
    width: 100%;
    padding: 30px;
  }
  .kaleidoscope-access-info-section .access-info-wrapper .text-box .contents {
    padding-left: 20px;
  }
}
.kaleidoscope-access-info-section .access-info-wrapper .text-box .small {
  display: none;
}
.kaleidoscope-access-info-section .image-box {
  width: 100%;
  -webkit-transform: translateX(20%);
          transform: translateX(20%);
  margin-top: -20%;
}
@media (max-width: 1023px) {
  .kaleidoscope-access-info-section .image-box {
    margin-top: -5%;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-access-info-section .image-box {
    margin-top: 20px;
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
}
.kaleidoscope-access-info-section .image-box img {
  border-radius: 40px;
  aspect-ratio: 1133/490;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .kaleidoscope-access-info-section .image-box img {
    border-radius: 10px;
  }
}

.kaleidoscope-map-section .map-wrapper {
  margin-bottom: 50px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 45px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 45px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media (max-width: 1023px) {
  .kaleidoscope-map-section .map-wrapper {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.kaleidoscope-map-section .map-wrapper img {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (max-width: 1023px) {
  .kaleidoscope-map-section .map-wrapper .google-map {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    height: 300px;
  }
}
.kaleidoscope-map-section .access-root-box {
  max-width: 900px;
  margin: auto;
  padding: 50px 100px;
  border: 3px solid rgb(24, 24, 24);
  border-radius: 30px;
}
@media (max-width: 1023px) {
  .kaleidoscope-map-section .access-root-box {
    padding: 50px;
  }
}
@media (max-width: 767px) {
  .kaleidoscope-map-section .access-root-box {
    padding: 30px 20px;
  }
}
.kaleidoscope-map-section .access-root-box .inner-title {
  margin-bottom: 30px;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
}
.kaleidoscope-map-section .access-root-box .inner-box {
  font-weight: 500;
}
.kaleidoscope-map-section .access-root-box .inner-box:not(:last-child) {
  margin-bottom: 30px;
}
.kaleidoscope-map-section .access-root-box .root-title {
  font-size: 1.1rem;
  margin-bottom: 10px;
}
.kaleidoscope-map-section .access-root-box .root-title::before {
  content: "";
  vertical-align: middle;
  display: inline-block;
  width: 24px;
  margin-right: 10px;
  aspect-ratio: 1/1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.kaleidoscope-map-section .access-root-box .root-title.train::before {
  background-image: url("../../images/train-black.svg");
}
.kaleidoscope-map-section .access-root-box .root-title.bus::before {
  background-image: url("../../images/bus-black.svg");
}
.kaleidoscope-map-section .access-root-box .root-title span {
  vertical-align: middle;
}
.kaleidoscope-map-section .access-root-box:not(:last-child) {
  margin-bottom: 50px;
}

.kaleidoscope-faq-section .accordion-wrapper .trigger {
  font-size: 1.1rem;
  border-bottom: 1px solid rgb(232, 232, 232);
}
.kaleidoscope-faq-section .accordion-wrapper .trigger::before {
  background-image: url("../../images/kaleidoscope-gallery/q-icon.svg");
}
.kaleidoscope-faq-section .accordion-wrapper .content.a-box::before {
  background-image: url("../../images/kaleidoscope-gallery/a-icon.svg");
}

.kaleidoscope-artist-section .kaleidoscope-icon-title {
  font-size: 1rem;
}
.kaleidoscope-artist-section .artist-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  gap: 60px;
}
@media (max-width: 1023px) {
  .kaleidoscope-artist-section .artist-list li {
    gap: 30px;
  }
}
.kaleidoscope-artist-section .artist-list li:not(:last-child) {
  margin-bottom: 80px;
}
.kaleidoscope-artist-section .artist-list .image-box {
  width: 40%;
}
@media (max-width: 767px) {
  .kaleidoscope-artist-section .artist-list .image-box {
    width: 80%;
    margin: auto;
  }
}
.kaleidoscope-artist-section .artist-list .image-box img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}
.kaleidoscope-artist-section .artist-list .kaleidoscope-artist-box {
  width: calc(60% - 60px);
}
@media (max-width: 1023px) {
  .kaleidoscope-artist-section .artist-list .kaleidoscope-artist-box {
    width: calc(60% - 30px);
  }
}
@media (max-width: 767px) {
  .kaleidoscope-artist-section .artist-list .kaleidoscope-artist-box {
    width: 100%;
  }
}
.kaleidoscope-artist-section .artist-list .message {
  font-family: "Noto Sans JP", serif;
}

.kominka-header {
  position: relative;
  z-index: 1000;
}
.kominka-header .drawer-hamburger {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgb(86, 71, 71);
  width: 100px;
  padding: 30px 10px;
  aspect-ratio: 1/1;
  border-radius: 0 0 0 15px;
  text-align: center;
}
@media (max-width: 1023px) {
  .kominka-header .drawer-hamburger {
    width: 80px;
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .kominka-header .drawer-hamburger {
    width: 60px;
  }
}
.kominka-header .drawer-hamburger:hover {
  background-color: rgb(86, 71, 71);
}
.kominka-header .drawer-hamburger::after {
  content: "menu";
  color: rgb(255, 255, 255);
  width: 100%;
  height: auto;
  background-color: transparent;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.kominka-header .drawer-hamburger span {
  margin-bottom: 10px;
  width: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: transparent;
}
@media (max-width: 767px) {
  .kominka-header .drawer-hamburger span {
    margin-bottom: 5px;
    width: 35px;
  }
}
.kominka-header .drawer-hamburger span::after, .kominka-header .drawer-hamburger span::before {
  background-color: rgb(255, 255, 255);
}
.kominka-header .drawer-hamburger span::after {
  top: 0;
}
.kominka-header nav.drawer-nav {
  border-radius: 0 0 0 15px;
  background-color: rgb(86, 71, 71);
  right: 0;
  width: auto;
  height: auto;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: top right;
          transform-origin: top right;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.kominka-header nav.drawer-nav .inner-box {
  padding: 100px 55px 50px 30px;
}
@media (max-width: 767px) {
  .kominka-header nav.drawer-nav .inner-box {
    padding: 70px 45px 40px 20px;
  }
}
.kominka-header nav.drawer-nav li:not(:last-child) {
  margin-bottom: 10px;
}
.kominka-header nav.drawer-nav a {
  color: rgb(255, 255, 255);
}
.kominka-header nav.drawer-nav a::before {
  content: "";
  display: inline-block;
  width: 15px;
  vertical-align: middle;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  margin-right: 10px;
  aspect-ratio: 1/1;
  background-color: rgb(236, 234, 228);
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.kominka-header nav.drawer-nav a:hover::before {
  opacity: 1;
}

.drawer-open .kominka-header .drawer-hamburger::after {
  content: "close";
}
.drawer-open .kominka-header .drawer-hamburger span::before {
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
.drawer-open .kominka-header .drawer-hamburger span::after {
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}
.drawer-open .kominka-header .drawer-nav {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.kominka-bg-wrapper {
  background-color: rgb(236, 234, 228);
  color: rgb(44, 44, 44);
  font-family: "Noto Sans JP", serif;
}

.kominka-footer-contact {
  color: rgb(255, 255, 255);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../../images/kominka-project/footer-contact.jpg");
}
@media (max-width: 767px) {
  .kominka-footer-contact {
    font-size: 0.95rem;
  }
}
.kominka-footer-contact .footer-contact-title {
  margin-bottom: 50px;
  font-size: 3rem;
  font-family: "Zen Maru Gothic", sans-serif;
}
@media (max-width: 767px) {
  .kominka-footer-contact .footer-contact-title {
    margin-bottom: 30px;
  }
}
.kominka-footer-contact .footer-contact-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px 10px;
}
.kominka-footer-contact .kominka-btn {
  margin-top: 0;
  font-size: 1.4rem;
  font-weight: 500;
  color: rgb(86, 71, 71);
  border-color: rgb(86, 71, 71);
  background-color: rgb(236, 234, 228);
  letter-spacing: 2px;
}
.kominka-footer-contact .kominka-btn:hover {
  background-color: rgb(86, 71, 71);
  color: rgb(255, 255, 255);
}

.kominka-btn {
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px 20px;
  max-width: 325px;
  margin: 50px auto 0;
  font-family: "Noto Sans JP", serif;
  border-radius: 50px;
  border: 1px solid rgb(44, 44, 44);
  color: rgb(44, 44, 44);
}
@media (max-width: 767px) {
  .kominka-btn {
    margin-top: 30px;
  }
}
.kominka-btn:hover {
  background-color: rgb(44, 44, 44);
  color: rgb(236, 234, 228);
}

.kominka-footer {
  padding: 100px 0 30px;
  background-color: rgb(44, 44, 44);
}
@media (max-width: 767px) {
  .kominka-footer {
    padding-bottom: 10px;
  }
}
.kominka-footer .menu-box {
  margin: 0 auto 80px;
  max-width: 825px;
  padding-bottom: 20px;
  border-bottom: 2px dashed rgb(255, 255, 255);
}
@media (max-width: 767px) {
  .kominka-footer .menu-box {
    margin-bottom: 50px;
    border-bottom: none;
  }
}
.kominka-footer .menu-box .top {
  display: none;
}
.kominka-footer .kominka-menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media (max-width: 767px) {
  .kominka-footer .kominka-menu-list {
    gap: 20px 15px;
  }
}
@media (max-width: 767px) {
  .kominka-footer .kominka-menu-list li {
    width: calc((100% - 20px) / 2);
    border-bottom: 1px dashed rgb(255, 255, 255);
  }
}
.kominka-footer .kominka-menu-list a {
  color: rgb(255, 255, 255);
}
@media (max-width: 767px) {
  .kominka-footer .kominka-menu-list a {
    display: block;
    padding-bottom: 5px;
  }
}
.kominka-footer .kominka-menu-list a:hover {
  opacity: 0.7;
}
.kominka-footer .portal-link-title {
  color: rgb(255, 255, 255);
}
.kominka-footer .portal-link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  max-width: 825px;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .kominka-footer .portal-link-wrapper {
    gap: 20px 10px;
  }
}
.kominka-footer .portal-link-wrapper a {
  width: calc((100% - 60px) / 3);
}
@media (max-width: 767px) {
  .kominka-footer .portal-link-wrapper a {
    width: calc((100% - 10px) / 2);
  }
}
.kominka-footer .portal-link-wrapper a:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(44, 44, 44);
}
.kominka-footer .copy-light-box {
  font-size: 0.7rem;
  color: rgb(255, 255, 255);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px 30px;
}
@media (max-width: 767px) {
  .kominka-footer .copy-light-box .copy-light {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.kominka-footer .copy-light-box a {
  color: rgb(255, 255, 255);
}
.kominka-footer .copy-light-box a:hover {
  opacity: 0.7;
}
.kominka-footer .copy-light-box a:not(:last-child) {
  margin-right: 10px;
}

.kominka-fv-section {
  position: relative;
  padding: 0;
  max-height: 1080px;
  min-height: 700px;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 1023px) {
  .kominka-fv-section {
    height: 540px;
    min-height: auto;
  }
}
@media (max-width: 767px) {
  .kominka-fv-section {
    height: 350px;
  }
}
.kominka-fv-section img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 50%;
  height: 50%;
}

.kominka-fv-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 100%;
  aspect-ratio: 1/1;
  background-color: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

.kominka-top-produce-section {
  overflow: hidden;
}
.kominka-top-produce-section .top-produce-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0 30px;
}
.kominka-top-produce-section .top-produce-wrapper .text-box {
  width: 55%;
}
@media (max-width: 1023px) {
  .kominka-top-produce-section .top-produce-wrapper .text-box {
    display: contents;
  }
}
@media (max-width: 1023px) {
  .kominka-top-produce-section .top-produce-wrapper .main-text {
    width: 55%;
  }
}
@media (max-width: 767px) {
  .kominka-top-produce-section .top-produce-wrapper .main-text {
    width: 100%;
  }
}
.kominka-top-produce-section .top-produce-wrapper .image-box {
  max-width: 600px;
  width: calc(45% - 30px);
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  margin-right: calc(50% - 50vw);
}
@media (max-width: 767px) {
  .kominka-top-produce-section .top-produce-wrapper .image-box {
    max-width: 400px;
    margin: 30px auto 0;
  }
}
.kominka-top-produce-section .top-produce-wrapper .image-box .right {
  margin-right: 0;
  width: 45%;
}
@media (max-width: 1200px) {
  .kominka-top-produce-section .top-produce-wrapper .image-box .right {
    width: 43%;
  }
}
.kominka-top-produce-section .top-produce-wrapper .image-box .left {
  margin-top: -100px;
  margin-left: 0;
  width: 65%;
}
@media (max-width: 1200px) {
  .kominka-top-produce-section .top-produce-wrapper .image-box .left {
    margin-top: -70px;
  }
}
.kominka-top-produce-section .main-text p:not(:last-child) {
  margin-bottom: 15px;
}
.kominka-top-produce-section .kominka-btn {
  margin-left: 0;
}

.kominka-top-title {
  margin-bottom: 50px;
  font-family: "Zen Maru Gothic", sans-serif;
  color: rgb(86, 71, 71);
  font-size: 2rem;
}
@media (max-width: 767px) {
  .kominka-top-title {
    margin-bottom: 30px;
    font-size: 1.5rem;
  }
}
.kominka-top-title.center {
  text-align: center;
}
.kominka-top-title.bg {
  font-size: 2.5rem;
}
@media (max-width: 767px) {
  .kominka-top-title.bg {
    font-size: 1.8rem;
  }
}
.kominka-top-title.bg span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 20px;
  background-color: rgb(86, 71, 71);
  color: rgb(255, 255, 255);
}
.kominka-top-title.bg span:not(:last-child) {
  margin-bottom: 10px;
}

.kominka-top-subsidy-section .inner-box {
  max-width: 925px;
  margin: auto;
}

.kominka-subsidy-text {
  margin-bottom: 50px;
  text-align: center;
}
@media (max-width: 767px) {
  .kominka-subsidy-text {
    margin-bottom: 30px;
    text-align: left;
  }
}

.kominka-sub-title {
  margin-bottom: 30px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  font-family: "Zen Maru Gothic", sans-serif;
  padding: 10px 20px;
  background-color: rgb(86, 71, 71);
  color: rgb(255, 255, 255);
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .kominka-sub-title {
    font-size: 1.2rem;
    margin-bottom: 20px;
  }
}

.kominka-business-wrapper {
  max-width: 925px;
  margin: auto;
  display: -ms-grid;
  display: grid;
  gap: 35px;
  -ms-grid-columns: 1fr 35px 1fr 35px 1fr 35px 1fr;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1023px) {
  .kominka-business-wrapper {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .kominka-business-wrapper {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
.kominka-business-wrapper .business-box {
  font-size: 1.4rem;
  font-weight: 500;
  font-family: "Zen Maru Gothic", sans-serif;
  color: rgb(86, 71, 71);
  padding: 30px 10px;
  text-align: center;
  background-color: rgb(255, 255, 255);
  border-radius: 20px;
  border: 1px solid rgba(86, 71, 71, 0.3);
}
.kominka-business-wrapper .business-box img {
  margin-top: 20px;
  width: 80%;
  max-width: 80px;
}

.kominka-top-produce-list-section {
  position: relative;
  padding: 0;
  overflow: hidden;
}
.kominka-top-produce-list-section .contents-wrapper {
  position: relative;
  max-width: calc(100% - 50px);
  width: calc(925px + (100% - 925px) / 2);
  padding: 100px 50px 100px 0;
  background-color: rgb(255, 255, 255);
  border-radius: 0 40px 40px 0;
  margin-left: calc(50% - 50vw);
}
@media (min-width: 1500px) {
  .kominka-top-produce-list-section .contents-wrapper {
    padding: 100px 50px;
    max-width: 1400px;
    width: calc(100% - 100px);
    margin-left: auto;
    border-radius: 40px;
  }
}
@media (max-width: 767px) {
  .kominka-top-produce-list-section .contents-wrapper {
    max-width: calc(100% - 20px);
    padding: 50px 20px 50px 0;
  }
}
.kominka-top-produce-list-section .kominka-top-title span {
  margin-left: auto;
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
}
@media (max-width: 767px) {
  .kominka-top-produce-list-section .kominka-top-title span {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
}
.kominka-top-produce-list-section .kominka-btn {
  -webkit-transform: translate(50px);
          transform: translate(50px);
}
@media (max-width: 767px) {
  .kominka-top-produce-list-section .kominka-btn {
    max-width: calc(100% - 20px);
    -webkit-transform: translate(10px);
            transform: translate(10px);
  }
}

.kominka-produce-list a {
  color: rgb(44, 44, 44);
}
.kominka-produce-list .image-box {
  margin-bottom: 10px;
}
.kominka-produce-list img {
  height: auto;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.kominka-produce-list .text-box {
  text-align: left;
}
.kominka-produce-list .title {
  margin-bottom: 5px;
  direction: ltr;
  unicode-bidi: plaintext;
}
.kominka-produce-list .title span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kominka-produce-list .time {
  font-size: 0.9rem;
}

.kominka-tag-wrapper {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
}
.kominka-tag-wrapper .tags {
  display: inline-block;
  padding: 3px 10px;
  font-size: 0.8rem;
  border-radius: 50px;
  border: 1px solid rgb(44, 44, 44);
  direction: ltr;
  unicode-bidi: plaintext;
}

.kominka-top-news-section .contents-wrapper {
  max-width: 925px;
}
.kominka-top-news-section .top-news-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 50px;
}
@media (max-width: 767px) {
  .kominka-top-news-section .top-news-wrapper {
    gap: 0 25px;
  }
}
.kominka-top-news-section .kominka-sub-title {
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  letter-spacing: 6px;
  padding: 10px 5px;
}
.kominka-top-news-section .news-box {
  width: calc(100% - 50px - 45px);
}
@media (max-width: 767px) {
  .kominka-top-news-section .news-box {
    display: contents;
  }
}
@media (max-width: 767px) {
  .kominka-top-news-section .kominka-news-list {
    width: calc(100% - 35px - 25px);
  }
}

.kominka-news-list li:first-child a {
  padding-top: 0;
}
.kominka-news-list a {
  display: block;
  color: rgb(44, 44, 44);
  padding: 10px 50px;
  border-bottom: 2px dashed rgb(255, 255, 255);
}
@media (max-width: 767px) {
  .kominka-news-list a {
    padding: 10px 0;
  }
}
.kominka-news-list .time {
  font-size: 0.9rem;
}
.kominka-news-list .title span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.kominka-mv-section {
  position: relative;
  padding: 0;
  min-height: 300px;
  border-bottom: 45px solid rgb(86, 71, 71);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 767px) {
  .kominka-mv-section {
    border-bottom: 15px solid rgb(86, 71, 71);
    min-height: 250px;
  }
}
.kominka-mv-section img {
  width: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.kominka-mv-section .kominka-fv-logo {
  background-color: rgb(255, 255, 255);
}

.kominka-subsidy-page-section .purpose-wrapper {
  gap: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.kominka-subsidy-page-section .purpose-wrapper .text-box {
  width: 50%;
}
@media (max-width: 1023px) {
  .kominka-subsidy-page-section .purpose-wrapper .text-box {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.kominka-subsidy-page-section .purpose-wrapper .small {
  font-size: 0.9rem;
}
.kominka-subsidy-page-section .purpose-wrapper p:not(:last-child) {
  margin-bottom: 15px;
}
.kominka-subsidy-page-section .purpose-wrapper .image-box {
  width: calc(50% - 40px);
}
@media (max-width: 1023px) {
  .kominka-subsidy-page-section .purpose-wrapper .image-box {
    width: 80%;
    margin: auto;
  }
}

.kominka-business-page-section .kominka-business-wrapper {
  margin-top: 30px;
}

.kominka-subsidy-info-section .info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 90px 50px;
}
@media (max-width: 767px) {
  .kominka-subsidy-info-section .info-wrapper {
    gap: 50px;
  }
}
.kominka-subsidy-info-section .info-wrapper .info-box {
  position: relative;
  width: calc((100% - 50px) / 2);
  font-size: 1.2rem;
}
@media (max-width: 1023px) {
  .kominka-subsidy-info-section .info-wrapper .info-box {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .kominka-subsidy-info-section .info-wrapper .info-box {
    width: 100%;
  }
}
.kominka-subsidy-info-section .info-wrapper p:not(:last-child) {
  margin-bottom: 15px;
}
.kominka-subsidy-info-section .info-wrapper .kominka-sub-title,
.kominka-subsidy-info-section .info-wrapper .main-text {
  position: relative;
  z-index: 2;
}
.kominka-subsidy-info-section .info-wrapper .map-image {
  position: absolute;
  top: 0;
  right: 30px;
  width: 40%;
}
@media (max-width: 1023px) {
  .kominka-subsidy-info-section .info-wrapper .map-image {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .kominka-subsidy-info-section .info-wrapper .map-image {
    right: 0;
  }
}
.kominka-subsidy-info-section .kominka-btn {
  padding: 20px 10px;
  background-color: rgb(255, 255, 255);
}
.kominka-subsidy-info-section .kominka-btn img {
  display: inline-block;
  width: 20px;
  margin-left: 10px;
  vertical-align: middle;
}

.kominka-page-title {
  color: rgb(86, 71, 71);
  font-family: "Zen Maru Gothic", sans-serif;
  margin-bottom: 80px;
  text-align: center;
  font-size: 2rem;
  font-weight: 500;
}

.museum-pagenavi.kominka a {
  color: rgb(86, 71, 71);
}
.museum-pagenavi.kominka span.current {
  background-color: rgb(86, 71, 71);
}

.kominka-news-page-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  gap: 0 30px;
}
.kominka-news-page-wrapper .news-box {
  width: calc(100% - 30px - 200px);
}
@media (max-width: 1023px) {
  .kominka-news-page-wrapper .news-box {
    width: 100%;
  }
}
.kominka-news-page-wrapper .news-box a {
  padding: 20px 0;
}

.kominak-news-single-section .single-news .single-title-wrapper {
  border-bottom: 2px dashed rgb(255, 255, 255);
}
.kominak-news-single-section .single-news .news-title {
  font-size: 1.2rem;
}
.kominak-news-single-section .single-news .kominka-btn {
  margin-top: 0;
}

.kominak-project-page-section .kominka-produce-list.page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 80px 40px;
}
@media (max-width: 767px) {
  .kominak-project-page-section .kominka-produce-list.page {
    gap: 40px;
  }
}
.kominak-project-page-section .kominka-produce-list.page li {
  width: calc((100% - 80px) / 3);
}
@media (max-width: 1023px) {
  .kominak-project-page-section .kominka-produce-list.page li {
    width: calc((100% - 40px) / 2);
  }
}
@media (max-width: 767px) {
  .kominak-project-page-section .kominka-produce-list.page li {
    width: 100%;
  }
}

.kominak-produce-single-section .kominka-tag-wrapper {
  margin-bottom: 30px;
}
.kominak-produce-single-section .kominka-btn {
  margin-top: 0;
}
.kominak-produce-single-section .shop-data-wrapper {
  margin-top: 50px;
}
.kominak-produce-single-section .shop-title {
  margin-bottom: 30px;
  padding: 10px 20px;
  letter-spacing: 3px;
  background-color: rgb(86, 71, 71);
  color: rgb(255, 255, 255);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
}
.kominak-produce-single-section .shop-data-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
}
.kominak-produce-single-section .shop-data-inner:not(:last-child) {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .kominak-produce-single-section .shop-data-inner:not(:last-child) {
    margin-bottom: 25px;
  }
}
.kominak-produce-single-section .shop-data-inner .title {
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding: 10px 5px;
  border-radius: 15px;
  width: 160px;
  text-align: center;
  background-color: rgb(255, 255, 255);
  color: rgb(86, 71, 71);
}
.kominak-produce-single-section .shop-data-inner .contents {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: calc(100% - 160px - 20px);
}
@media (max-width: 767px) {
  .kominak-produce-single-section .shop-data-inner .contents {
    width: 100%;
    padding: 0 10px;
  }
}
.kominak-produce-single-section .shop-data-inner .contents.sns a {
  display: inline-block;
  text-transform: capitalize;
}
.kominak-produce-single-section .shop-data-inner .contents.sns a:not(:last-child) {
  margin-right: 10px;
}
.kominak-produce-single-section .shop-data-inner .contents.hp a {
  border-bottom: 1px solid rgb(86, 71, 71);
}
.kominak-produce-single-section .shop-data-inner .contents.hp a:hover {
  border-color: transparent;
}

.kominka-contact-section .contact-arrow-wrapper::before {
  border-color: rgb(255, 255, 255);
}
.kominka-contact-section .contact-arrow-wrapper span {
  border-color: rgb(44, 44, 44);
  color: rgb(44, 44, 44);
}
.kominka-contact-section .contact-arrow-wrapper span.bg-blue {
  background-color: rgb(44, 44, 44);
  border-color: rgb(44, 44, 44);
  color: rgb(255, 255, 255);
}
.kominka-contact-section .text-common {
  background-color: rgb(255, 255, 255);
}
.kominka-contact-section .button-submit {
  background-color: rgb(86, 71, 71);
  border: 1px solid rgb(86, 71, 71);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.kominka-contact-section .button-submit:hover {
  background-color: rgb(236, 234, 228);
  color: rgb(86, 71, 71);
}
.kominka-contact-section .button-submit.black {
  color: rgb(86, 71, 71);
  background-color: rgb(236, 234, 228);
}
.kominka-contact-section .button-submit.black:hover {
  background-color: rgb(86, 71, 71);
  color: rgb(236, 234, 228);
}
.kominka-contact-section .thanks-message {
  margin-bottom: 70px;
  position: relative;
  color: rgb(86, 71, 71);
  font-family: rgb(44, 44, 44);
}
@media (max-width: 767px) {
  .kominka-contact-section .thanks-message {
    margin-bottom: 30px;
  }
}
.kominka-contact-section .thanks-message::after {
  position: absolute;
  top: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  display: block;
  width: 50%;
  aspect-ratio: 582/230;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/kominka-project/thanks-bg.png");
}
@media (max-width: 1023px) {
  .kominka-contact-section .thanks-message::after {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .kominka-contact-section .thanks-message::after {
    width: 100%;
  }
}

.yuen-wrapper {
  font-family: "Shippori Mincho B1", serif;
}

.yuen-header {
  top: 0;
  left: 0;
  z-index: 1000;
  position: absolute;
  width: 100%;
}
.yuen-header .header-logo {
  margin: 10px;
  width: 80px;
}
.yuen-header .header-menu.top {
  display: none;
}
@media (max-width: 1023px) {
  .yuen-header .header-menu.top {
    display: block;
  }
}

.drawer--right .yuen-header .drawer-hamburger {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 80px;
  height: auto;
  aspect-ratio: 1/1;
  background-color: rgb(24, 24, 24);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 10px;
  padding: 20px 10px 10px;
}
.drawer--right .yuen-header .drawer-hamburger .drawer-hamburger-icon {
  width: 40px;
  margin: 0 auto;
  height: 10px;
  background-color: transparent;
}
.drawer--right .yuen-header .drawer-hamburger .drawer-hamburger-icon::before, .drawer--right .yuen-header .drawer-hamburger .drawer-hamburger-icon::after {
  background-color: rgb(255, 255, 255);
}
.drawer--right .yuen-header .drawer-hamburger .drawer-hamburger-icon::before {
  top: 0;
}
.drawer--right .yuen-header .drawer-hamburger .drawer-hamburger-icon::after {
  top: auto;
  bottom: 0;
}
.drawer--right .yuen-header .drawer-hamburger .menu {
  font-family: "Zen Old Mincho", serif;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
}
.drawer--right .yuen-header .drawer-nav {
  background-color: rgb(24, 24, 24);
  padding: 80px 30px 50px;
}
.drawer--right .yuen-header .drawer-nav .menu-logo {
  margin-bottom: 20px;
}
.drawer--right .yuen-header .drawer-nav .yuen-menu-list li:not(:last-child) {
  margin-bottom: 20px;
}
.drawer--right .yuen-header .drawer-nav a {
  color: rgb(255, 255, 255);
}
.drawer--right.drawer-open .yuen-header .drawer-hamburger-icon::after {
  top: 0;
  bottom: auto;
}

.footer-menu-section .contents-wrapper {
  max-width: 1300px;
}
.footer-menu-section .footer-menu-wrapper {
  padding: 50px;
  background-color: rgb(255, 255, 255);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 1271px) {
  .footer-menu-section .footer-menu-wrapper {
    padding: 50px 30px;
  }
}
.footer-menu-section .footer-menu-wrapper div {
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer-menu-section .footer-menu-wrapper div:not(:first-child) {
  position: relative;
  padding: 0 30px;
}
@media (max-width: 1271px) {
  .footer-menu-section .footer-menu-wrapper div:not(:first-child) {
    padding: 0 20px;
  }
}
.footer-menu-section .footer-menu-wrapper div:not(:first-child)::after {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: rgb(206, 206, 206);
}
.footer-menu-section .footer-menu-wrapper div:last-child {
  padding-right: 0;
}
@media (max-width: 1158px) {
  .footer-menu-section .footer-menu-wrapper div.image-box {
    width: 20%;
  }
}
@media (max-width: 1023px) {
  .footer-menu-section .footer-menu-wrapper div.image-box {
    width: 51%;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .footer-menu-section .footer-menu-wrapper div.image-box {
    margin-bottom: 20px;
    width: 80%;
  }
}
@media (max-width: 1158px) {
  .footer-menu-section .footer-menu-wrapper div.address {
    width: 30%;
  }
}
@media (max-width: 1023px) {
  .footer-menu-section .footer-menu-wrapper div.address {
    width: 50%;
  }
  .footer-menu-section .footer-menu-wrapper div.address::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer-menu-section .footer-menu-wrapper div.address {
    width: 100%;
    padding: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .footer-menu-section .footer-menu-wrapper div.address .yuen-dot-link {
    margin-top: 20px;
  }
}
@media (max-width: 1023px) {
  .footer-menu-section .footer-menu-wrapper div.sns {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .footer-menu-section .footer-menu-wrapper div.sns {
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
  }
  .footer-menu-section .footer-menu-wrapper div.sns::after {
    display: none;
  }
}
.footer-menu-section .footer-menu-wrapper div.sns p:not(:last-child) {
  margin-bottom: 20px;
}
.footer-menu-section .footer-menu-wrapper div.sns p > span {
  font-size: 1.1rem;
  font-weight: 500;
}
.footer-menu-section .footer-menu-wrapper div.sns a:not(:last-child) {
  margin-bottom: 5px;
}
.footer-menu-section .footer-menu-wrapper div.sns a::before {
  content: "・";
}
@media (max-width: 767px) {
  .footer-menu-section .footer-menu-wrapper div.sns .inner-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 30px;
  }
  .footer-menu-section .footer-menu-wrapper div.sns .inner-box br {
    display: none;
  }
}
@media (max-width: 1023px) {
  .footer-menu-section .footer-menu-wrapper div.footer-menu {
    display: none;
  }
}
.footer-menu-section .footer-menu-wrapper div.footer-menu li:not(:last-child) {
  margin-bottom: 5px;
}
.footer-menu-section .footer-menu-wrapper div.footer-menu .top {
  display: none;
}
.footer-menu-section .footer-menu-wrapper div a:not(.yuen-dot-link) {
  display: inline-block;
  color: rgb(24, 24, 24);
  border-bottom: 1px solid transparent;
}
.footer-menu-section .footer-menu-wrapper div a:not(.yuen-dot-link):hover {
  border-color: rgb(24, 24, 24);
}

.kominka-footer.yuen {
  background-color: rgb(24, 24, 24);
}
.kominka-footer.yuen .yuen {
  display: none;
}

.yuen-fv-section {
  position: relative;
  height: 100vh;
}
@media (max-width: 1023px) {
  .yuen-fv-section {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .yuen-fv-section {
    height: 350px;
  }
}
.yuen-fv-section .swiper-slide {
  height: auto;
}
.yuen-fv-section .swiper-slide img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yuen-fv-section .fv-logo {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40%;
  max-width: 265px;
}
.yuen-fv-section .yuen-menu-list {
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 2;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .yuen-fv-section .yuen-menu-list {
    display: none;
  }
}
.yuen-fv-section .yuen-menu-list li:not(:last-child) {
  margin-bottom: 10px;
}
.yuen-fv-section .yuen-menu-list a {
  letter-spacing: 2px;
  color: rgb(255, 255, 255);
}
.yuen-fv-section .yuen-menu-list .top {
  display: none;
}

.yuen-bg1 {
  background-image: url("../../images/yuen/yuen-bg1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.yuen-bg2 {
  background-image: url("../../images/yuen/yuen-bg2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-repeat: repeat-y;
}

.yuen-top-about-section .yuen-about-message {
  margin: auto;
}

.yuen-about-message {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
}
.yuen-about-message p {
  margin-top: 50px;
  line-height: 40px;
  letter-spacing: 2px;
  font-size: 0.9rem;
}
@media (max-width: 767px) {
  .yuen-about-message p {
    line-height: 25px;
  }
}

.yuen-message-title {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  margin-left: 30px;
  font-size: 1.8rem;
  letter-spacing: 6px;
}
@media (max-width: 767px) {
  .yuen-message-title {
    font-size: 1.3rem;
    margin-left: 10px;
  }
}
.yuen-message-title .big {
  display: block;
  font-size: 3.7rem;
  text-align: center;
  letter-spacing: 20px;
}
@media (max-width: 767px) {
  .yuen-message-title .big {
    font-size: 2.5rem;
  }
}

.yuen-link-section {
  padding: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
.yuen-link-section a {
  position: relative;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 465px;
}
@media (max-width: 1023px) {
  .yuen-link-section a {
    min-height: 360px;
  }
}
@media (max-width: 767px) {
  .yuen-link-section a {
    min-height: 140px;
  }
}
.yuen-link-section a::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.yuen-link-section a:hover::before {
  opacity: 1;
}
.yuen-link-section .about {
  background-image: url("../../images/yuen/link1.jpg");
}
.yuen-link-section .about span.big {
  margin-top: 20px;
}
.yuen-link-section .paper-cutting-gallery {
  background-image: url("../../images/yuen/link2.jpg");
}
.yuen-link-section .souhou {
  background-image: url("../../images/yuen/link3.jpg");
}
.yuen-link-section span {
  position: relative;
  z-index: 2;
  display: block;
  color: rgb(255, 255, 255);
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  text-align: center;
}
.yuen-link-section span.small {
  font-size: 1.1rem;
  letter-spacing: 0.5rem;
}
@media (max-width: 767px) {
  .yuen-link-section span.small {
    font-size: 0.9rem;
    letter-spacing: 0.2rem;
  }
}
.yuen-link-section span.medium {
  font-size: 1.5rem;
  letter-spacing: 0.5rem;
}
@media (max-width: 767px) {
  .yuen-link-section span.medium {
    font-size: 1rem;
    letter-spacing: 0.1rem;
  }
}
.yuen-link-section span.big {
  font-size: 2rem;
  letter-spacing: 0.8rem;
}

.yuen-vertical-title {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  letter-spacing: 0.5rem;
  font-size: 2rem;
}
@media (max-width: 767px) {
  .yuen-vertical-title {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    margin-bottom: 30px;
  }
}
.yuen-vertical-title.big {
  font-size: 3.8rem;
  letter-spacing: 30px;
}
@media (max-width: 767px) {
  .yuen-vertical-title.big {
    font-size: 3rem;
  }
}

.yuen-news-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  color: rgb(24, 24, 24);
}
@media (max-width: 767px) {
  .yuen-news-list a {
    gap: 10px;
  }
}
.yuen-news-list a .image-box {
  width: 170px;
}
@media (max-width: 767px) {
  .yuen-news-list a .image-box {
    width: 120px;
  }
}
.yuen-news-list a .image-box img {
  height: auto;
  aspect-ratio: 13/9;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .yuen-news-list a .image-box img {
    aspect-ratio: 1/1;
  }
}
.yuen-news-list a .text-box {
  width: calc(100% - 170px - 30px);
}
@media (max-width: 767px) {
  .yuen-news-list a .text-box {
    width: calc(100% - 120px - 10px);
  }
}
.yuen-news-list a .title {
  margin-top: 5px;
}
.yuen-news-list a .title span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.yuen-news-list a .time {
  font-size: 0.9rem;
  color: rgb(127, 127, 127);
}

.yuen-news-tags {
  display: inline-block;
  font-size: 0.8rem;
  padding: 3px 10px;
  margin-left: 10px;
  color: rgb(255, 255, 255);
  border-radius: 30px;
  background-color: rgb(90, 90, 90);
}

.contents-wrapper.yuen {
  max-width: 900px;
}

.yuen-top-news-section .top-news-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px 150px;
}
@media (max-width: 1023px) {
  .yuen-top-news-section .top-news-wrapper {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .yuen-top-news-section .top-news-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.yuen-top-news-section .yuen-dot-link {
  margin-top: 0;
}
.yuen-top-news-section .yuen-news-list {
  width: calc(100% - 150px - 50px);
}
@media (max-width: 1023px) {
  .yuen-top-news-section .yuen-news-list {
    width: calc(100% - 30px - 50px);
  }
}
@media (max-width: 767px) {
  .yuen-top-news-section .yuen-news-list {
    width: 100%;
  }
}
.yuen-top-news-section .yuen-news-list li:not(:last-child) {
  margin-bottom: 30px;
}

.yuen-top-menu-section {
  position: relative;
}
.yuen-top-menu-section::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../../images/yuen/top-message-bg.png");
}
.yuen-top-menu-section .contents-wrapper {
  max-width: 1050px;
}
.yuen-top-menu-section .top-menu-box {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 30px;
}
.yuen-top-menu-section .top-menu-box:not(:last-child) {
  margin-bottom: 50px;
}
.yuen-top-menu-section .top-menu-box:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.yuen-top-menu-section .top-menu-box .image-box {
  width: 40%;
}
@media (max-width: 767px) {
  .yuen-top-menu-section .top-menu-box .image-box {
    width: 70%;
    margin: auto;
  }
}
.yuen-top-menu-section .top-menu-box .text-box {
  width: calc(60% - 30px);
  max-width: 400px;
}
@media (max-width: 767px) {
  .yuen-top-menu-section .top-menu-box .text-box {
    width: 100%;
  }
}

.yuen-dot-title {
  font-size: 1.8rem;
  margin-bottom: 30px;
}

.yuen-event-list.top li:not(:last-child) {
  margin-bottom: 50px;
}
.yuen-event-list.top a {
  background-color: rgb(255, 255, 255);
  color: rgb(24, 24, 24);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  flex-direction: row-reverse;
}
.yuen-event-list.top a .image-box {
  position: relative;
  width: 50%;
}
@media (max-width: 767px) {
  .yuen-event-list.top a .image-box {
    width: 100%;
  }
}
.yuen-event-list.top a .image-box img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yuen-event-list.top a .yuen-event-situation {
  position: absolute;
  bottom: 10px;
  right: 0;
}
.yuen-event-list.top a .text-box {
  position: relative;
  padding: 50px 30px;
  width: 50%;
}
@media (max-width: 767px) {
  .yuen-event-list.top a .text-box {
    width: 100%;
    padding: 20px;
  }
}
.yuen-event-list.top a .yuen-event-tags {
  display: block;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .yuen-event-list.top a .yuen-event-tags {
    margin-bottom: 10px;
  }
}
.yuen-event-list.top a:hover .top-more {
  background-color: rgb(255, 255, 255);
  color: rgb(24, 24, 24);
}
.yuen-event-list.top .title {
  margin-bottom: 10px;
}
.yuen-event-list.top .title span {
  display: -webkit-box; /* 必須 */
  -webkit-box-orient: vertical; /* 必須 */
  -webkit-line-clamp: 3; /* 行数を制限 */
  overflow: hidden;
}
.yuen-event-list.top .top-more {
  margin-top: 50px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 15px;
  font-size: 0.9rem;
  color: rgb(255, 255, 255);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 1px solid rgb(24, 24, 24);
  background-color: rgb(24, 24, 24);
}
@media (max-width: 767px) {
  .yuen-event-list.top .top-more {
    margin-top: 20px;
    margin-left: auto;
  }
}
.yuen-event-list .title {
  font-size: 1.2rem;
  font-weight: 500;
}
.yuen-event-list .time {
  color: rgb(127, 127, 127);
  font-size: 0.9rem;
}
.yuen-event-list .time span {
  display: inline-block;
}
.yuen-event-list .top-more {
  display: none;
}

.yuen-event-situation {
  display: inline-block;
  width: 150px;
  background-color: rgb(127, 127, 127);
  color: rgb(255, 255, 255);
  border-radius: 30px;
  text-align: center;
  padding: 5px 10px;
}

.yuen-dot-link {
  display: block;
  width: 100%;
  max-width: 250px;
  margin: 50px auto 0;
  padding: 15px;
  border: 1px solid rgb(24, 24, 24);
  border-radius: 50px;
  color: rgb(24, 24, 24);
  text-align: center;
}
.yuen-dot-link::before {
  content: "・";
}
.yuen-dot-link:hover {
  background-color: rgb(24, 24, 24);
  color: rgb(255, 255, 255);
}

.yuen-mv-section {
  height: 400px;
  padding-top: 150px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .yuen-mv-section {
    height: 250px;
    padding: 100px 0 30px;
  }
}
.yuen-mv-section .mv-title {
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: 3.7rem;
}
@media (max-width: 767px) {
  .yuen-mv-section .mv-title {
    font-size: 2rem;
  }
}
.yuen-mv-section .mv-title .small {
  display: block;
  font-size: 1.4rem;
}
.yuen-mv-section.about {
  background-image: url("../../images/yuen/mv/about.jpg");
  background-position: right;
}
.yuen-mv-section.paper {
  background-image: url("../../images/yuen/mv/paper.jpg");
  background-position: right;
}
.yuen-mv-section.souhou {
  background-image: url("../../images/yuen/mv/souhou.jpg");
}
.yuen-mv-section.access {
  background-image: url("../../images/yuen/mv/access.jpg");
}
@media (max-width: 767px) {
  .yuen-mv-section.access {
    background-position: 70%;
  }
}
.yuen-mv-section.faq {
  background-image: url("../../images/yuen/mv/faq.jpg");
}
.yuen-mv-section.news {
  background-image: url("../../images/yuen/mv/news.jpg");
}
.yuen-mv-section.event {
  background-image: url("../../images/yuen/mv/event.jpg");
}
.yuen-mv-section.contact {
  background-image: url("../../images/yuen/mv/contact.jpg");
}

.yuen-about-page-section {
  overflow: hidden;
}
.yuen-about-page-section .about-page-wrapper {
  margin-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 100px;
}
@media (max-width: 1023px) {
  .yuen-about-page-section .about-page-wrapper {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .yuen-about-page-section .about-page-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.yuen-about-page-section .about-page-wrapper .image-box {
  width: 20%;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  max-width: 480px;
  margin-left: calc(50% - 50vw);
}
@media (max-width: 1023px) {
  .yuen-about-page-section .about-page-wrapper .image-box {
    width: 20%;
  }
}
@media (max-width: 767px) {
  .yuen-about-page-section .about-page-wrapper .image-box {
    display: none;
  }
}
.yuen-about-page-section .about-page-wrapper .text-box {
  width: calc(80% - 100px);
}
@media (max-width: 1023px) {
  .yuen-about-page-section .about-page-wrapper .text-box {
    width: calc(80% - 30px);
  }
}
@media (max-width: 767px) {
  .yuen-about-page-section .about-page-wrapper .text-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 1023px) {
  .yuen-about-page-section .about-page-wrapper .yuen-about-message p {
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .yuen-about-page-section .about-page-wrapper .yuen-about-message p {
    line-height: 25px;
  }
}
.yuen-about-page-section .after-image {
  width: 55%;
  max-width: 830px;
  margin-right: calc(50% - 50vw);
}
@media (min-width: 1920px) {
  .yuen-about-page-section .after-image {
    margin-right: -50px;
  }
}
@media (max-width: 767px) {
  .yuen-about-page-section .after-image {
    width: 80%;
  }
}

.yuen-kanmi-section .text-box {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
@media (max-width: 767px) {
  .yuen-kanmi-section .text-box {
    gap: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.yuen-kanmi-section .text-box .main-text {
  max-width: 700px;
  width: calc(100% - 90px - 40px);
}
@media (max-width: 767px) {
  .yuen-kanmi-section .text-box .main-text {
    width: 100%;
  }
}
.yuen-kanmi-section .image-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 767px) {
  .yuen-kanmi-section .image-box {
    gap: 10px;
  }
}
.yuen-kanmi-section .image-box img {
  width: calc((100% - 30px) / 2);
  max-width: 500px;
  aspect-ratio: 500/370;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .yuen-kanmi-section .image-box img {
    width: calc((100% - 10px) / 2);
  }
}
.yuen-kanmi-section .image-box img:last-child {
  margin-top: 100px;
}
@media (max-width: 767px) {
  .yuen-kanmi-section .image-box img:last-child {
    margin-top: 40px;
  }
}

.yuen-info-section {
  background-color: rgb(24, 24, 24);
  color: rgb(255, 255, 255);
}
.yuen-info-section .info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.yuen-info-section .info-box:not(:last-child) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgb(255, 255, 255);
}
.yuen-info-section .info-box .title {
  font-size: 1.1rem;
  font-weight: 700;
  width: 300px;
  padding-left: 50px;
}
@media (max-width: 767px) {
  .yuen-info-section .info-box .title {
    width: 100px;
    padding-left: 0;
  }
}
.yuen-info-section .info-box .contents {
  width: calc(100% - 200px);
}
@media (max-width: 767px) {
  .yuen-info-section .info-box .contents {
    width: calc(100% - 100px);
  }
}

.yuen-info-title {
  margin-bottom: 80px;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
}

.yuen-note-section .note-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media (max-width: 1023px) {
  .yuen-note-section .note-wrapper {
    gap: 0;
  }
}
@media (max-width: 767px) {
  .yuen-note-section .note-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.yuen-note-section .note-list {
  width: calc(100% - 90px - 30px);
}
@media (max-width: 1023px) {
  .yuen-note-section .note-list {
    width: calc(100% - 90px);
    font-size: 0.9rem;
  }
}
@media (max-width: 767px) {
  .yuen-note-section .note-list {
    width: 100%;
  }
}
.yuen-note-section .note-list li::before {
  content: "・";
}
.yuen-note-section .note-list li:not(:last-child) {
  margin-bottom: 10px;
}

.yuen-paper-page-section .name {
  margin-bottom: 30px;
}
.yuen-paper-page-section .name .main {
  margin-right: 20px;
  font-size: 1.8rem;
  font-weight: 600;
}
.yuen-paper-page-section .name .ruby {
  font-size: 0.9rem;
}
.yuen-paper-page-section .prof-title {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 1.5rem;
  color: rgb(147, 5, 7);
}
.yuen-paper-page-section .histpry-wrapper {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 30px;
}
@media (max-width: 767px) {
  .yuen-paper-page-section .histpry-wrapper {
    gap: 0;
  }
}
.yuen-paper-page-section .histpry-wrapper .prof-title {
  width: 48px;
}
.yuen-paper-page-section .histpry-wrapper .contents {
  padding-top: 10px;
  width: calc(100% - 48px - 30px);
}
@media (max-width: 767px) {
  .yuen-paper-page-section .histpry-wrapper .contents {
    width: 100%;
    padding-top: 0;
  }
}
.yuen-paper-page-section .histpry-box {
  font-family: "Noto Sans JP", serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.yuen-paper-page-section .histpry-box:not(:last-child) {
  margin-bottom: 20px;
}
.yuen-paper-page-section .histpry-box .year {
  width: 50px;
}
.yuen-paper-page-section .histpry-box .text {
  width: calc(100% - 50px);
}
.yuen-paper-page-section .histpry-box p:not(:last-child) {
  margin-bottom: 10px;
}
.yuen-paper-page-section .histpry-box .small {
  font-size: 0.8rem;
  display: inline-block;
}
.yuen-paper-page-section .prof-box:not(:last-child) {
  margin-bottom: 20px;
}
.yuen-paper-page-section .prof-box p {
  font-family: "Noto Sans JP", serif;
}
.yuen-paper-page-section .paper-image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 120px 30px;
}
@media (max-width: 767px) {
  .yuen-paper-page-section .paper-image-wrapper {
    gap: 50px 10px;
  }
}
.yuen-paper-page-section .paper-image-wrapper img {
  max-width: 525px;
  width: calc((100% - 30px) / 2);
}
@media (max-width: 767px) {
  .yuen-paper-page-section .paper-image-wrapper img {
    width: calc((100% - 10px) / 2);
  }
}
.yuen-paper-page-section .paper-image-wrapper img.one {
  width: 40%;
  max-width: 430px;
}
.yuen-paper-page-section .paper-image-wrapper img.two {
  width: calc(60% - 30px);
  max-width: 590px;
}
@media (max-width: 767px) {
  .yuen-paper-page-section .paper-image-wrapper img.two {
    width: calc(60% - 10px);
  }
}
.yuen-paper-page-section .paper-image-wrapper img.three {
  -ms-flex-item-align: self-start;
      -ms-grid-row-align: self-start;
      align-self: self-start;
}
.yuen-paper-page-section .paper-image-wrapper img.four {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .yuen-paper-page-section .paper-image-wrapper img.four {
    margin-top: 30px;
  }
}

.yuen-souhou-section .yuen-message-title {
  margin-left: auto;
}
@media (max-width: 767px) {
  .yuen-souhou-section .yuen-message-title {
    margin-right: auto;
    margin-bottom: 30px;
  }
}
.yuen-souhou-section .yuen-message-title .big {
  text-align: right;
}
.yuen-souhou-section .mian-text {
  margin-top: -100px;
  width: calc(100% - 200px);
}
@media (max-width: 767px) {
  .yuen-souhou-section .mian-text {
    width: 100%;
    margin-top: 0;
  }
}
.yuen-souhou-section .mian-text p:not(:last-child) {
  margin-bottom: 20px;
}

.yuen-souhou-image-section .image-wrapper {
  margin-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 120px;
}
@media (max-width: 1023px) {
  .yuen-souhou-image-section .image-wrapper {
    gap: 0 30px;
  }
}
.yuen-souhou-image-section .image-wrapper img {
  margin: 0;
}
.yuen-souhou-image-section .image-wrapper img.one {
  -ms-flex-item-align: start;
      align-self: flex-start;
  max-width: 690px;
  width: 50%;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  margin-left: calc(50% - 50vw);
}
@media (min-width: 1920px) {
  .yuen-souhou-image-section .image-wrapper img.one {
    margin-left: -150px;
  }
}
@media (max-width: 767px) {
  .yuen-souhou-image-section .image-wrapper img.one {
    width: 70%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    margin-right: auto;
    position: relative;
    z-index: 2;
  }
}
.yuen-souhou-image-section .image-wrapper img.two {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: 200px;
  width: calc(50% - 120px);
}
@media (max-width: 767px) {
  .yuen-souhou-image-section .image-wrapper img.two {
    width: 50%;
    margin-top: -50px;
  }
}

.souhou-instagram-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 25px;
}
@media (max-width: 1023px) {
  .souhou-instagram-box {
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .souhou-instagram-box {
    margin-bottom: 100px;
  }
}
.souhou-instagram-box img {
  width: calc((100% - 75px) / 4);
}
@media (max-width: 1023px) {
  .souhou-instagram-box img {
    width: calc((100% - 30px) / 4);
  }
}
@media (max-width: 767px) {
  .souhou-instagram-box img {
    width: calc((100% - 10px) / 2);
  }
}
.souhou-instagram-box img:nth-child(even) {
  margin-top: 100px;
}
@media (max-width: 1023px) {
  .souhou-instagram-box img:nth-child(even) {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .souhou-instagram-box img:nth-child(even) {
    margin-top: 0;
  }
}

.yuen-item-section .yuen-item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 100px 30px;
}
@media (max-width: 1023px) {
  .yuen-item-section .yuen-item-list {
    gap: 100px 10px;
  }
}
.yuen-item-section .yuen-item-list li {
  width: calc((100% - 90px) / 4);
}
@media (max-width: 1023px) {
  .yuen-item-section .yuen-item-list li {
    width: calc((100% - 30px) / 4);
  }
}
@media (max-width: 767px) {
  .yuen-item-section .yuen-item-list li {
    width: calc((100% - 10px) / 2);
  }
}
.yuen-item-section .yuen-item-list li:nth-child(3), .yuen-item-section .yuen-item-list li:nth-child(8), .yuen-item-section .yuen-item-list li:nth-child(9), .yuen-item-section .yuen-item-list li:nth-child(16) {
  width: calc((100% - 90px) / 4 * 2 + 30px);
}
@media (max-width: 1023px) {
  .yuen-item-section .yuen-item-list li:nth-child(3), .yuen-item-section .yuen-item-list li:nth-child(8), .yuen-item-section .yuen-item-list li:nth-child(9), .yuen-item-section .yuen-item-list li:nth-child(16) {
    width: calc((100% - 30px) / 4 * 2 + 10px);
  }
}

.yuen-access-info-section .info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.yuen-access-info-section .info-box:not(:last-child) {
  border-bottom: 1px solid rgb(232, 232, 232);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .yuen-access-info-section .info-box:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.yuen-access-info-section .info-box .title {
  width: 200px;
  padding-left: 50px;
  font-weight: 700;
}
@media (max-width: 1023px) {
  .yuen-access-info-section .info-box .title {
    padding-left: 0;
    width: 130px;
  }
}
@media (max-width: 767px) {
  .yuen-access-info-section .info-box .title {
    width: 100%;
    margin-bottom: 10px;
  }
}
.yuen-access-info-section .info-box .contents {
  width: calc(100% - 200px);
}
@media (max-width: 1023px) {
  .yuen-access-info-section .info-box .contents {
    width: calc(100% - 130px);
  }
}
@media (max-width: 767px) {
  .yuen-access-info-section .info-box .contents {
    width: 100%;
  }
}

.yuen-access-section .google-map {
  height: 300px;
}
.yuen-access-section .access-wrapper {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px 30px;
}
.yuen-access-section .access-title {
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 1.1rem;
}
.yuen-access-section .access-sub-title {
  margin-bottom: 10px;
  font-weight: 600;
}
.yuen-access-section .access-sub-title::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  aspect-ratio: 1/1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media (max-width: 767px) {
  .yuen-access-section .access-sub-title::before {
    width: 20px;
  }
}
.yuen-access-section .access-sub-title.train::before {
  background-image: url("../../images/train-black.svg");
}
.yuen-access-section .access-sub-title.bus::before {
  background-image: url("../../images/bus-black.svg");
}
.yuen-access-section p:not(:last-child) {
  margin-bottom: 15px;
}

.yuen-faq-section .accordion-wrapper .trigger {
  font-weight: 700;
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(232, 232, 232);
}
.yuen-faq-section .accordion-wrapper .trigger::before {
  background-image: url("../../images/yuen/q-icon.svg");
}
.yuen-faq-section .accordion-wrapper .a-box {
  background-color: transparent;
}
.yuen-faq-section .accordion-wrapper .a-box::before {
  background-image: url("../../images/yuen/a-icon.svg");
}
.yuen-faq-section .accordion-wrapper .a-box .inner-box {
  font-family: "Shippori Mincho B1", serif;
}

.yuen-news-page-section .contents-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  flex-direction: row-reverse;
  gap: 30px;
}
.yuen-news-page-section .contents-wrapper .museum-archive-select-wrap {
  margin-bottom: 20px;
}
.yuen-news-page-section .contents-wrapper .news-wrapper {
  width: calc(100% - 30px - 200px);
}
@media (max-width: 767px) {
  .yuen-news-page-section .contents-wrapper .news-wrapper {
    width: 100%;
  }
}
.yuen-news-page-section .contents-wrapper .news-wrapper .yuen-news-list a {
  border-bottom: 1px solid rgb(232, 232, 232);
  padding: 20px 0;
}
.yuen-news-page-section .contents-wrapper .news-wrapper .yuen-news-list li:first-child a {
  padding-top: 0;
}
.yuen-news-page-section .contents-wrapper .news-wrapper .text-box {
  width: 100%;
}
.yuen-news-page-section .contents-wrapper .news-wrapper .image-box {
  display: none;
}

.museum-pagenavi.yuen span.current {
  background-color: rgb(90, 90, 90);
}

.yuen-event-list-section .issa-event-link a.event {
  border: 1px solid rgb(24, 24, 24);
  background-color: rgb(24, 24, 24);
}
.yuen-event-list-section .issa-event-link a.event:hover {
  color: rgb(24, 24, 24);
  background-color: rgb(255, 255, 255);
}
.yuen-event-list-section .issa-event-link a.school {
  border-color: rgb(147, 5, 7);
  background-color: rgb(147, 5, 7);
}
.yuen-event-list-section .issa-event-link a.school:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(147, 5, 7);
}
.yuen-event-list-section .yuen-event-list {
  gap: 50px 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 1023px) {
  .yuen-event-list-section .yuen-event-list {
    gap: 50px 10px;
  }
}
.yuen-event-list-section .yuen-event-list li {
  width: calc((100% - 200px) / 3);
}
@media (max-width: 1023px) {
  .yuen-event-list-section .yuen-event-list li {
    width: calc((100% - 20px) / 3);
  }
}
@media (max-width: 767px) {
  .yuen-event-list-section .yuen-event-list li {
    width: calc((100% - 10px) / 2);
  }
}
.yuen-event-list-section .yuen-event-list li a {
  color: rgb(24, 24, 24);
}
.yuen-event-list-section .yuen-event-list .image-box {
  margin-bottom: 10px;
  position: relative;
}
.yuen-event-list-section .yuen-event-list .image-box img {
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.yuen-event-list-section .yuen-event-list .image-box .yuen-event-situation {
  position: absolute;
  bottom: 5px;
  left: 5px;
}
@media (max-width: 767px) {
  .yuen-event-list-section .yuen-event-list .image-box .yuen-event-situation {
    width: 100px;
  }
}
.yuen-event-list-section .yuen-event-list .title span {
  display: -webkit-box; /* 必須 */
  -webkit-box-orient: vertical; /* 必須 */
  -webkit-line-clamp: 2; /* 行数を制限 */
  overflow: hidden;
}
.yuen-event-list-section .yuen-event-tags {
  display: inline-block;
  margin-bottom: 10px;
  padding: 2px 10px;
  border-radius: 5px;
  font-size: 0.8rem;
  color: rgb(255, 255, 255);
}
.yuen-event-list-section .yuen-event-tags.school {
  background-color: rgb(147, 5, 7);
}
.yuen-event-list-section .yuen-event-tags.event {
  background-color: rgb(24, 24, 24);
}

.yuen-event-single-section .single-category-wrapper {
  margin-bottom: 40px;
}
.yuen-event-single-section .event-table {
  border: 1px solid rgb(24, 24, 24);
}
.yuen-event-single-section .event-table tr:not(:last-child) th {
  border-bottom: 1px solid rgb(255, 255, 255);
}
.yuen-event-single-section .event-table tr:not(:last-child) td {
  border-bottom: 1px solid rgb(24, 24, 24);
}
.yuen-event-single-section .event-table th {
  background-color: rgb(24, 24, 24);
}
.yuen-event-single-section .event-table td {
  background-color: rgb(255, 255, 255);
}
.yuen-event-single-section .issa-red-link-btn {
  background-color: rgb(147, 5, 7);
}

.yuen-contact-section .contact-text a {
  color: rgb(24, 24, 24);
  border-color: rgb(24, 24, 24);
}
.yuen-contact-section .contact-text a:hover {
  border-color: transparent;
}
.yuen-contact-section .contact-arrow-wrapper span {
  border-color: rgb(24, 24, 24);
  color: rgb(24, 24, 24);
}
.yuen-contact-section .contact-arrow-wrapper span.bg-blue {
  background-color: rgb(24, 24, 24);
  color: rgb(255, 255, 255);
}
.yuen-contact-section .button-submit {
  background-color: rgb(147, 5, 7);
}
.yuen-contact-section .button-submit.yellow {
  background-color: rgb(24, 24, 24);
}
.yuen-contact-section .thanks-message {
  position: relative;
  color: rgb(24, 24, 24);
}
.yuen-contact-section .thanks-message span {
  position: relative;
  z-index: 2;
}
.yuen-contact-section .thanks-message::before {
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  display: block;
  width: 50%;
  max-width: 365px;
  aspect-ratio: 368/329;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../../images/yuen/thanks-logo.png");
}

.portal-color {
  color: rgb(62, 62, 62);
  font-family: "Zen Maru Gothic", sans-serif;
}

.portal-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
.portal-header:not(.top) {
  background-color: rgb(255, 255, 255);
}
.portal-header .contents-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.portal-header .header-logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.portal-header .header-logo img {
  margin: 0;
  width: 80px;
}
.portal-header .header-logo span {
  display: block;
  color: rgb(62, 62, 62);
  font-weight: 500;
  font-family: "Zen Maru Gothic", sans-serif;
}
.portal-header .header-menu {
  margin-inline: auto 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1200px) {
  .portal-header .header-menu {
    gap: 20px;
  }
}
@media (max-width: 1023px) {
  .portal-header .header-menu {
    display: none;
  }
}
.portal-header .header-menu a {
  color: rgb(62, 62, 62);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
}
@media (max-width: 1200px) {
  .portal-header .header-menu a {
    font-size: 0.9rem;
  }
}
.portal-header .drawer-hamburger {
  top: 10px;
}
.portal-header .drawer-hamburger-icon {
  background-color: rgb(62, 62, 62);
}
.portal-header .drawer-hamburger-icon::before, .portal-header .drawer-hamburger-icon::after {
  background-color: rgb(62, 62, 62);
}
.portal-header nav.drawer-nav {
  width: 100%;
  overflow: scroll;
  right: 0;
  padding: 20px 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: rgb(239, 235, 196);
}
.portal-header nav.drawer-nav .navi-logo {
  width: 50%;
  max-width: 200px;
}
@media (max-width: 767px) {
  .portal-header nav.drawer-nav .navi-logo {
    max-width: 150px;
  }
}
.portal-header nav.drawer-nav .contents-wrapper {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 30px;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media (max-width: 767px) {
  .portal-header nav.drawer-nav .footer-link-wrapepr {
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 767px) {
  .portal-header nav.drawer-nav .portal-link-wrapper a {
    width: 100%;
  }
}

.drawer-open nav.drawer-nav {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

@media (max-width: 767px) {
  .portal-menu-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
  }
}
.portal-menu-wrapper .portal-menu-box {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}
@media (max-width: 1140px) {
  .portal-menu-wrapper .portal-menu-box {
    gap: 20px;
  }
}
@media (max-width: 1023px) {
  .portal-menu-wrapper .portal-menu-box {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .portal-menu-wrapper .portal-menu-box {
    display: contents;
  }
}
.portal-menu-wrapper .portal-menu-box a {
  display: block;
  font-size: 0.9rem;
  color: rgb(62, 62, 62);
}
@media (max-width: 1140px) {
  .portal-menu-wrapper .portal-menu-box a {
    font-size: 0.8rem;
  }
}
.portal-menu-wrapper .portal-menu-box a:not(:last-child) {
  margin-bottom: 10px;
}
.portal-menu-wrapper .portal-menu-box a.sub-menu {
  margin-left: 20px;
}
@media (max-width: 767px) {
  .portal-menu-wrapper .portal-menu-box a.sub-menu {
    margin-left: 0;
  }
}
.portal-menu-wrapper .portal-menu-box a.sub-menu::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 1px;
  margin-right: 5px;
  background-color: rgb(62, 62, 62);
  vertical-align: middle;
}
@media (max-width: 767px) {
  .portal-menu-wrapper .portal-menu-box a.sub-menu::before {
    width: 10px;
  }
}
.portal-menu-wrapper .portal-menu-box a.sub-menu span {
  vertical-align: middle;
}
@media (max-width: 1023px) {
  .portal-menu-wrapper .portal-menu-box .menu-inner {
    width: calc((100% - 40px) / 3);
  }
}
@media (max-width: 767px) {
  .portal-menu-wrapper .portal-menu-box .menu-inner {
    width: calc((100% - 20px) / 2);
  }
}
.portal-menu-wrapper .portal-menu-box .menu-inner > div:not(:last-child) {
  margin-bottom: 20px;
}
.portal-menu-wrapper .portal-link-title {
  display: none;
}
.portal-menu-wrapper .portal-link-wrapper {
  margin-bottom: 0;
  gap: 25px;
  -ms-grid-columns: 1fr 25px 1fr 25px 1fr 25px 1fr 25px 1fr;
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1140px) {
  .portal-menu-wrapper .portal-link-wrapper {
    gap: 10px;
  }
}
@media (max-width: 1023px) {
  .portal-menu-wrapper .portal-link-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.portal-menu-wrapper .portal-link-wrapper a {
  padding: 10px 5px;
  border-color: rgb(62, 62, 62);
  color: rgb(62, 62, 62);
}
@media (max-width: 1023px) {
  .portal-menu-wrapper .portal-link-wrapper a {
    width: calc((100% - 20px) / 3);
  }
}
.portal-menu-wrapper .portal-link-wrapper a:hover {
  background-color: rgb(62, 62, 62);
  color: rgb(255, 255, 255);
}

.portal-footer {
  background-color: rgb(255, 255, 255);
  padding-top: 50px;
}
@media (max-width: 767px) {
  .portal-footer {
    padding-top: 30px;
  }
}
.portal-footer .footer-wrapper {
  margin-top: 50px;
  border-top: 2px dashed rgb(232, 232, 232);
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media (max-width: 1023px) {
  .portal-footer .footer-wrapper {
    margin-top: 30px;
  }
}
.portal-footer .logo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Noto Sans JP", serif;
}
.portal-footer .logo-wrapper img {
  margin: 0;
  width: 150px;
}
@media (max-width: 767px) {
  .portal-footer .logo-wrapper img {
    width: 100px;
  }
}
.portal-footer .logo-wrapper p {
  font-size: 0.8rem;
}
.portal-footer .logo-wrapper .company-name {
  font-size: 1rem;
  margin: 2px 0 10px;
  font-weight: 500;
}
@media (max-width: 1023px) {
  .portal-footer .portal-menu-box {
    display: none;
  }
}
@media (max-width: 767px) {
  .portal-footer .portal-link-wrapper a {
    width: calc((100% - 10px) / 2);
  }
}
@media (max-width: 1023px) {
  .portal-footer .footer-logo-link {
    width: 200px;
  }
}
@media (max-width: 767px) {
  .portal-footer .footer-logo-link {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
  }
}
.portal-footer .footer-logo-link a {
  display: inline-block;
  width: 200px;
  border: 1px solid rgb(62, 62, 62);
  color: rgb(62, 62, 62);
  padding: 10px;
  font-weight: 500;
  font-size: 0.9rem;
  text-align: center;
  border-radius: 50px;
}
@media (max-width: 767px) {
  .portal-footer .footer-logo-link a {
    width: calc((100% - 20px) / 2);
    max-width: 200px;
  }
}
.portal-footer .footer-logo-link a:not(:last-child) {
  margin-right: 15px;
}
@media (max-width: 1023px) {
  .portal-footer .footer-logo-link a:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .portal-footer .footer-logo-link a:not(:last-child) {
    margin: 0;
  }
}
.portal-footer .copy-light {
  background-color: rgb(62, 62, 62);
  color: rgb(255, 255, 255);
  text-align: center;
  padding: 20px;
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  font-size: 0.8rem;
}
@media (max-width: 767px) {
  .portal-footer .copy-light {
    padding: 10px;
  }
}
.portal-footer .copy-light .copy-link {
  color: rgb(255, 255, 255);
  margin-left: 10px;
}

.portal-fv-section {
  padding-top: 150px;
  background-color: rgb(239, 235, 196);
}
@media (max-width: 1023px) {
  .portal-fv-section {
    padding: 100px 0 50px;
  }
}
@media (max-width: 767px) {
  .portal-fv-section {
    padding-bottom: 20px;
  }
}
.portal-fv-section .fv-wrapper {
  position: relative;
}
.portal-fv-section .fv-title {
  position: relative;
  z-index: 2;
  font-weight: 500;
  text-shadow: 2px 2px 8px rgba(239, 235, 196, 0.8);
}
.portal-fv-section .fv-title .en {
  line-height: 4.5rem;
  margin-bottom: 20px;
  font-size: 3.8rem;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .portal-fv-section .fv-title .en {
    margin-bottom: 10px;
    font-size: 2.5rem;
    line-height: 3rem;
  }
}
.portal-fv-section .fv-title .small {
  display: block;
  font-size: 1.6rem;
}
@media (max-width: 767px) {
  .portal-fv-section .fv-title .small {
    font-size: 1.2rem;
  }
}
.portal-fv-section .fv-title .big {
  font-size: 2.4rem;
}
@media (max-width: 767px) {
  .portal-fv-section .fv-title .big {
    font-size: 2rem;
  }
}
.portal-fv-section .spot-box {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 65%;
}
@media (max-width: 1023px) {
  .portal-fv-section .spot-box {
    position: static;
    -webkit-transform: translate(0);
            transform: translate(0);
    width: 80%;
    margin: -150px 0 0 auto;
  }
}
@media (max-width: 767px) {
  .portal-fv-section .spot-box {
    margin-top: 20px;
    width: 100%;
  }
}
.portal-fv-section .spot-box .swiper-slide {
  height: auto;
}
.portal-fv-section .spot-box .swiper-slide img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.portal-fv-section .portal-spot-page {
  position: static;
}
.portal-fv-section .portal-spot-page .swiper-pagination-bullet {
  background-color: rgb(255, 255, 255);
  opacity: 1;
}
.portal-fv-section .portal-spot-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(23, 184, 173);
}

.portal-bg-white {
  background-color: rgb(255, 255, 255);
}

.portal-news-section {
  padding: 20px 0;
  background-color: rgb(62, 62, 62);
}
@media (max-width: 767px) {
  .portal-news-section {
    padding: 14px 0;
  }
}
.portal-news-section .top-news-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px 30px;
}
.portal-news-section .news-title {
  width: 60px;
  font-size: 0.9rem;
  color: rgb(255, 255, 255);
}
.portal-news-section .portal-news-swiper {
  height: 25px;
  font-family: "Noto Sans JP", serif;
  font-size: 0.9rem;
  width: calc(100% - 60px - 30px);
}
@media (max-width: 767px) {
  .portal-news-section .portal-news-swiper {
    width: 100%;
  }
}
.portal-news-section .portal-news-swiper a {
  color: rgb(255, 255, 255);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media (max-width: 767px) {
  .portal-news-section .portal-news-swiper a {
    gap: 10px;
  }
}
.portal-news-section .portal-news-swiper a::after {
  content: "";
  display: block;
  width: 22px;
  aspect-ratio: 1/1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/portal/arrow.svg");
}
.portal-news-section .portal-news-swiper a .day {
  width: 80px;
}
@media (max-width: 767px) {
  .portal-news-section .portal-news-swiper a .day {
    width: 70px;
  }
}
.portal-news-section .portal-news-swiper a .title {
  font-size: 0.9rem;
  width: calc(100% - 80px - 22px - 20px - 20px);
}
@media (max-width: 767px) {
  .portal-news-section .portal-news-swiper a .title {
    width: calc(100% - 70px - 22px - 10px - 10px);
  }
}
.portal-news-section .portal-news-swiper a .title span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.portal-pick-up-section .pick-up-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 2rem;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.portal-pick-up-section .pick-up-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px;
}
.portal-pick-up-section .pick-up-wrapper .portal-pick-up-box {
  width: calc((100% - 50px) / 2);
}
@media (max-width: 767px) {
  .portal-pick-up-section .pick-up-wrapper .portal-pick-up-box {
    width: 100%;
  }
}
.portal-pick-up-section .pick-up-wrapper .text-box,
.portal-pick-up-section .pick-up-wrapper .image-box {
  width: calc((100% - 15px) / 2);
}
@media (max-width: 1023px) {
  .portal-pick-up-section .pick-up-wrapper .text-box,
  .portal-pick-up-section .pick-up-wrapper .image-box {
    width: 100%;
  }
}
.portal-pick-up-section .pick-up-wrapper .portal-btn {
  display: none;
}

.portal-pick-up-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 15px;
}
.portal-pick-up-box .event-schedule-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 5px 10px;
}
.portal-pick-up-box .event-schedule-box:not(:last-child) {
  margin-bottom: 10px;
}
.portal-pick-up-box .event-schedule-box .title {
  font-weight: 500;
}
.portal-pick-up-box .text-box,
.portal-pick-up-box .image-box {
  color: rgb(62, 62, 62);
  font-size: 0.9rem;
}
.portal-pick-up-box .text-box img,
.portal-pick-up-box .image-box img {
  height: auto;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.portal-pick-up-box .main-title {
  font-size: 0.9rem;
  display: -webkit-box; /* 必須 */
  -webkit-box-orient: vertical; /* 必須 */
  -webkit-line-clamp: 2; /* 行数を制限 */
  overflow: hidden;
}

.portal-btn {
  display: block;
  width: 100%;
  max-width: 225px;
  border: 1px solid rgb(62, 62, 62);
  border-radius: 50px;
  text-align: center;
  font-weight: 500;
  color: rgb(62, 62, 62);
  padding: 10px 5px;
  margin: 50px auto 0;
  font-family: "Noto Sans JP", serif;
}
.portal-btn:hover {
  background-color: rgb(62, 62, 62);
  color: rgb(255, 255, 255);
}
.portal-btn.white {
  color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
}
.portal-btn.white:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(62, 62, 62);
}
.portal-btn.icon span {
  vertical-align: middle;
}
.portal-btn.icon img {
  display: inline-block;
  vertical-align: middle;
  aspect-ratio: auto;
  width: 24px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.portal-btn.icon:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(62, 62, 62);
}
.portal-btn.icon:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.portal-charm-bg-image {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}

.portal-ja-title {
  margin-bottom: 50px;
  font-size: 2.3rem;
  font-weight: 500;
  font-family: "Zen Maru Gothic", sans-serif;
  text-align: center;
}
.portal-ja-title.white {
  color: rgb(255, 255, 255);
}
.portal-ja-title .small {
  font-size: 1.5rem;
}
.portal-ja-title.left {
  text-align: left;
}

.portal-charm-section {
  overflow: hidden;
  color: rgb(255, 255, 255);
}
.portal-charm-section .charm-wrapper {
  margin-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1160px) {
  .portal-charm-section .charm-wrapper {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 1100px) {
  .portal-charm-section .charm-wrapper {
    display: block;
  }
}
.portal-charm-section .text-box {
  width: 440px;
  font-family: "Noto Sans JP", serif;
}
@media (max-width: 1160px) {
  .portal-charm-section .text-box {
    margin-top: 90px;
  }
}
@media (max-width: 1100px) {
  .portal-charm-section .text-box {
    margin-top: 0;
    width: 100%;
  }
}
.portal-charm-section .text-box p:not(:last-of-type) {
  margin-bottom: 15px;
}
.portal-charm-section .portal-btn {
  margin-left: 0;
}
@media (max-width: 767px) {
  .portal-charm-section .portal-btn {
    margin-left: auto;
  }
}
.portal-charm-section .side-en {
  position: absolute;
  top: 15%;
  left: 60%;
  text-transform: uppercase;
  text-align: center;
  font-weight: 500;
  font-size: 3.8rem;
  line-height: 3.8rem;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Montserrat", sans-serif;
}
@media (max-width: 1350px) {
  .portal-charm-section .side-en {
    left: 50%;
  }
}
@media (max-width: 1100px) {
  .portal-charm-section .side-en {
    left: auto;
    right: -70px;
    font-size: 3rem;
  }
}
.portal-charm-section .image-box {
  position: relative;
  width: calc(100% - 440px);
}
@media (max-width: 1100px) {
  .portal-charm-section .image-box {
    margin-left: auto;
    margin-top: -150px;
  }
}
@media (max-width: 1023px) {
  .portal-charm-section .image-box {
    width: 100%;
    margin-top: 0;
  }
}
.portal-charm-section .image-box .inner-box {
  position: relative;
  margin-left: auto;
  max-width: 460px;
}
@media (max-width: 767px) {
  .portal-charm-section .image-box .inner-box {
    padding-top: 200px;
  }
}
@media (max-width: 767px) {
  .portal-charm-section .image-box .map {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.7;
  }
}
.portal-charm-section .image-box a {
  position: absolute;
  display: block;
  padding: 10px 40px;
  border: 1px solid;
  font-weight: 500;
  font-size: 1.1rem;
  border-radius: 50px;
  font-family: "Zen Maru Gothic", sans-serif;
}
@media (max-width: 1160px) {
  .portal-charm-section .image-box a {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .portal-charm-section .image-box a {
    position: static;
  }
  .portal-charm-section .image-box a:not(:last-child) {
    margin-bottom: 10px;
  }
}
.portal-charm-section .image-box a span {
  display: inline-block;
  vertical-align: middle;
}
.portal-charm-section .image-box a::after {
  content: "";
  display: inline-block;
  width: 10px;
  aspect-ratio: 1/1;
  margin-left: 10px;
  border-top: 1px solid;
  border-right: 1px solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  vertical-align: middle;
}
.portal-charm-section .image-box a:hover::after {
  -webkit-transform: translateX(5px) rotate(45deg);
          transform: translateX(5px) rotate(45deg);
}
.portal-charm-section .image-box a > img {
  position: absolute;
}
@media (max-width: 767px) {
  .portal-charm-section .image-box a > img {
    display: none;
  }
}
.portal-charm-section .image-box a.yellow {
  top: 120px;
  left: -30%;
  background-color: rgba(239, 235, 196, 0.38);
  border-color: rgba(239, 235, 196, 0.55);
  color: rgb(239, 230, 142);
}
.portal-charm-section .image-box a.yellow img {
  width: 62px;
  top: 0;
  right: 0;
  -webkit-transform: translate(10px, -100%);
          transform: translate(10px, -100%);
}
.portal-charm-section .image-box a.pink {
  top: 220px;
  left: -25%;
  background-color: rgba(239, 196, 237, 0.38);
  border-color: rgba(239, 196, 237, 0.55);
  color: rgb(239, 196, 237);
}
.portal-charm-section .image-box a.pink img {
  width: 60px;
  top: 0;
  right: 0;
  -webkit-transform: translate(10px, -100%);
          transform: translate(10px, -100%);
}
.portal-charm-section .image-box a.green {
  top: 320px;
  left: -45%;
  background-color: rgba(75, 204, 190, 0.2);
  border-color: rgba(75, 204, 190, 0.55);
  color: rgb(75, 204, 190);
}
.portal-charm-section .image-box a.green img {
  width: 69px;
  top: 20%;
  right: 0;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}
.portal-charm-section .image-box a.orange {
  bottom: 50px;
  left: -45%;
  background-color: rgba(215, 158, 79, 0.37);
  border-color: rgba(215, 158, 79, 0.55);
  color: rgb(215, 158, 79);
}
.portal-charm-section .image-box a.orange img {
  width: 62px;
  top: 20%;
  right: 0;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}
.portal-charm-section .image-box a.blue {
  bottom: 50px;
  right: -45px;
  background-color: rgba(0, 174, 255, 0.3);
  border-color: rgba(0, 174, 255, 0.55);
  color: rgb(0, 174, 255);
}
.portal-charm-section .image-box a.blue img {
  width: 121px;
  left: 10px;
  top: 0;
  -webkit-transform: translate(-80%, -100%);
          transform: translate(-80%, -100%);
}
.portal-charm-section .model-course-wrapper {
  max-width: 955px;
  margin: auto;
  display: -ms-grid;
  display: grid;
  gap: 60px;
  -ms-grid-columns: 1fr 60px 1fr;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1023px) {
  .portal-charm-section .model-course-wrapper {
    gap: 10px;
  }
}
.portal-charm-section .model-course-wrapper a {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: rgb(255, 255, 255);
  text-align: center;
  font-weight: 500;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 100px 10px;
}
@media (max-width: 767px) {
  .portal-charm-section .model-course-wrapper a {
    padding: 50px 10px;
    font-size: 1.2rem;
  }
}
.portal-charm-section .model-course-wrapper a::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.portal-charm-section .model-course-wrapper a:hover::before {
  opacity: 0;
}
.portal-charm-section .model-course-wrapper a span {
  position: relative;
  z-index: 2;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}
.portal-charm-section .model-course-wrapper a.one {
  background-image: url("../../images/portal/top-model-image1.jpg");
}
.portal-charm-section .model-course-wrapper a.half {
  background-image: url("../../images/portal/top-model-image2.jpg");
}

.portal-double-title {
  margin-bottom: 50px;
  color: rgb(62, 62, 62);
}
.portal-double-title span {
  display: block;
  font-weight: 500;
}
.portal-double-title span.en {
  font-size: 3.8rem;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
}
.portal-double-title span.ja {
  font-size: 1.5rem;
  font-family: "Zen Maru Gothic", sans-serif;
}
.portal-double-title.border {
  padding-bottom: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 2px dashed rgb(62, 62, 62);
}
.portal-double-title.border .en {
  display: inline-block;
  color: rgb(204, 204, 204);
}
@media (max-width: 767px) {
  .portal-double-title.border .en {
    font-size: 3.4rem;
  }
}
.portal-double-title.border .ja {
  color: rgb(62, 62, 62);
  margin-left: 20px;
  display: inline-block;
}
@media (max-width: 767px) {
  .portal-double-title.border .ja {
    display: block;
    margin-left: 0;
  }
}

.portal-tourist-section {
  background-color: rgb(255, 255, 255);
}
.portal-tourist-section .tourist-link-wrapper {
  margin-bottom: 50px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (max-width: 1023px) {
  .portal-tourist-section .tourist-link-wrapper {
    display: block;
  }
}
.portal-tourist-section .tourist-arrow-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
}
@media (max-width: 1023px) {
  .portal-tourist-section .tourist-arrow-wrapper {
    display: none;
  }
}
.portal-tourist-section .tourist-next,
.portal-tourist-section .tourist-prev {
  margin-top: 0;
  width: 30px;
  height: auto;
  aspect-ratio: 1/1;
  position: static;
}
.portal-tourist-section .tourist-next::after,
.portal-tourist-section .tourist-prev::after {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/portal/swiper-arrow.svg");
}
.portal-tourist-section .tourist-prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.portal-tourist-section .tourist-swiper .swiper-slide {
  position: relative;
  height: auto;
}
.portal-tourist-section .tourist-swiper .swiper-slide img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.portal-tourist-section .tourist-swiper .swiper-slide .inner-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  font-size: 1.2rem;
  color: rgb(255, 255, 255);
  text-align: left;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.portal-tourist-section .tourist-swiper .swiper-slide .inner-title span {
  font-size: 0.9rem;
  display: -webkit-box; /* 必須 */
  -webkit-box-orient: vertical; /* 必須 */
  -webkit-line-clamp: 3; /* 行数を制限 */
  overflow: hidden;
}
.portal-tourist-section .tourist-swiper .swiper-slide:hover .inner-title {
  opacity: 1;
}
.portal-tourist-section .tourist-page {
  margin-top: 20px;
  position: static;
}
.portal-tourist-section .tourist-page .swiper-pagination-bullet-active {
  background-color: rgb(62, 62, 62);
}

.portal-spot-category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
}
@media (max-width: 767px) {
  .portal-spot-category-list {
    gap: 10px;
  }
}
.portal-spot-category-list li {
  max-width: calc((100% - 60px) / 4);
}
@media (max-width: 1023px) {
  .portal-spot-category-list li {
    width: calc((100% - 60px) / 4);
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .portal-spot-category-list li {
    width: calc((100% - 10px) / 2);
  }
}

.portal-spot-category {
  display: block;
  width: 200px;
  max-width: 100%;
  padding: 5px 10px;
  text-align: center;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  border: 1px solid;
  border-radius: 50px;
}
@media (max-width: 1070px) {
  .portal-spot-category {
    width: 150px;
  }
}
@media (max-width: 1023px) {
  .portal-spot-category {
    width: 100%;
  }
}
.portal-spot-category.all {
  border-color: rgb(28, 128, 174);
  color: rgb(28, 128, 174);
}
.portal-spot-category.all:hover {
  background-color: rgb(28, 128, 174);
  color: rgb(255, 255, 255);
}
.portal-spot-category.watch {
  border-color: rgb(205, 107, 65);
  color: rgb(205, 107, 65);
}
.portal-spot-category.watch:hover {
  background-color: rgb(205, 107, 65);
  color: rgb(255, 255, 255);
}
.portal-spot-category.taste {
  border-color: rgb(215, 158, 79);
  color: rgb(215, 158, 79);
}
.portal-spot-category.taste:hover {
  background-color: rgb(215, 158, 79);
  color: rgb(255, 255, 255);
}
.portal-spot-category.buy {
  border-color: rgb(223, 138, 173);
  color: rgb(223, 138, 173);
}
.portal-spot-category.buy:hover {
  background-color: rgb(223, 138, 173);
  color: rgb(255, 255, 255);
}

.portal-town-section {
  background-color: rgb(255, 255, 255);
  position: relative;
}
.portal-town-section .hidden {
  overflow: hidden;
}
.portal-town-section .bg-image-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  max-width: 565px;
  height: 100%;
}
@media (max-width: 1023px) {
  .portal-town-section .bg-image-box {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .portal-town-section .bg-image-box {
    width: 100%;
  }
}
.portal-town-section .bg-image-box img {
  position: sticky;
  top: 50px;
  left: 0;
}
.portal-town-section .contents-wrapper {
  position: relative;
  z-index: 2;
}
.portal-town-section .title-wrapper {
  margin-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
}
@media (max-width: 767px) {
  .portal-town-section .title-wrapper {
    gap: 10px;
  }
}
.portal-town-section .side-title {
  font-size: 2rem;
  letter-spacing: 1rem;
  font-weight: 500;
  font-family: "Zen Maru Gothic", sans-serif;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
@media (max-width: 767px) {
  .portal-town-section .side-title {
    font-size: 1.4rem;
    letter-spacing: 6px;
  }
}
.portal-town-section img {
  margin-left: 0;
  max-width: 1100px;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  margin-right: calc(50% - 50vw);
  width: calc(100% - 95px - 50px);
}
@media (max-width: 767px) {
  .portal-town-section img {
    width: calc(100% - 60px - 10px);
  }
}
.portal-town-section .town-about-wrapper p {
  margin-bottom: 50px;
  text-align: center;
}
@media (max-width: 767px) {
  .portal-town-section .town-about-wrapper p {
    text-align: left;
  }
  .portal-town-section .town-about-wrapper p .inlineblock-item {
    display: inline;
  }
}
.portal-town-section .link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 50px;
}
.portal-town-section .link-wrapper a {
  margin: 0;
}

.portal-top-empty-house {
  max-height: 550px;
  -o-object-fit: cover;
     object-fit: cover;
}

.portal-top-empty-house-section {
  background-color: rgb(255, 255, 255);
}
.portal-top-empty-house-section .top-empty-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px;
}
.portal-top-empty-house-section .top-empty-wrapper a {
  width: calc((100% - 50px) / 2);
  color: rgb(62, 62, 62);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1023px) {
  .portal-top-empty-house-section .top-empty-wrapper a {
    width: 100%;
  }
}
.portal-top-empty-house-section .top-empty-wrapper a:hover .more {
  background-color: rgb(62, 62, 62);
  color: rgb(255, 255, 255);
}
.portal-top-empty-house-section .top-empty-wrapper .image-box {
  width: 50%;
}
@media (max-width: 767px) {
  .portal-top-empty-house-section .top-empty-wrapper .image-box {
    width: 100%;
  }
}
.portal-top-empty-house-section .top-empty-wrapper .image-box img {
  height: auto;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.portal-top-empty-house-section .top-empty-wrapper .text-box {
  width: calc(50% - 20px);
  font-size: 0.9rem;
}
@media (max-width: 767px) {
  .portal-top-empty-house-section .top-empty-wrapper .text-box {
    width: 100%;
  }
}
.portal-top-empty-house-section .top-empty-wrapper .portal-house-area {
  margin-bottom: 10px;
}
.portal-top-empty-house-section .top-empty-wrapper .house-title {
  margin-bottom: 10px;
  font-size: 0.9rem;
}
.portal-top-empty-house-section .top-empty-wrapper .more {
  display: block;
  padding: 5px 10px;
  text-align: center;
  border: 1px solid rgb(62, 62, 62);
  border-radius: 50px;
  margin-top: 15px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.portal-top-empty-house-section .address {
  margin-bottom: 10px;
}

.portal-house-area {
  display: inline-block;
  background-color: rgb(62, 62, 62);
  color: rgb(255, 255, 255);
  font-size: 0.8rem;
  padding: 5px 10px;
  border-radius: 20px;
}

.portal-top-news-section {
  background-color: rgb(62, 62, 62);
  color: rgb(255, 255, 255);
}
.portal-top-news-section .portal-double-title {
  color: rgb(255, 255, 255);
  text-align: center;
}
.portal-top-news-section .portal-news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 30px 100px;
}
@media (max-width: 1023px) {
  .portal-top-news-section .portal-news-list {
    gap: 30px;
  }
}
.portal-top-news-section .portal-news-list li {
  width: calc((100% - 100px) / 2);
}
@media (max-width: 1023px) {
  .portal-top-news-section .portal-news-list li {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 767px) {
  .portal-top-news-section .portal-news-list li {
    width: 100%;
  }
}
.portal-top-news-section .portal-news-list a {
  color: rgb(255, 255, 255);
}

.portal-news-list .day {
  margin-right: 10px;
}
.portal-news-list .news-title {
  margin-top: 10px;
}
.portal-news-list .news-title span {
  display: -webkit-box; /* 必須 */
  -webkit-box-orient: vertical; /* 必須 */
  -webkit-line-clamp: 2; /* 行数を制限 */
  overflow: hidden;
}

.portal-news-post-type {
  display: inline-block;
  min-width: 188px;
  font-size: 0.9rem;
  color: rgb(255, 255, 255);
  padding: 5px 10px;
  text-align: center;
  border-radius: 15px;
}
.portal-news-post-type.museum-news {
  background-color: rgb(28, 128, 174);
}
.portal-news-post-type.leimei-news {
  background-color: rgb(23, 184, 173);
}
.portal-news-post-type.issasoju-news {
  background-color: rgb(205, 107, 65);
}
.portal-news-post-type.yuen-news {
  background-color: rgb(127, 127, 127);
}
.portal-news-post-type.kaleidoscope-news {
  background-color: rgb(182, 117, 205);
}
.portal-news-post-type.kominka-news {
  background-color: rgb(218, 190, 130);
}

.portal-mv-section {
  height: 510px;
  padding: 150px 0 30px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../../images/portal/mv-image.jpg");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .portal-mv-section {
    height: auto;
  }
}
.portal-mv-section.house {
  background-image: url("../../images/portal/house-mv.jpg");
}
.portal-mv-section.access {
  background-image: url("../../images/portal/access-mv.jpg");
}
.portal-mv-section.color {
  background-image: none;
}
@media (max-width: 767px) {
  .portal-mv-section.color {
    padding: 130px 0 50px;
  }
}
.portal-mv-section.color .portal-mv-title span {
  text-shadow: none;
  color: rgb(62, 62, 62);
}
.portal-mv-section.blue {
  background-color: rgb(219, 238, 240);
}
.portal-mv-section.yellow {
  background-color: rgb(240, 236, 190);
}

.portal-mv-title {
  text-align: center;
  color: rgb(255, 255, 255);
}
.portal-mv-title span {
  display: block;
  font-weight: 500;
  text-shadow: 0px 0px 12px rgba(26, 26, 26, 0.55);
}
.portal-mv-title span.en {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 3.8rem;
}
@media (max-width: 767px) {
  .portal-mv-title span.en {
    font-size: 2.5rem;
  }
}
.portal-mv-title span.ja {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .portal-mv-title span.ja {
    font-size: 1.2rem;
  }
}

.portal-breadcrumbs-wrapper {
  background-color: rgb(62, 62, 62);
  color: rgb(255, 255, 255);
  padding: 11px 0;
}
@media (max-width: 767px) {
  .portal-breadcrumbs-wrapper {
    font-size: 0.8rem;
  }
}
.portal-breadcrumbs-wrapper .contents-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.portal-breadcrumbs-wrapper span {
  vertical-align: middle;
}
.portal-breadcrumbs-wrapper a {
  color: rgb(255, 255, 255);
}
.portal-breadcrumbs-wrapper .arrow {
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .portal-breadcrumbs-wrapper .arrow {
    margin-bottom: 3px;
  }
}
.portal-breadcrumbs-wrapper .home-icon {
  width: 24px;
}
@media (max-width: 767px) {
  .portal-breadcrumbs-wrapper .home-icon {
    width: 20px;
  }
}

.portal-honcho-section {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(43%, rgb(255, 255, 255)), color-stop(43%, transparent));
  background: linear-gradient(to bottom, rgb(255, 255, 255) 43%, transparent 43%);
}
@media (max-width: 1023px) {
  .portal-honcho-section {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, rgb(255, 255, 255)), color-stop(45%, transparent));
    background: linear-gradient(to bottom, rgb(255, 255, 255) 45%, transparent 45%);
  }
}
.portal-honcho-section .page-honcho-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px;
}
.portal-honcho-section .page-honcho-wrapper .text-box {
  width: 55%;
}
@media (max-width: 1023px) {
  .portal-honcho-section .page-honcho-wrapper .text-box {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .portal-honcho-section .page-honcho-wrapper .text-box {
    width: 100%;
  }
}
.portal-honcho-section .page-honcho-wrapper .image-box {
  position: relative;
  width: calc(45% - 50px);
}
@media (max-width: 1023px) {
  .portal-honcho-section .page-honcho-wrapper .image-box {
    width: calc(40% - 50px);
  }
}
@media (max-width: 767px) {
  .portal-honcho-section .page-honcho-wrapper .image-box {
    display: none;
  }
}
.portal-honcho-section .page-honcho-wrapper .one {
  width: 60%;
  margin-right: 0;
}
@media (max-width: 1023px) {
  .portal-honcho-section .page-honcho-wrapper .one {
    width: 100%;
  }
}
.portal-honcho-section .page-honcho-wrapper .two {
  position: absolute;
  top: 60%;
  right: calc(60% + 30px);
  width: 50%;
}
@media (max-width: 1023px) {
  .portal-honcho-section .page-honcho-wrapper .two {
    width: 80%;
    right: 50%;
    top: 65%;
  }
}
.portal-honcho-section .side-text {
  padding-top: 100px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size: 2rem;
  color: rgb(255, 255, 255);
  font-weight: 500;
  letter-spacing: 1rem;
  font-family: "Zen Maru Gothic", sans-serif;
}
@media (max-width: 1023px) {
  .portal-honcho-section .side-text {
    padding-top: 120px;
  }
}
.portal-honcho-section .side-text .after {
  display: block;
  margin-right: 5px;
  margin-top: 60px;
}
.portal-honcho-section .portal-btn {
  margin-left: 0;
}
@media (max-width: 767px) {
  .portal-honcho-section .portal-btn {
    margin-left: auto;
  }
}

.portal-honcho-section.train {
  background: rgb(255, 255, 255);
}
.portal-honcho-section.train .page-honcho-wrapper {
  gap: 100px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1023px) {
  .portal-honcho-section.train .page-honcho-wrapper {
    gap: 50px;
  }
}
.portal-honcho-section.train .text-box {
  width: 60%;
}
@media (max-width: 767px) {
  .portal-honcho-section.train .text-box {
    width: 100%;
  }
}
.portal-honcho-section.train .image-box {
  width: calc(40% - 100px);
}
@media (max-width: 1023px) {
  .portal-honcho-section.train .image-box {
    width: calc(40% - 50px);
  }
}

.portal-event-link-section {
  background-color: rgb(255, 255, 255);
}
.portal-event-link-section .event-link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 70px 60px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1166px) {
  .portal-event-link-section .event-link-wrapper {
    gap: 50px 40px;
  }
}
@media (max-width: 767px) {
  .portal-event-link-section .event-link-wrapper {
    gap: 10px 5px;
  }
}
.portal-event-link-section .event-link-wrapper a {
  overflow: hidden;
  padding: 35px 30px 35px 25px;
  border-radius: 20px;
  position: relative;
  width: calc((100% - 120px) / 3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 500;
  gap: 10px;
}
@media (max-width: 1166px) {
  .portal-event-link-section .event-link-wrapper a {
    width: calc((100% - 80px) / 3);
  }
}
@media (max-width: 1023px) {
  .portal-event-link-section .event-link-wrapper a {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 30px 10px 50px;
  }
}
@media (max-width: 767px) {
  .portal-event-link-section .event-link-wrapper a {
    width: calc((100% - 5px) / 2);
  }
}
.portal-event-link-section .event-link-wrapper a:hover {
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}
.portal-event-link-section .event-link-wrapper a.museum {
  background-color: rgb(240, 236, 190);
}
.portal-event-link-section .event-link-wrapper a.museum .en {
  color: rgb(251, 246, 198);
}
.portal-event-link-section .event-link-wrapper a.issasoju {
  background-color: rgb(243, 217, 195);
}
.portal-event-link-section .event-link-wrapper a.issasoju .en {
  color: rgb(245, 203, 168);
}
.portal-event-link-section .event-link-wrapper a.leimei {
  background-color: rgb(219, 238, 240);
}
.portal-event-link-section .event-link-wrapper a.leimei .en {
  right: 5px;
  color: rgb(197, 231, 232);
}
@media (max-width: 1023px) {
  .portal-event-link-section .event-link-wrapper a.leimei .en {
    font-size: 1.3rem;
  }
}
.portal-event-link-section .event-link-wrapper a.kaleidoscope-gallery {
  background-color: rgb(235, 221, 237);
}
.portal-event-link-section .event-link-wrapper a.kaleidoscope-gallery .en {
  color: rgb(231, 211, 234);
}
.portal-event-link-section .event-link-wrapper a.yuen {
  background-color: rgb(221, 208, 195);
}
.portal-event-link-section .event-link-wrapper a.yuen .en {
  color: rgb(217, 197, 177);
}
.portal-event-link-section .event-link-wrapper a.portal {
  display: none;
  background-color: rgb(221, 220, 220);
}
@media (max-width: 767px) {
  .portal-event-link-section .event-link-wrapper a.portal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.portal-event-link-section .event-link-wrapper a.portal .en {
  color: rgb(193, 192, 192);
}
.portal-event-link-section .event-link-wrapper img {
  position: relative;
  z-index: 2;
  width: 50px;
  margin: 0;
}
.portal-event-link-section .event-link-wrapper .ja {
  font-family: "Zen Maru Gothic", sans-serif;
  color: rgb(62, 62, 62);
  text-align: center;
}
@media (max-width: 1023px) {
  .portal-event-link-section .event-link-wrapper .ja {
    width: 100%;
  }
}
.portal-event-link-section .event-link-wrapper .en {
  position: absolute;
  bottom: 5px;
  right: 25px;
  letter-spacing: 0.1em;
  font-family: "Montserrat", sans-serif;
  font-size: 1.9rem;
  text-transform: uppercase;
  text-align: right;
  white-space: nowrap;
}
@media (max-width: 1166px) {
  .portal-event-link-section .event-link-wrapper .en {
    font-size: 1.6rem;
  }
}
@media (max-width: 1023px) {
  .portal-event-link-section .event-link-wrapper .en {
    right: 5px;
    letter-spacing: normal;
  }
}

.portal-page-now-event-section .portal-pick-up-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px;
}
.portal-page-now-event-section .portal-pick-up-box:not(:last-child) {
  margin-bottom: 80px;
}
.portal-page-now-event-section .portal-pick-up-box .image-box {
  width: 280px;
}
@media (max-width: 767px) {
  .portal-page-now-event-section .portal-pick-up-box .image-box {
    width: 100%;
  }
}
.portal-page-now-event-section .portal-pick-up-box .text-box {
  width: calc(100% - 280px - 50px);
}
@media (max-width: 767px) {
  .portal-page-now-event-section .portal-pick-up-box .text-box {
    width: 100%;
  }
}
.portal-page-now-event-section .portal-pick-up-box .portal-btn {
  margin-top: 20px;
  margin-left: 0;
}
@media (max-width: 767px) {
  .portal-page-now-event-section .portal-pick-up-box .portal-btn {
    margin-left: auto;
  }
}

.portal-honcho-event-section .honcho-event-season-wrapper:not(:last-child) {
  margin-bottom: 100px;
}
.portal-honcho-event-section .season-event-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
}
@media (max-width: 1023px) {
  .portal-honcho-event-section .season-event-box {
    gap: 10px 30px;
  }
}
.portal-honcho-event-section .season-event-box:not(:last-child) {
  margin-bottom: 50px;
}
.portal-honcho-event-section .season-event-box .image-box {
  width: 280px;
}
@media (max-width: 1023px) {
  .portal-honcho-event-section .season-event-box .image-box {
    width: 240px;
  }
}
@media (max-width: 767px) {
  .portal-honcho-event-section .season-event-box .image-box {
    width: 100%;
  }
}
.portal-honcho-event-section .season-event-box .image-box img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 280/370;
}
.portal-honcho-event-section .season-event-box .text-box {
  width: calc(100% - 280px - 50px);
}
@media (max-width: 1023px) {
  .portal-honcho-event-section .season-event-box .text-box {
    width: calc(100% - 240px - 30px);
  }
}
@media (max-width: 767px) {
  .portal-honcho-event-section .season-event-box .text-box {
    width: 100%;
  }
}
.portal-honcho-event-section .event-title {
  margin-bottom: 15px;
  max-width: 200px;
  font-size: 1.1rem;
  font-weight: 500;
  font-family: "Zen Maru Gothic", sans-serif;
  color: rgb(255, 255, 255);
  padding: 5px 10px;
  border-radius: 50px;
  text-align: center;
}
.portal-honcho-event-section .event-title.red {
  background-color: rgb(255, 98, 98);
}
.portal-honcho-event-section .event-title.yellow {
  background-color: rgb(251, 200, 59);
}
.portal-honcho-event-section .event-title.purple {
  background-color: rgb(206, 91, 181);
}
.portal-honcho-event-section .event-title.blue {
  background-color: rgb(41, 213, 216);
}
.portal-honcho-event-section .event-title.brown {
  background-color: rgb(216, 102, 41);
}
.portal-honcho-event-section .event-title.dark-purple {
  background-color: rgb(167, 90, 183);
}
.portal-honcho-event-section .event-title.red-brown {
  background-color: rgb(193, 8, 8);
}
.portal-honcho-event-section .event-sub-title {
  margin-bottom: 15px;
  font-size: 1.1rem;
  font-weight: 500;
  font-family: "Zen Maru Gothic", sans-serif;
}
.portal-honcho-event-section .event-info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 0.9rem;
  margin-bottom: 5px;
}
.portal-honcho-event-section .event-info-wrapper .title {
  width: 70px;
}
.portal-honcho-event-section .event-info-wrapper .contents {
  width: calc(100% - 70px);
}
.portal-honcho-event-section .event-message {
  margin-top: 15px;
  font-size: 0.9rem;
}

.portal-double-title.pink .en {
  color: rgb(235, 221, 237);
}
.portal-double-title.blue .en {
  color: rgb(219, 238, 240);
}
.portal-double-title.brown .en {
  color: rgb(221, 208, 195);
}
.portal-double-title.gray .en {
  color: rgb(225, 225, 225);
}

.portal-bg-gray {
  background-color: rgb(242, 242, 242);
}

.portal-town-about-section {
  position: relative;
  overflow: hidden;
}
.portal-town-about-section .map-border {
  position: absolute;
  top: 50px;
  right: 0;
  width: 50%;
  max-width: 565px;
}
@media (max-width: 767px) {
  .portal-town-about-section .map-border {
    width: 100%;
  }
}
.portal-town-about-section .contents-wrapper {
  position: relative;
  z-index: 2;
}
.portal-town-about-section .contents-wrapper.big {
  max-width: 1500px;
}
@media (max-width: 767px) {
  .portal-town-about-section .portal-ja-title {
    text-align: center;
    line-height: 1.8rem;
  }
}
.portal-town-about-section .about-text {
  max-width: 755px;
}
.portal-town-about-section .town-about-image-wrapper {
  margin-top: 100px;
}
.portal-town-about-section .town-about-image-wrapper.swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.portal-town-about-section .town-about-image-wrapper .swiper-slide.up {
  margin-top: 50px;
}

.portal-town-detail-section {
  padding-bottom: 170px;
  overflow: hidden;
}
@media (max-width: 1100px) {
  .portal-town-detail-section {
    padding-bottom: 100px;
  }
}
.portal-town-detail-section .town-detail-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}
.portal-town-detail-section .town-detail-wrapper:not(:last-child) {
  margin-bottom: 250px;
}
@media (max-width: 767px) {
  .portal-town-detail-section .town-detail-wrapper:not(:last-child) {
    margin-bottom: 130px;
  }
}
.portal-town-detail-section .town-detail-wrapper .portal-ja-title {
  margin-bottom: 30px;
  line-height: 1em;
}
.portal-town-detail-section .town-detail-wrapper .image-box {
  position: relative;
  width: 50%;
  font-size: 0.9rem;
}
@media (max-width: 1023px) {
  .portal-town-detail-section .town-detail-wrapper .image-box {
    width: 100%;
  }
}
.portal-town-detail-section .town-detail-wrapper .text-box {
  position: relative;
  padding: 60px 50px;
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
  width: calc(50% - 20px);
}
@media (max-width: 1100px) {
  .portal-town-detail-section .town-detail-wrapper .text-box {
    padding: 50px 40px;
  }
}
@media (max-width: 1023px) {
  .portal-town-detail-section .town-detail-wrapper .text-box {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .portal-town-detail-section .town-detail-wrapper .text-box {
    padding: 40px 20px;
  }
}
.portal-town-detail-section .town-detail-wrapper .text-box p {
  line-height: 2em;
}
@media (max-width: 767px) {
  .portal-town-detail-section .town-detail-wrapper .text-box p {
    line-height: 1.5em;
  }
}
.portal-town-detail-section .town-detail-wrapper .side-image {
  position: absolute;
  bottom: 0;
  width: 60%;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.portal-town-detail-section .town-detail-wrapper .side-image.one {
  left: -150px;
  max-width: 420px;
}
@media (max-width: 1200px) {
  .portal-town-detail-section .town-detail-wrapper .side-image.one {
    left: -50px;
  }
}
.portal-town-detail-section .town-detail-wrapper .side-image.two {
  max-width: 300px;
  right: -150px;
}
@media (max-width: 1200px) {
  .portal-town-detail-section .town-detail-wrapper .side-image.two {
    right: -50px;
  }
}
@media (max-width: 1023px) {
  .portal-town-detail-section .town-detail-wrapper .side-image.two {
    display: none;
  }
}

.portal-twon-start-section {
  overflow: hidden;
  text-align: center;
}
.portal-twon-start-section .contents-wrapper {
  position: relative;
}
.portal-twon-start-section .side-image {
  position: absolute;
  max-width: 280px;
  width: 25%;
}
@media (max-width: 1023px) {
  .portal-twon-start-section .side-image {
    opacity: 0.5;
  }
}
@media (max-width: 767px) {
  .portal-twon-start-section .side-image {
    width: 60%;
  }
}
.portal-twon-start-section .side-image.left {
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  .portal-twon-start-section .side-image.left {
    top: -80px;
    left: -50px;
  }
}
.portal-twon-start-section .side-image.right {
  bottom: 0;
  right: 0;
}
@media (max-width: 767px) {
  .portal-twon-start-section .side-image.right {
    bottom: 50px;
    right: -80px;
  }
}
.portal-twon-start-section .text-box {
  position: relative;
  z-index: 2;
}
.portal-twon-start-section .text-box p:not(:Last-child) {
  margin-bottom: 15px;
}
.portal-twon-start-section .link-wrapper {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 50px;
}
.portal-twon-start-section .portal-btn {
  margin: 0;
}

.portal-case-section .kominka-produce-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px 50px;
}
.portal-case-section .kominka-produce-list li {
  width: calc((100% - 100px) / 3);
}
@media (max-width: 1023px) {
  .portal-case-section .kominka-produce-list li {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .portal-case-section .kominka-produce-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px 30px;
  }
}
@media (max-width: 1023px) {
  .portal-case-section .kominka-produce-list .image-box {
    width: calc(50% - 30px);
  }
}
@media (max-width: 767px) {
  .portal-case-section .kominka-produce-list .image-box {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .portal-case-section .kominka-produce-list .text-box {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .portal-case-section .kominka-produce-list .text-box {
    width: 100%;
  }
}
.portal-case-section .portal-house-area {
  margin-bottom: 10px;
}
.portal-case-section .house-title span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.portal-house-page-section .select-wrap.house {
  margin-bottom: 50px;
  max-width: 235px;
  color: rgb(62, 62, 62);
}
.portal-house-page-section .select-wrap.house::after {
  background-color: rgb(62, 62, 62);
}
.portal-house-page-section .select-wrap.house select {
  padding: 10px 20px;
  border-radius: 50px;
  border: none;
  background-color: rgb(232, 232, 232);
}
.portal-house-page-section .kominka-produce-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px;
}
.portal-house-page-section .kominka-produce-list li {
  width: calc((100% - 100px) / 3);
}
@media (max-width: 1023px) {
  .portal-house-page-section .kominka-produce-list li {
    width: calc((100% - 50px) / 2);
  }
}
@media (max-width: 767px) {
  .portal-house-page-section .kominka-produce-list li {
    width: 100%;
  }
}
.portal-house-page-section .kominka-produce-list .portal-house-area {
  margin-bottom: 10px;
  font-size: 0.9rem;
}
.portal-house-page-section .kominka-produce-list .house-title span {
  display: -webkit-box; /* 必須 */
  -webkit-box-orient: vertical; /* 必須 */
  -webkit-line-clamp: 2; /* 行数を制限 */
  overflow: hidden;
}

.museum-pagenavi.portal a, .museum-pagenavi.portal span {
  color: rgb(62, 62, 62);
}
.museum-pagenavi.portal a.current, .museum-pagenavi.portal span.current {
  color: rgb(255, 255, 255);
  background-color: rgb(62, 62, 62);
}

.portal-single {
  margin-top: 79px;
}

.portal-single-section .main-title {
  margin-bottom: 20px;
  font-size: 2rem;
  font-weight: 500;
  padding-bottom: 5px;
  border-bottom: 2px dashed rgb(232, 232, 232);
}
@media (max-width: 767px) {
  .portal-single-section .main-title {
    font-size: 1.5rem;
  }
}
.portal-single-section .day {
  margin-bottom: 10px;
  color: rgb(127, 127, 127);
}
.portal-single-section .portal-house-area {
  margin-bottom: 30px;
}
.portal-single-section .swiper {
  width: calc(100% - 100px);
  margin: auto;
}
@media (max-width: 767px) {
  .portal-single-section .swiper {
    width: 100%;
  }
}
.portal-single-section .swiper.house-swiper-main {
  margin-bottom: 10px;
}
.portal-single-section .swiper .swiper-slide {
  height: auto;
  aspect-ratio: 16/9;
}
.portal-single-section .swiper img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.portal-single-section .sub-image-wrapper {
  margin-bottom: 50px;
  position: relative;
}
.portal-single-section .sub-image-wrapper .house-prev,
.portal-single-section .sub-image-wrapper .house-next {
  width: 50px;
  height: auto;
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .portal-single-section .sub-image-wrapper .house-prev,
  .portal-single-section .sub-image-wrapper .house-next {
    display: none;
  }
}
.portal-single-section .sub-image-wrapper .house-prev::after,
.portal-single-section .sub-image-wrapper .house-next::after {
  content: "";
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../images/portal/single-arrow.svg");
}
.portal-single-section .sub-image-wrapper .house-next {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.portal-single-section .main-contents {
  margin-bottom: 50px;
  font-family: "Noto Sans JP", serif;
}
.portal-single-section .portal-ja-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.portal-single-section .portal-ja-title::after {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  content: "";
  display: block;
  border-top: 2px dashed rgb(62, 62, 62);
}
.portal-single-section .house-info-wrapper {
  font-family: "Noto Sans JP", serif;
}
.portal-single-section .house-info-wrapper .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px 30px;
}
.portal-single-section .house-info-wrapper .inner-box:not(:last-child) {
  margin-bottom: 20px;
}
.portal-single-section .house-info-wrapper .title {
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 160px;
  font-size: 0.9rem;
  padding: 10px;
  border-radius: 15px;
  background-color: rgb(232, 232, 232);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.portal-single-section .house-info-wrapper .contents {
  width: calc(100% - 160px - 30px);
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media (max-width: 767px) {
  .portal-single-section .house-info-wrapper .contents {
    width: 100%;
  }
}
.portal-single-section .portal-ja-title {
  margin-bottom: 30px;
}

.portal-news-page-section .portal-news-list li:not(:last-child) {
  margin-bottom: 40px;
}
.portal-news-page-section .portal-news-list a {
  color: rgb(62, 62, 62);
  font-size: "Noto Sans JP", serif;
}
.portal-news-page-section .portal-news-list .day {
  font-size: 0.9rem;
}
.portal-news-page-section .portal-ja-title {
  margin-bottom: 30px;
}

.portal-news-link-wrapper {
  max-width: 900px;
  margin: 0 auto 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px 30px;
}
@media (max-width: 1023px) {
  .portal-news-link-wrapper {
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .portal-news-link-wrapper {
    gap: 10px 5px;
  }
}
.portal-news-link-wrapper a {
  display: block;
  padding: 10px;
  border: 2px solid;
  width: calc((100% - 60px) / 3);
  border-radius: 50px;
  font-size: 0.9rem;
  font-weight: 500;
  font-family: "Zen Maru Gothic", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
@media (max-width: 1023px) {
  .portal-news-link-wrapper a {
    width: calc((100% - 20px) / 3);
  }
}
@media (max-width: 767px) {
  .portal-news-link-wrapper a {
    padding: 10px 5px;
    width: calc((100% - 5px) / 2);
    font-size: 0.8rem;
  }
}
.portal-news-link-wrapper a::after {
  content: "";
  display: block;
  width: 17px;
  aspect-ratio: 1/1;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-image: url("../../images/portal/blank-icon.svg");
          mask-image: url("../../images/portal/blank-icon.svg");
}
@media (max-width: 767px) {
  .portal-news-link-wrapper a::after {
    width: 12px;
  }
}
.portal-news-link-wrapper a.museum {
  color: rgb(28, 128, 174);
}
.portal-news-link-wrapper a.museum::after {
  background-color: rgb(28, 128, 174);
}
.portal-news-link-wrapper a.issasoju {
  color: rgb(205, 107, 65);
}
.portal-news-link-wrapper a.issasoju::after {
  background-color: rgb(205, 107, 65);
}
.portal-news-link-wrapper a.kaleidoscope-gallery {
  color: rgb(182, 117, 205);
}
.portal-news-link-wrapper a.kaleidoscope-gallery::after {
  background-color: rgb(182, 117, 205);
}
.portal-news-link-wrapper a.leimei {
  color: rgb(23, 184, 173);
}
.portal-news-link-wrapper a.leimei::after {
  background-color: rgb(23, 184, 173);
}
.portal-news-link-wrapper a.yuen {
  color: rgb(127, 127, 127);
}
.portal-news-link-wrapper a.yuen::after {
  background-color: rgb(127, 127, 127);
}
.portal-news-link-wrapper a.kominka-project {
  color: rgb(218, 190, 130);
}
.portal-news-link-wrapper a.kominka-project::after {
  background-color: rgb(218, 190, 130);
}

.portal-spot-page-section .keyword-wrapper {
  margin: 20px 0 100px;
  font-size: 0.9rem;
}
.portal-spot-page-section .keyword-wrapper .keyword-title {
  margin-bottom: 10px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
}
.portal-spot-page-section .keyword-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 5px;
}
.portal-spot-page-section .keyword-list a, .portal-spot-page-section .keyword-list span {
  display: inline-block;
  background-color: rgb(232, 232, 232);
  color: rgb(62, 62, 62);
  padding: 5px 10px;
  font-size: 0.8rem;
  border-radius: 50px;
}

.portal-spot-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 50px;
}
.portal-spot-list li {
  width: calc((100% - 100px) / 3);
}
@media (max-width: 1023px) {
  .portal-spot-list li {
    width: calc((100% - 50px) / 2);
  }
}
@media (max-width: 767px) {
  .portal-spot-list li {
    width: 100%;
  }
}
.portal-spot-list a {
  color: rgb(62, 62, 62);
}
.portal-spot-list .image-box {
  margin-bottom: 10px;
}
.portal-spot-list .image-box img {
  height: auto;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.portal-spot-list .portal-spot-category {
  max-width: 123px;
  padding: 2px 5px;
  font-size: 0.9rem;
  margin-bottom: 10px;
}
.portal-spot-list .title {
  margin-bottom: 10px;
  font-size: 0.9rem;
}
.portal-spot-list .title span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.portal-single-section.portal-spot-page-section .portal-spot-category-list {
  margin-bottom: 15px;
}
.portal-single-section.portal-spot-page-section .keyword-list {
  margin-bottom: 50px;
}
.portal-single-section.portal-spot-page-section .image-box {
  margin-bottom: 30px;
}

.portal-company-section .logo {
  margin-bottom: 100px;
  width: 60%;
  max-width: 338px;
}
@media (max-width: 767px) {
  .portal-company-section .logo {
    margin-bottom: 30px;
  }
}
.portal-company-section .company-name-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.portal-company-section .company-name-wrapper .text-box {
  width: calc(50% - 60px);
}
@media (max-width: 1023px) {
  .portal-company-section .company-name-wrapper .text-box {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    z-index: 2;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 50px;
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
            box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  }
}
@media (max-width: 767px) {
  .portal-company-section .company-name-wrapper .text-box {
    padding: 30px;
  }
}
.portal-company-section .company-name-wrapper .portal-ja-title {
  margin-bottom: 30px;
  line-height: 2rem;
}
.portal-company-section .company-name-wrapper .image-box {
  width: 50%;
}
@media (max-width: 1023px) {
  .portal-company-section .company-name-wrapper .image-box {
    width: 70%;
    margin-top: -120px;
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  .portal-company-section .company-name-wrapper .image-box {
    display: none;
  }
}

.portal-slogan-section .business-wrapper {
  display: -ms-grid;
  display: grid;
  gap: 50px 20px;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
  .portal-slogan-section .business-wrapper {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 20px;
  }
}
.portal-slogan-section .business-wrapper .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.portal-slogan-section .business-wrapper img {
  width: 150px;
}
@media (max-width: 1023px) {
  .portal-slogan-section .business-wrapper img {
    width: 100px;
  }
}
.portal-slogan-section .business-wrapper .text-box {
  width: calc(100% - 150px - 10px);
}
@media (max-width: 1023px) {
  .portal-slogan-section .business-wrapper .text-box {
    width: calc(100% - 100px - 10px);
    font-size: 0.9rem;
  }
}
.portal-slogan-section .business-wrapper .portal-ja-title {
  margin-bottom: 10px;
}

.portal-compay-info-section .company-info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}
@media (max-width: 1023px) {
  .portal-compay-info-section .company-info-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.portal-compay-info-section .company-info-wrapper .text-box {
  width: 445px;
  font-family: "Noto Sans JP", serif;
}
@media (max-width: 767px) {
  .portal-compay-info-section .company-info-wrapper .text-box {
    width: 100%;
  }
}
.portal-compay-info-section .company-info-wrapper .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.portal-compay-info-section .company-info-wrapper .inner-box:not(:last-child) {
  margin-bottom: 30px;
}
.portal-compay-info-section .company-info-wrapper .inner-box .title {
  width: 90px;
  font-weight: 500;
  color: rgb(205, 107, 65);
  border-right: 1px solid rgb(62, 62, 62);
}
.portal-compay-info-section .company-info-wrapper .inner-box .contents {
  width: calc(100% - 90px);
  padding-left: 30px;
}
@media (max-width: 767px) {
  .portal-compay-info-section .company-info-wrapper .inner-box .contents {
    padding-left: 15px;
  }
}
.portal-compay-info-section .company-info-wrapper .image-box {
  max-width: 580px;
  width: calc(100% - 445px - 30px);
  display: -ms-grid;
  display: grid;
  gap: 15px;
  -ms-grid-columns: 1fr 15px 1fr;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1023px) {
  .portal-compay-info-section .company-info-wrapper .image-box {
    position: relative;
    display: block;
  }
}
@media (max-width: 767px) {
  .portal-compay-info-section .company-info-wrapper .image-box {
    width: 100%;
    display: -ms-grid;
    display: grid;
  }
}
.portal-compay-info-section .company-info-wrapper .image-box img:first-child {
  margin-top: 100px;
}
@media (max-width: 1023px) {
  .portal-compay-info-section .company-info-wrapper .image-box img:first-child {
    margin-top: 0;
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .portal-compay-info-section .company-info-wrapper .image-box img:first-child {
    margin-top: 50px;
    margin-bottom: 0;
  }
}

.poeral-access-section {
  color: rgb(62, 62, 62);
}
.poeral-access-section .access-root-wrapper {
  margin-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px 20px;
}
@media (max-width: 767px) {
  .poeral-access-section .access-root-wrapper {
    margin-bottom: 80px;
  }
}
.poeral-access-section .access-root-wrapper .inner-box {
  max-width: 400px;
  width: calc((100% - 20px) / 2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
}
@media (max-width: 767px) {
  .poeral-access-section .access-root-wrapper .inner-box {
    width: 100%;
    font-size: 0.9rem;
  }
}
.poeral-access-section .access-root-wrapper img {
  width: 50px;
}
.poeral-access-section .access-root-wrapper .text-box {
  font-weight: 500;
  font-family: "Zen Maru Gothic", sans-serif;
  width: calc(100% - 50px - 10px);
}
.poeral-access-section .access-root-wrapper .text-box .title {
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 1.1rem;
}
.poeral-access-section .map-link-wrapper {
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px 10px;
}
@media (max-width: 767px) {
  .poeral-access-section .map-link-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.poeral-access-section .map-link-wrapper .text-box {
  font-size: 1.5rem;
  font-weight: 500;
  font-weight: 500;
}
.poeral-access-section .map-link-wrapper .text-box img {
  width: 25px;
  display: inline-block;
}
.poeral-access-section .map-link-wrapper .portal-btn {
  margin: 0;
}
.poeral-access-section .map-link-wrapper .portal-btn img {
  vertical-align: middle;
  display: inline-block;
  width: 18px;
}
.poeral-access-section .portal-map {
  height: 400px;
}

.portal-contact-section .portal-double-title {
  text-align: center;
}
.portal-contact-section .contact-arrow-wrapper span {
  border-color: rgb(62, 62, 62);
  color: rgb(62, 62, 62);
}
.portal-contact-section .contact-arrow-wrapper span.bg-blue {
  border-color: rgb(240, 236, 190);
  background-color: rgb(240, 236, 190);
}
.portal-contact-section .button-submit {
  background-color: rgb(62, 62, 62);
  border-color: rgb(62, 62, 62);
}
.portal-contact-section .button-submit.yellow {
  background-color: rgb(255, 255, 255);
  color: rgb(62, 62, 62);
  border: 1px solid rgb(62, 62, 62);
}
.portal-contact-section .thanks-message {
  color: rgb(253, 164, 87);
}
.portal-contact-section .interview-contact-wrapper {
  margin: 0 auto 50px;
  padding: 30px;
  max-width: 820px;
  gap: 10px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgb(232, 232, 232);
}
.portal-contact-section .interview-contact-wrapper .portal-btn {
  margin: 0;
  background-color: rgb(255, 255, 255);
}
.portal-contact-section .interview-contact-wrapper .portal-btn:hover {
  background-color: rgb(62, 62, 62);
}

.portal-policy-section .portal-double-title {
  text-align: center;
}
@media (max-width: 767px) {
  .portal-policy-section .portal-double-title .en {
    font-size: 2.5rem;
  }
}
.portal-policy-section .terms-wrapper {
  counter-reset: number 0;
}
.portal-policy-section .terms-wrapper .terms-box {
  counter-increment: number 1;
}
.portal-policy-section .terms-wrapper .terms-box:not(:last-child) {
  margin-bottom: 50px;
}
.portal-policy-section .terms-wrapper .terms-box .title {
  margin-bottom: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  font-family: "Zen Maru Gothic", sans-serif;
}
.portal-policy-section .terms-wrapper .terms-box .title::before {
  content: counter(number) ".";
}
.portal-policy-section .terms-wrapper .terms-box .inner-box:not(:last-child) {
  margin-bottom: 20px;
}
.portal-policy-section .terms-wrapper .terms-box .inner-title {
  font-weight: 500;
}
.portal-policy-section .terms-wrapper .text-bold {
  font-weight: 500;
}

.hiddon-wrapper {
  overflow: hidden;
}

.model-section {
  padding: 150px 0;
  color: rgb(62, 62, 62);
  font-family: "Zen Maru Gothic", sans-serif;
}
.model-section.yellow {
  background-color: rgb(240, 236, 190);
}
.model-section.yellow .two {
  max-width: 350px;
  top: 220px;
  right: 40px;
  width: 20%;
}
@media (max-width: 1023px) {
  .model-section.yellow .two {
    top: 180px;
  }
}
@media (max-width: 767px) {
  .model-section.yellow .two {
    top: 150px;
    width: 25%;
    opacity: 0.9;
  }
}
.model-section.yellow .three {
  max-width: 275px;
  width: 20%;
  bottom: 0;
  right: 35px;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}
@media (max-width: 1023px) {
  .model-section.yellow .three {
    bottom: -50px;
    width: 25%;
  }
}
@media (max-width: 767px) {
  .model-section.yellow .three {
    top: 60%;
    bottom: auto;
    width: 35%;
    right: -10px;
  }
}
.model-section.yellow .four {
  max-width: 270px;
  left: 20px;
  top: 40%;
  width: 23%;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
@media (max-width: 1238px) {
  .model-section.yellow .four {
    left: -30px;
    width: 18%;
  }
}
@media (max-width: 1023px) {
  .model-section.yellow .four {
    opacity: 0.7;
  }
}
@media (max-width: 767px) {
  .model-section.yellow .four {
    width: 25%;
    left: -10px;
  }
}
.model-section.yellow .five {
  max-width: 375px;
  bottom: -150px;
  left: -40px;
  -webkit-transform: rotate(12deg);
          transform: rotate(12deg);
}
@media (max-width: 1023px) {
  .model-section.yellow .five {
    width: 30%;
    bottom: -200px;
  }
}
@media (max-width: 767px) {
  .model-section.yellow .five {
    bottom: -150px;
    width: 50%;
    left: -20px;
  }
}
.model-section.yellow .schedule-box {
  text-shadow: 2px 2px 5px rgba(240, 236, 190, 0.8);
}
.model-section.blue {
  background-color: rgb(219, 238, 240);
}
.model-section.blue .two {
  width: 20%;
  max-width: 285px;
  bottom: -30px;
  right: 130px;
}
@media (max-width: 1355px) {
  .model-section.blue .two {
    right: 50px;
  }
}
@media (max-width: 1023px) {
  .model-section.blue .two {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .model-section.blue .two {
    bottom: 10px;
    right: 10px;
    width: 40%;
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
}
.model-section.blue .three {
  left: 50px;
  bottom: -100px;
  max-width: 275px;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
@media (max-width: 1355px) {
  .model-section.blue .three {
    width: 18%;
    bottom: -150px;
  }
}
@media (max-width: 1023px) {
  .model-section.blue .three {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .model-section.blue .three {
    width: 50%;
  }
}
.model-section.blue .schedule-box {
  text-shadow: 2px 2px 5px rgba(219, 238, 240, 0.8);
}
.model-section .contents-wrapper {
  position: relative;
}
.model-section .contents-wrapper:not(.big) {
  z-index: 3;
}
.model-section .bg-image {
  position: absolute;
  width: 25%;
}
@media (max-width: 767px) {
  .model-section .bg-image {
    opacity: 0.7;
  }
}
.model-section .bg-image.one {
  top: 30px;
  right: 0;
  max-width: 375px;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}
@media (max-width: 1023px) {
  .model-section .bg-image.one {
    width: 35%;
  }
}
@media (max-width: 767px) {
  .model-section .bg-image.one {
    width: 50%;
  }
}
.model-section .schedule-box {
  position: relative;
  max-width: 640px;
  margin: auto;
}
.model-section .schedule-box::after {
  position: absolute;
  top: 50%;
  left: 120px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: block;
  height: 90%;
  border-left: 2px dashed rgb(255, 255, 255);
}
@media (max-width: 767px) {
  .model-section .schedule-box::after {
    left: 70px;
  }
}
.model-section .schedule-box .inner-box {
  font-weight: 500;
  font-size: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.model-section .schedule-box .inner-box:not(:last-child) .time-box {
  padding-bottom: 45px;
}
.model-section .schedule-box .inner-box:not(:last-child).padding-big .time-box {
  padding-bottom: 80px;
}
.model-section .schedule-box .inner-box .time-box {
  position: relative;
  width: 120px;
}
@media (max-width: 767px) {
  .model-section .schedule-box .inner-box .time-box {
    width: 70px;
  }
}
.model-section .schedule-box .inner-box .time-box.pm::before, .model-section .schedule-box .inner-box .time-box.am::before {
  content: "am";
  position: absolute;
  top: 5px;
  left: -10px;
  font-size: 1.1rem;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .model-section .schedule-box .inner-box .time-box.pm::before, .model-section .schedule-box .inner-box .time-box.am::before {
    font-size: 0.7rem;
    left: 0;
  }
}
.model-section .schedule-box .inner-box .time-box.pm::before {
  content: "pm";
}
.model-section .schedule-box .inner-box .time-box span {
  position: relative;
  display: block;
}
.model-section .schedule-box .inner-box .time-box span::after {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(calc(50% + 1px), -50%);
          transform: translate(calc(50% + 1px), -50%);
  content: "";
  display: block;
  width: 15px;
  aspect-ratio: 1/1;
  background-color: rgb(255, 255, 255);
  border-radius: 50%;
}
.model-section .schedule-box .inner-box .contents-box {
  padding-left: 30px;
  width: calc(100% - 120px);
}
@media (max-width: 767px) {
  .model-section .schedule-box .inner-box .contents-box {
    width: calc(100% - 70px);
  }
}
.model-section .schedule-box .inner-box .contents-box .small-text {
  font-size: 0.9rem;
}

.model-title {
  margin-bottom: 60px;
  font-weight: 500;
  text-transform: uppercase;
}
.model-title .big {
  margin-right: 10px;
  font-size: 5rem;
}
@media (max-width: 767px) {
  .model-title .big {
    font-size: 3.7rem;
  }
}
.model-title .small {
  font-size: 3.6rem;
}
@media (max-width: 767px) {
  .model-title .small {
    font-size: 2.5rem;
  }
}

.model-link-section.yellow {
  background-color: rgb(248, 247, 234);
}
.model-link-section.yellow .issasoju {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.model-link-section.blue {
  background-color: rgb(244, 251, 252);
}
.model-link-section.blue .issasoju {
  display: none;
}
.model-link-section.blue .event-link-wrapper {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.model-link-section.blue .event-link-wrapper .portal {
  display: none;
}
.model-link-section .model-link-wrapper:not(:last-child) {
  margin-bottom: 100px;
}
.model-link-section .portal-event-link-section {
  margin-top: 50px;
  padding: 0;
  background-color: transparent;
}
.model-link-section .portal-event-link-section .contents-wrapper {
  width: 100%;
}
.model-link-section .portal-event-link-section .portal-ja-title {
  display: none;
}
.model-link-section .portal-event-link-section .yuen,
.model-link-section .portal-event-link-section .leimei {
  display: none;
}
.model-link-section .portal-event-link-section .portal {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.model-link-section .cafe-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 30px;
}
.model-link-section .cafe-wrapper .cafe-box {
  width: calc((100% - 60px) / 3);
}
@media (max-width: 1023px) {
  .model-link-section .cafe-wrapper .cafe-box {
    width: calc((100% - 30px) / 2);
  }
}
@media (max-width: 767px) {
  .model-link-section .cafe-wrapper .cafe-box {
    width: 100%;
  }
}
.model-link-section .cafe-wrapper .cafe-name {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.1rem;
  font-weight: 500;
}
.model-link-section .cafe-wrapper .cafe-name::before {
  content: "";
  width: 24px;
  aspect-ratio: 1/1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
  background-image: url("../../images/portal/map-icon.svg");
}
.model-link-section .cafe-wrapper .cafe-name span {
  color: rgb(62, 62, 62);
  border-bottom: 1px solid rgb(62, 62, 62);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.model-link-section .cafe-wrapper .cafe-name:hover span {
  border-color: transparent;
}
.model-link-section .cafe-wrapper p {
  font-size: 0.9rem;
}
.model-link-section .cafe-wrapper p:not(:last-child) {
  margin-bottom: 5px;
}

.model-link-title {
  margin-bottom: 30px;
  font-size: 2.1rem;
  font-weight: 500;
  font-family: "Zen Maru Gothic", sans-serif;
}
.model-link-title span {
  vertical-align: middle;
}
.model-link-title img {
  width: 34px;
  vertical-align: middle;
  display: inline-block;
}

.model-contact-section {
  color: rgb(255, 255, 255);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../../images/portal/model-contact-bg.jpg");
}
.model-contact-section .portal-double-title {
  text-align: center;
  color: rgb(255, 255, 255);
}
.model-contact-section .contact-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.model-contact-section .portal-btn {
  margin: 0;
  background-color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
}
.model-contact-section .portal-btn:hover {
  background-color: rgb(62, 62, 62);
}

.portal-hab-section {
  font-family: "Noto Sans JP", serif;
}
.portal-hab-section .title {
  margin-bottom: 30px;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 767px) {
  .portal-hab-section .title {
    font-size: 1.2rem;
  }
}
.portal-hab-section .first-text {
  text-align: center;
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .portal-hab-section .first-text {
    text-align: left;
  }
}

.portal-hab-link-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 50px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}
@media (max-width: 1023px) {
  .portal-hab-link-wrapper {
    gap: 20px 10px;
  }
}
@media (max-width: 767px) {
  .portal-hab-link-wrapper {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.portal-hab-link-wrapper a {
  display: block;
  position: relative;
  min-height: 185px;
  color: rgb(255, 255, 255);
  font-size: 1.8rem;
  font-weight: 500;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 1023px) {
  .portal-hab-link-wrapper a {
    font-size: 1.5rem;
  }
}
.portal-hab-link-wrapper a::before {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.portal-hab-link-wrapper a p {
  position: relative;
  z-index: 2;
  height: 100%;
  padding: 10px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.portal-hab-link-wrapper a p::before, .portal-hab-link-wrapper a p::after {
  position: absolute;
  content: "";
  display: block;
  width: 60px;
  aspect-ratio: 1/1;
  background-image: url("../../images/portal/link-bg/deco.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.portal-hab-link-wrapper a p::before {
  top: 0;
  left: 0;
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
.portal-hab-link-wrapper a p::after {
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(180deg) translate(-100%, -100%);
          transform: rotate(180deg) translate(-100%, -100%);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
.portal-hab-link-wrapper a:hover::before {
  opacity: 0;
}
.portal-hab-link-wrapper a:hover p::before {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.portal-hab-link-wrapper a:hover p::after {
  -webkit-transform: rotate(180deg) translate(-100%, -100%) scale(1.2);
          transform: rotate(180deg) translate(-100%, -100%) scale(1.2);
}
.portal-hab-link-wrapper a.museum {
  background-image: url("../../images/portal/link-bg/1.jpg");
}
.portal-hab-link-wrapper a.issasoju {
  background-image: url("../../images/portal/link-bg/2.jpg");
}
.portal-hab-link-wrapper a.leimei {
  background-image: url("../../images/portal/link-bg/3.jpg");
}
.portal-hab-link-wrapper a.kaleidoscope-gallery {
  background-image: url("../../images/portal/link-bg/4.jpg");
}
.portal-hab-link-wrapper a.yuen {
  background-image: url("../../images/portal/link-bg/5.jpg");
}
.portal-hab-link-wrapper a.kominka-project {
  background-image: url("../../images/portal/link-bg/6.jpg");
}
/*# sourceMappingURL=main.css.map */