*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:'Zen Kaku Gothic New',sans-serif;color:#43301E;background:#F1E7D6;line-height:1.85;overflow-x:hidden;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
span.line-chunk{display:inline-block;overflow-wrap:anywhere;word-break:normal;}
::selection{background:#A8332B;color:#F1E7D6;}
@keyframes wkbob{0%,100%{transform:translateY(0);}50%{transform:translateY(9px);}}
@keyframes wkBarber{to{transform:translateX(-56.57px);}}
@keyframes wkBloom{0%{opacity:0;filter:blur(20px);}100%{opacity:.88;filter:blur(0);}}
@media (min-width:761px){.wk-zig-rev > div:first-child{order:2;}}
.wk-zig{grid-template-columns:1fr;}
@media (min-width:761px){.wk-zig{grid-template-columns:1fr 1fr;}}
[data-guide] image-slot, [data-guide] img{transition:transform .7s cubic-bezier(.2,.7,.2,1);}
[data-guide]:hover image-slot, [data-guide]:hover img{transform:scale(1.06);}
[data-guide]{transition:transform .25s ease;}
[data-guide]:hover{transform:translateY(-4px);}
.wk-guide-grid{grid-template-columns:1fr;}
.wk-guide-grid .g-recruit{order:-1;}
.wk-guide-grid .g-recruit .gimg{aspect-ratio:4 / 5;}
.wk-guide-grid .g-work .gimg2,.wk-guide-grid .g-company .gimg2{aspect-ratio:4 / 5;}
@media(min-width:780px){
.wk-guide-grid{grid-template-columns:1fr 1fr;}
.wk-guide-grid .g-recruit{order:0;grid-column:1 / -1;grid-row:1;}
.wk-guide-grid .g-work{grid-column:1;grid-row:2;}
.wk-guide-grid .g-company{grid-column:2;grid-row:2;}
.wk-guide-grid .g-recruit .gimg{aspect-ratio:24 / 7;}
.wk-guide-grid .g-work .gimg2,.wk-guide-grid .g-company .gimg2{aspect-ratio:5 / 3;}
}
.parts131415_blog .row{grid-template-columns:1fr;}
@media (min-width:576px){.parts131415_blog .row{grid-template-columns:1fr 1fr;}}
@media (min-width:992px){.parts131415_blog .row{grid-template-columns:1fr 1fr 1fr;}}
.parts131415_blog_thumbnail{height:205px;}
@media (min-width:576px){.parts131415_blog_thumbnail{height:215px;}}
@media (min-width:992px){.parts131415_blog_thumbnail{height:240px;}}
[data-road-track]{display:grid;grid-template-columns:1fr;}
[data-road-track] > div{position:relative;}
@media (min-width:600px){[data-road-track]{grid-template-columns:1fr 1fr;}}
@media (min-width:980px){
[data-road-track]{grid-template-columns:repeat(4,1fr);align-items:end;}
[data-road-track] > div{min-height:280px;}
[data-road-track] > div:nth-child(2){margin-bottom:48px;}
[data-road-track] > div:nth-child(3){margin-bottom:104px;}
[data-road-track] > div:nth-child(4){margin-bottom:172px;}
}
.wk-vox-grid{display:grid;grid-template-columns:1fr;gap:clamp(54px,9vw,64px);}
.wk-vox-grid > div{min-width:0;}
.wk-bignum{font-size:clamp(110px,22vw,360px);}
@media (min-width:560px) and (max-width:900px){.wk-why-grid{grid-template-columns:1fr 1fr !important;}.wk-why-grid > *:first-child{grid-column:1 / -1;width:min(100%,360px);justify-self:center;}}
@media (max-width:520px){.wk-entrybtns{flex-direction:column;align-items:stretch;}.wk-entrybtns .wk-ebtn{width:100%;}}
.wk-vox-grid .wk-polaroid{max-width:430px;}
@media (max-width:859px){
.wk-vox-grid > div{display:flex;flex-direction:column;align-items:center;text-align:center;}
.wk-vox-grid .wk-polaroid{max-width:380px;width:100%;}
.wk-vox-grid .wk-quote{width:min(94%,380px) !important;margin-left:auto !important;margin-right:auto !important;}
.wk-vox-grid .wk-staff2{margin-top:0 !important;}
}
@media (max-width:560px){
.wk-bignum{font-size:clamp(84px,20vw,180px) !important;left:auto !important;right:auto !important;top:-0.62em !important;opacity:.07 !important;}
}
@media (min-width:561px) and (max-width:859px){
.wk-bignum{font-size:clamp(230px,42vw,520px) !important;top:50% !important;transform:translateY(-50%) !important;opacity:.08 !important;}
.wk-vox-grid > div:first-child .wk-bignum{left:-8% !important;right:auto !important;}
.wk-vox-grid .wk-staff2 .wk-bignum{right:-8% !important;left:auto !important;}
}
@media (max-width:640px){
.wk-vox-grid .wk-polaroid{max-width:300px;}
.wk-vox-grid .wk-quote{width:min(94%,300px) !important;}
}
@media (min-width:860px){.wk-vox-grid{grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,72px);}.wk-staff2{margin-top:104px;}}
@media (max-width:1100px){.wk-emblem{top:53% !important;width:clamp(300px,44vw,480px) !important;}}
@media (max-width:820px){.wk-emblem{top:57% !important;width:clamp(330px,76vw,560px) !important;}}
@media (max-width:380px){.wk-emblem{top:58% !important;width:clamp(300px,88vw,400px) !important;}}
@media (max-width:820px){.wk-scrollcue{display:none !important;}}
@keyframes wkfloat1{0%,100%{transform:rotate(-2.4deg) translateY(0);}50%{transform:rotate(-0.4deg) translateY(-26px);}}
@keyframes wkfloat2{0%,100%{transform:rotate(2.6deg) translateY(0);}50%{transform:rotate(0.6deg) translateY(-28px);}}
@keyframes wkdriftL{0%{transform:translate(0,6px);}100%{transform:translate(34px,-12px);}}
@keyframes wkdriftR{0%{transform:translate(0,6px);}100%{transform:translate(-34px,-12px);}}
@keyframes wkpole{0%{background-position:0 0;}100%{background-position:0 -28px;}}
@keyframes wkKenA{0%{transform:scale(1.05) translateX(-2.4%);}100%{transform:scale(1.18) translateX(2.4%);}}
@keyframes wkKenB{0%{transform:scale(1.18) translateX(2.6%);}100%{transform:scale(1.05) translateX(-2.6%);}}
@media (prefers-reduced-motion: reduce){
*{animation:none !important;transition:none !important;}
html{scroll-behavior:auto;}
}
.wk-navitem{position:relative;display:flex;align-items:center;}
.wk-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:14px;min-width:210px;background:#43301E;border:1.5px solid #6B4A2F;box-shadow:0 14px 30px rgba(0,0,0,.45);padding:8px;display:none;flex-direction:column;gap:0;z-index:95;}
.wk-navitem:hover .wk-dropdown,.wk-navitem:focus-within .wk-dropdown{display:flex;}
.wk-dropdown::before{content:"";position:absolute;top:-16px;left:0;width:100%;height:16px;}
.wk-dropdown a{display:block;padding:11px 16px;font-size:13px;font-weight:700;color:#e7d7bc;white-space:nowrap;text-decoration:none;transition:color .22s ease;}
.wk-dropdown a:hover{color:#C8642A;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:'Zen Kaku Gothic New',sans-serif;color:#43301E;background:#F1E7D6;line-height:1.85;overflow-x:hidden;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
span.line-chunk{display:inline-block;overflow-wrap:anywhere;word-break:normal;}
::selection{background:#A8332B;color:#F1E7D6;}
@keyframes wkbob{0%,100%{transform:translateY(0);}50%{transform:translateY(9px);}}
@media (min-width:761px){.wk-zig-rev > div:first-child{order:2;}}
.wk-zig{grid-template-columns:1fr;}
@media (min-width:761px){.wk-zig{grid-template-columns:1fr 1fr;}}
.wk-zig image-slot{transition:transform .7s cubic-bezier(.2,.7,.2,1);}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;}html{scroll-behavior:auto;}}
.wk-navitem{position:relative;display:flex;align-items:center;}
.wk-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:14px;min-width:210px;background:#43301E;border:1.5px solid #6B4A2F;box-shadow:0 14px 30px rgba(0,0,0,.45);padding:8px;display:none;flex-direction:column;gap:0;z-index:95;}
.wk-navitem:hover .wk-dropdown,.wk-navitem:focus-within .wk-dropdown{display:flex;}
.wk-dropdown::before{content:"";position:absolute;top:-16px;left:0;width:100%;height:16px;}
.wk-dropdown a{display:block;padding:11px 16px;font-size:13px;font-weight:700;color:#e7d7bc;white-space:nowrap;text-decoration:none;transition:color .22s ease;}
.wk-dropdown a:hover{color:#C8642A;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:'Zen Kaku Gothic New',sans-serif;color:#43301E;background:#F1E7D6;line-height:1.85;overflow-x:hidden;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
span.line-chunk{display:inline-block;overflow-wrap:anywhere;word-break:normal;}
::selection{background:#A8332B;color:#F1E7D6;}
@keyframes wkbob{0%,100%{transform:translateY(0);}50%{transform:translateY(9px);}}
.wk-road{display:grid;grid-template-columns:1fr;gap:14px;}
@media (min-width:620px){.wk-road{grid-template-columns:1fr 1fr;gap:16px;}}
@media (min-width:1000px){.wk-road{grid-template-columns:repeat(5,1fr);gap:14px;align-items:end;}
.wk-road>div{min-height:212px;}
.wk-road>div:nth-child(2){margin-bottom:44px;}
.wk-road>div:nth-child(3){margin-bottom:88px;}
.wk-road>div:nth-child(4){margin-bottom:132px;}
.wk-road>div:nth-child(5){margin-bottom:176px;}}
.parts219_form_wrap dl{display:grid;grid-template-columns:1fr;gap:9px;margin-bottom:22px;}
@media (min-width:680px){.parts219_form_wrap dl{grid-template-columns:190px 1fr;column-gap:24px;row-gap:4px;align-items:start;}.parts219_form_wrap dt{padding-top:0;}}
.parts219_form_wrap dt{font-weight:700;color:#43301E;font-size:16px;display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;}
.parts219_form_wrap input[type=text],.parts219_form_wrap input[type=email],.parts219_form_wrap input[type=tel],.parts219_form_wrap textarea{width:100%;padding:13px 14px;border:1.5px solid #6B4A2F;background:#FBF4E6;font-family:inherit;font-size:16px;color:#43301E;}
.parts219_form_wrap input:focus,.parts219_form_wrap textarea:focus{outline:2px solid #C8642A;outline-offset:1px;}
.parts219_form_wrap .required{margin-left:auto;background:#A8332B;color:#F1E7D6;font-size:16px;font-weight:700;padding:3px 9px;letter-spacing:.06em;}
.parts219_form_wrap .optional{margin-left:auto;border:1px solid #6B4A2F;color:#6B4A2F;font-size:16px;padding:2px 8px;}
.parts219_form_wrap .attention{flex-basis:100%;display:block;font-weight:400;font-size:16px;color:#A8332B;margin-top:2px;}
.parts219_form_wrap .form_address input.zip{max-width:200px;}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;}html{scroll-behavior:auto;}}
.wk-navitem{position:relative;display:flex;align-items:center;}
.wk-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:14px;min-width:210px;background:#43301E;border:1.5px solid #6B4A2F;box-shadow:0 14px 30px rgba(0,0,0,.45);padding:8px;display:none;flex-direction:column;gap:0;z-index:95;}
.wk-navitem:hover .wk-dropdown,.wk-navitem:focus-within .wk-dropdown{display:flex;}
.wk-dropdown::before{content:"";position:absolute;top:-16px;left:0;width:100%;height:16px;}
.wk-dropdown a{display:block;padding:11px 16px;font-size:13px;font-weight:700;color:#e7d7bc;white-space:nowrap;text-decoration:none;transition:color .22s ease;}
.wk-dropdown a:hover{color:#C8642A;}
.wk-more-grid{display:grid;grid-template-columns:1fr;gap:14px;}
@media (min-width:560px){.wk-more-grid{grid-template-columns:1fr 1fr;}}
@media (min-width:980px){.wk-more-grid{grid-template-columns:repeat(4,1fr);}}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:'Zen Kaku Gothic New',sans-serif;color:#43301E;background:#F1E7D6;line-height:1.85;overflow-x:hidden;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
span.line-chunk{display:inline-block;overflow-wrap:anywhere;word-break:normal;}
::selection{background:#A8332B;color:#F1E7D6;}
@keyframes wkbob{0%,100%{transform:translateY(0);}50%{transform:translateY(9px);}}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;}html{scroll-behavior:auto;}}
.wk-navitem{position:relative;display:flex;align-items:center;}
.wk-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:14px;min-width:210px;background:#43301E;border:1.5px solid #6B4A2F;box-shadow:0 14px 30px rgba(0,0,0,.45);padding:8px;display:none;flex-direction:column;gap:0;z-index:95;}
.wk-navitem:hover .wk-dropdown,.wk-navitem:focus-within .wk-dropdown{display:flex;}
.wk-dropdown::before{content:"";position:absolute;top:-16px;left:0;width:100%;height:16px;}
.wk-dropdown a{display:block;padding:11px 16px;font-size:13px;font-weight:700;color:#e7d7bc;white-space:nowrap;text-decoration:none;transition:color .22s ease;}
.wk-dropdown a:hover{color:#C8642A;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:'Zen Kaku Gothic New',sans-serif;color:#43301E;background:#F1E7D6;line-height:1.85;overflow-x:hidden;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
span.line-chunk{display:inline-block;overflow-wrap:anywhere;word-break:normal;}
::selection{background:#A8332B;color:#F1E7D6;}
@keyframes wkbob{0%,100%{transform:translateY(0);}50%{transform:translateY(9px);}}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;}html{scroll-behavior:auto;}}
.wk-navitem{position:relative;display:flex;align-items:center;}
.wk-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:14px;min-width:210px;background:#43301E;border:1.5px solid #6B4A2F;box-shadow:0 14px 30px rgba(0,0,0,.45);padding:8px;display:none;flex-direction:column;gap:0;z-index:95;}
.wk-navitem:hover .wk-dropdown,.wk-navitem:focus-within .wk-dropdown{display:flex;}
.wk-dropdown::before{content:"";position:absolute;top:-16px;left:0;width:100%;height:16px;}
.wk-dropdown a{display:block;padding:11px 16px;font-size:13px;font-weight:700;color:#e7d7bc;white-space:nowrap;text-decoration:none;transition:color .22s ease;}
.wk-dropdown a:hover{color:#C8642A;}
@media (min-width:761px){.wk-zig-rev > div:first-child{order:2;}}
.wk-zig{grid-template-columns:1fr;}
@media (min-width:761px){.wk-zig{grid-template-columns:1fr 1fr;}}
.wk-zig image-slot{transition:transform .7s cubic-bezier(.2,.7,.2,1);}
.wk-sticky{grid-template-columns:1fr;}
@media (min-width:860px){.wk-sticky{grid-template-columns:0.92fr 1.08fr;align-items:start;gap:clamp(30px,4vw,56px);}.wk-sticky-img{position:sticky;top:88px;}}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:'Zen Kaku Gothic New',sans-serif;color:#43301E;background:#F1E7D6;line-height:1.85;overflow-x:hidden;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
span.line-chunk{display:inline-block;overflow-wrap:anywhere;word-break:normal;}
::selection{background:#A8332B;color:#F1E7D6;}
@keyframes wkbob{0%,100%{transform:translateY(0);}50%{transform:translateY(9px);}}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;}html{scroll-behavior:auto;}}
.wk-navitem{position:relative;display:flex;align-items:center;}
.wk-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:14px;min-width:210px;background:#43301E;border:1.5px solid #6B4A2F;box-shadow:0 14px 30px rgba(0,0,0,.45);padding:8px;display:none;flex-direction:column;gap:0;z-index:95;}
.wk-navitem:hover .wk-dropdown,.wk-navitem:focus-within .wk-dropdown{display:flex;}
.wk-dropdown::before{content:"";position:absolute;top:-16px;left:0;width:100%;height:16px;}
.wk-dropdown a{display:block;padding:11px 16px;font-size:13px;font-weight:700;color:#e7d7bc;white-space:nowrap;text-decoration:none;transition:color .22s ease;}
.wk-dropdown a:hover{color:#C8642A;}
@media (min-width:761px){.wk-zig-rev > div:first-child{order:2;}}
.wk-zig{grid-template-columns:1fr;}
@media (min-width:761px){.wk-zig{grid-template-columns:1fr 1fr;}}
.wk-zig image-slot{transition:transform .7s cubic-bezier(.2,.7,.2,1);}
.wk-sticky{display:grid;grid-template-columns:1fr;gap:clamp(30px,6vw,42px);}
@media (min-width:860px){.wk-sticky{grid-template-columns:0.82fr 1.18fr;align-items:start;gap:clamp(30px,4vw,56px);}.wk-sticky-img{position:sticky;top:88px;}}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:'Zen Kaku Gothic New',sans-serif;color:#43301E;background:#F1E7D6;line-height:1.85;overflow-x:hidden;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
span.line-chunk{display:inline-block;overflow-wrap:anywhere;word-break:normal;}
::selection{background:#A8332B;color:#F1E7D6;}
@keyframes wkbob{0%,100%{transform:translateY(0);}50%{transform:translateY(9px);}}
.wk-sticky{display:grid;grid-template-columns:1fr;}
.wk-sticky-img{text-align:center;}
.wk-sticky-img > div{margin-left:auto;margin-right:auto;}
@media (min-width:860px){.wk-sticky{grid-template-columns:0.85fr 1.15fr;align-items:start;gap:clamp(30px,4vw,56px);}.wk-sticky-img{position:sticky;top:88px;text-align:left;}.wk-sticky-img > div{margin-left:0;margin-right:0;}}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;}html{scroll-behavior:auto;}}
.wk-navitem{position:relative;display:flex;align-items:center;}
.wk-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:14px;min-width:210px;background:#43301E;border:1.5px solid #6B4A2F;box-shadow:0 14px 30px rgba(0,0,0,.45);padding:8px;display:none;flex-direction:column;gap:0;z-index:95;}
.wk-navitem:hover .wk-dropdown,.wk-navitem:focus-within .wk-dropdown{display:flex;}
.wk-dropdown::before{content:"";position:absolute;top:-16px;left:0;width:100%;height:16px;}
.wk-dropdown a{display:block;padding:11px 16px;font-size:13px;font-weight:700;color:#e7d7bc;white-space:nowrap;text-decoration:none;transition:color .22s ease;}
.wk-dropdown a:hover{color:#C8642A;}
@media (min-width:761px){.wk-zig-rev > div:first-child{order:2;}}
.wk-zig{grid-template-columns:1fr;}
@media (min-width:761px){.wk-zig{grid-template-columns:1fr 1fr;}}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:'Zen Kaku Gothic New',sans-serif;color:#43301E;background:#F1E7D6;line-height:1.85;overflow-x:hidden;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
span.line-chunk{display:inline-block;overflow-wrap:anywhere;word-break:normal;}
::selection{background:#A8332B;color:#F1E7D6;}
@keyframes wkbob{0%,100%{transform:translateY(0);}50%{transform:translateY(9px);}}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;}html{scroll-behavior:auto;}}
.wk-staff{display:grid;grid-template-columns:1fr;gap:clamp(24px,4vw,44px);align-items:center;}
@media (min-width:820px){.wk-staff{grid-template-columns:0.9fr 1.1fr;}.wk-staff.wk-rev>div:first-child{order:2;}}
.wk-navitem{position:relative;display:flex;align-items:center;}
.wk-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:14px;min-width:210px;background:#43301E;border:1.5px solid #6B4A2F;box-shadow:0 14px 30px rgba(0,0,0,.45);padding:8px;display:none;flex-direction:column;gap:0;z-index:95;}
.wk-navitem:hover .wk-dropdown,.wk-navitem:focus-within .wk-dropdown{display:flex;}
.wk-dropdown::before{content:"";position:absolute;top:-16px;left:0;width:100%;height:16px;}
.wk-dropdown a{display:block;padding:11px 16px;font-size:13px;font-weight:700;color:#e7d7bc;white-space:nowrap;text-decoration:none;transition:color .22s ease;}
.wk-dropdown a:hover{color:#C8642A;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:'Zen Kaku Gothic New',sans-serif;color:#43301E;background:#F1E7D6;line-height:1.85;overflow-x:hidden;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
span.line-chunk{display:inline-block;overflow-wrap:anywhere;word-break:normal;}
::selection{background:#A8332B;color:#F1E7D6;}
@keyframes wkbob{0%,100%{transform:translateY(0);}50%{transform:translateY(9px);}}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;}html{scroll-behavior:auto;}}
.parts228_post_list{display:grid;grid-template-columns:1fr;gap:clamp(16px,2vw,26px);list-style:none;}
@media(min-width:576px){.parts228_post_list{grid-template-columns:1fr 1fr;}}
@media(min-width:992px){.parts228_post_list{grid-template-columns:1fr 1fr 1fr;}}
.parts228_post_img{height:220px;overflow:hidden;display:block;}
.parts228_post_img image-slot{width:100%;height:100%;display:block;}
.parts228_pagenation a,.parts228_pagenation span{min-width:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;font-family:'Anton',sans-serif;line-height:1;}
.parts228_pagenation .wk-ar{min-width:0;min-height:0;line-height:1;}
.wk-navitem{position:relative;display:flex;align-items:center;}
.wk-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:14px;min-width:210px;background:#43301E;border:1.5px solid #6B4A2F;box-shadow:0 14px 30px rgba(0,0,0,.45);padding:8px;display:none;flex-direction:column;gap:0;z-index:95;}
.wk-navitem:hover .wk-dropdown,.wk-navitem:focus-within .wk-dropdown{display:flex;}
.wk-dropdown::before{content:"";position:absolute;top:-16px;left:0;width:100%;height:16px;}
.wk-dropdown a{display:block;padding:11px 16px;font-size:13px;font-weight:700;color:#e7d7bc;white-space:nowrap;text-decoration:none;transition:color .22s ease;}
.wk-dropdown a:hover{color:#C8642A;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:'Zen Kaku Gothic New',sans-serif;color:#43301E;background:#F1E7D6;line-height:1.85;overflow-x:hidden;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
span.line-chunk{display:inline-block;overflow-wrap:anywhere;word-break:normal;}
::selection{background:#A8332B;color:#F1E7D6;}
@keyframes wkbob{0%,100%{transform:translateY(0);}50%{transform:translateY(9px);}}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;}html{scroll-behavior:auto;}}
.parts222_wrap{display:grid;grid-template-columns:1fr;gap:clamp(30px,4vw,48px);}
@media(min-width:980px){.parts222_wrap{grid-template-columns:1fr 300px;}}
.parts222_post_list{display:grid;grid-template-columns:1fr;gap:clamp(16px,2vw,22px);list-style:none;}
@media(min-width:576px){.parts222_post_list{grid-template-columns:1fr 1fr;}}
.parts222_post_img{height:200px;overflow:hidden;display:block;}
.parts222_post_img image-slot{width:100%;height:100%;display:block;}
.parts222_sidebar_wrap li{border-bottom:1px solid #d8c4a4;}
.parts222_sidebar_wrap li a{display:block;padding:12px 4px;}
.parts222_pagenation a,.parts222_pagenation span{min-width:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;font-family:'Anton',sans-serif;line-height:1;}
.parts222_pagenation .wk-ar{min-width:0;min-height:0;line-height:1;}
.wk-navitem{position:relative;display:flex;align-items:center;}
.wk-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:14px;min-width:210px;background:#43301E;border:1.5px solid #6B4A2F;box-shadow:0 14px 30px rgba(0,0,0,.45);padding:8px;display:none;flex-direction:column;gap:0;z-index:95;}
.wk-navitem:hover .wk-dropdown,.wk-navitem:focus-within .wk-dropdown{display:flex;}
.wk-dropdown::before{content:"";position:absolute;top:-16px;left:0;width:100%;height:16px;}
.wk-dropdown a{display:block;padding:11px 16px;font-size:13px;font-weight:700;color:#e7d7bc;white-space:nowrap;text-decoration:none;transition:color .22s ease;}
.wk-dropdown a:hover{color:#C8642A;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:'Zen Kaku Gothic New',sans-serif;color:#43301E;background:#F1E7D6;line-height:1.85;overflow-x:hidden;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
span.line-chunk{display:inline-block;overflow-wrap:anywhere;word-break:normal;}
::selection{background:#A8332B;color:#F1E7D6;}
@keyframes wkbob{0%,100%{transform:translateY(0);}50%{transform:translateY(9px);}}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;}html{scroll-behavior:auto;}}
.parts213_form_wrap dl{display:grid;grid-template-columns:1fr;gap:9px;margin-bottom:22px;}
@media (min-width:680px){.parts213_form_wrap dl{grid-template-columns:190px 1fr;column-gap:24px;row-gap:4px;align-items:start;}.parts213_form_wrap dt{padding-top:12px;}}
.parts213_form_wrap dt{font-weight:700;color:#43301E;font-size:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.parts213_form_wrap input[type=text],.parts213_form_wrap input[type=email],.parts213_form_wrap textarea{width:100%;padding:13px 14px;border:1.5px solid #6B4A2F;background:#FBF4E6;font-family:inherit;font-size:16px;color:#43301E;}
.parts213_form_wrap input:focus,.parts213_form_wrap textarea:focus{outline:2px solid #C8642A;outline-offset:1px;}
.parts213_form_wrap .required{background:#A8332B;color:#F1E7D6;font-size:16px;font-weight:700;padding:3px 9px;letter-spacing:.06em;}
.parts213_form_wrap .attention{display:block;font-weight:400;font-size:16px;color:#A8332B;margin-top:2px;}
.parts213_form_wrap .checks{display:flex;flex-wrap:wrap;gap:10px;}
.parts213_form_wrap .checks label{display:flex;align-items:center;gap:8px;border:1.5px solid #6B4A2F;background:#FBF4E6;padding:11px 18px;cursor:pointer;font-size:16px;min-height:44px;}
.parts213_form_wrap .error{min-height:0;}
.wk-navitem{position:relative;display:flex;align-items:center;}
.wk-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:14px;min-width:210px;background:#43301E;border:1.5px solid #6B4A2F;box-shadow:0 14px 30px rgba(0,0,0,.45);padding:8px;display:none;flex-direction:column;gap:0;z-index:95;}
.wk-navitem:hover .wk-dropdown,.wk-navitem:focus-within .wk-dropdown{display:flex;}
.wk-dropdown::before{content:"";position:absolute;top:-16px;left:0;width:100%;height:16px;}
.wk-dropdown a{display:block;padding:11px 16px;font-size:13px;font-weight:700;color:#e7d7bc;white-space:nowrap;text-decoration:none;transition:color .22s ease;}
.wk-dropdown a:hover{color:#C8642A;}
/* ===== cuezilla-skin.css ===== */
/* ============================================================
CueZilla 動的パーツ スキンキット v1.0
------------------------------------------------------------
目的: ブログ/施工実績(blog-ex)/お問い合わせ/パンくず/ページヘッダー等の
CueZilla 既定パーツを、サイトのトンマナ（ダーク/ライト・ブランド色・
フォント・角丸）に "自動で寄せる" 汎用CSS。案件ごとの調整を最小化する。
思想:
(1) 色は CueZilla テーマ変数(--main-color 等)から自動連動
→ サイトのテーマ設定がそのまま skin にも効く（色は一元管理）
(2) フォント/角丸/グリッド幅はトークンで指定（テーマ変数に無いため）
(3) partsNNN は採番が可変だが接尾辞は共通(_post_wrap 等)
→ 属性セレクタ [class*="_xxx"] で番号非依存に当てる
使い方:
1. §0 のトークンを案件に合わせて調整（ダーク/ライトはプリセットをコピー）
2. CueZilla テーマカラー(--main-color 等)をブランド値に設定
3. 本ファイルをサイト全体CSS(AddCssInfo)へ貼る（サイト固有のフリーコーディングCSSの後ろ）
============================================================ */
/* ============================================================
§0 トークン ─ ここだけ案件ごとに調整
============================================================ */
:root{
/* --- 色: CueZilla テーマ変数から自動取得（無い場合のフォールバック付き） --- */
--dyn-bg: var(--background-color, #ffffff); /* ページ/セクション背景 */
--dyn-surface: var(--temporary-color, #f4f4f2); /* カード/パネル/入力欄の面 */
--dyn-text: var(--text-color, #222222); /* 本文 */
--dyn-heading: var(--text-color, #111111); /* 見出し */
--dyn-muted: var(--sub-color, #8a8a8a); /* 補助/日付 */
--dyn-border: var(--sub-color, #dddddd); /* 罫線/枠 */
--dyn-accent: var(--main-color, #1e3a5f); /* アクセント（ボタン/チップ/見出しバー） */
--dyn-accent-2: var(--link-color, var(--main-color, #1e3a5f)); /* リンク/ホバー */
--dyn-on-accent: #ffffff; /* アクセント面の上の文字 */
/* --- フォント（site.css の :root に定義があればそれを使用） --- */
--dyn-font-display: var(--font-display, "Noto Serif JP","Yu Mincho",serif);
--dyn-font-body: var(--font-body, "Noto Sans JP","Yu Gothic",sans-serif);
--dyn-font-numeric: var(--font-numeric, "EB Garamond","Noto Serif JP",serif);
/* --- 角丸（チップ/ボタン/カード）。角なしにするなら 0 --- */
--dyn-radius: 6px;
/* --- 一覧カードの最小幅 / 段組ギャップ --- */
--dyn-card-min: 300px;
--dyn-gap: 32px;
}
/* === テーマ プリセット（使う方を §0 の後にコピペして上書き） =========
【ダーク】
:root{
--dyn-bg:#0A0A0A; --dyn-surface:#111110; --dyn-text:#F4F1EC; --dyn-heading:#FAF7F1;
--dyn-muted:#8C857A; --dyn-border:#3A352D; --dyn-accent:#8E3A22; --dyn-accent-2:#B0533A;
--dyn-on-accent:#FAF7F1; --dyn-radius:0;
}
【ライト】
:root{
--dyn-bg:#ffffff; --dyn-surface:#f7f7f5; --dyn-text:#222222; --dyn-heading:#111111;
--dyn-muted:#8a8a8a; --dyn-border:#e3e3e3; --dyn-accent:#1e3a5f; --dyn-accent-2:#1e3a5f;
--dyn-on-accent:#ffffff; --dyn-radius:6px;
}
※ CueZilla テーマ変数(--main-color 等)を設定する場合は §0 が自動連動するのでプリセット不要。
============================================================ */
/* ============================================================
§1 パンくず（CueZilla parts###_breadcrumb / p-breadcrumb）
実markup: div.parts###_breadcrumb.p-breadcrumb.c-breadcrumb
> ul.p-breadcrumb__inner(BreadcrumbList) > li.p-breadcrumb__item(ListItem)
CueZilla共通CSSにパンくず装飾は無い → skin側で横並び・区切り・配色を付与
============================================================ */
[class*="_breadcrumb"], .p-breadcrumb{ background:var(--dyn-bg) !important; }
.p-breadcrumb__inner{
list-style:none; margin:0 auto; padding:14px 24px;
max-width:1200px; display:flex; flex-wrap:wrap; align-items:center;
}
.p-breadcrumb__item{
display:inline-flex; align-items:center;
color:var(--dyn-muted) !important; font-family:var(--dyn-font-body);
font-size:.78rem; letter-spacing:.04em;
}
.p-breadcrumb__item a{ color:var(--dyn-muted) !important; text-decoration:none; }
.p-breadcrumb__item a:hover{ color:var(--dyn-accent-2) !important; text-decoration:underline; }
.p-breadcrumb__item:last-child{ color:var(--dyn-text) !important; } /* 現在地 */
/* 区切り（2件目以降の前に "›"） */
.p-breadcrumb__item + .p-breadcrumb__item::before{
content:"\203A"; margin:0 .6em; color:var(--dyn-border) !important; font-size:.95em;
}
.p-breadcrumb meta{ display:none; } /* schema.org の は非表示 */
/* ============================================================
§2 ページヘッダー（[class*="_article_header"]）画像上のタイトル
============================================================ */
[class*="_article_header"] .ja, [class*="_article_header"] h1, [class*="_article_header"] h2{
color:var(--dyn-heading) !important; font-family:var(--dyn-font-display) !important;
text-shadow:0 2px 14px rgba(0,0,0,.5) !important;
}
[class*="_article_header"] .en{ color:var(--dyn-muted) !important; font-family:var(--dyn-font-numeric) !important; letter-spacing:.1em; text-shadow:0 1px 10px rgba(0,0,0,.5) !important; }
/* ============================================================
§3 ページネーション（.pagination_* / [class*="_pagenation"]）
============================================================ */
.pagination_num, .pagination_prev, .pagination_next,
[class*="_pagenation"] a, [class*="_pagenation"] span{
font-family:var(--dyn-font-numeric); color:var(--dyn-text) !important;
border:1px solid var(--dyn-border) !important; border-radius:var(--dyn-radius);
min-width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; text-decoration:none;
}
.pagination_num.current, [class*="_pagenation"] .current, [class*="_pagenation"] .active{
background:var(--dyn-accent) !important; border-color:var(--dyn-accent) !important; color:var(--dyn-on-accent) !important;
}
.pagination_num:hover, .pagination_prev:hover, .pagination_next:hover{ border-color:var(--dyn-accent-2) !important; color:var(--dyn-accent-2) !important; }
.pe-none{ opacity:.3; pointer-events:none; }
/* ============================================================
§4 ブログ / 施工実績(blog-ex) 一覧（番号非依存）
============================================================ */
/* 一覧セクションの地 */
[class*="_post_list"], [class*="_post_wrap"]{ } /* 下で個別指定 */
/* カード並び（最小幅を確保して細くなりすぎない） */
[class*="_post_list"]{ display:grid !important; grid-template-columns:repeat(auto-fill, minmax(var(--dyn-card-min), 1fr)) !important; gap:var(--dyn-gap) !important; }
/* カード */
[class*="_post_wrap"]{
display:block !important; width:auto !important; max-width:none !important; text-decoration:none;
background:var(--dyn-surface) !important; border:1px solid var(--dyn-border) !important;
border-radius:var(--dyn-radius); overflow:hidden;
transition:transform .3s ease, border-color .3s ease;
}
[class*="_post_wrap"]:hover{ transform:translateY(-4px); border-color:var(--dyn-accent-2) !important; }
[class*="_post_img"]{ width:100%; display:block; border-radius:0; }
/* カード内のテキストに左右余白 */
[class*="_post_status"]{ border:none !important; background:transparent !important; margin:14px 16px 0 !important; padding:0 !important; display:flex !important; gap:10px; align-items:center; }
[class*="_post_title-excerpt"]{ padding:10px 16px 16px !important; }
[class*="_post_title"]{ font-family:var(--dyn-font-display) !important; color:var(--dyn-heading) !important; }
[class*="_post_excerpt"]{ color:var(--dyn-muted) !important; }
[class*="_post_date"]{ font-family:var(--dyn-font-numeric) !important; color:var(--dyn-muted) !important; }
/* カテゴリ/ステータスは1チップに */
/* [class*="_post_category"], [class*="_post_status"] > span:last-child{ border:1px solid var(--dyn-accent); border-radius:var(--dyn-radius); padding:2px 8px; color:var(--dyn-accent-2) !important; } */
.parts-blog-ex-tag_wrap{ display:flex; flex-wrap:wrap; gap:6px; padding:0 16px 14px; }
.parts-blog-ex_tag{ font-size:.72rem; color:var(--dyn-muted) !important; background:var(--dyn-surface) !important; border:1px solid var(--dyn-border); border-radius:var(--dyn-radius); padding:2px 8px; }
/* ============================================================
§5 サイドバー / 最近の投稿 / カテゴリ記事数
============================================================ */
[class*="_sidebar"], .recent_posts_wrap{ color:var(--dyn-text); }
[class*="_sidebar_post_title"], .recent_post_title{ font-family:var(--dyn-font-display) !important; color:var(--dyn-heading) !important; }
[class*="_sidebar_date"], .recent_post_date{ font-family:var(--dyn-font-numeric) !important; color:var(--dyn-muted) !important; }
/* カテゴリ右の記事数を視認できるチップに */
[class*="_sidebar_post_category_count"]{ background:var(--dyn-surface) !important; color:var(--dyn-text) !important; border:1px solid var(--dyn-border); border-radius:var(--dyn-radius); padding:0 8px !important; }
/* ============================================================
§6 詳細ページ（本文 / 署名 / SNS / 詳細内スライダー）
============================================================ */
.parts-blog-ex_text{ font-family:var(--dyn-font-body); color:var(--dyn-text) !important; line-height:1.9; }
.parts-blog-ex_text h2, .parts-blog-ex_text h3{ font-family:var(--dyn-font-display) !important; color:var(--dyn-heading) !important; }
.signature_wrap{ font-family:var(--dyn-font-display); color:var(--dyn-muted) !important; border-top:1px solid var(--dyn-border); padding-top:16px; }
.slick-prev, .slick-next{ color:var(--dyn-accent-2) !important; }
/* ※詳細本文の親ラッパーが固定class薄め。崩れる場合は実ページで本文コンテナを確認し追補 */
/* ============================================================
§7 お問い合わせフォーム
============================================================ */
.contact_section, [class*="_section_form"], [class*="_section_content"], [class*="_content_wrap"], [class*="_content"]{ background:var(--dyn-bg) !important; color:var(--dyn-text) !important; }
[class*="_form_wrap"]{ max-width:720px; margin:0 auto; }
[class*="_form_wrap"] label, [class*="_form_wrap"] dt, [class*="_form_wrap"] .ja, [class*="_form_wrap"] .en{ color:var(--dyn-text) !important; }
/* 入力欄を十分な大きさに（チェック/ラジオは除外） */
[class*="_form_wrap"] dd input:not([type="checkbox"]):not([type="radio"]),
[class*="_form_wrap"] dd select{ width:100% !important; max-width:none !important; padding:14px 16px !important; font-size:16px !important; min-height:54px !important; background:var(--dyn-surface) !important; color:var(--dyn-text) !important; border:1px solid var(--dyn-border) !important; border-radius:var(--dyn-radius); }
[class*="_form_wrap"] textarea, .form_textarea textarea{ width:100% !important; padding:14px 16px !important; font-size:16px !important; min-height:220px !important; background:var(--dyn-surface) !important; color:var(--dyn-text) !important; border:1px solid var(--dyn-border) !important; border-radius:var(--dyn-radius); }
/* チェックボックス/ラジオはサイズ統一 */
[class*="_form_wrap"] input[type="checkbox"], [class*="_form_wrap"] input[type="radio"]{ width:18px !important; height:18px !important; min-height:0 !important; padding:0 !important; margin:0 8px 0 0 !important; vertical-align:-3px; accent-color:var(--dyn-accent); flex:none !important; }
/* 必須バッジ: 文字を中央・折り返さない・角丸はトークン */
.required{ display:inline-flex !important; align-items:center !important; justify-content:center !important; line-height:1 !important; white-space:nowrap !important; padding:6px 12px !important; border-radius:var(--dyn-radius) !important; background:var(--dyn-accent) !important; color:var(--dyn-on-accent) !important; }
.error{ color:var(--dyn-accent-2) !important; }
/* 「お問い合わせ内容」を囲む大きな箱(枠線)を撤去 */
.form_textarea, .form_text_dt{ border:none !important; background:transparent !important; }
/* 送信ボタン */
.contact_submit, .contact_submit button, .contact_submit input{ background:var(--dyn-accent) !important; color:var(--dyn-on-accent) !important; border:none !important; border-radius:var(--dyn-radius) !important; }
/* プライバシー同意 */
.privacypolicy{ background:var(--dyn-surface) !important; border:1px solid var(--dyn-border); border-radius:var(--dyn-radius); padding:16px; color:var(--dyn-muted) !important; }
.privacypolicy-link{ color:var(--dyn-accent-2) !important; }
/* 電話/メール等の content バー（角丸はトークン） */
[class*="_content"] [class*="btn"], [class*="_content"] a[class*="round"]{ border-radius:var(--dyn-radius) !important; }
/* ============================================================
§8 トップ用 お知らせ/ブログ teaser（notice-news / blog teaser）
============================================================ */
.parts040506_notice-news{ background:var(--dyn-bg) !important; color:var(--dyn-text) !important; }
.parts040506_notice-news *{ color:var(--dyn-text) !important; }
.parts040506_notice-news .title, .parts040506_notice-news .title a{ color:var(--dyn-heading) !important; }
.parts040506_notice-news [class*="date"], .parts040506_notice-news .f_yugothic{ font-family:var(--dyn-font-numeric) !important; color:var(--dyn-muted) !important; }
.parts040506_notice-news .more{ white-space:nowrap !important; color:var(--dyn-accent-2) !important; }
.parts040506_notice-news a{ color:var(--dyn-accent-2) !important; }
/* サムネ型ブログ teaser */
[class*="_blog_title_wrap"]{ font-family:var(--dyn-font-display) !important; color:var(--dyn-heading) !important; }
[class*="_blog_thumbnail"]{ border-radius:var(--dyn-radius); }
/* teaser内が Bootstrap .card（既定で白）の場合のダーク/トーン化 */
[class*="_blog"] .card{ background:var(--dyn-surface) !important; border-color:var(--dyn-border) !important; border-radius:var(--dyn-radius) !important; }
[class*="_blog"] .card-title, [class*="_blog"] .card-text{ color:var(--dyn-text) !important; }
[class*="_blog"] .card-title{ font-family:var(--dyn-font-display) !important; }
/* ============================================================
§9 Bootstrap汎用クラスの地ならし（パーツ内に限定）
text-dark / bg-light 等がパーツ内でトーンを乱すのを抑える
============================================================ */
[class*="parts"] .text-dark{ color:var(--dyn-text) !important; }
[class*="parts"] .bg-light{ background:var(--dyn-surface) !important; }
.card-header.bg-light{ background:var(--dyn-accent) !important; color:var(--dyn-on-accent) !important; }
/* ============================================================
§10 プライバシーポリシー（templates/privacy-policy.html のフリーコーディング設置版）
※CueZilla既定パーツ(item_title/item_description)へ転記する場合は §5 等で別途適用される
============================================================ */
.privacy{ max-width:880px; margin:0 auto; padding:64px 24px; color:var(--dyn-text); font-family:var(--dyn-font-body); line-height:1.9; }
.privacy__title{ font-family:var(--dyn-font-display); color:var(--dyn-heading); font-size:clamp(1.8rem,4vw,2.6rem); }
.privacy__subtitle{ font-family:var(--dyn-font-display); color:var(--dyn-heading); font-size:1.2rem; margin-top:8px; }
.privacy__lead{ color:var(--dyn-muted); margin:24px 0 40px; }
.privacy-item{ margin-bottom:32px; }
.privacy-item__title{ font-family:var(--dyn-font-display); color:var(--dyn-heading); border-left:3px solid var(--dyn-accent); padding-left:12px; margin-bottom:12px; }
.privacy-item__body{ color:var(--dyn-text); }
/* 原文の (1)(2)… 表記を維持（auto ol の "1." ではなく括弧付き番号で表示） */
.privacy-item__list{ list-style:none; counter-reset:pp; margin:8px 0; padding:0; }
.privacy-item__list li{ counter-increment:pp; padding-left:2.2em; text-indent:-2.2em; margin:4px 0; color:var(--dyn-text); }
.privacy-item__list li::before{ content:"(" counter(pp) ") "; }
/* ============================================================
§11 下層ヘッダーパーツ（templates/subpage-header.html）
サイトヘッダーとパンくずの間。フリーコーディングで別パーツ化
============================================================ */
/* padding-top に固定ヘッダー高さ(--fixed-header-h)を加算＝固定ヘッダーへのめり込み防止。
固定ヘッダーが無いサイトは既定0で無影響。固定ヘッダー採用サイトは案件CSSで :root{ --fixed-header-h:88px } 等を設定（R-18）。 */
.subpage-header{ position:relative; padding:calc(72px + var(--fixed-header-h, 0px)) 24px 72px; background:var(--dyn-surface); text-align:center; overflow:hidden; }
.subpage-header__bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.45; z-index:0; }
.subpage-header__inner{ position:relative; z-index:1; }
.subpage-header__title{ font-family:var(--dyn-font-display); color:var(--dyn-heading); font-size:clamp(1.8rem,5vw,3rem); line-height:1.3; text-shadow:0 2px 14px rgba(0,0,0,.5); }
.subpage-header__en{ font-family:var(--dyn-font-numeric); color:var(--dyn-muted); letter-spacing:.12em; margin-top:8px; }
/* ============================================================
§12 システム定型ページ：送信完了(thanks) / 404
templates/thanks.html, templates/404.html 用。トークンスキン準拠
============================================================ */
.thanks, .notfound{ max-width:760px; margin:0 auto; padding:calc(80px + var(--fixed-header-h, 0px)) 24px 96px; text-align:center; }
/* CueZilla 既定404（section.not-found）はレイアウトを変えず、固定ヘッダー分の上余白だけ確保（R-18） */
.not-found{ padding-top: calc(var(--fixed-header-h, 0px) + 24px); }
.thanks__title, .notfound__title{ font-family:var(--dyn-font-display); color:var(--dyn-heading); font-size:clamp(1.8rem,5vw,2.6rem); line-height:1.3; margin-bottom:28px; }
.thanks__lead, .notfound__lead{ color:var(--dyn-text); line-height:2; margin-bottom:40px; }
.thanks__action, .notfound__action{ margin-top:8px; }
/* ============================================================
§13 Bootstrap(テーマ)既定の恒久打ち消し（R-20）
------------------------------------------------------------
CueZillaテーマが読み込む Bootstrap の "素のタグ/汎用クラス" が
フリーHTMLに当たって崩す症状を、案件ごとの手当て無しで地ならしする。
ここは確認済みの実害2件（test0605）に限定して打ち消す。
※「色/余白/タイポ」を意図して変える装飾は接頭辞クラス(.xw- 等)で
付け直す＝下記より高詳細度になり、本セクションに勝つ（壊さない）。
============================================================ */
/* (a) / .mark の黄ハイライト背景：ロゴや見出しが黄色い箱になる症状 → 無効化。
意図的なマーカー装飾は専用クラスで（Bootstrap名 .mark を流用しない＝R-20）。 */
mark, .mark{
background-color:transparent !important; color:inherit !important;
padding:0 !important; border-radius:0 !important;
}
/* (b) a:hover が Bootstrap青(#0a58ca)になる症状 → 既定は「ホバーで色を変えない」。
!important は付けない＝個別のホバー装飾(接頭辞クラスや site.css の指定)が
そのまま勝ち、未指定リンクだけが青化を免れる（フォールバック）。 */
a:hover{ color:inherit; }
/* (c) 電話番号リンク(tel:)の最低タップ確保（R-24／§5.5-3）。
本文中インラインでも折り返さない。CTA/ボタン用途は接頭辞クラスで44px確保。 */
a[href^="tel:"]{ white-space:nowrap; }
/* ===== site-extra.override.css ===== */
/* 若林工業 追補CSS */
/* ヘッダーは position:fixed。CueZilla補完のシステムページ(subpage-header/thanks/404)が
ヘッダー下に潜らないよう skin の padding-top 加算用変数を設定（本文ページは hero がヘッダー前提で設計済） */
:root{--fixed-header-h:88px;}
@media (max-width:760px){:root{--fixed-header-h:68px;}}
/* パンくず2重表示対策：CueZilla自動出力パンくずを非表示 */
.parts231_breadcrumb,.p-breadcrumb,.c-breadcrumb,.f_yugothic{display:none;}
/* ===================================================================
parts222 ブログ一覧（活動情報）— blog.dc.html のデザイン
スキン §3/§4/§5 の [class*="_xxx"] は !important ＋ --dyn-* トークン指定があるため、
案件の配色が負ける。後置＋クラス2個以上の詳細度に加え、スキンが !important の
箇所のみ !important で確実に上書きする（blog-ex/parts228 と同じ対処）。
=================================================================== */
/* セクション */
.parts222_section{position:relative;background:#F1E7D6;padding:clamp(56px,8vw,100px) clamp(16px,5vw,60px) clamp(72px,10vw,120px);overflow:hidden;}
.parts222_wrap{max-width:1180px;margin:0 auto;}
/* カード並び（skin §4 [class*="_post_list"] の auto-fill grid !important を上書き） */
.parts222_main .parts222_post_list{display:grid !important;grid-template-columns:1fr !important;gap:clamp(16px,2vw,22px) !important;list-style:none;}
@media(min-width:576px){.parts222_main .parts222_post_list{grid-template-columns:1fr 1fr !important;}}
/* カード（skin §4 [class*="_post_wrap"] の display:block/width/max-width/背景/枠 !important を上書き） */
.parts222_post_list .parts222_post_wrap{background:#FBF4E6 !important;border:1.5px solid #43301E !important;border-radius:0 !important;box-shadow:7px 7px 0 #43301E;display:flex !important;flex-direction:column;width:auto !important;max-width:none !important;}
.parts222_post_wrap>a{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none;}
.parts222_post_wrap .parts222_post_img{height:200px !important;overflow:hidden;flex-shrink:0;}
.parts222_post_img img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease;}
@media(min-width:992px){.parts222_post_wrap a:hover .parts222_post_img img{opacity:.65;}}
/* ステータス行（skin §4 [class*="_post_status"] の margin/padding/border/bg !important を上書き） */
.parts222_post_wrap .parts222_post_status{display:flex !important;gap:12px;align-items:center;flex-wrap:wrap;margin:0 !important;padding:16px 18px 0 !important;border:none !important;background:transparent !important;}
/* 日付（skin §4 [class*="_post_date"] の color --dyn-muted / font !important を上書き） */
.parts222_post_status .parts222_post_date{font-family:'Anton',sans-serif !important;color:#C8642A !important;font-size:16px;}
/* カテゴリ（skin §4 [class*="_post_category"] と _post_status>span:last-child の color/border !important を上書き） */
.parts222_post_status .parts222_post_category{background:#C8642A !important;color:#F1E7D6 !important;border:none !important;border-radius:0 !important;font-size:16px;padding:3px 9px;}
/* タイトル（skin §4 [class*="_post_title"] の color --dyn-heading / font !important を上書き） */
.parts222_post_title-excerpt{padding:8px 18px 20px !important;flex:1;}
.parts222_post_title-excerpt .parts222_post_title{font-family:'Zen Kaku Gothic New',sans-serif !important;font-weight:700;font-size:16px;color:#43301E !important;line-height:1.6;}
/* ページネーション（skin §3 [class*="_pagenation"] a/span/.current の color/border/bg !important を上書き） */
.parts222_pagenation{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:clamp(40px,5vw,56px);}
.parts222_pagenation a,.parts222_pagenation span{min-width:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;font-family:'Anton',sans-serif;line-height:1;}
.parts222_pagenation .pagination_prev,.parts222_pagenation .pagination_next,.parts222_pagenation .pagination_num{border:1.5px solid #6B4A2F !important;color:#43301E !important;border-radius:0 !important;}
.parts222_pagenation .pagination_prev{color:#6B4A2F !important;}
.parts222_pagenation .pagination_num.current{background:#43301E !important;color:#F1E7D6 !important;border-color:#43301E !important;}
.parts222_pagenation .wk-ar{min-width:0;min-height:0;line-height:1;}
/* サイドバー見出し（skin §5 に !important なし。詳細度のみで上書き） */
.parts222_sidebar_wrap h3{background:#43301E;color:#F1E7D6;font-family:'Zen Kaku Gothic New',sans-serif;font-weight:700;font-size:16px;padding:12px 16px;letter-spacing:.04em;}
.parts222_sidebar_wrap ul{list-style:none;}
.parts222_sidebar_wrap li{border-bottom:1px solid #d8c4a4;}
.parts222_sidebar_wrap li a{display:block;padding:12px 4px;}
.parts222_sidebar>.parts222_sidebar_wrap:first-child{margin-bottom:30px;}
/* 最近の投稿：日付・タイトル（skin §5 [class*="_sidebar_date"] / [class*="_sidebar_post_title"] の color !important を上書き） */
.parts222_sidebar .parts222_sidebar_date{display:block;font-family:'Anton',sans-serif !important;color:#C8642A !important;font-size:16px;}
.parts222_sidebar .parts222_sidebar_post_title{font-size:16px;color:#43301E !important;line-height:1.5;margin-top:3px;}
/* カテゴリ欄：スキンの inline-flex/縮みを打ち消して全幅の縦並び行に */
.parts222_sidebar .category_post_count{display:block;width:100%;}
.parts222_sidebar .category_post_count ul{display:block;width:100%;}
.parts222_sidebar .category_post_count li{display:block;width:100%;}
.parts222_sidebar_wrap.category_post_count li a{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;}
/* カテゴリ名（skin §4 [class*="_post_category"] の color --dyn-accent-2 / border !important を上書き。
※ parts222_sidebar_post_category は "_post_category" を含むため §4 にもヒットする） */
.parts222_sidebar_wrap .parts222_sidebar_post_category{display:block;flex:1 1 auto;min-width:0;border:none !important;border-radius:0;padding:0;white-space:nowrap;color:#43301E !important;font-size:16px;}
/* 件数バッジ（skin §5 [class*="_sidebar_post_category_count"] と §4 [class*="_post_category"] の bg/color/border !important を上書き） */
.parts222_sidebar .parts222_sidebar_post_category_count{flex:none;background:transparent !important;color:#6B4A2F !important;border:1px solid #6B4A2F !important;border-radius:0;font-size:16px;min-width:26px;text-align:center;padding:1px 6px;}
/* スキンの .parts222_sidebar{max-width:28.179%} を打ち消し（幅はgridで決定） */
.parts222_wrap .parts222_sidebar{max-width:none;width:auto;}
/* セクション見出し h2 */
.parts222_section h2{font-family:'Zen Kaku Gothic New',sans-serif;font-weight:700;color:#43301E;margin-bottom:30px;}
@media(min-width:992px){.parts222_section h2{margin-bottom:50px;}}
/* ===================================================================
parts225 カテゴリ別一覧（サイドバー無し・全幅）— parts222と同じカードデザイン
主要指定はスキン[class*="_xxx"]に勝つためクラス2個の詳細度
=================================================================== */
.parts225_section{position:relative;background-color:#F1E7D6;background-image:url("https://cdn.cuezilla-cms.com/enjoyworks-test26.tech/images/1431/bg-cream-01.webp");background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;padding:clamp(56px,8vw,100px) clamp(16px,5vw,60px) clamp(72px,10vw,120px);overflow:hidden;}
.parts225_wrap{max-width:1180px;margin:0 auto;}
.parts225_section h2{font-family:'Zen Kaku Gothic New',sans-serif;font-weight:900;color:#43301E;font-size:clamp(22px,3vw,32px);margin-bottom:30px;}
@media(min-width:992px){.parts225_section h2{margin-bottom:50px;}}
/* カード一覧グリッド（ブログ一覧と同じ2列） */
.parts225_post_list{display:grid;grid-template-columns:1fr;gap:clamp(16px,2vw,22px);list-style:none;}
@media(min-width:576px){.parts225_post_list{grid-template-columns:1fr 1fr;}}
/* 記事カード */
.parts225_post_wrap{background:#FBF4E6;border:1.5px solid #43301E;box-shadow:7px 7px 0 #43301E;display:flex;flex-direction:column;}
.parts225_post_wrap>a{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none;}
.parts225_post_img{height:200px;overflow:hidden;flex-shrink:0;}
.parts225_post_img img,.parts225_post_img image-slot{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease;}
@media(min-width:992px){.parts225_post_wrap a:hover .parts225_post_img img{opacity:.65;}}
/* ステータス行（日付＋カテゴリ） */
.parts225_post_status{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px 18px 0;}
.parts225_post_status .parts225_post_date{font-family:'Anton',sans-serif;color:#C8642A;font-size:16px;}
.parts225_post_status .parts225_post_category{background:#C8642A;color:#F1E7D6;border:none;border-radius:0;padding:3px 9px;font-size:16px;}
/* タイトル */
.parts225_post_title-excerpt{padding:8px 18px 20px;flex:1;}
.parts225_post_title-excerpt .parts225_post_title{font-family:'Zen Kaku Gothic New',sans-serif;font-weight:700;font-size:16px;color:#43301E;line-height:1.6;}
/* ===================================================================
parts228 施工実績一覧（blog-ex）— blog-ex-instance.dc.html のデザイン
スキン §3/§4 の [class*="_xxx"] は !important 指定があるため、後置＋クラス2個以上の
詳細度に加え、スキンが !important の箇所のみ !important で確実に上書きする。
=================================================================== */
/* セクション / 見出し
※外部(CueZilla/スキン)が _wrap/_main を flex/grid 化して横並び＆縮小させるのを防ぐため
block・全幅を明示。h2/フィルター/一覧が縦に積まれる前提を固定する。 */
.parts228_section{position:relative;display:block !important;width:100% !important;background:#F1E7D6 !important;padding:clamp(56px,8vw,100px) clamp(16px,5vw,60px) clamp(72px,10vw,120px) !important;overflow:hidden;}
.parts228_wrap{display:block !important;width:100% !important;max-width:1120px !important;margin:0 auto !important;}
.parts228_main{display:block !important;width:100% !important;}
.parts228_main .parts228_heading{display:block;font-family:'Shippori Mincho B1',serif;font-weight:700;color:#43301E;text-align:center;font-size:clamp(20px,3vw,28px);letter-spacing:normal;line-height:1.5;margin:0 0 clamp(28px,4vw,44px);}
/* フィルターバー（サーバー側リンク方式） */
.parts228_filter{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:clamp(34px,4.5vw,52px);}
.parts228_filter a{font-family:'Zen Kaku Gothic New',sans-serif;font-weight:700;font-size:16px;letter-spacing:.04em;padding:10px 24px;border:1.5px solid #6B4A2F;background:transparent;color:#43301E;display:inline-block;transition:background .2s ease,color .2s ease,border-color .2s ease;}
.parts228_filter a:hover{border-color:#C8642A;}
.parts228_filter a.is-active{background:#43301E;color:#F1E7D6;border-color:#43301E;}
/* カード一覧グリッド：auto-fit + justify-content:center。件数が少なくても中央寄せで右側に大きな空白を
作らない（1件=中央1枚／2件=中央2枚／3件以上=従来どおり整列）。カード幅は最大345px、狭い画面では100%。
※ベース parts228 の flex/space-between・スキンの auto-fill を上書き */
.parts228_main .parts228_post_list{display:grid !important;grid-template-columns:repeat(auto-fit, minmax(min(100%, 300px), 345px)) !important;justify-content:center !important;gap:clamp(16px,2vw,26px) !important;list-style:none;}
/* ベースの整列用ファントムセル（::after width:32.465%）がグリッドの空セルになるのを除去 */
.parts228_main .parts228_post_list::after{content:none !important;display:none !important;}
/* カード（フラット構造：post_img / post_status / tag_wrap / post_title-excerpt が post_wrap 直下）
ベースの max-width:32.465% / margin-bottom / nth-child マージンを打ち消す */
.parts228_post_list .parts228_post_wrap{background:#FBF4E6 !important;border:1.5px solid #43301E !important;border-radius:0 !important;box-shadow:7px 7px 0 #43301E;display:flex !important;flex-direction:column;overflow:hidden;max-width:none !important;width:auto !important;margin:0 !important;transition:transform .25s ease,box-shadow .25s ease;}
@media(min-width:992px){.parts228_post_list .parts228_post_wrap:hover{transform:translateY(-3px);box-shadow:10px 10px 0 #43301E;}}
.parts228_post_wrap .parts228_post_img{height:220px !important;margin:0 !important;overflow:hidden;flex-shrink:0;}
.parts228_post_img a{display:block;height:100%;}
.parts228_post_img img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease;}
@media(min-width:992px){.parts228_post_wrap a:hover .parts228_post_img img{opacity:.75;}}
.parts228_post_img .parts228_post_noimg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e9dcc4;color:#9c8666;font-family:'Anton',sans-serif;letter-spacing:.1em;}
/* 日付（上部余白＋左右余白） */
.parts228_post_wrap .parts228_post_status{margin:0 !important;padding:18px 20px 0 !important;border:none !important;background:transparent !important;display:flex !important;}
.parts228_post_status .parts228_post_date,
.parts228_post_status > span:last-child,
.parts228_post_status > :last-child{font-family:'Anton',sans-serif !important;color:#C8642A !important;font-size:16px;letter-spacing:.04em;border:none !important;border-radius:0 !important;padding:0 !important;background:transparent !important;}
/* タグ（post_wrap 直下スコープで skin より高詳細度） */
.parts228_post_wrap .parts-blog-ex-tag_wrap{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0;padding:0 20px;}
.parts228_post_wrap .parts-blog-ex_tag{border:1px solid #6B4A2F !important;color:#6B4A2F !important;background:transparent !important;border-radius:0 !important;font-size:16px;padding:3px 10px;line-height:1.4;}
/* タイトル（左右余白＋下余白） */
.parts228_post_wrap .parts228_post_title-excerpt{padding:0 20px 22px !important;flex:1;}
.parts228_post_title-excerpt .parts228_post_title{display:block;font-family:'Zen Kaku Gothic New',sans-serif !important;font-weight:700;color:#43301E !important;font-size:16px;line-height:1.6;}
/* 該当なし */
.parts228_main .parts228_empty{font-family:'Zen Kaku Gothic New',sans-serif;text-align:center;padding:40px 0;color:#6B4A2F;}
/* ページネーション（ベース parts228 §3 / スキン §3 を上書き） */
.parts228_main .parts228_pagenation{display:flex !important;justify-content:center !important;align-items:center;gap:8px;margin-top:clamp(44px,6vw,64px);}
.parts228_pagenation a,.parts228_pagenation span{margin:0;}
.parts228_pagenation .pagination_prev,.parts228_pagenation .pagination_next,.parts228_pagenation .pagination_num{border:1.5px solid #6B4A2F !important;color:#43301E !important;border-radius:0 !important;}
.parts228_pagenation .pagination_prev{color:#6B4A2F !important;}
.parts228_pagenation .pagination_num.current{background:#43301E !important;color:#F1E7D6 !important;border-color:#43301E !important;}
/* ============================================================
TOP お知らせ/ブログ 動的パーツのトンマナ統合（R-27）
design-parts-52（NEWS帯）/ parts131415_blog（BLOGカード）を
受領デザイン（WBKブラウン×クリーム）に寄せる。
・CueZilla の素パーツ既定＆(0,3,0)!important 自動CSSに勝つため
section[class*=…] で詳細度を確保（ハッシュ非依存）。
・AddCssInfo は content / filter:url を除去するため、空ラベル
（h4.banner-area / title_wrap の h2・p）は :empty{display:none}
で隠す。ラベルを出す場合は CMS パーツの見出し欄に「NEWS」「BLOG」を入力。
============================================================ */
/* --- design-parts-52：NEWS 帯（ヒーロー直下の細い帯） --- */
section[class*="design-parts-52"]{background:#43301E !important;border-top:1px solid #4a3823;border-bottom:1px solid #4a3823;height:auto !important;}
section[class*="design-parts-52"] .container{max-width:1180px;margin:0 auto;padding:0 clamp(16px,5vw,60px);}
section[class*="design-parts-52"] .container .content{display:flex !important;align-items:center !important;gap:clamp(14px,3vw,30px);flex-wrap:wrap;padding:12px 0;height:auto !important;}
/* 黄色帯 → ブランド赤。空ラベルは隠す（見出し欄に「NEWS」を入れると表示） */
section[class*="design-parts-52"] .container .content h4.banner-area{background:#A8332B !important;color:#F1E7D6 !important;font-family:'Anton',sans-serif !important;letter-spacing:.16em;font-size:16px !important;line-height:1 !important;height:auto !important;flex:0 0 auto;padding:9px 18px !important;margin:0;display:inline-flex;align-items:center;}
section[class*="design-parts-52"] .banner-area:empty{display:none !important;}
section[class*="design-parts-52"] .content ul{list-style:none;flex:1 1 320px;min-width:0;margin:0;}
section[class*="design-parts-52"] .content ul li{padding:0 !important;}
section[class*="design-parts-52"] .content ul li a{display:flex;align-items:center;gap:clamp(12px,2vw,24px);min-height:48px;color:#F1E7D6 !important;padding:0 !important;}
section[class*="design-parts-52"] .parts-52-textarea{display:flex;align-items:center;gap:clamp(12px,2vw,24px);min-width:0;flex-wrap:wrap;flex-direction:row !important;}
section[class*="design-parts-52"] .parts-52-textarea .date{font-family:'Anton',sans-serif !important;color:#C8642A !important;font-size:16px;letter-spacing:.04em;flex:0 0 auto;}
section[class*="design-parts-52"] .parts-52-textarea span:not(.date){color:#e7d7bc !important;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* --- parts131415_blog：BLOG カード --- */
section[class*="parts131415_blog"]{background:#EFDFCB !important;padding:clamp(64px,9vw,120px) clamp(16px,5vw,60px) !important;}
section[class*="parts131415_blog"] .container-lg{max-width:1120px;margin:0 auto;padding:0;}
section[class*="parts131415_blog"] .parts131415_blog_title_wrap{text-align:left;margin-bottom:clamp(34px,5vw,56px);}
section[class*="parts131415_blog"] .parts131415_blog_title_wrap h2{font-family:'Anton',sans-serif !important;color:#43301E !important;letter-spacing:.04em;line-height:.95;font-size:clamp(40px,7vw,76px) !important;margin:0 !important;}
section[class*="parts131415_blog"] .parts131415_blog_title_wrap p{font-family:'Shippori Mincho B1',serif !important;color:#5a4632 !important;font-size:clamp(16px,1.8vw,17px) !important;margin-top:10px !important;}
section[class*="parts131415_blog"] .parts131415_blog_title_wrap h2:empty,
section[class*="parts131415_blog"] .parts131415_blog_title_wrap p:empty{display:none !important;}
section[class*="parts131415_blog"] .row{gap:clamp(16px,2vw,26px);}
/* カード（クリーム地・茶枠・ハードシャドウ） */
section[class*="parts131415_blog"] .card{background:#FBF4E6 !important;border:1.5px solid #43301E !important;border-radius:0 !important;box-shadow:8px 8px 0 #43301E;height:100%;padding:0 !important;transition:transform .25s ease,box-shadow .25s ease;}
@media(min-width:992px){section[class*="parts131415_blog"] .card:hover{transform:translateY(-3px);box-shadow:10px 10px 0 #43301E;}}
section[class*="parts131415_blog"] .card .card-body{padding:0 !important;display:flex;flex-direction:column;height:100%;}
/* カテゴリ（お知らせ等）→ 左寄せの小ラベル */
section[class*="parts131415_blog"] .card .card-title{font-family:'Anton',sans-serif !important;color:#A8332B !important;letter-spacing:.12em;font-size:16px !important;text-align:left !important;padding:18px 22px 0 !important;margin:0 !important;}
section[class*="parts131415_blog"] .card .card-body > a{display:flex;flex-direction:column;flex:1;}
/* タイトル（クランプ解除して全文表示） */
section[class*="parts131415_blog"] .card .card-text{font-family:'Zen Kaku Gothic New',sans-serif !important;font-weight:700;color:#43301E !important;font-size:17px !important;line-height:1.6;height:auto !important;overflow:visible !important;padding:8px 22px 18px !important;margin:0 !important;}
/* サムネ（カード下端・茶罫で区切り） */
section[class*="parts131415_blog"] .parts131415_blog_thumbnail{margin-top:auto;border-top:1.5px solid #43301E;overflow:hidden;height:auto !important;}
section[class*="parts131415_blog"] .card img{display:block;width:100%;aspect-ratio:400 / 280;max-height:none !important;height:auto !important;object-fit:cover;}
/* フォーム背景 */
.parts213_section_form{
background: #F1E7D6!important;
}
.parts219_section_form{
background: #F1E7D6!important;
}
@media (max-width: 520px) {
section[class*="design-parts-52"] {
height: auto !important;
}
section[class*="design-parts-52"] .container {
padding: 0 12px !important;
}
section[class*="design-parts-52"] .container .content {
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
height: auto !important;
padding: 10px 0 !important;
gap: 10px !important;
}
section[class*="design-parts-52"] .container .content h4.banner-area {
width: auto !important;
flex: 0 0 auto !important;
align-self: center !important;
height: auto !important;
font-size: 12px !important;
padding: 8px 10px !important;
letter-spacing: .1em !important;
}
section[class*="design-parts-52"] .content ul {
flex: 1 1 0 !important;
min-width: 0 !important;
height: auto !important;
padding-left: 0 !important;
}
section[class*="design-parts-52"] .content ul li {
min-height: 0 !important;
padding: 0 !important;
}
section[class*="design-parts-52"] .content ul li a {
min-height: 0 !important;
height: auto !important;
padding: 6px 0 !important;
display: flex !important;
align-items: center !important;
width: 100% !important;
}
section[class*="design-parts-52"] .parts-52-textarea {
display: flex !important;
flex: 1 1 0 !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 10px !important;
padding: 0 !important;
min-width: 0 !important;
width: 100% !important;
}
section[class*="design-parts-52"] .parts-52-textarea .date {
display: block !important;
flex: 0 0 auto !important;
white-space: nowrap !important;
}
section[class*="design-parts-52"] .parts-52-textarea span:not(.date) {
display: block !important;
flex: 1 1 0 !important;
min-width: 0 !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
}
}
@media screen and (max-width: 767px) {
ul.parts228_post_list {
padding-left: 0 !important;
padding-right: 0 !important;
grid-template-columns: 1fr !important;
}
ul.parts228_post_list li.parts228_post_wrap {
width: 100% !important;
max-width: 100% !important;
}
}
@media screen and (max-width: 1024px) {
.wk-sticky-img {
position: relative;
}
}
/* ④ ブログ一覧 カード高さ統一 */
.parts222_post_list .parts222_post_wrap {
height: 100% !important;
}
.parts225_post_list .parts225_post_wrap {
height: 100% !important;
}
/* ⑤ 会社情報欄 文字色修正 */
.signature_wrap {
color: #43301E !important;
}
/* ⑤ 最近の投稿タイトル 文字色修正（白文字に戻す） */
.recent_posts_wrap .recent_post_title {
color: #ffffff !important;
}
/* ⑥ フォーム「必須」バッジ 余白・位置・色修正 */
.parts213_form_wrap .required,
.parts219_form_wrap .required {
font-size: 12px !important;
padding: 4px 10px !important;
line-height: 1.4 !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
background: #A8332B !important;
}
.form_text_dt {
position: relative !important;
}
.form_text_dt .required {
position: absolute !important;
top: 0 !important;
right: 0 !important;
left: auto !important;
}
.form_text_dt > span:first-child {
padding-right: 48px !important;
box-sizing: border-box !important;
display: block !important;
}
/* 確認画面 送信ボタン background打ち消し */
.contact_submit {
background: transparent !important; /* 親の背景だけ消す */
}
.parts243-245_complete_form {
background-color: unset !important;
}
/* PC必須きれいにする */
@media screen and (min-width: 521px) {
/* DT列幅を190px→280pxに拡張 */
.parts213_section_form .parts213_form_wrap dl {
grid-template-columns: 280px 1fr !important;
}
/* 通常DT: 必須バッジを同じ行に固定 */
.parts213_section_form .parts213_form_wrap dl dt:not(.form_text_dt) {
flex-wrap: nowrap !important;
}
.parts213_section_form .parts213_form_wrap dl dt:not(.form_text_dt) span.required {
flex-shrink: 0;
margin-left: auto;
}
/* form_text_dt: ラベル+必須を横並び、attentionを下に */
.parts213_section_form .parts213_form_wrap dl dt.form_text_dt {
flex-wrap: wrap !important;
align-items: center !important;
gap: 10px 10px !important;
}
.parts213_section_form .parts213_form_wrap dl dt.form_text_dt > span:not(.required):not(.attention) {
display: inline !important;
flex: 0 0 auto !important;
width: auto !important;
}
.parts213_section_form .parts213_form_wrap dl dt.form_text_dt > span.attention {
display: block !important;
width: 100% !important;
flex: 0 0 100% !important;
}
.parts213_section_form .parts213_form_wrap dl dt.form_text_dt span.attention {
display: block !important;
width: 100% !important;
flex: 0 0 100% !important;
margin-top: 4px;
}
.parts213_section_form .parts213_form_wrap dl dt.form_text_dt > span.required {
flex-shrink: 0;
}
}
@media screen and (min-width: 521px) {
.parts213_section_form .parts213_form_wrap dl dt:not(.form_text_dt) {
flex-wrap: nowrap !important;
}
.parts213_section_form .parts213_form_wrap dl dt:not(.form_text_dt) span.required {
flex-shrink: 0;
margin-left: auto;
}
.parts213_section_form .parts213_form_wrap dl dt.form_text_dt {
max-width: none !important;
overflow: hidden !important;
}
.parts213_section_form .parts213_form_wrap dl dt.form_text_dt > span:not(.required) {
max-width: 100% !important;
overflow: hidden !important;
}
.parts213_section_form .parts213_form_wrap dl dt.form_text_dt span.attention {
display: block !important;
max-width: 100% !important;
white-space: normal !important;
word-break: break-all;
}
}