@charset "UTF-8";
html {
  font-size: 1px;
}
@media screen and (max-width: 768px) {
  html {
    font-size: calc(100vw / 768);
  }
}
@media screen and (min-width: 769px) {
  html {
    font-size: calc(100vw / 1920);
  }
}
@media screen and (min-width: 1501px) {
  html {
    font-size: 0.8px;
  }
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  margin: 0 !important;
}
body * {
  color: #000;
}
body span {
  letter-spacing: inherit;
}

#page.site {
  overflow: hidden;
}

@media screen and (min-width: 769px) {
  main#primary {
    width: 1920rem;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

.w-md {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .w-md {
    width: 1920rem;
    padding-left: 40rem;
    padding-right: 40rem;
  }
}
@media screen and (max-width: 768px) {
  .w-md {
    width: 100%;
    padding-left: 50rem;
    padding-right: 50rem;
  }
}

.guidebox {
  pointer-events: none;
  background-size: 1920rem !important;
  width: 100%;
  max-width: 1920rem;
  z-index: 999;
  opacity: 0.75;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0.3;
}
@media screen and (max-width: 768px) {
  .guidebox {
    max-width: 768rem;
    background-size: 768rem !important;
  }
}

body.home .guidebox {
  background: url("../images/guide/top.jpg") no-repeat top center;
  height: 10730rem;
}
@media screen and (max-width: 768px) {
  body.home .guidebox {
    background: url("../images/guide/top_sp.jpg") no-repeat top center;
    height: 9178rem;
  }
}

body.page-news .guidebox {
  background: url("../images/guide/news.jpg") no-repeat top center;
  height: 10730rem;
}
@media screen and (max-width: 768px) {
  body.page-news .guidebox {
    background: url("../images/guide/news_sp.jpg") no-repeat top center;
    height: 9178rem;
  }
}

body.page-history .guidebox {
  background: url("../images/guide/history.jpg") no-repeat top center;
  height: 10730rem;
}
@media screen and (max-width: 768px) {
  body.page-history .guidebox {
    background: url("../images/guide/history_sp.jpg") no-repeat top center;
    height: 9178rem;
  }
}

body.page-gallery .guidebox {
  background: url("../images/guide/gallery.jpg") no-repeat top center;
  height: 10730rem;
}
@media screen and (max-width: 768px) {
  body.page-gallery .guidebox {
    background: url("../images/guide/gallery_sp.jpg") no-repeat top center;
    height: 9178rem;
  }
}

.bold {
  font-weight: bold;
}

.medium {
  font-weight: 500;
}

.extra_bold {
  font-weight: 900;
}

@keyframes rotate-and-stop {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(15deg);
  }
  15% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(15deg);
  }
  25% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.rotate-and-stop {
  position: relative;
  animation: rotate-and-stop 2s infinite;
  /* 2秒停止 */
  animation-timing-function: ease-in-out;
  /* 加速と減速 */
}

.delay-0s {
  animation-delay: 0s;
}

.delay-1s {
  animation-delay: 0.3s;
}

.delay-2s {
  animation-delay: 0.6s;
}

.delay-3s {
  animation-delay: 0.9s;
}

.delay-4s {
  animation-delay: 1.2s;
}

.delay-5s {
  animation-delay: 1.5s;
}

.delay-6s {
  animation-delay: 1.8s;
}

@keyframes title-animation {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(-5deg);
  }
  15% {
    transform: rotate(5deg);
  }
  20% {
    transform: rotate(-5deg);
  }
  25% {
    transform: rotate(5deg);
  }
  30% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.title-animation {
  position: relative;
  animation: title-animation 2.5s infinite;
  /* 2秒停止 */
  animation-timing-function: ease-in-out;
  /* 加速と減速 */
}

#masthead.site-header {
  top: 0;
  position: absolute;
  width: 100%;
  z-index: 100;
  transition: all 0.3s ease;
}
@media screen and (min-width: 769px) {
  #masthead.site-header {
    height: 210rem;
  }
}
@media screen and (max-width: 768px) {
  #masthead.site-header {
    height: 120em;
  }
}
#masthead.site-header .header_box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #masthead.site-header .header_box {
    padding-left: 73rem;
    padding-right: 73rem;
    width: 1920rem;
  }
}
@media screen and (max-width: 768px) {
  #masthead.site-header .header_box {
    width: 100%;
    padding-left: 27rem;
  }
}
@media screen and (min-width: 769px) {
  #masthead.site-header .header_box .site-branding .site-title {
    margin-right: 41rem;
  }
}
#masthead.site-header .header_box .site-branding .site-title a {
  transition: all 0.1s ease;
}
#masthead.site-header .header_box .site-branding .site-title a img {
  opacity: 1;
  transition: all 0.3s ease;
}
@media screen and (min-width: 769px) {
  #masthead.site-header .header_box .site-branding .site-title a img {
    width: 160rem;
  }
}
@media screen and (max-width: 768px) {
  #masthead.site-header .header_box .site-branding .site-title a img {
    width: 118rem;
  }
}
#masthead.site-header .header_box #site-navigation.main-navigation {
  width: unset;
}
@media screen and (min-width: 769px) {
  #masthead.site-header .header_box #site-navigation.main-navigation {
    position: relative;
  }
}
#masthead.site-header .header_box #site-navigation.main-navigation .list_1 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  #masthead.site-header .header_box #site-navigation.main-navigation .list_1 .news {
    width: 115rem;
    margin-right: 41rem;
  }
}
@media screen and (min-width: 769px) {
  #masthead.site-header .header_box #site-navigation.main-navigation .list_1 .gallery {
    width: 168rem;
    margin-right: 31rem;
  }
}
@media screen and (min-width: 769px) {
  #masthead.site-header .header_box #site-navigation.main-navigation .list_1 .history {
    width: 168rem;
    margin-right: 49rem;
  }
}
@media screen and (min-width: 769px) {
  #masthead.site-header .header_box #site-navigation.main-navigation .list_1 .instagram {
    width: 41rem;
    margin-right: 49rem;
  }
}
@media screen and (min-width: 769px) {
  #masthead.site-header .header_box #site-navigation.main-navigation .list_1 .youtube {
    width: 41rem;
  }
}

.drawer-toggle.button {
  position: absolute;
  width: 77rem;
  height: 77rem;
  background: url("../images/menu_icon_open.svg") no-repeat center/cover;
  right: 23rem;
  top: 23rem;
  z-index: 199;
}

body.drawer--right nav.drawer-nav {
  padding-bottom: 30rem;
  right: -100vw;
  width: 100vw;
  height: 100vh;
  z-index: 200;
  background: url("../images/bg_1.jpg") no-repeat center;
}
body.drawer--right nav.drawer-nav .drawer-toggle.button {
  background: url("../images/menu_icon_close.svg") no-repeat center/cover;
}
body.drawer--right nav.drawer-nav .site-header {
  top: 0;
  position: absolute;
  width: 100%;
  z-index: 100;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  body.drawer--right nav.drawer-nav .site-header {
    height: 120em;
  }
}
body.drawer--right nav.drawer-nav .site-header .header_box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  padding-left: 27rem;
}
@media screen and (min-width: 769px) {
  body.drawer--right nav.drawer-nav .site-branding .site-title {
    margin-right: 41rem;
  }
}
body.drawer--right nav.drawer-nav .site-branding .site-title a {
  transition: all 0.1s ease;
}
body.drawer--right nav.drawer-nav .site-branding .site-title a img {
  opacity: 1;
  transition: all 0.3s ease;
}
@media screen and (min-width: 769px) {
  body.drawer--right nav.drawer-nav .site-branding .site-title a img {
    width: 160rem;
  }
}
@media screen and (max-width: 768px) {
  body.drawer--right nav.drawer-nav .site-branding .site-title a img {
    width: 118rem;
  }
}
body.drawer--right nav.drawer-nav .link_box {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.drawer--right nav.drawer-nav .link_box > a {
  font-size: 55rem;
  color: #000;
  margin-bottom: 97rem;
  font-weight: 900;
}
body.drawer--right nav.drawer-nav .link_box .link_1 {
  height: 70rem;
}
body.drawer--right nav.drawer-nav .link_box .sns_box {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 110rem;
  margin-top: 20rem;
}
body.drawer--right nav.drawer-nav .link_box .sns_box img {
  width: 57rem;
  height: 57rem;
}

.drawer--right.drawer-open .drawer-nav {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

footer.site-footer {
  background: url("../images/bg_1.jpg") repeat center;
  margin: 0 auto;
  margin-top: -5rem;
  z-index: 100;
  position: relative;
}
@media screen and (min-width: 769px) {
  footer.site-footer {
    height: 130rem;
    width: 1920rem;
  }
}
footer.site-footer .site-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 769px) {
  footer.site-footer .site-info {
    height: 130rem;
    padding-left: 86rem;
    padding-right: 66rem;
  }
}
@media screen and (max-width: 768px) {
  footer.site-footer .site-info {
    height: 52rem;
  }
}
footer.site-footer .site-info .link_box {
  display: flex;
  justify-content: flex-start;
}
footer.site-footer .site-info .link_box a {
  font-size: 27.4rem;
  color: #000;
  letter-spacing: 0.05em;
  margin-right: 60rem;
}
footer.site-footer .site-info .link_box a.instagram {
  margin-right: 45rem;
}
footer.site-footer .site-info .link_box a .icon_1 {
  width: 41rem;
}
@media screen and (min-width: 769px) {
  footer.site-footer .site-info .copyright {
    font-size: 18rem;
  }
}
@media screen and (max-width: 768px) {
  footer.site-footer .site-info .copyright {
    width: 100%;
    text-align: center;
    font-size: 14rem;
  }
}

.parts_line {
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  left: calc(50% + 0rem);
  z-index: 10;
  pointer-events: none;
}

body.home section.mv {
  position: relative;
}
@media screen and (min-width: 769px) {
  body.home section.mv {
    height: 1528rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.mv {
    height: 1395rem;
  }
}
body.home section.mv .image_1 {
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  left: calc(50% + 0rem);
}
@media screen and (min-width: 769px) {
  body.home section.mv .image_1 {
    width: 1920rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.mv .image_1 {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .parts_1 {
    width: 717rem;
    left: calc(50% + -431rem);
    top: 435rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.mv .parts_1 {
    width: 500rem;
    left: calc(50% + -87rem);
    top: 193rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .parts_2 {
    width: 1057rem;
    left: calc(50% + 353rem);
    top: 101rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.mv .parts_2 {
    width: 633rem;
    left: calc(50% + 45rem);
    top: 455rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .parts_3 {
    width: 126rem;
    left: calc(50% + -815rem);
    top: 279rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.mv .parts_3 {
    width: 72rem;
    left: calc(50% + -311rem);
    top: 126rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .parts_4 {
    width: 126rem;
    left: calc(50% + -524rem);
    top: 173rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.mv .parts_4 {
    width: 73rem;
    left: calc(50% + -142rem);
    top: 60rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .parts_5 {
    width: 166rem;
    left: calc(50% + -244rem);
    top: 183rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.mv .parts_5 {
    width: 97rem;
    left: calc(50% + 29rem);
    top: 30rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .parts_6 {
    width: 161rem;
    left: calc(50% + 47rem);
    top: 196rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.mv .parts_6 {
    width: 94rem;
    left: calc(50% + 298rem);
    top: 185rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .parts_7 {
    width: 130rem;
    left: calc(50% + -851rem);
    top: 724rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.mv .parts_7 {
    width: 75rem;
    left: calc(50% + -290rem);
    top: 418rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .parts_8 {
    width: 116rem;
    left: calc(50% + -648rem);
    top: 779rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.mv .parts_8 {
    width: 67rem;
    left: calc(50% + -150rem);
    top: 492rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .parts_9 {
    width: 138rem;
    left: calc(50% + -328rem);
    top: 845rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.mv .parts_9 {
    width: 79rem;
    left: calc(50% + -130rem);
    top: 607rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .parts_10 {
    width: 110rem;
    left: calc(50% + -82rem);
    top: 769rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.mv .parts_10 {
    width: 63rem;
    left: calc(50% + -148rem);
    top: 841rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .parts_11 {
    width: 147rem;
    left: calc(50% + 844rem);
    top: 759rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.mv .parts_11 {
    width: 85rem;
    left: calc(50% + 326rem);
    top: 862rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .parts_12 {
    width: 160rem;
    left: calc(50% + -773rem);
    top: 954rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.mv .parts_12 {
    width: 92rem;
    left: calc(50% + -294rem);
    top: 563rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .parts_13 {
    width: 149rem;
    left: calc(50% + -607rem);
    top: 1086rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.mv .parts_13 {
    width: 86rem;
    left: calc(50% + -267rem);
    top: 831rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .parts_14 {
    width: 128rem;
    left: calc(50% + 859rem);
    top: 1092rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.mv .parts_14 {
    width: 74rem;
    left: calc(50% + 327rem);
    top: 1112rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .parts_15 {
    width: 199rem;
    left: calc(50% + -464rem);
    top: 1278rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.mv .parts_15 {
    width: 115rem;
    left: calc(50% + -194rem);
    top: 1256rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_1 {
    width: 162rem;
    left: calc(50% + 133rem);
    top: 28rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.mv .line_1 {
    width: 717rem;
    left: calc(50% + -9rem);
    top: 38rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_2 {
    width: 423rem;
    left: calc(50% + 621rem);
    top: 9rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_3 {
    width: 52rem;
    left: calc(50% + -666rem);
    top: 243rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_4 {
    width: 46rem;
    left: calc(50% + 158rem);
    top: 176rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_5 {
    width: 48rem;
    left: calc(50% + 895rem);
    top: 280rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_6 {
    width: 215rem;
    left: calc(50% + -425rem);
    top: 327rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_7 {
    width: 134rem;
    left: calc(50% + -94rem);
    top: 320rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_8 {
    width: 80rem;
    left: calc(50% + 38rem);
    top: 426rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_9 {
    width: 62rem;
    left: calc(50% + -871rem);
    top: 572rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_10 {
    width: 48rem;
    left: calc(50% + -37rem);
    top: 619rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_11 {
    width: 51rem;
    left: calc(50% + -483rem);
    top: 866rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_12 {
    width: 198rem;
    left: calc(50% + -54rem);
    top: 916rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_13 {
    width: 160rem;
    left: calc(50% + 788rem);
    top: 864rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_14 {
    width: 56rem;
    left: calc(50% + -578rem);
    top: 975rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_15 {
    width: 156rem;
    left: calc(50% + -412rem);
    top: 1027rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_16 {
    width: 51rem;
    left: calc(50% + -223rem);
    top: 1059rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_17 {
    width: 46rem;
    left: calc(50% + -824rem);
    top: 1162rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_18 {
    width: 132rem;
    left: calc(50% + -332rem);
    top: 1184rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_19 {
    width: 261rem;
    left: calc(50% + -83rem);
    top: 1266rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_20 {
    width: 123rem;
    left: calc(50% + -760rem);
    top: 1305rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_21 {
    width: 51rem;
    left: calc(50% + -219rem);
    top: 1332rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_22 {
    width: 85rem;
    left: calc(50% + 756rem);
    top: 1253rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_23 {
    width: 43rem;
    left: calc(50% + 865rem);
    top: 1289rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_24 {
    width: 185rem;
    left: calc(50% + 573rem);
    top: 1356rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_25 {
    width: 46rem;
    left: calc(50% + 794rem);
    top: 1355rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.mv .line_26 {
    width: 63rem;
    left: calc(50% + 73rem);
    top: 759rem;
  }
}
body.home section.news {
  position: relative;
}
@media screen and (min-width: 769px) {
  body.home section.news {
    padding-top: 133rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.news {
    padding-top: 92rem;
  }
}
body.home section.news .inner {
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  body.home section.news .inner {
    width: 1530rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.news .inner {
    width: 100%;
  }
}
body.home section.news .news_box .news_box_1 {
  position: relative;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  top: 0;
}
@media screen and (min-width: 769px) {
  body.home section.news .news_box .news_box_1 {
    left: calc(50% + 7rem);
    width: 1530rem;
    height: 836rem;
    background: url("../images/parts_18.svg") no-repeat center/contain;
  }
}
@media screen and (max-width: 768px) {
  body.home section.news .news_box .news_box_1 {
    margin-top: 50rem;
    margin-bottom: 50rem;
    left: calc(50% + 0rem);
    width: 678rem;
    border-left: solid 14.67rem #ffab00;
    border-right: solid 14.67rem #ffab00;
  }
  body.home section.news .news_box .news_box_1::before {
    content: "";
    position: absolute;
    left: -14rem;
    top: -50rem;
    width: 678rem;
    height: 60rem;
    background: url("../images/parts_18_sp.svg") no-repeat top center/cover;
  }
  body.home section.news .news_box .news_box_1::after {
    content: "";
    position: absolute;
    left: -14rem;
    bottom: -50rem;
    width: 678rem;
    height: 60rem;
    background: url("../images/parts_18_sp.svg") no-repeat bottom center/cover;
  }
}
body.home section.news .news_box .news_box_1 #news-container {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  body.home section.news .news_box .news_box_1 #news-container {
    padding-top: 160rem;
    width: 1110rem;
    margin-bottom: 120rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.news .news_box .news_box_1 #news-container {
    width: 570rem;
    padding-top: 28rem;
    padding-bottom: 68rem;
  }
}
body.home section.news .news_box .news_box_1 #news-container article {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (min-width: 769px) {
  body.home section.news .news_box .news_box_1 #news-container article {
    margin-bottom: 54rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.news .news_box .news_box_1 #news-container article {
    flex-direction: column;
  }
  body.home section.news .news_box .news_box_1 #news-container article:not(:last-of-type) {
    margin-bottom: 40rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.news .news_box .news_box_1 #news-container article .news-date {
    width: 206rem;
  }
}
body.home section.news .news_box .news_box_1 #news-container article .news-date time {
  font-size: 28rem;
  font-weight: 900;
  color: #ffab00;
}
@media screen and (max-width: 768px) {
  body.home section.news .news_box .news_box_1 #news-container article .news-date time {
    font-size: 24rem;
  }
}
body.home section.news .news_box .news_box_1 #news-container article .news-title-excerpt {
  flex: 1;
}
body.home section.news .news_box .news_box_1 #news-container article .news-title-excerpt a {
  cursor: pointer;
}
body.home section.news .news_box .news_box_1 #news-container article .news-title-excerpt a:hover {
  color: #000;
}
@media screen and (min-width: 769px) {
  body.home section.news .news_box .news_box_1 #news-container article .news-title-excerpt {
    margin-top: -12rem;
  }
}
body.home section.news .news_box .news_box_1 #news-container article .news-title-excerpt .news-item-title {
  font-size: 36rem;
  font-weight: 900;
  margin-bottom: 4rem;
}
@media screen and (max-width: 768px) {
  body.home section.news .news_box .news_box_1 #news-container article .news-title-excerpt .news-item-title {
    font-size: 32rem;
  }
}
body.home section.news .news_box .news_box_1 #news-container article .news-title-excerpt .news-item-excerpt {
  font-size: 24rem;
}
@media screen and (max-width: 768px) {
  body.home section.news .news_box .news_box_1 #news-container article .news-title-excerpt .news-item-excerpt {
    font-size: 28rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.news .parts_16 {
    width: 502rem;
    left: calc(50% + -475rem);
    top: 47rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.news .parts_16 {
    width: 220rem;
    left: calc(50% + -212rem);
    top: 59rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.news .parts_17 {
    width: 542rem;
    left: calc(50% + 107rem);
    top: 71rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.news .parts_17 {
    width: 238rem;
    left: calc(50% + 44rem);
    top: 70rem;
  }
}
body.home section.news .parts_19 {
  pointer-events: all;
}
@media screen and (min-width: 769px) {
  body.home section.news .parts_19 {
    width: 263rem;
    left: calc(50% + 521rem);
    top: 699rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.news .parts_19 {
    width: 162rem;
    left: calc(50% + 205rem);
    bottom: 3rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.news .line_27 {
    width: 51rem;
    left: calc(50% + -832rem);
    top: 55rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.news .line_27 {
    width: 682rem;
    left: calc(50% + 32rem);
    top: -13rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.news .line_28 {
    width: 56rem;
    left: calc(50% + -675rem);
    top: -51rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.news .line_28 {
    width: 741rem;
    left: calc(50% + -3rem);
    bottom: -130rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.news .line_29 {
    width: 51rem;
    left: calc(50% + -63rem);
    top: -25rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.news .line_30 {
    width: 47rem;
    left: calc(50% + 474rem);
    top: 34rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.news .line_31 {
    width: 269rem;
    left: calc(50% + 761rem);
    top: 48rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.news .line_32 {
    width: 171rem;
    left: calc(50% + -847rem);
    top: 356rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.news .line_33 {
    width: 130rem;
    left: calc(50% + -801rem);
    top: 664rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.news .line_34 {
    width: 56rem;
    left: calc(50% + 828rem);
    top: 377rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.news .line_35 {
    width: 43rem;
    left: calc(50% + 899rem);
    top: 499rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.news .line_36 {
    width: 143rem;
    left: calc(50% + 864rem);
    top: 642rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.news .line_37 {
    width: 42rem;
    left: calc(50% + 811rem);
    top: 820rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.news .line_38 {
    width: 43rem;
    left: calc(50% + -630rem);
    top: 964rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.news .line_39 {
    width: 55rem;
    left: calc(50% + -509rem);
    top: 959rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.news .line_40 {
    width: 199rem;
    left: calc(50% + -181rem);
    top: 965rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.news .line_41 {
    width: 145rem;
    left: calc(50% + 867rem);
    top: 932rem;
  }
}
body.home section.gallery {
  position: relative;
}
@media screen and (min-width: 769px) {
  body.home section.gallery {
    padding-top: 165rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.gallery {
    padding-top: 100rem;
    padding-bottom: 68rem;
  }
}
body.home section.gallery .inner {
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  body.home section.gallery .inner {
    width: 1638rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.gallery .inner {
    width: 721rem;
  }
}
body.home section.gallery .gallery_box {
  background: url("../images/parts_22.png") no-repeat center/contain;
}
body.home section.gallery .gallery_box .gallery_box_1 {
  overflow: hidden;
  position: relative;
  width: 1460rem;
  height: 608rem;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  left: calc(50% + 7rem);
  top: 0;
}
@media screen and (min-width: 769px) {
  body.home section.gallery .gallery_box .gallery_box_1 {
    padding-top: 118rem;
    width: 1460rem;
    height: 608rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.gallery .gallery_box .gallery_box_1 {
    padding-top: 50rem;
    width: 642rem;
    height: 267rem;
  }
}
body.home section.gallery .gallery_box .gallery_box_1 .swiper-slide {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  body.home section.gallery .gallery_box .gallery_box_1 .swiper-slide img {
    width: 198rem;
  }
}
body.home section.gallery .gallery_box .gallery_box_1 .swiper-pagination {
  position: relative;
}
@media screen and (min-width: 769px) {
  body.home section.gallery .gallery_box .gallery_box_1 .swiper-pagination {
    bottom: -43rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.gallery .gallery_box .gallery_box_1 .swiper-pagination {
    bottom: -17rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.gallery .gallery_box .gallery_box_1 .swiper-pagination .swiper-pagination-bullet {
    width: 18.5rem;
    height: 18.5rem;
    margin: 0 18rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.gallery .gallery_box .gallery_box_1 .swiper-pagination .swiper-pagination-bullet {
    width: 9rem;
    height: 9rem;
    margin: 0 8rem;
  }
}
body.home section.gallery .gallery_box .gallery_box_1 .swiper-pagination .swiper-pagination-bullet-active {
  background: #000;
}
@media screen and (min-width: 769px) {
  body.home section.gallery .parts_20 {
    width: 567rem;
    left: calc(50% + -211rem);
    top: 108rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.gallery .parts_20 {
    width: 249rem;
    left: calc(50% + -93rem);
    top: 71rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.gallery .parts_21 {
    width: 627rem;
    left: calc(50% + 429rem);
    top: 63rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.gallery .parts_21 {
    width: 274rem;
    left: calc(50% + 188rem);
    top: 52rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.gallery .line_42 {
    width: 114rem;
    left: calc(50% + -830rem);
    top: 59rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.gallery .line_42 {
    width: 666rem;
    left: calc(50% + 13rem);
    top: 380rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.gallery .line_43 {
    width: 46rem;
    left: calc(50% + 919rem);
    top: 348rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.gallery .line_44 {
    width: 301rem;
    left: calc(50% + -681rem);
    top: 765rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.gallery .line_45 {
    width: 161rem;
    left: calc(50% + -125rem);
    top: 816rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.gallery .line_46 {
    width: 51rem;
    left: calc(50% + 567rem);
    top: 776rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.gallery .line_47 {
    width: 62rem;
    left: calc(50% + 891rem);
    top: 690rem;
  }
}
body.home section.history {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  body.home section.history {
    padding-top: 194rem;
    padding-bottom: 213rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.history {
    padding-top: 46rem;
  }
}
body.home section.history .inner {
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  body.home section.history .inner {
    width: 1502rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.history .inner {
    width: 100%;
  }
}
body.home section.history .history_box .history_box_1 {
  position: relative;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  top: 0;
  z-index: 1;
  /*
  .leftTriangle, .rightTriangle {
    background-color: rgba(125, 185, 232, 0.5);
  }
  */
}
@media screen and (min-width: 769px) {
  body.home section.history .history_box .history_box_1 {
    width: 862rem;
    height: 874rem;
    left: calc(50% + 321rem);
    background: url("../images/line_60.svg") no-repeat center/contain;
  }
}
@media screen and (max-width: 768px) {
  body.home section.history .history_box .history_box_1 {
    margin-top: 50rem;
    margin-bottom: 50rem;
    left: calc(50% + 0rem);
    width: 678rem;
    border-left: solid 14.67rem #7bd86c;
    border-right: solid 14.67rem #7bd86c;
    padding: 42rem 44rem 89rem;
  }
  body.home section.history .history_box .history_box_1::before {
    content: "";
    position: absolute;
    left: -14rem;
    top: -50rem;
    width: 678rem;
    height: 60rem;
    background: url("../images/line_60_sp.svg") no-repeat top center/cover;
  }
  body.home section.history .history_box .history_box_1::after {
    content: "";
    position: absolute;
    left: -14rem;
    bottom: -50rem;
    width: 678rem;
    height: 60rem;
    background: url("../images/line_60_sp.svg") no-repeat bottom center/cover;
  }
}
@media screen and (min-width: 769px) {
  body.home section.history .history_box .history_box_1 .text_1 {
    position: absolute;
    font-size: 59rem;
    top: 86rem;
    left: 137rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.history .history_box .history_box_1 .text_1 {
    font-size: 49rem;
    margin-bottom: 10rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.history .history_box .history_box_1 .text_2 {
    position: absolute;
    font-size: 27.5rem;
    line-height: 1.5818181818;
    top: 100rem;
    left: 410rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.history .history_box .history_box_1 .text_2 {
    font-size: 28rem;
    margin-bottom: 20rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.history .history_box .history_box_1 .text_3 {
    position: relative;
    width: 605rem;
    font-size: 24rem;
    line-height: 1.7916666667;
    top: 210rem;
    left: 144rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.history .history_box .history_box_1 .text_3 {
    font-size: 28rem;
    line-height: 1.7916666667;
  }
}
body.home section.history .history_box .history_box_1 .leftTriangle {
  width: 119rem;
  height: 500rem;
  margin: 0 25rem 5rem 0;
  float: left;
  shape-outside: polygon(0 0, 0 100%, 50% 100%);
  top: 240rem;
  left: 144rem;
  position: relative;
}
body.home section.history .history_box .history_box_1 .rightTriangle {
  width: 330em;
  height: 500rem;
  float: right;
  shape-outside: polygon(50% 0, 100% 10%, 0 100%);
  top: 240rem;
  right: 30rem;
  position: relative;
}
@media screen and (min-width: 769px) {
  body.home section.history .history_box .history_box_2 {
    position: absolute;
    bottom: -213rem;
    left: -200rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.history .history_box .history_box_2 {
    position: relative;
  }
}
body.home section.history .history_box .history_box_2 .image_2 {
  display: flex;
  align-items: flex-end;
  width: 1036rem;
  height: 1265rem;
  position: relative;
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 769px) {
  body.home section.history .history_box .history_box_2 .image_2 {
    padding-top: 60rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.history .history_box .history_box_2 .image_2 {
    width: 639rem;
    height: 712rem;
    left: 72rem;
  }
}
body.home section.history .history_box .history_box_2 .image_2 img {
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease-in-out;
  transition-delay: 1s;
}
body.home section.history .history_box .history_box_2 .in-view img {
  transform: translateY(0);
  opacity: 1;
}
@media screen and (min-width: 769px) {
  body.home section.history .parts_23 {
    width: 621rem;
    left: calc(50% + 116rem);
    top: 89rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.history .parts_23 {
    width: 273rem;
    left: calc(50% + -195rem);
    top: 0rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.history .parts_24 {
    width: 281rem;
    left: calc(50% + 684rem);
    top: 146rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.history .parts_24 {
    width: 277rem;
    left: calc(50% + 163rem);
    top: 34rem;
  }
}
body.home section.history .parts_25 {
  pointer-events: all;
}
@media screen and (min-width: 769px) {
  body.home section.history .parts_25 {
    width: 263rem;
    left: calc(50% + 179rem);
    top: 742rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.history .parts_25 {
    width: 162rem;
    left: calc(50% + 205rem);
    bottom: 17rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.history .line_48 {
    width: 75rem;
    left: calc(50% + -814rem);
    top: 179rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.history .line_49 {
    width: 48rem;
    left: calc(50% + -666rem);
    top: 99rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.history .line_50 {
    width: 148rem;
    left: calc(50% + 799rem);
    top: -15rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.history .line_51 {
    width: 215rem;
    left: calc(50% + -819rem);
    top: 327rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.history .line_52 {
    width: 134rem;
    left: calc(50% + -817rem);
    top: 584rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.history .line_53 {
    width: 56rem;
    left: calc(50% + -147rem);
    top: 617rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.history .line_54 {
    width: 46rem;
    left: calc(50% + 865rem);
    top: 459rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.history .line_55 {
    width: 67rem;
    left: calc(50% + 847rem);
    top: 679rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.history .line_56 {
    width: 47rem;
    left: calc(50% + 806rem);
    top: 945rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.history .line_57 {
    width: 51rem;
    left: calc(50% + 231rem);
    top: 1139rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.history .line_58 {
    width: 301rem;
    left: calc(50% + 492rem);
    top: 1084rem;
  }
}
@media screen and (min-width: 769px) {
  body.home section.history .line_59 {
    width: 171rem;
    left: calc(50% + 837rem);
    top: 1083rem;
  }
}
@media screen and (max-width: 768px) {
  body.home section.history .line_61 {
    width: 710rem;
    left: calc(50% + 12rem);
    top: 15rem;
  }
}
body.home .modaal-container {
  max-width: 980rem;
}
body.home .modaal-content-container {
  padding: 80rem;
}
body.home .modaal-content-container .text_modal {
  font-size: 24rem;
  line-height: 2.5;
  font-family: "Noto Serif JP", serif;
  font-weight: normal;
}
body.home .modaal-content-container .text_modal h2 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 1.5em;
}
body.home .modaal-content-container .text_name {
  text-align: right;
}

body.page-news main.site-main {
  background: url("../images/bg_1.jpg?ver=1.1") repeat top center;
}
body.page-news section.news {
  position: relative;
}
@media screen and (min-width: 769px) {
  body.page-news section.news {
    padding-top: 316rem;
    padding-bottom: 110rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-news section.news {
    padding-top: 176rem;
    padding-bottom: 175rem;
  }
}
body.page-news section.news .inner {
  width: 1540rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  body.page-news section.news .inner {
    width: 710rem;
  }
}
body.page-news section.news .news_box .news_box_1 {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  body.page-news section.news .news_box .news_box_1 .news_1 {
    width: 502rem;
    left: calc(50% + -560rem);
    top: -82rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 .news_1 {
    width: 220rem;
    left: calc(50% + -240rem);
    top: -38rem;
  }
}
@media screen and (min-width: 769px) {
  body.page-news section.news .news_box .news_box_1 .news_2 {
    width: 542rem;
    left: calc(50% + 22rem);
    top: -77rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 .news_2 {
    width: 238rem;
    left: calc(50% + 52rem);
    top: -43rem;
  }
}
@media screen and (min-width: 769px) {
  body.page-news section.news .news_box .news_box_1 .news_4 {
    width: 514rem;
    margin-bottom: 30rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 .news_4 {
    width: 348rem;
    margin-bottom: 30rem;
  }
}
@media screen and (min-width: 769px) {
  body.page-news section.news .news_box .news_box_1 .news_5 {
    width: 415rem;
    margin-bottom: 120rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 .news_5 {
    width: 253rem;
    margin-bottom: 156rem;
  }
}
@media screen and (min-width: 769px) {
  body.page-news section.news .news_box .news_box_1 {
    padding-top: 55rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 {
    padding-top: 99rem;
  }
}
@media screen and (min-width: 769px) {
  body.page-news section.news .news_box .news_box_1 .category-nav {
    margin-bottom: 120rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 .category-nav {
    margin-bottom: 141rem;
  }
}
body.page-news section.news .news_box .news_box_1 .category-nav .category_list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 50rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 .category-nav .category_list {
    gap: 56rem;
  }
}
body.page-news section.news .news_box .news_box_1 .category-nav .category_list .category_item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  gap: 20rem;
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 .category-nav .category_list .category_item {
    gap: 7rem;
  }
}
body.page-news section.news .news_box .news_box_1 .category-nav .category_list .category_item .image_1 {
  width: 160rem;
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 .category-nav .category_list .category_item .image_1 {
    width: 250rem;
  }
}
body.page-news section.news .news_box .news_box_1 .category-nav .category_list .category_item a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18rem;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 .category-nav .category_list .category_item a {
    font-size: 26rem;
  }
}
body.page-news section.news .news_box .news_box_1 .news_box_1_1 {
  position: relative;
  background: #fff;
  width: 100%;
}
@media screen and (min-width: 769px) {
  body.page-news section.news .news_box .news_box_1 .news_box_1_1 {
    border: solid 20rem #ffab00;
    padding-top: 105rem;
    min-height: 900rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 .news_box_1_1 {
    border: solid 14.6rem #ffab00;
    padding-top: 80rem;
    min-height: 600rem;
  }
}
body.page-news section.news .news_box .news_box_1 .news_box_1_1::before {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  left: calc(50% + -32rem);
  top: -107px;
  width: 1820rem;
  height: 507rem;
  background: url("../images/news_6.svg") no-repeat center/contain;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 .news_box_1_1::before {
    left: calc(50% + 8rem);
    top: -77px;
    width: 824rem;
    height: 297rem;
    background: url("../images/news_6_sp.svg") no-repeat center/contain;
  }
}
body.page-news section.news .news_box .news_box_1 .news_box_1_1::after {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  left: calc(50% + -1rem);
  bottom: -97px;
  width: 1836rem;
  height: 507rem;
  background: url("../images/news_7.svg") no-repeat center/contain;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 .news_box_1_1::after {
    left: calc(50% + 29rem);
    bottom: -77px;
    width: 1135rem;
    height: 357rem;
    background: url("../images/news_7_sp.svg") no-repeat center/contain;
  }
}
body.page-news section.news .news_box .news_box_1 #news-results-container {
  font-size: 24rem;
}
body.page-news section.news .news_box .news_box_1 #news-container {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  body.page-news section.news .news_box .news_box_1 #news-container {
    width: 945rem;
    margin-bottom: 120rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 #news-container {
    width: 590rem;
    margin-bottom: 100rem;
  }
}
body.page-news section.news .news_box .news_box_1 #news-container article {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (min-width: 769px) {
  body.page-news section.news .news_box .news_box_1 #news-container article {
    margin-bottom: 86rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 #news-container article {
    margin-bottom: 84rem;
  }
}
@media screen and (min-width: 769px) {
  body.page-news section.news .news_box .news_box_1 #news-container article .news-icon {
    width: 162rem;
    margin-right: 40rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 #news-container article .news-icon {
    width: 130rem;
    margin-right: 45rem;
  }
}
body.page-news section.news .news_box .news_box_1 #news-container article .news-title-excerpt {
  flex: 1;
}
@media screen and (min-width: 769px) {
  body.page-news section.news .news_box .news_box_1 #news-container article .news-title-excerpt {
    margin-top: -12rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 #news-container article .news-title-excerpt {
    margin-top: 0rem;
  }
}
body.page-news section.news .news_box .news_box_1 #news-container article .news-title-excerpt time {
  font-size: 28rem;
  font-weight: 900;
  color: #ffab00;
}
body.page-news section.news .news_box .news_box_1 #news-container article .news-title-excerpt .news-item-title {
  font-size: 36rem;
  font-weight: 900;
  margin-bottom: 14rem;
}
body.page-news section.news .news_box .news_box_1 #news-container article .news-title-excerpt .news-item-excerpt {
  font-size: 24rem;
}
body.page-news section.news .news_box .news_box_1 .no_news {
  text-align: center;
}
body.page-news section.news .news_box .news_box_1 .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20rem;
  margin-bottom: 100rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 .pagination {
    gap: 20rem;
    margin-bottom: 120rem;
  }
}
body.page-news section.news .news_box .news_box_1 .pagination .prev.page-numbers {
  position: relative;
  margin-left: -50rem;
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 .pagination .prev.page-numbers {
    margin-left: -50rem;
  }
}
body.page-news section.news .news_box .news_box_1 .pagination .prev.page-numbers::before {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  top: calc(50% + 0rem);
  left: calc(50% + 0rem);
  width: 24rem;
  height: 24rem;
  background: url("../images/page_arrrow_1.png") no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 .pagination .prev.page-numbers::before {
    top: calc(50% + 0rem);
    left: calc(50% + 0rem);
    width: 20rem;
    height: 24rem;
  }
}
body.page-news section.news .news_box .news_box_1 .pagination .page-numbers {
  position: relative;
  width: 40rem;
  height: 30rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 32rem;
  letter-spacing: 0.1em;
  text-align: center;
  color: #000;
  transition: all 0.3s ease;
  text-decoration: none;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 .pagination .page-numbers {
    width: 30rem;
    height: 30rem;
    font-size: 30rem;
  }
}
body.page-news section.news .news_box .news_box_1 .pagination .page-numbers.current {
  color: #ffab00;
}
body.page-news section.news .news_box .news_box_1 .pagination .page-numbers::before {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  top: calc(50% + 0rem);
  left: calc(50% + 0rem);
  width: 0rem;
  height: 0rem;
  background: #ffab00;
  z-index: -1;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 .pagination .page-numbers::before {
    top: calc(50% + 0rem);
    left: calc(50% + 0rem);
    width: 0rem;
    height: 0rem;
  }
}
body.page-news section.news .news_box .news_box_1 .pagination .next.page-numbers {
  position: relative;
  margin-right: -50rem;
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 .pagination .next.page-numbers {
    margin-right: -50rem;
  }
}
body.page-news section.news .news_box .news_box_1 .pagination .next.page-numbers::before {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  top: calc(50% + 0rem);
  left: calc(50% + 0rem);
  width: 24rem;
  height: 24rem;
  background: url("../images/page_arrrow_2.svg") no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 .pagination .next.page-numbers::before {
    top: calc(50% + 0rem);
    left: calc(50% + 0rem);
    width: 30rem;
    height: 24rem;
  }
}
body.page-news section.news .news_box .news_box_1 .load-more-wrapper {
  position: relative;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  left: calc(50% + 0rem);
}
@media screen and (min-width: 769px) {
  body.page-news section.news .news_box .news_box_1 .load-more-wrapper {
    width: 263rem;
    margin-bottom: 100rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 .load-more-wrapper {
    width: 162rem;
    margin-bottom: 50rem;
  }
}
body.page-news section.news .news_box .news_box_1 .load-more-wrapper #load-more-news {
  display: block;
  background: url("../images/news_3.svg") no-repeat center/contain;
}
@media screen and (min-width: 769px) {
  body.page-news section.news .news_box .news_box_1 .load-more-wrapper #load-more-news {
    width: 263rem;
    height: 42rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-news section.news .news_box .news_box_1 .load-more-wrapper #load-more-news {
    width: 162rem;
    height: 26rem;
  }
}

body.page-history main.site-main {
  background: url("../images/bg_1.jpg") repeat top center;
}
body.page-history section.history {
  position: relative;
}
@media screen and (min-width: 769px) {
  body.page-history section.history {
    padding-top: 316rem;
    padding-bottom: 110rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-history section.history {
    padding-top: 176rem;
    padding-bottom: 55rem;
  }
}
body.page-history section.history .inner {
  width: 1540rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  body.page-history section.history .inner {
    width: 710REM;
  }
}
body.page-history section.history .history_box .history_box_1 {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  body.page-history section.history .history_box .history_box_1 .history_1 {
    width: 621rem;
    left: calc(50% + -555rem);
    top: -113rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 .history_1 {
    width: 273rem;
    left: calc(50% + -210rem);
    top: -38rem;
  }
}
@media screen and (min-width: 769px) {
  body.page-history section.history .history_box .history_box_1 .history_2 {
    width: 534rem;
    left: calc(50% + 79rem);
    top: -77rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 .history_2 {
    width: 238rem;
    left: calc(50% + 82rem);
    top: -43rem;
  }
}
@media screen and (min-width: 769px) {
  body.page-history section.history .history_box .history_box_1 .history_4 {
    width: 644rem;
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 .history_4 {
    width: 388rem;
    margin-bottom: 11rem;
  }
}
@media screen and (min-width: 769px) {
  body.page-history section.history .history_box .history_box_1 .history_5 {
    width: 415rem;
    margin-bottom: 120rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 .history_5 {
    width: 258rem;
    margin-bottom: 189rem;
  }
}
@media screen and (min-width: 769px) {
  body.page-history section.history .history_box .history_box_1 {
    padding-top: 43rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 {
    padding-top: 96rem;
  }
}
body.page-history section.history .history_box .history_box_1 .history_box_1_1 {
  position: relative;
  background: #fff;
  width: 100%;
}
@media screen and (min-width: 769px) {
  body.page-history section.history .history_box .history_box_1 .history_box_1_1 {
    border: solid 20rem #7bd86c;
    padding-top: 105rem;
    margin-bottom: 143rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 .history_box_1_1 {
    border: solid 14.6rem #7bd86c;
    padding-top: 93rem;
    margin-bottom: 164rem;
  }
}
body.page-history section.history .history_box .history_box_1 .history_box_1_1.tv::before {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  left: calc(50% + -20rem);
  top: -216rem;
  width: 1778rem;
  height: 180rem;
  background: url("../images/history_6.svg") no-repeat center/contain;
  pointer-events: none;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 .history_box_1_1.tv::before {
    left: calc(50% + -20rem);
    top: -216rem;
    width: 768rem;
    height: 180rem;
    background: url("../images/history_6_sp.svg") no-repeat center/contain;
  }
}
body.page-history section.history .history_box .history_box_1 .history_box_1_1.tv::after {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  left: calc(50% + -20rem);
  bottom: -146rem;
  width: 1796rem;
  height: 352rem;
  background: url("../images/history_7.svg") no-repeat center/contain;
  pointer-events: none;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 .history_box_1_1.tv::after {
    left: calc(50% + -23rem);
    bottom: -206rem;
    width: 728rem;
    height: 352rem;
    background: url("../images/history_7_sp.svg") no-repeat center/contain;
  }
}
body.page-history section.history .history_box .history_box_1 .history_box_1_1.film::after {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  left: calc(50% + -20rem);
  bottom: -202rem;
  width: 1815rem;
  height: 322rem;
  background: url("../images/history_8.svg") no-repeat center/contain;
  pointer-events: none;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 .history_box_1_1.film::after {
    left: calc(50% + -20rem);
    bottom: -296rem;
    width: 741rem;
    height: 352rem;
    background: url("../images/history_8_sp.svg") no-repeat center/contain;
  }
}
body.page-history section.history .history_box .history_box_1 .history_box_1_1.cm::after {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  left: calc(50% + 780rem);
  bottom: -132rem;
  width: 161rem;
  height: 78rem;
  background: url("../images/history_9.svg") no-repeat center/contain;
  pointer-events: none;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 .history_box_1_1.cm::after {
    left: calc(50% + 276rem);
    bottom: -118rem;
    width: 111rem;
    height: 78rem;
    background: url("../images/history_9_sp.svg") no-repeat center/contain;
  }
}
body.page-history section.history .history_box .history_box_1 .history_box_1_1.stage::after {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  left: calc(50% + -20rem);
  bottom: -202rem;
  width: 1819rem;
  height: 434rem;
  background: url("../images/history_10.svg") no-repeat center/contain;
  pointer-events: none;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 .history_box_1_1.stage::after {
    left: calc(50% + -10rem);
    bottom: -176rem;
    width: 801rem;
    height: 352rem;
    background: url("../images/history_10_sp.svg") no-repeat center/contain;
  }
}
body.page-history section.history .history_box .history_box_1 .history_box_1_1.vcinema::after {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  left: calc(50% + 752rem);
  bottom: -202rem;
  width: 269rem;
  height: 148rem;
  background: url("../images/history_11.svg") no-repeat center/contain;
  pointer-events: none;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 .history_box_1_1.vcinema::after {
    left: calc(50% + 266rem);
    bottom: -148rem;
    width: 221rem;
    height: 98rem;
    background: url("../images/history_11_sp.svg") no-repeat center/contain;
  }
}
body.page-history section.history .history_box .history_box_1 .history_box_1_1.dvd::after {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  left: calc(50% + -20rem);
  bottom: -122rem;
  width: 1745rem;
  height: 105rem;
  background: url("../images/history_12.svg") no-repeat center/contain;
  pointer-events: none;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 .history_box_1_1.dvd::after {
    left: calc(50% + -13rem);
    bottom: -253rem;
    width: 745rem;
    height: 352rem;
    background: url("../images/history_12_sp.svg") no-repeat center/contain;
  }
}
body.page-history section.history .history_box .history_box_1 .history_box_1_1.book::after {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  left: calc(50% + 10rem);
  bottom: -242rem;
  width: 1797rem;
  height: 228rem;
  background: url("../images/history_13.svg") no-repeat center/contain;
  pointer-events: none;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 .history_box_1_1.book::after {
    left: calc(50% + -4rem);
    bottom: -229rem;
    width: 745rem;
    height: 352rem;
    background: url("../images/history_13_sp.svg") no-repeat center/contain;
  }
}
body.page-history section.history .history_box .history_box_1 .history_box_1_1.pv::after {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  left: calc(50% + 10rem);
  bottom: -192rem;
  width: 1783rem;
  height: 258rem;
  background: url("../images/history_14.svg") no-repeat center/contain;
  pointer-events: none;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 .history_box_1_1.pv::after {
    left: calc(50% + -4rem);
    bottom: -254rem;
    width: 745rem;
    height: 352rem;
    background: url("../images/history_14_sp.svg") no-repeat center/contain;
  }
}
body.page-history section.history .history_box .history_box_1 .history_box_1_1.other::after {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  left: calc(50% + 10rem);
  bottom: -122rem;
  width: 1704rem;
  height: 166rem;
  background: url("../images/history_15.svg") no-repeat center/contain;
  pointer-events: none;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 .history_box_1_1.other::after {
    left: calc(50% + -4rem);
    bottom: -299rem;
    width: 745rem;
    height: 352rem;
    background: url("../images/history_15_sp.svg") no-repeat center/contain;
  }
}
body.page-history section.history .history_box .history_box_1 .icon {
  position: absolute;
  z-index: 2;
  left: 50rem;
  top: -90rem;
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 .icon {
    left: 37rem;
  }
}
body.page-history section.history .history_box .history_box_1 .icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 300rem;
  height: 150rem;
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 .icon::before {
    width: 230rem;
    height: 139rem;
  }
}
body.page-history section.history .history_box .history_box_1 .icon.tv::before {
  background: url("../images/history_icon_tv.png") no-repeat center/contain;
}
body.page-history section.history .history_box .history_box_1 .icon.film::before {
  background: url("../images/history_icon_film.png") no-repeat center/contain;
}
body.page-history section.history .history_box .history_box_1 .icon.cm::before {
  background: url("../images/history_icon_cm.png") no-repeat center/contain;
}
body.page-history section.history .history_box .history_box_1 .icon.stage::before {
  background: url("../images/history_icon_stage.png") no-repeat center/contain;
}
body.page-history section.history .history_box .history_box_1 .icon.vcinema::before {
  background: url("../images/history_icon_vcinema.png") no-repeat center/contain;
}
body.page-history section.history .history_box .history_box_1 .icon.dvd::before {
  background: url("../images/history_icon_dvd.png") no-repeat center/contain;
}
body.page-history section.history .history_box .history_box_1 .icon.book::before {
  background: url("../images/history_icon_book.png") no-repeat center/contain;
}
body.page-history section.history .history_box .history_box_1 .icon.pv::before {
  background: url("../images/history_icon_pv.png") no-repeat center/contain;
}
body.page-history section.history .history_box .history_box_1 .icon.other::before {
  background: url("../images/history_icon_other.png") no-repeat center/contain;
}
body.page-history section.history .history_box .history_box_1 #history-container {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  body.page-history section.history .history_box .history_box_1 #history-container {
    width: 1200rem;
    margin-bottom: 100rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 #history-container {
    width: 600rem;
    margin-bottom: 100rem;
  }
}
body.page-history section.history .history_box .history_box_1 #history-container h2 {
  font-size: 63rem;
  font-weight: 900;
  margin-bottom: 20rem;
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 #history-container h2 {
    font-size: 38rem;
  }
}
body.page-history section.history .history_box .history_box_1 #history-container h2:not(:first-of-type) {
  margin-top: 90rem;
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 #history-container h2:not(:first-of-type) {
    margin-top: 60rem;
  }
}
body.page-history section.history .history_box .history_box_1 #history-container ul li {
  position: relative;
  font-weight: 900;
}
@media screen and (min-width: 769px) {
  body.page-history section.history .history_box .history_box_1 #history-container ul li {
    font-size: 24rem;
    line-height: 1.4;
    margin-bottom: 42rem;
    margin-left: 1em;
  }
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 #history-container ul li {
    font-size: 32rem;
    line-height: 1.6;
    margin-bottom: 49rem;
    margin-left: 1.5em;
  }
}
body.page-history section.history .history_box .history_box_1 #history-container ul li::before {
  content: "";
  position: absolute;
  left: -1.5em;
  top: 0.3em;
  background: url("../images/history_icon_1.svg") no-repeat center/contain;
  width: 0.7em;
  height: 0.7em;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  body.page-history section.history .history_box .history_box_1 #history-container p {
    font-size: 24rem;
    line-height: 2;
    margin-bottom: 42rem;
    font-weight: 900;
  }
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 #history-container p {
    font-size: 28rem;
    line-height: 2;
    margin-bottom: 42rem;
    font-weight: 900;
  }
}
body.page-history section.history .history_box .history_box_1 .gototop {
  position: relative;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  left: calc(50% + 0rem);
  display: block;
}
@media screen and (min-width: 769px) {
  body.page-history section.history .history_box .history_box_1 .gototop {
    width: 354rem;
    margin-bottom: 100rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-history section.history .history_box .history_box_1 .gototop {
    width: 300rem;
    margin-bottom: 70rem;
  }
}
body.page-gallery main.site-main {
  background: url("../images/bg_1.jpg") repeat top center;
}
body.page-gallery section.gallery {
  position: relative;
}
@media screen and (min-width: 769px) {
  body.page-gallery section.gallery {
    padding-top: 316rem;
    padding-bottom: 110rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-gallery section.gallery {
    padding-top: 256rem;
    padding-bottom: 55rem;
  }
}
body.page-gallery section.gallery .inner {
  width: 1540rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  body.page-gallery section.gallery .inner {
    width: 690rem;
  }
}
body.page-gallery section.gallery .gallery_box .gallery_box_1 {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_1 {
    width: 644rem;
    margin-bottom: -20rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_1 {
    width: 378rem;
    margin-bottom: -17rem;
  }
}
@media screen and (min-width: 769px) {
  body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_2 {
    width: 465rem;
    margin-bottom: 137rem;
  }
}
@media screen and (max-width: 768px) {
  body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_2 {
    width: 288rem;
    margin-bottom: 170rem;
  }
}
body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_box_1_1 #gallery-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 40rem;
}
@media screen and (max-width: 768px) {
  body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_box_1_1 #gallery-container {
    gap: 100rem;
  }
}
body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_box_1_1 #gallery-container .gallery-item {
  position: relative;
}
@media screen and (min-width: 769px) {
  body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_box_1_1 #gallery-container .gallery-item {
    width: 480rem;
    margin-bottom: 18rem;
  }
}
body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_box_1_1 #gallery-container .gallery-item .image_box {
  margin-bottom: 13rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_box_1_1 #gallery-container .gallery-item .image_box {
    margin-bottom: 29rem;
  }
}
body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_box_1_1 #gallery-container .gallery-item .image_box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_box_1_1 #gallery-container .gallery-item .image_box::after {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  top: calc(50% + 0px);
  left: calc(50% + 0px);
  width: 155rem;
  height: 124rem;
  background: url("../images/gallery_3.svg") no-repeat center/contain;
  opacity: 0;
  transition: opacity 0.3s ease;
}
body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_box_1_1 #gallery-container .gallery-item:hover .image_box {
  position: relative;
}
body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_box_1_1 #gallery-container .gallery-item:hover .image_box::before {
  opacity: 1;
}
body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_box_1_1 #gallery-container .gallery-item:hover .image_box::after {
  opacity: 1;
}
body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_box_1_1 #gallery-container .gallery-item .gallery_inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_box_1_1 #gallery-container .gallery-item .gallery_inner img {
  width: 480rem;
  height: 270rem;
}
@media screen and (max-width: 768px) {
  body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_box_1_1 #gallery-container .gallery-item .gallery_inner img {
    width: 690rem;
    height: 387rem;
  }
}
body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_box_1_1 #gallery-container .gallery-item .gallery_inner .title {
  text-align: left;
  font-size: 20rem;
  font-weight: 900;
  margin-bottom: 13rem;
}
@media screen and (max-width: 768px) {
  body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_box_1_1 #gallery-container .gallery-item .gallery_inner .title {
    font-size: 30rem;
  }
}
body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_box_1_1 #gallery-container .gallery-item .gallery_inner .date {
  font-size: 18rem;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  body.page-gallery section.gallery .gallery_box .gallery_box_1 .gallery_box_1_1 #gallery-container .gallery-item .gallery_inner .date {
    font-size: 29rem;
  }
}