/*
Theme Name: Missionline
Description: ミッションライン専用テーマ。化粧塩ビシート・Dボード・ガラスフィルムの事業紹介と会社情報。
Version: 1.2.0
Requires at least: 6.6
Requires PHP: 8.3
Text Domain: missionline
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--ink:#2b2a27;--muted:#6f6d67;--gold:#9d7c50;--paper:#fff;--line:#dcd8d0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.9}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}img{display:block;max-width:100%}header{height:98px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:18px 5%;position:relative;z-index:10;gap:30px}.brand{display:block;width:285px;background:transparent;padding:0}nav{display:flex;gap:30px;align-items:center;font-size:14px}nav>a:hover{color:var(--gold)}.nav-contact{background:var(--ink);color:#fff;padding:14px 25px;display:flex;gap:30px}.menu-toggle{display:none}.skip{position:absolute;top:-90px;z-index:99;padding:12px;background:#fff}.skip:focus{top:0}.hero{height:min(780px,82vw);min-height:590px;position:relative;overflow:hidden;color:#fff}.hero-photo,.hero-shade{position:absolute;inset:0}.hero-photo{background:url('assets/hero.png') center/cover;animation:breath 22s ease-in-out infinite alternate}.hero-shade{background:linear-gradient(90deg,rgba(18,20,19,.58),rgba(18,20,19,.1) 65%,transparent)}@keyframes breath{from{transform:scale(1)}to{transform:scale(1.055)}}.hero-content{position:relative;padding:8% 6%;max-width:900px}.eyebrow,.english,.section-label,.hero-foot,.other-service>span,.access>span,.contact-direct>a>span{letter-spacing:.18em;font-family:Georgia,"Times New Roman",serif;font-size:14px}.eyebrow{margin:0 0 22px;color:#e2d7c5}h1,h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500}h1{font-size:clamp(56px,6vw,90px);line-height:1.35;letter-spacing:.08em;margin:0 0 25px}.hero-description{font-size:18px;line-height:1.9;letter-spacing:.08em}.outline-button{display:inline-flex;border:1px solid #af9163;padding:14px 27px;gap:50px;font-size:14px;margin-top:24px}.outline-button:hover{background:rgba(255,255,255,.12)}.hero-foot{position:absolute;bottom:45px;left:6%;right:6%;display:flex;justify-content:space-between}.image-caption{position:absolute;bottom:12px;right:2%;font-size:12px;letter-spacing:.04em}.section{padding:100px 6%;max-width:1600px;margin:0 auto}.section-label{display:flex;align-items:center;gap:28px;margin-bottom:38px}.section-label i{height:1px;flex:1;background:#b0a99e}.heading-row{display:flex;justify-content:space-between;gap:50px;align-items:center;margin-bottom:48px}h2{font-size:clamp(30px,3.3vw,48px);letter-spacing:.05em;line-height:1.55;margin:0 0 35px}.heading-row h2{margin:0}.heading-row p{color:var(--muted);margin:0}h3{font-size:22px;font-weight:500;line-height:1.6}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.service-grid article{padding:36px 40px 30px 0;border-top:1px solid var(--line);position:relative}.service-grid article:last-child{border-left:1px solid var(--line);padding-left:45px}.service-feature{grid-column:1/-1;display:flex;align-items:center;gap:45px;background:#f6f4ef;padding:35px 40px!important;margin-bottom:35px;border:0!important}.number{font:30px Georgia,serif;color:var(--gold);display:block}.service-grid h3{margin:10px 0 15px}.service-grid p:not(.english){margin:0;color:var(--muted)}.english{color:var(--gold);font-size:12px;margin:12px 0}.material-lines{margin-left:auto;display:flex;gap:12px;transform:skewY(-10deg)}.material-lines span{width:25px;height:120px;background:#baa582}.material-lines span:nth-child(2){background:#7c7263}.material-lines span:nth-child(3){background:#d9d4c9}.other-service{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding-top:30px;margin-top:20px}.other-service>span{color:var(--gold);font-size:12px}.other-service h3{font-size:18px;margin:0}.other-service p{color:var(--muted);margin:0}.about{background:#f6f5f2;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.office-crop{overflow:hidden;aspect-ratio:1.3}.office-crop img{max-width:none;width:108%;height:114%;object-fit:cover;transform:translate(-3%,-5%)}.about-image>p{font-size:12px;color:var(--muted);margin:12px 0 0}.about-copy h2{margin:0 0 30px}.about-copy>p{color:var(--muted)}.area{display:flex;gap:30px;border-top:1px solid var(--line);padding-top:20px;margin-top:32px}.area span{font-size:14px;color:var(--muted)}.area strong{font-size:20px;font-weight:500}.company{max-width:1200px}.company dl{margin:0}.company dl>div{display:grid;grid-template-columns:210px 1fr;border-top:1px solid var(--line);padding:23px 0}.company dl>div:last-child{border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.access{display:flex;align-items:center;gap:40px;margin-top:35px}.access>span{color:var(--gold)}.access p{flex:1;font-size:14px}.access a{border-bottom:1px solid var(--ink);font-size:14px}.contact{background:#f6f5f2;max-width:none}.contact-direct{display:grid;grid-template-columns:1fr 1fr;margin:45px 0 70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-direct>a{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px;padding:30px 0}.contact-direct>a:last-child{border-left:1px solid var(--line);padding-left:40px}.contact-direct>a>span{width:100%;color:var(--gold);font-size:12px}.contact-direct strong{font-weight:400;font-size:clamp(18px,2.5vw,34px);letter-spacing:.03em;overflow-wrap:anywhere}.contact-direct small{font-size:12px}.form-layout{display:grid;grid-template-columns:1fr 1.65fr;gap:8%}.form-intro h3{margin:0 0 15px}.form-intro p{font-size:14px;color:var(--muted)}.preview-note{font-size:14px!important;color:#756045!important;background:#ede7dc;padding:16px;line-height:1.7}.field{margin-bottom:25px}.field label{display:block;font-size:14px;margin-bottom:8px}.field label span{font-size:12px;margin-left:15px;color:#876334}.field label .optional{color:var(--muted)}input:not([type=checkbox]),textarea,select{width:100%;border:1px solid #c9c3b8;padding:12px 14px;border-radius:0;background:#fff;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:2px solid var(--gold);outline-offset:2px}textarea{resize:vertical}.consent{display:flex;align-items:flex-start;gap:12px;font-size:14px;margin:30px 0}.consent input{width:18px;height:18px;margin-top:5px;accent-color:var(--gold)}.text-button{padding:0;background:none;border:0;border-bottom:1px solid currentColor;color:inherit;font-size:inherit}.submit{background:var(--ink);color:#fff;border:1px solid var(--ink);padding:15px 30px;display:flex;align-items:center;justify-content:space-between;gap:45px;font-size:14px}.submit:hover{background:#514a3e}footer{background:var(--ink);color:#ded8cc;padding:50px 6%;display:grid;grid-template-columns:1fr 1fr;gap:25px 40px;align-items:center}footer>img{width:300px}footer p{font-size:14px;margin:0}footer .text-button{justify-self:start;font-size:12px}footer small{font-size:12px}footer>a{justify-self:end;font-size:12px;grid-column:2;grid-row:3}.mobile-break{display:none}dialog{border:0;width:min(720px,92vw);max-height:85vh;padding:0;color:var(--ink)}dialog::backdrop{background:rgba(20,20,20,.6)}.dialog-inner{padding:35px}.dialog-inner h2{font-size:28px}.dialog-inner dl>div{padding:14px 0;border-bottom:1px solid var(--line)}.dialog-inner dd{white-space:pre-wrap}.dialog-actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px}.dialog-actions>button:first-child,#privacy-close{border:1px solid var(--line);background:#fff;padding:12px 20px}
@media(min-width:1600px){.hero-content{padding-top:110px}.hero{height:800px}}
@media(max-width:900px){header{height:82px;padding:14px 5%;gap:12px}.brand{width:220px}.menu-toggle{display:flex;gap:15px;border:0;background:none;font-size:14px;align-items:center}.menu-toggle span{font-size:25px}nav{display:none;position:absolute;left:0;right:0;top:82px;background:white;padding:24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{min-height:610px;height:78vh;max-height:850px}.hero-content{padding:80px 6%}.hero-photo{background-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(15,18,16,.68),rgba(15,18,16,.2))}.section{padding:65px 6%}.heading-row{align-items:flex-start;gap:25px}.heading-row p{font-size:14px}.about{gap:5%}.about-copy h2{font-size:30px}.about-copy>p{font-size:14px}.service-grid h3{font-size:20px}.other-service{flex-wrap:wrap;gap:12px 22px}.other-service p{width:100%;font-size:14px}.company dl>div{grid-template-columns:160px 1fr}.form-layout{grid-template-columns:1fr;gap:30px}.form-intro .preview-note{max-width:650px}.contact-direct>a:last-child{padding-left:25px}}
@media(max-width:600px){.brand{width:190px;padding:0}.hero-content{padding-top:70px}h1{font-size:58px}.hero-description{font-size:16px}.hero-foot{font-size:12px;bottom:40px}.heading-row{display:block}.heading-row p{margin-top:22px}.section-label{margin-bottom:28px;font-size:12px}.service-grid{display:block}.service-feature{gap:22px;padding:28px 20px!important}.material-lines{display:none}.service-feature .number{align-self:flex-start}.service-grid article{padding:28px 0}.service-grid article:last-child{border-left:0;padding-left:0}.service-grid p:not(.english){font-size:14px}.about{grid-template-columns:1fr;gap:35px}.about-image{order:2}.about-copy h2{font-size:34px}.company dl>div{grid-template-columns:1fr;gap:8px;padding:20px 0}.company dt{font-size:14px}.access{flex-wrap:wrap;gap:10px 20px}.access p{flex-basis:100%}.contact-direct{display:block;margin-bottom:40px}.contact-direct>a:last-child{border-left:0;border-top:1px solid var(--line);padding-left:0}.contact-direct strong{font-size:26px}.submit{width:100%}footer{grid-template-columns:1fr}footer img{width:250px}footer>a{grid-column:1;grid-row:auto;justify-self:start}.mobile-break{display:block}.dialog-inner{padding:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-photo{animation:none}}

[hidden]{display:none!important}

.hero-photo{background:none}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.form-slot{min-width:0}.wpcf7-form p{margin:0}.wpcf7-form .field{margin-bottom:25px}
.wpcf7-form .field label{margin-bottom:0}.wpcf7-form input:not([type=checkbox]),.wpcf7-form select,.wpcf7-form textarea{margin-top:8px}
.wpcf7-form .consent{display:block}.wpcf7-form .wpcf7-list-item{margin:0}.wpcf7-form .consent input{vertical-align:middle;margin-right:10px}
.wpcf7-form .submit{width:100%;margin-top:20px;cursor:pointer}.wpcf7-form .wpcf7-not-valid-tip{font-size:14px}
.wpcf7-form .wpcf7-response-output{font-size:14px;margin:20px 0;padding:16px}.content-page h1{color:var(--ink);font-size:36px}
.admin-bar header{margin-top:0}.content-page article{margin-bottom:50px}.office-crop img{width:100%;height:100%;transform:none;object-fit:cover}
@media(max-width:900px){.hero-photo img{object-position:58% center}}

.area-details{min-width:0}.area-details p{font-size:14px;color:var(--muted);margin:5px 0 0;line-height:1.8}
.contact-heading{max-width:700px}.contact-heading h2{margin:0}.heading-row .contact-note{font-size:14px;line-height:1.9;color:var(--muted);margin:18px 0 0;max-width:540px}
@media(max-width:600px){.contact-heading{max-width:100%}.area{gap:20px}.heading-row .contact-note{margin-top:16px}}

footer>a.privacy-policy-link{grid-column:1;grid-row:auto;justify-self:start;font-size:12px}