@charset "UTF-8";
.l-topTitleArea {
  min-height: 200px;
}
@media screen and (min-width: 600px) {
  .l-topTitleArea {
    min-height: 30px;
  }
}
@media screen and (min-width: 960px) {
  .l-topTitleArea {
    min-height: 400px;
  }
}

.c-pageTitle {
  font-size: 2.3em;
  color: #1982c8;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.9), 0 0 15px rgba(255, 255, 255, 0.7), 2px 2px 4px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 600px) {
  .c-pageTitle {
    font-size: 4.8em;
  }
}
@media screen and (min-width: 960px) {
  .c-pageTitle {
    font-size: 5.5em;
  }
}

.p-breadcrumb {
  padding: 8px 0 24px;
}

.loop-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  gap: 1.5rem; /* 画像間の余白を指定 */
}

.loop-slider .wp-block-group__inner-container,
.loop-slider .swell-block-columns {
  display: contents;
}

.loop-slider .swell-block-columns__inner {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-animation: infinity-scroll-left 70s infinite linear;
          animation: infinity-scroll-left 70s infinite linear; /* アニメーションの時間を指定 */
}

.loop-slider .swell-block-column figure {
  width: 500px; /* 画像の横幅を指定（パソコン） */
  position: relative;
}

.loop-slider .swell-block-column figure::before {
  padding-top: 65%; /* 画像の縦横比を指定 */
  display: block;
  content: "";
}

.loop-slider .swell-block-column figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media screen and (max-width: 959px) {
  .loop-slider .swell-block-column figure {
    width: 200px; /* 画像の横幅を指定（スマホ） */
  }
}
@-webkit-keyframes infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}