@charset "UTF-8";
body {
  font-family: "Work Sans", "Noto Sans JP", sans-serif;
}

/*ヘッダー*/
.l-header-row, .l-header-menu-fixed-logo {
  background-color: rgba(255, 255, 255, 0.85) !important;
}
.l-header_phone a {
  display: inline-grid;
  grid-auto-flow: column;
  grid-template-columns: 1.5em 1fr;
  align-items: start;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  vertical-align: middle;
}
.l-header_phone a::before {
  display: block;
  width: 1.5em;
  height: 1.5em;
  background-color: #002941;
  content: "";
}
.l-header_phone a {
  flex-direction: row !important;
  align-items: center;
  height: auto !important;
  padding-left: 1em !important;
  padding-right: 1em !important;
  background-color: #fff;
  border-radius: 2em;
}
.l-header_phone a span {
  font-weight: 700;
  font-size: 130%;
  letter-spacing: -0.025em;
}
.l-header_phone a::before {
  -webkit-mask-image: url("/wordpress/wp-content/site-parts/common/icon/phone.svg");
          mask-image: url("/wordpress/wp-content/site-parts/common/icon/phone.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
@media (max-width: 767px) {
  .l-header_phone {
    display: none;
  }
}
.l-header_phone:hover a::before {
  background-color: #70a7d5;
}

/*ドロワーメニュー*/
.drawer-menu .ncButton_btn::before {
  content: none;
}

/*セクションヘッダー*/
.c-section-widget:not(#content_box_section-3) .c-section-widget__header {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.c-section-widget:not(#content_box_section-3) .c-section-widget__title {
  order: 1;
  color: #a9cee3;
}
.c-section-widget:not(#content_box_section-3) .c-section-widget__sub-title {
  color: #fff;
  font-size: min(7cqw, 100px);
  letter-spacing: -0.01em;
  color: #fff;
}
@media (max-width: 767px) {
  .c-section-widget:not(#content_box_section-3) .c-section-widget__sub-title {
    font-size: 13cqw;
  }
}

/*ボタン*/
.ncButton_btn,
.viewmore {
  font-weight: 700;
  transition: 0.3s ease;
}
.ncButton_btn:hover,
.viewmore:hover {
  transform: translateY(2px);
}

.ncButton_btn {
  background-color: transparent;
  border: 1px solid #021b2f;
  border-radius: 2em;
  color: #021b2f;
}
.ncButton_btn::before {
  content: "●";
  margin-right: 1em;
  font-size: 50%;
  color: #021b2f;
}
.ncButton_btn.-white {
  border-color: #fff;
  color: #fff;
}
.ncButton_btn.-white::before {
  color: #fff;
}
.ncButton_btn.-dl {
  border-color: #2a90df;
  color: #2a90df;
}
.ncButton_btn.-dl::before {
  color: #2a90df;
}

.viewmore {
  margin-top: 1em;
  margin-bottom: 0;
  font-weight: 700;
}
.viewmore a {
  display: inline-flex;
  align-items: center;
  border-bottom: solid 1px #002941;
  font-weight: 700;
}
.viewmore a::after {
  content: "●";
  margin-left: 0.5em;
  font-size: 70%;
}

/*フッターセクション*/
#shortcod_section-19 {
  background: linear-gradient(to bottom, transparent 0%, transparent 55%, #021b2f 55%, #021b2f 100%);
}
@media (max-width: 767px) {
  #shortcod_section-19 .c-section-widget__inner {
    padding: 5cqw;
  }
}
@media (min-width: 1200px) {
  #shortcod_section-19 .c-section-widget__inner {
    width: 1180px;
  }
}
@media (min-width: 768px) {
  #shortcod_section-19 .c-section-widget__inner {
    margin: 4.85cqw auto;
    padding: 4.85cqw;
  }
}
#shortcod_section-19 .c-section-widget__inner {
  background-image: url("/wordpress/wp-content/site-parts/common/img/footersection_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}
#shortcod_section-19 .l-content-widget {
  width: 100%;
}
#shortcod_section-19 .wrapper-column {
  justify-content: space-around;
}
#shortcod_section-19 .shortcod-content {
  text-align: center;
  color: #fff;
}
#shortcod_section-19 .shortcod-content:last-of-type .phonenumber {
  grid-template-columns: 2.5em 1fr;
  align-items: center;
  font-weight: 700;
  letter-spacing: -0.05em;
}
#shortcod_section-19 .shortcod-content:last-of-type .phonenumber span,
#shortcod_section-19 .shortcod-content:last-of-type .phonenumber a {
  color: #fff !important;
  line-height: 1;
}
@media (min-width: 768px) {
  #shortcod_section-19 .shortcod-content:last-of-type .phonenumber span,
  #shortcod_section-19 .shortcod-content:last-of-type .phonenumber a {
    font-size: 300%;
  }
}
@media (max-width: 767px) {
  #shortcod_section-19 .shortcod-content:last-of-type .phonenumber span,
  #shortcod_section-19 .shortcod-content:last-of-type .phonenumber a {
    font-size: 10cqw;
  }
}
#shortcod_section-19 .shortcod-content:last-of-type .phonenumber::before {
  background-color: #2a90df;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
}

/*フッター*/
.l-footer__inner {
  padding-bottom: 0;
}
.l-footer .wrapper-column > div:nth-of-type(2) {
  display: flex;
}
.l-footer .wrapper-column > div:nth-of-type(2) .widget .menu {
  display: flex;
  flex-wrap: wrap;
}
.l-footer .wrapper-column > div:nth-of-type(2) .widget .menu-item {
  width: 50%;
}
.l-footer .wrapper-column > div:nth-of-type(3) dt {
  font-size: 150%;
}
.l-footer .wrapper-column > div:nth-of-type(3) dd:not(:last-of-type) {
  padding-bottom: 2cqw;
  margin-bottom: 2cqw;
  border-bottom: 1px solid #fff;
}
@media (max-width: 767px) {
  .l-footer .wrapper-column > div:nth-of-type(3) dt,
  .l-footer .wrapper-column > div:nth-of-type(3) dd {
    margin-top: 1.5em;
    margin-bottom: 1em;
  }
}
.l-footer .footer-menu__inner {
  padding-bottom: 0;
}

/********************
* 下層ページ *
********************/
/*アイキャッチ*/
.article-header-full-width {
  height: auto !important;
  aspect-ratio: 1400/280;
  background: linear-gradient(to bottom right, #004d79, #00273d);
}
.article-header-full-width__thumbnail {
  background-image: url("/wordpress/wp-content/site-parts/common/img/bg_mark.svg") !important;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  .article-header-full-width__thumbnail {
    background-position: left 50px bottom -20px;
  }
}
.article-header-full-width__inner {
  color: #fff;
  font-weight: 700;
}

@media (min-width: 768px) {
  .posttype-title {
    margin-bottom: 0;
    font-size: 317% !important;
  }
  .posttype-title__sub {
    font-size: 203% !important;
  }
}

/*セクションタイトル（h2）*/
@media (min-width: 768px) {
  .sec_header {
    margin-bottom: 3em;
  }
}
.sec_title {
  color: #fff;
  text-align: center;
}
@media (min-width: 768px) {
  .sec_title {
    font-size: 30px;
  }
}
.sec_title::after {
  content: "";
  display: block;
  width: 76px;
  height: 13px;
  margin: 15px auto;
  background: linear-gradient(to right, #70a7d5, #143d5d);
}
.sec_title.cl-primary {
  color: #002941;
}
.sec_description {
  margin-top: 4em;
}

/*データリスト*/
.data {
  display: flex;
  border-bottom: solid 1px #002941;
  padding: 0.8em;
  margin-top: 0 !important;
}
.data_field {
  display: flex;
  justify-content: space-between;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
}
.data_field span {
  display: block;
  width: 100%;
  text-align: center;
}
.data_field::after {
  content: "／";
  color: #2a90df;
}
.data_record {
  flex-shrink: 1;
  flex-grow: 1;
  width: auto;
}
@media (min-width: 768px) {
  .data .data_field {
    width: 11em;
  }
  .data .data_record {
    padding-left: 4em;
  }
}
@media (max-width: 767px) {
  .data .data_field {
    width: 7em;
  }
  .data .data_record {
    padding-left: 0.5em;
  }
}

/*パンくず*/
.breadcrumb__item {
  color: #fff;
}
.breadcrumb__item a {
  color: #fff !important;
}

/*****************************
** 下層ページ背景パターン
*****************************/
.bg-light-g {
  background-color: #9fa3a8;
}

/*斜めカット*/
.bg-slash {
  padding-top: 0cqw !important;
}
.bg-slash.bg-slash::before {
  height: 0;
}
.bg-slash.bg-slash::after {
  top: 0;
}

.bg-slash {
  container-type: inline-size;
  position: relative;
}
.bg-slash::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100vw;
  aspect-ratio: 970/50;
  background-color: #575f67;
}
.bg-slash::after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 2;
  display: block;
  width: 100vw;
  aspect-ratio: 970/100;
  -webkit-mask-image: url("/wordpress/wp-content/site-parts/common/img/bg-triangle.svg");
          mask-image: url("/wordpress/wp-content/site-parts/common/img/bg-triangle.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-size: 100% 100% !important;
          mask-size: 100% 100% !important;
}
.bg-slash-g::after {
  background-color: #575f67;
}
.bg-slash-lg::after {
  background-color: #9fa3a8;
}
.bg-slash-alternate::after {
  transform: scaleX(-1);
}
.bg-slash .content-width {
  position: relative;
}
.bg-slash .sec_header {
  position: relative;
  z-index: 3;
}

/*四角差し込み*/
.bg-rectangle::after {
  height: 100%;
  top: 0;
}

.bg-rectangle {
  container-type: inline-size;
  position: relative;
}
.bg-rectangle::after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 2;
  display: block;
  background-color: rgba(231, 232, 234, 0.5);
}
@media (min-width: 768px) {
  .bg-rectangle::after {
    width: 95vw;
  }
}
@media (max-width: 767px) {
  .bg-rectangle::after {
    width: 100%;
  }
}
.bg-rectangle-alternate::after {
  left: auto;
  right: 0;
}
.bg-rectangle .content-width, .bg-rectangle > * {
  position: relative;
  z-index: 3;
}

/*レンタル商品スライダー*/
.service-list {
  margin: 5cqw auto;
}
.service-list .splide {
  width: 100%;
}
.service-list .splide__slide {
  position: relative;
}
.service-list .splide__slide picture {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  height: 100%;
}
.service-list .splide__slide picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.service-list .splide__slide .text {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 2cqw;
}
.service-list .splide__slide .text p::before {
  content: "●";
  margin: 0.5em;
  color: #70a7d5;
  font-size: 50%;
}
.service-list .splide__slide .text h3 {
  font-size: 150%;
}
@media (min-width: 768px) {
  .service-list .splide__list {
    container-type: inline-size;
    transform: none !important;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 4cqw;
    width: 100%;
  }
  .service-list .splide__slide {
    width: 30cqw !important;
    margin: 0 !important;
    padding: 0;
  }
}

/*.service-list {
    margin: 5cqw auto;

    .ncSlider {
        @include mr-small {
            width: 100%;

            &__track {
                flex-wrap: wrap;
                justify-content: space-between;
                gap: 5cqw;
                width: 100%;
            }
            &__item {
                flex-basis: 30cqw;
            }
        }

        &__item {
            position: relative;
            aspect-ratio: 1/1;

            picture {
                width: 100%;
                height: 100%;

                img {
                    object-fit: cover;
                    max-width: initial;
                    height: 100%;
                }
            }

            .text {
                position: absolute;
                bottom: 0;
                left: 0;
                // z-index: 100;
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
                width: 100%;
                height: 100%;
                padding: 2cqw;

                p {
                    &::before {
                        content: '●';
                        margin: 0.5em;
                        color: $cl-primary-l;
                        font-size: 50%;
                    }
                }

                h3 {
                    font-size: 150%;
                }
            }
        }
    }
}*/
[class*=animation_fade--] {
  transition-duration: var(--duration, 1s);
  opacity: 0;
  transition-property: transform, opacity;
  transition-timing-function: ease-out;
  will-change: transform, opacity;
}

[class*=animation_fade--right] {
  transform: translateX(50px);
}

[class*=animation_fade--left] {
  transform: translateX(-50px);
}

[class*=animation_fade--up] {
  transform: translateY(50px);
}

[class*=animation_fade--dow] {
  transform: translateY(-50px);
}

[class*=animation_fade--in] {
  transform: translateX(0);
}

.is-animated {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
  visibility: visible !important;
}/*# sourceMappingURL=style.css.map */