/* Generated by build_howto_css.py. 768px uses the SP board. */
.p-make-renewal { --make-brown:#846f54; --make-ink:#50320b; --make-green:#64cc82; --make-pale:#f2faf5; }
.p-make-renewal *, .p-make-renewal *::before, .p-make-renewal *::after { box-sizing:border-box; }
.p-make-renewal__section { width:100%; padding:70px 0; margin:0; color:#333; font-size:16px; line-height:1.9; }
.p-make-renewal__inner { width:calc(100% - 80px); max-width:1200px; margin:0 auto; }
#make-conclusion,#make-size,#make-compare { background:var(--make-pale); }
#make-conclusion .p-make-renewal__inner { max-width:1000px; }
#make-planning .p-make-renewal__inner { max-width:1100px; }
.p-make-renewal__section p { margin:0; }
.p-make-renewal__heading { text-align:center; color:var(--make-ink); margin-bottom:26px; }
.p-make-renewal__heading > p { display:table; margin:0 auto; padding:0 20px; background:var(--make-green); color:white; font:700 22px/34px Nunito,sans-serif; letter-spacing:.1em; }
.p-make-renewal__heading h2 { font-size:26px; font-weight:400; line-height:1.6; letter-spacing:.02em; margin:20px 0; }
.p-make-renewal__heading-icon { display:flex; justify-content:center; height:62px; }
.p-make-renewal__sp-break { display:none; }
.p-make-renewal img.p-make-renewal__icon { width:auto; height:auto; max-width:none; flex-shrink:0; }
.p-make-renewal__intro { text-align:center; margin:0 auto 60px!important; }
.p-make-renewal__trees { width:330px; max-width:65%; margin:0 auto; }
.p-make-renewal__trees img { display:block; width:100%; height:auto; }
.p-make-renewal__table-scroll { width:100%; overflow-x:auto; overscroll-behavior-x:contain; margin:38px 0 20px; }
.p-make-renewal__table { width:100%; border-collapse:collapse; font-size:16px; line-height:1.8; table-layout:fixed; background:#fff; }
.p-make-renewal__table caption { text-align:center; caption-side:top; padding:15px 20px; background:var(--make-brown); color:white; font-size:22px; font-weight:400; }
.p-make-renewal__table th,.p-make-renewal__table td { padding:19px 16px; border:1px solid #ddd; border-left-width:0; vertical-align:middle; text-align:center; font-weight:400; }
.p-make-renewal__table tr > :last-child { border-right:0; }
.p-make-renewal__table thead { background:#dff3e6; }
.p-make-renewal__table thead th { border-color:#fff; padding:10px 12px; }
.p-make-renewal__table tbody th { background:#f7f7f7; }
.p-make-renewal .p-make-renewal__table a { color:var(--make-green)!important; text-decoration:none; }
.p-make-renewal .p-make-renewal__table a:hover { text-decoration:underline; }
#make-conclusion .p-make-renewal__table-scroll { margin-top:0; }
#make-conclusion .p-make-renewal__table { background:transparent; }
#make-conclusion .p-make-renewal__table th { width:46%; padding-left:20px; background:transparent; border:0; text-align:left; }
#make-conclusion .p-make-renewal__table td { background:#fff; border:0; border-bottom:2px solid var(--make-pale); color:var(--make-ink); text-align:left; padding-left:30px; }
.p-make-renewal__button { display:flex; align-items:center; justify-content:center; gap:12px; min-height:60px; padding:14px 26px; background:var(--make-brown); border-radius:2px; font-size:16px; font-weight:400; line-height:1.5; letter-spacing:.08em; text-align:center; text-decoration:none; transition:opacity .15s; }
.p-make-renewal a.p-make-renewal__button { color:white!important; }
.p-make-renewal__button:hover { opacity:.8; }
.p-make-renewal__button-label { flex:1; }
.p-make-renewal__arrow { flex:none; }
.p-make-renewal__cta-label--product { color:var(--make-green); font-style:normal; font-weight:700; }
.p-make-renewal__cta-label--construction { color:#ff9300; font-style:normal; font-weight:700; }
.p-make-renewal__actions { display:flex; justify-content:center; gap:75px; margin-top:50px; }
.p-make-renewal__actions > a { width:390px; max-width:100%; }
.p-make-renewal__price-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; max-width:1000px; margin:80px auto 50px; }
.p-make-renewal__price-card { position:relative; border:1px solid var(--make-green); border-radius:5px; text-align:left; padding:40px 24px 22px; background:var(--make-pale); }
.p-make-renewal__badge { display:inline-block; padding:6px 24px; border-radius:30px; background:var(--make-green); color:white; font-size:18px; font-weight:500; letter-spacing:.06em; line-height:1.6; }
.p-make-renewal__badge::after { content:""; position:absolute; left:50%; bottom:-7px; border-top:8px solid var(--make-green); border-left:5px solid transparent; border-right:5px solid transparent; }
.p-make-renewal__price-card > .p-make-renewal__badge { position:absolute; top:0; left:10px; right:10px; transform:translateY(-50%); margin:0; text-align:center; font-size:17px; letter-spacing:.06em; }
.p-make-renewal__price-size { white-space:nowrap; font-size:14px; display:flex; align-items:center; gap:10px; }
.p-make-renewal__price-size strong { color:var(--make-green); background:white; border:1px solid #def4e4; padding:1px 8px; font-size:18px; font-weight:500; }
.p-make-renewal__price-line { display:flex; align-items:center; gap:12px; padding:14px 0; border-bottom:1px solid #999; margin-bottom:10px; }
.p-make-renewal__price { color:var(--make-green); font-size:18px; white-space:nowrap; }
.p-make-renewal__price strong { font-family:Nunito,sans-serif; font-size:30px; font-weight:700; }
.p-make-renewal__price-type { border:1px solid #999; padding:1px 6px; font-size:12px; white-space:nowrap; }
.p-make-renewal__small { font-size:14px; line-height:1.8; }
.p-make-renewal__note { font-size:12px; color:#777; margin:16px 0!important; line-height:1.8; }
.p-make-renewal__breakdown { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:40px; margin:50px 0 0; }
.p-make-renewal__breakdown dt { font-weight:500; font-size:18px; margin-bottom:24px; }
.p-make-renewal__breakdown dd { margin:0; font-size:16px; line-height:2; }
.p-make-renewal__size-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin:0 0 50px; }
.p-make-renewal__size-grid article { background:white; border:1px solid var(--make-green); border-radius:5px; overflow:hidden; }
.p-make-renewal__size-grid img { display:block; width:100%; aspect-ratio:284/120; height:auto; object-fit:cover; }
.p-make-renewal__size-copy { padding:18px 22px 22px; text-align:center; }
.p-make-renewal__size-label { display:flex; align-items:center; justify-content:center; gap:8px; padding-bottom:14px; border-bottom:1px solid #999; margin-bottom:12px; white-space:nowrap; }
.p-make-renewal__size-label h3 { font-size:18px; line-height:1.5; font-weight:500; margin:0; color:var(--make-green); border:1px solid #def4e4; padding:1px 7px; }
.p-make-renewal__size-label p { font-size:12px; }
.p-make-renewal__size-copy > p { font-size:14px; line-height:2; }
#make-size .p-make-renewal__table th:nth-child(1) { width:21%; }
#make-size .p-make-renewal__table th:nth-child(2) { width:29%; }
.p-make-renewal__planning-card { position:relative; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); align-items:stretch; border:1px solid var(--make-green); background:var(--make-pale); margin:40px 0; }
.p-make-renewal__planning-card > .p-make-renewal__badge { position:absolute; left:50px; top:0; transform:translateY(-50%); min-width:180px; text-align:center; }
.p-make-renewal__planning-copy { padding:38px 40px 24px; }
.p-make-renewal__planning-copy h3 { color:var(--make-brown); font-size:20px; font-weight:400; margin:0 0 10px; }
.p-make-renewal__planning-copy > p { font-size:16px; line-height:2; }
.p-make-renewal__planning-card .p-make-renewal__button { width:350px; max-width:100%; margin-top:20px; font-size:14px; }
.p-make-renewal__planning-card > img { width:100%; height:100%; min-height:244px; object-fit:cover; }
.p-make-renewal__structure { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:45px; align-items:center; margin-top:50px; }
.p-make-renewal__structure > img { width:100%; height:auto; }
.p-make-renewal__structure dl { margin:0; font-size:15px; }
.p-make-renewal__structure dl > div { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; margin:0 0 20px; }
.p-make-renewal__structure dt { font-weight:500; white-space:nowrap; }
.p-make-renewal__structure dt::after { content:"—"; color:var(--make-green); margin-left:8px; }
.p-make-renewal__structure dt > span { display:inline-flex; justify-content:center; align-items:center; width:1.15em; height:1.15em; border-radius:50%; background:var(--make-green); color:white; }
.p-make-renewal__structure dd { margin:0; font-size:14px; }
.p-make-renewal__filters { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin:50px 25px 30px; }
.p-make-renewal__filters[hidden] { display:none; }
.p-make-renewal__filters button { appearance:none; cursor:pointer; font:inherit; font-size:14px; line-height:1.5; color:#333; background:transparent; border:1px solid #ddd; border-radius:2px; padding:12px 8px; min-height:50px; }
.p-make-renewal__filters button[aria-pressed="true"] { color:white; background:var(--make-brown); border-color:var(--make-brown); }
.p-make-renewal__comparison { min-width:1150px; font-size:14px; }
.p-make-renewal__comparison th,.p-make-renewal__comparison td { padding:20px 10px; border:0; border-bottom:1px solid #ddd; }
.p-make-renewal__comparison th:nth-child(1) { width:17%; }
.p-make-renewal__comparison th:nth-child(2) { width:14%; }
.p-make-renewal__comparison tr[hidden] { display:none; }
.p-make-renewal__material-tag { display:inline-block; padding:4px 12px; white-space:nowrap; font-size:13px; border-radius:2px; }
.p-make-renewal__material-tag--hard { background:#bdcac2; }
.p-make-renewal__material-tag--soft { background:#e1cfaf; }
.p-make-renewal__material-tag--artificial { background:#ebe1ac; }
.p-make-renewal__sample { margin-top:48px; text-align:center; }
.p-make-renewal__sample-button { max-width:435px; margin:auto; position:relative; padding-left:95px; letter-spacing:.02em; }
.p-make-renewal__sample-button > img { position:absolute; width:62.5px; height:65px; left:35px; bottom:3px; object-fit:contain; }
.p-make-renewal__sample-button .p-make-renewal__arrow { display:none; }
.p-make-renewal__works-heading { text-align:center; color:var(--make-ink); padding-top:50px; background:url("https://dainihonmokuzai.itembox.design/item/img/top/headingIcon01.svg") no-repeat center top/25px auto; }
.p-make-renewal__works-heading h2 { font-size:26px; font-weight:400; letter-spacing:.08em; margin:0 0 10px; }
.p-make-renewal__works-heading p { font:400 18px/1.5 Nunito,sans-serif; letter-spacing:.1em; }
.p-make-renewal__button--orange { background:#ff9300; }
#make-works .p-make-renewal__button { gap:8px; }
#make-works .p-make-renewal__button-label { flex:initial; }
#make-works .p-make-renewal__arrow { display:none; }
.p-make-renewal__sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important; }
.p-make-renewal a:focus-visible,.p-make-renewal button:focus-visible,.p-make-renewal [tabindex]:focus-visible { outline:3px solid #245f39; outline-offset:4px; }
.p-make-renewal [id] { scroll-margin-top:150px; }
.p-make-renewal .p-make-content06__inner__list { display:flex; flex-wrap:nowrap; gap:24px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; height:auto; padding:0 0 16px; }
.p-make-renewal .p-make-content06__inner__list__item { flex:0 0 465px; width:465px; margin:0; scroll-snap-align:start; }
.p-make-renewal .p-make-content06__inner__list__item img { display:block; width:100%; aspect-ratio:3/2; height:auto; object-fit:cover; }
@media(prefers-reduced-motion:reduce) { .p-make-renewal * { scroll-behavior:auto; transition:none; } }
.p-make-renewal__button { position:relative; border-radius:3px; padding-right:40px; padding-left:40px; background:#846f54; }
.p-make-renewal__button::before { content:""; position:absolute; inset:0 auto 0 0; width:0; border-radius:inherit; background:rgba(80,50,11,.9); transition:width .3s; }
.p-make-renewal__button:hover { opacity:1; }
.p-make-renewal__button-label,.p-make-renewal__button > img { position:relative; z-index:1; }
.p-make-renewal__button .p-make-renewal__arrow { position:absolute; top:50%; right:15px; transform:translateY(-50%); width:16px; height:13px; background:url('../img/first/howto-make/renewal/arrow-right-white.svg') center/contain no-repeat; z-index:1; }
.p-make-renewal__button--orange { background:#ff9300; }
.p-make-renewal__sample-button { padding-left:95px; padding-right:26px; }
.p-make-renewal__sample-button > img { position:absolute; }
@media (hover:hover) { .p-make-renewal__button:hover::before { width:100%; } }
@media (prefers-reduced-motion:reduce) { .p-make-renewal__button::before { transition:none; } }
.p-make-renewal table a::after { content:""; display:inline-block; width:16px; height:13px; margin-left:8px; vertical-align:middle; background:url("../img/first/howto-make/renewal/arrow-right-green.svg") center/contain no-repeat; }
#make-works .p-make-renewal__intro { margin-top:40px!important; margin-bottom:50px!important; }
.p-make-renewal__work-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.p-make-renewal__work { min-width:0; }
.p-make-renewal__work > img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
.p-make-renewal__work h3 { margin:20px 0 12px; font-size:18px; font-weight:500; line-height:1.8; letter-spacing:.04em; }
.p-make-renewal__work .p-make-renewal__work-species { display:table; background:var(--make-green); color:white; font-size:15px; font-weight:500; line-height:1.6; padding:0 10px; margin-bottom:12px; }
.p-make-renewal__work > p:last-child { font-size:16px; line-height:1.875; }
.p-make-renewal__work-controls { display:none; }
.p-make-renewal .p-make-renewal__heading-icon > img { width:62px; height:62px; }
#make-works img[width="27"] { width:27px; height:27px; }
#make-works img[width="25"] { width:25px; height:25px; }
@media (768px < width < 1440px) {
.p-make-renewal { --make-brown:#846f54; --make-ink:#50320b; --make-green:#64cc82; --make-pale:#f2faf5; }
.p-make-renewal *, .p-make-renewal *::before, .p-make-renewal *::after { box-sizing:border-box; }
.p-make-renewal__section { width:100%; padding:calc(100vw / 1440 * 70) 0; margin:0; color:#333; font-size:calc(100vw / 1440 * 16); line-height:1.9; }
.p-make-renewal__inner { width:calc(100% - calc(100vw / 1440 * 80)); max-width:calc(100vw / 1440 * 1200); margin:0 auto; }
#make-conclusion,#make-size,#make-compare { background:var(--make-pale); }
#make-conclusion .p-make-renewal__inner { max-width:calc(100vw / 1440 * 1000); }
#make-planning .p-make-renewal__inner { max-width:calc(100vw / 1440 * 1100); }
.p-make-renewal__section p { margin:0; }
.p-make-renewal__heading { text-align:center; color:var(--make-ink); margin-bottom:calc(100vw / 1440 * 26); }
.p-make-renewal__heading > p { display:table; margin:0 auto; padding:0 calc(100vw / 1440 * 20); background:var(--make-green); color:white; font:700 calc(100vw / 1440 * 22)/calc(100vw / 1440 * 34) Nunito,sans-serif; letter-spacing:.1em; }
.p-make-renewal__heading h2 { font-size:calc(100vw / 1440 * 26); font-weight:400; line-height:1.6; letter-spacing:.02em; margin:calc(100vw / 1440 * 20) 0; }
.p-make-renewal__heading-icon { display:flex; justify-content:center; height:calc(100vw / 1440 * 62); }
.p-make-renewal__sp-break { display:none; }
.p-make-renewal img.p-make-renewal__icon { width:auto; height:auto; max-width:none; flex-shrink:0; }
.p-make-renewal__intro { text-align:center; margin:0 auto calc(100vw / 1440 * 60)!important; }
.p-make-renewal__trees { width:calc(100vw / 1440 * 330); max-width:65%; margin:0 auto; }
.p-make-renewal__trees img { display:block; width:100%; height:auto; }
.p-make-renewal__table-scroll { width:100%; overflow-x:auto; overscroll-behavior-x:contain; margin:calc(100vw / 1440 * 38) 0 calc(100vw / 1440 * 20); }
.p-make-renewal__table { width:100%; border-collapse:collapse; font-size:calc(100vw / 1440 * 16); line-height:1.8; table-layout:fixed; background:#fff; }
.p-make-renewal__table caption { text-align:center; caption-side:top; padding:calc(100vw / 1440 * 15) calc(100vw / 1440 * 20); background:var(--make-brown); color:white; font-size:calc(100vw / 1440 * 22); font-weight:400; }
.p-make-renewal__table th,.p-make-renewal__table td { padding:calc(100vw / 1440 * 19) calc(100vw / 1440 * 16); border:calc(100vw / 1440 * 1) solid #ddd; border-left-width:0; vertical-align:middle; text-align:center; font-weight:400; }
.p-make-renewal__table tr > :last-child { border-right:0; }
.p-make-renewal__table thead { background:#dff3e6; }
.p-make-renewal__table thead th { border-color:#fff; padding:calc(100vw / 1440 * 10) calc(100vw / 1440 * 12); }
.p-make-renewal__table tbody th { background:#f7f7f7; }
.p-make-renewal .p-make-renewal__table a { color:var(--make-green)!important; text-decoration:none; }
.p-make-renewal .p-make-renewal__table a:hover { text-decoration:underline; }
#make-conclusion .p-make-renewal__table-scroll { margin-top:0; }
#make-conclusion .p-make-renewal__table { background:transparent; }
#make-conclusion .p-make-renewal__table th { width:46%; padding-left:calc(100vw / 1440 * 20); background:transparent; border:0; text-align:left; }
#make-conclusion .p-make-renewal__table td { background:#fff; border:0; border-bottom:calc(100vw / 1440 * 2) solid var(--make-pale); color:var(--make-ink); text-align:left; padding-left:calc(100vw / 1440 * 30); }
.p-make-renewal__button { display:flex; align-items:center; justify-content:center; gap:calc(100vw / 1440 * 12); min-height:calc(100vw / 1440 * 60); padding:calc(100vw / 1440 * 14) calc(100vw / 1440 * 26); background:var(--make-brown); border-radius:calc(100vw / 1440 * 2); font-size:calc(100vw / 1440 * 16); font-weight:400; line-height:1.5; letter-spacing:.08em; text-align:center; text-decoration:none; transition:opacity .15s; }
.p-make-renewal a.p-make-renewal__button { color:white!important; }
.p-make-renewal__button:hover { opacity:.8; }
.p-make-renewal__button-label { flex:1; }
.p-make-renewal__arrow { flex:none; }
.p-make-renewal__cta-label--product { color:var(--make-green); font-style:normal; font-weight:700; }
.p-make-renewal__cta-label--construction { color:#ff9300; font-style:normal; font-weight:700; }
.p-make-renewal__actions { display:flex; justify-content:center; gap:calc(100vw / 1440 * 75); margin-top:calc(100vw / 1440 * 50); }
.p-make-renewal__actions > a { width:calc(100vw / 1440 * 390); max-width:100%; }
.p-make-renewal__price-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:calc(100vw / 1440 * 24); max-width:calc(100vw / 1440 * 1000); margin:calc(100vw / 1440 * 80) auto calc(100vw / 1440 * 50); }
.p-make-renewal__price-card { position:relative; border:calc(100vw / 1440 * 1) solid var(--make-green); border-radius:calc(100vw / 1440 * 5); text-align:left; padding:calc(100vw / 1440 * 40) calc(100vw / 1440 * 24) calc(100vw / 1440 * 22); background:var(--make-pale); }
.p-make-renewal__badge { display:inline-block; padding:calc(100vw / 1440 * 6) calc(100vw / 1440 * 24); border-radius:calc(100vw / 1440 * 30); background:var(--make-green); color:white; font-size:calc(100vw / 1440 * 18); font-weight:500; letter-spacing:.06em; line-height:1.6; }
.p-make-renewal__badge::after { content:""; position:absolute; left:50%; bottom:calc(100vw / 1440 * -7); border-top:calc(100vw / 1440 * 8) solid var(--make-green); border-left:calc(100vw / 1440 * 5) solid transparent; border-right:calc(100vw / 1440 * 5) solid transparent; }
.p-make-renewal__price-card > .p-make-renewal__badge { position:absolute; top:0; left:calc(100vw / 1440 * 10); right:calc(100vw / 1440 * 10); transform:translateY(-50%); margin:0; text-align:center; font-size:calc(100vw / 1440 * 17); letter-spacing:.06em; }
.p-make-renewal__price-size { white-space:nowrap; font-size:calc(100vw / 1440 * 14); display:flex; align-items:center; gap:calc(100vw / 1440 * 10); }
.p-make-renewal__price-size strong { color:var(--make-green); background:white; border:calc(100vw / 1440 * 1) solid #def4e4; padding:calc(100vw / 1440 * 1) calc(100vw / 1440 * 8); font-size:calc(100vw / 1440 * 18); font-weight:500; }
.p-make-renewal__price-line { display:flex; align-items:center; gap:calc(100vw / 1440 * 12); padding:calc(100vw / 1440 * 14) 0; border-bottom:calc(100vw / 1440 * 1) solid #999; margin-bottom:calc(100vw / 1440 * 10); }
.p-make-renewal__price { color:var(--make-green); font-size:calc(100vw / 1440 * 18); white-space:nowrap; }
.p-make-renewal__price strong { font-family:Nunito,sans-serif; font-size:calc(100vw / 1440 * 30); font-weight:700; }
.p-make-renewal__price-type { border:calc(100vw / 1440 * 1) solid #999; padding:calc(100vw / 1440 * 1) calc(100vw / 1440 * 6); font-size:calc(100vw / 1440 * 12); white-space:nowrap; }
.p-make-renewal__small { font-size:calc(100vw / 1440 * 14); line-height:1.8; }
.p-make-renewal__note { font-size:calc(100vw / 1440 * 12); color:#777; margin:calc(100vw / 1440 * 16) 0!important; line-height:1.8; }
.p-make-renewal__breakdown { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:calc(100vw / 1440 * 40); margin:calc(100vw / 1440 * 50) 0 0; }
.p-make-renewal__breakdown dt { font-weight:500; font-size:calc(100vw / 1440 * 18); margin-bottom:calc(100vw / 1440 * 24); }
.p-make-renewal__breakdown dd { margin:0; font-size:calc(100vw / 1440 * 16); line-height:2; }
.p-make-renewal__size-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:calc(100vw / 1440 * 20); margin:0 0 calc(100vw / 1440 * 50); }
.p-make-renewal__size-grid article { background:white; border:calc(100vw / 1440 * 1) solid var(--make-green); border-radius:calc(100vw / 1440 * 5); overflow:hidden; }
.p-make-renewal__size-grid img { display:block; width:100%; aspect-ratio:284/120; height:auto; object-fit:cover; }
.p-make-renewal__size-copy { padding:calc(100vw / 1440 * 18) calc(100vw / 1440 * 22) calc(100vw / 1440 * 22); text-align:center; }
.p-make-renewal__size-label { display:flex; align-items:center; justify-content:center; gap:calc(100vw / 1440 * 8); padding-bottom:calc(100vw / 1440 * 14); border-bottom:calc(100vw / 1440 * 1) solid #999; margin-bottom:calc(100vw / 1440 * 12); white-space:nowrap; }
.p-make-renewal__size-label h3 { font-size:calc(100vw / 1440 * 18); line-height:1.5; font-weight:500; margin:0; color:var(--make-green); border:calc(100vw / 1440 * 1) solid #def4e4; padding:calc(100vw / 1440 * 1) calc(100vw / 1440 * 7); }
.p-make-renewal__size-label p { font-size:calc(100vw / 1440 * 12); }
.p-make-renewal__size-copy > p { font-size:calc(100vw / 1440 * 14); line-height:2; }
#make-size .p-make-renewal__table th:nth-child(1) { width:21%; }
#make-size .p-make-renewal__table th:nth-child(2) { width:29%; }
.p-make-renewal__planning-card { position:relative; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); align-items:stretch; border:calc(100vw / 1440 * 1) solid var(--make-green); background:var(--make-pale); margin:calc(100vw / 1440 * 40) 0; }
.p-make-renewal__planning-card > .p-make-renewal__badge { position:absolute; left:calc(100vw / 1440 * 50); top:0; transform:translateY(-50%); min-width:calc(100vw / 1440 * 180); text-align:center; }
.p-make-renewal__planning-copy { padding:calc(100vw / 1440 * 38) calc(100vw / 1440 * 40) calc(100vw / 1440 * 24); }
.p-make-renewal__planning-copy h3 { color:var(--make-brown); font-size:calc(100vw / 1440 * 20); font-weight:400; margin:0 0 calc(100vw / 1440 * 10); }
.p-make-renewal__planning-copy > p { font-size:calc(100vw / 1440 * 16); line-height:2; }
.p-make-renewal__planning-card .p-make-renewal__button { width:calc(100vw / 1440 * 350); max-width:100%; margin-top:calc(100vw / 1440 * 20); font-size:calc(100vw / 1440 * 14); }
.p-make-renewal__planning-card > img { width:100%; height:100%; min-height:calc(100vw / 1440 * 244); object-fit:cover; }
.p-make-renewal__structure { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:calc(100vw / 1440 * 45); align-items:center; margin-top:calc(100vw / 1440 * 50); }
.p-make-renewal__structure > img { width:100%; height:auto; }
.p-make-renewal__structure dl { margin:0; font-size:calc(100vw / 1440 * 15); }
.p-make-renewal__structure dl > div { display:flex; flex-wrap:wrap; align-items:baseline; gap:calc(100vw / 1440 * 8); margin:0 0 calc(100vw / 1440 * 20); }
.p-make-renewal__structure dt { font-weight:500; white-space:nowrap; }
.p-make-renewal__structure dt::after { content:"—"; color:var(--make-green); margin-left:calc(100vw / 1440 * 8); }
.p-make-renewal__structure dt > span { display:inline-flex; justify-content:center; align-items:center; width:1.15em; height:1.15em; border-radius:50%; background:var(--make-green); color:white; }
.p-make-renewal__structure dd { margin:0; font-size:calc(100vw / 1440 * 14); }
.p-make-renewal__filters { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:calc(100vw / 1440 * 10); margin:calc(100vw / 1440 * 50) calc(100vw / 1440 * 25) calc(100vw / 1440 * 30); }
.p-make-renewal__filters[hidden] { display:none; }
.p-make-renewal__filters button { appearance:none; cursor:pointer; font:inherit; font-size:calc(100vw / 1440 * 14); line-height:1.5; color:#333; background:transparent; border:calc(100vw / 1440 * 1) solid #ddd; border-radius:calc(100vw / 1440 * 2); padding:calc(100vw / 1440 * 12) calc(100vw / 1440 * 8); min-height:calc(100vw / 1440 * 50); }
.p-make-renewal__filters button[aria-pressed="true"] { color:white; background:var(--make-brown); border-color:var(--make-brown); }
.p-make-renewal__comparison { min-width:calc(100vw / 1440 * 1150); font-size:calc(100vw / 1440 * 14); }
.p-make-renewal__comparison th,.p-make-renewal__comparison td { padding:calc(100vw / 1440 * 20) calc(100vw / 1440 * 10); border:0; border-bottom:calc(100vw / 1440 * 1) solid #ddd; }
.p-make-renewal__comparison th:nth-child(1) { width:17%; }
.p-make-renewal__comparison th:nth-child(2) { width:14%; }
.p-make-renewal__comparison tr[hidden] { display:none; }
.p-make-renewal__material-tag { display:inline-block; padding:calc(100vw / 1440 * 4) calc(100vw / 1440 * 12); white-space:nowrap; font-size:calc(100vw / 1440 * 13); border-radius:calc(100vw / 1440 * 2); }
.p-make-renewal__material-tag--hard { background:#bdcac2; }
.p-make-renewal__material-tag--soft { background:#e1cfaf; }
.p-make-renewal__material-tag--artificial { background:#ebe1ac; }
.p-make-renewal__sample { margin-top:calc(100vw / 1440 * 48); text-align:center; }
.p-make-renewal__sample-button { max-width:calc(100vw / 1440 * 435); margin:auto; position:relative; padding-left:calc(100vw / 1440 * 95); letter-spacing:.02em; }
.p-make-renewal__sample-button > img { position:absolute; width:calc(100vw / 1440 * 62.5); height:calc(100vw / 1440 * 65); left:calc(100vw / 1440 * 35); bottom:calc(100vw / 1440 * 3); object-fit:contain; }
.p-make-renewal__sample-button .p-make-renewal__arrow { display:none; }
.p-make-renewal__works-heading { text-align:center; color:var(--make-ink); padding-top:calc(100vw / 1440 * 50); background:url("https://dainihonmokuzai.itembox.design/item/img/top/headingIcon01.svg") no-repeat center top/calc(100vw / 1440 * 25) auto; }
.p-make-renewal__works-heading h2 { font-size:calc(100vw / 1440 * 26); font-weight:400; letter-spacing:.08em; margin:0 0 calc(100vw / 1440 * 10); }
.p-make-renewal__works-heading p { font:400 calc(100vw / 1440 * 18)/1.5 Nunito,sans-serif; letter-spacing:.1em; }
.p-make-renewal__button--orange { background:#ff9300; }
#make-works .p-make-renewal__button { gap:calc(100vw / 1440 * 8); }
#make-works .p-make-renewal__button-label { flex:initial; }
#make-works .p-make-renewal__arrow { display:none; }
.p-make-renewal__sr-only { position:absolute!important; width:calc(100vw / 1440 * 1)!important; height:calc(100vw / 1440 * 1)!important; padding:0!important; margin:calc(100vw / 1440 * -1)!important; overflow:hidden!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important; }
.p-make-renewal a:focus-visible,.p-make-renewal button:focus-visible,.p-make-renewal [tabindex]:focus-visible { outline:calc(100vw / 1440 * 3) solid #245f39; outline-offset:calc(100vw / 1440 * 4); }
.p-make-renewal [id] { scroll-margin-top:calc(100vw / 1440 * 150); }
.p-make-renewal .p-make-content06__inner__list { display:flex; flex-wrap:nowrap; gap:calc(100vw / 1440 * 24); overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; height:auto; padding:0 0 calc(100vw / 1440 * 16); }
.p-make-renewal .p-make-content06__inner__list__item { flex:0 0 calc(100vw / 1440 * 465); width:calc(100vw / 1440 * 465); margin:0; scroll-snap-align:start; }
.p-make-renewal .p-make-content06__inner__list__item img { display:block; width:100%; aspect-ratio:3/2; height:auto; object-fit:cover; }
@media(prefers-reduced-motion:reduce) { .p-make-renewal * { scroll-behavior:auto; transition:none; } }
.p-make-renewal__button { position:relative; border-radius:calc(100vw / 1440 * 3); padding-right:calc(100vw / 1440 * 40); padding-left:calc(100vw / 1440 * 40); background:#846f54; }
.p-make-renewal__button::before { content:""; position:absolute; inset:0 auto 0 0; width:0; border-radius:inherit; background:rgba(80,50,11,.9); transition:width .3s; }
.p-make-renewal__button:hover { opacity:1; }
.p-make-renewal__button-label,.p-make-renewal__button > img { position:relative; z-index:1; }
.p-make-renewal__button .p-make-renewal__arrow { position:absolute; top:50%; right:calc(100vw / 1440 * 15); transform:translateY(-50%); width:calc(100vw / 1440 * 16); height:calc(100vw / 1440 * 13); background:url('../img/first/howto-make/renewal/arrow-right-white.svg') center/contain no-repeat; z-index:1; }
.p-make-renewal__button--orange { background:#ff9300; }
.p-make-renewal__sample-button { padding-left:calc(100vw / 1440 * 95); padding-right:calc(100vw / 1440 * 26); }
.p-make-renewal__sample-button > img { position:absolute; }
@media (hover:hover) { .p-make-renewal__button:hover::before { width:100%; } }
@media (prefers-reduced-motion:reduce) { .p-make-renewal__button::before { transition:none; } }
.p-make-renewal table a::after { content:""; display:inline-block; width:calc(100vw / 1440 * 16); height:calc(100vw / 1440 * 13); margin-left:calc(100vw / 1440 * 8); vertical-align:middle; background:url("../img/first/howto-make/renewal/arrow-right-green.svg") center/contain no-repeat; }
#make-works .p-make-renewal__intro { margin-top:calc(100vw / 1440 * 40)!important; margin-bottom:calc(100vw / 1440 * 50)!important; }
.p-make-renewal__work-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:calc(100vw / 1440 * 30); }
.p-make-renewal__work { min-width:0; }
.p-make-renewal__work > img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
.p-make-renewal__work h3 { margin:calc(100vw / 1440 * 20) 0 calc(100vw / 1440 * 12); font-size:calc(100vw / 1440 * 18); font-weight:500; line-height:1.8; letter-spacing:.04em; }
.p-make-renewal__work .p-make-renewal__work-species { display:table; background:var(--make-green); color:white; font-size:calc(100vw / 1440 * 15); font-weight:500; line-height:1.6; padding:0 calc(100vw / 1440 * 10); margin-bottom:calc(100vw / 1440 * 12); }
.p-make-renewal__work > p:last-child { font-size:calc(100vw / 1440 * 16); line-height:1.875; }
.p-make-renewal__work-controls { display:none; }
.p-make-renewal .p-make-renewal__heading-icon > img { width:calc(100vw / 1440 * 62); height:calc(100vw / 1440 * 62); }
#make-works img[width="27"] { width:calc(100vw / 1440 * 27); height:calc(100vw / 1440 * 27); }
#make-works img[width="25"] { width:calc(100vw / 1440 * 25); height:calc(100vw / 1440 * 25); }
}
@media (max-width:768px) {
.p-make-renewal { --make-brown:#846f54; --make-ink:#50320b; --make-green:#64cc82; --make-pale:#f2faf5; }
.p-make-renewal *, .p-make-renewal *::before, .p-make-renewal *::after { box-sizing:border-box; }
.p-make-renewal__section { width:100%; padding:calc(100vw / 750 * 140) 0; margin:0; color:#333; font-size:calc(100vw / 750 * 32); line-height:1.9; }
.p-make-renewal__inner { width:calc(100% - calc(100vw / 750 * 160)); max-width:calc(100vw / 750 * 2400); margin:0 auto; }
#make-conclusion,#make-size,#make-compare { background:var(--make-pale); }
#make-conclusion .p-make-renewal__inner { max-width:calc(100vw / 750 * 2000); }
#make-planning .p-make-renewal__inner { max-width:calc(100vw / 750 * 2200); }
.p-make-renewal__section p { margin:0; }
.p-make-renewal__heading { text-align:center; color:var(--make-ink); margin-bottom:calc(100vw / 750 * 52); }
.p-make-renewal__heading > p { display:table; margin:0 auto; padding:0 calc(100vw / 750 * 40); background:var(--make-green); color:white; font:700 calc(100vw / 750 * 44)/calc(100vw / 750 * 68) Nunito,sans-serif; letter-spacing:.1em; }
.p-make-renewal__heading h2 { font-size:calc(100vw / 750 * 52); font-weight:400; line-height:1.6; letter-spacing:.02em; margin:calc(100vw / 750 * 40) 0; }
.p-make-renewal__heading-icon { display:flex; justify-content:center; height:calc(100vw / 750 * 124); }
.p-make-renewal__sp-break { display:none; }
.p-make-renewal img.p-make-renewal__icon { width:auto; height:auto; max-width:none; flex-shrink:0; }
.p-make-renewal__intro { text-align:center; margin:0 auto calc(100vw / 750 * 120)!important; }
.p-make-renewal__trees { width:calc(100vw / 750 * 660); max-width:65%; margin:0 auto; }
.p-make-renewal__trees img { display:block; width:100%; height:auto; }
.p-make-renewal__table-scroll { width:100%; overflow-x:auto; overscroll-behavior-x:contain; margin:calc(100vw / 750 * 76) 0 calc(100vw / 750 * 40); }
.p-make-renewal__table { width:100%; border-collapse:collapse; font-size:calc(100vw / 750 * 32); line-height:1.8; table-layout:fixed; background:#fff; }
.p-make-renewal__table caption { text-align:center; caption-side:top; padding:calc(100vw / 750 * 30) calc(100vw / 750 * 40); background:var(--make-brown); color:white; font-size:calc(100vw / 750 * 44); font-weight:400; }
.p-make-renewal__table th,.p-make-renewal__table td { padding:calc(100vw / 750 * 38) calc(100vw / 750 * 32); border:calc(100vw / 750 * 2) solid #ddd; border-left-width:0; vertical-align:middle; text-align:center; font-weight:400; }
.p-make-renewal__table tr > :last-child { border-right:0; }
.p-make-renewal__table thead { background:#dff3e6; }
.p-make-renewal__table thead th { border-color:#fff; padding:calc(100vw / 750 * 20) calc(100vw / 750 * 24); }
.p-make-renewal__table tbody th { background:#f7f7f7; }
.p-make-renewal .p-make-renewal__table a { color:var(--make-green)!important; text-decoration:none; }
.p-make-renewal .p-make-renewal__table a:hover { text-decoration:underline; }
#make-conclusion .p-make-renewal__table-scroll { margin-top:0; }
#make-conclusion .p-make-renewal__table { background:transparent; }
#make-conclusion .p-make-renewal__table th { width:46%; padding-left:calc(100vw / 750 * 40); background:transparent; border:0; text-align:left; }
#make-conclusion .p-make-renewal__table td { background:#fff; border:0; border-bottom:calc(100vw / 750 * 4) solid var(--make-pale); color:var(--make-ink); text-align:left; padding-left:calc(100vw / 750 * 60); }
.p-make-renewal__button { display:flex; align-items:center; justify-content:center; gap:calc(100vw / 750 * 24); min-height:calc(100vw / 750 * 120); padding:calc(100vw / 750 * 28) calc(100vw / 750 * 52); background:var(--make-brown); border-radius:calc(100vw / 750 * 4); font-size:calc(100vw / 750 * 32); font-weight:400; line-height:1.5; letter-spacing:.08em; text-align:center; text-decoration:none; transition:opacity .15s; }
.p-make-renewal a.p-make-renewal__button { color:white!important; }
.p-make-renewal__button:hover { opacity:.8; }
.p-make-renewal__button-label { flex:1; }
.p-make-renewal__arrow { flex:none; }
.p-make-renewal__cta-label--product { color:var(--make-green); font-style:normal; font-weight:700; }
.p-make-renewal__cta-label--construction { color:#ff9300; font-style:normal; font-weight:700; }
.p-make-renewal__actions { display:flex; justify-content:center; gap:calc(100vw / 750 * 150); margin-top:calc(100vw / 750 * 100); }
.p-make-renewal__actions > a { width:calc(100vw / 750 * 780); max-width:100%; }
.p-make-renewal__price-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:calc(100vw / 750 * 48); max-width:calc(100vw / 750 * 2000); margin:calc(100vw / 750 * 160) auto calc(100vw / 750 * 100); }
.p-make-renewal__price-card { position:relative; border:calc(100vw / 750 * 2) solid var(--make-green); border-radius:calc(100vw / 750 * 10); text-align:left; padding:calc(100vw / 750 * 80) calc(100vw / 750 * 48) calc(100vw / 750 * 44); background:var(--make-pale); }
.p-make-renewal__badge { display:inline-block; padding:calc(100vw / 750 * 12) calc(100vw / 750 * 48); border-radius:calc(100vw / 750 * 60); background:var(--make-green); color:white; font-size:calc(100vw / 750 * 36); font-weight:500; letter-spacing:.06em; line-height:1.6; }
.p-make-renewal__badge::after { content:""; position:absolute; left:50%; bottom:calc(100vw / 750 * -14); border-top:calc(100vw / 750 * 16) solid var(--make-green); border-left:calc(100vw / 750 * 10) solid transparent; border-right:calc(100vw / 750 * 10) solid transparent; }
.p-make-renewal__price-card > .p-make-renewal__badge { position:absolute; top:0; left:calc(100vw / 750 * 20); right:calc(100vw / 750 * 20); transform:translateY(-50%); margin:0; text-align:center; font-size:calc(100vw / 750 * 34); letter-spacing:.06em; }
.p-make-renewal__price-size { white-space:nowrap; font-size:calc(100vw / 750 * 28); display:flex; align-items:center; gap:calc(100vw / 750 * 20); }
.p-make-renewal__price-size strong { color:var(--make-green); background:white; border:calc(100vw / 750 * 2) solid #def4e4; padding:calc(100vw / 750 * 2) calc(100vw / 750 * 16); font-size:calc(100vw / 750 * 36); font-weight:500; }
.p-make-renewal__price-line { display:flex; align-items:center; gap:calc(100vw / 750 * 24); padding:calc(100vw / 750 * 28) 0; border-bottom:calc(100vw / 750 * 2) solid #999; margin-bottom:calc(100vw / 750 * 20); }
.p-make-renewal__price { color:var(--make-green); font-size:calc(100vw / 750 * 36); white-space:nowrap; }
.p-make-renewal__price strong { font-family:Nunito,sans-serif; font-size:calc(100vw / 750 * 60); font-weight:700; }
.p-make-renewal__price-type { border:calc(100vw / 750 * 2) solid #999; padding:calc(100vw / 750 * 2) calc(100vw / 750 * 12); font-size:calc(100vw / 750 * 24); white-space:nowrap; }
.p-make-renewal__small { font-size:calc(100vw / 750 * 28); line-height:1.8; }
.p-make-renewal__note { font-size:calc(100vw / 750 * 24); color:#777; margin:calc(100vw / 750 * 32) 0!important; line-height:1.8; }
.p-make-renewal__breakdown { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:calc(100vw / 750 * 80); margin:calc(100vw / 750 * 100) 0 0; }
.p-make-renewal__breakdown dt { font-weight:500; font-size:calc(100vw / 750 * 36); margin-bottom:calc(100vw / 750 * 48); }
.p-make-renewal__breakdown dd { margin:0; font-size:calc(100vw / 750 * 32); line-height:2; }
.p-make-renewal__size-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:calc(100vw / 750 * 40); margin:0 0 calc(100vw / 750 * 100); }
.p-make-renewal__size-grid article { background:white; border:calc(100vw / 750 * 2) solid var(--make-green); border-radius:calc(100vw / 750 * 10); overflow:hidden; }
.p-make-renewal__size-grid img { display:block; width:100%; aspect-ratio:284/120; height:auto; object-fit:cover; }
.p-make-renewal__size-copy { padding:calc(100vw / 750 * 36) calc(100vw / 750 * 44) calc(100vw / 750 * 44); text-align:center; }
.p-make-renewal__size-label { display:flex; align-items:center; justify-content:center; gap:calc(100vw / 750 * 16); padding-bottom:calc(100vw / 750 * 28); border-bottom:calc(100vw / 750 * 2) solid #999; margin-bottom:calc(100vw / 750 * 24); white-space:nowrap; }
.p-make-renewal__size-label h3 { font-size:calc(100vw / 750 * 36); line-height:1.5; font-weight:500; margin:0; color:var(--make-green); border:calc(100vw / 750 * 2) solid #def4e4; padding:calc(100vw / 750 * 2) calc(100vw / 750 * 14); }
.p-make-renewal__size-label p { font-size:calc(100vw / 750 * 24); }
.p-make-renewal__size-copy > p { font-size:calc(100vw / 750 * 28); line-height:2; }
#make-size .p-make-renewal__table th:nth-child(1) { width:21%; }
#make-size .p-make-renewal__table th:nth-child(2) { width:29%; }
.p-make-renewal__planning-card { position:relative; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); align-items:stretch; border:calc(100vw / 750 * 2) solid var(--make-green); background:var(--make-pale); margin:calc(100vw / 750 * 80) 0; }
.p-make-renewal__planning-card > .p-make-renewal__badge { position:absolute; left:calc(100vw / 750 * 100); top:0; transform:translateY(-50%); min-width:calc(100vw / 750 * 360); text-align:center; }
.p-make-renewal__planning-copy { padding:calc(100vw / 750 * 76) calc(100vw / 750 * 80) calc(100vw / 750 * 48); }
.p-make-renewal__planning-copy h3 { color:var(--make-brown); font-size:calc(100vw / 750 * 40); font-weight:400; margin:0 0 calc(100vw / 750 * 20); }
.p-make-renewal__planning-copy > p { font-size:calc(100vw / 750 * 32); line-height:2; }
.p-make-renewal__planning-card .p-make-renewal__button { width:calc(100vw / 750 * 700); max-width:100%; margin-top:calc(100vw / 750 * 40); font-size:calc(100vw / 750 * 28); }
.p-make-renewal__planning-card > img { width:100%; height:100%; min-height:calc(100vw / 750 * 488); object-fit:cover; }
.p-make-renewal__structure { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:calc(100vw / 750 * 90); align-items:center; margin-top:calc(100vw / 750 * 100); }
.p-make-renewal__structure > img { width:100%; height:auto; }
.p-make-renewal__structure dl { margin:0; font-size:calc(100vw / 750 * 30); }
.p-make-renewal__structure dl > div { display:flex; flex-wrap:wrap; align-items:baseline; gap:calc(100vw / 750 * 16); margin:0 0 calc(100vw / 750 * 40); }
.p-make-renewal__structure dt { font-weight:500; white-space:nowrap; }
.p-make-renewal__structure dt::after { content:"—"; color:var(--make-green); margin-left:calc(100vw / 750 * 16); }
.p-make-renewal__structure dt > span { display:inline-flex; justify-content:center; align-items:center; width:1.15em; height:1.15em; border-radius:50%; background:var(--make-green); color:white; }
.p-make-renewal__structure dd { margin:0; font-size:calc(100vw / 750 * 28); }
.p-make-renewal__filters { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:calc(100vw / 750 * 20); margin:calc(100vw / 750 * 100) calc(100vw / 750 * 50) calc(100vw / 750 * 60); }
.p-make-renewal__filters[hidden] { display:none; }
.p-make-renewal__filters button { appearance:none; cursor:pointer; font:inherit; font-size:calc(100vw / 750 * 28); line-height:1.5; color:#333; background:transparent; border:calc(100vw / 750 * 2) solid #ddd; border-radius:calc(100vw / 750 * 4); padding:calc(100vw / 750 * 24) calc(100vw / 750 * 16); min-height:calc(100vw / 750 * 100); }
.p-make-renewal__filters button[aria-pressed="true"] { color:white; background:var(--make-brown); border-color:var(--make-brown); }
.p-make-renewal__comparison { min-width:calc(100vw / 750 * 2300); font-size:calc(100vw / 750 * 28); }
.p-make-renewal__comparison th,.p-make-renewal__comparison td { padding:calc(100vw / 750 * 40) calc(100vw / 750 * 20); border:0; border-bottom:calc(100vw / 750 * 2) solid #ddd; }
.p-make-renewal__comparison th:nth-child(1) { width:17%; }
.p-make-renewal__comparison th:nth-child(2) { width:14%; }
.p-make-renewal__comparison tr[hidden] { display:none; }
.p-make-renewal__material-tag { display:inline-block; padding:calc(100vw / 750 * 8) calc(100vw / 750 * 24); white-space:nowrap; font-size:calc(100vw / 750 * 26); border-radius:calc(100vw / 750 * 4); }
.p-make-renewal__material-tag--hard { background:#bdcac2; }
.p-make-renewal__material-tag--soft { background:#e1cfaf; }
.p-make-renewal__material-tag--artificial { background:#ebe1ac; }
.p-make-renewal__sample { margin-top:calc(100vw / 750 * 96); text-align:center; }
.p-make-renewal__sample-button { max-width:calc(100vw / 750 * 870); margin:auto; position:relative; padding-left:calc(100vw / 750 * 190); letter-spacing:.02em; }
.p-make-renewal__sample-button > img { position:absolute; width:calc(100vw / 750 * 125); height:calc(100vw / 750 * 130); left:calc(100vw / 750 * 70); bottom:calc(100vw / 750 * 6); object-fit:contain; }
.p-make-renewal__sample-button .p-make-renewal__arrow { display:none; }
.p-make-renewal__works-heading { text-align:center; color:var(--make-ink); padding-top:calc(100vw / 750 * 100); background:url("https://dainihonmokuzai.itembox.design/item/img/top/headingIcon01.svg") no-repeat center top/calc(100vw / 750 * 50) auto; }
.p-make-renewal__works-heading h2 { font-size:calc(100vw / 750 * 52); font-weight:400; letter-spacing:.08em; margin:0 0 calc(100vw / 750 * 20); }
.p-make-renewal__works-heading p { font:400 calc(100vw / 750 * 36)/1.5 Nunito,sans-serif; letter-spacing:.1em; }
.p-make-renewal__button--orange { background:#ff9300; }
#make-works .p-make-renewal__button { gap:calc(100vw / 750 * 16); }
#make-works .p-make-renewal__button-label { flex:initial; }
#make-works .p-make-renewal__arrow { display:none; }
.p-make-renewal__sr-only { position:absolute!important; width:calc(100vw / 750 * 2)!important; height:calc(100vw / 750 * 2)!important; padding:0!important; margin:calc(100vw / 750 * -2)!important; overflow:hidden!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important; }
.p-make-renewal a:focus-visible,.p-make-renewal button:focus-visible,.p-make-renewal [tabindex]:focus-visible { outline:calc(100vw / 750 * 6) solid #245f39; outline-offset:calc(100vw / 750 * 8); }
.p-make-renewal [id] { scroll-margin-top:calc(100vw / 750 * 300); }
.p-make-renewal .p-make-content06__inner__list { display:flex; flex-wrap:nowrap; gap:calc(100vw / 750 * 48); overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; height:auto; padding:0 0 calc(100vw / 750 * 32); }
.p-make-renewal .p-make-content06__inner__list__item { flex:0 0 calc(100vw / 750 * 930); width:calc(100vw / 750 * 930); margin:0; scroll-snap-align:start; }
.p-make-renewal .p-make-content06__inner__list__item img { display:block; width:100%; aspect-ratio:3/2; height:auto; object-fit:cover; }
.p-make-renewal__section { padding:calc(100vw / 750 * 80) 0; font-size:calc(100vw / 750 * 28); line-height:1.8; }
.p-make-renewal__inner { width:calc(100% - calc(100vw / 750 * 100)); }
.p-make-renewal__heading { margin-bottom:calc(100vw / 750 * 44); }
.p-make-renewal__sp-break { display:block; }
.p-make-renewal__heading > p { font-size:calc(100vw / 750 * 32); line-height:calc(100vw / 750 * 44); padding:0 calc(100vw / 750 * 24); }
.p-make-renewal__heading h2 { font-size:calc(100vw / 750 * 46); line-height:1.5; margin:calc(100vw / 750 * 30) 0 calc(100vw / 750 * 20); }
.p-make-renewal__heading-icon { height:calc(100vw / 750 * 80); align-items:flex-start; }
.p-make-renewal__heading-icon > img { transform:scale(.645161); transform-origin:center top; }
.p-make-renewal__intro { text-align:left; margin-bottom:calc(100vw / 750 * 64)!important; line-height:1.8; }
.p-make-renewal__trees { width:calc(100vw / 750 * 400); max-width:65%; }
.p-make-renewal__table { min-width:calc(100vw / 750 * 1440); font-size:calc(100vw / 750 * 28); }
.p-make-renewal__table-scroll { margin-top:calc(100vw / 750 * 48); }
.p-make-renewal__table caption { font-size:calc(100vw / 750 * 32); padding:calc(100vw / 750 * 20) calc(100vw / 750 * 28); text-align:left; }
.p-make-renewal__table th,.p-make-renewal__table td { padding:calc(100vw / 750 * 36) calc(100vw / 750 * 24); }
#make-conclusion .p-make-renewal__table { min-width:calc(100vw / 750 * 1230); }
#make-conclusion .p-make-renewal__table th { width:34%; padding-left:calc(100vw / 750 * 32); }
#make-conclusion .p-make-renewal__table td { padding-left:calc(100vw / 750 * 40); }
#make-conclusion .p-make-renewal__table caption { text-align:left; }
.p-make-renewal__price-grid { grid-template-columns:1fr; gap:calc(100vw / 750 * 72); max-width:calc(100vw / 750 * 580); width:90%; margin:calc(100vw / 750 * 90) auto calc(100vw / 750 * 70); }
.p-make-renewal__price-card { padding:calc(100vw / 750 * 64) calc(100vw / 750 * 32) calc(100vw / 750 * 40); }
.p-make-renewal__price-card > .p-make-renewal__badge { font-size:calc(100vw / 750 * 28); left:calc(100vw / 750 * 16); right:calc(100vw / 750 * 16); }
.p-make-renewal__price-size { justify-content:center; gap:calc(100vw / 750 * 10); font-size:calc(100vw / 750 * 24); }
.p-make-renewal__price-size strong { font-size:calc(100vw / 750 * 32); }
.p-make-renewal__price-line { justify-content:center; gap:calc(100vw / 750 * 20); padding:calc(100vw / 750 * 18) 0; }
.p-make-renewal__price strong { font-size:calc(100vw / 750 * 50); }
.p-make-renewal__price-type { font-size:calc(100vw / 750 * 20); padding:calc(100vw / 750 * 2) calc(100vw / 750 * 6); }
.p-make-renewal__small { font-size:calc(100vw / 750 * 24); line-height:1.9; }
#make-price .p-make-renewal__table { min-width:calc(100vw / 750 * 2100); }
#make-price .p-make-renewal__table th:nth-child(1),#make-price .p-make-renewal__table th:nth-child(2) { width:calc(100vw / 750 * 400); }
.p-make-renewal__breakdown { grid-template-columns:1fr 1fr; gap:calc(100vw / 750 * 48); margin-top:calc(100vw / 750 * 60); }
.p-make-renewal__breakdown dt { font-size:calc(100vw / 750 * 28); margin-bottom:calc(100vw / 750 * 28); }
.p-make-renewal__breakdown dd { font-size:calc(100vw / 750 * 26); line-height:1.9; }
.p-make-renewal__actions { flex-direction:column; align-items:center; gap:calc(100vw / 750 * 36); margin-top:calc(100vw / 750 * 64); }
.p-make-renewal__button { font-size:calc(100vw / 750 * 28); min-height:calc(100vw / 750 * 108); padding:calc(100vw / 750 * 24) calc(100vw / 750 * 36); letter-spacing:.04em; }
.p-make-renewal__size-grid { grid-template-columns:1fr; gap:calc(100vw / 750 * 48); margin-bottom:calc(100vw / 750 * 70); }
.p-make-renewal__size-copy { padding:calc(100vw / 750 * 36) calc(100vw / 750 * 48) calc(100vw / 750 * 44); }
.p-make-renewal__size-label { gap:calc(100vw / 750 * 16); }
.p-make-renewal__size-label h3 { font-size:calc(100vw / 750 * 32); }
.p-make-renewal__size-label p { font-size:calc(100vw / 750 * 24); }
.p-make-renewal__size-copy > p { font-size:calc(100vw / 750 * 28); line-height:1.9; }
.p-make-renewal__planning-card { display:flex; flex-direction:column; margin:calc(100vw / 750 * 72) 0; }
.p-make-renewal__planning-card > .p-make-renewal__badge { left:50%; right:auto; min-width:calc(100vw / 750 * 220); transform:translate(-50%,-50%); font-size:calc(100vw / 750 * 28); z-index:1; }
.p-make-renewal__planning-card > img { order:-1; width:100%; height:auto; min-height:0; aspect-ratio:852/487; object-fit:contain; }
.p-make-renewal__planning-copy { padding:calc(100vw / 750 * 44) calc(100vw / 750 * 40); }
.p-make-renewal__planning-copy h3 { font-size:calc(100vw / 750 * 34); margin-bottom:calc(100vw / 750 * 24); }
.p-make-renewal__planning-copy > p { font-size:calc(100vw / 750 * 28); line-height:1.9; }
.p-make-renewal__planning-card .p-make-renewal__button { width:100%; font-size:calc(100vw / 750 * 26); margin-top:calc(100vw / 750 * 40); }
.p-make-renewal__structure { grid-template-columns:1fr; gap:calc(100vw / 750 * 56); margin-top:calc(100vw / 750 * 70); }
.p-make-renewal__structure dl > div { gap:calc(100vw / 750 * 8); margin-bottom:calc(100vw / 750 * 40); }
.p-make-renewal__structure dt { font-size:calc(100vw / 750 * 32); }
.p-make-renewal__structure dd { font-size:calc(100vw / 750 * 28); }
.p-make-renewal__comparison { min-width:calc(100vw / 750 * 2460); }
.p-make-renewal__comparison th:nth-child(1) { width:calc(100vw / 750 * 340); }
.p-make-renewal__comparison th:nth-child(2) { width:calc(100vw / 750 * 290); }
.p-make-renewal__filters { grid-template-columns:repeat(3,minmax(0,1fr)); gap:calc(100vw / 750 * 18); margin:calc(100vw / 750 * 60) calc(100vw / 750 * 10) calc(100vw / 750 * 48); }
.p-make-renewal__filters button { font-size:calc(100vw / 750 * 24); min-height:calc(100vw / 750 * 112); padding:calc(100vw / 750 * 18) calc(100vw / 750 * 8); }
.p-make-renewal__sample { margin-top:calc(100vw / 750 * 64); }
.p-make-renewal__sample-button { padding-left:calc(100vw / 750 * 140); font-size:calc(100vw / 750 * 26); min-height:calc(100vw / 750 * 100); }
.p-make-renewal__sample-button > img { width:calc(100vw / 750 * 100); height:calc(100vw / 750 * 104); left:calc(100vw / 750 * 36); }
.p-make-renewal__works-heading { padding-top:calc(100vw / 750 * 76); background-size:calc(100vw / 750 * 36) auto; }
.p-make-renewal__works-heading h2 { font-size:calc(100vw / 750 * 46); }
.p-make-renewal__works-heading p { font-size:calc(100vw / 750 * 32); }
.p-make-renewal .p-choose-content_body_inner { display:block; }
.p-make-renewal .p-choose-heading01 { pointer-events:none; }
.p-make-renewal .p-choose-heading01::after { display:none; }
.p-make-renewal .p-make-mainVisual { height:auto; min-height:0; padding-bottom:calc(100vw / 750 * 52); }
.p-make-renewal .p-make-mainVisual__list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:calc(100vw / 750 * 20); width:calc(100% - calc(100vw / 750 * 80)); margin:calc(100vw / 750 * 48) auto 0; }
.p-make-renewal .p-make-mainVisual__list__item { width:auto; margin:0; }
.p-make-renewal .p-make-mainVisual__list__item__link { padding:calc(100vw / 750 * 24) calc(100vw / 750 * 8); min-height:calc(100vw / 750 * 156); height:auto; }
.p-make-renewal .p-make-mainVisual__list__item__link__text { font-size:calc(100vw / 750 * 26); }
.p-make-renewal .p-make-mainVisual__list__item__link__tag__text { font-size:calc(100vw / 750 * 22); }
.p-make-renewal .p-make-mainVisual__list__item__link__img { display:none; }
.p-make-renewal .p-make-content06__inner__list { gap:calc(100vw / 750 * 32); }
.p-make-renewal .p-make-content06__inner__list__item { flex-basis:80%; width:80%; }
.p-make-renewal [id] { scroll-margin-top:calc(100vw / 750 * 180); }
@media(prefers-reduced-motion:reduce) { .p-make-renewal * { scroll-behavior:auto; transition:none; } }
.p-make-renewal__button { position:relative; border-radius:calc(100vw / 750 * 6); padding-right:calc(100vw / 750 * 80); padding-left:calc(100vw / 750 * 80); background:#846f54; }
.p-make-renewal__button::before { content:""; position:absolute; inset:0 auto 0 0; width:0; border-radius:inherit; background:rgba(80,50,11,.9); transition:width .3s; }
.p-make-renewal__button:hover { opacity:1; }
.p-make-renewal__button-label,.p-make-renewal__button > img { position:relative; z-index:1; }
.p-make-renewal__button .p-make-renewal__arrow { position:absolute; top:50%; right:calc(100vw / 750 * 30); transform:translateY(-50%); width:calc(100vw / 750 * 32); height:calc(100vw / 750 * 26); background:url('../img/first/howto-make/renewal/arrow-right-white.svg') center/contain no-repeat; z-index:1; }
.p-make-renewal__button--orange { background:#ff9300; }
.p-make-renewal__sample-button { padding-left:calc(100vw / 750 * 190); padding-right:calc(100vw / 750 * 52); }
.p-make-renewal__sample-button > img { position:absolute; }
@media (hover:hover) { .p-make-renewal__button:hover::before { width:100%; } }
.p-make-renewal__button .p-make-renewal__arrow { width:calc(100vw / 750 * 30); height:calc(100vw / 750 * 26); right:calc(100vw / 750 * 20); }
.p-make-renewal__sample-button { padding-left:calc(100vw / 750 * 140); padding-right:calc(100vw / 750 * 36); }
@media (prefers-reduced-motion:reduce) { .p-make-renewal__button::before { transition:none; } }
.p-make-renewal table a::after { content:""; display:inline-block; width:calc(100vw / 750 * 32); height:calc(100vw / 750 * 26); margin-left:calc(100vw / 750 * 16); vertical-align:middle; background:url("../img/first/howto-make/renewal/arrow-right-green.svg") center/contain no-repeat; }
#make-works .p-make-renewal__intro { margin-top:calc(100vw / 750 * 80)!important; margin-bottom:calc(100vw / 750 * 100)!important; }
.p-make-renewal__work-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:calc(100vw / 750 * 60); }
.p-make-renewal__work { min-width:0; }
.p-make-renewal__work > img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
.p-make-renewal__work h3 { margin:calc(100vw / 750 * 40) 0 calc(100vw / 750 * 24); font-size:calc(100vw / 750 * 36); font-weight:500; line-height:1.8; letter-spacing:.04em; }
.p-make-renewal__work .p-make-renewal__work-species { display:table; background:var(--make-green); color:white; font-size:calc(100vw / 750 * 30); font-weight:500; line-height:1.6; padding:0 calc(100vw / 750 * 20); margin-bottom:calc(100vw / 750 * 24); }
.p-make-renewal__work > p:last-child { font-size:calc(100vw / 750 * 32); line-height:1.875; }
.p-make-renewal__work-controls { display:none; }
#make-works .p-make-renewal__intro { margin-top:calc(100vw / 750 * 64)!important; margin-bottom:calc(100vw / 750 * 90)!important; font-size:calc(100vw / 750 * 28); }
.p-make-renewal__work-carousel { position:relative; }
.p-make-renewal__work-list { display:flex; gap:calc(100vw / 750 * 90); overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:none; }
.p-make-renewal__work { flex:0 0 100%; padding:0 calc(100vw / 750 * 40); scroll-snap-align:start; }
.p-make-renewal__work h3 { font-size:calc(100vw / 750 * 30); line-height:1.8; margin:calc(100vw / 750 * 30) 0 calc(100vw / 750 * 24); }
.p-make-renewal__work .p-make-renewal__work-species { font-size:calc(100vw / 750 * 24); padding:0 calc(100vw / 750 * 10); margin-bottom:calc(100vw / 750 * 28); }
.p-make-renewal__work > p:last-child { font-size:calc(100vw / 750 * 28); line-height:1.8; letter-spacing:.02em; }
.p-make-renewal__work-controls:not([hidden]) { display:block; }
.p-make-renewal__work-controls button { position:absolute; top:calc(100vw / 750 * 410); width:calc(100vw / 750 * 40); height:calc(100vw / 750 * 70); border:0; padding:0; background:url('../img/first/howto-make/renewal/works-next.svg') center/calc(100vw / 750 * 28) calc(100vw / 750 * 56) no-repeat; cursor:pointer; }
.p-make-renewal__work-controls button:first-child { left:calc(100vw / 750 * -20); transform:rotate(180deg); }
.p-make-renewal__work-controls button:last-child { right:calc(100vw / 750 * -20); }
.p-make-renewal__work-controls button:disabled { opacity:.3; cursor:default; }
.p-make-renewal .p-make-renewal__heading-icon > img { width:calc(100vw / 750 * 124); height:calc(100vw / 750 * 124); }
#make-works img[width="27"] { width:calc(100vw / 750 * 54); height:calc(100vw / 750 * 54); }
#make-works img[width="25"] { width:calc(100vw / 750 * 50); height:calc(100vw / 750 * 50); }
.p-make-renewal .p-make-renewal__heading-icon > img { width:calc(100vw / 750 * 80); height:calc(100vw / 750 * 80); transform:none; }
}