/*
Theme Name: Perfect Real Estate
Theme URI: https://perfect-real-estate-bihoro.yuu0811.chatgpt.site/
Author: Perfect Real Estate
Description: パーフェクト不動産のための、ガレージ・屋上付き新築住宅を訴求する1ページWordPressテーマ。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: perfect-real-estate
*/
:root{--ink:#111214;--paper:#f1f0ec;--line:#d2d0ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,'Yu Gothic',sans-serif}body.admin-bar .site-header{top:32px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{position:absolute;z-index:30;top:0;width:100%;height:92px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid #ffffff38}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.14em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid;font:23px Georgia}.brand b{display:block;font-size:14px;line-height:1}.brand small{display:block;margin-top:6px;font-size:8px;letter-spacing:.3em;opacity:.75}.nav{display:flex;align-items:center;gap:2.3vw;font-size:12px;letter-spacing:.08em}.nav a:not(.nav-contact){opacity:.82}.nav-contact{display:flex;align-items:center;gap:28px;padding:17px 21px;border:1px solid #ffffff9c}.menu-button{display:none;color:#fff;border:0;background:none;font-size:24px}.hero{position:relative;height:100svh;min-height:690px;color:#fff;overflow:hidden;background:#15202a}.hero-image{position:absolute;inset:0;background:center/cover no-repeat;animation:hero-in 1.7s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06090cc2 0%,#080b0e3d 54%,#080a0c0d),linear-gradient(0deg,#0406087a,transparent 48%)}.hero-copy{position:absolute;left:9vw;top:50%;transform:translateY(-40%)}.eyebrow{font-size:10px;letter-spacing:.3em;font-weight:bold;color:#e2e0da}.hero h1{margin:26px 0;font:400 clamp(50px,6.7vw,106px)/1.12 Georgia,'Yu Mincho',serif;letter-spacing:.02em}.hero h1 em{color:#d6c6a5;font-style:normal}.hero-lead{font:clamp(15px,1.25vw,20px)/2 'Yu Mincho',serif;letter-spacing:.14em}.scroll{position:absolute;left:4.5vw;bottom:38px;display:flex;gap:15px;align-items:center;font-size:9px;letter-spacing:.24em;writing-mode:vertical-rl}.hero-label{position:absolute;right:4.5vw;bottom:38px;text-align:right;font-size:9px;letter-spacing:.14em;line-height:1.7;opacity:.75}.section{max-width:1240px;margin:auto;padding:150px 6vw}.section-tag{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.24em;font-weight:bold}.section-tag span{padding:5px 8px;border:1px solid}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:70px}.intro h2,.works h2,.company h2,.contact h2,.dark-head h2{font:400 clamp(38px,5vw,72px)/1.45 Georgia,'Yu Mincho',serif;letter-spacing:.04em;margin:0}.intro-copy{padding-top:15px;font:15px/2.25 'Yu Mincho',serif}.intro-copy p{margin:0 0 24px}.manifesto{margin-top:150px;color:#dad8d2;font-size:clamp(48px,9vw,130px);font-weight:800;line-height:.86;letter-spacing:-.055em;white-space:nowrap}.manifesto i{color:var(--ink);font:400 1em Georgia}.strength-section{background:var(--ink);color:#eeede9}.dark-head{padding-bottom:95px}.dark-head h2{margin-top:50px}.strength-list{border-top:1px solid #ffffff2e}.strength{max-width:1240px;margin:auto;display:grid;grid-template-columns:.6fr 1.1fr 1.2fr;gap:6vw;padding:72px 6vw;border-bottom:1px solid #ffffff2e}.strength-num{color:#98999b;font-size:9px;letter-spacing:.18em}.strength-num b{display:block;color:#fff;margin-top:6px;font:400 45px Georgia}.strength h3{margin:0;font:400 clamp(24px,2.5vw,38px)/1.6 'Yu Mincho',serif}.strength p{margin:0;color:#aaa;font-size:13px;line-height:2.15}.works{display:grid;grid-template-columns:.72fr 1.2fr;gap:70px 9vw}.works-title h2{margin-top:55px}.works-title p{margin-top:40px;font-size:13px;line-height:2}.property{position:relative}.property-a{grid-row:span 2}.property-b{grid-column:1/2}.property-image{background-position:center;background-size:cover}.rooftop{height:760px}.garage{height:390px}.property-copy{margin-top:22px}.property-copy small{color:#777;letter-spacing:.2em}.property-copy h3{margin:10px 0;font-size:clamp(25px,3vw,44px);line-height:.94;letter-spacing:-.03em}.property-copy p{font:14px 'Yu Mincho',serif}.company{display:grid;grid-template-columns:1fr 1fr;gap:10vw;border-top:1px solid var(--line)}.company h2{margin-top:55px}.company dl{margin:0}.company dl div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.company dt{color:#777;font-size:11px}.company dd{margin:0;font-size:13px;line-height:1.8}.contact{display:grid;grid-template-columns:1fr 1fr;background:#d9d7d0}.contact-intro{padding:130px 7vw;background:#202225;color:#f4f3ef}.contact h2{margin-top:55px}.contact h2 i{color:#baa781}.contact-intro>p{color:#aaa;margin-top:38px;font-size:13px;line-height:2}.form-wrap{padding:120px 7vw}.form-wrap form{max-width:550px}.form-wrap label{display:block;margin-bottom:28px;font-size:12px;font-weight:bold}.form-wrap label span{margin-left:8px;color:#887650;font-size:9px}.form-wrap input:not([type=checkbox]),.form-wrap select,.form-wrap textarea{width:100%;border:0;border-bottom:1px solid #999;border-radius:0;background:transparent;padding:14px 2px;outline:none}.privacy{font-weight:normal!important}.privacy input{margin-right:8px}.submit{width:100%;margin-top:12px;padding:21px 24px;display:flex;justify-content:space-between;border:0;background:#111;color:#fff;cursor:pointer}.form-notice{max-width:550px;margin-bottom:28px;padding:18px;border:1px solid;font-size:13px;line-height:1.8}.form-notice.success{border-color:#71836b;background:#eef4eb}.form-notice.error{border-color:#a36d6d;background:#f6eaea}.hp-field{position:absolute!important;left:-9999px!important}footer{min-height:300px;padding:75px 6vw 35px;background:#0d0e0f;color:#fff;display:grid;grid-template-columns:1fr 1fr}.footer-address{justify-self:end;color:#888;font-size:11px;line-height:1.9}footer>p{grid-column:1/-1;align-self:end;margin:70px 0 0;color:#555;font-size:8px;letter-spacing:.15em}.floating-contact{display:none}@keyframes hero-in{from{transform:scale(1.06);opacity:.5}to{transform:scale(1);opacity:1}}
@media(max-width:800px){body.admin-bar .site-header{top:46px}.site-header{height:74px;padding:0 20px}.nav{display:none}.nav.open{display:flex;position:fixed;inset:74px 0 0;background:#111;flex-direction:column;align-items:stretch;padding:50px 30px;gap:0}.admin-bar .nav.open{inset:120px 0 0}.nav.open a{padding:20px 0;border-bottom:1px solid #333}.nav.open .nav-contact{margin-top:30px;padding:18px;justify-content:space-between}.menu-button{display:block}.hero{min-height:620px}.hero-image{background-position:64% center}.hero-copy{left:26px;top:48%}.hero h1{font-size:49px}.hero-lead{font-size:13px}.hero-label{display:none}.scroll{left:auto;right:20px}.section{padding:100px 24px}.intro-grid,.company{grid-template-columns:1fr;gap:45px}.intro-copy{font-size:13px}.manifesto{margin-top:90px;white-space:normal;font-size:57px}.dark-head{padding-bottom:60px}.strength{grid-template-columns:70px 1fr;padding:48px 24px;gap:20px}.strength p{grid-column:2}.works{display:block}.works-title{margin-bottom:65px}.property{margin-bottom:65px}.rooftop,.garage{height:440px}.company dl div{grid-template-columns:90px 1fr}.contact{grid-template-columns:1fr}.contact-intro,.form-wrap{padding:85px 24px}footer{grid-template-columns:1fr;gap:40px}.footer-address{justify-self:start}.floating-contact{position:fixed;z-index:20;display:flex;bottom:14px;right:14px;gap:25px;align-items:center;background:#b49e77;padding:17px 20px;font-size:10px;letter-spacing:.15em;box-shadow:0 8px 30px #0004}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none}}