/*
Theme Name: 株式会社イハラ
Theme URI: https://k-ihara.co.jp/
Author: 株式会社イハラ
Description: 株式会社イハラの会社案内サイト用テーマ。トップページ、事業内容、会社概要を含みます。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ihara-theme
*/

:root{font-family:Arial,'Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;color:#e9edf0;background:#11191d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}header{height:76px;display:flex;align-items:center;border-bottom:1px solid #344047;background:#11191dec;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;letter-spacing:.08em}.mark{display:grid;place-items:center;background:#ef6037;color:#11191d;width:34px;height:34px;font-size:22px;font-weight:900}.nav{display:flex;align-items:center;gap:30px;font-size:14px}.nav a:hover,.textlink:hover{color:#fa7952}.tel{border:1px solid #eb6743;padding:12px 17px;font-weight:700;color:#ff8a68}.hero{min-height:640px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,#11191dfa 0%,#11191de8 35%,#11191d80 70%,#11191d40 100%),url('assets/images/ihara-welding.jpeg') center 38%/cover}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 99px,#ffffff08 100px),repeating-linear-gradient(0deg,transparent 0,transparent 99px,#ffffff08 100px);mask-image:linear-gradient(90deg,transparent,#000)}.hero:after{content:"IHARA";position:absolute;right:-2%;bottom:-11%;font-size:clamp(140px,24vw,370px);font-weight:900;letter-spacing:-.09em;color:#ffffff08;line-height:1;pointer-events:none}.hero .wrap{position:relative;z-index:1;padding:80px 0}.eyebrow,.section-kicker{font-size:13px;font-weight:800;color:#f17a55;letter-spacing:.22em;text-transform:uppercase}.hero h1{font-size:clamp(42px,6.2vw,84px);line-height:1.16;letter-spacing:.045em;margin:29px 0 28px}.hero h1 span{color:#f57951}.hero p{font-size:18px;line-height:2;color:#bec9ce;max-width:650px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:42px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;font-weight:700;background:#ee623d;color:#12191d}.btn.secondary{background:transparent;color:#fff;border:1px solid #647078}.btn:hover{filter:brightness(1.12)}.rail{border-top:1px solid #38444a;background:#192228}.rail .wrap{display:flex;gap:34px;padding:22px 0;color:#aebbc1;font-size:14px}.rail strong{color:#fff}section{padding:105px 0}.section-title{font-size:clamp(30px,4vw,48px);line-height:1.3;margin:14px 0 24px}.lead{font-size:17px;line-height:2;color:#bac6cb;max-width:700px}.services{background:#e8ecec;color:#162126}.services .lead{color:#526169}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:42px}.card{background:#fff;padding:0;overflow:hidden;border-top:4px solid #ef6b45}.card img{display:block;width:100%;height:250px;object-fit:cover}.card .card-body{padding:34px 44px 42px}.card .num{color:#e6623d;font-size:14px;font-weight:800;letter-spacing:.15em}.card h3{font-size:27px;margin:35px 0 18px}.card p{line-height:1.9;color:#526169;margin:0}.feature-image{width:100%;height:clamp(220px,31vw,400px);object-fit:cover;display:block}.about{background:#1b272d}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.statement{border-left:4px solid #ef6b45;padding:14px 0 14px 28px;font-size:clamp(25px,3vw,38px);line-height:1.55;font-weight:700}.detail{border-top:1px solid #465259}.detail div{display:grid;grid-template-columns:130px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid #465259}.detail dt{color:#aab7bd}.detail dd{margin:0;line-height:1.7}.contact{background:#ed633e;color:#192126}.contact .section-kicker{color:#522519}.contact .wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact p{font-size:17px;line-height:1.8}.contact .phone{font-size:clamp(30px,4vw,52px);font-weight:800;letter-spacing:.02em;white-space:nowrap}.contact small{display:block;font-size:14px;font-weight:400;letter-spacing:0;margin-bottom:6px}footer{padding:30px 0;background:#11191d;color:#9caaaf;font-size:13px}footer .wrap{display:flex;justify-content:space-between;gap:20px}@media(max-width:740px){header{height:67px}.brand{font-size:18px}.nav>a:not(.tel){display:none}.nav .tel{padding:10px;font-size:12px}.hero{min-height:620px}.hero .wrap{padding:72px 0}.hero p{font-size:16px}.rail .wrap{display:block;line-height:1.8}section{padding:72px 0}.cards,.about-grid{grid-template-columns:1fr;gap:20px}.card{min-height:0}.card img{height:220px}.card .card-body{padding:30px}.contact .wrap{display:block}.contact .phone{margin-top:34px}.detail div{grid-template-columns:95px 1fr}footer .wrap{display:block}footer .wrap span{display:block;margin-top:10px}}

.brand-logo{width:43px;height:43px;object-fit:contain;background:#fff;padding:3px}.cards{grid-template-columns:repeat(3,1fr)}.card img{height:215px}.card .card-body{padding:29px}.card h3{font-size:23px;margin:24px 0 14px}.card p{font-size:15px}.about .btn{margin-top:24px}.photo-strip{display:grid;grid-template-columns:2fr 1fr;height:clamp(260px,34vw,470px)}.photo-strip img{width:100%;height:100%;object-fit:cover;min-width:0}.photo-strip img:last-child{object-position:center}.company-hero{padding:95px 0 55px;background:#1b272d}.company-hero h1{font-size:clamp(36px,5vw,60px);margin:12px 0 20px}.company-page{background:#e8ecec;color:#162126}.company-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;align-items:start}.company-page .detail{border-color:#c7d0d3}.company-page .detail div{border-color:#c7d0d3}.company-page .detail dt{color:#637079}.company-page .detail a{color:#1c5f79;text-decoration:underline;text-underline-offset:4px}.company-note{max-width:800px;line-height:2;font-size:17px;color:#526169}.company-photo{width:100%;height:380px;object-fit:cover;display:block}.company-page .logo-panel{background:#fff;display:flex;align-items:center;justify-content:center;min-height:300px}.logo-panel img{max-width:230px;width:50%;height:auto}.back-link{display:inline-block;margin-top:32px;color:#ee623d;font-weight:700}@media(max-width:740px){.brand-logo{width:35px;height:35px}.cards,.company-layout{grid-template-columns:1fr}.photo-strip{height:260px;grid-template-columns:1.5fr 1fr}.company-hero{padding:65px 0 40px}.company-photo{height:260px}}

