@charset "UTF-8";
/* =========================================================
 * front-custom.css — トップページ専用の追加CSS
 *  読み込み：functions.php（wp_enqueue_scripts / is_front_page()）
 *  旧：front-page.php・functions.php 内のインライン<style>から移設
 * =======================================================*/

/* ---------------------------------------------------------
 * 1. ヒーローCTA（.ain-hero-cta / .ain-hcta）ほか　旧 front-page.php
 * ------------------------------------------------------- */
/* ── フロント再設計 追加コンポーネント（テーマCSSに移設可） ── */
.ain-hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 4px}
.ain-hcta{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;border-radius:10px;font-weight:700;font-size:15px;text-decoration:none;line-height:1.2;min-height:48px;box-sizing:border-box;transition:opacity .15s}
.ain-hcta:hover{opacity:.88}
.ain-hcta--price{background:#e60012;color:#fff}
.ain-hcta--mitumori{background:#fff;color:#e60012;border:2px solid #e60012}
.ain-hcta--tel{background:#333;color:#fff}
.ain-hcta--line{background:#06c755;color:#fff}
@media(max-width:768px){
	.ain-hero-cta{gap:8px}
	.ain-hcta{flex:1 1 calc(50% - 8px);font-size:14px;padding:11px 10px}
}


/* ---------------------------------------------------------
 * 2. サービスから探す（#service-nav .ain-svc）
 *    front-page.php でサーバー出力（旧：functions.php のJS挿入）
 * ------------------------------------------------------- */
#service-nav.ain-svc{padding:64px 0;background:#f7f7f7;scroll-margin-top:80px}
.ain-svc__inner{width:90%;max-width:1000px;margin:0 auto}
.ain-svc__lead{margin:0 0 28px;font-size:14px;line-height:1.7;color:#666;text-align:center}
.ain-svc__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.ain-svc__grid li{margin:0;padding:0;list-style:none}
.ain-svc__card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;height:100%;box-sizing:border-box;padding:18px 16px;background:#fff;border:1px solid #e4e4e7;border-radius:14px;color:#1a1a1a;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.ain-svc__card:hover{border-color:#c41e3a;box-shadow:0 4px 16px rgba(196,30,58,.10);transform:translateY(-2px);color:#1a1a1a;text-decoration:none}
.ain-svc__card:focus-visible{outline:2px solid #c41e3a;outline-offset:2px}
.ain-svc__icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:4px;border-radius:12px;background:#fef2f4;color:#c41e3a}
.ain-svc__icon svg{width:24px;height:24px;display:block}
.ain-svc__name{font-size:16px;font-weight:700;line-height:1.4}
.ain-svc__desc{font-size:13px;line-height:1.5;color:#666}
.ain-svc__more{margin:28px 0 0;text-align:center}
.ain-svc__area{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border:1.5px solid #c41e3a;border-radius:999px;background:#fff;color:#c41e3a;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .2s}
.ain-svc__area:hover{background:#fef2f4;color:#c41e3a;text-decoration:none}
@media (max-width:1024px){
	.ain-svc__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
	#service-nav.ain-svc{padding:44px 0}
	.ain-svc__lead{margin-bottom:20px;font-size:13px}
	.ain-svc__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
	.ain-svc__card{padding:14px 12px;gap:4px}
	.ain-svc__icon{width:38px;height:38px;border-radius:10px}
	.ain-svc__icon svg{width:20px;height:20px}
	.ain-svc__name{font-size:15px}
	.ain-svc__desc{font-size:12px}
}
@media (prefers-reduced-motion:reduce){
	.ain-svc__card{transition:none}
	.ain-svc__card:hover{transform:none}
}

/* ---------------------------------------------------------
 * 3. 事業内容アコーディオン（#qualification .ain-biz）
 *    details/summary 構成。開閉アニメは interpolate-size 対応ブラウザのみ
 * ------------------------------------------------------- */
#qualification .ain-biz{display:grid;gap:12px;max-width:880px;margin:32px auto 0;text-align:left}
#qualification .ain-biz__item{background:#fff;border:1px solid #e4e4e7;border-radius:14px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
#qualification .ain-biz__item:hover{border-color:#d4d4d8;box-shadow:0 2px 10px rgba(0,0,0,.05)}
#qualification .ain-biz__item[open]{border-color:#c41e3a;box-shadow:0 4px 16px rgba(196,30,58,.10)}
#qualification .ain-biz__summary{display:flex;align-items:center;gap:14px;padding:14px 18px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
#qualification .ain-biz__summary::-webkit-details-marker{display:none}
#qualification .ain-biz__summary::marker{content:""}
#qualification .ain-biz__summary:focus-visible{outline:2px solid #c41e3a;outline-offset:-2px;border-radius:14px}
#qualification .ain-biz__icon{flex:0 0 52px;width:52px;height:52px;border-radius:12px;background:#fef2f4;display:grid;place-items:center}
#qualification .ain-biz__icon img{width:40px;height:40px;object-fit:contain;display:block}
#qualification .ain-biz__title{flex:1;min-width:0;margin:0;padding:0;border:0;background:none;font-size:17px;font-weight:700;line-height:1.5;color:#1a1a1a;letter-spacing:.02em;text-align:left}
#qualification .ain-biz__title::before,#qualification .ain-biz__title::after{content:none;display:none}
#qualification .ain-biz__toggle{flex:0 0 30px;width:30px;height:30px;border-radius:50%;border:1.5px solid #c41e3a;position:relative;transition:transform .3s,background-color .2s}
#qualification .ain-biz__toggle::before,#qualification .ain-biz__toggle::after{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:#c41e3a;border-radius:1px;transition:background-color .2s}
#qualification .ain-biz__toggle::after{transform:rotate(90deg)}
#qualification .ain-biz__item[open] .ain-biz__toggle{transform:rotate(45deg);background:#c41e3a}
#qualification .ain-biz__item[open] .ain-biz__toggle::before,#qualification .ain-biz__item[open] .ain-biz__toggle::after{background:#fff}
#qualification .ain-biz__body{padding:2px 22px 20px 84px}
#qualification .ain-biz__text{margin:0 0 12px;font-size:15px;line-height:1.9;color:#333;text-align:left}
#qualification .ain-biz__text a{color:#c41e3a;text-decoration:underline;text-underline-offset:3px}
#qualification .ain-biz__links{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
#qualification .ain-biz__btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:1.5px solid #c41e3a;border-radius:999px;background:#fff;color:#c41e3a;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .2s,color .2s}
#qualification .ain-biz__btn:hover{background:#fef2f4;color:#c41e3a;text-decoration:none}
#qualification .ain-biz__btn--primary{background:#c41e3a;color:#fff}
#qualification .ain-biz__btn--primary:hover{background:#a01830;color:#fff}
@supports (interpolate-size:allow-keywords){
	#qualification .ain-biz__item{interpolate-size:allow-keywords}
	#qualification .ain-biz__item::details-content{block-size:0;overflow:hidden;transition:block-size .35s ease,content-visibility .35s allow-discrete}
	#qualification .ain-biz__item[open]::details-content{block-size:auto}
}
@media (max-width:600px){
	#qualification .ain-biz__summary{gap:12px;padding:12px 14px}
	#qualification .ain-biz__icon{flex-basis:44px;width:44px;height:44px}
	#qualification .ain-biz__icon img{width:34px;height:34px}
	#qualification .ain-biz__title{font-size:15px}
	#qualification .ain-biz__toggle{flex-basis:26px;width:26px;height:26px}
	#qualification .ain-biz__body{padding:0 16px 18px}
	#qualification .ain-biz__text{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
	#qualification .ain-biz__item,#qualification .ain-biz__item::details-content,#qualification .ain-biz__toggle{transition:none}
}


/* ---------------------------------------------------------
 * 4. 会社概要（#company .ain-company）
 * ------------------------------------------------------- */
#company .ain-company{margin:0;background:#fff;border:1px solid #e4e4e7;border-radius:14px;overflow:hidden}
#company .ain-company__row{display:grid;grid-template-columns:170px minmax(0,1fr);border-top:1px solid #eeeef0}
#company .ain-company__row:first-child{border-top:0}
#company .ain-company__term{margin:0;padding:18px 20px;background:#fcfcfd;color:#c41e3a;font-size:14px;font-weight:700;line-height:1.8}
#company .ain-company__desc{min-width:0;margin:0;padding:18px 24px;color:#333;font-size:15px;line-height:1.8}
#company .ain-company__sub{display:block;color:#71717a;font-size:13px}
#company .ain-company__link{display:inline-flex;margin-top:10px;padding:7px 18px;border:1.5px solid #c41e3a;border-radius:999px;background:#fff;color:#c41e3a;font-size:13px;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .2s}
#company .ain-company__link:hover{background:#fef2f4;text-decoration:none}
#company .ain-permits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
#company .ain-permits__item{margin:0;padding:12px 14px;border-radius:10px;background:#f7f7f8;list-style:none}
#company .ain-permits__name{display:block;color:#1a1a1a;font-size:14px;font-weight:700;line-height:1.5}
#company .ain-permits__no{display:block;color:#555;font-size:13px;line-height:1.6}
#company .ain-pay{display:grid;gap:4px;margin:0;padding:0;list-style:none}
#company .ain-pay li{display:flex;flex-wrap:wrap;gap:0 10px;margin:0;list-style:none}
#company .ain-pay span{color:#555}
#company .ain-clients{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
#company .ain-clients li{margin:0;list-style:none}
#company .ain-clients__group{display:inline-flex;align-items:center;gap:4px}
#company .ain-clients__sep{color:#a1a1aa;font-size:12px}
#company .ain-clients__chip{display:inline-block;padding:5px 12px;border:1px solid #e4e4e7;border-radius:999px;background:#fff;color:#333;font-size:13px;line-height:1.4;text-decoration:none;transition:border-color .2s,color .2s}
#company a.ain-clients__chip:hover{border-color:#c41e3a;color:#c41e3a;text-decoration:none}
#company .ain-clients__more{margin:10px 0 0}
#company .ain-clients__more > .ain-clients{margin-top:10px}
#company .ain-clients__toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1.5px solid #c41e3a;border-radius:999px;color:#c41e3a;font-size:13px;font-weight:700;line-height:1.2;cursor:pointer;list-style:none;transition:background-color .2s}
#company .ain-clients__toggle::-webkit-details-marker{display:none}
#company .ain-clients__toggle::marker{content:""}
#company .ain-clients__toggle:hover{background:#fef2f4}
#company .ain-clients__toggle:focus-visible{outline:2px solid #c41e3a;outline-offset:2px}
#company .ain-clients__label-close{display:none}
#company .ain-clients__more[open] .ain-clients__label-open{display:none}
#company .ain-clients__more[open] .ain-clients__label-close{display:inline}
#company .ain-clients__note{margin:10px 0 0;color:#71717a;font-size:12px}
@media (max-width:767px){
	#company .ain-company__row{grid-template-columns:1fr}
	#company .ain-company__term{padding:14px 16px 2px;background:none;font-size:13px}
	#company .ain-company__desc{padding:0 16px 14px;font-size:14px}
	#company .ain-permits{grid-template-columns:1fr}
}

/* ---------------------------------------------------------
 * 5. お問い合わせフォーム（#contact .ain-contact / .ain-form）
 *    テーマ index.css の button[type=submit] 等の汎用指定を #contact で上書き
 * ------------------------------------------------------- */
#contact{scroll-margin-top:80px}
#contact .ain-contact{width:90%;max-width:720px;margin:0 auto}
#contact .ain-form__steps{display:flex;gap:8px;margin:0 0 20px;padding:0;list-style:none}
#contact .ain-form__step{display:flex;flex:1;align-items:center;justify-content:center;gap:6px;margin:0;padding:8px 6px;border:1px solid #e4e4e7;border-radius:999px;background:#fff;color:#a1a1aa;font-size:13px;font-weight:700;line-height:1.2;list-style:none}
#contact .ain-form__step-no{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#f1f1f3;color:#71717a;font-size:11px}
#contact .ain-form__step.is-done{border-color:#c41e3a;color:#c41e3a}
#contact .ain-form__step.is-done .ain-form__step-no{background:#fef2f4;color:#c41e3a}
#contact .ain-form__step.is-current{border-color:#c41e3a;background:#c41e3a;color:#fff}
#contact .ain-form__step.is-current .ain-form__step-no{background:#fff;color:#c41e3a}
#contact .ain-form__lead{word-break:auto-phrase;text-wrap:pretty;margin:0 0 20px;color:#333;font-size:14px;font-weight:500;line-height:1.8;text-align:center}
#contact .ain-form__card{box-sizing:border-box;padding:32px;border:1px solid #e4e4e7;border-radius:16px;background:#fff}
#contact .ain-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
#contact .ain-form__field{min-width:0}
#contact .ain-form__field--full{grid-column:1 / -1}
#contact .ain-form__label{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#1a1a1a;font-size:14px;font-weight:700;line-height:1.4}
#contact .ain-form__badge{padding:2px 8px;border-radius:4px;background:#f1f1f3;color:#71717a;font-size:11px;font-weight:700;line-height:1.4}
#contact .ain-form__badge--req{background:#c41e3a;color:#fff}
#contact .ain-form__input{display:block;width:100%;height:auto;box-sizing:border-box;margin:0;padding:12px 14px;border:1px solid #d4d4d8;border-radius:10px;background:#fff;color:#1a1a1a;font-size:16px;line-height:1.5;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}
#contact .ain-form__input::placeholder{color:#a1a1aa}
#contact .ain-form__input:focus{outline:none;border-color:#c41e3a;box-shadow:0 0 0 3px rgba(196,30,58,.15)}
#contact .ain-form__textarea{min-height:180px;resize:vertical}
#contact .ain-form__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:28px 0 0}
#contact .ain-form__btn{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:220px;height:auto;margin:0;padding:15px 36px;border:1.5px solid #c41e3a;border-radius:999px;background:#fff;color:#c41e3a;font-size:16px;font-weight:700;line-height:1.2;letter-spacing:.04em;cursor:pointer;opacity:1;-webkit-appearance:none;appearance:none;transition:background-color .2s,border-color .2s,color .2s}
#contact .ain-form__btn::after{content:none;display:none}
#contact .ain-form__btn:hover{background:#fef2f4;opacity:1}
#contact .ain-form__btn--primary{background:#c41e3a;color:#fff;box-shadow:0 4px 16px rgba(196,30,58,.25)}
#contact .ain-form__btn--primary:hover{border-color:#a01830;background:#a01830;color:#fff}
#contact .ain-form__btn:focus-visible{outline:2px solid #c41e3a;outline-offset:3px}
#contact .ain-form__note{margin:16px 0 0;color:#71717a;font-size:12px;line-height:1.7;text-align:center}
#contact .ain-form__confirm{margin:0}
#contact .ain-form__confirm-row{display:grid;grid-template-columns:160px minmax(0,1fr);border-top:1px solid #eeeef0}
#contact .ain-form__confirm-row:first-child{border-top:0}
#contact .ain-form__confirm dt{margin:0;padding:14px 0;color:#71717a;font-size:13px;font-weight:700;line-height:1.7}
#contact .ain-form__confirm dd{min-width:0;margin:0;padding:14px 0;color:#1a1a1a;font-size:15px;line-height:1.7;overflow-wrap:anywhere}
#contact .ain-form__recaptcha{display:flex;justify-content:center;margin:24px 0 0}
#contact .done_body.ain-form__done{width:auto;max-width:none;margin:0;text-align:center}
#contact .ain-form__done-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:#fef2f4;color:#c41e3a}
#contact .done_body .ain-form__done-title{margin:0 0 12px;color:#1a1a1a;font-size:20px;font-weight:700;line-height:1.5}
#contact .done_body .ain-form__done-text{margin:0;color:#333;font-size:15px;font-weight:400;line-height:1.9}
#contact .done_body .ain-form__done-note{margin:16px 0 0;padding:12px 14px;border-radius:10px;background:#f7f7f8;color:#71717a;font-size:13px;font-weight:400;line-height:1.8;text-align:left}
@media (max-width:767px){
	#contact .ain-contact{width:92%}
	#contact .ain-form__step{padding:7px 4px;font-size:12px}
	#contact .ain-form__card{padding:22px 16px}
	#contact .ain-form__grid{grid-template-columns:1fr;gap:18px}
	#contact .ain-form__confirm-row{grid-template-columns:1fr}
	#contact .ain-form__confirm dt{padding:12px 0 0}
	#contact .ain-form__confirm dd{padding:2px 0 12px}
	#contact .ain-form__actions{flex-direction:column}
	#contact .ain-form__btn{width:100%;min-width:0}
	#contact .done_body .ain-form__done-text br{display:none}
}
@media (max-width:360px){
	#contact .ain-form__recaptcha .g-recaptcha{transform:scale(.88);transform-origin:center top}
}

/* 用途別フォームの案内（詳細お見積り／かんたんお問い合わせ） */
#contact .ain-contact__intro{word-break:auto-phrase;text-wrap:pretty;margin:0 0 20px;color:#333;font-size:15px;font-weight:500;line-height:1.8;text-align:center}
#contact .ain-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 56px}
#contact .ain-choice__card{position:relative;letter-spacing:.02em;word-break:auto-phrase;text-wrap:pretty;display:flex;flex-direction:column;box-sizing:border-box;padding:28px 24px 24px;border:1.5px solid #e4e4e7;border-radius:16px;background:#fff}
#contact .ain-choice__card--detail{border-color:#c41e3a;background:#fff8f9}
#contact .ain-choice__tag{position:absolute;top:-12px;left:20px;padding:4px 12px;border-radius:999px;background:#52525b;color:#fff;font-size:12px;font-weight:700;line-height:1.3}
#contact .ain-choice__card--detail .ain-choice__tag{background:#c41e3a}
#contact .ain-choice__head{display:flex;align-items:center;gap:12px;margin:0 0 10px}
#contact .ain-choice__icon{display:grid;flex:0 0 48px;place-items:center;width:48px;height:48px;border-radius:12px;background:#f1f1f3;color:#52525b}
#contact .ain-choice__card--detail .ain-choice__icon{background:#c41e3a;color:#fff}
#contact .ain-choice__title{margin:0;padding:0;border:0;background:none;color:#1a1a1a;font-size:19px;font-weight:700;line-height:1.4}
#contact .ain-choice__title::before,#contact .ain-choice__title::after{content:none}
#contact .ain-choice__desc{margin:0 0 12px;color:#555;font-size:14px;line-height:1.7}
#contact .ain-choice__list{display:grid;gap:6px;margin:0 0 20px;padding:0;list-style:none}
#contact .ain-choice__list li{display:flex;align-items:flex-start;gap:8px;margin:0;color:#333;font-size:14px;line-height:1.6;list-style:none}
#contact .ain-choice__list svg{flex:0 0 16px;margin-top:3px;color:#71717a}
#contact .ain-choice__card--detail .ain-choice__list svg{color:#c41e3a}
#contact .ain-choice__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding:14px 20px;border:1.5px solid #52525b;border-radius:999px;background:#fff;color:#3f3f46;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s}
#contact .ain-choice__btn:hover{background:#f4f4f5;color:#3f3f46;text-decoration:none}
#contact .ain-choice__btn--primary{border-color:#c41e3a;background:#c41e3a;color:#fff;box-shadow:0 4px 16px rgba(196,30,58,.25)}
#contact .ain-choice__btn--primary:hover{border-color:#a01830;background:#a01830;color:#fff}
#contact .ain-choice__btn:focus-visible{outline:2px solid #c41e3a;outline-offset:3px}
#contact .ain-form__head{scroll-margin-top:80px;margin:0 0 16px;padding-top:28px;border-top:1px dashed #d4d4d8;text-align:center}
#contact .ain-form__head:first-child{padding-top:0;border-top:0}
#contact .ain-form__title{display:inline-flex;align-items:center;gap:8px;margin:0;padding:0;border:0;background:none;color:#1a1a1a;font-size:20px;font-weight:700;line-height:1.4}
#contact .ain-form__title::before,#contact .ain-form__title::after{content:none}
#contact .ain-form__title-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f1f1f3;color:#52525b}
@media (max-width:767px){
	#contact .ain-contact__intro{word-break:auto-phrase;text-wrap:pretty;font-size:14px}
	#contact .ain-choice{grid-template-columns:1fr;gap:24px;margin-bottom:40px}
	#contact .ain-choice__card{padding:26px 18px 20px}
	#contact .ain-choice__title{font-size:17px}
	#contact .ain-choice__icon{flex-basis:42px;width:42px;height:42px}
	#contact .ain-form__title{font-size:17px}
}