/*
Theme Name: 枚方WEB工房 care
Theme URI: https://tri-c.work
Author: Tri Craft
Description: 名刺の水彩イラストと三色を生かした、編集可能な企業サイト用ブロックテーマ。
Version: 1.4.10
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: tri-craft
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* ==========================================================
   ベース・フォント
   フォント本体は「外観 → フォント」でインストールして読み込む
   見出し：Zen Kaku Gothic New ／ 本文：Noto Sans JP
   ========================================================== */
*{box-sizing:border-box;}
html body{margin:0;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","BIZ UDPGothic",Meiryo,sans-serif;font-size:17px;font-weight:400;line-height:1.9;letter-spacing:.04em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
h1,h2,h3,h4,.brand strong,.ribbon-text,.step-number,.faq-list summary{font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","BIZ UDPGothic",Meiryo,sans-serif;}
h1,h2,h3,h4{font-weight:700;letter-spacing:.06em;}
a{text-underline-offset:5px;}
img{max-width:100%;height:auto;}
a:focus-visible,button:focus-visible{outline:3px solid #427a89;outline-offset:5px;}
.wp-block-post-content{overflow-wrap:anywhere;}
.wp-block-post-content>.wp-block-group{margin-top:0;margin-bottom:0;}

/* ==========================================================
   ヘッダー
   ========================================================== */
.site-header{padding:26px max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid #e8ece7;background:#fffefa;}
.header-inner{display:flex;justify-content:space-between;align-items:center;gap:28px;}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;}
.brand small{display:block;font-size:12px;letter-spacing:.14em;}
.brand strong{display:block;font-size:24px;line-height:1.4;letter-spacing:.04em;}
.brand-mark{width:48px;height:48px;display:block;flex:0 0 48px;background:url("assets/brand-logo-v2.png") center/contain no-repeat;}
.brand-mark i{display:none;}
.site-header .wp-block-navigation{font-size:14px;font-weight:700;max-width:none;}
.site-header .wp-block-navigation__container{gap:20px;}
.wp-block-navigation a:hover{color:#4f7884;}
.wp-block-navigation__responsive-container.is-menu-open{padding:32px;}

/* ==========================================================
   ヒーロー
   ========================================================== */
.hero{max-width:1240px;margin:35px auto 0;padding:65px 40px 80px;position:relative;min-height:620px;overflow:hidden;border-radius:32px;background:linear-gradient(125deg,#f9f8ed,#eaf4f7);}
.hero-copy{position:relative;z-index:2;width:45%;margin:0!important;}
.eyebrow{font-size:14px;font-weight:700;letter-spacing:.16em;color:#507480;}
.hero h1{font-size:clamp(32px,3.8vw,50px);letter-spacing:.06em;line-height:1.55;margin:22px 0;}
.hero p{max-width:480px;}
.hero-art{position:absolute!important;right:0;top:0;bottom:0;width:59%;margin:0!important;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 10%);-webkit-mask-image:linear-gradient(to right,transparent,#000 10%);}
.hero-art img{position:absolute;right:0;top:0;width:167%;height:100%;max-width:none;object-fit:cover;object-position:right center;}
.hero .wp-block-buttons{margin-top:30px;}

/* リボン */
.service-ribbon{max-width:1080px;margin:25px auto 0!important;text-align:center;padding:24px;border-radius:16px;background:#fff3d9;}
.ribbon-text{font-weight:700;font-size:19px;margin:0!important;}
.ribbon-caption{font-size:12px;letter-spacing:.16em;margin:8px 0 0!important;color:#6b776f;}

/* ==========================================================
   セクション共通
   ========================================================== */
.section{max-width:1080px;margin:0 auto;padding:75px 24px;}
.section>h2{font-size:32px;}
.section h2:after{content:"";display:block;width:65px;height:5px;border-radius:5px;background:linear-gradient(to right,#aac9d2 33%,#f6bd60 33%,#f6bd60 66%,#a5b99a 66%);margin-top:16px;}
.section-label{font-size:14px;letter-spacing:.18em;color:#527c88;font-weight:700;}
.card-number{font-size:15px!important;letter-spacing:.12em;color:#64848b;}

/* グリッド（WordPressが2つ目以降に付ける上余白を消して上端を揃える） */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.value-grid,.flow-grid,.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.card-grid>*,.value-grid>*,.flow-grid>*,.work-grid>*{margin-block-start:0!important;}
.wp-block-post-content .card-grid,.wp-block-post-content .value-grid,.wp-block-post-content .flow-grid,.wp-block-post-content .work-grid{margin-top:30px!important;}

/* ==========================================================
   サービスカード
   ========================================================== */
.service-card{padding:30px 26px;border:1px solid #dde4dc;border-radius:20px;background:white;display:flex;flex-direction:column;overflow:hidden;}
.service-card:nth-child(1){border-top:5px solid #aac9d2;}
.service-card:nth-child(2){border-top:5px solid #f6bd60;}
.service-card:nth-child(3){border-top:5px solid #a5b99a;}
.service-card h3{font-size:21px;margin-top:10px;min-height:3.2em;}
.service-card p{font-size:16px;}
.service-card .wp-block-buttons{margin-top:auto;padding-top:15px;}
.service-card .wp-block-button__link{font-size:15px;padding:12px 22px;}

/* カード画像（カード上部いっぱいに表示） */
.card-art{height:170px;position:relative;overflow:hidden;border-radius:15px;margin:0 0 22px!important;background:#edf5f6;}
.service-card .card-art{height:auto;aspect-ratio:16/10;margin:-30px -26px 22px!important;border-radius:0;background:none;}
.service-card .card-art img{position:static;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:scale(1.12);}

/* 旧：名刺画像の切り抜き表示（art-web / art-travel / art-cat が付いた画像だけに適用） */
.card-art.art-web img,.card-art.art-travel img,.card-art.art-cat img{position:absolute;width:270%;height:270%;max-width:none;object-fit:cover;transform:none;}
.art-web img{right:-40%;bottom:-20%;object-position:right bottom;}
.art-cat img{right:-3%;bottom:-18%;object-position:right bottom;}
.art-travel img{right:-8%;top:-23%;object-position:right top;}

/* ==========================================================
   パネル・大切にしていること・流れ・FAQ
   ========================================================== */
.soft-panel{background:#edf5f6;border-radius:24px;padding:38px;}
.soft-panel h2{font-size:30px;}
.contact-panel{background:#edf3e8;border-radius:24px;padding:45px;}
.value-card{border-radius:20px;padding:28px;background:#f0f6f7;}
.value-card:nth-child(2){background:#fff5de;}
.value-card:nth-child(3){background:#eff4e9;}
.value-card h3,.flow-card h3{font-size:21px;}
.value-card p,.flow-card p{font-size:16px;}
.flow-card{padding:20px 24px;border-left:2px solid #d1ded4;}
.step-number{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:#f6bd60;font-size:20px!important;font-weight:bold;}
.steps{counter-reset:step;}
.steps h3{padding-top:25px;border-top:1px solid #dce5df;}
.faq-list .wp-block-details{padding:21px 24px;border-bottom:1px solid #d8e3dc;background:#f7f9f5;}
.faq-list summary{cursor:pointer;font-weight:bold;font-size:17px;}
.faq-list p{font-size:16px;}

/* ==========================================================
   下層ページ
   ========================================================== */
.page-heading{background:#edf5f6;padding:65px max(24px,calc((100vw - 1080px)/2));margin:0;}
.page-heading h1{font-size:clamp(28px,4vw,42px);margin:0;}
.page-body{padding:55px 24px 80px;max-width:1080px;margin:auto;}
.page-body h2{margin-top:42px;}
.page-body .wp-block-table td{padding:18px;border-color:#dce4df;font-size:16px;}
.page-body .wp-block-table td:first-child{width:30%;background:#f0f5ef;}
.page-body>.illustrated-intro:first-child+h2{margin-top:30px;}
.illustrated-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:25px;align-items:center;background:#f0f6f5;border-radius:24px;padding:35px;margin-bottom:45px!important;}
.intro-copy h2{font-size:clamp(25px,3vw,35px);margin-top:15px;}
.intro-copy p{font-size:16px;}
.intro-art{height:290px;overflow:hidden;position:relative;border-radius:20px;margin:0!important;}
.intro-art img{position:absolute;right:0;top:0;width:167%;max-width:none;height:100%;object-fit:cover;object-position:right center;}
.work-card{border:1px solid #dde4dc;border-radius:20px;padding:22px;background:white;}
.work-card h3{font-size:21px;}
.work-card p{font-size:16px;}
.work-card .card-art{height:190px;}
.sample-box{padding:18px 24px;background:#fff3d9;border-radius:15px;margin:25px 0!important;}
.sample-notice{font-size:16px;}
.wp-block-post-featured-image img{border-radius:18px;}
.wp-block-query{padding:30px;}

/* ==========================================================
   ボタン（矢印↗を肉球アイコンに置き換え）
   ========================================================== */
.wp-block-button__link{display:inline-flex;align-items:center;gap:.55em;}
.wp-block-button__link span[aria-hidden="true"]{display:none;}
.wp-block-button__link::after{content:"";flex:0 0 1.15em;width:1.15em;height:1.15em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='16.6' rx='5.4' ry='4.4'/%3E%3Cellipse cx='4.9' cy='10.4' rx='2.2' ry='2.8' transform='rotate(-22 4.9 10.4)'/%3E%3Cellipse cx='9.3' cy='5.9' rx='2.3' ry='3'/%3E%3Cellipse cx='14.7' cy='5.9' rx='2.3' ry='3'/%3E%3Cellipse cx='19.1' cy='10.4' rx='2.2' ry='2.8' transform='rotate(22 19.1 10.4)'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='16.6' rx='5.4' ry='4.4'/%3E%3Cellipse cx='4.9' cy='10.4' rx='2.2' ry='2.8' transform='rotate(-22 4.9 10.4)'/%3E%3Cellipse cx='9.3' cy='5.9' rx='2.3' ry='3'/%3E%3Cellipse cx='14.7' cy='5.9' rx='2.3' ry='3'/%3E%3Cellipse cx='19.1' cy='10.4' rx='2.2' ry='2.8' transform='rotate(22 19.1 10.4)'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s;}
.wp-block-button__link:hover::after{transform:rotate(-15deg) scale(1.12);}

/* ==========================================================
   フッター
   ========================================================== */
.site-footer{padding:45px max(24px,calc((100vw - 1080px)/2));border-top:7px solid transparent;border-image:linear-gradient(to right,#aac9d2 33%,#f6bd60 33%,#f6bd60 66%,#a5b99a 66%) 1;background:#f8f9f4;}
.footer-flex{display:flex;justify-content:space-between;gap:24px;}
.site-footer p{font-size:16px;}
.footer-brand p:first-child{font-size:12px!important;line-height:1.8;color:#68756b;}
.footer-brand p:first-child strong{display:block;margin-bottom:6px;font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","BIZ UDPGothic",Meiryo,sans-serif;font-size:26px;line-height:1.4;letter-spacing:.06em;color:#373d3b;}
.footer-brand p:first-child br{display:none;}
.footer-brand p:first-child a{color:inherit;}
.site-footer .wp-block-navigation{font-size:15px;}
.copyright{font-size:13px!important;color:#68756b;}

/* ==========================================================
   レスポンシブ
   ========================================================== */
@media(max-width:1000px){
.header-inner{flex-wrap:wrap;}
.site-header .wp-block-navigation{width:100%;}
.hero{margin:24px;min-height:510px;padding:40px 30px;}
.hero h1{font-size:36px;}
.hero-copy{width:52%;}
.hero-art{width:52%;}
.card-grid{grid-template-columns:1fr 1fr;}
.service-card:last-child{grid-column:1/-1;}
}
@media(max-width:900px){
.hero-copy{width:50%;}
.value-grid,.flow-grid,.work-grid{grid-template-columns:1fr;}
.work-card .card-art{height:260px;}
.illustrated-intro{grid-template-columns:1fr 1fr;padding:26px;}
.intro-art{height:260px;}
.service-ribbon{margin-left:24px!important;margin-right:24px!important;}
}
@media(max-width:600px){
html body{font-size:16px;}
.site-header{padding:18px 20px;}
.header-inner{flex-wrap:nowrap;}
.brand strong{font-size:20px;}
.site-header .wp-block-navigation{width:auto;font-size:15px;}
/* スマホではメイン画像を上、テキストを下に */
.hero{display:flex;flex-direction:column;padding:0 24px 34px;margin:16px;min-height:0;}
.hero-copy{width:100%;}
.hero h1{font-size:33px;}
.hero-art{order:-1;position:relative!important;width:calc(100% + 48px);height:330px;margin:0 -24px 26px!important;mask-image:none;-webkit-mask-image:none;}
.hero-art img{object-position:right center;}
.service-ribbon{margin:20px 16px 0!important;padding:20px 16px;}
.ribbon-text{font-size:17px;}
.ribbon-caption{font-size:11px;}
.section{padding:48px 22px;}
.section>h2{font-size:27px;}
.card-grid{grid-template-columns:1fr;}
.service-card:last-child{grid-column:auto;}
.service-card h3{min-height:0;}
.card-art{height:210px;}
.soft-panel,.contact-panel{padding:28px;}
.illustrated-intro{grid-template-columns:1fr;padding:24px;}
.intro-art{height:300px;}
.work-grid{gap:20px;}
.footer-flex{display:block;}
.page-heading{padding:40px 22px;}
.page-body{padding:30px 22px 55px;}
.page-body .wp-block-table td{padding:12px;font-size:15px;}
.page-body .wp-block-table td:first-child{width:35%;}
}
@media(prefers-reduced-motion:no-preference){
.wp-block-button__link{transition:background .2s,transform .2s,box-shadow .2s;}
}

/* B案：相談しやすさと読みやすさ */
.care-section{padding-top:54px;padding-bottom:54px;}
.care-section h2{font-size:30px;line-height:1.6;margin:12px 0 24px;}
.care-section h3{font-size:20px;line-height:1.6;}
.care-section p{font-size:16px;}
.care-specialty{background:#edf5f6;border-radius:24px;margin:24px auto!important;padding:40px;}
.care-lead{max-width:800px;}
.care-service-grid,.care-reason-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px!important;}
.care-service-grid>*,.care-reason-grid>*,.worry-grid>*{margin:0!important;}
.care-service{background:#fffefa;border-radius:20px;padding:24px;display:flex;flex-direction:column;}
.care-service h3{margin:0 0 10px;}.care-service .wp-block-buttons{margin-top:auto;}
.recruit-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff3d9;border-radius:20px;padding:26px;margin-top:24px!important;}
.recruit-copy h3{margin-top:0;}.recruit-copy p{margin-bottom:0;}.recruit-banner .wp-block-buttons{flex-shrink:0;}
.worry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:28px 0!important;}
.worry-item{padding:18px 20px 18px 48px;background:#f7f9f5;border-radius:14px;position:relative;}
.worry-item:before{content:"";position:absolute;left:18px;top:24px;width:18px;height:18px;background:#75947d;mask:url("assets/paw.svg") center/contain no-repeat;-webkit-mask:url("assets/paw.svg") center/contain no-repeat;}
.care-reason-grid .value-card{padding:26px;}.care-reason-grid .value-card:nth-child(4){background:#f0f6f7;}
.care-works{background:#eff4e9;border-radius:24px;}.works-summary{background:#fffefa;padding:24px;border-radius:20px;margin:24px 0!important;}
.price-list{border:1px solid #dce4df;border-radius:20px;overflow:hidden;margin:28px 0!important;}.price-row{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:22px;align-items:center;padding:22px 24px;border-bottom:1px solid #dce4df;margin:0!important;}.price-row:last-child{border:0;}.price-row:nth-child(2){background:#fff5de;}.price-row h3,.price-row p{margin:0!important;}.price-estimate{font-weight:700;}.fine-print{color:#5c6962;}
.area-panel{padding:28px;background:#edf5f6;border-radius:24px;}.area-panel h3{margin-top:0;}.care-contact{background:#edf3e8;border-radius:24px;margin:24px auto 64px!important;padding:40px;}
.care-subsection{padding:26px 0;border-bottom:1px solid #dde4dc;scroll-margin-top:24px;}
.hero h1{font-size:clamp(28px,3vw,40px);}.hero .eyebrow{letter-spacing:.04em;}
@media(max-width:1100px){.care-specialty,.care-works,.care-contact{margin-left:24px!important;margin-right:24px!important;}}
@media(max-width:760px){.care-service-grid,.care-reason-grid,.worry-grid{grid-template-columns:1fr;}.recruit-banner{display:block;}.recruit-banner .wp-block-buttons{margin-top:20px;}.price-row{grid-template-columns:1fr;gap:8px;}.care-section{padding:40px 22px;}.care-specialty,.care-contact{padding:28px 22px;}.care-section h2{font-size:25px;}.hero h1{font-size:29px;}.care-service{padding:22px;}.care-section .wp-block-button__link{font-size:15px;min-height:46px;}}
@media(prefers-reduced-motion:reduce){.wp-block-button__link::after{transition:none;}}
@media(max-width:600px){.care-section h2{font-size:22px;letter-spacing:.02em;}.care-section h3{font-size:19px;letter-spacing:.02em;}}

/* B案の水彩キャラクター */
.care-illustration{margin:0!important;line-height:0;}.care-illustration img{width:100%;height:auto;object-fit:contain;}
.care-main-art{float:right;width:210px;margin:0 0 20px 24px!important;}.care-specialty>.care-lead{max-width:none;}.care-service-grid{clear:both;}
.care-service{display:grid;grid-template-columns:125px minmax(0,1fr);gap:0 18px;align-items:start;}.care-service>.care-illustration{grid-column:1;grid-row:1 / span 5;align-self:center;}.care-service>p,.care-service>h3,.care-service>.wp-block-buttons{grid-column:2;}.care-service>h3{min-height:0;}.care-service>.card-number{margin-top:0;}.care-service>.wp-block-buttons{margin-top:12px;}.care-service .wp-block-button__link{padding:10px 18px;font-size:14px;}
.recruit-art{width:90px;flex:0 0 90px;}.recruit-copy{flex:1;}.recruit-banner{gap:18px;}.recruit-banner .wp-block-button__link{font-size:14px;padding:12px 18px;}
.worry-art{float:right;width:170px;margin:0 0 18px 24px!important;}.worry-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.care-section:after{content:"";display:block;clear:both;}
.care-reason-grid .value-card{position:relative;padding-right:165px;min-height:215px;}.reason-art{position:absolute;right:16px;bottom:25px;width:140px;}
.flow-card{position:relative;padding-top:20px;}.flow-art{position:absolute;right:12px;top:10px;width:85px;}.flow-card h3{margin-top:28px;}
.area-art{float:right;width:150px;margin:0 0 16px 24px!important;}.area-panel:after{content:"";display:block;clear:both;}
.contact-art{float:right;width:260px;margin:0 0 16px 28px!important;}.care-contact h2{font-size:28px;}.care-contact .wp-block-buttons{margin-top:24px;}
@media(max-width:1000px){.care-service{grid-template-columns:100px minmax(0,1fr);gap:0 14px;}.recruit-banner{flex-wrap:wrap;}.recruit-banner .wp-block-buttons{margin-left:auto;}}
@media(max-width:760px){.care-main-art{width:150px;}.care-service{grid-template-columns:100px minmax(0,1fr);}.worry-art{float:none;width:155px;margin:0 auto 22px!important;}.worry-grid{grid-template-columns:1fr;}.recruit-banner{display:flex;}.recruit-art{width:70px;flex-basis:70px;}.recruit-banner .wp-block-buttons{width:100%;margin-top:12px;}.care-reason-grid .value-card{padding-right:125px;min-height:190px;}.reason-art{width:100px;right:12px;}.area-art{width:100px;}.contact-art{float:none;width:230px;margin:0 auto 20px!important;}.care-contact h2{font-size:22px;}}
@media(max-width:600px){.care-main-art{float:none;width:200px;margin:0 auto 22px!important;}.care-service{padding:18px;grid-template-columns:85px minmax(0,1fr);gap:0 12px;}.care-service h3{font-size:18px;}.care-service p{font-size:16px;line-height:1.85;}.care-reason-grid h3{font-size:18px;}.care-reason-grid p{font-size:16px;}.recruit-copy h3{font-size:18px;}.recruit-copy p{font-size:16px;}}

.works-art{float:right;width:180px;margin:0 0 16px 24px!important;}.works-summary:after{content:"";display:block;clear:both;}.price-row h3{position:relative;padding-left:28px;}.price-row h3:before{content:"";position:absolute;top:.3em;left:0;width:18px;height:18px;background:#527c88;mask:url("assets/paw.svg") center/contain no-repeat;-webkit-mask:url("assets/paw.svg") center/contain no-repeat;}
@media(max-width:600px){.works-art{float:none;width:180px;margin:0 auto 16px!important;}}
.care-service>.card-number{display:none;}.care-service>.care-illustration{grid-row:1 / span 3;}.care-service h3{font-size:19px;}.care-service p{font-size:15px;}
@media(max-width:600px){.care-service h3{font-size:18px;}.care-service p{font-size:16px;}}
.care-service{grid-template-columns:155px minmax(0,1fr);}.care-main-art{width:240px;}.recruit-art{width:120px;flex-basis:120px;}.worry-art{width:200px;}
@media(max-width:1000px){.care-service{grid-template-columns:120px minmax(0,1fr);}}
@media(max-width:600px){.care-service{display:flex;flex-direction:column;align-items:stretch;}.care-service>.care-illustration{width:180px;align-self:center;margin:0 auto 14px!important;}.care-service h3{font-size:19px;margin-bottom:12px;}.care-service p{font-size:16px;margin-top:0;}.care-service>.wp-block-buttons{margin-top:14px;}.care-main-art{width:220px;}.recruit-art{width:90px;flex-basis:90px;}.worry-art{width:180px;}}
@media(max-width:600px){.care-reason-grid .value-card{padding:22px;}.reason-art{position:static;float:right;width:105px;margin:0 0 12px 12px!important;}.care-reason-grid .value-card:after{content:"";display:block;clear:both;}}

/* ヒーロー見出し：日本語を文節で改行（対応ブラウザのみ） */
.hero h1{font-size:clamp(28px,2.7vw,38px);word-break:auto-phrase;}
@media(max-width:600px){.hero h1{font-size:27px;}}

/* ==========================================================
   1.3.6 ボタンの3色化（ロゴの元の色＋白文字）
   明るい色に白文字のため、文字に薄い影を付けて読みやすくしている
   ========================================================== */
.wp-block-button .wp-block-button__link{--btn:#f6bd60;--btn-hover:#eeaa3c;background:var(--btn);color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(55,61,59,.35);box-shadow:0 3px 0 rgba(55,61,59,.14);}
.wp-block-button .wp-block-button__link:hover{background:var(--btn-hover);color:#fff;transform:translateY(-1px);box-shadow:0 5px 12px rgba(55,61,59,.16);}
.wp-block-button .wp-block-button__link::after{background:#fff;filter:drop-shadow(0 1px 1px rgba(55,61,59,.35));}
.btn-blue,.service-card:nth-child(1) .wp-block-button__link,.care-service:nth-child(1) .wp-block-button__link,.care-service:nth-child(4) .wp-block-button__link,.care-works .wp-block-button__link{--btn:#aac9d2;--btn-hover:#94bac5;}
.btn-green,.service-card:nth-child(3) .wp-block-button__link,.care-service:nth-child(3) .wp-block-button__link,.recruit-banner .wp-block-button__link,.soft-panel .wp-block-button__link{--btn:#a5b99a;--btn-hover:#91a984;}

/* ==========================================================
   1.3.4 介護・福祉の4枚カード：4列・イラスト上置きに変更
   ========================================================== */
.care-service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.care-service{display:flex!important;flex-direction:column;align-items:stretch;padding:20px 20px 24px;border-top:5px solid #aac9d2;}
.care-service:nth-child(2){border-top-color:#f6bd60;}
.care-service:nth-child(3){border-top-color:#a5b99a;}
.care-service:nth-child(4){border-top-color:#aac9d2;}
.care-service>.care-illustration{width:100%!important;align-self:stretch;margin:0 0 14px!important;}
.care-service h3{font-size:19px;margin:0 0 10px;}
.care-service p{font-size:16px;margin-top:0;}
.care-service>.wp-block-buttons{margin-top:auto;padding-top:14px;}
@media(max-width:1000px){.care-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.care-service-grid{grid-template-columns:1fr;}.care-service>.care-illustration{width:240px!important;align-self:center;}}

/* ==========================================================
   1.3.4 イラストを大きく
   ========================================================== */
.care-main-art{width:300px;}
.worry-art{width:280px;}
.recruit-art{width:150px;flex-basis:150px;}
.care-reason-grid .value-card{padding-right:200px;min-height:250px;}
.reason-art{width:175px;right:16px;bottom:20px;}
.works-art{width:250px;}
.area-art{width:240px;}
.contact-art{width:330px;}
.flow-card{padding-top:12px;}
.flow-art{position:static!important;width:170px;margin:0 0 6px!important;}
.flow-card h3{margin-top:14px;}
@media(max-width:760px){.care-main-art{width:200px;}.worry-art{width:230px;}.care-reason-grid .value-card{padding-right:150px;min-height:210px;}.reason-art{width:130px;}.area-art{float:none;width:220px;margin:0 auto 16px!important;}.contact-art{width:260px;}}
@media(max-width:600px){.care-main-art{width:240px;}.worry-art{width:220px;}.recruit-art{width:110px;flex-basis:110px;}.reason-art{width:120px;}.works-art{width:220px;}.flow-art{width:150px;}}

/* 1.3.7 介護・福祉セクションの専用ページへのリンク */
.care-main-link{margin:6px 0 4px!important;}

/* ==========================================================
   1.3.8 介護事業所のホームページ制作ページ（/kaigo/）
   ========================================================== */
.page-body:has(.kaigo-page){padding-top:40px;}
body:has(.kaigo-page) .page-heading{position:relative;text-align:center;}
/* 足跡は全ページ共通（1.4.1）で指定 */
.kaigo-page>*{margin-top:0!important;margin-bottom:22px!important;}
.kaigo-intro{text-align:center;margin-bottom:34px!important;}
.kaigo-intro .kaigo-intro__title{font-size:clamp(22px,2.6vw,28px);margin:0 0 10px!important;}
.kaigo-intro p{margin:0 auto;max-width:720px;}
.kaigo-card{display:flex;align-items:center;gap:28px;padding:34px 40px;border-radius:20px;background:#fff;border:1px solid #e1e7e2;scroll-margin-top:24px;}
.kaigo-card--visit{background:#edf5f6;border-color:#e2edf0;}
.kaigo-card--home{background:#eff4e9;border-color:#e4ecdc;}
.kaigo-card__body{flex:1 1 58%;min-width:0;}
.kaigo-card__body>*{margin-top:0!important;}
.kaigo-card h2{position:relative;font-size:clamp(21px,2.2vw,26px);line-height:1.5;margin:0 0 16px!important;padding:0 0 14px 44px;border-bottom:1px solid #d9e1db;}
.kaigo-card h2:before{content:"";position:absolute;left:0;top:.05em;width:32px;height:32px;background:#8fb9c6;-webkit-mask:url("assets/paw.svg") center/contain no-repeat;mask:url("assets/paw.svg") center/contain no-repeat;}
.kaigo-card--visit h2:before{background:#f2b04a;}
.kaigo-card--home h2:before{background:#8fa883;}
.kaigo-card p{margin:0 0 18px;}
.kaigo-card .wp-block-buttons{margin:0 0 8px!important;}
.kaigo-card--day .wp-block-button__link{--btn:#aac9d2;--btn-hover:#94bac5;}
.kaigo-card--visit .wp-block-button__link{--btn:#f6bd60;--btn-hover:#eeaa3c;}
.kaigo-note{font-size:14px!important;color:#68756b;margin:0!important;}
.kaigo-card__art{flex:0 0 36%;margin:0!important;}
.kaigo-card__art img{width:100%;height:auto;display:block;}
.kaigo-update{margin-top:44px!important;}
.kaigo-update__head{display:flex;align-items:center;gap:24px;margin-bottom:18px!important;}
.kaigo-update__text{flex:1;}
.kaigo-update__text h2{font-size:clamp(22px,2.4vw,28px);margin:0 0 8px!important;}
.kaigo-update__text p{margin:0;}
.kaigo-update__art{flex:0 0 300px;margin:0!important;}
.kaigo-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.kaigo-links>*{margin:0!important;}
.kaigo-link-card{position:relative;padding:22px 80px 22px 26px;border-radius:16px;background:#edf5f6;transition:transform .2s,box-shadow .2s;}
.kaigo-link-card--green{background:#eff4e9;}
.kaigo-link-card h3{font-size:18px;margin:0 0 6px!important;}
.kaigo-link-card h3 a{color:#373d3b;text-decoration:none;}
.kaigo-link-card h3 a:after{content:"";position:absolute;inset:0;}
.kaigo-link-card p{font-size:15px!important;margin:0;color:#4f5a55;}
.kaigo-link-card:after{content:"";position:absolute;right:26px;top:50%;width:30px;height:30px;margin-top:-15px;background:#8fb9c6;-webkit-mask:url("assets/paw.svg") center/contain no-repeat;mask:url("assets/paw.svg") center/contain no-repeat;transition:transform .2s;}
.kaigo-link-card--green:after{background:#8fa883;}
.kaigo-link-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(55,61,59,.08);}
.kaigo-link-card:hover:after{transform:translateX(4px) rotate(-12deg);}
.kaigo-cta{display:flex;align-items:center;gap:24px;margin-top:40px!important;padding:34px 40px;border-radius:20px;background:#fff3d9;}
.kaigo-cta__text{flex:1;}
.kaigo-cta__text>*{margin-top:0!important;}
.kaigo-cta h2{font-size:clamp(21px,2.4vw,26px);margin:0 0 8px!important;}
.kaigo-cta p{margin:0 0 20px;}
.kaigo-cta__art{flex:0 0 300px;margin:0!important;}
@media(max-width:760px){.kaigo-card{flex-direction:column;align-items:stretch;gap:12px;padding:24px 22px;}.kaigo-card__art{order:-1;width:78%;align-self:center;}.kaigo-update__head{flex-direction:column;align-items:stretch;}.kaigo-update__art{flex:none;width:72%;align-self:center;order:-1;}.kaigo-links{grid-template-columns:1fr;}.kaigo-cta{flex-direction:column;align-items:stretch;padding:26px 22px;}.kaigo-cta__art{flex:none;width:72%;align-self:center;order:-1;}}
.page-heading h1{word-break:auto-phrase;}
@media(max-width:600px){.kaigo-page .wp-block-button__link{font-size:14px;padding:12px 18px;letter-spacing:.02em;white-space:nowrap;}.kaigo-intro{text-align:left;}.kaigo-intro .kaigo-intro__title{text-align:center;}}

/* 新規制作・リニューアル：既存の個別ページの帯・色・イラストを使用 */
.website-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:36px;}
.website-options>*{margin:0!important;}
/*.website-intro .intro-art img{position:static;width:100%;max-width:100%;height:100%;object-fit:contain;}*/
.website-intro{grid-template-columns:1fr 1.1fr;padding:35px 0 35px 35px;overflow:hidden;}
.website-intro .intro-art{height:auto;min-height:320px;align-self:stretch;margin:-35px 0 -35px!important;border-radius:0;mask-image:linear-gradient(to right,transparent,#000 18%);-webkit-mask-image:linear-gradient(to right,transparent,#000 18%);}
.website-intro .intro-art img{position:absolute;inset:0;width:100%;max-width:none;height:100%;object-fit:cover;object-position:right center;}
@media(max-width:600px){.website-intro{padding:0 24px 24px;}.website-intro .intro-art{order:-1;min-height:240px;margin:0 -24px 10px!important;mask-image:none;-webkit-mask-image:none;}}
.website-entry .soft-panel{margin:0;}
@media(max-width:760px){.website-options{grid-template-columns:1fr;}}

/* ==========================================================
   1.4.1 タイトル帯の足跡（全ページ共通）
   ========================================================== */
.page-heading{position:relative;}
.page-heading:after{content:"";position:absolute;right:max(24px,calc((100vw - 1080px)/2));bottom:22px;width:96px;height:26px;background:linear-gradient(90deg,#8fb9c6 0 26px,transparent 26px 35px,#f2b04a 35px 61px,transparent 61px 70px,#8fa883 70px 96px);-webkit-mask:url("assets/paw.svg") 0 0/26px 26px space;mask:url("assets/paw.svg") 0 0/26px 26px space;pointer-events:none;}
@media(max-width:600px){.page-heading:after{right:16px;bottom:12px;width:66px;height:18px;background:linear-gradient(90deg,#8fb9c6 0 18px,transparent 18px 24px,#f2b04a 24px 42px,transparent 42px 48px,#8fa883 48px 66px);-webkit-mask-size:18px 18px;mask-size:18px 18px;}}

/* ==========================================================
   1.4.2 スマホメニュー（案D：肉球タイル＋あしあとフッター）
   ※メニューの最後の項目（お問い合わせ）をフッターのボタンにしている
   ========================================================== */
.wp-block-navigation__responsive-container-open{width:48px;height:48px;border-radius:50%;background:#edf5f6;color:#373d3b;align-items:center;justify-content:center;}
.wp-block-navigation__responsive-container-open svg{width:26px;height:26px;}
.wp-block-navigation__responsive-container.is-menu-open{padding:0!important;background:#fffefa!important;color:#373d3b!important;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close{position:relative;max-width:none!important;min-height:100dvh;display:flex;flex-direction:column;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close:before{content:"どこへ\Aいきますか？";white-space:pre;display:block;flex:none;box-sizing:border-box;height:200px;padding:96px 20px 0;background:#edf5f6 url("assets/kaigo-support.webp") right 12px bottom 0/210px auto no-repeat;border-radius:0 0 32px 32px;font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:18px;line-height:1.5;letter-spacing:.06em;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{position:static;flex:1;display:flex;flex-direction:column;margin:0!important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog:before{content:"枚方WEB工房";position:absolute;top:18px;left:20px;height:40px;padding-left:50px;display:flex;align-items:center;background:url("assets/brand-logo-v2.png") left center/40px 40px no-repeat;font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:20px;letter-spacing:.04em;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{position:absolute;top:14px!important;right:16px!important;width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 2px 0 rgba(55,61,59,.08);display:flex;align-items:center;justify-content:center;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg{width:22px;height:22px;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{display:flex!important;flex-direction:column;flex:1;padding:20px 0 0!important;align-items:stretch!important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto) 1fr;gap:12px!important;flex:1;padding:0 20px!important;margin:0!important;align-items:stretch!important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{display:block!important;margin:0!important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{display:flex!important;flex-direction:column;justify-content:space-between;gap:14px;box-sizing:border-box;height:100%;min-height:104px;padding:14px 14px 16px!important;border-radius:20px;border-top:4px solid #aac9d2;background:#edf5f6;color:#373d3b!important;text-decoration:none;font-size:15px!important;font-weight:700;line-height:1.45;letter-spacing:.04em;text-align:left!important;align-items:flex-start;word-break:auto-phrase;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:before{content:"";width:28px;height:28px;background:#8fb9c6;-webkit-mask:url("assets/paw.svg") center/contain no-repeat;mask:url("assets/paw.svg") center/contain no-repeat;transition:transform .2s;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(3n+2) .wp-block-navigation-item__content{background:#fff3d9;border-top-color:#f6bd60;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(3n+2) .wp-block-navigation-item__content:before{background:#f2b04a;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(3n) .wp-block-navigation-item__content{background:#eff4e9;border-top-color:#a5b99a;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(3n) .wp-block-navigation-item__content:before{background:#8fa883;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover:before,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible:before{transform:rotate(-15deg) scale(1.1);}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:last-child{grid-column:1/-1;align-self:end;display:flex!important;align-items:center;gap:12px;margin:12px -20px 0!important;padding:20px 20px 26px 160px;min-height:130px;box-sizing:border-box;border-radius:32px 32px 0 0;background:#eff4e9 url("assets/care-visit.webp") 16px center/132px auto no-repeat!important;flex-direction:column;justify-content:center;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:last-child:before{content:"ゴールはこちら！";align-self:stretch;text-align:left;font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:16px;letter-spacing:.04em;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:last-child .wp-block-navigation-item__content{flex-direction:row-reverse;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;height:auto;padding:0 18px!important;border:0;border-radius:100px;background:#a5b99a;color:#fff!important;font-size:15px!important;text-shadow:0 1px 2px rgba(55,61,59,.35);box-shadow:0 3px 0 rgba(55,61,59,.14);}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:last-child .wp-block-navigation-item__content:before{width:18px;height:18px;background:#fff;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label{text-align:left!important;}

/* ご相談から公開まで：既存の水彩・肉球・三色に合わせた6段階 */
.kaigo-page>.kaigo-flow{margin:72px 0 80px!important;}
.kaigo-flow{padding:88px 0;border:0;border-radius:0;background:#edf5f6;box-shadow:0 0 0 100vmax #edf5f6;clip-path:inset(0 -100vmax);}
.kaigo-flow>.section-label,.kaigo-flow>h2,.kaigo-flow>p,.kaigo-flow>.wp-block-buttons{text-align:center;justify-content:center;}
.kaigo-flow h2{margin-top:0;}
.kaigo-flow>p{max-width:720px;margin-left:auto!important;margin-right:auto!important;}
.kaigo-flow__steps{list-style:none!important;padding:0!important;margin:32px auto!important;max-width:940px;}
.kaigo-flow__step{position:relative;display:flex;align-items:center;gap:28px;margin:0!important;padding:24px 32px;border-radius:20px;background:#fff;box-shadow:0 6px 20px rgba(82,124,136,.10);--paw:#6fa8b8;}
.kaigo-flow__step:nth-child(2){--paw:#f2a93b;}
.kaigo-flow__step:nth-child(3){--paw:#86a874;}
.kaigo-flow__step:nth-child(4){--paw:#ee8fa6;}
.kaigo-flow__step:nth-child(5){--paw:#f2a93b;}
.kaigo-flow__step:nth-child(6){--paw:#a48cc9;}
.kaigo-flow__step+.kaigo-flow__step{margin-top:52px!important;}
.kaigo-flow__step+.kaigo-flow__step:before{content:"";position:absolute;top:-40px;left:76px;transform:translateX(-50%);border-left:20px solid transparent;border-right:20px solid transparent;border-top:22px solid #f6bd60;}
.kaigo-flow__num{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:88px;height:88px;border:3px solid var(--paw);border-radius:50%;background:#fff;color:#373d3b;line-height:1;font-weight:700;}
.kaigo-flow__num small{margin-bottom:4px;color:var(--paw);font-size:11px;letter-spacing:.15em;}
.kaigo-flow__num b{font-size:34px;}
.kaigo-flow__body{flex:1;min-width:0;}
.kaigo-flow h3.kaigo-flow__title{margin:0 0 6px;font-size:21px;line-height:1.4;}
.kaigo-flow__text{margin:0 0 12px!important;font-size:15px;line-height:1.8;}
.kaigo-flow__who{display:inline-flex;align-items:center;gap:10px;margin:0!important;padding:6px 18px 6px 8px;border-radius:999px;background:#f5f8f6;font-size:14px;font-weight:700;line-height:1.5;}
.kaigo-flow__who:before{content:"";flex-shrink:0;width:30px;height:30px;background:var(--paw);transform:rotate(-15deg);-webkit-mask:url("assets/paw.svg") center/contain no-repeat;mask:url("assets/paw.svg") center/contain no-repeat;}
.kaigo-flow__art{flex-shrink:0;width:230px;margin:0!important;}
.kaigo-flow__art img{display:block;width:100%;height:auto;}
.kaigo-flow__step--goal{outline:3px solid #f6bd60;background:#fffaf0;}
.kaigo-flow__step--goal .kaigo-flow__num{border-color:#f6bd60;background:#f6bd60;color:#fff;}
.kaigo-flow__step--goal .kaigo-flow__num small{color:#fff;}
.kaigo-flow__badge{position:absolute;top:-14px;right:24px;padding:4px 14px;border-radius:999px;background:#f6bd60;color:#fff;font-size:13px;font-weight:700;line-height:1.5;}
@media(max-width:900px){.kaigo-flow__art{width:170px;}}
@media(max-width:760px){
.kaigo-page>.kaigo-flow{margin:48px 0 56px!important;}
.kaigo-flow{padding:56px 0;}
.kaigo-flow>p{text-align:left;}
.kaigo-flow__step{flex-wrap:wrap;align-items:flex-start;gap:14px;padding:18px 16px;}
.kaigo-flow__step+.kaigo-flow__step{margin-top:42px!important;}
.kaigo-flow__step+.kaigo-flow__step:before{top:-32px;left:46px;border-left-width:15px;border-right-width:15px;border-top-width:17px;}
.kaigo-flow__num{width:60px;height:60px;border-width:2px;}
.kaigo-flow__num small{font-size:9px;}
.kaigo-flow__num b{font-size:24px;}
.kaigo-flow__body{flex:1 1 0;}
.kaigo-flow h3.kaigo-flow__title{font-size:17px;}
.kaigo-flow__text{font-size:14px;}
.kaigo-flow__who{gap:8px;padding:5px 14px 5px 6px;font-size:12px;}
.kaigo-flow__who:before{width:24px;height:24px;}
.kaigo-flow__art{flex:0 0 100%;width:100%;}
.kaigo-flow__art img{max-width:190px;margin:0 auto;}
.kaigo-flow__badge{right:12px;font-size:12px;}
}

/* ==========================================================
   1.4.6 代表の経験（介護・福祉ページ／TOPページ）
   ========================================================== */
.care-story{display:flex;align-items:center;gap:36px;padding:40px 44px;border:1px solid #f1dfb8;border-radius:22px;background:#fffaf0;}
.kaigo-page>.care-story{margin-top:56px!important;}
.care-story__text{flex:1;min-width:0;}
.care-story .section-label{margin:0 0 6px!important;}
.care-story .care-story__title{margin:0 0 18px!important;font-size:clamp(20px,2.4vw,25px);line-height:1.6;}
.care-story__text p{margin:0 0 12px!important;font-size:16px;line-height:1.9;}
.care-story__text .care-story__close{margin:18px 0 0!important;padding-left:14px;border-left:4px solid #f6bd60;font-weight:700;}
.care-story__text .care-story__link{margin:18px 0 0!important;font-size:15px;}
.care-story__link a{color:#527c88;font-weight:700;}
.care-story__link a:after{content:" →";}
.care-story__art{flex:0 0 260px;margin:0!important;}
.care-story__art img{display:block;width:100%;height:auto;}
.care-story--home{display:block;margin:24px 0 8px!important;padding:30px 34px;}
.care-story--home .care-story__title{font-size:clamp(18px,2.2vw,21px);margin-bottom:14px!important;}
@media(max-width:760px){
.care-story{flex-direction:column;align-items:stretch;gap:16px;padding:26px 22px;}
.kaigo-page>.care-story{margin-top:40px!important;}
.care-story__art{flex:none;order:-1;width:64%;align-self:center;}
.care-story__text p{font-size:15px;}
.care-story--home{padding:24px 20px;}
}

/* ==========================================================
   1.4.7 下層ページの画像切れ対策
   名刺画像を拡大して位置ずらしで切り抜く方式をやめ、
   イラストだけを切り出した専用画像（card-*.webp）を枠いっぱいに表示する。
   差し替えは functions.php（render_block_core/image）で表示時に行う。
   ========================================================== */
/* メイン画像（support / server-domain / works / company / contact） */
.intro-art{height:auto;aspect-ratio:4/3;}
.intro-art img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center 70%;}
@media(max-width:900px){.intro-art{height:auto;}}
@media(max-width:600px){.intro-art{height:auto;aspect-ratio:4/3;}}

/* メイン画像（website：右端まで広げて左をぼかす） */
.website-intro .intro-art{aspect-ratio:auto;min-height:320px;}
.website-intro .intro-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 70%;}
@media(max-width:600px){
.website-intro{grid-template-columns:1fr;}
.website-intro .intro-art{min-height:0;aspect-ratio:4/3;}
}

/* カード画像（support のサービスカード／works の実績カード） */
.card-art img,.service-card .card-art img,.card-art.art-web img,.card-art.art-travel img,.card-art.art-cat img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center 45%;transform:none;}
.work-card .card-art{height:auto;aspect-ratio:16/10;}
/* カードが横長になる幅では、画像を左・文章を右に並べて画像が切れないようにする */
@media(min-width:601px) and (max-width:1000px){
.service-card:last-child{display:grid;grid-template-columns:minmax(0,44%) minmax(0,1fr);column-gap:26px;align-content:start;}
.service-card:last-child>*{grid-column:2;}
.service-card:last-child .card-art{grid-column:1;grid-row:1 / span 5;align-self:center;aspect-ratio:16/10;height:auto;margin:0!important;border-radius:15px;}
.service-card:last-child .card-number{margin-top:0;}
.service-card:last-child .wp-block-buttons{margin-top:0;}
}
@media(min-width:601px) and (max-width:900px){
.work-card{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);column-gap:24px;align-content:start;}
.work-card>*{grid-column:2;}
.work-card .card-art{grid-column:1;grid-row:1 / span 6;align-self:start;aspect-ratio:16/10;height:auto;margin:0!important;}
.work-card .card-art+*{margin-top:0;}
}

/* 1.4.10 ACF制作実績一覧：既存カードの色・角丸を継承 */
.tc-works-listing{width:100%;}
.tc-works-listing .tc-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;}
.tc-work-grid .tc-work-card{display:flex;flex-direction:column;min-width:0;gap:0;align-content:normal;}
.tc-work-card .tc-work-thumbnail{margin:0 0 18px!important;width:100%;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#edf5f6;}
.tc-work-thumbnail a{display:block;width:100%;height:100%;}
.tc-work-thumbnail .tc-work-image{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none;}
.tc-work-thumbnail a:focus-visible{outline:3px solid #527985;outline-offset:-3px;}
.tc-work-no-image{display:flex;align-items:center;justify-content:center;height:100%;color:#527985;font-size:14px;}
.tc-work-card h3{margin:0 0 12px!important;font-size:21px;line-height:1.6;overflow-wrap:anywhere;}
.tc-work-card .tc-work-description{margin:0!important;font-size:16px;line-height:1.9;overflow-wrap:anywhere;}
.tc-works-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:36px;}
.tc-works-pagination a,.tc-works-pagination .current{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 14px;box-sizing:border-box;border-radius:999px;background:#edf5f6;color:#373d3b;text-decoration:none;font-weight:700;}
.tc-works-pagination a:hover{background:#fff3d9;}
.tc-works-pagination .current,.tc-works-pagination .tc-works-next{background:#f6bd60;}
.tc-works-pagination a:focus-visible{outline:2px solid #527985;outline-offset:3px;}
.tc-works-next::before{content:"";width:16px;height:16px;margin-right:10px;background:currentColor;mask:url("assets/paw.svg") center/contain no-repeat;-webkit-mask:url("assets/paw.svg") center/contain no-repeat;}
.tc-works-archive{box-sizing:border-box;max-width:1080px;margin:48px auto 72px;padding-inline:24px;}
.tc-works-empty{padding:24px;border-radius:20px;background:#edf5f6;}
@media(max-width:900px){.tc-works-listing .tc-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.tc-works-listing .tc-work-grid{grid-template-columns:1fr;}.tc-works-archive{padding-inline:20px;}.tc-work-card h3{font-size:19px;}}