/*
Theme Name: YAMAMURA 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: yamamura-theme
Tags: 
*/

/* ナビゲーションメニューをクリックした際に、スムーズにスクロールされる（共通） */
:root{
	scroll-behavior: smooth;
    scroll-padding: 80px;
}

/* 各見出しのフォントの調整（共通） */
body {
    h1 {
        font-size: clamp(2.5rem, 1.1154rem + 2.8846vw, 4rem) !important;
    }
    h2 {
        font-size: clamp(2rem, 1.0769rem + 1.9231vw, 3rem) !important;
		letter-spacing: 3px;
    }
    h3 {
        font-size: clamp(1.5rem, 0.5769rem + 1.9231vw, 2.5rem) !important;
    }
    h4 {
        font-size: clamp(1.25rem, 0.5577rem + 1.4423vw, 2rem) !important;
    }
    h5 {
        font-size: clamp(1.125rem, 0.7788rem + 0.7212vw, 1.5rem) !important;
    }
    h6 {
        font-size: clamp(1rem, 0.8846rem + 0.2404vw, 1.125rem) !important;
    }
    p {
        font-size: clamp(0.875rem, 0.7596rem + 0.2404vw, 1rem) !important;
		text-align: justify;
    }
	p.text-english {
		line-height: 1.6;
		font-size: clamp(0.75rem, 0.6346rem + 0.2404vw, 0.875rem) !important;
	}
	@media (max-width: 500px) {
		p.text-japanese {
			line-height: 2.0;
		}
		li.text-japanese {
			line-height: 2.0;
		}
		.heading-mobile-02 {
			text-align: center;
			h2 {
				text-align: center;
				width: 100%;
			}
			h5 {
				text-align: center;
				width: 100%;
			}
		}
	}
}

/* コンテンツの最大幅を1200pxにする（PC版） */
@media (min-width: 1281px) {
    .max-width-setting {
        max-width: 1200px !important;
        width: 100%;
        height: auto;
    }
	.snow-monkey-form {
		max-width: 1200px !important;
        width: 100%;
        height: auto;
	}
}

/* ヘッダー */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;

    /* モバイル版のハンバーガーメニュのテキストの色を変更（共通） */
    .has-modal-open.is-menu-open {
        button {
            color: var(--wp--preset--color--base) !important;
        }
        li {
            a {
                color: var(--wp--preset--color--base) !important;
            }
        }
        ul.wp-block-navigation__submenu-container {
            padding-top: var(--wp--preset--spacing--20) !important;
            .wp-block-navigation-item__label {
                text-align: center;
                span.wp-rich-text-font-awesome-icon.wp-font-awesome-icon {
                    margin-left: 8px;
                    svg {
                        width: 8px;
                    }
                }
            }
        }
    }

    /* サブメニューの背景色やアイコンとテキストの余白などの調整（共通） */
    ul.wp-block-navigation__submenu-container.has-background.has-text-background-color {
        background-color: var(--wp--preset--color--base) !important;
        .wp-rich-text-font-awesome-icon.wp-font-awesome-icon {
            margin-left: 8%;
            aspect-ratio: 1 / 1;
            svg {
                width: 8%;
            }
        }
    }

    /* タブレット版のヘッダーをハンバーガーメニューにする（タブレット版（mini・Airのみ）） */
    @media (max-width: 1000px) {
        .wp-block-navigation__responsive-container-open:not(.always-shown) {
            display: block;
        }
        .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
            display: none;
        }
        .has-modal-open.is-menu-open {
            padding-top: 24px;
            padding-right: 40px;
            padding-left: 40px;
        }

        /* スマホ版のヘッダーの左右の余白を調整する（モバイル版） */
        @media (max-width: 500px) {
            .wp-block-group.alignwide {
                max-width: 100% !important;
            }
            .wp-block-navigation__responsive-close {
                max-width: 100% !important;
            }
        }
    }
}

/* メガメニュー用ヘッダー */
.mega-menu-header {
    margin-top: 0;
	
	/* 各メニューの高さを低く調整（共通） */
	li.menu-label-line {
		a.mega-menu-link {
			height: auto !important;
			line-height: normal !important;
		}
	}
	
	/* 各メニューの下に下線を入れる（共通） */
	.menu-label-line::after {
		content: '' !important;
		display: block !important;
		height: 10px !important;
		width: 1px !important;
		border-width: 0 !important;
		background-color: var(--wp--preset--color--text);
		margin-block-start: 8px !important;
		margin-left: auto;
		margin-right: auto;
	}
	.menu-label-line:hover::after {
		background-color: var(--wp--preset--color--line-01);
	}
	.mega-toggle-on::after {
		background-color: var(--wp--preset--color--line-01);
		color: var(--wp--preset--color--line-01);
	}

	
	/* メガメニューの表示位置をロゴとメニューに重ならないようにする（共通） */
	#mega-menu-item-1099 {
		ul.mega-sub-menu {
			margin-top: 20px !important;
			.mega-menu-row {
				ul.mega-sub-menu {
					margin-top: 0px !important;
				}
			}
		}
	}
	#mega-menu-item-1100 {
		ul.mega-sub-menu {
			margin-top: 20px !important;
			.mega-menu-row {
				ul.mega-sub-menu {
					margin-top: 0px !important;
				}
			}
		}
	}

	/* ヘッダーとメガメニューのフォントを別にする（共通） */
	li.mega-menu-item {
		a.mega-menu-link {
			font-family: var(--wp--preset--font-family--nanum-myeongjo) !important;
		}
	}
	#mega-menu-1099-1 {
		a.mega-menu-link {
			font-family: var(--wp--preset--font-family--noto-sans-jp) !important;
		}
	}
	#mega-menu-1099-2 {
		a.mega-menu-link {
			font-family: var(--wp--preset--font-family--noto-sans-jp) !important;
		}
	}
	#mega-menu-1100-1 {
		a.mega-menu-link {
			font-family: var(--wp--preset--font-family--noto-sans-jp) !important;
		}
	}
	#mega-menu-1100-2 {
		a.mega-menu-link {
			font-family: var(--wp--preset--font-family--noto-sans-jp) !important;
		}
	}
	
    /* メガメニューの下に影を付ける（共通） */
    ul.mega-sub-menu {
        box-shadow: 0px 8px 8px 0px rgba(51,51,51,0.2) !important;

        /* サブメニューのタイトルを設定（共通） */
        .mega-menu-title {
            box-shadow: none !important;
            margin-bottom: var(--wp--preset--spacing--50) !important;
            ul.mega-sub-menu {
                box-shadow: none !important;
                display: flex !important;
                justify-content: center !important;
                align-items: flex-end !important;
                #mega-menu-1099-0-0 {
                    box-shadow: none !important;
                    width: 2.5% !important;
                    height: 100% !important;
                    @media (max-width: 500px) {
                        width: 4% !important;
                    }
                }
                #mega-menu-1099-0-1 {
                    width: fit-content !important;
                    box-shadow: none !important;
                    margin: 0 0 0 1.6% !important;
                    h4 {
                        width: fit-content !important;
                        margin: 0 !important;
                        text-align: left !important;
                        font-family: Nanum Myeongjo !important;
                        font-size: clamp(1.5rem, 0.5769rem + 1.9231vw, 2.5rem) !important;
                    }
                    @media (max-width: 500px) {
                        h4 {
                            font-size: clamp(1.125rem, 0.7788rem + 0.7212vw, 1.5rem) !important;
                        }
                    }
                }
                #mega-menu-1100-0-0 {
                    box-shadow: none !important;
                    width: 2.5% !important;
                    height: 100% !important;
                    @media (max-width: 500px) {
                        width: 4% !important;
                    }
                }
                #mega-menu-1100-0-1 {
                    width: fit-content !important;
                    box-shadow: none !important;
                    margin: 0 0 0 1.6% !important;
                    h4 {
                        width: fit-content !important;
                        margin: 0 !important;
                        text-align: left !important;
                        font-family: Nanum Myeongjo !important;
                        font-size: clamp(1.5rem, 0.5769rem + 1.9231vw, 2.5rem) !important;
                    }
                    @media (max-width: 500px) {
                        h4 {
                            font-size: clamp(1.125rem, 0.7788rem + 0.7212vw, 1.5rem) !important;
                        }
                    }
                }
            }
        }

        /* カラムを両端ぞろえにする（共通） */
        li.ymmr-mega-menu {
			ul.mega-sub-menu {
                display: flex !important;
                justify-content: space-between !important;
                box-shadow: none !important;

                /* サブメニューの見え方を設定（共通） */
                li.mega-menu-column {
                    width: 32% !important; /* 各メニューのサイズを調整 */
                        
                    li.mega-menu-item {
                        a {
                            background-repeat: no-repeat !important; /* 繰り返しを無効化 */
                            background-size: cover !important; /* 画像を画面全体に拡大縮小 */
                            background-position: center !important; /* 画像を中央に配置 */
                            aspect-ratio: 3 / 2;

                            /* メニューのテキストを中央に配置（共通） */
                            display: flex !important;
                            justify-content: center !important;
                            align-items: center !important;
                            flex-direction: row-reverse;

                            /* テキストに影を付ける（共通） */
                            text-shadow: 0 4px 4px rgba(0,0,0,0.25) !important;
                        }
                    }
                }
                /* 各メニューの背景に画像を入れる（共通） */
                .works-menu-01 {
                    margin-bottom: 0.75rem !important;
                    a {
                        background-image: url('/wp/wp-content/uploads/2025/07/menu-live.jpg') !important;
                    }
                }
                .works-menu-02 {
                    margin-bottom: 0.75rem !important;
                    a {
                        background-image: url('/wp/wp-content/uploads/2025/07/menu-study.jpg') !important;
                    }
                }
                .works-menu-03 {
                    margin-bottom: 0.75rem !important;
                    a {
                        background-image: url('/wp/wp-content/uploads/2025/08/menu-nurture-02.jpg') !important;
                    }
                }
                .works-menu-04 {
                    margin-top: 0.75rem !important;
                    a {
                        background-image: url('/wp/wp-content/uploads/2025/08/menu-work-02.jpg') !important;
                    }
                }
                .works-menu-05 {
                    margin-top: 0.75rem !important;
                    a {
                        background-image: url('/wp/wp-content/uploads/2025/08/menu-care-02.jpg') !important;
                    }
                }
                .works-menu-06 {
                    margin-top: 0.75rem !important;
                    a {
                        background-image: url('/wp/wp-content/uploads/2025/08/menu-saisei-02.jpg') !important;
                    }
                }
                .business-menu-01 {
                    margin-bottom: 0.75rem !important;
                    a {
                        background-image: url('/wp/wp-content/uploads/2025/07/craft-strengths-02.jpg') !important;
                    }
                }
                .business-menu-02 {
                    margin-bottom: 0.75rem !important;
                    a {
                        background-image: url('/wp/wp-content/uploads/2025/07/build-strengths-04.jpg') !important;
                    }
                }
                .business-menu-03 {
                    margin-bottom: 0.75rem !important;
                    a {
                        background-image: url('/wp/wp-content/uploads/2025/07/plan-strengths-02.jpg') !important;
                    }
                }
                .business-menu-04 {
                    margin-top: 0.75rem !important;
                    a {
                        background-image: url('/wp/wp-content/uploads/2025/07/real-estate-mv-img-03.jpg') !important;
                    }
                }
                .business-menu-05 {
                    margin-top: 0.75rem !important;
                    a {
                        background-image: url('/wp/wp-content/uploads/2025/07/menu-nurture.jpg') !important;
                    }
                }
                .business-menu-06 {
                    margin-top: 0.75rem !important;
                    a {
                        background-image: url('/wp/wp-content/uploads/2025/07/menu-saisei.jpg') !important;
                    }
                }

            }
        }
    }
}

/* 開いているページのメニューの縦線の色を赤にする（共通） */
/* About us */
.page-id-324 {
	#mega-menu-item-1083.menu-label-line::after {
		background-color: var(--wp--preset--color--line-01) !important;
	}
}
/* History */
.page-id-432 {
	#mega-menu-item-1085.menu-label-line::after {
		background-color: var(--wp--preset--color--line-01) !important;
	}
}
/* Business */
.page-id-638 {
	#mega-menu-item-1099.menu-label-line::after {
		background-color: var(--wp--preset--color--line-01) !important;
	}
}
.page-id-695 {
	#mega-menu-item-1099.menu-label-line::after {
		background-color: var(--wp--preset--color--line-01) !important;
	}
}
.page-id-720 {
	#mega-menu-item-1099.menu-label-line::after {
		background-color: var(--wp--preset--color--line-01) !important;
	}
}
.page-id-727 {
	#mega-menu-item-1099.menu-label-line::after {
		background-color: var(--wp--preset--color--line-01) !important;
	}
}
.page-id-744 {
	#mega-menu-item-1099.menu-label-line::after {
		background-color: var(--wp--preset--color--line-01) !important;
	}
}
.page-id-775 {
	#mega-menu-item-1099.menu-label-line::after {
		background-color: var(--wp--preset--color--line-01) !important;
	}
}
/* Works */
.page-id-906 {
	#mega-menu-item-1100.menu-label-line::after {
		background-color: var(--wp--preset--color--line-01) !important;
	}
}
.page-id-934 {
	#mega-menu-item-1100.menu-label-line::after {
		background-color: var(--wp--preset--color--line-01) !important;
	}
}
.page-id-937 {
	#mega-menu-item-1100.menu-label-line::after {
		background-color: var(--wp--preset--color--line-01) !important;
	}
}
.page-id-942 {
	#mega-menu-item-1100.menu-label-line::after {
		background-color: var(--wp--preset--color--line-01) !important;
	}
}
.page-id-945 {
	#mega-menu-item-1100.menu-label-line::after {
		background-color: var(--wp--preset--color--line-01) !important;
	}
}
.works-template.works-template-wp-custom-template-work.single.single-works {
	#mega-menu-item-1100.menu-label-line::after {
		background-color: var(--wp--preset--color--line-01) !important;
	}
}
/* News */
.page-id-234 {
	#mega-menu-item-1086.menu-label-line::after {
		background-color: var(--wp--preset--color--line-01) !important;
	}
}
.post-template.post-template-wp-custom-template-news.single.single-post {
	#mega-menu-item-1086.menu-label-line::after {
		background-color: var(--wp--preset--color--line-01) !important;
	}
}

/* PC版ではメガメニューを設定したヘッダーを表示（スマホ・タブレット版） */
@media (min-width: 1001px) {
    .normal-header {
        display: none;
    }
}

/* スマホ・タブレット版ではナビゲーションメニューブロックで設定したヘッダーを表示（スマホ・タブレット版） */
@media (max-width: 1000px) {
	.mega-menu-header {
        display: none;
    }
}


/* スマホ・タブレット版のメガメニューを調整（スマホ・タブレット版） */
@media (max-width: 1000px) {

    /* ハンバーガーメニューの線を細くする */
    span.mega-toggle-animated-inner {
        height: 2px !important;
    }
    span.mega-toggle-animated-inner::before {
        height: 2px !important;
    }
    span.mega-toggle-animated-inner::after {
        height: 2px !important;
    }

    /* メニューを開いたときに影を付ける */
    .mega-menu.max-mega-menu.mega-menu-horizontal {
        box-shadow: 0px 8px 8px 0px rgba(51,51,51,0.2) !important;
        ul.mega-sub-menu {
            box-shadow: none !important;
        }

        /* メガメニュー内のフォントサイズとpaddingを調整 */
        @media (max-width: 500px) {
            li.mega-menu-columns-1-of-3 {
                li.mega-menu-item.mega-menu-item-type-post_type.mega-menu-item-object-page {
                    a.mega-menu-link {
                        padding: var(--wp--preset--spacing--20) !important;
                        font-size: clamp(0.75rem, 0.5192rem + 0.4808vw, 1rem) !important;
                    }
                }
                li.mega-menu-item.mega-menu-item-type-custom.mega-menu-item-object-custom {
                    .dashicons-external.mega-menu-link {
                        padding: var(--wp--preset--spacing--20) !important;
                        font-size: clamp(0.75rem, 0.5192rem + 0.4808vw, 1rem) !important;
                    }
                }
            }
        }
    }
}

/* navigationブロックを非表示にする（共通）
.normal-header {
    display: none;
} */

/* フッター */
footer {
	
	h5 {
		letter-spacing: 2px
	}
	
	/* タブレット（Air・mini）・モバイル版のみ調整 */
	@media (max-width: 1000px) {
		
		/* フッターにあるメニューの列数を調整（タブレット（Air・mini）・モバイル版） */
		.wp-container-core-group-is-layout-acc8bb78 {
			grid-template-columns: 2fr 2fr;
		}
		
		/* タブレット（mini）・スマホ版のみ調整 */
		@media (max-width: 800px) {

			/* スマホ版のみ調整 */
			@media (max-width: 500px) {
				
				/* フッターにあるロゴのサイズを調整（モバイル版） */
				.footer-logo {
					text-align: center;
				}

				/* フッターのコンテンツの幅やmarginなどを調整（モバイル版） */
				.wp-block-columns.alignwide {
					max-width: 100%;
				}
				.privacy-copyright {
					max-width: 100% !important;
				}

				/* フッターにあるメニューの余白を調整（モバイル版） */
				.wp-container-core-group-is-layout-acc8bb78 {
					max-width: 100% !important;
				}
				
				/* プライバシーポリシーとコピーライトを縦並びにする（モバイル版） */
				.privacy-copyright {
					flex-direction: column;
					gap: var(--wp--preset--spacing--30);
				}
				
				/* 住所とロゴの並びを逆にする（モバイル版） */
				.address-footer {
					flex-direction: column-reverse;
				}
			}
		}
		
	}

}

/* その他モバイル版のみ修正するパーツ */
@media (max-width: 500px) {
	
	/* 各ページの見出しとロゴを縦並びにする */
	.heading-mobile {
		flex-direction: column;
	}
	
	/* MOREを中央ぞろえにする */
	.more-mobile {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}


/* HOMEページ */
.home {
	.home-regeneration-img {
            max-width: 640px;
        }
	/* スクロールすると、HOMEページのヘッダーを表示する（共通） */
	.normal-header {
		top: -100px;
		transition: all 0.3s ease 0s;
	}
	.normal-header.m_fixed {
		position: fixed;
		top: 0;
	}
	.mega-menu-header {
		top: -100px;
		transition: all 0.3s ease 0s;
	}
	.mega-menu-header.m_fixed {
		position: fixed;
		top: 0;
	}
	main {
		margin-top: 0;
	}
	
	/* HOMEページのメニューのデザインと動作の調整（共通） */
	.home-menu-scroll {
		hr.home-menu-line {
			height: 10px;
			width: 1px;
			border-width:0;
			color: var(--wp--preset--color--text);
			background-color: var(--wp--preset--color--text);
			margin-block-start: 4%;
		}
		.home-menu-scroll-01:hover {
			p {
				color: var(--wp--preset--color--line-01);
			}
			hr.home-menu-line {
				color: var(--wp--preset--color--line-01);
				background-color: var(--wp--preset--color--line-01);
			}
		}
		.home-menu-scroll-02:hover {
			p {
				color: var(--wp--preset--color--line-01);
			}
			hr.home-menu-line {
				color: var(--wp--preset--color--line-01);
				background-color: var(--wp--preset--color--line-01);
			}
		}
		.home-menu-scroll-03:hover {
			p {
				color: var(--wp--preset--color--line-01);
			}
			hr.home-menu-line {
				color: var(--wp--preset--color--line-01);
				background-color: var(--wp--preset--color--line-01);
			}
		}
		.home-menu-scroll-04:hover {
			p {
				color: var(--wp--preset--color--line-01);
			}
			hr.home-menu-line {
				color: var(--wp--preset--color--line-01);
				background-color: var(--wp--preset--color--line-01);
			}
		}
		.home-menu-scroll-05:hover {
			p {
				color: var(--wp--preset--color--line-01);
			}
			hr.home-menu-line {
				color: var(--wp--preset--color--line-01);
				background-color: var(--wp--preset--color--line-01);
			}
		}
		.home-menu-scroll-06:hover {
			p {
				color: var(--wp--preset--color--line-01);
			}
			hr.home-menu-line {
				color: var(--wp--preset--color--line-01);
				background-color: var(--wp--preset--color--line-01);
			}
		}
	}
	
    /* HOMEページのメインビジュアルとヘッダーを重ねる（共通） */
    position: relative;
    .home-mv {
        aspect-ratio: 16 / 9;
        height: 100%;
		padding-right: 0;
        .header {
            z-index: 1;
			margin-right: 0 !important;
			max-width: 86% !important;
			.home-header-logo {
				figure {
					width: auto;
				}
			}
			.more-movie {
				img {
					vertical-align: middle;
				}
			}
        }
        .home-mv-img {
            position: absolute;
            top: 0;
            z-index: 0;
            margin-block-start: 0;
            width: 100%;
			.home-mv-word {
				position: absolute;
				z-index: 1;
				bottom: 10%;
				right: 10%;
				width: 40%;
			}
        }
		
		/* スマホ版のみ調整 */
		@media (max-width: 500px){
			
			/* ヘッダーのコンテンツの幅やmarginなどを調整（モバイル版） */
			.header {
				max-width: 100% !important;
				.home-header-logo {
					width: 32%;
					img {
						vertical-align: middle;
					}
				}
				figure {
					width: 32%;
				}
				div.wp-container-core-group-is-layout-d86824cf {
					padding-top: var(--wp--preset--spacing--20) !important;
					padding-right: var(--wp--preset--spacing--40) !important;
					padding-bottom: var(--wp--preset--spacing--20) !important;
					padding-left: var(--wp--preset--spacing--40) !important;
					gap: var(--wp--preset--spacing--20) !important;
					figure {
						width: 24%;
					}
				}
			}
        .home-mv-img {
			.home-mv-word {
				right: 3%;
				width: 50%;
			}
        }

		}
	}
	
	/* PC・タブレット版のみ調整 */
	@media (min-width: 501px) {
		
		/* Works PICK UP! を非表示（PC・タブレット版） */
		.home-pickup-mobile {
			display: none;
		}
		
		/* バナーの並べ方を2列にする（PC・タブレット版） */
		.home-banner {
			.wp-container-core-columns-is-layout-1d9f35bd {
				flex-wrap: nowrap !important;
			}
		}
		
	}
	
	/* タブレット・スマホ版のみ調整 */
	@media (max-width: 1280px) {
		
		/* お知らせの日付・カテゴリー・タイトルを縦並びにする（タブレット・スマホ版） */
		.wp-block-post.post.type-post.status-publish.format-standard.hentry {
			.wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-block-columns-is-layout-flex {
				flex-direction: column;
			}
		}
		
	}
	
	/* スマホ版のみ調整 */
	@media (max-width: 500px) {
		
		/* HOMEのメインビジュアルを大きく表示する（モバイル版） */
		.home-mv {
			aspect-ratio: 7 / 8;
			width: 100% !important;
			.home-mv-img {
				aspect-ratio: 7 / 8;
				width: 100% !important;
				height: auto;
				video {
					width: 200%;
					position: absolute;
					left: 50%;
					transform: translateX(-50%);
					z-index: 0;
				}
			}
		}
		
		/* Works PICK UP! を非表示（モバイル版） */
		.home-pickup-pc {
			display: none;
		}
		.home-pickup-mobile {
			margin-top: 0;
		}
		
		/* バナー間の余白を調整（モバイル版） */
		.home-banner {
			.wp-container-core-columns-is-layout-1d9f35bd {
			max-width: 100%;
				.wp-container-core-column-is-layout-5dafc681 {
					display: grid;
					gap: var(--wp--preset--spacing--30);
					figure {
						margin-top: 0;
					}
				}
			}
		}
		
		/* 横幅を広げ、左右の余白を広げる（モバイル版） */
		.home-menu-scroll {
			max-width: 100%;
		}
	}

    main {

        /* HOMEの写真を右側へ広げる（Business・Recruit）（共通） */
        overflow: hidden;
        .home-outside-right {
            margin-right: calc(50% - 50vw) !important;
        }

        /* 淡い赤背景を入れる（HOME）（共通） */
        .home-back-red {
            .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-ea69a204.wp-block-columns-is-layout-flex {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 100%;
				margin-top: 0;
            }
            .home-contact {
                position: absolute;
                top: 72%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 100%;
				a.wp-block-group-vk-link {
					max-width: 100%;
					margin-block-start: 0;
				}
            }
        }
		
		/* PC・タブレット版のみ調整 */
		@media (min-width: 501px) {
			
			/* Business・Recruitの写真を非表示（PC・タブレット版） */
			.home-business-img {
				display: none;
			}
			.home-recruit-img {
				display: none;
			}
			
		}

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

            /* HOMEのBusiness・Recruitの高さを調整（PC版） */
            .menu-photo-layer-01 {
                aspect-ratio: 1 / 1;
                height: 100%;
                .home-menu {
                    width: 42%;
                    position: absolute;
                    top: 50%;
                    z-index: 1;
                }
            }
            .menu-photo-layer-02 {
                aspect-ratio: 16 / 9;
                height: 100%;
                .home-menu {
                    width: 42%;
                    position: absolute;
                    top: 64%;
                    z-index: 2;
                }
            }
			
        }

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

            /* HOMEページ内に淡い赤背景が入っている要素の高さやmarginを調整（タブレット版（mini）） */
            .home-back-red {
                aspect-ratio: 4 / 3;
                height: 100%;
				figure.wp-block-image.alignfull.size-full {
					position: absolute;
					top: 50%;
					transform: translateY(-50%);
					width: 100%;
				}
            } 
			
            #Contact {
                aspect-ratio: 2 / 1 !important;
                height: 100%;
                margin-top: 0;
                .home-contact {
                    margin-top: 0;
                }
            }

            /* HOMEページ内のWorkのロゴのサイズと位置を調整（スマホ・タブレット版（mini）） */
            #Works {
                .works-right-img {
                    width: 50%;
                    margin: 0 auto;
                }
            }
        }
    }

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

        /* HOMEページの上部のmarginをなくす（モバイル版） */
        html {
            margin-top: 0 !important;
        }

        /* HOMEページのコンテンツの幅やmarginなどを調整（モバイル版） */
        #About-us {
            .wp-block-group {
                max-width: 100%;
            }
            .wp-block-columns.is-layout-flex {
                max-width: 100%;
            }
        }
        #History {
            figure {
                max-width: 100%;
            }
            .wp-block-group.is-vertical {
                max-width: 100%;
            }
			p {
				text-align: justify !important;
			}
        }
        #Works {
            .wp-block-columns.is-layout-flex {
                max-width: 100%;
            }
        }
        #Business {
            .menu-photo-layer-01 {
                max-width: 100%;
				align-items: center;
				gap: 0;
				
				/* 写真とメニューを全幅に広げる（モバイル版） */
				.home-menu {
					width: 100vw;
				}
				.home-outside-right {
					display: none;
				}
				.home-business-img {
					width: 100vw;
					margin-top: clamp(2rem, 1.0769rem + 1.9231vw, 3rem) !important;
				}
            }
        }
        #Recruit {
            .menu-photo-layer-02 {
                max-width: 100%;
				align-items: center;
				gap: 0;
				
				/* 写真とメニューを全幅に広げる（モバイル版） */
				.home-menu {
					width: 100vw;
				}
				.home-outside-right {
					display: none;
				}
				.home-recruit-img {
					width: 100vw;
					margin-top: clamp(2rem, 1.0769rem + 1.9231vw, 3rem) !important;
				}
            }
        }
        .wp-block-query {
            max-width: 100%;
        }
		
		/* 最新のお知らせの表示数を変更（モバイル版） */
		#News {
			.wp-block-query.is-layout-flow.wp-block-query-is-layout-flow {
				ul > *:nth-child(n+4) {
					display: none !important;
				}
				.arrow-img {
					img {
						max-width: 32px;
					}
				}
			}
		}
		
		/* 赤い背景を上下中央ぞろえにする（モバイル版） */
		.home-back-red {
			aspect-ratio: 1 / 1 !important;
			figure.wp-block-image.alignfull.size-full {
				position: absolute;
                top: 50%;
                transform: translateY(-50%);
				width: 100%;
			}
			.home-contact {
				top: 32% !important;
				p.has-text-align-center {
					margin-block-start: 0;
				}
			}
			
			/* history下の写真の横幅を広げる（モバイル版） */
			.wp-container-core-columns-is-layout-ea69a204 {
				max-width: 90%;
			}
		} 
        
    }
}

/* お知らせ詳細ページ（共通） */
.wp-singular.post-template.post-template-wp-custom-template-news.single.single-post {
    
    /* カテゴリーの余白の調整（共通） */
    .taxonomy-category {
        a {
            padding: 2px 8px;
        }
    }

    /* 一覧に戻るボタンを上下中央ぞろえにする（共通） */
    .list-back‐button {
        figure {
            img {
                display: flex;
                align-items: center;
            }
        }
    }

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

        /* お知らせ詳細ページの修正（モバイル版） */
        .wp-singular.post-template.post-template-wp-custom-template-news.single.single-post {
            
            /* 左右のmarginの調整（モバイル版） */
            div.wp-block-group {
                max-width: 100%;
            }
            div.wp-block-post-date {
                max-width: 100%;
            }
            div.entry-content {
                max-width: 100%;
                p {
                    max-width: 100%;
                }
            }
            figure {
                max-width: 100%;
            }
            .wp-block-columns {
                max-width: 100%;
            }
        }

    }

}

/* About usページ（共通） */
.page-id-324 {
    main {
		
		/* カーソルをあてると文字色が変わる（共通） */
		.menu-scroll-01:hover {
			p {
				color: var(--wp--preset--color--line-01);
			}
		}
		.menu-scroll-02:hover {
			p {
				color: var(--wp--preset--color--line-01);
			}
		}
		.menu-scroll-03:hover {
			p {
				color: var(--wp--preset--color--line-01);
			}
		}
		.menu-scroll-04:hover {
			p {
				color: var(--wp--preset--color--line-01);
			}
		}
		.menu-scroll-05:hover {
			p {
				color: var(--wp--preset--color--line-01);
			}
		}

        /* コピーのサイズと位置を調整（共通） */
        .about-catchcopy-img {
            width: 40%;
            margin: 0 auto;
        }

        /* 「パートナー＆ネットワーク」のテキストの色を変更（共通） */
        .about-partner {
            .wp-block-group.is-vertical {
                width: 50%;
                margin-left: 0 !important;
				color: var(--wp--preset--color--base) !important;
            }
            p {
                color: var(--wp--preset--color--base) !important;
            }
        }

        /* 「Regeneration」のテキストの色と要素の配置を変更（共通） */
        .about-regeneration {
            .wp-block-group.has-global-padding {
                .about-regeneration-img {
                    width: 40%;
                }
                p {
                    color: var(--wp--preset--color--base) !important;
                    margin-top: -24px;
                }
            }
            h5 {
                color: var(--wp--preset--color--base) !important;
            }
        }

        /* 淡い赤背景を入れる（共通） */
        .about-red-back-01 {
            position: relative;
            aspect-ratio: 2 / 1;
            div {
                z-index: 1;
            }
        }
        .about-red-back-02 {
            position: relative;
            aspect-ratio: 1 / 1;
            div {
                z-index: 1;
            }
        }
        .red-back-img {
            position: absolute;
            bottom: 0;
            width: 100%;
        }

        /* ロゴとMessageを重ねる（共通） */
        #Message {
            position: relative;
            aspect-ratio: 3 / 2;
            .about-message-logo {
	        bottom: -2%;
                z-index: 1;
                figure {
                    margin: 0 !important;
                    max-width: 100%;
                    text-align: right;
                }
            }
            .wp-block-group.alignfull {
/*                position: absolute;  */
                bottom: 0;
                width: 100%;
            }
			
        }
    }
	
	/* PC版のみ調整 */
	@media (min-width: 1281px) {
		
		main {
			/* ヘッダーとコンテンツの間の余白を調整（PC版） */
			margin-top: var(--wp--preset--spacing--60) !important;
		}
		
	}
    
	/* PC・タブレット版のみ調整 */
	@media (min-width: 801px) {
		
		/* スマホ版のみ表示する画像を非表示（PC・タブレット版） */
		.mv-img-mobile {
			display: none;
		}
		
		/* スマホ版の「記憶を繋ぎ未来を創る」を非表示（PC・タブレット版） */
		.wp-container-core-columns-is-layout-28f84493 {
			display: none;
		}
		
		/* スペーサーを非表示（PC・タブレット版） */
		.mobile-spacer {
			display: none;
		}
		
		/* スマホ・タブレット版（mini）版の「パートナー＆ネットワーク」を非表示（PC・タブレット版） */
		.about-partner-mobile {
			display: none;
		}
		
	}
	
    /* スマホ・タブレット版のみ調整 */
    @media (max-width: 1280px) {

        /* 「パートナー＆ネットワーク」の余白を調整（スマホ・タブレット版（mini）） */
        .about-partner {
            div.wp-block-group.is-vertical {
                margin-right: 0 !important;
                max-width: 100%;
                width: 100%;
            }
        }
        
        /* Business baseを1列にする（タブレット版（Air・Pro）） */
        .wp-block-group.is-layout-grid {
            grid-template-columns: 1fr !important;
        }
		
		/* 代表挨拶を1列にする（タブレット・スマホ版） */
		.wp-container-core-columns-is-layout-076b8e0d {
			flex-direction: column !important;
		}
		
		/* ヤマムラの製材工場を1列にする（タブレット・スマホ版） */
		.wp-container-core-columns-is-layout-643ced6b {
			flex-direction: column !important;
		}
		
		/* 淡い赤背景を入れる（タブレット・スマホ版） */
        .about-red-back-01 {
            aspect-ratio: 1.05 / 3 !important;
        }
    }
	
	@media (max-width: 1280px) {
		
		/* スクロールするメニューのテキストと矢印の間隔を調整（スマホ・タブレット版） */
		.wp-container-core-group-is-layout-327ecd92 {
			justify-content: space-between !important;
			p {
				flex-basis: auto;
			}
		}
		
	}

    /* スマホ版・タブレット版のみ調整 */
    @media (min-width: 801px) and (max-width: 1280px) {
		
		/* ヘッダーとコンテンツの間の余白を調整（タブレット版） */
		main {
			margin-top: var(--wp--preset--spacing--70) !important;
		}

        /* 「リジェネレーション」の余白などを調整（スマホ版・タブレット版） */
        .about-regeneration {
            .about-regeneration-img {
                width: 100% !important;
            }
        }

        /* Business baseを1列にする（スマホ版・タブレット版） */
        .wp-block-group.is-layout-grid {
            grid-template-columns: 1fr !important;
        }

        /* コピーのサイズと位置を調整（共通） */
        .about-catchcopy-img {
            width: 64% !important;
        }

        /* ロゴとMessageを重ねる（タブレット版（Pro）） */
        #Message {
            aspect-ratio: 3 / 5 !important;
        }

        @media (max-width: 1000px) {
            
            /* ロゴとMessageを重ねる（タブレット版（Air）） */
            #Message {
                aspect-ratio: 8.5 / 16 !important;
            }
        }

    }

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

            /* 「リジェネレーション」の余白などを調整（スマホ・タブレット版（mini）） */
            .about-regeneration {
                .about-regeneration-img {
                    margin-left: 0;
                    margin-right: 0;
                    max-width: 100%;
                    width: 100% !important;
                }
            }

        }
		
		/* メニューを非表示（スマホ・タブレット版（mini）） */
		.mv-mobile {
			.wp-container-core-group-is-layout-1c03520e {
				display: none;
			}
			.column-mv-img {
				display: none;
			}
		}

		/* PC・タブレット版の「記憶を繋ぎ未来を創る」を非表示（スマホ・タブレット版（mini）） */
		.about-catchcopy {
			display: none;
		}
		
		/* スマホ版の「記憶を繋ぎ未来を創る」のサイズを調整（スマホ・タブレット版（mini）） */
		.about-catchcopy-mobile {
			.about-catchcopy-img-mobile {
				width: 50%;
				margin-right: auto !important;
				margin-left: auto !important;
			}
		}
		
		/* 横並びで表示していた画像を非表示（スマホ・タブレット版（mini）） */
		.wp-container-core-columns-is-layout-3c17ea06 {
			display: none;
		}
		
        /* ロゴとMessageを重ねる（タブレット版（mini）） */
        #Message {
            aspect-ratio: 8.5 / 16 !important;
        }
		
		/* PC版の「パートナー＆ネットワーク」を非表示（スマホ・タブレット版（mini）） */
		.about-partner {
			display: none;
		}
		
		/* 会社概要と赤背景の重ね場所を変更（スマホ版） */
		.about-red-back-02 {
			aspect-ratio: 3.5 / 9 !important;
		}
		
        /* スマホ版のみ調整 */
        @media (max-width: 500px) {

            /* 各分類ごとに左右のmarginを調整（スマホ版） */
            .wp-block-columns.are-vertically-aligned-center {
                margin-left: 0;
                margin-right: 0;
                max-width: 100%;
            }
            .wp-block-columns.is-layout-flex {
                margin-left: 0;
                margin-right: 0;
                max-width: 100%;
            }
            .wp-block-group.is-vertical {
                margin-left: 0;
                margin-right: 0;
                max-width: 100%;
            }
            .wp-block-group.is-layout-grid {
                margin-left: 0;
                margin-right: 0;
                max-width: 100%;
            }
            .wp-block-group.has-global-padding {
                margin-left: 0;
                margin-right: 0;
                max-width: 100%;
            }
            .about-history {
                figure {
                    margin-left: 0;
                    margin-right: 0;
                    max-width: 100%;
                }
            }

            /* 代表挨拶の位置の調整（スマホ版） */
            #Message {
                .wp-block-group.alignfull {
                    left: 0;
                }
            }

            /* 「パートナー＆ネットワーク」の余白を調整（スマホ版） */
            .about-partner {
                padding: var(--wp--preset--spacing--50) !important;
            }
			
			/* 「私たちの強み」内の画像の横幅を画面いっぱいに広げる（スマホ版） */
			.strengths-mobile {
				figure {
					margin-right: calc(var(--wp--style--root--padding-right) * -1);
					margin-left: calc(var(--wp--style--root--padding-left) * -1);
				}
			}
			
			/* 区切り線の横幅を広げる（スマホ版） */
			hr {
				margin-left: 0 !important;
				margin-right: 0 !important;
				max-width: 100% !important;
				width: 100% !important;
			}

            /* 「リジェネレーション」の余白などを調整（スマホ版） */
            .about-regeneration {
                gap: var(--wp--preset--spacing--20);
                p {
                    margin-top: -8px !important;
                }
            }

            /* ロゴとMessageを重ねる（スマホ版） */
            #Message {
                aspect-ratio: 3.1 / 10 !important;
                .about-message-logo {
                    figure {
                        text-align: right;
                        img {
                            width: 32% !important;
                        }
                    }
                }
            }

			/* 会社概要と赤背景の重ね場所を変更（スマホ版） */
			.about-red-back-02 {
				aspect-ratio: 1.675 / 7 !important;
            }
			
			@media (max-width: 400px) {
				
				/* ロゴとMessageを重ねる（スマホ版） */
				#Message {
					aspect-ratio: 4.75 / 17 !important;
				}
				
				/* 会社概要と赤背景の重ね場所を変更（スマホ版） */
				.about-red-back-02 {
					aspect-ratio: 2.5 / 12 !important;
				}
			}
        }
    }
}

/* Historyページ */
.page-id-432 {
    main {
		
		/* カーソルをあてると文字色が変わる（共通） */
		.menu-scroll-01:hover {
			p {
				color: var(--wp--preset--color--line-01);
			}
		}
		.menu-scroll-02:hover {
			p {
				color: var(--wp--preset--color--line-01);
			}
		}
		.menu-scroll-03:hover {
			p {
				color: var(--wp--preset--color--line-01);
			}
		}
		
        /* 年表の縦線を配置（共通） */
        .history-timeline {
            position: relative;
            .history-border {
                position: absolute; /*絶対位置指定*/
                left: 4%; /*横位置の指定*/
                top: 0; /*縦位置の指定*/
                background: var(--wp--preset--color--text); /*線の色指定*/
                width: 1px; /*線の幅指定*/
                height: 100%;
            }
        }

        /* 年表の年数の位置の調整（共通） */
        .history-number {
            position: relative;
            h2 {
                text-align: center;
                width: 100%;
            }
            .history-number-01 {
                position: absolute;
                top: 10%;
            }
            .history-number-02 {
                position: absolute;
                bottom: 11%;
            }
            .history-number-03 {
                position: absolute;
                top: 6.5%;
            }
            .history-number-04 {
                position: absolute;
                top: 42.25%;
            }
            .history-number-05 {
                position: absolute;
                bottom: 14.25%;
            }
            .history-number-06 {
                position: absolute;
                top: 4.5%;
            }
            .history-number-07 {
                position: absolute;
                top: 26%;
            }
            .history-number-08 {
                position: absolute;
                top: 42.5%;
            }
            .history-number-09 {
                position: absolute;
                top: 59%;
            }
            .history-number-10 {
                position: absolute;
                bottom: 12%;
            }
            .history-number-11 {
                position: absolute;
                top: 13%;
            }
            .history-number-12 {
                position: absolute;
                bottom: 13.25%;
            }
        }

    }
	
	/* PC版のみ */
	@media (min-width: 1281px) {
		
		/* ヘッダーとmainの間の余白を調整（PC版） */
		main {
			margin-top: var(--wp--preset--spacing--60) !important;
		}
		
	}
	
	@media (min-width: 801px) and (max-width: 1280px) {
		
		/* ヘッダーとmainの間の余白を調整（PC版） */
		main {
			margin-top: var(--wp--preset--spacing--70) !important;
		}
		
	}
	
	/* PC・タブレット（Air・Pro）版のみ調整 */
	@media (min-width: 801px) {
		
		/* メインビジュアルの全幅の写真を非表示（PC・タブレット（Air・Pro）版） */
		.mv-mobile {
			.mv-img-mobile {
				display: none;
			}
		}
		
	}

    /* タブレット版のみ調整 */
    @media (max-width: 1280px) {
		
		/* スクロールするメニューのテキストと矢印の間隔を調整（スマホ・タブレット版） */
		.wp-container-core-group-is-layout-327ecd92 {
			justify-content: space-between !important;
			p {
				flex-basis: auto;
			}
		}
		
		/* 年表の年数を非表示（タブレット・スマホ版） */
		.history-number {
			display: none;
		}
		
		/* .history-number {
			flex-basis: 13% !important;
		} */

        /* 年表の年数の位置の調整（タブレット版（Pro）） */
       /*  .history-number-01 {
            top: 9.25% !important;
        }
        .history-number-02 {
            bottom: 10.5% !important;
        }
        .history-number-03 {
            top: 8% !important;
        }
        .history-number-04 {
            top: 49% !important;
        }
        .history-number-05 {
            bottom: 11% !important;
        }
        .history-number-06 {
            top: 6.5% !important;
        }
        .history-number-07 {
            top: 29.75% !important;
        }
        .history-number-08 {
            top: 43.25% !important;
        }
        .history-number-09 {
            top: 57.75% !important;
        }
        .history-number-10 {
            bottom: 13% !important;
        }
        .history-number-11 {
            top: 12.75% !important;
        }
        .history-number-12 {
            bottom: 17% !important;
        } */

        /* タブレット版（Air）のみ調整 */
        @media (max-width: 1000px) {
			
			/* 年表の年数の位置の調整（タブレット版（Air）） */
			/* .history-number {
                flex-basis: 16% !important;
				.history-number-01 {
                    top: 9.75% !important;
                }
                .history-number-02 {
                    bottom: 12% !important;
                }
                .history-number-03 {
                    top: 9% !important;
                }
                .history-number-04 {
                    top: 51.25% !important;
                }
                .history-number-05 {
                    bottom: 10.5% !important;
                }
                .history-number-07 {
                    top: 29.5% !important;
                }
                .history-number-08 {
                    top: 43% !important;
                }
                .history-number-09 {
                    top: 56% !important;
                }
                .history-number-10 {
                    bottom: 14.75% !important;
                }
                .history-number-11 {
                    top: 12% !important;
                }
                .history-number-12 {
                    bottom: 22% !important;
                }
            } */

            /* タブレット版（mini）のみ調整 */
            @media (max-width: 800px) {
				
				.mv-mobile {
					/* メニューを非表示（スマホ・タブレット版（mini）） */
					.wp-container-core-group-is-layout-bbc5346a {
						display: none;
					}
					.column-mv-img {
						display: none;
					}
					
					/* メインビジュアルの写真の横幅を広げる（スマホ・タブレット版（mini）） */
					figure.mv-img-mobile {
						max-width: none;
					}
				}

                /* 年表の年数の位置の調整（タブレット版（mini）） */
                /* .history-number {
                    .history-number-01 {
                        top: 13% !important;
                    }
                    .history-number-02 {
                        bottom: 14.75% !important;
                    }
                    .history-number-03 {
                        top: 9% !important;
                    }
                    .history-number-04 {
                        top: 45.5% !important;
                    }
                    .history-number-05 {
                        bottom: 15.75% !important;
                    }
                    .history-number-06 {
                        top: 5.25% !important;
                    }
                    .history-number-07 {
                        top: 24.5% !important;
                    }
                    .history-number-08 {
                        top: 40.25% !important;
                    }
                    .history-number-09 {
                        top: 56.15% !important;
                    }
                    .history-number-10 {
                        bottom: 15.25% !important;
                    }
                    .history-number-11 {
                        top: 14.25% !important;
                    }
                    .history-number-12 {
                        bottom: 23.5% !important;
                    }
                } */
				

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

                    /* 各分類ごとに左右のmarginを調整（スマホ版） */
                    h3 {
                        max-width: 100%;
                    }
					h4 {
                        max-width: 100%;
                    }
                    p {
                        max-width: 100%;
                    }
                    .wp-block-columns {
                        max-width: 100%;
                    }
                    .wp-block-group.is-vertical {
                        max-width: 100%;
                    }
					figure {
						max-width: 100%;
					}
					
                    /* 年表の年数の位置の調整（スマホ版） */
                    /* .history-number {
                        flex-basis: 22% !important;
                        .history-number-01 {
                            top: 12% !important;
                        }
                        .history-number-02 {
                            bottom: 14.75% !important;
                        }
                        .history-number-03 {
                            top: 8.5% !important;
                        }
                        .history-number-04 {
                            top: 49.75% !important;
                        }
                        .history-number-05 {
                            bottom: 13% !important;
                        }
                        .history-number-06 {
                            top: 7% !important;
                        }
                        .history-number-07 {
                            top: 30.5% !important;
                        }
                        .history-number-08 {
                            top: 44.5% !important;
                        }
                        .history-number-09 {
                            top: 59% !important;
                        }
                        .history-number-10 {
                            bottom: 14.25% !important;
                        }
                        .history-number-11 {
                            top: 13.5% !important;
                        }
                        .history-number-12 {
                            bottom: 20.25% !important;
                        }
                    } */
					
					/* 区切り線の横幅を広げる（スマホ版） */
					hr {
						margin-left: 0 !important;
						margin-right: 0 !important;
						max-width: 100% !important;
						width: 100% !important;
					}
					
                }
            }
        }
    }
}

/* Regenerationページ */
.page-id-600 {

    /* ヘッダーとメインビジュアルの間の余白がないように見せる(スマホ・タブレット版) */
    @media (max-width: 1000px) {
        main {
            margin-top: var(--wp--preset--spacing--70) !important;
        }
    }

	main {

        /* 各事業の見出しを重ねる（共通） */
        .regene-business-heading {
            position: relative;
            aspect-ratio: 6 / 1 !important;
			h4 {
                position: absolute;
                bottom: 0;
                z-index: 1;
            }
        }

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

            /* テキストのmarginをなくす（スマホ・タブレット版） */
            p {
                margin-left: 0;
                margin-right: 0;
                max-width: 100%;
            }

            /* カラムを一列にし、カラムの順番をそろえる（スマホ・タブレット版） */
            .wp-block-columns.alignfull {
                flex-direction: column;
            }
            .column-reverse {
                flex-direction: column-reverse !important;
            }

            /* 各事業の見出しを重ねる（タブレット版（Pro・Air）） */
            .regene-business-heading {
                aspect-ratio: 12 / 1 !important;
            }

            @media (max-width: 1000px) {

                /* 各事業の見出しを重ねる（タブレット版（mini）） */
                .regene-business-heading {
                    aspect-ratio: 10 / 1 !important;
                }

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

                    /* 左右のmarginをなくす（スマホ版） */
                    .wp-block-group.is-vertical {
                        margin-left: 0;
                        margin-right: 0;
                        max-width: 100%;
                    }

                    /* 各事業の見出しを重ねる（スマホ版） */
                    .regene-business-heading {
                        aspect-ratio: 8 / 1 !important;
                    }

                }

            }
        }

    }
}

/* Businessページ */

/* Businessページのメインビジュアルのボタンの余白を狭める（共通） */
.business-mv {
	a.vk_button_link.btn {
		padding: .5rem !important;
	}
}

.business-message {

    /* 「担当者よりメッセージ」の背景とメッセージ内容を重ねる（共通） */
    position: relative;
    aspect-ratio: 5 / 3 !important;
    .business-message-contents {
        position: relative;
        top: -160px;
        margin: 0 auto;
        z-index: 1;
    }
	
	/* タブレット版（Pro）のみ調整 */
    @media (max-width: 1280px) {

        /* 「担当者よりメッセージ」の背景とメッセージ内容を重ねる（タブレット版（Pro）） */
        aspect-ratio: 1 / 1 !important;
		
	}

    /* タブレット版（Air）のみ調整 */
    @media (max-width: 1000px) {
        .business-message-contents {
            top: -60px;
        }
        /* 「担当者よりメッセージ」の背景とメッセージ内容を重ねる（タブレット版（Air）） */
        aspect-ratio: 3 / 4 !important;

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

            /* 「担当者よりメッセージ」の背景とメッセージ内容を重ねる（タブレット版（mini）） */
            aspect-ratio: 2 / 3 !important;

            /* スマホ版のみ調整 */
            @media (max-width: 500px) {
                .business-message-contents {
                    top: -60px;
                }
                /* 「担当者よりメッセージ」の背景とメッセージ内容を重ねる（モバイル版） */
                aspect-ratio: 1 / 2.5 !important;
                .business-message-contents {
                    padding-right: var(--wp--preset--spacing--50) !important;
                    padding-left: var(--wp--preset--spacing--50) !important;
                }
				
				@media (max-width: 400px) {
					
					/* 「担当者よりメッセージ」の背景とメッセージ内容を重ねる（モバイル版） */
					aspect-ratio: 3 / 8 !important;
					
				}
				
            }
            
        }

    }

}

/* その他スマホ・タブレット版のみ調整する箇所 */
@media (max-width: 1280px) {

    /* businessのメニューの列数を変更（タブレット版） */
    .business-mv {
        .wp-block-columns.are-vertically-aligned-center {
            flex-direction: column;
        }
        .wp-block-group.is-layout-grid {
            grid-template-columns: 2fr 2fr !important;
        }
        .wp-block-columns.is-layout-flex {
            flex-direction: column;
        }
    }

    /* businessの「私たちの強み」のカラムを縦に並べる（タブレット版） */
    .business-strengths {
        .wp-block-columns.is-layout-flex {
            flex-direction: column;
        }
    }
	
	@media (max-width: 500px) {
		
		/* businessの各ページに遷移するボタンの高さを調整（スマホ版） */
		.business-mv {
			a.vk_button_link.btn {
				height: 4rem !important;
				.vk_button_link_caption {
					height: 100%;
				}
			}
		}
		.vk_button_link_txt {
                    font-size: 14px;
                }
	}
	
}

/* 生産／Craftページ */
.page-id-638 {

    @media (max-width: 1280px) {

        /* ヘッダーとmainの間の余白を調整（スマホ・タブレット版） */
        main {
            margin-top: var(--wp--preset--spacing--80) !important;
        }

        /* スマホ版のみ調整 */
        @media (max-width: 500px) {
            
            /* 左右のmarginをなくす（スマホ版） */
            .wp-block-columns.are-vertically-aligned-center {
                margin-left: 0;
                margin-right: 0;
                max-width: 100%;
            }
            .wp-block-columns.is-layout-flex {
                margin-left: 0;
                margin-right: 0;
                max-width: 100%;
            }
            .wp-block-group.is-vertical {
                margin-left: 0;
                margin-right: 0;
                max-width: 100%;
            }
        }

    }

}

/* 建設／Buildページ */
.page-id-695 {

    @media (max-width: 1280px) {

        /* ヘッダーとmainの間の余白を調整（スマホ・タブレット版） */
        main {
            margin-top: var(--wp--preset--spacing--80) !important;
        }

        /* メインビジュアルのカラムを逆にする（スマホ・タブレット版） */
        .build-mv-column {
            flex-direction: column-reverse !important;
        }
		
		/* 「様々な環境に確かな品質を」のカラムを縦にする（スマホ・タブレット版） */
		.build-quality-list {
			.wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-block-columns-is-layout-flex {
				flex-direction: column;
			}
		}

		/* 「内装工事の様子」のカラムを縦にする（スマホ・タブレット版） */
		.interior-construction-gallery {
			flex-direction: column;
		}
		
        /* スマホ版のみ調整 */
        @media (max-width: 500px) {
            
            /* 左右のmarginをなくす（スマホ版） */
            .wp-block-columns.are-vertically-aligned-center {
                max-width: 100%;
            }
            .wp-block-columns.is-layout-flex {
                max-width: 100%;
            }
            .wp-block-group.is-vertical {
                max-width: 100%;
            }
			.wp-container-core-group-is-layout-92b9201d {
				max-width: 100%;
			}
			hr.wp-block-separator {
				max-width: 100% !important;
				width: 100% !important;
			}
        }
    }
}

/* 企画・設計／Plan・Draftページ */
.page-id-720 {

    @media (max-width: 1280px) {
        
        /* ヘッダーとmainの間の余白を調整（スマホ・タブレット版） */
        main {
            margin-top: var(--wp--preset--spacing--80) !important;
        }

        /* スマホ版のみ調整 */
        @media (max-width: 500px) {
            
            /* 左右のmarginをなくす（スマホ版） */
            .wp-block-columns.are-vertically-aligned-center {
                max-width: 100%;
            }
            .wp-block-columns.is-layout-flex {
                max-width: 100%;
            }
            .wp-block-group.is-vertical {
                max-width: 100%;
            }
			
			@media (max-width: 400px) {
				
				.business-message {
					/* 「担当者よりメッセージ」の背景とメッセージ内容を重ねる（モバイル版） */
					aspect-ratio: 3.5 / 10 !important;
				}
				
			}
			
        }

    }
}

/* 不動産／Real estateページ */
.page-id-727 {

    @media (max-width: 1280px) {
        
        /* ヘッダーとmainの間の余白を調整（スマホ・タブレット版） */
        main {
            margin-top: var(--wp--preset--spacing--80) !important;
        }

        /* スマホ版のみ調整 */
        @media (max-width: 500px) {
            
            /* 左右のmarginをなくす（スマホ版） */
            .wp-block-columns.are-vertically-aligned-center {
                max-width: 100%;
            }
            .wp-block-columns.is-layout-flex {
                max-width: 100%;
            }
            .wp-block-group.is-vertical {
                max-width: 100%;
            }
            .real-estate-banner {
                figure {
                    max-width: 100%;
                }
            }
        }

    }

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

        /* バナーのサイズを縮小（PC・タブレット版） */
        .real-estate-banner {
            figure {
                text-align: center;
                img {
                    width: 64%;
                }
            }
        }

    }

}

/* まちづくり／Localページ */
.page-id-744 {

    /* 新庄蔵ぷりんのロゴを縮小する（共通） */
    .project-kura-pudding {
        .kura-Illustration {
            text-align: center;
            img {
				max-width: 360px;
                width: 100%;
            }
        }
    }

    @media (max-width: 1280px) {
        
        /* ヘッダーとmainの間の余白を調整（スマホ・タブレット版） */
        main {
            margin-top: var(--wp--preset--spacing--80) !important;
        }

        /* モバイル版のみ調整 */
        @media (max-width: 500px) {
            
            /* 左右のmarginをなくす（スマホ版） */
            .wp-block-columns.are-vertically-aligned-center {
                max-width: 100%;
            }
            .wp-block-columns.is-layout-flex {
                max-width: 100%;
            }
			hr.wp-block-separator {
				max-width: 100% !important;
				width: 100% !important;
			}
        
        }

    }

}

/* ふくだのやま あじさい保育園ページ */
.page-id-775 {
    main {
        /* ヘッダーとメインビジュアルの間の余白をなくす（共通） */
        margin-top: 0 !important;

        /* 理念の背景写真の透明度を上げる（共通） */
        .ajisai-philosophy {
            .wp-container-core-group-is-layout-d3a50283 {
                background: rgba(255, 255, 255, 0.75) !important;
                width: 100%;
                height: 100%;
                max-width: 100%;
            }
        }

        /* Instagramのユーザー名のフォントを変更（共通） */
        #sb_instagram {
            h3 {
                font-family: var(--wp--preset--font-family--noto-sans-jp);
				font-size: clamp(1.125rem, 0.7788rem + 0.7212vw, 1.5rem) !important;
				font-weight: 500 !important;
            }
        }

        /* お問い合わせの電話番号に重ねて太めのボーダーを入れる（共通） */
        .ajisai-contact {
			h5 {
				max-width: 100%;
			}
            .wp-container-core-group-is-layout-7db9d80f {
                background: linear-gradient(transparent 50%, var(--wp--preset--color--base-red) 50%);
				width: fit-content;
				h4 {
                    max-width: 100%;
                }
            }
        }
        
        /* Googlemapの比率を変更（共通） */
        .ajisai-map {
            iframe {
                aspect-ratio: 16 / 9 !important;
                width: 100% !important;
                height: auto !important;
            }
        }

        /* モバイル版のみ調整 */
        @media (max-width: 500px) {
            
            /* 左右のmarginをなくす（スマホ版） */
            .wp-block-columns.is-layout-flex {
                max-width: 100%;
            }
            .wp-block-group.has-global-padding {
                max-width: 100%;
            }
            #sb_instagram {
                max-width: 100%;
            }
            .is-provider-youtube {
                margin-left: 0 !important;
                margin-right: 0 !important;
                max-width: 100%;
            }
            .wp-block-group.is-vertical {
                max-width: 100%;
            }
        }
    }

    @media (max-width: 1280px) {
        
        /* ヘッダーとmainの間の余白を調整（スマホ・タブレット版） */
        main {
            margin-top: var(--wp--preset--spacing--70) !important;
        }
    }
	
	/* PC・タブレット版 */
	@media(min-width: 501px){
		
		/* スマホでタップした時だけ電話発信を有効にする（PC・タブレット版） */
		a[href^="tel:"]{
			pointer-events: none;
		}
	}
	
}


/* 施工実績ページ */

/* worksのメニューのボタンのpaddingを変更（共通） */
.works-menu {
	a {
		padding: .5rem !important;
	}
}

@media (max-width: 1280px) {

    /* ヘッダーとmainの間の余白を調整（スマホ・タブレット版） */
    .page-id-906 {
        main {
            margin-top: var(--wp--preset--spacing--80) !important;
        }
    }
    .page-id-934 {
        main {
            margin-top: var(--wp--preset--spacing--80) !important;
        }
    }
    .page-id-937 {
        main {
            margin-top: var(--wp--preset--spacing--80) !important;
        }
    }
    .page-id-942 {
        main {
            margin-top: var(--wp--preset--spacing--80) !important;
        }
    }
    .page-id-945 {
        main {
            margin-top: var(--wp--preset--spacing--80) !important;
        }
    }

    /* worksのメニューの列数を変更（スマホ・タブレット版／投稿） */
    .works-mv {
        .wp-block-columns.are-vertically-aligned-center {
            flex-direction: column;
        }
        .wp-block-group.is-layout-grid {
            grid-template-columns: 2fr 2fr !important;
        }
    }

    .wp-singular.page-template-default {

        /* worksのメニューの列数を変更（スマホ・タブレット版／固定） */
        .works-menu {
			flex-direction: column;
            .wp-block-columns.are-vertically-aligned-center {
                flex-direction: column;
            }
            .wp-block-group.is-layout-grid {
                grid-template-columns: 2fr 2fr !important;
            }
        }

        /* worksの投稿ごとの余白を調整（スマホ・タブレット版／固定） */
        .works-list {
            ul {
                gap: var(--wp--preset--spacing--60);
            }
        }

        @media (min-width: 501px) {
            /* worksの投稿の並べ方を2行に変更（タブレット版／固定） */
            .works-list {
                ul {
                    grid-template-columns: 2fr 2fr;
                }
            }
        }

    }

    @media (max-width: 1000px) {

        /* worksのメインビジュアルのカラムの並べ方を変更（タブレット版／投稿） */
        .works-mv {
            .wp-block-columns.is-layout-flex {
                flex-direction: column;
            }
        }
		
		/* worksの写真ギャラリーの並べ方を変更（タブレット版／投稿） */
		.works-photo-grid {
			grid-template-columns: 2fr 2fr !important;
		}

        @media (max-width: 500px) {

            /* worksのメニューの列数と左右の余白を変更（モバイル版／投稿） */
            .works-mv {
                .wp-block-columns.are-vertically-aligned-center {
                    margin-left: 0;
                    margin-right: 0;
                    max-width: 100%;
                    .wp-block-group.is-layout-grid {
                        grid-template-columns: 1fr !important;
                    }
                }
            }
            
            .wp-singular.page-template-default {

                /* worksのメニューの列数と左右の余白を変更（モバイル版／固定） */
                .works-menu {
                    margin-left: 0;
                    margin-right: 0;
                    max-width: 100%;
                }

                /* worksの投稿一覧の左右の余白を変更（モバイル版／固定） */
                .works-list {
                    .wp-block-query.is-layout-flow {
                        margin-left: 0;
                        margin-right: 0;
                        max-width: 100%;
                    }
                }
            }

            /* 左右の余白を変更（モバイル版／投稿） */
            .wp-singular.works-template.works-template-wp-custom-template-work.single.single-works {
                .wp-block-columns.is-layout-flex {
                    max-width: 100%;
                }
                p {
                    max-width: 100%;
                }
				hr {
					max-width: 100%;
				}
				
				/* worksのメニューのボタンの並べ方を変更（モバイル版／投稿） */
				.works-menu {
					.wp-block-group.is-layout-grid {
						grid-template-columns: 2fr 2fr !important;
					}
				}
            }
			
			/* worksの写真ギャラリーの並べ方を変更（モバイル版／投稿） */
			.works-photo-grid {
				margin-left: 0;
				margin-right: 0;
				max-width: 100%;
				grid-template-columns: 1fr !important;
			}
        }
    }

}

/* プライバシーポリシーページ */
.privacy-policy {

    @media (max-width: 500px) {

        /* 左右の余白を変更（モバイル版） */
        h2 {
            margin-left: 0;
            margin-right: 0;
            max-width: 100%;
        }
        .wp-block-group.is-vertical {
            margin-left: 0;
            margin-right: 0;
            max-width: 100%;
        }

    }
}

/* Contactページ */
.page-id-982 {
	
	span.smf-radio-button-control {
		input {
			margin-top: auto;
			margin-bottom: auto;
		}
	}
	
	/* お名前・メールアドレスの入力欄を伸ばす（共通） */
	.smf-text-control__control {
		width: 100%;
	}

    /* 個人／法人のラジオボタンをクリックしたときの色を変更（共通） */
    .smf-form .smf-radio-button-control__control:checked {
        background-color: var(--wp--preset--color--line-01);
        border-color: var(--wp--preset--color--line-01);
    }

    /* 送信ボタンを変更（共通） */
    .smf-button-control__control {
        color: var(--wp--preset--color--base);
        background-color: var(--wp--preset--color--base-gray-03);
        background-image: none;
        border: none;
        --_border-radius: 50px;
        padding: 10px 48px;
    }

    @media (max-width: 500px) {

        /* 左右の余白を変更（モバイル版） */
        .wp-block-group.has-global-padding {
            margin-left: 0;
            margin-right: 0;
            max-width: 100%;
        }
        p {
            margin-left: 0;
            margin-right: 0;
            max-width: 100%;
        }
        .snow-monkey-form {
            margin-left: 0;
            margin-right: 0;
            max-width: 100%;
        }

    }
}

/* Newsページ（一覧・詳細） */
.page-id-234 {

    @media (max-width: 1280px) {

        /* ヘッダーとmainの間の余白を調整（スマホ・タブレット版（mini）） */
        main {
            margin-top: var(--wp--preset--spacing--80) !important;
        }
		
		/* 日付・カテゴリー側のカラムの幅を調整（タブレット版（Pro）） */
		.news-date-category {
			flex-basis: 32% !important;
		}
		
		/* お知らせの日付・カテゴリー・タイトルを縦並びにする（タブレット・スマホ版） */
		.wp-block-post.post.type-post.status-publish.format-standard.hentry {
			.wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-block-columns-is-layout-flex {
				flex-direction: column;
			}
		}
		
		@media (max-width: 1000px) {
			
			/* 日付・カテゴリー側のカラムの幅を調整（タブレット版（Air）） */
			.news-date-category {
				flex-basis: 40% !important;
			}
			
			@media (max-width: 500px) {

				/* 左右の余白を変更（モバイル版） */
				.wp-block-group.has-global-padding {
					margin-left: 0;
					margin-right: 0;
					max-width: 100%;
				}
				.wp-block-query {
					margin-left: 0;
					margin-right: 0;
					max-width: 100%;
				}
				
			}
		}
    }
}
.wp-singular.post-template.post-template-wp-custom-template-news.single.single-post {

    @media (max-width: 1280px) {
        
        /* ヘッダーとmainの間の余白を調整（スマホ・タブレット版（mini）） */
        main {
            margin-top: var(--wp--preset--spacing--80) !important;
        }

        @media (max-width: 500px) {

            /* 左右の余白を変更（モバイル版） */
            .wp-block-group.has-global-padding {
                margin-left: 0;
                margin-right: 0;
                max-width: 100%;
                .wp-block-group.alignwide {
                    margin-left: 0;
                    margin-right: 0;
                    max-width: 100%;
                }
                .wp-block-post-date {
                    margin-left: 0;
                    margin-right: 0;
                    max-width: 100%;
                }
            }
            .entry-content.wp-block-post-content {
                margin-left: 0;
                margin-right: 0;
                max-width: 100%;
                p {
                    margin-left: 0;
                    margin-right: 0;
                    max-width: 100%;
                }
            }
            .wp-block-group.is-vertical {
                margin-left: 0;
                margin-right: 0;
                max-width: 100%;
            }
            .wp-block-columns.are-vertically-aligned-center {
                margin-left: 0;
                margin-right: 0;
                max-width: 100%;
            }
            figure {
                margin-left: 0;
                margin-right: 0;
                max-width: 100%;
            }
            .wp-block-buttons.is-content-justification-center {
                margin-left: 0;
                margin-right: 0;
                max-width: 100%;
            }
        }
    }
    
}

/* その他修正箇所 */

/* 余白のレベルごとのサイズを調整（共通） */
body {
    --wp--preset--spacing--20: clamp(0.5rem, 0.5rem + 0vw, 0.5rem);
    --wp--preset--spacing--30: clamp(1rem, 1rem + 0vw, 1rem);
    --wp--preset--spacing--40: clamp(1.125rem, 0.7788rem + 0.7212vw, 1.5rem);
    --wp--preset--spacing--50: clamp(1.25rem, 0.5577rem + 1.4423vw, 2rem);
    --wp--preset--spacing--60: clamp(2rem, 0.1538rem + 3.8462vw, 4rem);
    --wp--preset--spacing--70: clamp(4rem, 2.1538rem + 3.8462vw, 6rem);
    --wp--preset--spacing--80: clamp(6rem, 0rem + 12.5vw, 12.5rem);
}

/* About usとHistoryのメインビジュアルの写真を右側へ広げる（共通） */
main {
    overflow: hidden;
    .column-mv-img {
        margin-right: calc(50% - 50vw) !important;
    }
}

/* スペーサーのmarginの調整（共通） */
.wp-block-spacer {
    margin-top: 0;
}

/* 矢印画像の高さを子要素に合わせる（共通） */
.arrow-img {
    img {
        display: flex;
        align-items: center;
    }
}

/* ゆっくりループするスライダーの表示幅や余白の調整（共通／About us・Regeneration） */
.shinjo-img-slider {
    padding: 0;
    #metaslider-id-1045 {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        #metaslider_1045 {
            margin: 0;

            /* マウスオーバーすると、テキストと一緒に写真を浮かせる（共通／About us） */
            .flex-viewport {
                overflow: visible !important;
                li {
                    margin-top: 0;
                    margin-bottom: 0;
                    max-height: 100%;
                    .caption-wrap {
                        visibility: hidden;
                        border: none;
                        .caption {
                            padding: 16px;
                        }
                    }
                }
                li:hover {
                    box-shadow: 4px 4px 4px rgba(51,51,51,0.25);
                    transform: translateY(-16px);
                    transition-duration: 0.5s;
                    .caption-wrap {
                        visibility: visible;
                    }
                }
            }
        }
    }
}
.regeneration-img-slider {
    #metaslider-id-1067 {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        #metaslider_1067 {
            margin: 0;

            /* マウスオーバーすると、テキストと一緒に写真を浮かせる（共通／Regeneration） */
            .flex-viewport {
                overflow: visible !important;
                li {
                    margin-top: 0;
                    margin-bottom: 0;
                    max-height: 100%;
                    .caption-wrap {
                        visibility: hidden;
                        border: none;
                        .caption {
                            padding: 16px;
                        }
                    }
                }
                li:hover {
                    box-shadow: 4px 4px 4px rgba(51,51,51,0.25);
                    transform: translateY(-16px);
                    transition-duration: 0.5s;
                    .caption-wrap {
                        visibility: visible;
                    }
                }
            }
        }
    }
}
.history-img-slider {
    #metaslider-id-1158 {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        #metaslider_1158 {
            margin: 0;

            /* マウスオーバーすると、テキストと一緒に写真を浮かせる（共通／History） */
            .flex-viewport {
                overflow: visible !important;
                li {
                    margin-top: 0;
                    margin-bottom: 0;
                    max-height: 100%;
                    .caption-wrap {
                        visibility: hidden;
                        border: none;
                        .caption {
                            padding: 16px;
                        }
                    }
                }
                li:hover {
                    box-shadow: 4px 4px 4px rgba(51,51,51,0.25);
                    transform: translateY(-16px);
                    transition-duration: 0.5s;
                    .caption-wrap {
                        visibility: visible;
                    }
                }
            }
        }
    }
}
li.slide-1170.ms-image:hover {
    .caption-wrap {
        visibility: hidden;
    }
}

/* スマホ版のみ調整 */
@media (max-width: 500px) {
    
    /* ページのトップに戻るボタンのサイズを小さくする（モバイル版） */
    #wpfront-scroll-top-container img {
        width: 64px !important;
        height: 64px !important;
    }
    /* header */
    header {
        height: 64px;
    }
    header > div {
        height: 64px !important;
        padding: 12px 20px !important;
    }
    .wp-block-site-logo img {
        height: 24px;
        width: auto;
    }
}