@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*MVのキャッチ*/
@media (min-width: 600px) {
    .p-mainVisual__slideTitle {
        font-size: 30px;
    }
	.p-mainVisual__slideText {
        font-size: 17px;
    }
}


/*ボディ上部の余白削除*/
.top #content {
    padding-top: 0em;
}

/*ボディ下部の余白削除・固定ページのボディ上部の余白削除*/
.l-content {
    margin: 0 auto 1em;
	padding-top: 1em;
}

/*固定ページのh1のカスタマイズ*/
.l-topTitleArea {
    background-color: #1F3A5F;
}

@media screen and (max-width: 959px) {
    .l-topTitleArea {
        min-height: 100px;
    }
}
@media (min-width: 600px) {
  .l-topTitleArea {
    min-height: 129px;
  }
}

.l-topTitleArea.c-filterLayer::before,
.l-topTitleArea.c-filterLayer::after {
  display: none;
}

.l-topTitleArea__img {
  display: none;
}

.l-topTitleArea {
  background-color: #1F3A5F;
}

.l-topTitleArea h1.c-pageTitle {
  color: #ffffff
}

.l-topTitleArea h1.c-postTitle__ttl {
  color: #ffffff
}

/*トップのスライダー*/
.loop-slider {
    display: flex;
    overflow: hidden;
    gap: 0rem; /* 画像間の余白を指定 */
}

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

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

.loop-slider .swell-block-column figure {
    width: 600px; /* 画像の横幅を指定（パソコン） */
    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%;
    transform: translate(-50%, -50%);
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 959px) {
    .loop-slider .swell-block-column figure {
        width: 200px; /* 画像の横幅を指定（スマホ） */
    }
}

@keyframes infinity-scroll-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

/*トップのお問合せ・ご予約はこちら*/
 wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained top-contact{
	background-color:#F1E7E2;
}

/*フッターの見出しの下線カラー変更*/
.c-widget__title.-footer::before {
	background-color: var(--color_main) !important;
}

/*カラバリのswellボタンのアイコンカラー変更*/
.btn-icon svg.__icon {
	fill: #333;
}

/*カラバリEのswellボタンのアイコンカラー変更*/
.btn-icon-red svg.__icon {
	fill: #0D0D0D;
}