.elementor-kit-106{--e-global-color-primary:#F8B62C;--e-global-color-secondary:#A1CF87;--e-global-color-text:#333333;--e-global-color-accent:#F7B62C;--e-global-color-7ddbdc4:#E4D7AD;--e-global-color-0228210:#ECE0C9;--e-global-color-c600b38:#FAF5E8;--e-global-color-17f5d83:#FFFFFF;--e-global-color-ab04da3:#A6A6A6;--e-global-color-e212deb:#EDEDED;--e-global-color-998a6eb:#FFFFFF00;--e-global-typography-primary-font-family:"Rubik";--e-global-typography-primary-font-size:2.5vw;font-weight:var( --e-global-typography-text-font-weight );--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-primary-word-spacing:0em;--e-global-typography-secondary-font-family:"Noto Sans JP";--e-global-typography-secondary-font-size:2.5vw;--e-global-typography-secondary-font-weight:900;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-secondary-word-spacing:0em;--e-global-typography-text-font-family:"Noto Sans JP";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:500;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.8em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-text-word-spacing:0em;--e-global-typography-accent-font-family:"Rubik";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1.8em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-accent-word-spacing:0em;background-color:transparent;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );background-image:linear-gradient(-90deg, #FAC75C 0%, #BDDDAB 100%);overscroll-behavior:auto;}.elementor-kit-106 p{margin-block-end:1rem;}.elementor-kit-106 a{color:var( --e-global-color-accent );}.elementor-kit-106 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-106 h4{color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:80vw;}.e-con{--container-max-width:80vw;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-106{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:80vw;}.e-con{--container-max-width:80vw;}}@media(max-width:1023px){.elementor-kit-106{--e-global-typography-primary-font-size:45px;--e-global-typography-secondary-font-size:25px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:14px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-106{--e-global-typography-primary-font-size:28px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:20px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== カスタム変数 ===== */ :root{ /* TOP PAGE */ --slide-interval : 6s; /* 画像切替間隔 */ --max-scale : 2.8; /* スクロールし切った時の倍率 */ --base-scale : 0.6; /* ← 初期サイズ */ } html, body{ font-size: clamp(14px, 1.1vw, 18px); } @media screen and (min-width:768px) { html,body{ max-width: 100%; overflow-x: clip; } } /* ---------------- 枝のスタイル ---------------- */ .branch_l_01 { background-color: #C7A167; width: 10vw; height: 80vh; position: absolute; top: 0; left: 0; transform: rotate(-50deg); z-index: -1; } .branch_r_01 { background-color: #C7A167; width: 10vw; height: 80vh; position: absolute; top: 0; right: 0; transform: rotate(50deg); z-index: -1; } .branch_l_02 { background-color: #ECE0C9; width: 10vw; height: 80vh; position: absolute; top: 0; left: 0; transform: rotate(-50deg); z-index: -1; } .branch_r_02 { background-color: #ECE0C9; width: 10vw; height: 80vh; position: absolute; top: 0; right: 0; transform: rotate(50deg); z-index: -1; } .branch_l_03 { background-color: #FAF5E8; width: 10vw; height: 80vh; position: absolute; top: 0; left: 0; transform: rotate(-50deg); z-index: -1; } .branch_r_03 { background-color: #FAF5E8; width: 10vw; height: 80vh; position: absolute; top: 0; right: 0; transform: rotate(50deg); z-index: -1; } /* モダンブラウザ（Chrome, Safari, Edge）では :has() で直接親を選択 */ *:has(> .branch_l_01), *:has(> .branch_r_01), *:has(> .branch_l_02), *:has(> .branch_r_02), *:has(> .branch_l_03), *:has(> .branch_r_03) { position: relative; width: 100vw; height: 100vh; overflow-x: hidden; background: transparent; pointer-events: none; } /* フォールバック用のクラス */ .has-branch { position: relative; width: 100vw; height: 100vh; overflow-x: hidden; background: transparent; pointer-events: none; } /* -------------------------------- 幹セクション区切り -------------------------------- */ .bg01_trunk::before { content: ""; width: 100%; height: 10vh; background: url(https://wondertree.co.jp/wp-content/uploads/2025/07/bg01_round_footer.svg) no-repeat bottom center; background-size: cover; z-index: 10; } .bg02_trunk::before { content: ""; width: 100%; height: 10vh; background: url(https://wondertree.co.jp/wp-content/uploads/2025/05/bg02_round_footer.svg) no-repeat bottom center; background-size: cover; z-index: 10; } .bg03_trunk::before { content: ""; width: 100%; height: 7vh; background: url(https://wondertree.co.jp/wp-content/uploads/2025/05/bg03_round_footer.svg) no-repeat bottom center; background-size: cover; z-index: 10; } .bg04_trunk::before { content: ""; width: 100%; height: 10vh; background: url(https://wondertree.co.jp/wp-content/uploads/2025/05/bg04_round_footer.svg) no-repeat top center; background-size: contain; z-index: 10; } .bg05_trunk::before { content: ""; width: 100%; height: 10vh; background: url(https://wondertree.co.jp/wp-content/uploads/2025/07/bg05_round_footer.svg) no-repeat top center; background-size: contain; z-index: 10; } /* PCとSPで表示切り替え */ @media screen and (min-width:768px) { .d-pc { display:block; } .d-sp { display:none; } } @media screen and (max-width:767px) { .d-pc { display:none; } .d-sp { display:block; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Rubik'; font-display: auto; src: url('https://wondertree.co.jp/wp-content/uploads/2025/07/Rubik-VariableFont_wght.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Noto Sans JP'; font-style: normal; font-weight: 100; font-display: auto; src: url('https://wondertree.co.jp/wp-content/uploads/2025/07/NotoSansJP-VariableFont_wght.woff2') format('woff2'); } @font-face { font-family: 'Noto Sans JP'; font-style: normal; font-weight: 200; font-display: auto; src: url('https://wondertree.co.jp/wp-content/uploads/2025/07/NotoSansJP-VariableFont_wght.woff2') format('woff2'); } @font-face { font-family: 'Noto Sans JP'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://wondertree.co.jp/wp-content/uploads/2025/07/NotoSansJP-VariableFont_wght.woff2') format('woff2'); } @font-face { font-family: 'Noto Sans JP'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://wondertree.co.jp/wp-content/uploads/2025/07/NotoSansJP-VariableFont_wght.woff2') format('woff2'); } @font-face { font-family: 'Noto Sans JP'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://wondertree.co.jp/wp-content/uploads/2025/07/NotoSansJP-VariableFont_wght.woff2') format('woff2'); } @font-face { font-family: 'Noto Sans JP'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://wondertree.co.jp/wp-content/uploads/2025/07/NotoSansJP-VariableFont_wght.woff2') format('woff2'); } @font-face { font-family: 'Noto Sans JP'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://wondertree.co.jp/wp-content/uploads/2025/07/NotoSansJP-VariableFont_wght.woff2') format('woff2'); } @font-face { font-family: 'Noto Sans JP'; font-style: normal; font-weight: 800; font-display: auto; src: url('https://wondertree.co.jp/wp-content/uploads/2025/07/NotoSansJP-VariableFont_wght.woff2') format('woff2'); } @font-face { font-family: 'Noto Sans JP'; font-style: normal; font-weight: 900; font-display: auto; src: url('https://wondertree.co.jp/wp-content/uploads/2025/07/NotoSansJP-VariableFont_wght.woff2') format('woff2'); } /* End Custom Fonts CSS */