@charset "UTF-8";
.animate.fadein {
  opacity: 0;
  transform-style: preserve-3d;
  transition-property: opacity;
  transition-duration: 1200ms;
  transition-delay: 0ms;
  transition-delay: 100ms;
}
.animate.show.fadein {
  opacity: 1;
}
.animate .slidein_left {
  opacity: 0.1;
  transform: translateX(-100px);
  transform-style: preserve-3d;
  transition-property: opacity, transform;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0ms;
}
.animate .slidein_right {
  opacity: 0.1;
  transform: translateX(100px);
  transform-style: preserve-3d;
  transition-property: opacity, transform;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0ms;
}
.animate.show .slidein_left, .animate.show .slidein_right {
  opacity: 1;
  transform: translateX(0);
}
.animate.slidein_top {
  opacity: 0.1;
  transform: translateY(-30px);
  transform-style: preserve-3d;
  transition-property: opacity, transform;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0ms;
}
.animate.slidein_bottom {
  opacity: 0.1;
  transform: translateY(30px);
  transform-style: preserve-3d;
  transition-property: opacity, transform;
  transition-duration: 1200ms;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0ms;
  transition-delay: 100ms;
  animation-delay: 100ms;
}
.animate.show.slidein_top, .animate.show.slidein_bottom {
  opacity: 1;
  transform: translateY(0);
}
.animate .zoomin {
  opacity: 0.1;
  transform: scale(1.5, 1.5);
  transform-style: preserve-3d;
  transition-property: opacity, transform;
  transition-duration: 300ms;
  transition-delay: 0ms;
}
.animate .zoomout {
  opacity: 0.1;
  transform: scale(0.5, 0.5);
  transform-style: preserve-3d;
  transition-property: opacity, transform;
  transition-duration: 300ms;
  transition-delay: 0ms;
}
.animate.show .zoomin, .animate.show .zoomout {
  opacity: 1;
  transform: scale(1, 1);
}
.animate .d1, .animate.d1 {
  transition-delay: 100ms;
}
.animate .d2, .animate.d2 {
  transition-delay: 200ms;
}
.animate .d3, .animate.d3 {
  transition-delay: 300ms;
}
.animate .d4, .animate.d4 {
  transition-delay: 400ms;
}
.animate .d5, .animate.d5 {
  transition-delay: 500ms;
}
.animate .d6, .animate.d6 {
  transition-delay: 600ms;
}
.animate .d7, .animate.d7 {
  transition-delay: 700ms;
}
.animate .d8, .animate.d8 {
  transition-delay: 800ms;
}
.animate .d9 {
  transition-delay: 900ms;
}
.animate .d10 {
  transition-delay: 1000ms;
}
.animate .d11 {
  transition-delay: 1100ms;
}
.animate .d12 {
  transition-delay: 1200ms;
}
.animate .d13 {
  transition-delay: 1300ms;
}
.animate .d14 {
  transition-delay: 1400ms;
}
.animate .d15 {
  transition-delay: 1500ms;
}
.animate .d16 {
  transition-delay: 1600ms;
}
.animate .d17 {
  transition-delay: 1700ms;
}
.animate .d18 {
  transition-delay: 1800ms;
}
.animate .d19 {
  transition-delay: 1900ms;
}
.animate .d20 {
  transition-delay: 2000ms;
}

body.modal_on {
  overflow: hidden;
}

#hiraya {
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
  font-family: Noto Serif JP, YakuHanMP_Noto, serif;
  color: #808080;
  padding-top: 0;
}
#hiraya *,
#hiraya *:hover, #hiraya *:active, #hiraya *:focus {
  outline: none;
}
#hiraya h1, #hiraya h2, #hiraya h3, #hiraya h4, #hiraya h5,
#hiraya article, #hiraya section,
#hiraya p, #hiraya div, #hiraya span, #hiraya figure, #hiraya picture,
#hiraya ul, #hiraya ol, #hiraya li, #hiraya dl, #hiraya dt, #hiraya dd, #hiraya img, #hiraya a {
  box-sizing: border-box;
  position: relative;
}
#hiraya img, #hiraya picture {
  display: block;
}

@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
body:not(.is-scrolled):not(.is-show-nav) .logo-header--sp a,
body:not(.is-scrolled):not(.is-show-nav) .logo-header a {
  opacity: 0 !important;
}

.layout-header__inner,
.is-top .layout-header {
  background: transparent;
}

.is-top .layout-header {
  background: linear-gradient(to bottom, rgb(48, 171, 248), rgba(255, 255, 255, 0));
}

body .logo-header .only-index {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}

body.is-scrolled .logo-header .only-index,
body.is-show-nav .logo-header .only-index {
  opacity: 0.99;
}

.nav-menu--sub .nav-menu__item > a,
.nav-menu--sub .nav-menu__item > span,
.nav-menu__item--parent > a:after,
.nav-menu__item--parent > span:after {
  border-color: #fff;
}

.nav-menu__item.is-current:before,
.nav-menu-lower .nav-menu__item > a:before,
.nav-menu-lower .nav-menu__item > span:before {
  background: #fff;
}

.nav-menu-lower {
  background: transparent;
  border-color: #fff;
}

body:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(11 * var(--remt) + 17.4305555556vw);
  background: linear-gradient(to bottom, rgb(48, 171, 248), rgba(255, 255, 255, 0));
  z-index: 10;
}

body.is-scrolled .logo-header .only-index {
  opacity: 0;
  pointer-events: none;
}

@media screen and (min-width: 991px) {
  body.is-top .nav-menu__item > a,
  body.is-top .nav-menu__item > span {
    color: #f5f5f5;
  }
  body.is-top .nav-menu__item > a.is-on,
  body.is-top .nav-menu__item > span.is-on {
    color: #ab8c50;
  }
  body.is-top .nav-menu__item--parent > a.is-on:after,
  body.is-top .nav-menu__item--parent > span.is-on:after {
    border-color: #ab8c50;
  }
}
@media screen and (max-width: 990px) {
  body:before {
    display: none;
  }
  body.is-scrolled .logo-header .only-index {
    opacity: 0;
    pointer-events: none;
  }
  body.is-scrolled .logo-header--sp .only-index {
    opacity: 0;
  }
  .is-show-nav .layout-header__inner {
    background: #f5f5f5;
  }
  body.is-show-nav .layout-header__inner .logo-header .only-index {
    display: none;
  }
  body.is-show-nav .layout-header__inner .nav-menu-lower .nav-menu__item > a:before {
    background: #1e1e1e;
  }
}
@media screen and (max-width: 600px) {
  body:before {
    display: block;
    height: 20.625rem;
    background: linear-gradient(to bottom, rgb(48, 171, 248) 0%, rgb(132, 205, 251) 50%, rgba(255, 255, 255, 0)) 85%;
  }
}
@media screen and (min-width: 601px) {
  #hiraya {
    background: #fff;
    font-size: 0.625rem;
  }
}
@media screen and (min-width: 601px) and (max-width: 1047px) {
  #hiraya {
    font-size: 0.9541984733vw;
  }
}
@media screen and (min-width: 601px) {
  #hiraya .section-kv {
    padding-top: 47.5694444444vw;
    padding-bottom: calc(56.5277777778vw - 8.1em);
  }
  #hiraya .section-kv .kv_slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 2880/2249;
  }
  #hiraya .section-kv .kv_slider .col {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #hiraya .section-kv .kv_slider .col.add-animation {
    animation: zoomUp 8s linear 0s normal both;
  }
  #hiraya .section-kv .kv_text {
    width: 80em;
    margin: 0 auto;
  }
  #hiraya .section-kv .kv_text .ttl_set {
    width: 60em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  #hiraya .section-kv .kv_text .ttl_set .ttl_sub {
    width: 100%;
    margin-bottom: 1.2em;
  }
  #hiraya .section-kv .kv_text .ttl_set .ttl_sub img {
    width: 20.86em;
  }
  #hiraya .section-kv .kv_text .ttl_set .kv_title {
    font-size: 3.2em;
    line-height: 1.4375;
    font-weight: 600;
    letter-spacing: 0.07em;
    left: -0.21875em;
  }
  #hiraya .section-kv .kv_text .ttl_set .kv_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14.2857142857em;
    height: 2.8571428571em;
    font-size: 1.4em;
    font-weight: 600;
    letter-spacing: 0.3em;
    padding-left: 0.3em;
    border: 1px solid #808080;
    background-color: rgba(255, 255, 255, 0);
    transition: background-color 0.4s ease, color 0.4s ease;
    text-decoration: none;
    color: #808080;
    box-sizing: border-box;
  }
  #hiraya .section-kv .kv_text .ttl_set .kv_btn:hover {
    background-color: #808080;
    color: #fff;
  }
  #hiraya .section-kv .kv_text .kv_copy {
    z-index: 1;
    font-size: 1.4em;
    line-height: 2.1428571429;
    letter-spacing: 0.2em;
    font-weight: 600;
    margin-top: 13em;
    width: 100%;
    padding: 3.8571428571em 0 3.4285714286em 0.2em;
    border: 1px solid #808080;
    text-align: center;
    background: rgba(255, 255, 255, 0.35);
  }
  #hiraya .section-kv .kv_text .kv_copy strong {
    display: block;
    font-size: 1.5em;
    line-height: 1.4285714286;
    letter-spacing: 0.4em;
    font-weight: 600;
    margin-bottom: 1.2380952381em;
  }
  #hiraya .section-kv .kv_text .kv_copy:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 12em;
    transform: translate(-50%, -100%);
    background: linear-gradient(to bottom, transparent, #808080);
  }
  #hiraya .section-kv .bg_video {
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  #hiraya .section-kv .bg_video video {
    display: block;
    width: 100%;
    height: auto;
  }
  #hiraya .section-kv .bg_video:before, #hiraya .section-kv .bg_video:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    padding-bottom: 36.3888888889%;
    top: -1px;
    background: linear-gradient(to bottom, rgb(255, 255, 255) 1%, rgba(255, 255, 255, 0) 99%);
  }
  #hiraya .section-kv .bg_video:after {
    top: auto;
    bottom: -1px;
    transform: scaleY(-1);
  }
  #hiraya .section-intro {
    padding: 10.2em 1.2em 0;
  }
  #hiraya .section-intro .flex_wrap {
    width: 100%;
    max-width: 102.4em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row-reverse;
  }
  #hiraya .section-intro .flex_wrap .tategaki {
    padding-top: 14em;
    width: fit-content;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: row-reverse;
    gap: 6.4em;
  }
  #hiraya .section-intro .flex_wrap .tategaki .tategaki_ttl {
    width: 6.04em;
  }
  #hiraya .section-intro .flex_wrap .tategaki .tategaki_txt {
    width: 34em;
  }
  #hiraya .section-intro .flex_wrap .madori_set {
    width: 48.5em;
  }
  #hiraya .section-intro .flex_wrap .madori_set .madori {
    width: 52.8em;
    left: -4.3em;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
  }
  #hiraya .section-intro .flex_wrap .madori_set .madori.active {
    opacity: 1;
    pointer-events: auto;
  }
  #hiraya .section-intro .flex_wrap .madori_set .madori:nth-child(1) {
    position: absolute;
  }
  #hiraya .section-intro .flex_wrap .madori_set .tab_btn_set {
    margin-top: 0.3em;
    display: flex;
    gap: 2em;
    align-items: center;
  }
  #hiraya .section-intro .flex_wrap .madori_set .tab_btn_set .tab_btn {
    height: 2.8571428571em;
    width: fit-content;
    padding: 0 1.1428571429em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4em;
    line-height: 1.4285714286;
    letter-spacing: 0.19em;
    font-weight: 600;
    background: #fff;
    border: #BFBFBF solid 1px;
    color: #BFBFBF;
    cursor: pointer;
  }
  #hiraya .section-intro .flex_wrap .madori_set .tab_btn_set .tab_btn.active {
    color: #fff;
    background-color: #5F5F5F;
    border-color: #5F5F5F;
  }
  #hiraya .section-intro .slider_wrap {
    width: calc(100% + 2.4em);
    margin: 10.1em -1.2em auto;
    overflow: hidden;
    padding-bottom: 6em;
  }
  #hiraya .section-intro .slider_wrap .slider {
    display: flex;
    width: 331.2em;
    flex-wrap: wrap;
    height: calc(45em + 2px);
    left: calc(50% - 165.6em);
  }
  #hiraya .section-intro .slider_wrap .slider .col {
    width: 110.4em;
    padding: 0 4em;
  }
  #hiraya .section-intro .slider_wrap .slider .col .col_inner {
    display: flex;
    flex-direction: row-reverse;
    border: 1px solid #808080;
    align-items: stretch;
  }
  #hiraya .section-intro .slider_wrap .slider .col .col_inner picture {
    width: 68em;
  }
  #hiraya .section-intro .slider_wrap .slider .col .col_inner .texts {
    min-height: 100%;
    width: calc(100% - 68em);
    padding: 0 5.4em 4.2em 4.9em;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  #hiraya .section-intro .slider_wrap .slider .col .col_inner .texts .col_ttl {
    font-size: 2.1em;
    line-height: 1.5238095238;
    letter-spacing: 0.4em;
    font-weight: 600;
    margin-bottom: 1.4285714286em;
  }
  #hiraya .section-intro .slider_wrap .slider .col .col_inner .texts .text {
    font-size: 1.2em;
    line-height: 2.0833333333;
    letter-spacing: 0.2em;
    font-weight: 600;
  }
  #hiraya .section-intro .slider_wrap .slick-dots {
    position: absolute;
    display: flex;
    justify-content: center;
    gap: 3em;
    width: 100%;
    bottom: -6em;
  }
  #hiraya .section-intro .slider_wrap .slick-dots li {
    width: 1em;
    height: 1em;
    box-sizing: border-box;
    border-radius: 50%;
    background: #EFEFEF;
    box-sizing: border-box;
    margin: 0;
    cursor: pointer;
    border: none;
  }
  #hiraya .section-intro .slider_wrap .slick-dots li button {
    opacity: 0;
    cursor: pointer;
  }
  #hiraya .section-intro .slider_wrap .slick-dots li.slick-active {
    background: #D9E5C2;
  }
  #hiraya .series {
    padding: 0 1.2em;
  }
  #hiraya .series .section_inner {
    width: 100%;
    max-width: 102.4em;
    margin: 0 auto;
  }
  #hiraya .series .series_title {
    font-size: 3.2em;
    line-height: 1.4375;
    letter-spacing: 0.2em;
    font-weight: 600;
    text-align: center;
    padding-left: 0.2em;
    margin-bottom: 1.1875em;
    padding-top: 2em;
  }
  #hiraya .series .series_text {
    font-size: 1.4em;
    line-height: 2.1428571429;
    letter-spacing: 0.2em;
    padding-left: 0.2em;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
  }
  #hiraya .series .info_box {
    border: 1px solid #808080;
    width: 100%;
    padding: 3.4em 3.4em 3.4em 6.9em;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin: 4.8em auto 0;
  }
  #hiraya .series .info_box picture {
    width: 56em;
  }
  #hiraya .series .info_box .texts .box_title {
    font-size: 2.1em;
    line-height: 1.4285714286;
    letter-spacing: 0.4em;
    font-weight: 600;
    color: #99A581;
    margin-bottom: 1.4285714286em;
  }
  #hiraya .series .info_box .texts .name {
    font-size: 1.2em;
    line-height: 1.4166666667;
    letter-spacing: 0.2em;
    font-weight: 700;
    margin-bottom: 0.8333333333em;
  }
  #hiraya .series .info_box .texts .price {
    font-size: 2em;
    line-height: 1.45;
    letter-spacing: 0.2em;
    font-weight: 600;
  }
  #hiraya .series .info_box .texts .price sup {
    font-size: 0.6em;
    vertical-align: super;
  }
  #hiraya .series .info_box .texts .price small {
    display: block;
    font-size: 0.55em;
    line-height: 1.4545454545;
    margin-top: 0.4545454545em;
  }
  #hiraya .series .info_box .texts .detail {
    font-size: 1.4em;
    line-height: 2.5714285714;
    letter-spacing: 0.2em;
    font-weight: 600;
    margin-top: 2.1428571429em;
  }
  #hiraya .series.series_c {
    padding-top: 6.6em;
  }
  #hiraya .series.series_c .series_title {
    background: url(../img/hiraya/icon_ttl_c.svg) center top/auto 1.25em no-repeat;
  }
  #hiraya .series.series_c .cases {
    margin-top: 8em;
  }
  #hiraya .series.series_c .cases .cases_title {
    width: 29.95em;
    margin-bottom: 8.23em;
  }
  #hiraya .series.series_c .cases .flex_wrap {
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  #hiraya .series.series_c .cases .flex_wrap .col {
    width: 22em;
    cursor: pointer;
    transition: opacity 0.2s ease;
  }
  #hiraya .series.series_c .cases .flex_wrap .col:hover {
    opacity: 0.6;
  }
  #hiraya .series.series_c .cases .flex_wrap .col picture {
    margin-bottom: 1.75em;
  }
  #hiraya .series.series_c .cases .flex_wrap .col .col_title {
    margin-bottom: 0.78em;
    font-size: 1em;
  }
  #hiraya .series.series_c .cases .flex_wrap .col .col_title img {
    width: auto;
    height: 0.97em;
  }
  #hiraya .series.series_c .cases .flex_wrap .col .case_name {
    font-size: 1.6em;
    line-height: 1.5;
    letter-spacing: 0.1em;
    font-weight: 600;
  }
  #hiraya .series.series_c .cases .flex_wrap .col .arrow {
    position: absolute;
    width: 2em;
    height: 2em;
    background: url(../img/hiraya/arrow.svg) center/contain no-repeat;
    right: 0;
    bottom: 0;
  }
  #hiraya .series.series_c .cases .spots {
    margin: 15.4em auto 0;
  }
  #hiraya .series.series_c .cases .spots:before {
    content: "";
    display: block;
    position: absolute;
    width: 98.6em;
    aspect-ratio: 1;
    background: url(../img/hiraya/grad1.jpg) center/contain no-repeat;
    left: -31.8em;
    top: -28.8em;
  }
  #hiraya .series.series_c .cases .spots .spots_title {
    font-size: 2.1em;
    line-height: 1.4285714286;
    letter-spacing: 0.4em;
    font-weight: 600;
    margin-bottom: 1.4285714286em;
  }
  #hiraya .series.series_c .cases .spots .spots_list {
    min-height: 41em;
  }
  #hiraya .series.series_c .cases .spots .spots_list .pc_pic {
    position: absolute;
    width: 74.5em;
    left: calc(50% - 2.5em);
    top: 0;
  }
  #hiraya .series.series_c .cases .spots .spots_list .pc_pic picture {
    position: absolute;
    width: 100%;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  #hiraya .series.series_c .cases .spots .spots_list .pc_pic picture:last-child {
    position: relative;
  }
  #hiraya .series.series_c .cases .spots .spots_list .pc_pic picture.active {
    opacity: 1;
    z-index: 1;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col {
    width: 34.9em;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col .col_title {
    transition: opacity 0.2s ease;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col .col_title:hover {
    opacity: 0.6;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col .col_title {
    font-size: 1.6em;
    line-height: 1.5;
    letter-spacing: 0.1em;
    font-weight: 700;
    cursor: pointer;
    width: 100%;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col .col_title::first-letter {
    color: #99A581;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col .col_title:after {
    display: block;
    content: "";
    font-size: 0.625em;
    width: 1.2em;
    height: 1em;
    border-left: transparent 0.6em solid;
    border-top: #808080 1em solid;
    border-right: transparent 0.6em solid;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: calc(50% - 0.5em);
    transform-origin: center;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col .ac_wrap {
    overflow: hidden;
    height: 0;
    transition: height 0.5s ease;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col .ac_inner {
    padding: 1em 0 1em 2.5em;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col .text {
    font-size: 1.2em;
    line-height: 2.0833333333;
    letter-spacing: 0.2em;
    font-weight: 600;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col picture {
    display: none;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col + .col {
    margin-top: 2em;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col.open .col_title {
    color: #99A581;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col.open .col_title:after {
    transform: scaleY(-1);
  }
  #hiraya .series.series_mtk {
    padding-top: 17.9em;
    padding-bottom: 13.2em;
  }
  #hiraya .series.series_mtk .series_title {
    background: url(../img/hiraya/icon_ttl_mtk.svg) center top/auto 1.25em no-repeat;
  }
  #hiraya .series.series_mtk .cases {
    margin-top: 7.85em;
  }
  #hiraya .series.series_mtk .cases .cases_title {
    width: 29.53em;
    margin-bottom: 3.48em;
  }
  #hiraya .series.series_mtk .cases .flex_wrap {
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  #hiraya .series.series_mtk .cases .flex_wrap .col {
    width: 30em;
    cursor: pointer;
    transition: opacity 0.2s ease;
  }
  #hiraya .series.series_mtk .cases .flex_wrap .col:hover {
    opacity: 0.6;
  }
  #hiraya .series.series_mtk .cases .flex_wrap .col .col_title {
    margin-bottom: 0.8em;
    font-size: 1em;
  }
  #hiraya .series.series_mtk .cases .flex_wrap .col .col_title img {
    width: auto;
    height: 0.97em;
  }
  #hiraya .series.series_mtk .cases .flex_wrap .col .case_name {
    font-size: 1.6em;
    line-height: 1.5;
    letter-spacing: 0.1em;
    font-weight: 600;
  }
  #hiraya .series.series_mtk .cases .flex_wrap .col picture {
    margin-top: 1.6em;
  }
  #hiraya .cta {
    margin: 10.7em auto 0;
    width: 40em;
  }
  #hiraya .cta .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28.5714285714em;
    height: 4.2857142857em;
    font-size: 1.4em;
    font-weight: 600;
    letter-spacing: 0.3em;
    padding-left: 0.3em;
    border: 1px solid #808080;
    background-color: rgba(255, 255, 255, 0);
    transition: background-color 0.4s ease, color 0.4s ease;
    text-decoration: none;
    color: #808080;
    box-sizing: border-box;
  }
  #hiraya .cta .btn:hover {
    background-color: #808080;
    color: #fff;
  }
  #hiraya #modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    z-index: 9999;
    padding: 0;
  }
  #hiraya #modal.open {
    opacity: 1;
    pointer-events: auto;
  }
  #hiraya #modal.open .modal_inner .modal_contents {
    opacity: 1;
    transition: opacity 0.2s ease 0.1s;
  }
  #hiraya #modal .modal_close {
    transition: opacity 0.2s ease;
  }
  #hiraya #modal .modal_close:hover {
    opacity: 0.6;
  }
  #hiraya #modal .modal_close {
    position: absolute;
    width: 3em;
    height: 3em;
    z-index: 2;
    cursor: pointer;
    display: flex;
    background: #99A581;
    border: none;
    justify-content: center;
    align-items: center;
    font-size: 1em;
    right: 0;
    top: 0;
    margin: 0;
    overflow: hidden;
    color: transparent;
  }
  #hiraya #modal .modal_close:before, #hiraya #modal .modal_close:after {
    width: 1.98em;
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background: #fff;
  }
  #hiraya #modal .modal_close:after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  #hiraya #modal .modal_bg {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    cursor: pointer;
  }
  #hiraya #modal .modal_inner {
    height: 100%;
    position: relative;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #hiraya #modal .modal_contents {
    padding: 0 0;
    z-index: 1;
    position: relative;
    opacity: 0;
    transition: opacity 0.3s ease;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #hiraya #modal .modal_content {
    padding: 0;
    display: none;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100%;
    background: #fff;
    border: #808080 1px solid;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) {
    width: 102.4em;
    padding: 3.4em 3.4em 3.9em 4.9em;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) .modal_content_inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row-reverse;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) .modal_content_inner .pic_set {
    width: 59em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2.5em;
    height: 37.5em;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) .modal_content_inner .pic_set picture {
    width: 28em;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) .modal_content_inner .texts {
    width: 30em;
    padding-top: 1.2em;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) .modal_content_inner .texts .modal_title {
    font-family: "Times New Roman", Times, "Yu Mincho", "游明朝", Noto Serif JP, YakuHanMP_Noto, serif;
    font-weight: 700;
    color: #99A581;
    font-size: 1.4em;
    line-height: 1.0714285714;
    letter-spacing: 0.1em;
    margin-bottom: 0.7142857143em;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) .modal_content_inner .texts .modal_subtitle {
    font-size: 2em;
    line-height: 1.5;
    letter-spacing: 0.2em;
    font-weight: 600;
    margin-bottom: 0.75em;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) .modal_content_inner .texts .text {
    font-size: 1.2em;
    line-height: 1.9166666667;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) .modal_content_inner .texts dl {
    margin-top: 2em;
    font-family: YakuHanJP_Noto, Noto Sans JP, sans-serif;
    font-weight: 600;
    letter-spacing: 0.1em;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) .modal_content_inner .texts dl dt {
    font-size: 1.2em;
    line-height: 1.33;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) .modal_content_inner .texts dl dd {
    font-size: 1em;
    line-height: 1.6;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) .modal_content_inner .texts dl + dl {
    margin-top: 1.6em;
  }
  #hiraya #modal .modal_content.modal_mtk {
    width: 60em;
    padding: 4.9em;
  }
  #hiraya #modal .modal_content.show {
    display: flex;
  }
  #hiraya .sp {
    display: none !important;
  }
}
@media screen and (max-width: 600px) {
  #hiraya {
    background: #fff;
    font-size: 0.3125rem;
  }
  #hiraya .section-kv {
    padding-top: 115.6vw;
    padding-top: 86.7em;
    padding-bottom: calc(108.5333333333vw - 8.5em);
    padding-bottom: 72.9em;
    margin-bottom: -4.8em;
  }
  #hiraya .section-kv .kv_slider {
    position: absolute;
    top: 32em;
    left: 0;
    width: 100%;
    height: 93em;
  }
  #hiraya .section-kv .kv_slider .col {
    width: 100%;
    height: 93em;
    position: absolute;
    top: 0;
    left: 0;
  }
  #hiraya .section-kv .kv_slider .col picture {
    width: 100%;
    height: 100%;
  }
  #hiraya .section-kv .kv_slider .col picture img {
    aspect-ratio: 2880/2249;
    position: absolute;
    left: 50%;
    top: 0;
    width: auto;
    max-width: 300%;
    height: 100%;
    transform: translateX(-50%);
  }
  #hiraya .section-kv .kv_slider .col.add-animation picture {
    animation: zoomUp 8s linear 0s normal both;
  }
}
@media screen and (max-width: 600px) and (max-width: 575px) {
  #hiraya .section-kv .kv_slider {
    height: 88em;
  }
  #hiraya .section-kv .kv_slider .col {
    height: 88em;
  }
}
@media screen and (max-width: 600px) {
  #hiraya .section-kv .kv_text {
    width: 86.6666666667%;
    margin: 0 auto;
  }
  #hiraya .section-kv .kv_text .ttl_set {
    text-align: center;
  }
  #hiraya .section-kv .kv_text .ttl_set .ttl_sub {
    width: 34.768em;
    margin: 0 auto 1.57em;
  }
  #hiraya .section-kv .kv_text .ttl_set .kv_title {
    font-size: 4.6em;
    line-height: 1.4347826087;
    font-weight: 600;
    letter-spacing: 0.07em;
    padding-left: 0.07em;
  }
  #hiraya .section-kv .kv_text .ttl_set .kv_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16.6666666667em;
    height: 3.3333333333em;
    font-size: 2.4em;
    font-weight: 600;
    letter-spacing: 0.3em;
    padding-left: 0.3em;
    border: 0.5px solid #808080;
    background-color: rgba(255, 255, 255, 0);
    text-decoration: none;
    color: #808080;
    box-sizing: border-box;
    margin: 1.7916666667em auto 0;
  }
  #hiraya .section-kv .kv_text .kv_copy {
    z-index: 2;
    font-size: 2.2em;
    line-height: 1.8181818182;
    letter-spacing: 0.2em;
    font-weight: 600;
    margin-top: 7.6363636364em;
    width: 100%;
    padding: 2.2272727273em 0 1.8181818182em;
    border: 0.5px solid #808080;
    text-align: center;
    background: rgba(255, 255, 255, 0.35);
  }
  #hiraya .section-kv .kv_text .kv_copy strong {
    display: block;
    font-size: 1.4545454545em;
    line-height: 1.3125;
    letter-spacing: 0.3em;
    font-weight: 600;
    margin-bottom: 0.875em;
  }
  #hiraya .section-kv .kv_text .kv_copy:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0.5px;
    height: 7.6363636364em;
    transform: translate(-50%, -100%);
    background: linear-gradient(to bottom, transparent, #808080);
  }
  #hiraya .section-kv .bg_video {
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  #hiraya .section-kv .bg_video video {
    display: block;
    width: 144em;
    height: auto;
    left: calc(50% - 72em);
    position: relative;
  }
  #hiraya .section-kv .bg_video:before, #hiraya .section-kv .bg_video:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 64.3734643735%;
    top: -1px;
    background: linear-gradient(to bottom, rgb(255, 255, 255) 1%, rgba(255, 255, 255, 0) 99%);
    z-index: 1;
  }
  #hiraya .section-kv .bg_video:after {
    top: auto;
    bottom: -1px;
    transform: scaleY(-1);
  }
  #hiraya .section-intro {
    padding: 0;
  }
  #hiraya .section-intro .flex_wrap .tategaki {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row-reverse;
    gap: 9em;
  }
  #hiraya .section-intro .flex_wrap .tategaki .tategaki_ttl {
    width: 7.164em;
  }
  #hiraya .section-intro .flex_wrap .tategaki .tategaki_txt {
    width: 41em;
  }
  #hiraya .section-intro .flex_wrap .madori_set {
    width: 86.6666666667%;
    margin: 8em auto 0;
  }
  #hiraya .section-intro .flex_wrap .madori_set .madori {
    width: 100%;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
  }
  #hiraya .section-intro .flex_wrap .madori_set .madori.active {
    opacity: 1;
    pointer-events: auto;
  }
  #hiraya .section-intro .flex_wrap .madori_set .madori:nth-child(1) {
    position: absolute;
  }
  #hiraya .section-intro .flex_wrap .madori_set .tab_btn_set {
    margin-top: 2.46em;
    display: flex;
    gap: 1.6em;
    align-items: center;
  }
  #hiraya .section-intro .flex_wrap .madori_set .tab_btn_set .tab_btn {
    height: 2.1818181818em;
    width: fit-content;
    font-size: 2.2em;
    line-height: 1.4090909091;
    letter-spacing: 0.19em;
    font-weight: 600;
    background: transparent;
    border: none;
    color: #BFBFBF;
    cursor: pointer;
    padding: 0 0.3636363636em;
    background: #fff;
    border: #BFBFBF solid 1px;
    color: #BFBFBF;
    cursor: pointer;
  }
  #hiraya .section-intro .flex_wrap .madori_set .tab_btn_set .tab_btn.active {
    color: #fff;
    background-color: #5F5F5F;
    border-color: #5F5F5F;
  }
  #hiraya .section-intro .slider_wrap {
    width: 100%;
    margin: 15.5em auto 0;
    overflow: hidden;
    padding-bottom: 9.2em;
  }
  #hiraya .section-intro .slider_wrap .slider {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
  #hiraya .section-intro .slider_wrap .slider .col {
    width: 100%;
  }
  #hiraya .section-intro .slider_wrap .slider .col .col_inner {
    padding: 0 6.6666666667%;
  }
  #hiraya .section-intro .slider_wrap .slider .col .col_inner picture {
    width: 100%;
    border: 0.5px solid #808080;
    border-bottom: none;
  }
  #hiraya .section-intro .slider_wrap .slider .col .col_inner .texts {
    border: 0.5px solid #808080;
    border-top: none;
    padding: 4em 4.9em 4.5em;
  }
  #hiraya .section-intro .slider_wrap .slider .col .col_inner .texts .col_ttl {
    font-size: 2.8em;
    line-height: 1.4285714286;
    letter-spacing: 0.2em;
    font-weight: 600;
    margin-bottom: 1.1428571429em;
  }
  #hiraya .section-intro .slider_wrap .slider .col .col_inner .texts .text {
    font-size: 2.4em;
    line-height: 1.6666666667;
    letter-spacing: 0.2em;
    font-weight: 600;
  }
  #hiraya .section-intro .slider_wrap .slick-dots {
    position: absolute;
    display: flex;
    justify-content: center;
    gap: 4em;
    width: 100%;
    bottom: -9.2em;
  }
  #hiraya .section-intro .slider_wrap .slick-dots li {
    width: 2em;
    height: 2em;
    box-sizing: border-box;
    border-radius: 50%;
    background: #EFEFEF;
    box-sizing: border-box;
    margin: 0;
    cursor: pointer;
    border: none;
  }
  #hiraya .section-intro .slider_wrap .slick-dots li button {
    opacity: 0;
    cursor: pointer;
  }
  #hiraya .section-intro .slider_wrap .slick-dots li.slick-active {
    background: #D9E5C2;
  }
  #hiraya .series .section_inner {
    width: 100%;
    max-width: 102.4em;
    margin: 0 auto;
  }
  #hiraya .series .series_title {
    font-size: 3.2em;
    line-height: 1.4375;
    letter-spacing: 0.2em;
    font-weight: 600;
    text-align: center;
    padding-left: 0.2em;
    margin-bottom: 1.875em;
    padding-top: 4.375em;
  }
  #hiraya .series .series_text {
    font-size: 2.2em;
    line-height: 1.8181818182;
    letter-spacing: 0.2em;
    padding-left: 0.2em;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
  }
  #hiraya .series .info_box {
    border: 0.5px solid #808080;
    width: 86.6666666667%;
    padding: 3.9em 4.4em 5em;
    margin: 6.9em auto 0;
  }
  #hiraya .series .info_box picture {
    width: 100%;
    margin: 0 auto 2.9em;
  }
  #hiraya .series .info_box .texts .box_title {
    font-size: 2.4em;
    line-height: 1.4583333333;
    letter-spacing: 0.4em;
    font-weight: 600;
    color: #99A581;
    margin-bottom: 1.3333333333em;
  }
  #hiraya .series .info_box .texts .name {
    font-size: 2em;
    line-height: 1.45;
    letter-spacing: 0.2em;
    font-weight: 700;
    margin-bottom: 0.8em;
  }
  #hiraya .series .info_box .texts .price {
    font-size: 3.2em;
    line-height: 1.4375;
    letter-spacing: 0.2em;
    font-weight: 600;
  }
  #hiraya .series .info_box .texts .price sup {
    font-size: 0.6em;
    vertical-align: super;
  }
  #hiraya .series .info_box .texts .price small {
    display: block;
    font-size: 0.55em;
    line-height: 1.4545454545;
    margin-top: 0.4545454545em;
  }
  #hiraya .series .info_box .texts .detail {
    font-size: 2em;
    line-height: 2.8;
    letter-spacing: 0.2em;
    font-weight: 600;
    margin-top: 1em;
  }
  #hiraya .series.series_c {
    padding-top: 18em;
  }
  #hiraya .series.series_c .series_title {
    background: url(../img/hiraya/icon_ttl_c.svg) center top/auto 1.875em no-repeat;
  }
  #hiraya .series.series_c .cases {
    margin: 8em auto 0;
  }
  #hiraya .series.series_c .cases .cases_title {
    width: 41.287em;
    margin: 0 auto 10em;
  }
  #hiraya .series.series_c .cases .flex_wrap {
    z-index: 1;
    width: 86.6666666667%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 9.8em 4em;
  }
  #hiraya .series.series_c .cases .flex_wrap .col {
    width: calc(50% - 2em);
    cursor: pointer;
  }
  #hiraya .series.series_c .cases .flex_wrap .col picture {
    margin-bottom: 2.47em;
  }
  #hiraya .series.series_c .cases .flex_wrap .col .col_title {
    margin-bottom: 1.46em;
    font-size: 1em;
  }
  #hiraya .series.series_c .cases .flex_wrap .col .col_title img {
    width: auto;
    height: 1.662em;
  }
  #hiraya .series.series_c .cases .flex_wrap .col .case_name {
    font-size: 2.2em;
    line-height: 1.3636363636;
    letter-spacing: 0.05em;
    font-weight: 600;
  }
  #hiraya .series.series_c .cases .flex_wrap .col .arrow {
    position: absolute;
    width: 4em;
    height: 4em;
    background: url(../img/hiraya/arrow.svg) center/contain no-repeat;
    right: 0;
    bottom: 0;
  }
  #hiraya .series.series_c .cases .spots {
    margin: 0 auto 0;
    padding: 20.2em 0 0;
  }
  #hiraya .series.series_c .cases .spots:before {
    content: "";
    display: block;
    position: absolute;
    width: 98.6em;
    aspect-ratio: 1;
    background: url(../img/hiraya/grad1.jpg) center/contain no-repeat;
    left: calc(50% - 49.3em);
    top: 0;
  }
  #hiraya .series.series_c .cases .spots .spots_title {
    font-size: 3.2em;
    line-height: 1.4375;
    letter-spacing: 0.4em;
    font-weight: 600;
    width: 73.3333333333%;
    margin: 0 auto 0.9375em;
  }
  #hiraya .series.series_c .cases .spots .spots_list {
    width: 73.3333333333%;
    margin: 0 auto;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col .col_title {
    font-size: 2.6em;
    line-height: 1.4230769231;
    letter-spacing: 0.1em;
    font-weight: 700;
    cursor: pointer;
    width: 100%;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col .col_title::first-letter {
    color: #99A581;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col .col_title:after {
    display: block;
    content: "";
    font-size: 0.7692307692em;
    width: 1.2em;
    height: 1em;
    border-left: transparent 0.6em solid;
    border-top: #808080 1em solid;
    border-right: transparent 0.6em solid;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: calc(50% - 0.5em);
    transform-origin: center;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col .ac_wrap {
    overflow: hidden;
    height: 0;
    transition: height 0.5s ease;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col .ac_inner {
    padding: 1em 0;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col .text {
    font-size: 2.4em;
    line-height: 1.6666666667;
    letter-spacing: 0.05em;
    font-weight: 600;
    padding-left: 1.625em;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col picture {
    width: 100%;
    margin-top: 4em;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col + .col {
    margin-top: 3em;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col.open .col_title {
    color: #99A581;
  }
  #hiraya .series.series_c .cases .spots .spots_list .col.open .col_title:after {
    transform: scaleY(-1);
  }
  #hiraya .series.series_mtk {
    padding-top: 22em;
    padding-bottom: 15.88em;
  }
  #hiraya .series.series_mtk .series_title {
    padding-top: 3.75em;
    background: url(../img/hiraya/icon_ttl_mtk.svg) center top/auto 1.25em no-repeat;
  }
  #hiraya .series.series_mtk .cases {
    margin-top: 20em;
  }
  #hiraya .series.series_mtk .cases .cases_title {
    width: 39.92em;
    margin: 0 auto 8em;
  }
  #hiraya .series.series_mtk .cases .flex_wrap {
    width: 73.3333333333%;
    margin: 0 auto;
  }
  #hiraya .series.series_mtk .cases .flex_wrap .col {
    width: 100%;
    cursor: pointer;
  }
  #hiraya .series.series_mtk .cases .flex_wrap .col .col_title {
    margin-bottom: 1.46em;
    font-size: 1em;
  }
  #hiraya .series.series_mtk .cases .flex_wrap .col .col_title img {
    width: auto;
    height: 1.662em;
  }
  #hiraya .series.series_mtk .cases .flex_wrap .col .case_name {
    font-size: 2.2em;
    line-height: 1.4090909091;
    letter-spacing: 0.05em;
    font-weight: 600;
  }
  #hiraya .series.series_mtk .cases .flex_wrap .col picture {
    margin-top: 1.5em;
  }
  #hiraya .series.series_mtk .cases .flex_wrap .col + .col {
    margin-top: 10.47em;
  }
  #hiraya .cta {
    margin: 12em auto 0;
    width: 40em;
  }
  #hiraya .cta .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16.6666666667em;
    height: 3.3333333333em;
    font-size: 2.4em;
    font-weight: 600;
    letter-spacing: 0.3em;
    padding-left: 0.3em;
    border: 0.5px solid #808080;
    background-color: rgba(255, 255, 255, 0);
    text-decoration: none;
    color: #808080;
    box-sizing: border-box;
    margin: 1.7916666667em auto 0;
  }
  #hiraya #modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    z-index: 9999;
    padding: 0;
  }
  #hiraya #modal.open {
    opacity: 1;
    pointer-events: auto;
  }
  #hiraya #modal.open .modal_inner .modal_contents {
    opacity: 1;
    transition: opacity 0.2s ease 0.1s;
  }
  #hiraya #modal .modal_close {
    position: absolute;
    width: 8em;
    height: 8em;
    z-index: 2;
    cursor: pointer;
    display: flex;
    background: #99A581;
    border: none;
    justify-content: center;
    align-items: center;
    font-size: 1em;
    right: 0;
    top: 0;
    margin: 0;
    overflow: hidden;
    color: transparent;
  }
  #hiraya #modal .modal_close:before, #hiraya #modal .modal_close:after {
    width: 4.2em;
    content: "";
    display: block;
    position: absolute;
    height: 0.5px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background: #fff;
  }
  #hiraya #modal .modal_close:after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  #hiraya #modal .modal_bg {
    width: 100%;
    height: 100lvh;
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    left: 0;
    top: 0;
    opacity: 1;
    cursor: pointer;
  }
  #hiraya #modal .modal_inner {
    height: 100%;
    position: relative;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9.2em 6.6666666667%;
  }
  #hiraya #modal .modal_contents {
    padding: 0 0;
    z-index: 1;
    position: relative;
    opacity: 0;
    transition: opacity 0.3s ease;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #hiraya #modal:not(:has(.modal_content.modal_mtk.show)) .modal_inner,
  #hiraya #modal:not(:has(.modal_content.modal_mtk.show)) .modal_contents {
    display: block;
  }
  #hiraya #modal:not(:has(.modal_content.modal_mtk.show)) .modal_inner {
    max-height: 100%;
    overflow-y: auto;
    padding: 9.2em 6.6666666667% 16em;
  }
  #hiraya #modal .modal_content {
    padding: 0;
    display: none;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100%;
    background: #fff;
    border: #808080 0.5px solid;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) {
    padding: 2.9em 2.9em 4.8em;
    margin: 0 auto;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) .modal_content_inner .pic_set {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2.5em;
    aspect-ratio: 580/378;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) .modal_content_inner .pic_set picture {
    width: calc(50% - 1.5em);
  }
  #hiraya #modal .modal_content:not(.modal_mtk) .modal_content_inner .texts {
    margin-top: 4em;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) .modal_content_inner .texts .modal_title {
    font-family: "Times New Roman", Times, "Yu Mincho", "游明朝", Noto Serif JP, YakuHanMP_Noto, serif;
    font-weight: 700;
    color: #99A581;
    font-size: 2.8em;
    line-height: 1.1071428571;
    letter-spacing: 0.1em;
    margin-bottom: 0.3571428571em;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) .modal_content_inner .texts .modal_subtitle {
    font-size: 4em;
    line-height: 1.3;
    letter-spacing: 0.2em;
    font-weight: 600;
    margin-bottom: 0.375em;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) .modal_content_inner .texts .text {
    font-size: 2.4em;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 500;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) .modal_content_inner .texts dl {
    margin-top: 1.4em;
    font-family: YakuHanJP_Noto, Noto Sans JP, sans-serif;
    font-weight: 600;
    letter-spacing: 0.1em;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) .modal_content_inner .texts dl dt {
    font-size: 2.4em;
    line-height: 1.5;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) .modal_content_inner .texts dl dd {
    font-size: 2em;
    line-height: 1.8;
  }
  #hiraya #modal .modal_content:not(.modal_mtk) .modal_content_inner .texts dl + dl {
    margin-top: 3.6em;
  }
  #hiraya #modal .modal_content.modal_mtk {
    padding: 2.9em;
  }
  #hiraya #modal .modal_content.show {
    display: flex;
  }
  #hiraya .pc {
    display: none !important;
  }
}