@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

:root { --hirai-navy:#0b2440; --hirai-blue:#1464d2; --hirai-ink:#1d3148; --hirai-muted:#64768b; --hirai-line:#dbe5ef; --hirai-pale:#f5f8fc; }
.home #header,.home .header-container,.home .navi,.home .logo-header,.home .site-name,.home .site-name-text,.home #navi { display:none !important; }
.hirai-site-header { display:block; height:78px; background:#fff; border-bottom:1px solid var(--hirai-line); position:relative; z-index:5; }
.hirai-header-inner { height:100%; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.hirai-brand { display:flex; align-items:center; gap:10px; color:var(--hirai-navy); font-size:19px; font-weight:800; letter-spacing:.08em; line-height:1.1; }
.hirai-brand small { display:block; margin-top:5px; font-size:8px; letter-spacing:.22em; color:var(--hirai-blue); }
.hirai-brand-mark { width:34px; height:34px; display:grid; place-items:center; border:2px solid var(--hirai-blue); color:var(--hirai-blue); font-size:16px; transform:rotate(45deg); }.hirai-brand-mark::first-letter{transform:rotate(-45deg)}
.hirai-nav { display:flex; gap:30px; margin-left:auto; }.hirai-nav a { color:var(--hirai-ink); font-size:13px; font-weight:700; }.hirai-header-contact { padding:12px 18px; color:#fff; background:var(--hirai-navy); font-size:12px; font-weight:700; }
.hirai-home { color:var(--hirai-ink); font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif; }
.hirai-wrap { width:min(1180px, calc(100% - 64px)); margin:auto; }
.hirai-hero { background:linear-gradient(115deg,#fff 0%,#fff 52%,#eef5fb 100%); padding:86px 0 124px; }
.hirai-hero-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:60px; align-items:center; }
.hirai-eyebrow { margin:0 0 16px; color:var(--hirai-blue); font-size:12px; font-weight:800; letter-spacing:.14em; }
.hirai-home h1,.hirai-home h2,.hirai-home h3 { color:var(--hirai-navy); }
.hirai-home h1 { margin:0 0 24px; font-size:clamp(42px,5vw,70px); line-height:1.2; letter-spacing:-.06em; }
.hirai-home h1 span { color:var(--hirai-blue); }
.hirai-lead,.hirai-section-lead { color:var(--hirai-muted); line-height:2; }
.hirai-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.hirai-button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 23px; border:1px solid #aebfd1; color:var(--hirai-navy); background:#fff; border-radius:3px; font-weight:700; font-size:13px; }
.hirai-button-primary { color:#fff; background:var(--hirai-navy); border-color:var(--hirai-navy); }
.hirai-hero-media { min-height:420px; position:relative; overflow:hidden; background:linear-gradient(145deg,#d9eaf7 0%,#f7f5ef 45%,#b6d2e5 100%); border-radius:4px; box-shadow:0 20px 50px rgba(11,36,64,.14); }
.hirai-hero-media img { width:100%; height:100%; min-height:420px; object-fit:cover; position:absolute; inset:0; }
.hirai-image-placeholder { min-height:420px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#58718a; gap:6px; position:relative; z-index:1; background:linear-gradient(135deg,transparent 0 38%,rgba(255,255,255,.45) 38% 39%,transparent 39% 64%,rgba(255,255,255,.45) 64% 65%,transparent 65%); }
.hirai-image-placeholder strong { color:var(--hirai-navy); font-size:18px; }
.hirai-proof-row { display:grid; grid-template-columns:repeat(3,1fr); margin-top:60px; border-top:1px solid var(--hirai-line); padding-top:25px; }
.hirai-proof-row div { padding-left:25px; border-left:1px solid var(--hirai-line); }.hirai-proof-row div:first-child{padding-left:0;border-left:0}.hirai-proof-row strong{display:block;font-size:25px;color:var(--hirai-navy)}.hirai-proof-row span{font-size:12px;color:var(--hirai-muted)}
.hirai-section { padding:105px 0; }.hirai-section h2,.hirai-cta h2 { margin:0 0 18px; font-size:clamp(30px,4vw,46px); line-height:1.4; letter-spacing:-.05em; }.hirai-section-lead{max-width:680px;margin-bottom:45px}.hirai-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hirai-line)}.hirai-card{min-height:200px;padding:30px;background:#fff}.hirai-card>span{color:var(--hirai-blue);font-size:12px;font-weight:800}.hirai-card h3{margin:24px 0 10px;font-size:18px}.hirai-card p{margin:0;color:var(--hirai-muted);font-size:13px;line-height:1.8}
.hirai-section-blue{background:var(--hirai-navy);color:#fff}.hirai-section-blue h2{color:#fff}.hirai-section-blue .hirai-eyebrow{color:#79b0f2}.hirai-flow{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:45px;color:#d4e3f3}.hirai-flow span{padding:15px 18px;border:1px solid #395572}.hirai-flow i{color:#77aef0;font-style:normal}.hirai-cta{padding:95px 0;text-align:center;background:#edf4fb}.hirai-cta p{color:var(--hirai-muted);margin-bottom:28px}
@media(max-width:800px){.hirai-wrap{width:calc(100% - 40px)}.hirai-nav{display:none}.hirai-header-contact{margin-left:auto}.hirai-hero{padding:60px 0 80px}.hirai-hero-grid{grid-template-columns:1fr;gap:35px}.hirai-hero-media,.hirai-hero-media img,.hirai-image-placeholder{min-height:330px}.hirai-card-grid{grid-template-columns:1fr}.hirai-section{padding:75px 0}.hirai-proof-row{grid-template-columns:1fr;gap:15px;margin-top:35px}.hirai-proof-row div{padding:0 0 0 15px;border-left:2px solid var(--hirai-blue)}.hirai-flow{gap:10px}.hirai-flow i{display:none}}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}