/* Shared 2026 footer for pages using sub/header.php. */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#sdi-footer-tools{width:100%;margin:0;padding:20px 0;background:#eee}
#sdi-footer-tools .tools h3{width:100%;margin:0;padding:1em;font-size:120%;text-align:center}
#sdi-footer-tools .list-tools{display:flex;justify-content:space-between;max-width:650px;margin:20px auto;padding:0;list-style:none}
#sdi-footer-tools .list-tools li{margin:10px;list-style:none}
#sdi-footer-tools .list-tools img{display:block;width:100%;height:auto}
#contact-area{padding:70px 0;background:#e9e9e9;font-family:"Hiragino Sans","Yu Gothic",Meiryo,sans-serif}
#contact-area .contact-inner{width:calc(100% - 80px);max-width:1200px;margin:0 auto;padding:35px 45px 50px;box-sizing:border-box;background:#fff}
#contact-area .contact-heading{display:flex;align-items:baseline;gap:60px;margin-bottom:45px}
#contact-area .contact-title-wrap{display:flex;align-items:baseline;gap:28px;flex:0 0 auto}
#contact-area .contact-title-wrap h2{margin:0;font-size:28px;font-weight:500;font-family:"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;line-height:1.4;letter-spacing:.03em}
#contact-area .contact-title-wrap span{color:#026f35;font-size:18px;font-weight:500;line-height:1.4}
#contact-area .contact-lead{margin:0;font-size:16px;line-height:1.8;letter-spacing:.02em}
#contact-area .contact-actions{display:grid;grid-template-columns:740fr 808fr 621fr;gap:22px}
#contact-area .contact-action{display:block;overflow:hidden;text-decoration:none;transition:opacity .25s ease}
#contact-area .contact-action:hover{opacity:.72}
#contact-area .contact-action img{display:block;width:100%;height:auto}
#page-top{padding:30px 40px 25px;background:#e9e9e9;text-align:right}
#page-top a{display:inline-flex;align-items:center;gap:18px;color:#222;text-decoration:none;font-size:18px;line-height:1.4}
#page-top .page-top-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#d9f0ef;font-size:13px;transition:opacity .2s ease}
#page-top a:hover{opacity:.65}
#footer{margin:0;padding:75px 0 55px;border:0;background:#e5f0f0;color:#111;font-family:"Hiragino Sans","Yu Gothic",Meiryo,sans-serif}
#footer .footer-inner{display:grid;grid-template-columns:1.25fr 1fr 1.15fr .75fr;gap:70px;width:calc(100% - 100px);max-width:1500px;margin:0 auto}
#footer ul{margin:0;padding:0;list-style:none}
#footer .footer-logo{display:block;width:330px;max-width:100%;height:auto;margin-bottom:30px}
#footer .footer-company-links li{margin-bottom:14px}
#footer .footer-company-links a{position:relative;display:inline-block;padding-left:13px;color:#111;font-size:19px;line-height:1.5;text-decoration:none}
#footer .footer-company-links a::before{content:"・";position:absolute;left:0}
#footer .footer-nav li{margin-bottom:18px}
#footer .footer-nav a{display:inline-block;color:#111;font-size:16px;line-height:1.55;text-decoration:none;transition:opacity .2s ease}
#footer .footer-nav a:hover,#footer .footer-company-links a:hover{opacity:.55}
#footer .footer-right{display:flex;flex-direction:column}
#footer .footer-sns{display:flex;justify-content:flex-end;gap:14px;margin-top:55px}
#footer .footer-sns a{display:block}
#footer .footer-sns img{display:block;width:32px;height:32px;object-fit:contain;transition:opacity .2s ease}
#footer .footer-sns a:hover img{opacity:.6}
#footer .footer-copyright{width:calc(100% - 100px);max-width:1500px;margin:35px auto 0;padding:0;font-size:14px;line-height:1.5;text-align:right}
@media screen and (max-width:1100px){
  #contact-area{padding:60px 0}#contact-area .contact-inner{width:calc(100% - 50px);padding:35px 35px 45px}#contact-area .contact-heading{display:block;margin-bottom:35px}#contact-area .contact-title-wrap{margin-bottom:20px}#contact-area .contact-actions{grid-template-columns:1fr;gap:15px}#contact-area .contact-action{max-width:700px;width:100%;margin:0 auto}
  #footer{padding:60px 0 45px}#footer .footer-inner{grid-template-columns:repeat(2,1fr);gap:45px 50px;width:calc(100% - 60px)}#footer .footer-logo{width:280px;margin-bottom:25px}#footer .footer-company-links a{font-size:17px}#footer .footer-nav a{font-size:15px}#footer .footer-right{display:block}#footer .footer-sns{justify-content:flex-start;margin-top:35px}#footer .footer-copyright{width:calc(100% - 60px);margin-top:40px;font-size:13px}
}
@media screen and (max-width:600px){
  #sdi-footer-tools .list-tools{width:95%}#sdi-footer-tools .list-tools li{margin:5px}
  #contact-area{padding:45px 0}#contact-area .contact-inner{width:calc(100% - 30px);padding:30px 20px 35px}#contact-area .contact-title-wrap{display:block}#contact-area .contact-title-wrap h2{margin-bottom:5px;font-size:24px}#contact-area .contact-title-wrap span{font-size:14px}#contact-area .contact-lead{font-size:14px;line-height:1.8}#contact-area .contact-actions{gap:12px}
  #page-top{padding:20px}#page-top a{gap:12px;font-size:15px}#page-top .page-top-icon{width:30px;height:30px;font-size:11px}
  #footer{padding:45px 0 30px}#footer .footer-inner{display:block;width:calc(100% - 40px)}#footer .footer-company,#footer .footer-nav{margin-bottom:35px}#footer .footer-logo{width:230px;max-width:100%;margin-bottom:25px}#footer .footer-company-links li,#footer .footer-nav li{margin-bottom:12px}#footer .footer-company-links a{padding-left:12px;font-size:15px}#footer .footer-nav a{font-size:14px;line-height:1.6}#footer .footer-right{margin-bottom:0}#footer .footer-sns{justify-content:flex-start;gap:12px;margin-top:25px}#footer .footer-sns img{width:30px;height:30px}#footer .footer-copyright{width:calc(100% - 40px);margin-top:30px;font-size:12px;line-height:1.6;text-align:left}
}
