/*
Theme Name: Auto Tech Base Shonan Theme
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: auto-tech-base-shonan-theme
Tags: 
*/


/* フォントサイズ */
h1 {
    font-size: clamp(2.5rem, 2.3786rem + 0.5178vw, 3rem);
    text-align: justify;
}
h2 {
    font-size: clamp(2rem, 1.8786rem + 0.5178vw, 2.5rem);
    text-align: justify;
}
h3 {
    font-size: clamp(1.5rem, 1.3786rem + 0.5178vw, 2rem);
    text-align: justify;
}
h4 {
    font-size: clamp(1.25rem, 1.1893rem + 0.2589vw, 1.5rem);
    text-align: justify;
}
h5 {
    font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
    text-align: justify;
}
h6 {
    font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
    text-align: justify;
}
p {
    font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
    text-align: justify;
}
a {
    font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
    text-align: justify;
}

/* ヘッダー */
header {

    /* 画面上部に固定する（共通） */
    position: sticky;
    top: 0;
    left: 0;
    z-index: 999;

    /* 背景色の透明度を薄くする（共通） */
    .has-modal-open.is-menu-open {
        background: linear-gradient(rgba(255, 255, 255, 1),rgba(255, 255, 255, 0.95)) !important;
	}
	
	/* スクロール後にJavaScriptで追加されるクラス（共通） */
	.header-scrolled {
		background-color: rgba(255, 255, 255, 0.95) !important;
		transition: background-color 0.4s ease-in-out !important;
	}

	/* ハンバーガーメニューのボタンサイズを指定（共通） */
	.wp-block-navigation__responsive-container-open {
		background-image: url('/wp-content/uploads/2025/09/menu-open-sp.svg');
		background-repeat: no-repeat;
		background-size: 37.5px 21.25px;
		width: 37.5px;
		height: 21.25px;
		svg {
			display: none !important;
		}
	}
	
    /* ハンバーガーメニューの閉じるボタンとメニューの間の余白を大きくとる（共通） */
    .has-modal-open.is-menu-open {
        .wp-block-navigation__responsive-container-content {
            padding-top: var(--wp--preset--spacing--80) !important;
			ul {
				gap: inherit !important;
			}
        }
    }

    /* ハンバーガーメニューの閉じるボタン左側にサイトロゴを入れる（共通） */
    .wp-block-navigation__responsive-container-close {
        display: flex;
        width: 100% !important;
        height: auto;
        align-items: center;
        justify-content: space-between;
    }
    .wp-block-navigation__responsive-container-close::before {
        content: '';
        display: inline-block;
        background-image: url(/wp-content/uploads/2025/08/site-logo-01.png);
        background-size: contain;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
    @media (max-width: 500px) {
        .wp-block-navigation__responsive-container-close::before {
            width: 207.89px;
            height: 40px;
        }
    }
    @media (min-width: 501px) {
        .wp-block-navigation__responsive-container-close::before {
            width: 320px;
            height: 60px;
        }
    }

    /* PC・タブレット版のみ */
    @media (min-width: 501px) {

        /* スマホ以外では電話を鳴らさない（PC・タブレット版） */
        a[href^="tel:"] {
            pointer-events: none;
        }
    }

    /* スマホ・タブレット版 */
    @media (max-width: 1280px) {

        /* ハンバーガーメニューを表示（スマホ・タブレット版） */
        .wp-block-navigation__responsive-container.has-text-color.has-background.has-base-background-color {
            display: none;

            /* 閉じるボタンのサイズを調整（スマホ・タブレット版） */
            .wp-block-navigation__responsive-container-close {
                width: 21px;
                height: 21px;
                svg {
                    width: 21px;
                    height: 21px;
                }
            }

            /* メニューの幅を広げる（スマホ・タブレット版） */
            .wp-block-navigation__container.has-text-color.is-responsive.items-justified-center.wp-block-navigation.has-noto-sans-jp-font-family {
                width: 100%;
            }
        }
        .has-modal-open.is-menu-open {
            display: block !important;
            .wp-block-navigation__responsive-close {
                max-width: 96%;
                margin-left: auto;
                margin-right: auto;
                padding-top: 17.955px;
            }
        }
        .wp-block-navigation__responsive-container-open {
            display: block !important;
        }

        /* 「お見積り・お問合せ」ボタンを非表示（スマホ・タブレット版） */
        .orange-button-01 {
            display: none;
        }

        /* スマホ版 */
        @media (max-width: 500px) {
			
			/* ヘッダーの横幅を調整（スマホ版） */
			.wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-block-group-is-layout-flex {
				max-width: 88% !important;
				padding-top: var(--wp--preset--spacing--30) !important;
    			padding-bottom: var(--wp--preset--spacing--30) !important;
			}

            /* サイトのロゴのサイズをPC版よりも小さくする（スマホ版） */
            .wp-block-site-logo {
                img {
                    max-width: 207.89px;
                    width: 100%;
                }
            }

            /* ハンバーガーメニューの上部に余白を加える（スマホ版） */
            .has-modal-open.is-menu-open {
                .wp-block-navigation__responsive-close {
                    padding-top: 7.46px;
                }
            }
        }
    }
}

/* フッター */
footer {

    /* 「お気軽にお問い合わせください」とフッターの間の余白をなくす（共通） */
    margin-block-start: 0;

    /* Googleマップを調整（共通） */
    .footer-googlemap {
        aspect-ratio: 33 / 13;
        width: 100%;
        iframe {
            aspect-ratio: 33 / 13;
            max-width: 100%;
            width: 100%;
        }
    }

    /* 画像を上下中央ぞろえにする */
    figure {
        img {
            display: block;
            margin-top: auto;
            margin-bottom: auto;
        }
    }

    /* メニュー名を折り返さない（共通） */
    .footer-menu-01 {
        p.has-text-align-center {
            white-space: nowrap;
        }
    }
    .footer-menu-02 {
        width: 95%;
        p.has-text-align-center {
            white-space: nowrap;
        }
    }

    /* 運営会社・プライバシーポリシー・コピーライト */
    .privacy-copyright {

        /* フォントサイズをすべての端末で同じにする（共通） */
        .wp-container-core-group-is-layout-d4530fce {
            p {
                font-size: 1rem;
            }
        }
    }
	
	/* フッターの電話番号のフォントサイズを指定（共通） */
	.footer-tel-number {
		h4 {
			font-size: clamp(1.375rem, 1.3447rem + 0.1294vw, 1.5rem) !important;
		}
		a {
			font-size: clamp(1.375rem, 1.3447rem + 0.1294vw, 1.5rem) !important;
		}
	}
    
	/* PC・タブレット版 */
	@media (min-width: 501px) {

		.privacy-copyright {

			/* コピーライトを上下中央ぞろえにする（共通） */
			.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
				position: relative;
				
				p.has-text-align-right {
					display: inline-block !important;
					width: 100%;
					position: absolute;
					top: 50%;
					transform: translateY(-50%);
				}
			}

			/* コピーライトを改行しない（PC・タブレット版） */
			p.has-text-align-right {
				br {
					display: none;
				}
			}
		}
	}

    /* PC・タブレット版（Air・Pro） */
    @media (min-width: 801px) {

        /* 区切り線を非表示にする（PC・タブレット版（Air・Pro）） */
        hr {
            display: none;
        }

        /* メニューを非表示（PC・タブレット版（Pro）） */
        .footer-menu-02 {
            display: none;
        }
    }

    /* タブレット版（mini） */
    @media (max-width: 800px) {

        /* メニューを非表示（タブレット（Air・mini）・スマホ版） */
        .footer-menu-01 {
            display: none;
        }

        /* 住所の段落ブロックを左右中央に配置（タブレット版（mini）・モバイル版） */
        .address-footer {
            p {
                line-height: 1.6 !important;
            }
        }

        /* 運営会社・プライバシーポリシー・コピーライト */
        .privacy-copyright {

            /* 横並びにする（タブレット版（mini）） */
            .wp-block-columns.alignwide.is-layout-flex.wp-block-columns-is-layout-flex {
                flex-wrap: nowrap !important;
            }
        }

        /* モバイル版 */
        @media (max-width: 500px) {

            /* 住所の段落ブロックを左右中央に配置（モバイル版） */
            .address-footer {
                width: fit-content;
                margin-left: auto;
                margin-right: auto;
            }

            /* Googleマップを調整（モバイル版） */
            .footer-googlemap {
                aspect-ratio: 670 / 383;
                iframe {
                    aspect-ratio: 670 / 383;
                }
            }

            /* 運営会社・プライバシーポリシー・コピーライト */
            .privacy-copyright {

                /* 縦並びにする（モバイル版） */
                .wp-block-columns.alignwide.is-layout-flex.wp-block-columns-is-layout-flex {
                    flex-wrap: wrap !important;

                    /* 要素を両端に広げる（モバイル版） */
                    .wp-container-core-group-is-layout-d4530fce {
                        justify-content: space-between;
                    }

                    /* 中央ぞろえにする（モバイル版） */
                    p.has-text-align-right {
                        text-align: center;
                    }
                    
                }
            }
        }
    }

}

/* 青いボタン（共通） */
.blue-button-01 {
    width: clamp(15rem, 13.7864rem + 5.178vw, 20rem);
    height: auto;
    margin-right: auto !important;
    margin-left: auto !important;
    h6 {
        white-space: nowrap;
        font-size: clamp(0.875rem, 0.8143rem + 0.2589vw, 1.125rem) !important;
    }
    .button-arrow-blue {
        aspect-ratio: 1 / 1;
        width: 36px !important;
        height: 36px !important;
        display: flex;
        align-items: center;
		position: relative;
        .wp-block-font-awesome-icon.wp-font-awesome-icon {
            aspect-ratio: 1 / 1;
            width: 36px;
            border-radius: 50%;
            position: absolute;
			top: 50%;
			left: 50%;
			transform: translateY(-50%) translateX(-50%);
			/* transition: opacity 0.3s ease-in-out; */
            svg {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translateY(-50%) translateX(-50%);
                width: 12px !important;
                height: 12px;
            }
        }
		/* .arrow-img {
			opacity: 1;
		} */
		.circle-img {
			display: none;
			/* margin-top: 0;
			opacity: 0; */
		}
    }
}
.blue-button-01:hover {
    .button-arrow-blue {
        .wp-block-font-awesome-icon.wp-font-awesome-icon {
			width: 32px !important;
			height: 32px !important;
			background-color: #EBF6FD !important;
            color: var(--wp--preset--color--primary) !important;
			/* transition: opacity 0.3s ease-in-out;
            svg {
                width: 8px !important;
				height: 8px;
            } */
        }
		/* .arrow-img {
			opacity: 0;
		}
		.circle-img {
			opacity: 1;
		} */
    }
}

/* オレンジのボタン */
.orange-button-01 {
	h6 {
		font-size: clamp(0.875rem, 0.8143rem + 0.2589vw, 1.125rem) !important;
	}
	.button-arrow-orange {
		aspect-ratio: 1 / 1;
		width: 36px !important;
		height: 36px !important;
		display: flex;
		align-items: center;
		position: relative;
		.wp-block-font-awesome-icon.wp-font-awesome-icon {
			aspect-ratio: 1 / 1;
			width: 36px;
			border-radius: 50%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translateY(-50%) translateX(-50%);
			/* transition: opacity 0.3s ease-in-out; */
			svg {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translateY(-50%) translateX(-50%);
				width: 12px !important;
				height: 12px;
			}
		}
		/* .arrow-img {
			opacity: 1;
		} */
		.circle-img {
			display: none;
			/* margin-top: 0;
			opacity: 0; */
		}
	}
}
.orange-button-01:hover {
	.button-arrow-orange {
		.wp-block-font-awesome-icon.wp-font-awesome-icon {
			width: 32px !important;
			height: 32px !important;
			background-color: #FCE0D0 !important;
			/* transition: opacity 0.3s ease-in-out; */
			svg {
				color: #C35416 !important;
				/* width: 8px !important;
				height: 8px; */
			}
		}
		/* .arrow-img {
			opacity: 0;
		}
		.circle-img {
			opacity: 1;
		} */
	}
}
.orange-button-02 {
	h6 {
		font-size: clamp(0.875rem, 0.8143rem + 0.2589vw, 1.125rem) !important;
	}
	.button-arrow-orange {
		aspect-ratio: 1 / 1;
		width: 36px !important;
		height: 36px !important;
		display: flex;
		align-items: center;
		position: relative;
		.wp-block-font-awesome-icon.wp-font-awesome-icon {
			aspect-ratio: 1 / 1;
			width: 36px;
			border-radius: 50%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translateY(-50%) translateX(-50%);
			/* transition: opacity 0.3s ease-in-out; */
			svg {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translateY(-50%) translateX(-50%);
				width: 12px !important;
				height: 12px;
			}
		}
		/* .arrow-img {
			opacity: 1;
		} */
		.circle-img {
			display: none;
			/* margin-top: 0;
			opacity: 0; */
		}
	}
	figure {
        img {
            display: block;
            margin-top: auto;
            margin-bottom: auto;
        }
    }
}
.orange-button-02.has-link.tel-number {
	h3 {
		display: inline-block !important;
		font-size: clamp(1.375rem, 0.9958rem + 1.6181vw, 2.9375rem) !important;
	}
	a {
		font-size: clamp(1.375rem, 0.9958rem + 1.6181vw, 2.9375rem) !important;
	}
}
.orange-button-02:hover {
	.button-arrow-orange {
		.wp-block-font-awesome-icon.wp-font-awesome-icon {
			width: 32px !important;
			height: 32px !important;
			background-color: #FCE0D0 !important;
			transition: opacity 0.3s ease-in-out;
			svg {
				color: #C35416 !important;
				/* width: 8px !important;
				height: 8px; */
			}
		}
		/* .arrow-img {
			opacity: 0;
		}
		.circle-img {
			opacity: 1;
		} */
	}
}
.orange-button-03 {
    width: 100%;
    .wp-block-navigation-item__content {
        display: flex;
        flex-direction: column-reverse;
        gap: var(--wp--preset--spacing--20);
        width: 100%;
        text-align: center;
        .wp-block-navigation-item__label {
            align-items: center;
            display: flex;
            box-sizing: border-box;
            width: 85%;
            height: 48px;
            background-color: var(--wp--preset--color--secondary);
            color: var(--wp--preset--color--base);
            border-radius: 50px;
            padding-right: var(--wp--preset--spacing--30);
            padding-left: var(--wp--preset--spacing--60);
            margin-right: auto;
            margin-left: auto;
            position: relative;
        }
        .wp-block-navigation-item__label::after {
            font-family: FontAwesome;
            font-size: 12px;
            content: '\f061';
            width: 36px !important;
            height: 36px !important;
            background-color: #db7338 !important;
            color: var(--wp--preset--color--base) !important;
            border-radius: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            right: var(--wp--preset--spacing--30);
            top: 50%;
            transform: translateY(-50%);
			/* transition: all 0.3s ease-in-out; */
        }
        .wp-block-navigation-item__description {
            display: inline-block;
            font-family: var(--wp--preset--font-family--noto-sans-jp);
            font-size: 15px;
            font-weight: 700;
            letter-spacing: 0px;
            line-height: 1.9;
        }
        /* ボタンのサイズを小さめにする（Web）（タブレット・スマホ版） */
        @media (max-width:1280px) and (min-width: 1001px) {
            .wp-block-navigation-item__label {
                width: 32%;
            }
        }
        @media (max-width:1000px) and (min-width: 501px) {
            .wp-block-navigation-item__label {
                width: 40%;
            }
        }
    }
    .wp-block-navigation-item__content:hover {
        text-decoration: none;
    }
}
.orange-button-03:hover {
    .wp-block-navigation-item__label::after {
        /* font-family: FontAwesome;
		font-size: 8px !important;
		content: '\f111' !important; */
        width: 32px !important;
        height: 32px !important;
        background-color: #FCE0D0 !important;
        color: #C35416 !important;
    }
} 
.web-contact-button {
    padding-top: var(--wp--preset--spacing--40) !important;
    border-top: 1px solid #E3E3E3;
    .wp-block-navigation-item__content {
        .wp-block-navigation-item__label {
            font-size: 15px;
        }
        .wp-block-navigation-item__label::before {
            content: url('/wp-content/uploads/2025/08/web-contact-img-01.svg');
            margin-right: var(--wp--preset--spacing--20);
            height: 18.65px;
			width: 31.82px;
        }
    }
}
.tel-contact-button {
    padding-top: var(--wp--preset--spacing--40) !important;
    padding-bottom: var(--wp--preset--spacing--50) !important;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    .wp-block-navigation-item__content {
        .wp-block-navigation-item__label {
            font-size: 22px;
        }
        .wp-block-navigation-item__label::before {
            content: url('/wp-content/uploads/2025/09/tel-contact-img-02.svg');
            margin-right: var(--wp--preset--spacing--20);
            width: 31.82px;
            height: 18.21px;
        }
    }
    .wp-block-navigation-item__content::before {
        content: '［ 営業時間：9:00〜18:00 ］';
        font-family: var(--wp--preset--font-family--noto-sans-jp);
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 1.6;
    }
}

/* PC・タブレット版 */
@media (min-width: 501px) {
	
	/* 「見積もり・お問合せフォーム」と電話番号ボタンを非表示（PC・タブレット版） */
	.contact-footer {
		.orange-button-02 {
			display: none !important;
		}
	}
}

/* PC版のみ */
@media (min-width: 1281px) {
	
	/* スマホ版のみ表示するボタンを非表示（PC版のみ） */
	.orange-button-03 {
		display: none !important;
	}
}

/* タブレット・スマホ版 */
@media (max-width: 1280px) {
	
	/* タブレット・スマホでは一部文章を非表示（タブレット・スマホ版） */
	.orange-button-text {
		display: none;
	}
	
	@media (max-width: 500px) {
		
		/* 「見積もり・お問合せフォーム」ボタンを非表示（スマホ版） */
		.contact-footer {
			.orange-button-01 {
                display: none !important;
            }
		}
	}
}

/* パンくずリスト */
.aioseo-breadcrumbs {

    /* パンくずリストを横並びにする（共通） */
    display: flex;
    gap: var(--wp--preset--spacing--30);

    /* フォントサイズ等指定（共通） */
    .aioseo-breadcrumb {
        color: var(--wp--preset--color--gray-03);
        font-family: var(--wp--preset--font-family--noto-sans-jp);
        font-size: clamp(0.75rem, 0.7197rem + 0.1294vw, 0.875rem);
        font-weight: 500;
        letter-spacing: 0.06em;
        line-height: 1.78;
        a {
            color: var(--wp--preset--color--gray-03);
            font-family: var(--wp--preset--font-family--noto-sans-jp);
            font-size: clamp(0.75rem, 0.7197rem + 0.1294vw, 0.875rem);
            font-weight: 500;
            letter-spacing: 0.06em;
            line-height: 1.78;
        }
    }
    .aioseo-breadcrumb-separator {
        color: var(--wp--preset--color--gray-03);
        font-family: var(--wp--preset--font-family--noto-sans-jp);
        font-size: clamp(0.75rem, 0.7197rem + 0.1294vw, 0.875rem);
        font-weight: 500;
        letter-spacing: 0.06em;
        line-height: 1.78;
    }

    /* 改行を非表示（共通） */
    br {
        display: none;
    }
}
.breadcrumbs-home-icon {
    img {
        display: block;
        margin-top: auto;
        margin-bottom: auto;
    }
}

/* スマホ版 */
@media (max-width: 500px) {

    /* パンくずリストを2行にする（スマホ版） */
    .breadcrumbs {
        align-items: normal !important;
        .aioseo-breadcrumbs {
            gap: var(--wp--preset--spacing--20) !important;
            flex-wrap:wrap; 
            .aioseo-breadcrumb {
                width: fit-content;
            }
            .aioseo-breadcrumb:last-of-type {
                width: 100%;
            }
        }
        figure {
            height: 21.35px !important;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
}

/* 「お気軽にお問い合わせください」パターン */
.contact-footer {
	h3.contact-heading {
		font-size: clamp(1.25rem, 1.068rem + 0.7767vw, 2rem) !important;
	}
}
.contact-footer-column {
    display: flex;
    flex-direction: column;

    /* フォントサイズを変更（共通） */
    /* h6 {
        font-size: clamp(0.875rem, 0.8143rem + 0.2589vw, 1.125rem) !important;
    } */

    /* アイコンを円にする（共通） */
    .contact-footer-icon {
        aspect-ratio: 1 / 1;
        max-width: 80px;
        width: 100%;
        height: auto;
        margin: 0 auto;
        z-index: 2;
        position: relative;
        
        /* 画像を上下中央ぞろえにする（共通） */
        figure {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            img {
                max-width: initial;
            }
        }
    }

    /* アイコンとお問い合わせ先が記載された図形を重ねる（共通） */
    .wp-container-core-group-is-layout-fb796d7e {
        margin-block-start: 0;
        margin-top: -6%;
        flex-grow: 1;
    }
    .wp-container-core-group-is-layout-ab138506 {
        margin-block-start: 0;
        margin-top: -6%;
    }

    @media (max-width: 1280px) {
        h1 {
            font-size: clamp(2rem, 1.8786rem + 0.5178vw, 2.5rem) !important;
        }
    }

}

/* PCとタブレットでは電話番号のリンクを無効にする（共通） */
a[href*="tel:"] {
	text-decoration: none;
}

/* PC・タブレット版 */
@media (min-width: 501px) {

    /* 2列で表示（PC・タブレット版） */
    .wp-container-core-columns-is-layout-d1c656ed {
        flex-wrap: nowrap !important;
    }
    
    /* PCとタブレットでは電話番号のリンクを無効にする（PC・タブレット版） */
    a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
	}

    /* PC版のみ */
    @media (min-width: 1281px) {

        /* スマホ版の「Webからの見積もり・お問合せ」のアイコンを非表示（PC版） */
        .contact-footer-icon-sp {
            display: none !important;
        }
    }
}

/* タブレット・スマホ版 */
@media (max-width: 1280px) {

    /* アイコンとお問い合わせ先が記載された図形を重ねる（タブレット・スマホ版） */
    .wp-container-core-group-is-layout-fb796d7e {
        margin-top: -8% !important;
    }
    .wp-container-core-group-is-layout-ab138506 {
        margin-top: -8% !important;
    }

    /* タブレット（Air・mini）・スマホ版 */
    @media (max-width: 1000px) {

        /* アイコンとお問い合わせ先が記載された図形を重ねる（タブレット・スマホ版） */
        .wp-container-core-group-is-layout-fb796d7e {
            gap: var(--wp--preset--spacing--30) !important;
            margin-top: -10% !important;
        }
        .wp-container-core-group-is-layout-ab138506 {
            gap: var(--wp--preset--spacing--30) !important;
            margin-top: -10% !important;
        }

        /* スマホ版のみ */
        @media (max-width: 500px) {

            /* 左右の余白を狭める（スマホ版） */
            .wp-container-core-group-is-layout-fb796d7e {
                padding-right: var(--wp--preset--spacing--50) !important;
                padding-left: var(--wp--preset--spacing--50) !important;
            }
            .wp-container-core-group-is-layout-ab138506 {
                padding-right: var(--wp--preset--spacing--50) !important;
                padding-left: var(--wp--preset--spacing--50) !important;
            }
            
            /* 電話番号を非表示（スマホ版） */
            .contact-tel-footer-pc {
                display: none !important;
            }

            /* PC版の「Webからの見積もり・お問合せ」のアイコンを非表示（スマホ版） */
            .contact-footer-icon-pc {
                display: none !important;
            }
        }
    }
}

/* タブレット版のみ */
@media (max-width: 1280px) and (min-width: 501px) {

    /* PC版の「Webからの見積もり・お問合せ」のアイコンを非表示（スマホ版） */
    .contact-footer-icon-pc {
        display: none !important;
    }
    
    /* タブレット版（Air・mini） */
    @media (max-width: 1000px) {
        
        /* タブレット版（mini） */
        @media (max-width: 800px) {
            
            /* 左右の余白を小さくする（タブレット版（mini）） */
            .wp-container-core-group-is-layout-fb796d7e {
                padding-right: var(--wp--preset--spacing--50) !important;
                padding-left: var(--wp--preset--spacing--50) !important;
            }
            .wp-container-core-group-is-layout-ab138506 {
                padding-right: var(--wp--preset--spacing--50) !important;
                padding-left: var(--wp--preset--spacing--50) !important;
            }
        }
    }
}

/* 固定ページページ名パターン */
.wp-singular.page-template-default.page.wp-theme-auto-tech-base-shonan-theme {

    /* ページ名と背景画像を重ねる（共通） */
    .page-heading-pc {
        position: relative;
        div {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }
    .page-heading-sp {
        margin-top: 0;
        position: relative;
        div {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            h3 {
                white-space: nowrap;
            }
        }
    } 

    /* PC・タブレット版 */
    @media (min-width: 501px) {

        /* スマホ版のページ名を非表示（PC・タブレット版） */
        .page-heading-sp {
            display: none !important;
        }
    }

    /* スマホ版 */
    @media (max-width: 500px) {
        
        /* PC・タブレット版のページ名を非表示（スマホ版） */
        .page-heading-pc {
            display: none !important;
        }
    }
}

/* 404ページページ名パターン */
.error404.wp-theme-auto-tech-base-shonan-theme {
	
	/* ページ名と背景画像を重ねる（共通） */
    .page-heading-pc {
        position: relative;
        div {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }
    .page-heading-sp {
        margin-top: 0;
        position: relative;
        div {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }

    /* PC・タブレット版 */
    @media (min-width: 501px) {

        /* スマホ版のページ名を非表示（PC・タブレット版） */
        .page-heading-sp {
            display: none !important;
        }
    }

    /* スマホ版 */
    @media (max-width: 500px) {
        
        /* PC・タブレット版のページ名を非表示（スマホ版） */
        .page-heading-pc {
            display: none !important;
        }
    }
}

/* アーカイブページページ名パターン */
.archive.category.wp-theme-auto-tech-base-shonan-theme  {

    /* ページ名と背景画像を重ねる（共通） */
    .page-heading-pc {
        position: relative;
        div {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }
    .page-heading-sp {
        margin-top: 0;
        position: relative;
        div {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }

    /* PC・タブレット版 */
    @media (min-width: 501px) {

        /* スマホ版のページ名を非表示（PC・タブレット版） */
        .page-heading-sp {
            display: none !important;
        }
    }

    /* スマホ版 */
    @media (max-width: 500px) {
        
        /* PC・タブレット版のページ名を非表示（スマホ版） */
        .page-heading-pc {
            display: none !important;
        }
    }
}

/* キャラクターのイラスト（ページ名） */
.page-heading {

    /* キャラクターのイラストの位置をページ名の欄に重ねる（共通） */
    position: relative;
    .page-heading-character {
        margin-top: 0;
        position: absolute;
        top: 44%;
        right: 16%;
    }
}

/* タブレット・スマホ版 */
@media (max-width: 1280px) {
    
    /* キャラクターのイラストを非表示（タブレット・スマホ版） */
    .page-heading {
        .page-heading-character {
            display: none;
        }
    }
}

/* ページトップに戻るボタン */
@media (max-width: 1280px) {

	/* ページトップに戻るボタンを非表示（タブレット・スマホ版） */
	#wpfront-scroll-top-container {
		img {
			display: none !important;
		}
	}

}

/* reCAPTCHAバッジ */
.grecaptcha-badge {
	display: none;
	
	/* 画面下からの位置の調整（共通） */
	bottom: 200px !important;
	
	/* 前面に出す（共通） */
	z-index: 2;
}

/* reCAPTCHAバッジを表示させる（共通） */
.page-id-1554 {
	.grecaptcha-badge {
		visibility: visible !important;
	}
}
.page-id-1560 {
	.grecaptcha-badge {
		visibility: visible !important;
	}
}

@media (max-width: 500px) {
	
	.grecaptcha-badge {
	
		/* 画面下からの位置の調整（共通） */
		bottom: 5px !important;
	}
}

/* お知らせ（詳細）ページ */
.wp-singular.news-template-default.wp-theme-auto-tech-base-shonan-theme {
	
	/* ページ名と背景画像を重ねる（共通） */
    .page-heading-pc {
        position: relative;
        div {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }
    .page-heading-sp {
        margin-top: 0;
        position: relative;
        div {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }

    /* カテゴリー名を上下中央ぞろえにする（共通） */
    .taxonomy-news-category {
        a {
            display: flex;
            align-items: center;
        }
    }

    /* お知らせの公開日のフォントサイズを小さくする（共通） */
    time {
        font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
    }

    /* お知らせ本文と背景画像を重ねる（共通） */
    .post-contents {
        position: relative;
        .post-contents-back-img {
            width: 100%;
            position: absolute;
            top: 0;
            margin-block-start: 0 !important;
            z-index: -1;
        }
    }

    /* PC・タブレット版 */
    @media (min-width: 501px) {

        /* スマホ版のページ名を非表示（PC・タブレット版） */
        .page-heading-sp {
            display: none !important;
        }
    }

    /* タブレット・スマホ版 */
    @media (max-width: 1280px) {

        /* お知らせ本文の背景画像を非表示（タブレット・スマホ版） */
        .post-contents {
            .post-contents-back-img {
                display: none;
            }
        }

        /* スマホ版 */
        @media (max-width: 500px) {

            /* PC・タブレット版のページ名を非表示（スマホ版） */
            .page-heading-pc {
                display: none !important;
            }
        }
    }
}

/* 旧お知らせ（詳細）ページ */
.wp-singular.post-template-default.single.single-post {

    /* ページ名と背景画像を重ねる（共通） */
    .page-heading-pc {
        position: relative;
        div {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }
    .page-heading-sp {
        margin-top: 0;
        position: relative;
        div {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }

    /* カテゴリー名を上下中央ぞろえにする（共通） */
    .taxonomy-category {
        a {
            display: flex;
            align-items: center;
        }
    }

    /* お知らせの公開日のフォントサイズを小さくする（共通） */
    time {
        font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
    }

    /* お知らせ本文と背景画像を重ねる（共通） */
    .post-contents {
        position: relative;
        .post-contents-back-img {
            width: 100%;
            position: absolute;
            top: 0;
            margin-block-start: 0 !important;
            z-index: -1;
        }
    }

    /* PC・タブレット版 */
    @media (min-width: 501px) {

        /* スマホ版のページ名を非表示（PC・タブレット版） */
        .page-heading-sp {
            display: none !important;
        }
    }

    /* タブレット・スマホ版 */
    @media (max-width: 1280px) {

        /* お知らせ本文の背景画像を非表示（タブレット・スマホ版） */
        .post-contents {
            .post-contents-back-img {
                display: none;
            }
        }

        /* スマホ版 */
        @media (max-width: 500px) {

            /* PC・タブレット版のページ名を非表示（スマホ版） */
            .page-heading-pc {
                display: none !important;
            }
        }
    }

}

/* 施工実績詳細ページ */
.wp-singular.case-template.case-template-wp-custom-template-case-page-template.wp-theme-auto-tech-base-shonan-theme {

    .post-contents {
        .wp-block-group.is-vertical.is-content-justification-stretch.is-layout-flex.wp-block-group-is-layout-flex {
            flex-wrap: nowrap !important;
        }
    }

    /* ページ名と背景画像を重ねる（共通） */
    .page-heading-pc {
        position: relative;
        div {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }
    .page-heading-sp {
        margin-top: 0;
        position: relative;
        div {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }

    /* 施工実績本文と背景画像を重ねる（共通） */
    .post-contents {
        position: relative;
        .post-contents-back-img {
            width: 100%;
            position: absolute;
            top: 0;
            margin-block-start: 0 !important;
            z-index: -1;
        }
    }

    /* 見出し・段落ブロックの横幅をコンテンツに合わせる（共通） */
    .case-section {
        h5 {
            width: fit-content;
        }
    }
    .case-description {
        p {
            width: fit-content;
        }
    }

    /* 施工実績のスライダーをサムネイル付きスライダーとして調整（共通） */
    .case-slider {
        .spider {
            .spider__slide {
                img {
                    width: 100%;
                    height: auto;
                    aspect-ratio: 287 / 200;
                    border-radius: 30px;
                }
            }
        }
        .spider__dots {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            .spider__dot {
                width: 100%;
                height: auto;
                img {
                    aspect-ratio: 1 / 1;
                    object-fit: cover;
                    border-radius: 6px;
                }
            }
        }
        [aria-current="true"] img {
            width: 100%;
            height: auto;
            outline: 5px solid #0066B1;
        }
    }

    /* PC・タブレット版 */
    @media (min-width: 501px) {

        /* スマホ版のページ名を非表示（PC・タブレット版） */
        .page-heading-sp {
            display: none !important;
        }
    }

    /* タブレット・スマホ版 */
    @media (max-width: 1280px) {

        /* お知らせ本文の背景画像を非表示（タブレット・スマホ版） */
        .post-contents {
            .post-contents-back-img {
                display: none;
            }
        }

        /* タブレット版 */
        @media (min-width: 501px) {

            /* タブレットでは縦並びにしない（タブレット版） */
            .case-contents-column {
                flex-wrap: nowrap !important;
            }
        }

        /* スマホ版 */
        @media (max-width: 500px) {

            /* PC・タブレット版のページ名を非表示（スマホ版） */
            .page-heading-pc {
                display: none !important;
            }
			
			/* スライダー間の余白を調整（スマホ版） */
			.case-contents-column {
				.case-slider {
					.spider__dots {
						margin-top: 0.75rem !important;
						--spider--dots-gap: 0.75rem !important;
					}
				}
				
				/* 各項目の上下の余白をなくす（スマホ版） */
				.case-contents-list {
					padding-top: 0 !important;
					padding-bottom: 0 !important;
				}
			}
        }
    }
}

/* トップページ */
.home {

    /* mainをヘッダーの下に重ねる（共通） */
    main {
        margin-top: -91.91px !important;
    }

    /* ボタンの動作の調整（共通） */
	.home-mv {
		.orange-button-01 {
			width: clamp(15rem, 4.0385rem + 22.8365vw, 26.875rem);
		}
	}
	.home-flow {
		.orange-button-01 {
			width: clamp(15rem, 4.0385rem + 22.8365vw, 26.875rem);
		}
	}
	
	/* PC・タブレット版 */
	@media (min-width: 501px) {
		
		/* お見積りはこちらからボタンを非表示（PC・タブレット版） */
		.home-contact-button-sp {
			display: none;
		}
	}
	
	/* スマホ版 */
	@media (max-width: 500px) {
		
		/* お見積りはこちらからボタンのスタイルを調整（スマホ版） */
		.home-contact-button-sp {
			display: block;
			position: fixed !important;
			bottom: 20px;
			right: 0px;
			z-index: 2; /* 他の要素より手前に表示 */
		}
		
		/* 非表示の状態 */
		.home-contact-button-sp.hidden {
			opacity: 0;
			visibility: hidden;
			pointer-events: none; /* クリックを無効にする */
			transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
		}

		/* 表示の状態 */
		.home-contact-button-sp.visible {
		  opacity: 1;
		  visibility: visible;
		  pointer-events: auto; /* クリックを有効にする */
		}
	}

    /* メインビジュアル */
    .home-mv {

        /* スマレジと見出しを重ねる（共通） */
        .home-mv-text {
            max-width: 1380px;
            margin-left: auto;
            margin-right: auto;
            .smaregi {
                width: clamp(7.328125rem, 5.0616rem + 9.6706vw, 16.66625rem);
                margin-right: 0 !important;
                .smaregi-img {
                    max-width: 100%;
                    text-align: right;
                }
            }
            .home-mv-catchcopy {
                margin-top: -12%;
                h2 {
                    font-size: clamp(1.4375rem, 0.8762rem + 2.3948vw, 3.75rem);
                }
                h1 {
                    font-size: clamp(2.1875rem, 1.3532rem + 3.5599vw, 5.625rem);
                }
            }

        }

        .wp-block-query.alignwide.is-layout-flow.wp-block-query-is-layout-flow {

            /* お知らせの公開日とタイトルのフォントを変更（共通） */
            .wp-block-post-date.has-noto-sans-jp-font-family {
                font-weight: 400;
                font-size: clamp(0.75rem, 0.6893rem + 0.2589vw, 1rem);
            }
            h6 {
                font-size: clamp(0.75rem, 0.6893rem + 0.2589vw, 1rem) !important;
                font-weight: 400;
            }

            /* カテゴリー名を上下中央ぞろえにする（共通） */
            .taxonomy-category {
                a {
                    display: flex;
                    align-items: center;
					font-size: clamp(0.75rem, 0.6893rem + 0.2589vw, 1rem) !important;
                }
            }

            /* お知らせ一覧に遷移するボタンを上下中央ぞろえにする（共通） */
            .home-mv-news-button {
                img {
                    display: block;
                    margin-top: auto;
                    margin-bottom: auto;
                }
				p {
					a {
						font-size: clamp(0.75rem, 0.6893rem + 0.2589vw, 1rem) !important;
					}
				}
            }

            /* お知らせ下にあるmarginをなくす（共通） */
            .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex {
                margin-bottom: 0;
            }
        }

        /* PC・タブレット版 */
        @media (min-width: 501px) {

            /* メインビジュアルのサービス画像を非表示（PC・タブレット版） */
            .top-mv-service-sp {
                display: none;
            }
        }

        /* タブレット・スマホ版 */
        @media (max-width: 1280px) {
            
            /* スマレジと見出しを重ねる（タブレット・スマホ版） */
            .home-mv-catchcopy {
                margin-top: -8% !important;
            }
            
            /* お知らせを縦に並べる（タブレット・スマホ版） */
            ul.wp-block-post-template.is-layout-flow.wp-block-post-template-is-layout-flow {
                div.wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex {
                    flex-direction: column;
                }
            }

            /* スマホ版 */
            @media (max-width: 500px) {

                /* mainをヘッダーの下に重ねる（スマホ版） */
                main {
                    margin-top: -70.92px !important;
                }

                /* 見出しの左右の余白をなくす（スマホ版） */
                .home-mv-text {
                    padding: 0;

                    /* スマレジと見出しを重ねる（スマホ版） */
                    .home-mv-catchcopy {
                        margin-top: 0 !important;
                    }
                }

                /* メインビジュアルのサービス画像を非表示（スマホ版） */
                .top-mv-service-pc {
                    display: none;
                }
            }
        }
    }

    /* オートテックベースが選ばれる理由 */
    .top-reason {
        position: relative;

        /* フォントサイズ変更（共通） */
        h1 {
            font-size: clamp(1.75rem, 1.4466rem + 1.2945vw, 3rem) !important;
        }
        h2 {
            font-size: clamp(1.3125rem, 1.0546rem + 1.1003vw, 2.375rem) !important;
        }

        /* キャラクターのイラストを重ねる（共通） */
        .top-reason-character {
            position: absolute;
            top: 12%;
            right: 8%;
            z-index: 2;
            text-align: right;
            img {
                width: clamp(7.22625rem, 6.0868rem + 4.8615vw, 11.920625rem);
            }
        }

        /* 選ばれる理由の詳細について写真の比率を変更（共通） */
        .top-reason-details {
            padding-top: clamp(6rem, 4.4223rem + 6.7314vw, 10rem) !important;
            padding-bottom: clamp(6rem, 4.4223rem + 6.7314vw, 10rem) !important;
            h4 {
                font-size: clamp(1.125rem, 1.0036rem + 0.5178vw, 1.625rem);
            }
            figure {
                aspect-ratio: 55 / 34;
                img {
                    aspect-ratio: 55 / 34;
                    width: 100%;
                    height: auto;
                    object-fit: cover;
                }
            }
        }
		
		/* 大画面 */
		@media (min-width: 1921px) {
			
			/* キャラクターのイラストを内側に入れる（共通） */
			.top-reason-character {
				right: 18% !important;
			}
		}
		
        /* タブレット・スマホ版 */
        @media (max-width: 1280px) {

			/* 背景画像を非表示（PC・タブレット版） */
			.top-reason-details {
				background-image: none !important;
			}

            /* キャラクターのイラストを重ねる（タブレット・スマホ版） */
            .top-reason-character {
                top: 14%;
                right: 2%;
            }
            
            /* 背景画像を変更（タブレット・スマホ版） */
            .top-reason-details {
                background-attachment: fixed !important;
            }

            /* タブレット（Air・mini）・スマホ版 */
            @media (max-width: 1000px) {

                /* 理由を中央ぞろえにする（タブレット（Air・mini）・スマホ版） */
                .wp-block-group.is-vertical.is-content-justification-stretch.is-layout-flex.wp-block-group-is-layout-flex {
                    width: fit-content;
                    margin: 0 auto;
                    .wp-block-group.is-nowrap.is-layout-flex.wp-block-group-is-layout-flex {
                        width: fit-content;
                    }
                }

                /* キャラクターのイラストを重ねる（タブレット（Air）版） */
                .top-reason-character {
                    top: 16.5%;
                }

                /* タブレット（mini）・スマホ版 */
                @media (max-width: 800px) {

                    /* キャラクターのイラストを重ねる（タブレット（mini）版） */
                    .top-reason-character {
                        top: 24%;
                    }

                    /* スマホ版 */
                    @media (max-width: 500px) {
						
						.wp-block-group.is-nowrap.is-layout-flex.wp-block-group-is-layout-flex {
							figure {
								img {
									width: 26.87px !important;
									height: auto !important;
								}
							}
						}
                        /* キャラクターのイラストを重ねる（スマホ版） */
                        .top-reason-character {
                            top: 17%;
                            right: 4%;
                        }

                        /* 選ばれる理由の詳細について写真の比率とカラムの順番を変更（スマホ版） */
                        .top-reason-details {
                            figure {
                                aspect-ratio: 335 / 168;
                                img {
                                    aspect-ratio: 335 / 168;
                                }
                            }
                            .top-reason-details-reverse {
                                flex-direction: column-reverse;
                            }
                        }
                    }
                }
            }
        }
    }

    /* 施工実績 */
	.home-case {
		
		/* タブレット・スマホ版 */
		@media (max-width: 1280px) {
			
			/* スライダーの左右のボタンを非表示（タブレット・スマホ版） */
			.wp-block-button.js-case-next {
				display: none;
			}
			.wp-block-button.js-case-prev {
				display: none;
			}
		}
	}

    /* お見積りから納車の流れ */
    .home-flow {

        /* フォントサイズの変更（共通） */
        h2 {
            font-size: clamp(1.625rem, 1.0481rem + 1.2019vw, 2.25rem) !important;
        }

        .home-flow-contents {
            position: relative;

            /* 縦線を入れる（共通） */
            .home-flow-line-group {
                position: absolute;
                top: 4%;
                margin-top: 0;
                height: 100%;
                width: 5%;
                .home-flow-line {
                    margin-top: 0;
                    margin-left: auto !important;
                    margin-right: auto !important;
                    height: 82.75%;
                }
            }

            /* 青丸のサイズの調整（共通） */
            .wp-block-font-awesome-icon.wp-font-awesome-icon {
                text-align: center;
                svg {
                    font-size: clamp(1rem, 0.4808rem + 1.0817vw, 1.5625rem) !important;
                }
            }
        }

        /* PC・タブレット版 */
        @media (min-width: 501px) {

            /* アイコンを上下中央ぞろえにする（PC・タブレット版） */
            .home-flow-contents {
                .home-flow-description {
                    .wp-block-column.is-vertically-aligned-top.is-layout-flow.wp-block-column-is-layout-flow {
                        align-self: center !important;
                    }
                }
            }
        }

        /* タブレット・モバイル版 */
        @media (max-width: 1280px) {

            .home-flow-contents {
                
                .home-flow-description {

                    /* アイコン側のカラムの横幅サイズを指定（タブレット・モバイル版） */
                    .wp-block-columns.is-not-stacked-on-mobile.is-layout-flex.wp-block-columns-is-layout-flex {
                        .wp-block-column.is-vertically-aligned-top.is-layout-flow.wp-block-column-is-layout-flow {
                            flex-basis: 16% !important;
                        }
                    }

                    /* お支払い方法の表内のカラムの幅を調整（タブレット・モバイル版） */
                    .top-flow-payment {
                        .top-flow-payment-heading {
                            flex-basis: 30% !important;
                        }
						p {
							line-height: 1.35 !important;
						}
                    }
                }

                /* 縦線を入れる（共通） */
                .home-flow-line-group {
                    top: 5%;
                    .home-flow-line {
                        height: 81.5%;
                    }
                }

            }

            /* タブレット（Air・mini）・モバイル版 */
            @media (max-width: 1000px) {

                .home-flow-contents {
                
                    /* 縦線を入れる（タブレット（Air・mini）・モバイル版） */
                    .home-flow-line-group {
                        top: 4%;
                        .home-flow-line {
                            height: 81%;
                        }
                    }

                }

                /* タブレット（mini）・モバイル版 */
                @media (max-width: 800px) {

                    .home-flow-contents {
                
                        /* 縦線を入れる（タブレット（mini）・モバイル版） */
                        .home-flow-line-group {
                            top: 3.75%;
                        }

                    }

                    /* モバイル版 */
                    @media (max-width: 500px) {

                        .home-flow-contents {
                            
                            /* 流れの説明の余白を調整（モバイル版） */
                            .home-flow-description {
                                padding: var(--wp--preset--spacing--40) !important;
								p {
									line-height: 1.6 !important;
								}

                                .wp-block-columns.is-not-stacked-on-mobile.is-layout-flex.wp-block-columns-is-layout-flex {
                                    gap: var(--wp--preset--spacing--40) !important;
                                }

                                /* お支払い方法の表内の余白を調整（モバイル版） */
                                .top-flow-payment {
                                    h6 {
                                        padding-left: 0 !important;
                                        padding-right: 0 !important;
                                    }
                                    .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex {
                                        padding-left: 0 !important;
                                        padding-right: 0 !important;
                                    }
                                }

                            }

                            /* 縦線を入れる（モバイル版） */
                            .home-flow-line-group {
                                top: 3.5%;
                                .home-flow-line {
                                    width: 3px !important;
                                    height: 79.25%;
                                }
                            }

                        }

                        @media (max-width: 400px) {

                            /* 縦線を入れる（モバイル版） */
                            .home-flow-line-group {
                                .home-flow-line {
                                    height: 80.25%;
                                }
                            }
                        }
                    }
                }
            }

            /* 流れの概要の画像を非表示（タブレット・モバイル版） */
            .home-flow-image {
                display: none;
            }
        }
    }

    /* よくある質問 */
    .home-qa {
        .home-qa-contents {

            /* アコーディオン間の余白を調整（共通） */
            .smb-accordion>*+* {
                margin-top: var(--wp--preset--spacing--50) !important;
            }

            .wp-block-snow-monkey-blocks-accordion {
                
                /* アコーディオン内の背景色や余白、テキスト等修正（共通） */
                .smb-accordion__item__title {
                    background-color: var(--wp--preset--color--base);
                    padding: var(--wp--preset--spacing--50) 0 0 0;
                    border-top: #DBDBDB 1px solid;
                    span.smb-accordion__item__title__label {
                        font-weight: 500 !important;
                        font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem) !important;
                    }
                    span.smb-accordion__item__title__label {
                        display: flex;
                        align-items: center;
                    }
                    span.smb-accordion__item__title__label::before {
                        content: "Q";
                        color: var(--wp--preset--color--primary);
                        font-family: var(--wp--preset--font-family--lato);
                        font-size: clamp(2.125rem, 2.034rem + 0.3883vw, 2.5rem);
                        font-weight: 700;
                        letter-spacing: 0.071em;
                        margin-right: var(--wp--preset--spacing--50);
                        line-height: 1;
                    }
                    .smb-accordion__item__title__icon {
                        color: #A2A2A2 !important;
                        margin-left: var(--wp--preset--spacing--20);
                    }
                }

                /* 吹き出しのpaddingを調整（共通） */
                .smb-balloon__body.has-global-padding.is-layout-constrained.wp-block-balloon-is-layout-constrained {
                    padding: var(--wp--preset--spacing--40) !important;
                    border-radius: 10px;
                }

                /* 吹き出しとアコーディオン間の余白の調整（共通） */
                .smb-accordion__item__body.has-global-padding.is-layout-constrained.wp-block-accordion-item-is-layout-constrained {
                    padding-top: var(--wp--preset--spacing--40) !important;
                }

                /* キャラクターのアイコンのサイズと位置を調整（共通） */
                .home-qa-character {
                    .home-qa-character-img {
                        aspect-ratio: 1 / 1;
                        width: clamp(5.624375rem, 5.336rem + 1.2304vw, 6.8125rem);
                        position: relative;
                        margin-left: auto;
                        margin-right: auto;
                        figure {
                            width: clamp(3.42375rem, 3.1451rem + 1.189vw, 4.571875rem) !important;
                            height: auto;
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%, -50%);
                            img {
                                width: clamp(3.42375rem, 3.1451rem + 1.189vw, 4.571875rem) !important;
                                height: auto;
                                max-width: initial !important;
                            }
                        }
                    }
                }

                /* 最後の質問の下に線を入れる（共通） */
                .wp-block-snow-monkey-blocks-accordion-item.smb-accordion__item:last-child {
                    padding-bottom: var(--smb-accordion--gap) !important;
                    border-bottom: #DBDBDB 1px solid;
                }
            }
        }

        /* PC版 */
        @media (min-width: 1281px) {

            /* 吹き出しの横幅を狭くする（PC版） */
            .wp-block-snow-monkey-blocks-balloon.smb-balloon.smb-balloon--reverse {
                width: 90%;
                margin-left: auto;
            }

            /* 最大横幅を指定（PC版） */
            .home-qa-contents {
                max-width: 798px;
            }

            /* 各質問の左右の余白を設定（PC版） */
            .wp-block-snow-monkey-blocks-accordion-item.smb-accordion__item {
                .smb-accordion__item__title {
                    padding-left: var(--wp--preset--spacing--30) !important;
                    padding-right: var(--wp--preset--spacing--30) !important;
                }
            }
        }


        /* タブレット（Air・mini）・スマホ版 */
        @media (max-width: 1000px) {

            /* タブレット（mini）・スマホ版 */
            @media (max-width: 800px) {

                .home-qa-contents {
                    .wp-block-snow-monkey-blocks-accordion {

                        /* カラムの並べ方と幅を調整（タブレット（mini）・スマホ版） */
                        .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-block-columns-is-layout-flex {
                            flex-wrap: nowrap !important;
                            .home-qa-character {
                                flex-basis: 16% !important;
                            }
                        }
                    }
                }

                /* スマホ版 */
                @media (max-width: 500px) {

                    .home-qa-contents {
                        .wp-block-snow-monkey-blocks-accordion {

                            /* カラムの並べ方を調整（スマホ版） */
                            .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-block-columns-is-layout-flex {
                                flex-wrap: wrap !important;
                                position: relative;
                            }
                            
                            /* 吹き出しの高さを調整（スマホ版） */
                            .smb-accordion__item__body.has-global-padding.is-layout-constrained.wp-block-accordion-item-is-layout-constrained {
                                padding-bottom: 0 !important;
                                height: 300px;
                            }

                            /* キャラクターのアイコンの位置を調整（スマホ版） */
                            .home-qa-character {
                                position: absolute;
                                z-index: 2;
                                bottom: -36%;
                                .home-qa-character-img {
                                    margin-right: 0 !important;
                                }
                            }

                            /* 吹き出しを下向きにするカスタマイズ */
                            .smb-balloon__body.has-global-padding.is-layout-constrained.wp-block-balloon-is-layout-constrained {
                                position: relative;
                                height: 210px;
                            }
                            .smb-balloon__body.has-global-padding.is-layout-constrained.wp-block-balloon-is-layout-constrained::before {
                                content: none !important;
                            }
                            .smb-balloon__body.has-global-padding.is-layout-constrained.wp-block-balloon-is-layout-constrained::after {
                                position: absolute;
                                z-index: -1;
                                top: auto !important;
                                bottom: -10px !important;
                                right: 32% !important;
                                transform: skew(180deg, 45deg);
                                border-width: 0px 10px 200px !important;
                            }
                        }
                    }
				}
			}
        }
    }

    /* お知らせ */
    .home-news {

        /* 各お知らせの余白や揃え方を調整（共通） */
        li {
            margin-top: 0;
            .has-text-align-left.wp-block-post-excerpt {
                .wp-block-post-excerpt__more-text {
                    margin-top: var(--wp--preset--spacing--20);
                    text-align: right;
                }
            }
        }

        /* お知らせの公開日とタイトルのフォントを変更（共通） */
        .wp-block-post-date.has-noto-sans-jp-font-family {
            font-size: clamp(0.75rem, 0.6893rem + 0.2589vw, 1rem);
        }

        /* カテゴリー名を上下中央ぞろえにする（共通） */
        .taxonomy-category {
            a {
                display: flex;
                align-items: center;
            }
        }
    }
}

/* 施工実績（一覧）ページ */
.page-id-770 {
	.wp-block-post.case.type-case.status-publish.has-post-thumbnail.hentry {
		
		/* 各投稿の背景にある影を調整（共通） */
		.care-post {
			box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.1) !important;
			
			/* フォントサイズを調整（共通） */
			h4 {
				font-size: clamp(1.0625rem, 0.9563rem + 0.4531vw, 1.5rem);
                a {
                    font-size: clamp(1.0625rem, 0.9563rem + 0.4531vw, 1.5rem) !important;
                }
			}
			h5 {
				font-size: clamp(0.875rem, 0.8143rem + 0.2589vw, 1.125rem);
                a {
                    font-size: clamp(0.875rem, 0.8143rem + 0.2589vw, 1.125rem) !important;
                }
			}
			h6 {
				font-size: clamp(0.75rem, 0.6893rem + 0.2589vw, 1rem);
			}
			p {
				font-size: clamp(0.75rem, 0.6893rem + 0.2589vw, 1rem);
			}
			
			/* 画像の比率を調整（共通） */
			figure {
				aspect-ratio: 377 / 245;
				width: 100%;
				height: auto;
				img {
					aspect-ratio: 377 / 245;
					width: 100%;
					height: auto;
				}
			}
		}
	}
	
	/* 前と後のページに行くボタンのデザインを調整（共通） */
	.wp-block-query-pagination-previous {
		aspect-ratio: 1 / 1;
		width: 40px;
		height: auto;
		text-align: center;
		position: relative;
		span {
			background-color: var(--wp--preset--color--primary);
			color: var(--wp--preset--color--base);
			padding: 10px;
			aspect-ratio: 1 / 1;
			width: 40px;
			height: 40px;
			border-radius: 50px;
			margin-right: 0;
			position: absolute;
            top: 50%;
			left: 50%;
            transform: translate(-50%, -50%) !important;
			display: flex;
        	align-items: center;
			justify-content: center;
		}
	}
	.wp-block-query-pagination-previous:hover {
		span {
			background-color: #EBF6FD !important;
			color: var(--wp--preset--color--primary) !important;
			padding: 12px;
		}
	}
	.wp-block-query-pagination-next {
		aspect-ratio: 1 / 1;
		width: 40px;
		height: auto;
		text-align: center;
		position: relative;
		span {
			background-color: var(--wp--preset--color--primary);
			color: var(--wp--preset--color--base);
			font-weight: 700;
			padding: 10px;
			aspect-ratio: 1 / 1;
			width: 40px;
			height: 40px;
			border-radius: 50px;
			margin-right: 0;
			position: absolute;
            top: 50%;
			left: 50%;
            transform: translate(-50%, -50%) !important;
			display: flex;
        	align-items: center;
			justify-content: center;
		}
	}
	.wp-block-query-pagination-next:hover {
		span {
			background-color: #EBF6FD !important;
			color: var(--wp--preset--color--primary) !important;
			padding: 12px;
		}
	}
	
	/* ページナンバーのデザインを調整 */
	.wp-block-query-pagination-numbers {
		.page-numbers {
			background-color: var(--wp--preset--color--gray-01);
			padding: var(--wp--preset--spacing--20);
			font-size: 14px;
			text-align: center;
			aspect-ratio: 1 / 1;
			display: inline-flex;
        	align-items: center;
			justify-content: center;
			width: 40px;
			height: 40px;
			border-radius: 5px;
		}
		.page-numbers.current {
			background-color: var(--wp--preset--color--primary) !important;
			color: var(--wp--preset--color--base) !important
		}
	}
	
	/* タブレット版（Air・mini） */
	@media (max-width: 1000px) and (min-width: 501px) {
		
		/* グリッドを2列にする（タブレット版（Air・mini）） */
		.wp-block-query.is-layout-flow.wp-block-query-is-layout-flow {
			ul {
				grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
			}
		}
	}
	
	/* タブレット・スマホ版 */
	@media (max-width: 1280px) {
		
		/* 背景画像を非表示（タブレット・スマホ版） */
		.care-list-contents {
			background-image: none !important;
		}
		
		
		/* スマホ版 */
		@media (max-width: 500px) {

			/* 各投稿の下に余白と線を入れる（スマホ版） */
			ul {
				gap: 0 !important;
				.wp-block-post.case.type-case.status-publish.has-post-thumbnail.hentry {
					padding-bottom: var(--wp--preset--spacing--50);
					margin-bottom: var(--wp--preset--spacing--50);
					border-bottom: #E3E3E3 1px solid;

					/* 投稿を横並びにする（スマホ版） */
					.care-post {
						display: flex;
						border-radius: 0px !important;
						box-shadow: none !important;
						column-gap: var(--wp--preset--spacing--40);

						/* 画像のサイズと比率を変更（スマホ版） */
						figure {
							aspect-ratio: 1 / 1 !important;
							max-width: 120px;
							width: 100%;
							height: auto;
							img {
								border-radius: 10px !important;
								aspect-ratio: 1 / 1 !important;
							}
						}

						/* 余白と角、揃え方を変更（スマホ版） */
						.care-post-summary {
							padding: 0 !important;
							border-radius: 0px !important;
							background-color: transparent !important;
							h4 {
								text-align: left !important;
								display: inline-block;
                                margin-right: auto !important;
							}
							.care-post-summary-text {
								margin-block-start: 0 !important;
								/* margin-block-start: var(--wp--preset--spacing--30) !important; */
								.wp-block-group.is-vertical.is-content-justification-stretch.is-layout-flex.wp-block-group-is-layout-flex {
									margin-block-start: var(--wp--preset--spacing--30) !important;
								}
							}
						}
					}
				}

				/* 一番下の投稿の下には余白と線は入れない（スマホ版） */
				.wp-block-post.case.type-case.status-publish.has-post-thumbnail.hentry:last-child {
					padding-bottom: 0;
					margin-bottom: 0;
					border-bottom: none;
				}
			}
		}
	}
}

/* お知らせ（一覧）ページ */
.page-id-843 {
	
	/* 一番上のお知らせの余白を調整（共通） */
	li:first-child {
		.wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-block-columns-is-layout-flex {
			padding-top: 0 !important;
		}
	}
	
	/* 各お知らせの余白や揃え方を調整（共通） */
	li {
		margin-top: 0;
		.has-text-align-left.wp-block-post-excerpt {
			.wp-block-post-excerpt__more-text {
				margin-top: var(--wp--preset--spacing--20);
				text-align: right;
			}
		}
	}
	
	/* お知らせの公開日とタイトルのフォントを変更（共通） */
	.wp-block-post-date.has-noto-sans-jp-font-family {
		font-size: clamp(0.75rem, 0.6893rem + 0.2589vw, 1rem);
	}
	
	/* カテゴリー名を上下中央ぞろえにする（共通） */
	.taxonomy-category {
		a {
			display: flex;
			align-items: center;
		}
	}
	
	/* 前と後のページに行くボタンのデザインを調整（共通） */
	.wp-block-query-pagination-previous {
		aspect-ratio: 1 / 1;
		width: 40px;
		height: auto;
		text-align: center;
		position: relative;
		span {
			background-color: var(--wp--preset--color--primary);
			color: var(--wp--preset--color--base);
			padding: 10px;
			aspect-ratio: 1 / 1;
			width: 40px;
			height: 40px;
			border-radius: 50px;
			margin-right: 0;
			position: absolute;
            top: 50%;
			left: 50%;
            transform: translate(-50%, -50%) !important;
			display: flex;
        	align-items: center;
			justify-content: center;
		}
	}
	.wp-block-query-pagination-previous:hover {
		span {
			background-color: #EBF6FD !important;
			color: var(--wp--preset--color--primary) !important;
			padding: 12px;
		}
	}
	.wp-block-query-pagination-next {
		aspect-ratio: 1 / 1;
		width: 40px;
		height: auto;
		text-align: center;
		position: relative;
		span {
			background-color: var(--wp--preset--color--primary);
			color: var(--wp--preset--color--base);
			font-weight: 700;
			padding: 10px;
			aspect-ratio: 1 / 1;
			width: 40px;
			height: 40px;
			border-radius: 50px;
			margin-right: 0;
			position: absolute;
            top: 50%;
			left: 50%;
            transform: translate(-50%, -50%) !important;
			display: flex;
        	align-items: center;
			justify-content: center;
		}
	}
	.wp-block-query-pagination-next:hover {
		span {
			background-color: #EBF6FD !important;
			color: var(--wp--preset--color--primary) !important;
			padding: 12px;
		}
	}
	
	/* ページナンバーのデザインを調整 */
	.wp-block-query-pagination-numbers {
		.page-numbers {
			background-color: var(--wp--preset--color--gray-01);
			padding: var(--wp--preset--spacing--20);
			font-size: 14px;
			text-align: center;
			aspect-ratio: 1 / 1;
			display: inline-flex;
        	align-items: center;
			justify-content: center;
			width: 40px;
			height: 40px;
			border-radius: 5px;
		}
		.page-numbers.current {
			background-color: var(--wp--preset--color--primary) !important;
			color: var(--wp--preset--color--base) !important
		}
	}
	
	/* ページ送りのmargin-topを調整（共通） */
	nav.wp-block-query-pagination {
		margin-top: var(--wp--preset--spacing--70);
	}
	
	/* ボタンのサイズの調整（共通） */
	.category-button {
		.wp-block-button {
			width: clamp(6.875rem, 5.5097rem + 5.8252vw, 12.5rem);
			a {
				font-size: clamp(0.875rem, 0.8143rem + 0.2589vw, 1.125rem);
			}
		}
	}
	
	/* タブレット（Air・mini）・スマホ版 */
	@media (max-width: 1000px) {
		
		/* 縦並びにする（タブレット（Air・mini）・スマホ版） */
		.wp-block-columns.are-vertically-aligned-center.wp-block-columns-is-layout-flex {
			flex-direction: column;
		}
		
		/* フッターのメニュー部分は横並びにする（タブレット（Air・mini）・スマホ版） */
		footer {
			.wp-block-columns.are-vertically-aligned-center.wp-block-columns-is-layout-flex {
				flex-direction: row !important;
			}
		}
	}
}

/* お知らせアーカイブページ */
.archive.category.wp-theme-auto-tech-base-shonan-theme {
	
	/* 一番上のお知らせの余白を調整（共通） */
	li:first-child {
		.wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-block-columns-is-layout-flex {
			padding-top: 0 !important;
		}
	}
	
	/* 各お知らせの余白や揃え方を調整（共通） */
	li {
		margin-top: 0;
		.has-text-align-left.wp-block-post-excerpt {
			.wp-block-post-excerpt__more-text {
				margin-top: var(--wp--preset--spacing--20);
				text-align: right;
			}
		}
	}
	
	/* お知らせの公開日とタイトルのフォントを変更（共通） */
	.wp-block-post-date.has-noto-sans-jp-font-family {
		font-size: clamp(0.75rem, 0.6893rem + 0.2589vw, 1rem);
	}
	
	/* カテゴリー名を上下中央ぞろえにする（共通） */
	.taxonomy-category {
		a {
			display: flex;
			align-items: center;
		}
	}
	
	/* 前と後のページに行くボタンのデザインを調整（共通） */
	.wp-block-query-pagination-previous {
		aspect-ratio: 1 / 1;
		width: 40px;
		height: auto;
		text-align: center;
		position: relative;
		span {
			background-color: var(--wp--preset--color--primary);
			color: var(--wp--preset--color--base);
			padding: 10px;
			aspect-ratio: 1 / 1;
			width: 40px;
			height: 40px;
			border-radius: 50px;
			margin-right: 0;
			position: absolute;
            top: 50%;
			left: 50%;
            transform: translate(-50%, -50%) !important;
			display: flex;
        	align-items: center;
			justify-content: center;
		}
	}
	.wp-block-query-pagination-previous:hover {
		span {
			background-color: #EBF6FD !important;
			color: var(--wp--preset--color--primary) !important;
			padding: 12px;
		}
	}
	.wp-block-query-pagination-next {
		aspect-ratio: 1 / 1;
		width: 40px;
		height: auto;
		text-align: center;
		position: relative;
		span {
			background-color: var(--wp--preset--color--primary);
			color: var(--wp--preset--color--base);
			font-weight: 700;
			padding: 10px;
			aspect-ratio: 1 / 1;
			width: 40px;
			height: 40px;
			border-radius: 50px;
			margin-right: 0;
			position: absolute;
            top: 50%;
			left: 50%;
            transform: translate(-50%, -50%) !important;
			display: flex;
        	align-items: center;
			justify-content: center;
		}
	}
	.wp-block-query-pagination-next:hover {
		span {
			background-color: #EBF6FD !important;
			color: var(--wp--preset--color--primary) !important;
			padding: 12px;
		}
	}
	
	/* ページナンバーのデザインを調整 */
	.wp-block-query-pagination-numbers {
		.page-numbers {
			background-color: var(--wp--preset--color--gray-01);
			padding: var(--wp--preset--spacing--20);
			font-size: 14px;
			text-align: center;
			aspect-ratio: 1 / 1;
			display: inline-flex;
        	align-items: center;
			justify-content: center;
			width: 40px;
			height: 40px;
			border-radius: 5px;
		}
		.page-numbers.current {
			background-color: var(--wp--preset--color--primary) !important;
			color: var(--wp--preset--color--base) !important
		}
	}
	
	/* ページ送りのmargin-topを調整（共通） */
	nav.wp-block-query-pagination {
		margin-top: var(--wp--preset--spacing--70);
	}
	
	/* ボタンのサイズの調整（共通） */
	.category-button {
		.wp-block-button {
			width: clamp(6.875rem, 5.5097rem + 5.8252vw, 12.5rem);
			a {
				font-size: clamp(0.875rem, 0.8143rem + 0.2589vw, 1.125rem);
			}
		}
	}
	
	/* タブレット（Air・mini）・スマホ版 */
	@media (max-width: 1000px) {
		
		/* 縦並びにする（タブレット（Air・mini）・スマホ版） */
		.wp-block-columns.are-vertically-aligned-center.wp-block-columns-is-layout-flex {
			flex-direction: column;
		}
	}
}

/* イベントのアーカイブページと詳細ページのパンくずリストを「お知らせ」にする（共通） */
.archive.category.category-event.category-8.logged-in.wp-custom-logo.wp-embed-responsive.wp-theme-auto-tech-base-shonan-theme {
	.aioseo-breadcrumb:last-child {
		font-size: 0;
	}
	.aioseo-breadcrumb:last-child::before {
		content: "お知らせ";
		color: var(--wp--preset--color--gray-03);
		font-family: var(--wp--preset--font-family--noto-sans-jp);
		font-size: clamp(0.75rem, 0.7197rem + 0.1294vw, 0.875rem);
		font-weight: 500;
		letter-spacing: 0.06em;
		line-height: 1.78;
	}
}
.wp-singular.post-template-default.single.single-post.single-format-standard.logged-in.wp-custom-logo.wp-embed-responsive.wp-theme-auto-tech-base-shonan-theme {
	.aioseo-breadcrumbs  > :nth-child(3) {
		position: relative;
		a {
			position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
			display: inline-block;
			font-size: 0;
			width: 100%;
			height: 100%;
		}
	}
	.aioseo-breadcrumbs  > :nth-child(3)::before {
		content: "お知らせ";
		color: var(--wp--preset--color--gray-03);
		font-family: var(--wp--preset--font-family--noto-sans-jp);
		font-size: clamp(0.75rem, 0.7197rem + 0.1294vw, 0.875rem);
		font-weight: 500;
		letter-spacing: 0.06em;
		line-height: 1.78;
	}
}


/* お見積り・お問合せページ */
.page-id-1554 {
	
	/* タブと「お見積りから納車の流れ」の余白をなくす（共通） */
	.wp-block-group.alignfull.is-vertical.is-content-justification-stretch.is-layout-flex.wp-block-group-is-layout-flex {
		gap: 0 !important;
		
		/* PC・タブレット版 */
		@media (min-width: 501px) {
			
			/* 「お見積りから納車の流れ」を非表示（PC・タブレット版） */
			.contact-flow-img-sp {
				display: none;
			}
		}
		
		
		/* タブレット・スマホ版 */
		@media (max-width: 1280px) {
			
			/* 横幅を画面に合わせる（タブレット・スマホ版） */
			.contact-form-contents {
				width: 100vw !important;
			}
			
			/* スマホ版 */
			@media (max-width: 500px) {

				/* 「お見積りから納車の流れ」を非表示（スマホ版） */
				.contact-flow-img-pc {
					display: none;
				}
			}
		}
	}
}
.page-id-1560 {
	
	@media (max-width: 1280px) {
		
		/* 横幅を画面に合わせる（共通） */
		.contact-form-contents {
			width: 100vw !important;
		}
	}
}

/* 「アップロード済みのファイル」のフォントを指定（共通） */
.smf-form .smf-file-control__value {
	display: inline-block !important;
	font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem) !important;
	input {
		display: inline-block !important;
		font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem) !important;
	}
}

/* 開いているタブの方の下線をなくす（共通） */
.wp-block-snow-monkey-blocks-tabs.smb-tabs.is-style-line {
	--smb-tabs--style--line--accent-color: none !important;
	
	/* タブとタブの内容の間の余白をなくす・タブ間の余白を追加（共通） */
	.smb-tabs__tabs {
		margin-bottom: 0 !important;
		column-gap: var(--wp--preset--spacing--40);
		
		.smb-tabs__tab-wrapper {
			
			/* タブのスタイルを調整（共通） */
			button.smb-tabs__tab {
				background-color: #F5F5F5;
				color: #999999;
				font-size: clamp(0.875rem, 0.6323rem + 1.0356vw, 1.875rem);
				font-weight: 700;
				line-height: 1.3;
				letter-spacing: 0.06em;
				padding: var(--wp--preset--spacing--30);
				width: clamp(11.875rem, 7.0813rem + 20.4531vw, 31.625rem);
				border-top-left-radius: 10px !important;
				border-top-right-radius: 10px !important;
			}
			
			/* 開いている方のタブのスタイルを調整（共通） */
			.smb-tabs__tab[aria-selected=true] {
				background-color: var(--wp--preset--color--primary) !important;
				color: var(--wp--preset--color--base) !important;
			}
		}
	}
}

/* タブ下の下線のスタイルの調整（共通） */
.smb-tabs.is-style-line>.smb-tabs__tabs:after, .smb-tabs.is-style-line>.smb-tabs__tabs>.smb-tabs__tab-wrapper:after {
	background-color: var(--wp--preset--color--primary) !important;
	height: 3px !important;
}

/* フォームのスタイルの調整（共通） */
.contact-form-contents {
	
	/* 見出しのフォントサイズの変更（共通） */
	h3 {
		font-size: clamp(1.25rem, 1.0983rem + 0.6472vw, 1.875rem) !important;
	}
	
	.snow-monkey-form {
		
		/* 各項目の間に余白を入れる（共通） */
		.wp-block-snow-monkey-forms-item.smf-item {
			margin-bottom: var(--wp--preset--spacing--30);
		}
		.wp-block-snow-monkey-forms-item.smf-item:last-child {
			margin-bottom: 0 !important;
		}
		
		/* プログレストラッカーのスタイルの調整（共通） */
		ol.smf-progress-tracker {
			margin-top: 0;
			margin-bottom: var(--wp--preset--spacing--70) !important;
			max-width: 552.42px;
			margin-left: auto;
			margin-right: auto;
			
			/* 丸と文字の色を変更（共通） */
			li.smf-progress-tracker__item[aria-current=true] .smf-progress-tracker__item__number {
				background-color: var(--wp--preset--color--primary) !important;
				color: var(--wp--preset--color--primary) !important;
			}
			li.smf-progress-tracker__item[aria-current=false] .smf-progress-tracker__item__number {
				background-color: #DBDBDB !important;
				color: #DBDBDB !important;
			}
			li.smf-progress-tracker__item[aria-current=true] .smf-progress-tracker__item__text {
				color: var(--wp--preset--color--primary) !important;
				font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
				line-height: 2.5;
				letter-spacing: 0.06em;
			}
			li.smf-progress-tracker__item[aria-current=false] .smf-progress-tracker__item__text {
				color: #464646 !important;
				font-weight: 700;
				font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
				line-height: 2.5;
				letter-spacing: 0.06em;
			}
			
			/* 文字と丸の位置を逆にする（共通） */
			li.smf-progress-tracker__item {
				flex-direction: column-reverse;
				.smf-progress-tracker__item__text {
					margin-top: 0;
					margin-bottom: .5em;
				}
			}
			
			/* 横線の位置を変更（共通） */
			.smf-progress-tracker__item::after {
				top: 80% !important;
				height: 5px;
				background-color: #DBDBDB;
			}
			.smf-progress-tracker__item::before {
				top: 80% !important;
				height: 5px;
				background-color: #DBDBDB;
			}
			
		}
		
		/* フォーム欄のスタイルを調整（共通） */
		.smf-form.smf-form--simple-table {
			
			/* 各項目の背景色と余白を指定（共通） */
			.wp-block-snow-monkey-forms-item.smf-item {
				background-color: #FAFAFA;
				padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60);
				
				/* 項目の並び順や余白、フォント等を指定（共通） */
				.smf-item__col.smf-item__col--label {
					display: inline-flex;
					justify-content: left;
					flex-direction: row-reverse;
					column-gap: var(--wp--preset--spacing--30);
					/* margin-top: 0;
					margin-bottom: 0; */
					margin-bottom: auto;
					height: auto;
					.item__label {
						font-family: var(--wp--preset--font-family--noto-sans-jp);
						font-size: clamp(0.9375rem, 0.9223rem + 0.0647vw, 1rem);
						letter-spacing: 0.06em;
						/* line-height: 2.5; */
						font-weight: 700;
					}
					.smf-item__label__text {
						color: #464646 !important;
						font-family: var(--wp--preset--font-family--noto-sans-jp);
						font-size: clamp(0.9375rem, 0.9223rem + 0.0647vw, 1rem);
						letter-spacing: 0.06em;
						font-weight: 700;
					}
					.smf-item__description {
						display: inline-block;
						width: 48px;
						height: 21px;
						margin: auto 0 !important;
						font-family: var(--wp--preset--font-family--noto-sans-jp);
						font-size: 12px;
						letter-spacing: 0.06em;
						font-weight: 700;
						margin-top: 0;
						padding: 0 var(--wp--preset--spacing--30);
						background-color: var(--wp--preset--color--secondary);
						color: var(--wp--preset--color--base);
						border-radius: 50px;
					}
				}
				
				/* 入力欄の背景色や角丸、フォントを指定（共通） */
				.smf-item__col.smf-item__col--controls {
					input {
						border: 1px solid #E0E0E0;
						--_border-color: #E0E0E0;
						border-radius: 8px;
						--_border-radius: 8px;
					}
					input::placeholder {
						color: #DBDBDB !important;
						font-family: var(--wp--preset--font-family--noto-sans-jp);
						font-size: clamp(0.9375rem, 0.9223rem + 0.0647vw, 1rem);
						letter-spacing: 0.06em;
						font-weight: 400;
						line-height: 2.5;
					}
					.smf-file-control {
						label {
							
							/* 「ファイルを選択」のフォント、色などを指定（共通） */
							.smf-file-control__label {
								background-color: #EFEFEF !important;
								border: 1px solid #E7E7E7 !important;
								border-radius: 4px !important;
								background-image: none;
								color: #464646 !important;
								font-family: var(--wp--preset--font-family--noto-sans-jp);
								font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
								font-weight: 700;
								line-height: 2.5;
							}
							
							/* ファイル名のフォント、色などを指定（共通） */
							.smf-file-control__filename.smf-file-control__filename--has-file {
								color: #464646 !important;
								font-family: var(--wp--preset--font-family--noto-sans-jp);
								font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
								letter-spacing: 0.06em;
								font-weight: 400;
								line-height: 2.5;
							}
						}
						.smf-file-control__clear {
							color: #464646 !important;
							font-family: var(--wp--preset--font-family--noto-sans-jp);
							font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
							letter-spacing: 0.06em;
							font-weight: 700;
							line-height: 2.5;
							text-decoration: none;
							background-color: #EFEFEF !important;
							border: 1px solid #E7E7E7 !important;
							border-radius: 4px !important;
							padding: var(--_padding-2) var(--_padding-1);
						}
					}
					
					/* チェックボックスの入力項目のスタイルを指定（共通） */
					.smf-checkbox-control {
						input {
							border-radius: 0 !important;
							--_border-radius: 0 !important;
							margin: auto;
						}
						.smf-checkbox-control__label {
							color: #464646 !important;
							font-family: var(--wp--preset--font-family--noto-sans-jp);
							font-size: clamp(0.9375rem, 0.9223rem + 0.0647vw, 1rem);
							letter-spacing: 0.06em;
							font-weight: 700;
							line-height: 2.5;
						}
					}
				}
			}
			
			/* 任意の背景色を指定（共通） */
			.form-optional {
				.smf-item__col.smf-item__col--label {
					.smf-item__description {
						background-color: var(--wp--preset--color--gray-03) !important;
					}
				}
			}
			
			/* お問合せ内容の項目名を上にそろえる（共通） */
			.form-item-top {
				.smf-item__col.smf-item__col--label {
					margin-top: 0 !important;
				}
			}
		}
		
		/* 送信前のチェックボックスのスタイルを指定（共通） */
		.contact-check-checkboxes {
			width: clamp(20.5rem, 20.1966rem + 1.2945vw, 21.75rem);
			margin-left: auto;
			margin-right: auto;
			margin-top: var(--wp--preset--spacing--70);
			div {
				margin-top: 0;
			}
			p {
				white-space: nowrap;
			}
			
			/* チェックボックスとテキストの余白を追加（共通） */
			.wp-block-group.is-nowrap.is-layout-flex.wp-block-group-is-layout-flex {
				gap: var(--wp--preset--spacing--30);
			}
			
			/* チェックボックス右隣の空白を非表示（共通） */
			.smf-checkbox-control__label {
				display: none !important;
			}
		}
		
		/* 「確認画面へ」前の文章のスタイルを指定（共通） */
		h5 {
			font-size: clamp(1rem, 0.9697rem + 0.1294vw, 1.125rem) !important;
			margin-bottom: var(--wp--preset--spacing--70);
		}
		
		/* 「確認画面へ」ボタンの設定（共通） */
		.smf-action {
			margin-top: var(--wp--preset--spacing--70);
			margin-bottom: 0;
			button {
				background-color:  var(--wp--preset--color--primary) !important;
				background-image: none;
				color: var(--wp--preset--color--base) !important;
				--_border-radius: 50px;
				--_border-color: none;
				border: none;
				border-radius: 50px;
				max-width: 240px;
				min-height: 52px;
				width: 100%;
				height: auto;
				padding-top: var(--wp--preset--spacing--20);
				padding-right: var(--wp--preset--spacing--70);
				padding-bottom: var(--wp--preset--spacing--20);
				padding-left: var(--wp--preset--spacing--50);
				font-family: var(--wp--preset--font-family--noto-sans-jp);
				font-style: normal;
				font-weight: 600;
				letter-spacing: 0.08em;
				line-height: 1.2;
				font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
				span.smf-sending::after {
					font-family: FontAwesome;
					font-size: 12px;
					content: '\f061';
					display: inline-flex;
					aspect-ratio: 1 / 1;
					width: 36px !important;
					height: 36px !important;
					padding: 10px;
					margin-right: var(--wp--preset--spacing--20);
					align-items: center;
					justify-content: center;
					background-color: #137fd0;
					color: var(--wp--preset--color--base);
					border-radius: 50%;
					/* transition: all 0.3s ease-in-out; */
				}
				span.smf-sending::before {
					display: none;
				}
				.smf-sending[aria-hidden=true] {
					visibility: visible !important;
				}
			}
		}
		button:hover {
			span.smf-sending::after {
				/* font-family: FontAwesome;
				font-size: 8px !important;
				content: '\f111' !important; */
				aspect-ratio: 1 / 1;
				width: 32px !important;
				height: 32px !important;
				background-color: #EBF6FD !important;
				color: var(--wp--preset--color--primary) !important;
			}
		}

		/* 「選択されていません」を削除（共通） */
		.smf-file-control__filename.smf-file-control__filename--no-file {
			display: none;
		}
	}
	
	/* エラーメッセージのスタイル（共通） */
	.smf-error-messages {
		color: #E60000 !important;
		font-family: var(--wp--preset--font-family--noto-sans-jp);
		font-size: clamp(0.9375rem, 0.9223rem + 0.0647vw, 1rem);
		letter-spacing: 0;
		font-weight: 400;
		line-height: 1.5;
	}
	.name-form {
		.smf-error-messages:before {
			content: "名前を";
			color: #E60000 !important;
			font-family: var(--wp--preset--font-family--noto-sans-jp);
			font-size: clamp(0.9375rem, 0.9223rem + 0.0647vw, 1rem);
			letter-spacing: 0;
			font-weight: 400;
			line-height: 1.5;
			margin-right: -4px;
		}
	}
	.tel-form {
		.smf-error-messages:before {
			content: "電話番号を";
			color: #E60000 !important;
			font-family: var(--wp--preset--font-family--noto-sans-jp);
			font-size: clamp(0.9375rem, 0.9223rem + 0.0647vw, 1rem);
			letter-spacing: 0;
			font-weight: 400;
			line-height: 1.5;
			margin-right: -4px;
		}
	}
	.mail-form {
		.smf-error-messages:before {
			content: "メールアドレスの形式で";
			color: #E60000 !important;
			font-family: var(--wp--preset--font-family--noto-sans-jp);
			font-size: clamp(0.9375rem, 0.9223rem + 0.0647vw, 1rem);
			letter-spacing: 0;
			font-weight: 400;
			line-height: 1.5;
			margin-right: -4px;
		}
	}
	.photo-form {
		.smf-item__col.smf-item__col--label {
			height: 100%;
		}
	}
	.contact-contents-form {
		.smf-error-messages:before {
			content: "問合せ内容を";
			color: #E60000 !important;
			font-family: var(--wp--preset--font-family--noto-sans-jp);
			font-size: clamp(0.9375rem, 0.9223rem + 0.0647vw, 1rem);
			letter-spacing: 0;
			font-weight: 400;
			line-height: 1.5;
			margin-right: -4px;
		}
		.smf-item__col.smf-item__col--label {
			height: 100%;
		}
	}
	.img-up-form {
		.smf-item__col.smf-item__col--label {
			margin-top: auto !important;
			margin-bottom: auto !important;
			height: 100%;
		}
	}
	.smf-form [data-invalid="1"] {
		background-color: #FFF2F4 !important;
		border-color: #EA9090 !important;
	}
}
.contact-check-checkboxes {
	.smf-error-messages {
	display: none;
	}
}
.contact-check-checkboxes:has(.smf-checkboxes-control__control[data-invalid="1"]):after {
	content: "チェックを入れてください。";
	color: #E60000 !important;
	font-family: var(--wp--preset--font-family--noto-sans-jp);
	font-size: clamp(0.9375rem, 0.9223rem + 0.0647vw, 1rem);
	letter-spacing: 0;
	font-weight: 400;
	line-height: 1.5;
}

/* スマホ版 */
@media (max-width: 500px) {
	
	/* 入力欄の背景の余白を調整（スマホ版） */
	.wp-block-snow-monkey-forms-item.smf-item {
		padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50) var(--wp--preset--spacing--50) var(--wp--preset--spacing--50) !important;
		.smf-item__col.smf-item__col--label {
			flex-direction: row !important;
			padding-bottom: 0 !important;
		}
	}
}

/* 確認画面 */
form[data-screen="confirm"] {
	.wp-block-snow-monkey-forms-item.smf-item {
		background-color: #FFFFFF !important;
		padding: 0  !important;
		margin-bottom: 0 !important; 
		border-top: #E3E3E3 solid 1px !important;
		display: flex !important;
		flex-direction: row !important;
		
		/* 確認画面項目 */
		.smf-item__col.smf-item__col--label {
			padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60) !important;
			background-color: #FAFAFA !important;
			margin-bottom: 0 !important;
			.smf-item__label {
				margin: auto;
				text-align: center;
			}
			.smf-item__description {
				display: none !important;
			}
		}
		
		/* 確認画面入力欄 */
		.smf-item__col.smf-item__col--controls {
			padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60) !important;
			.smf-item__controls {
				color: #464646 !important;
				font-family: var(--wp--preset--font-family--noto-sans-jp);
				font-size: clamp(0.9375rem, 0.9223rem + 0.0647vw, 1rem);
				letter-spacing: 0.06em;
				font-weight: 400;
				margin: auto 0 !important;
				.smf-placeholder {
					margin: auto 0;
					word-break: break-all !important;
				}
				p {
					display: none;
				}
				.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
					margin-top: 0;
				}
			}
		}
	}
	.wp-block-snow-monkey-forms-item.smf-item:last-child {
		border-bottom: #E3E3E3 solid 1px !important;
	}
	
	/* チェックボックスを非表示（共通） */
	.contact-check-checkboxes {
		display: none;
	}
	
	/* 送信して良いか問う文面を追加（共通） */
	.smf-form.smf-form--simple-table::before {
		content: "以下の内容で送信してよろしいですか？";
		color: #0066B1 !important;
		font-family: var(--wp--preset--font-family--noto-sans-jp);
		font-size: clamp(1.125rem, 1.0036rem + 0.5178vw, 1.625rem);
		letter-spacing: 0.06em;
		font-weight: 700;
		line-height: 1.7;
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-bottom: var(--wp--preset--spacing--50) !important;
	}

	/* スマホ版 */
	@media (max-width: 500px) {

		/* 「内容を修正する」「送信する」ボタンの並び方を修正する（スマホ版） */
		.smf-action {
			display: inline-flex;
			flex-wrap: wrap;
			gap: 16px;
			.smf-button-control {
				width: 80%;
				margin-left: auto !important;
				margin-right: auto !important;
			}
		}
	}
}

/* 完了画面	*/
form[data-screen="complete"] {
	
	/* サイズと位置の変更（共通）	*/
	.smf-form.smf-form--simple-table {
		max-width: 772px;
		margin-right: auto;
		margin-left: auto;
		.smf-complete-content {
			margin-top: -2px;
		}
		figure {
			width: clamp(8.575625rem, 7.9958rem + 2.4738vw, 10.964375rem);
			height: auto;
		}
	}
	
	/* PC・タブレット版 */
	@media (min-width: 801px) {
		
		/* テキストと見出し間の余白をなくす（PC・タブレット版） */
		.smf-form.smf-form--simple-table {
			p {
				margin-block-start: 0 !important;
			}
		}
	}
	
	/* タブレット・スマホ版 */
	@media (max-width: 800px) {
		
		/* 見出しと画像を中央ぞろえにする（スマホ版） */
		.smf-form.smf-form--simple-table {
			h3 {
				text-align: center;
			}
			figure {
				margin-left: auto;
				margin-right: auto;
			}
		}
	}
}

/* PC・タブレット版 */
@media (min-width: 501px) {
	
	/* お見積りから納車の流れの画像を非表示（PC・タブレット版） */
	.contact-flow-img-sp {
		display: none;
	}
}

/* スマホ版 */
@media (max-width: 500px) {
	
	.contact-form-contents {
		form[data-screen="confirm"] {
			.wp-block-snow-monkey-forms-item.smf-item {
				.smf-item__col.smf-item__col--label {
					padding: var(--wp--preset--spacing--40) !important;
					width: 32%;
				}
				.smf-item__col.smf-item__col--controls {
					padding: var(--wp--preset--spacing--40) !important;
					width: 68%;
				}
			}
		}
	}
	
	.wp-block-snow-monkey-blocks-tabs.smb-tabs.is-style-line {
		margin-top: var(--wp--preset--spacing--60) !important;
		
		/* タブとタブの内容の間の余白をなくす・タブ間の余白を追加（スマホ版） */
		.smb-tabs__tabs {
			column-gap: var(--wp--preset--spacing--20);
			
			/* タブの横幅のスタイルを調整（スマホ版） */
			.smb-tabs__tab-wrapper {
				button.smb-tabs__tab {
					width: fit-content;
				}
			}
		}
		
		/* お見積りから納車の流れの画像を非表示（スマホ版） */
		.contact-flow-img-pc {
			display: none;
		}
	}
}

/* 404ページ */
.error404 {
	
	/* パンくずリストの名前を変更（共通） */
	.aioseo-breadcrumb:last-child {
		font-size: 0;
	}
	.aioseo-breadcrumb:last-child::before {
		content: "エラー";
		color: var(--wp--preset--color--gray-03);
		font-family: var(--wp--preset--font-family--noto-sans-jp);
		font-size: clamp(0.75rem, 0.7197rem + 0.1294vw, 0.875rem);
		font-weight: 500;
		letter-spacing: 0.06em;
		line-height: 1.78;
	}
	
	/* PC版 */
	@media (min-width: 1281px) {
		
		/* コンテンツの余白を調整（PC版） */
		.wp-block-group.alignfull.page-bg-holder.page-bg.page-section.is-404.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained.has-background {
			padding-bottom: 15rem !important;
		}
	}
	
	/* タブレット・スマホ版 */
	@media (max-width: 1280px) {
		
		/* 背景画像を非表示（タブレット・スマホ版） */
		.wp-block-group.alignfull.page-bg-holder.page-bg.page-section.is-404.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained.has-background {
			background-image: none !important;
		}
	}
}

/* よくある質問ページ */
.page-id-1066 {
	 .home-qa-contents {
		 
		 /* アコーディオン間の余白を調整（共通） */
		 .smb-accordion>*+* {
			 margin-top: var(--wp--preset--spacing--50) !important;
		 }
		 
		 .wp-block-snow-monkey-blocks-accordion {
			 
			 /* アコーディオン内の背景色や余白、テキスト等修正（共通） */
			 .smb-accordion__item__title {
				 background-color: var(--wp--preset--color--base);
				 padding: var(--wp--preset--spacing--50) 0 0 0;
                 border-top: #DBDBDB 1px solid;
				 span.smb-accordion__item__title__label {
                    font-weight: 500 !important;
                    font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem) !important;
				 }
				 span.smb-accordion__item__title__label {
					 display: flex;
					 align-items: center;
				 }
				 span.smb-accordion__item__title__label::before {
					 content: "Q";
					 color: var(--wp--preset--color--primary);
					 font-family: var(--wp--preset--font-family--lato);
					 font-size: clamp(2.125rem, 2.034rem + 0.3883vw, 2.5rem);
					 font-weight: 700;
					 letter-spacing: 0.071em;
					 margin-right: var(--wp--preset--spacing--50);
					 line-height: 1;
				 }
				 .smb-accordion__item__title__icon {
					 color: #A2A2A2 !important;
					 margin-left: var(--wp--preset--spacing--50);
				 }
			 }
			 
			 /* 吹き出しのpaddingを調整（共通） */
			 .smb-balloon__body.has-global-padding.is-layout-constrained.wp-block-balloon-is-layout-constrained {
				 padding: var(--wp--preset--spacing--40) !important;
				 border-radius: 10px;
			 }
			 
			 /* 吹き出しとアコーディオン間の余白の調整（共通） */
			 .smb-accordion__item__body.has-global-padding.is-layout-constrained.wp-block-accordion-item-is-layout-constrained {
				 padding-top: var(--wp--preset--spacing--40) !important;
			 }
			 
			 /* キャラクターのアイコンのサイズと位置を調整（共通） */
			 .home-qa-character {
				 .home-qa-character-img {
					 aspect-ratio: 1 / 1;
					 width: clamp(5.624375rem, 5.336rem + 1.2304vw, 6.8125rem);
					 position: relative;
					 margin-left: auto;
					 margin-right: auto;
					 figure {
						 width: clamp(3.42375rem, 3.1451rem + 1.189vw, 4.571875rem) !important;
						 height: auto;
						 position: absolute;
						 top: 50%;
						 left: 50%;
						 transform: translate(-50%, -50%);
						 img {
							 width: clamp(3.42375rem, 3.1451rem + 1.189vw, 4.571875rem) !important;
							 height: auto;
							 max-width: initial !important;
						 }
					 }
				 }
			 }
			 
			 /* 最後の質問の下に線を入れる（共通） */
			 .wp-block-snow-monkey-blocks-accordion-item.smb-accordion__item:last-child {
				 padding-bottom: var(--smb-accordion--gap) !important;
				 border-bottom: #DBDBDB 1px solid;
			 }
		 }
	}
	
	/* PC版 */
	@media (min-width: 1281px) {
		
		/* 吹き出しの横幅を狭くする（PC版） */
		.wp-block-snow-monkey-blocks-balloon.smb-balloon.smb-balloon--reverse {
			width: 90%;
			margin-left: auto;
		}
		
		/* 最大横幅を指定（PC版） */
		.home-qa-contents {
			max-width: 798px;
		}
		
		/* 各質問の左右の余白を設定（PC版） */
		.wp-block-snow-monkey-blocks-accordion-item.smb-accordion__item {
			.smb-accordion__item__title {
				padding-left: var(--wp--preset--spacing--30) !important;
				padding-right: var(--wp--preset--spacing--30) !important;
			}
		}
	}
	
	/* タブレット・スマホ版 */
	@media (max-width: 1280px) {
		
		/* 背景画像を非表示（タブレット・スマホ版） */
		.entry-content {
			.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained.has-background {
				background-image: none !important;
			}
		}
		
		/* お見積り・お問い合わせの背景画像は表示（タブレット・スマホ版） */
		.contact-footer {
			background-image: url(/wp-content/uploads/2025/09/contact-back-img.png) !important;
		}
	}
	
	/* タブレット（Air・mini）・スマホ版 */
	@media (max-width: 1000px) {
		
		/* タブレット（mini）・スマホ版 */
		@media (max-width: 800px) {
			
			.home-qa-contents {
				.wp-block-snow-monkey-blocks-accordion {
					
					/* カラムの並べ方と幅を調整（タブレット（mini）・スマホ版） */
					.wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-block-columns-is-layout-flex {
						flex-wrap: nowrap !important;
						.home-qa-character {
							flex-basis: 16% !important;
						}
					}
				}
			}
			
			/* スマホ版 */
			@media (max-width: 500px) {
				
				/* 質問への回答のサイズ調整（スマホ版） */
				.home-qa-panel-02 {
					.smb-accordion__item__body.has-global-padding.is-layout-constrained.wp-block-accordion-item-is-layout-constrained {
						height: 240px !important;
						.home-qa-character {
							bottom: -44% !important;
						}
					}
				}
				.home-qa-panel-03 {
					.smb-accordion__item__body.has-global-padding.is-layout-constrained.wp-block-accordion-item-is-layout-constrained {
						height: 240px !important;
						.home-qa-character {
							bottom: -44% !important;
						}
					}
				}
				.home-qa-panel-04 {
					.smb-accordion__item__body.has-global-padding.is-layout-constrained.wp-block-accordion-item-is-layout-constrained {
						height: 160px !important;
						.home-qa-character {
							bottom: -80% !important;
						}
					}
				}
				.home-qa-panel-05 {
					.smb-accordion__item__body.has-global-padding.is-layout-constrained.wp-block-accordion-item-is-layout-constrained {
						height: 220px !important;
						.home-qa-character {
							bottom: -56% !important;
						}
					}
				}
				.home-qa-panel-06 {
					.smb-accordion__item__body.has-global-padding.is-layout-constrained.wp-block-accordion-item-is-layout-constrained {
						height: 180px !important;
						.home-qa-character {
							bottom: -64% !important;
						}
					}
				}
				.home-qa-panel-07 {
					.smb-accordion__item__body.has-global-padding.is-layout-constrained.wp-block-accordion-item-is-layout-constrained {
						height: 180px !important;
						.home-qa-character {
							bottom: -64% !important;
						}
					}
				}
				.home-qa-panel-08 {
					.smb-accordion__item__body.has-global-padding.is-layout-constrained.wp-block-accordion-item-is-layout-constrained {
						height: 190px !important;
						.home-qa-character {
							bottom: -68% !important;
						}
					}
				}
				.home-qa-panel-09 {
					.smb-accordion__item__body.has-global-padding.is-layout-constrained.wp-block-accordion-item-is-layout-constrained {
						height: 220px !important;
						.home-qa-character {
							bottom: -56% !important;
						}
					}
				}
				.home-qa-panel-10 {
					.smb-accordion__item__body.has-global-padding.is-layout-constrained.wp-block-accordion-item-is-layout-constrained {
						height: 240px !important;
						.home-qa-character {
							bottom: -44% !important;
						}
					}
				}
				.home-qa-panel-11 {
					.smb-accordion__item__body.has-global-padding.is-layout-constrained.wp-block-accordion-item-is-layout-constrained {
						height: 240px !important;
						.home-qa-character {
							bottom: -44% !important;
						}
					}
				}
				
				/* .home-qa-panel-01 {
					.smb-accordion__item__body.has-global-padding.is-layout-constrained.wp-block-accordion-item-is-layout-constrained {
						height: 160px !important;
						.home-qa-character {
							bottom: -80% !important;
						}
					}
				}
				.home-qa-panel-02 {
					.smb-accordion__item__body.has-global-padding.is-layout-constrained.wp-block-accordion-item-is-layout-constrained {
						height: 180px !important;
						.home-qa-character {
							bottom: -64% !important;
						}
					}
				}
				.home-qa-panel-03 {
					.smb-accordion__item__body.has-global-padding.is-layout-constrained.wp-block-accordion-item-is-layout-constrained {
						height: 190px !important;
						.home-qa-character {
							bottom: -68% !important;
						}
					}
				}
				.home-qa-panel-04 {
					.smb-accordion__item__body.has-global-padding.is-layout-constrained.wp-block-accordion-item-is-layout-constrained {
						height: 220px !important;
						.home-qa-character {
							bottom: -56% !important;
						}
					}
				}
				.home-qa-panel-05 {
					.smb-accordion__item__body.has-global-padding.is-layout-constrained.wp-block-accordion-item-is-layout-constrained {
						height: 240px !important;
						.home-qa-character {
							bottom: -44% !important;
						}
					}
				} */
				
				.home-qa-contents {
					.wp-block-snow-monkey-blocks-accordion {
						
						/* カラムの並べ方を調整（スマホ版） */
						.wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-block-columns-is-layout-flex {
							flex-wrap: wrap !important;
							position: relative;
						}
						
						/* 吹き出しの高さを調整（スマホ版） */
						.smb-accordion__item__body.has-global-padding.is-layout-constrained.wp-block-accordion-item-is-layout-constrained {
							padding-bottom: 0 !important;
							height: 300px;
						}
						
						/* キャラクターのアイコンの位置を調整（スマホ版） */
						.home-qa-character {
							position: absolute;
							z-index: 2;
							bottom: -36%;
							.home-qa-character-img {
								margin-right: 0 !important;
							}
						}
						
						/* 吹き出しを下向きにするカスタマイズ */
						.smb-balloon__body.has-global-padding.is-layout-constrained.wp-block-balloon-is-layout-constrained {
							position: relative;
						}
						.smb-balloon__body.has-global-padding.is-layout-constrained.wp-block-balloon-is-layout-constrained::before {
							content: none !important;
						}
						.smb-balloon__body.has-global-padding.is-layout-constrained.wp-block-balloon-is-layout-constrained::after {
							position: absolute;
							z-index: -1;
							top: auto !important;
							bottom: -10px !important;
							right: 32% !important;
							transform: skew(180deg, 45deg);
							border-width: 0px 10px 75px !important;
						}
					}
				}
			}
		}
	}
}

/* プライバシーポリシーページ */
.page-id-1034 {
	
	/* タブレット・スマホ版 */
	@media (max-width: 1280px) {
		
		/* 背景画像を非表示（タブレット・スマホ版） */
		.wp-block-group.page-bg.page-bg-holder.page-section.is-privacy.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained.has-background {
			background-image: none !important;
		}
	}
}

/* 施工事例一覧 */
/* 土台：カード全体（グループ） */
.case-card{
  position: relative;
  border-radius: .75rem; /* 任意 */
  overflow: hidden;      /* 任意：角丸からはみ出さない */
}

/* Read More ブロック本体（ラッパー） */
.case-card > .stretched-link.wp-block-read-more{ margin:0; padding:0; }

/* ←重要：ラッパー内のアンカーを“全面リンク”化＆見た目リセット */
.case-card > a.stretched-link.wp-block-read-more,
.case-card > .stretched-link.wp-block-read-more .wp-block-read-more__link{
  position: absolute !important;
  inset: 0 !important;           /* 上下左右0＝全面を覆う */
  z-index: 999 !important;       /* 上にかぶせる */
  display: block !important;

  /* 見た目を完全に消す（テーマの .wp-element-button を打ち消し） */
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: 100%;
  margin: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;

  cursor: pointer !important;
  pointer-events: auto !important;
}

/* キーボード操作のときだけフォーカスリングを表示（任意） */
.case-card > .stretched-link.wp-block-read-more a:focus-visible,
.case-card > .stretched-link.wp-block-read-more .wp-block-read-more__link:focus-visible{
  outline: 2px solid var(--case-accent, #0ea5e9);
  outline-offset: 2px;
}