/* ---- blog.html ---- */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#ffffff;color:#1f2a24;font-family:"Noto Sans JP",system-ui,sans-serif;line-height:1.9;font-size:16px;-webkit-font-smoothing:antialiased;text-wrap:pretty;padding-bottom:0}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,table{margin:0}
ul,ol{padding:0;list-style:none}
a{color:#14730d;text-decoration:none}
a:hover{color:#14730d}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #32BE29;outline-offset:3px}
img{max-width:100%;display:block}
span.line-chunk{display:inline-block;overflow-wrap:anywhere;word-break:normal}
table{border-collapse:collapse;width:100%}
@keyframes ak-fv{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){
*{animation:none !important;transition:none !important}
}
@media (max-width:1279px){
#ak-rail{display:none !important}
}
@media (max-width:767px){
.ak-main h2{margin-bottom:50px !important}
}
/* ---- index.html ---- */
h1,h2,h3,h4,p,ul,dl,dd,figure{margin:0}
ul{padding:0;list-style:none}
summary::-webkit-details-marker{display:none}
@keyframes ak-h1slide{from{transform:translateX(9%)}to{transform:none}}
@keyframes ak-char{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes ak-shine{0%{opacity:0;transform:translateX(-115%)}18%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translateX(115%)}}
a:hover .ak-arrow-line{width:52px !important}
.ak-recruit-card:hover{transform:translateY(-8px) scale(1.02) !important;box-shadow:0 12px 28px rgba(11,61,7,.14) !important;transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s ease !important}
.ak-area-card:hover{transform:scale(1.05) !important;box-shadow:0 12px 28px rgba(11,61,7,.14) !important}
details[open] .ak-faq-bar{transform:rotate(90deg) !important;opacity:0 !important}
.ak-svc-card:hover .ak-svc-img{transform:scale(1.07) !important}
@keyframes ak-sheen{0%{left:-40%}34%{left:120%}100%{left:120%}}
@keyframes ak-slidein{from{opacity:0;transform:translateX(48px)}to{opacity:1;transform:none}}
@keyframes ak-up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes ak-scrollline{0%{transform:translateY(-100%)}60%{transform:translateY(250%)}100%{transform:translateY(250%)}}
@keyframes ak-marquee{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
@keyframes ak-slide{0%{opacity:0}5%{opacity:1}33%{opacity:1}38%{opacity:0}100%{opacity:0}}
@keyframes ak-scan{from{transform:translateX(-100%)}to{transform:translateX(220%)}}
@media (max-width:767px){
.ak-area-sec{background-image:url('https://cdn.cuezilla-cms.com/enjoyworks-test17.site/images/1493/sp_bg_sec6.webp') !important;background-position:center top !important;background-size:100% auto !important}
.ak-recruit-bg{background-image:url('https://cdn.cuezilla-cms.com/enjoyworks-test17.site/images/1493/sp_bg_sec7.webp') !important;background-position:center top !important}
.ak-reason-sec{background-image:url('https://cdn.cuezilla-cms.com/enjoyworks-test17.site/images/1493/sp_bg_sec1.webp') !important;background-position:right top !important;background-size:auto 100% !important}
.ak-area-wrap{max-width:none !important}
.ak-license-grid{grid-template-columns:minmax(0,1fr) !important}
.ak-quality-btn{margin-top:40px !important}
.ak-main h2[id^="ak-"]{margin-bottom:50px !important}
.parts131415_blog_title_wrap{margin-bottom:50px !important}
.ak-scroll-cue{display:none !important}
.ak-hero-card{height:auto !important;min-height:calc(100svh - 64px) !important;margin:0 10px !important}
.ak-hero-copy{justify-content:flex-start !important;padding:34px 18px calc(0.86 * clamp(46px,15vw,90px) + 20px) !important}
.ak-hero-copy h1{font-size:clamp(25px,7.4vw,36px) !important;margin-bottom:16px !important}
.ak-hero-copy > p:nth-of-type(1){font-size:10.5px !important;letter-spacing:.18em !important}
.ak-hero-copy > p:nth-of-type(2){font-size:13.5px !important;letter-spacing:.06em !important;line-height:1.85 !important}
.ak-hero-copy > p:nth-of-type(3){font-size:14px !important;letter-spacing:.06em !important;line-height:1.85 !important;padding-left:12px !important}
.ak-hq{font-size:clamp(46px,15vw,90px) !important}
.ak-hq-wrap{transform:translateY(-85%) !important}
.ak-hero-btns{flex-direction:column !important;gap:10px !important;margin-top:calc(-1 * clamp(44px,6.2svh,62px) - 26px) !important}
.ak-hero-btns > a{width:100% !important;min-height:52px !important;font-size:14px !important;justify-content:space-between !important}
.ak-hero-facts{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:24px 22px !important}
.ak-hero-facts > span{align-items:flex-start !important;text-align:left !important}
.ak-hero-facts > span > span:last-child{font-size:clamp(17px,5.2vw,22px) !important}
.ak-cta-sec{padding-left:12px !important;padding-right:12px !important}
.ak-cta-text{flex:1 1 100% !important}
.ak-cta-tel{max-width:none !important}
.ak-cta-btns{flex:1 1 100% !important;flex-direction:column !important;gap:10px !important}
.ak-cta-btns > a{flex:1 1 auto !important;min-height:60px !important;font-size:14.5px !important;padding:0 18px !important;justify-content:space-between !important}
}
@media (min-width:768px) and (max-width:1023px){
.ak-cta-sec{padding-left:15px !important;padding-right:15px !important}
.ak-cta-text{flex:1 1 100% !important}
.ak-cta-tel{max-width:none !important}
.ak-cta-text h2, .ak-cta-text > p{text-shadow:0 2px 10px rgba(3,26,1,.75), 0 1px 3px rgba(3,26,1,.6) !important}
.ak-cta-btns{flex:1 1 100% !important;flex-direction:row !important;gap:12px !important}
.ak-cta-btns > a{flex:1 1 0 !important;min-width:0 !important;justify-content:center !important;gap:10px !important;padding:0 12px !important;min-height:66px !important;font-size:14.5px !important}
.ak-cta-btns .ak-arrow{width:26px !important}
.ak-cta-btns .ak-arrow-line{width:14px !important}
.ak-hero-card{height:auto !important;min-height:calc(100svh - 72px) !important}
.ak-hq{font-size:clamp(96px,min(26vw,30svh),360px) !important}
.ak-hq-wrap{transform:translateY(-85%) !important}
.ak-hero-copy h1{margin-bottom:clamp(10px,1.8svh,22px) !important}
.ak-hero-copy{justify-content:center !important;padding-top:clamp(24px,4svh,56px) !important;padding-bottom:calc(0.86 * clamp(96px,min(26vw,30svh),360px) + 24px) !important}
.ak-main h2[id^="ak-"]{margin-bottom:50px !important}
.ak-main h2[id^="ak-"]:not(#ak-cta){font-size:clamp(29px,5vw,48px) !important}
#ak-cta{font-size:clamp(68px,12.8vw,136px) !important}
.parts131415_blog_title_wrap h2{font-size:clamp(29px,5vw,48px) !important}
.parts131415_blog_title_wrap{margin-bottom:50px !important}
.ak-hero-card{margin-left:calc(clamp(0px,1.2vw,18px) + 5px) !important;margin-right:calc(clamp(0px,1.2vw,18px) + 5px) !important}
.ak-hero-btns{justify-content:flex-end !important}
.ak-hero-copy h1{font-size:clamp(31px,min(6.5vw,7.7svh),70px) !important}
.ak-hero-copy > p:nth-of-type(1){font-size:14.4px !important}
.ak-hero-copy > p:nth-of-type(2){font-size:clamp(17px,min(2.5vw,2.8svh),22px) !important}
.ak-hero-copy > p:nth-of-type(3){font-size:clamp(17px,min(2.5vw,2.9svh),23px) !important}
}
@media (max-width:1023px){
.ak-reason-row{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important;gap:18px;padding-bottom:0 !important;align-items:stretch}
.ak-reason-card{margin-left:0 !important;margin-top:0 !important;padding-right:26px !important}
.ak-reason-btn{margin-top:40px !important}
}
@media (prefers-reduced-motion: reduce){
h1 span:not([aria-hidden]){opacity:1 !important;transform:none !important}
h1 span[aria-hidden]{display:none !important}
p span{opacity:1 !important;transform:none !important}
}
/* ---- information.html ---- */
.ak-on-dark h2, .ak-on-dark h3, .ak-on-dark p, .ak-on-dark li, .ak-on-dark span, .ak-on-dark dt, .ak-on-dark dd, .ak-on-dark th, .ak-on-dark td, .ak-on-dark a{color:#ffffff !important}
.ak-on-dark .ak-card-light, .ak-on-dark .ak-card-light h3, .ak-on-dark .ak-card-light span, .ak-on-dark .ak-card-light li, .ak-on-dark .ak-card-light td, .ak-on-dark .ak-card-light th, .ak-on-dark .ak-card-light a{color:#14730d !important}
.ak-on-dark span[style*="background:#fff"], .ak-on-dark span[style*="background:#ffffff"]{color:#14730d !important}
.ak-on-dark .ak-card-light p, .ak-on-dark .ak-card-light > span:last-child, .ak-on-dark .ak-card-light div > span:last-child{color:#3f4f47 !important}
.ak-on-dark .ak-on-green, .ak-on-dark .ak-on-green span, .ak-on-dark .ak-card-light .ak-on-green, .ak-on-dark .ak-card-light .ak-on-green span, .ak-on-dark .ak-card-light span.ak-on-green{color:#0b3d07 !important}
html,body{overflow-x:clip}
@media (max-width:767px){
.ak-area2{grid-template-columns:minmax(0,1fr) !important}
}
/* ---- reason.html ---- */
@media (max-width:767px){
.ak-flow-item.is-right{margin-left:0 !important}
.ak-flow-link{height:44px !important}
.ak-flow-link > span{display:none !important}
.ak-flow-link::before{content:'';position:absolute;top:0;bottom:0;left:48px;border-left:1px dashed #ffffff}
}
/* ---- recruit.html ---- */
.ak-on-dark .ak-flow-num, .ak-on-dark .ak-flow .ak-flow-num{color:#0b3d07 !important}
@media (max-width:767px){
.ak-env2{grid-template-columns:minmax(0,1fr) !important}
}
/* ---- work-civil.html ---- */
.ak-on-dark .ak-base-card, .ak-on-dark .ak-base-card span{color:#ffffff !important}
/* ---- work.html ---- */
@keyframes ak-strip{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 3px))}}
.ak-strip:hover .ak-strip-track{animation-play-state:paused !important}
.ak-strip-card:hover .ak-strip-img{transform:scale(1.06) !important}
/* ---- インライン animation / transition / will-change の退避先 ---- */
.aka1{will-change:transform;}
.aka2{transition:opacity .35s ease, transform .35s ease, background .25s ease;}
.aka3{transition:transform .45s cubic-bezier(.2,.7,.3,1);}
.aka4{transition:background .25s ease, min-height .25s ease, margin-top .25s ease;}
.aka5{animation:ak-scrollline 2.2s ease-in-out infinite;}
.aka6{animation:ak-slide 18s linear 0s infinite;}
.aka7{animation:ak-slide 18s linear 6s infinite;}
.aka8{animation:ak-slide 18s linear 12s infinite;}
.aka9{animation:ak-fv .9s .05s both cubic-bezier(.2,.7,.3,1);}
.aka10{animation:ak-h1slide 1.1s .1s both cubic-bezier(.16,.84,.28,1);}
.aka11{animation:ak-char .55s 200ms both cubic-bezier(.2,.7,.3,1);}
.aka12{animation:ak-char .55s 260ms both cubic-bezier(.2,.7,.3,1);}
.aka13{animation:ak-char .55s 320ms both cubic-bezier(.2,.7,.3,1);}
.aka14{animation:ak-char .55s 380ms both cubic-bezier(.2,.7,.3,1);}
.aka15{animation:ak-char .55s 440ms both cubic-bezier(.2,.7,.3,1);}
.aka16{animation:ak-char .55s 500ms both cubic-bezier(.2,.7,.3,1);}
.aka17{animation:ak-char .55s 560ms both cubic-bezier(.2,.7,.3,1);}
.aka18{animation:ak-char .55s 620ms both cubic-bezier(.2,.7,.3,1);}
.aka19{animation:ak-char .55s 680ms both cubic-bezier(.2,.7,.3,1);}
.aka20{animation:ak-char .55s 740ms both cubic-bezier(.2,.7,.3,1);}
.aka21{animation:ak-char .55s 800ms both cubic-bezier(.2,.7,.3,1);}
.aka22{animation:ak-char .55s 860ms both cubic-bezier(.2,.7,.3,1);}
.aka23{animation:ak-char .55s 920ms both cubic-bezier(.2,.7,.3,1);}
.aka24{animation:ak-char .55s 980ms both cubic-bezier(.2,.7,.3,1);}
.aka25{animation:ak-char .55s 1040ms both cubic-bezier(.2,.7,.3,1);}
.aka26{animation:ak-char .55s 1100ms both cubic-bezier(.2,.7,.3,1);}
.aka27{animation:ak-char .55s 1160ms both cubic-bezier(.2,.7,.3,1);}
.aka28{animation:ak-char .55s 1220ms both cubic-bezier(.2,.7,.3,1);}
.aka29{animation:ak-char .55s 1280ms both cubic-bezier(.2,.7,.3,1);}
.aka30{animation:ak-shine 1.1s 1460ms both ease-out;}
.aka31{animation:ak-fv 1s .34s both cubic-bezier(.2,.7,.3,1);}
.aka32{animation:ak-fv 1s .46s both cubic-bezier(.2,.7,.3,1);}
.aka33{animation:ak-marquee 26s linear infinite;}
.aka34{transition:color .3s ease;}
.aka35{transition:width .3s ease;}
.aka36{animation:ak-up .7s 900ms both cubic-bezier(.2,.7,.3,1);}
.aka37{animation:ak-up .7s 1040ms both cubic-bezier(.2,.7,.3,1);}
.aka38{animation:ak-up .7s 1180ms both cubic-bezier(.2,.7,.3,1);}
.aka39{animation:ak-up .7s 1320ms both cubic-bezier(.2,.7,.3,1);}
.aka40{transition:transform .6s cubic-bezier(.2,.7,.3,1);will-change:transform;}
.aka41{transition:color .3s ease, border-color .3s ease;}
.aka42{transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s ease;}
.aka43{transition:transform .3s ease, opacity .3s ease;}
.aka44{animation:ak-sheen 5s 1.2s linear infinite;}
.aka45{animation:ak-strip 46s linear infinite;}
.aka46{transition:transform .5s cubic-bezier(.2,.7,.3,1);}
/* ---- style-hover の退避先 ---- */
.akh1:hover,.akh1:focus-visible{background:rgba(20,115,13,.12)!important}
.akh2:hover,.akh2:focus-visible{background:#e6f7e4!important;color:#14730d!important}
.akh3:hover,.akh3:focus-visible{background:#32BE29!important;color:#0b3d07!important}
.akh4:hover,.akh4:focus-visible{background:#32BE29!important}
.akh5:hover,.akh5:focus-visible{background:#4ad33f!important;color:#14730d!important;min-height:65px!important;margin-top:-5px!important}
.akh6:hover,.akh6:focus-visible{background:#1ee06d!important;color:#14730d!important;min-height:65px!important;margin-top:-5px!important}
.akh7:hover,.akh7:focus-visible{background:#5cdc51!important;color:#14730d!important;min-height:65px!important;margin-top:-5px!important}
.akh8:hover,.akh8:focus-visible{color:#ffffff!important}
.akh9:hover,.akh9:focus-visible{color:#e6f7e4!important}
.akh10:hover,.akh10:focus-visible{color:#14730d!important;border-color:#32BE29!important}
.akh11:hover,.akh11:focus-visible{color:#d7f2d3!important}
.akh12:hover,.akh12:focus-visible{color:#14730d!important}
.akh13:hover,.akh13:focus-visible{background:#2aa622!important}
.akh14:hover,.akh14:focus-visible{filter:brightness(1.06)!important}
/* ---- tel: リンクのインラインstyle退避先（R-7／convertの誤検知回避） ---- */
.ak-tel1{color:#14730d;font-size:20px;font-weight:700;letter-spacing:.04em}
.ak-tel2{display:inline-flex;align-items:center;gap:10px;color:#ffffff;font-family:'Shippori Mincho',serif;font-weight:800;font-size:clamp(22px,3.4vw,26px);letter-spacing:.02em}
.ak-tel3{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:#0b3d07;display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.ak-tel4{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 30px;background:#32BE29;color:#0b3d07;font-weight:700;font-size:17px;border-radius:4px;letter-spacing:.04em}
/* R-27：::before/::after の content 依存を実要素へ置換（AddCssInfo が content を落とすため） */
.ak-line{position:absolute;left:0;right:0;bottom:0;height:2px;background:#32BE29;transform:scaleX(0);transform-origin:left center;transition:transform .32s cubic-bezier(.3,.7,.3,1);pointer-events:none;}
a[data-akline]:hover .ak-line,a[data-akline]:focus-visible .ak-line{transform:scaleX(1);}
.ak-fill{position:absolute;left:0;top:0;right:0;bottom:0;transform:scaleX(0);transform-origin:left center;transition:transform .38s cubic-bezier(.3,.7,.3,1);z-index:0;pointer-events:none;}
a[data-akfill]:hover .ak-fill,a[data-akfill]:focus-visible .ak-fill{transform:scaleX(1);}
.ak-fill-1{background:#32BE29;}
.ak-fill-2{background:#ffffff;}
.ak-fill-3{background:#1ee06d;}
.ak-fill-4{background:#14730d;}
/* ヘッダーナビ：受領の {{ }} 束縛（JS state）を CSS＋BODY内JS へ置き換えた分 */
.ak-nav{display:flex;}
.ak-burger{display:none;}
.ak-drawer{display:none;}
[data-aksub]{display:none;}
@media (min-width:1081px){
.ak-has-sub:hover [data-aksub],.ak-has-sub:focus-within [data-aksub]{display:block;}
}
@media (max-width:1080px){
.ak-nav{display:none;}
.ak-burger{display:flex;}
}
html.ak-menu-open .ak-drawer{display:block;}
/* 未支給の写真スロット（申し送り①）。写真が入るまでの寸法確保 */
.ak-slot-empty{line-height:1.6;}
/* ===== 21_add.css ===== */
/* === add.css 貼り付け ここから === */
/* 株式会社アキヨシ工業｜TOPページ内 動的セクション（NEWS帯 / 記事カード）
theme_default.css の後に読み込まれる前提。固有IDサフィックスに依存しないセレクタで指定。 */
:root{
--ak-green:#32BE29;
--ak-green-d:#14730d;
--ak-green-l:#e6f7e4;
--ak-ink:#1f2a24;
--ak-gray:#5c6b63;
--ak-line:#d8e2db;
--ak-head:"Shippori Mincho",serif;
--ak-body:"Noto Sans JP",system-ui,sans-serif;
}
/* ------------------------------------------------------------------
新着情報（NEWS帯）design-parts-52 系
------------------------------------------------------------------ */
section[class*="design-parts-52"]{
background:var(--ak-green-l) !important;
border-top:1px solid #dbe8e0 !important;
border-bottom:1px solid #dbe8e0 !important;
}
section[class*="design-parts-52"].bg-color{ background:var(--ak-green-l) !important; }
section[class*="design-parts-52"] .container{
max-width:1200px !important;
margin:0 auto !important;
padding:0 20px !important;
}
section[class*="design-parts-52"] .content{
display:flex !important;
/* KEEP: flex-direction:row は必須（2026-08-24 実機トップを計測して追加）。
テーマが 576px未満だけ .content を flex-direction:column にしており、軸が縦になると
下の ul の flex-basis:320px が「幅」ではなく【高さ320px】として効く。
結果、記事1件（70px）しか無いのに NEWS帯が 391px の巨大な空箱になる（実測 SP 414px）。
軸をここで固定すると basis が幅に戻り 391px→141px。ラベルの位置・折り返し（ラベル1行目／
一覧2行目）は変わらない＝直るのは無駄な高さだけ。
★576px以上は完全に無変化（375/414/576/768/992/1024/1200/1440px で実測・差分ゼロ）。 */
flex-direction:row !important;
/* /KEEP */
flex-wrap:wrap !important;
align-items:center !important; /* stretch にしない（ラベルが伸びるのを防ぐ） */
gap:0 22px !important;
min-height:60px !important;
padding:10px 0 !important;
}
section[class*="design-parts-52"] h4.banner-area{
background:var(--ak-green-d) !important; /* 元パーツの #bf172e を上書き */
color:#ffffff !important;
font-family:var(--ak-head) !important;
font-weight:700 !important;
font-size:13px !important;
letter-spacing:.2em !important;
line-height:1.4 !important;
padding:9px 22px !important;
margin:6px 0 !important;
border-radius:2px !important;
flex:0 0 auto !important;
}
section[class*="design-parts-52"] ul{
flex:1 1 320px !important;
min-width:0 !important;
margin:0 !important;
padding:0 !important;
list-style:none !important;
}
section[class*="design-parts-52"] li{
display:flex !important;
align-items:center !important;
min-height:60px !important;
}
section[class*="design-parts-52"] li a{
display:flex !important;
align-items:center !important;
width:100% !important;
color:var(--ak-ink) !important;
text-decoration:none !important;
padding:8px 0 !important;
}
section[class*="design-parts-52"] li a:hover,
section[class*="design-parts-52"] li a:focus-visible{ color:var(--ak-green-d) !important; }
section[class*="design-parts-52"] .parts-52-textarea{
display:flex !important;
flex-wrap:wrap !important;
align-items:baseline !important;
gap:4px 20px !important;
width:100% !important;
}
section[class*="design-parts-52"] .date{
font-size:13px !important;
color:var(--ak-gray) !important;
letter-spacing:.06em !important;
flex:0 0 auto !important;
}
section[class*="design-parts-52"] .d-inline-block{
font-size:15px !important;
font-weight:500 !important;
max-width:100% !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}
/* 横並び化は PC=992px から（前倒ししない） */
@media (max-width:991.98px){
section[class*="design-parts-52"] .content{ align-items:flex-start !important; }
section[class*="design-parts-52"] h4.banner-area{ margin:10px 0 4px !important; }
section[class*="design-parts-52"] li{ min-height:0 !important; }
section[class*="design-parts-52"] .d-inline-block{ white-space:normal !important; }
}
/* ------------------------------------------------------------------
記事カード（3列グリッド）parts131415_blog 系 ＝ BLOGセクション
------------------------------------------------------------------ */
/* KEEP: 受領デザイン再現（BLOGセクションの背景写真）。
bg_blog.webp は 2026-08-21 の受領データ更新で支給された画像（前回は未支給＝参照が404に
なるため背景を除去し白背景にしていた）。CMSが描画するパーツなので add.css 側で当てる。
background-color の濃緑は「画像が未アップロードのとき白文字が消えない」ためのフォールバック。
3行（color/image/fallback）はセットで意味を持つので個別に削除しない。 */
section[class*="parts131415_blog"]{
background-color:#0e5a08 !important;
background-image:url('https://cdn.cuezilla-cms.com/enjoyworks-test17.site/images/1493/bg_blog.webp') !important;
background-size:cover !important;
background-position:center !important;
background-repeat:no-repeat !important;
padding:clamp(64px,9vw,104px) 0 !important;
}
section[class*="parts131415_blog"].bg-img{
background-image:url('https://cdn.cuezilla-cms.com/enjoyworks-test17.site/images/1493/bg_blog.webp') !important;
}
/* /KEEP */
section[class*="parts131415_blog"] .container-lg{
max-width:1200px !important;
margin:0 auto !important;
padding:0 20px !important;
}
section[class*="parts131415_blog"] .parts131415_blog_title_wrap{ margin-bottom:34px !important; }
section[class*="parts131415_blog"] .parts131415_blog_title_wrap h2{
font-family:var(--ak-head) !important;
font-weight:700 !important;
font-size:clamp(24px,4.2vw,40px) !important;
line-height:1.5 !important;
color:#ffffff !important; /* 受領デザイン＝背景写真の上の白文字 */
margin:0 !important;
}
section[class*="parts131415_blog"] .parts131415_blog_title_wrap p{
font-family:var(--ak-body) !important;
font-size:15px !important;
color:#ffffff !important; /* 受領デザイン＝背景写真の上の白文字 */
margin:8px 0 0 !important;
}
section[class*="parts131415_blog"] .card{
background:#ffffff !important;
border:1px solid var(--ak-line) !important;
border-radius:0 !important;
height:100% !important;
transition:transform .3s ease, box-shadow .3s ease !important;
}
section[class*="parts131415_blog"] .card:hover{
transform:translateY(-4px) !important;
box-shadow:0 14px 30px rgba(15,50,30,.12) !important;
}
section[class*="parts131415_blog"] .card-body{
padding:22px 20px 24px !important;
display:flex !important;
flex-direction:column !important;
gap:12px !important;
}
section[class*="parts131415_blog"] h5.card-title{
font-family:var(--ak-body) !important;
font-size:12px !important;
letter-spacing:.14em !important;
font-weight:700 !important;
color:var(--ak-green-d) !important;
background:var(--ak-green-l) !important;
padding:7px 12px !important;
margin:0 !important;
}
section[class*="parts131415_blog"] .card-body a{
display:flex !important;
flex-direction:column !important;
gap:12px !important;
color:var(--ak-ink) !important;
text-decoration:none !important;
}
section[class*="parts131415_blog"] p.card-text{
font-weight:700 !important;
font-size:16.5px !important;
line-height:1.7 !important;
margin:0 !important;
}
section[class*="parts131415_blog"] .card-body a:hover p.card-text{ color:var(--ak-green-d) !important; }
section[class*="parts131415_blog"] .parts131415_blog_thumbnail{
display:block !important;
overflow:hidden !important;
background:#eff4ee !important;
height:240px !important;
}
section[class*="parts131415_blog"] .parts131415_blog_thumbnail img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
transition:transform .5s ease !important;
}
section[class*="parts131415_blog"] .card:hover .parts131415_blog_thumbnail img{ transform:scale(1.05) !important; }
@media (max-width:991.98px){
section[class*="parts131415_blog"] .parts131415_blog_thumbnail{ height:215px !important; }
}
@media (max-width:575.98px){
section[class*="parts131415_blog"] .parts131415_blog_thumbnail{ height:205px !important; }
}
@media (prefers-reduced-motion: reduce){
section[class*="parts131415_blog"] .card,
section[class*="parts131415_blog"] .parts131415_blog_thumbnail img{ transition:none !important; }
}
/* ------------------------------------------------------------------
施工実績 一覧 parts228 系（/blog-ex/instance）
------------------------------------------------------------------ */
.parts228_section{ padding:clamp(32px,5vw,56px) 0 clamp(56px,8vw,96px) !important; }
.parts228_wrap{ max-width:1200px !important; margin:0 auto !important; padding:0 20px !important; }
.parts228_post_list{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:24px !important;
}
@media (max-width:991.98px){ .parts228_post_list{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:575.98px){ .parts228_post_list{ grid-template-columns:1fr !important; } }
.parts228_post_wrap{
border:1px solid var(--ak-line) !important;
background:#fff !important;
display:flex !important;
flex-direction:column !important;
min-width:0 !important;
transition:transform .3s ease, box-shadow .3s ease !important;
}
.parts228_post_wrap:hover{ transform:translateY(-4px) !important; box-shadow:0 14px 30px rgba(15,50,30,.12) !important; }
.parts228_post_img{ height:210px !important; background:#eff4ee !important; overflow:hidden !important; }
.parts228_post_img a,
.parts228_post_img img{ display:block !important; width:100% !important; height:100% !important; object-fit:cover !important; }
.parts228_post_status{ padding:18px 20px 0 !important; }
.parts228_post_date{ font-size:13px !important; color:var(--ak-gray) !important; letter-spacing:.06em !important; }
.parts228_post_title-excerpt{ padding:8px 20px 0 !important; }
.parts228_post_title{
font-family:var(--ak-head) !important;
font-size:17px !important; font-weight:700 !important;
color:var(--ak-green-d) !important; line-height:1.6 !important; margin:0 !important;
}
.parts228_post_excerpt{ padding:6px 20px 0 !important; font-size:14.5px !important; color:#3f4f47 !important; }
.parts-blog-ex-tag_wrap{ display:flex !important; flex-wrap:wrap !important; gap:8px !important; padding:10px 20px 22px !important; }
.parts-blog-ex_tag{
font-size:12px !important; color:var(--ak-green-d) !important;
background:var(--ak-green-l) !important; border:1px solid #cfe8cb !important;
padding:4px 12px !important; border-radius:99px !important;
}
.parts228_pagenation{ display:flex !important; flex-wrap:wrap !important; gap:8px !important; justify-content:center !important; margin-top:40px !important; }
.parts228_pagenation a,
.parts222_pagenation a{
min-width:44px !important; min-height:44px !important;
display:inline-flex !important; align-items:center !important; justify-content:center !important;
padding:0 14px !important; border:1px solid var(--ak-line) !important;
color:var(--ak-green-d) !important; font-size:14px !important; text-decoration:none !important;
}
/* KEEP: アクティブ（現在ページ）の箱サイズ指定は必須（2026-08-24 実機を計測して追加）。
現在ページだけは中に が無い素の