/* ===== pages.css ===== */
@charset "utf-8";
/* ============================================================
   株式会社MORITA — 共通スタイル（静的書き出し版 / CMS組み込み用）
   ============================================================ */

/* ---- base reset ---- */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:"Zen Kaku Gothic New",-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif;color:#1A1A1A;background:#fff;line-height:1.85;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;margin:0;color:inherit}
span.line-chunk{display:inline-block;overflow-wrap:anywhere;word-break:normal}
:focus-visible{outline:3px solid #F2C200;outline-offset:3px}
section a,section button,footer a,footer button{transition:opacity .2s ease}
section a:hover,section button:hover,footer a:hover,footer button:hover{opacity:.78}

/* ---- keyframes ---- */
@keyframes kenburns{from{transform:scale(1.04)}to{transform:scale(1.16)}}
@keyframes heroUp{from{opacity:0;transform:translateY(46px)}to{opacity:1;transform:none}}
@keyframes scrollcue{0%{transform:translateY(0);opacity:.9}70%{opacity:.1}100%{transform:translateY(15px);opacity:0}}
@keyframes heroCharIn{from{opacity:0}to{opacity:1}}

/* ============================================================
   HEADER（共通）
   ============================================================ */
.site-header{position:fixed;top:0;left:0;right:0;z-index:120;background:#0B1D30;transition:background .4s ease,box-shadow .4s ease}
.site-header::after{content:"";position:absolute;inset:0;box-shadow:0 6px 28px rgba(0,0,0,.28);opacity:0;transition:opacity .4s ease;pointer-events:none}
.site-header.scrolled::after{opacity:1}
.header-inner{position:relative;max-width:1440px;margin:0 auto;padding:0 clamp(16px,4vw,48px);height:clamp(64px,8vw,86px);display:flex;align-items:center;justify-content:space-between;gap:20px}
.header-logo{display:flex;align-items:center;flex:none}
.header-logo img{height:clamp(28px,3.8vw,42px);width:auto;display:block}

/* home：ヒーロー上に重ねる透過ヘッダー（スクロールで濃紺に） */
body[data-page="home"] .site-header{background:transparent}
body[data-page="home"] .site-header::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(11,29,48,.62),rgba(11,29,48,0));pointer-events:none;transition:opacity .4s ease}
body[data-page="home"] .site-header.scrolled{background:#0B1D30}
body[data-page="home"] .site-header.scrolled::before{opacity:0}

/* desktop nav */
.desktop-nav{display:flex;align-items:center;gap:clamp(8px,1.4vw,22px)}
.nav-item{position:relative}
.nav-item>a{display:flex;align-items:center;gap:5px;color:#fff;font-weight:700;font-size:14px;letter-spacing:.02em;padding:10px 4px;white-space:nowrap;border-bottom:2px solid transparent}
.nav-item>a .caret{font-size:9px;opacity:.8}
.nav-item.active>a{color:#F2C200}
.nav-item.active.has-children>a{border-bottom-color:#F2C200}
.nav-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:10px;opacity:0;visibility:hidden;transition:opacity .18s ease}
.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{opacity:1;visibility:visible}
.nav-dropdown-inner{background:#0B1D30;border-top:3px solid #F2C200;min-width:180px;box-shadow:0 18px 40px rgba(0,0,0,.3);padding:8px 0}
.nav-dropdown-inner a{display:block;color:#fff;font-weight:500;font-size:14px;padding:11px 22px;white-space:nowrap}
.nav-dropdown-inner a:hover{/*color:#F2C200;*/text-decoration:underline;text-underline-offset:4px;opacity:1}
.header-tel{display:flex;flex-direction:column;align-items:flex-end;color:#fff;margin-left:6px;line-height:1.1}
.header-tel .num{font-family:'Anton',sans-serif;font-size:clamp(16px,2vw,21px);letter-spacing:.02em}
.header-tel .hours{font-size:10px;opacity:.8;font-weight:500}
.header-cta{background:#F2C200;color:#0B1D30;font-weight:900;font-size:14px;letter-spacing:.04em;padding:13px 22px;display:flex;align-items:center;gap:8px;transition:background .3s ease,gap .25s ease}
.header-cta:hover{background:#ffd633;gap:14px;opacity:1}

/* hamburger */
.hamburger{display:none;width:48px;height:48px;background:#F2C200;flex-direction:column;justify-content:center;align-items:center;gap:6px;flex:none}
.hamburger span{width:26px;height:2px;background:#0B1D30;display:block}

/* mobile menu */
.mobile-menu{display:none;position:fixed;inset:0;z-index:130;background:#0B1D30;overflow-y:auto;padding:18px clamp(18px,6vw,40px) 60px}
.mobile-menu.open{display:block}
.mm-top{display:flex;align-items:center;justify-content:space-between;height:48px;margin-bottom:18px}
.mm-logo{font-family:'Anton',sans-serif;color:#fff;font-size:30px;letter-spacing:.06em}
.mm-close{width:48px;height:48px;background:#F2C200;color:#0B1D30;font-size:30px;display:flex;align-items:center;justify-content:center}
.mm-item{border-bottom:1px solid rgba(255,255,255,.12)}
.mm-row{display:flex;align-items:stretch}
.mm-row>a{flex:1;color:#fff;font-weight:700;font-size:17px;padding:18px 4px;min-height:44px;display:flex;align-items:center}
.mm-acc-btn{width:56px;color:#F2C200;font-size:18px;display:flex;align-items:center;justify-content:center}
.mm-acc-btn .minus{display:none}
.mm-acc-btn[aria-expanded="true"] .plus{display:none}
.mm-acc-btn[aria-expanded="true"] .minus{display:inline}
.mm-panel{display:none;padding:0 0 14px 16px}
.mm-panel.open{display:block}
.mm-panel a{display:block;color:rgba(255,255,255,.82);font-size:15px;font-weight:500;padding:12px 8px;min-height:44px}
.mm-cta{margin-top:26px;background:#F2C200;color:#0B1D30;font-weight:900;font-size:17px;padding:18px;display:flex;align-items:center;justify-content:center;gap:8px}
.mm-tel{margin-top:14px;border:1px solid rgba(255,255,255,.3);color:#fff;padding:16px;display:flex;flex-direction:column;align-items:center;line-height:1.3}
.mm-tel .num{font-family:'Anton',sans-serif;font-size:26px;letter-spacing:.02em}
.mm-tel .hours{font-size:12px;opacity:.8}

/* header breakpoint: <1200px → モバイル */
@media (max-width:1199px){
  .desktop-nav{display:none}
  .hamburger{display:flex}
}

/* ============================================================
   reveal（スクロール出現）
   ============================================================ */
.reveal-init{opacity:0;transform:translateY(38px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}
.reveal-init.is-visible{opacity:1;transform:none}

/* ============================================================
   トップページ：JS算出していたレスポンシブ箇所をCSSで再現
   ============================================================ */
.reason-row{display:flex;flex-wrap:wrap;align-items:center}
@media (max-width:1024px){
  .reason-row{flex-direction:column}
  .reason-row>div{flex:1 1 auto !important;width:100%}
  .reason-photo{order:-1;aspect-ratio:3/2 !important}
  .issue-photo{aspect-ratio:4/3 !important}
}
/* works（左ステッキー＋右モザイク） */
.works-grid{display:grid;grid-template-columns:minmax(260px,330px) 1fr;gap:clamp(32px,5vw,72px);align-items:start}
.works-sticky{position:sticky;top:104px}
@media (max-width:1199px){
  .works-grid{grid-template-columns:1fr;gap:clamp(28px,5vw,40px)}
  .works-sticky{position:static}
}
/* 許可票 */
.permit-media{position:relative;z-index:2;margin:0 0 0 -64px}
@media (max-width:1199px){
  .permit-media{margin:-28px auto 0;width:min(96%,560px)}
}
/* hero ボタン */
.hero-btns{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:14px}
@media (max-width:599px){
  .hero-btns{display:grid;grid-template-columns:1fr;width:100%}
}

/* ============================================================
   FAQ アコーディオン
   ============================================================ */
.faq-item{border:1px solid rgba(27,58,91,.16);background:#fff}
.faq-q{width:100%;text-align:left;display:flex;align-items:center;gap:14px;padding:clamp(16px,2.4vw,22px) clamp(16px,2.5vw,26px);min-height:56px}
.faq-q .q-mark{font-family:'Anton',sans-serif;color:#1B3A5B;font-size:clamp(18px,2.6vw,24px);flex:none}
.faq-q .q-text{flex:1;font-weight:900;font-size:clamp(15px,2.2vw,18px);line-height:1.5;color:#1A1A1A}
.faq-q .q-icon{color:#1B3A5B;font-weight:900;font-size:22px;flex:none;transition:transform .25s ease}
.faq-q[aria-expanded="true"] .q-icon{transform:rotate(45deg)}
.faq-a{display:none;gap:14px;padding:0 clamp(16px,2.5vw,26px) clamp(18px,2.6vw,24px);background:#F4F6F8}
.faq-a.open{display:flex}
.faq-a .a-mark{font-family:'Anton',sans-serif;color:#F2C200;font-size:clamp(18px,2.6vw,24px);flex:none}
.faq-a .a-body{flex:1;font-size:clamp(16px,2.1vw,16px);line-height:1.85;color:#333;padding-top:clamp(14px,2vw,20px)}
.faq-a .a-body a{display:inline-flex;align-items:center;gap:6px;color:#1B3A5B;font-weight:900;border-bottom:2px solid #F2C200;margin-left:6px}

/* ============================================================
   CMS 動的セクション（Cuezilla）— add.css 相当
   ============================================================ */
/* NEWS帯 */
section[class*="design-parts-52"]{background:#fff;border-bottom:1px solid rgba(27,58,91,.12);padding:0}
[class*="design-parts-52"] .container{max-width:1320px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}
[class*="design-parts-52"] .content{display:flex;align-items:center;gap:clamp(14px,3vw,36px);flex-wrap:wrap;padding:14px 0}
[class*="design-parts-52"] h4.banner-area{margin:0;font-family:"Anton",sans-serif;font-weight:400;letter-spacing:.14em;font-size:14px;color:#fff;background:#1B3A5B;padding:9px 18px;line-height:1;flex:none}
[class*="design-parts-52"] ul.mb-0{list-style:none;margin:0;padding:0;flex:1 1 auto;min-width:0}
[class*="design-parts-52"] li a{display:flex;align-items:center;gap:clamp(12px,2.5vw,26px);min-height:48px;color:#1A1A1A;flex-wrap:wrap}
[class*="design-parts-52"] .parts-52-textarea{display:flex;align-items:center;gap:clamp(12px,2.5vw,26px);flex-wrap:wrap}
[class*="design-parts-52"] span.date{font-family:"Anton",sans-serif;letter-spacing:.06em;color:#1B3A5B;font-size:15px;flex:none}
[class*="design-parts-52"] span.d-inline-block{font-size:clamp(16px,2.4vw,16px);font-weight:500;color:#1A1A1A;overflow:hidden;text-overflow:ellipsis}
[class*="design-parts-52"] li a:hover span.d-inline-block{color:#1B3A5B;text-decoration:underline;text-underline-offset:4px}
/* BLOG カード */
section[class*="parts131415_blog"]{background:#F4F6F8;padding:clamp(72px,10vw,120px) clamp(20px,5vw,64px)}
[class*="parts131415_blog"] .container-lg{max-width:1240px;margin:0 auto}
[class*="parts131415_blog"] .parts131415_blog_title_wrap{margin:0 0 clamp(28px,4vw,48px)}
[class*="parts131415_blog"] .parts131415_blog_title_wrap h2{font-family:"Anton",sans-serif;font-weight:400;letter-spacing:.06em;font-size:clamp(40px,7.5vw,80px);color:#1B3A5B;line-height:1;margin:-0.18em 0 0}
[class*="parts131415_blog"] .parts131415_blog_title_wrap p{margin:8px 0 0;font-weight:700;color:#1B3A5B;letter-spacing:.04em;font-size:14px}
[class*="parts131415_blog"] .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(16px,2.5vw,32px)}
[class*="parts131415_blog"] .col{min-width:0}
[class*="parts131415_blog"] .card{background:#fff;border:0;border-radius:0;height:100%;display:flex;flex-direction:column;box-shadow:0 16px 40px rgba(11,29,48,.10);transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
[class*="parts131415_blog"] .col:hover .card{transform:translateY(-8px);box-shadow:0 26px 54px rgba(11,29,48,.20)}
[class*="parts131415_blog"] .card-body{padding:0;display:flex;flex-direction:column;flex:1}
[class*="parts131415_blog"] .card-body>a{display:flex;flex-direction:column;flex:1}
[class*="parts131415_blog"] .parts131415_blog_thumbnail{margin-top:auto;overflow:hidden}
[class*="parts131415_blog"] .parts131415_blog_thumbnail img,[class*="parts131415_blog"] .parts131415_blog_thumbnail image-slot{width:100%;height:240px;object-fit:cover;display:block}
[class*="parts131415_blog"] h5.card-title{order:0;margin:0;align-self:flex-start;font-weight:700;letter-spacing:.04em;font-size:13px;color:#fff;background:#1B3A5B;padding:7px 16px;line-height:1.4;text-align:left}
[class*="parts131415_blog"] p.card-text{margin:14px 22px 24px;font-weight:700;font-size:16px;line-height:1.6;color:#1A1A1A}

/* ===== 施工実績 一覧 parts228系 ===== */
.parts228_section{background:#fff;padding:clamp(48px,7vw,90px) clamp(20px,5vw,64px) clamp(72px,11vw,140px)}
.parts228_wrap{max-width:1240px;margin:0 auto}
.parts228_post_list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(20px,3vw,36px)}
.parts228_post_wrap{background:#fff;box-shadow:0 14px 34px rgba(11,29,48,.10);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.parts228_post_wrap:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(11,29,48,.18)}
.parts228_post_img{position:relative;overflow:hidden}
.parts228_post_img a{display:block}
.parts228_post_img img,.parts228_post_img image-slot{width:100%;height:240px;object-fit:cover;display:block}
.parts228_post_status{padding:16px 18px 0}
.parts228_post_date{font-family:"Anton",sans-serif;letter-spacing:.04em;color:#1B3A5B;font-size:14px}
.parts228_post_title-excerpt{padding:8px 18px 20px}
.parts228_post_title{margin:0;font-weight:700;font-size:clamp(15px,2.2vw,17px);line-height:1.6;color:#1A1A1A}
.parts-blog-ex-tag_wrap{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 18px;margin:0;list-style:none}
.parts-blog-ex_tag{background:#F4F6F8;color:#1B3A5B;font-size:12px;font-weight:700;padding:5px 12px}
.parts228_pagenation{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:clamp(40px,6vw,64px);list-style:none;padding:0}
.parts228_pagenation a,.parts228_pagenation span{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;font-weight:700;border:1px solid rgba(27,58,91,.3);color:#1B3A5B}
.parts228_pagenation .pagination_num.current{background:#1B3A5B;color:#fff;border-color:#1B3A5B}
.parts228_pagenation a:hover{background:#F4F6F8}

/* ===== 応募・問い合わせフォーム parts219系 ===== */
section.contact_section{background:#fff;padding:clamp(56px,8vw,100px) clamp(20px,5vw,64px)}
.parts219_section_form{max-width:760px;margin:0 auto}
.parts219_form_wrap dl{display:flex;flex-direction:column;gap:8px;margin:0 0 24px}
.parts219_form_wrap dt{font-weight:700;font-size:15px;color:#1A1A1A;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.parts219_form_wrap dd{margin:0}
.parts219_form_wrap .required{background:#F2C200;color:#1A1A1A;font-size:11px;font-weight:900;padding:3px 9px;letter-spacing:.04em}
.parts219_form_wrap input[type=text],.parts219_form_wrap input[type=email],.parts219_form_wrap input[type=tel],.parts219_form_wrap textarea{width:100%;font:inherit;font-size:16px;padding:13px 14px;border:1px solid #c7ccd2;background:#fff;color:#1A1A1A;border-radius:0}
.parts219_form_wrap input:focus,.parts219_form_wrap textarea:focus{outline:2px solid #1B3A5B;outline-offset:0;border-color:#1B3A5B}
.parts219_form_wrap textarea{min-height:160px;resize:vertical}
.parts219_form_wrap .form_address .zip-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.parts219_form_wrap .form_address input.zip{max-width:160px}
.parts219_form_wrap input[type=file]{font:inherit;font-size:14px}
.parts219_form_wrap .attention{display:block;font-size:12px;color:#c0392b;font-weight:500;margin-top:4px}
.parts219_form_wrap .error{color:#c0392b;font-size:13px;margin:6px 0 0}
.parts219_form_wrap .contact_submit{margin-top:8px}
.parts219_form_wrap .contact_submit input{font:inherit;font-weight:900;font-size:17px;color:#1A1A1A;background:#F2C200;border:0;padding:18px 48px;cursor:pointer;letter-spacing:.04em}
.parts219_form_wrap .contact_submit input:hover{background:#ffd633}
.tiktok-embed{margin:0 auto !important}

/* ===== ブログ一覧 parts222系 ===== */
.parts222_section{background:#fff;padding:clamp(48px,7vw,90px) clamp(20px,5vw,64px) clamp(72px,11vw,140px)}
.parts222_section>h2{max-width:1240px;margin:0 auto clamp(28px,4vw,44px);font-family:"Anton",sans-serif;font-weight:400;letter-spacing:.06em;font-size:clamp(36px,7vw,64px);color:#1B3A5B}
.parts222_wrap{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:clamp(36px,5vw,56px)}
.parts222_main{min-width:0}
.parts222_post_list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:clamp(20px,3vw,32px)}
.parts222_post_wrap{display:block;background:#fff;box-shadow:0 14px 34px rgba(11,29,48,.10);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.parts222_post_wrap:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(11,29,48,.18)}
.parts222_post_img{overflow:hidden}
.parts222_post_img img,.parts222_post_img image-slot{width:100%;height:200px;object-fit:cover;display:block}
.parts222_post_status{display:flex;align-items:center;gap:12px;padding:16px 18px 0}
.parts222_post_date{font-family:"Anton",sans-serif;letter-spacing:.04em;color:#1B3A5B;font-size:14px}
.parts222_post_category{background:#1B3A5B;color:#fff;font-size:11px;font-weight:700;padding:4px 10px}
.parts222_post_title-excerpt{padding:8px 18px 20px}
.parts222_post_title{margin:0;font-weight:700;font-size:clamp(15px,2.2vw,17px);line-height:1.6;color:#1A1A1A}
.parts222_pagenation{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:clamp(36px,5vw,56px);list-style:none;padding:0}
.parts222_pagenation a,.parts222_pagenation span{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;font-weight:700;border:1px solid rgba(27,58,91,.3);color:#1B3A5B}
.parts222_pagenation .pagination_num.current{background:#1B3A5B;color:#fff;border-color:#1B3A5B}
.parts222_sidebar{min-width:0}
.parts222_sidebar_wrap{margin-bottom:clamp(28px,4vw,40px)}
.parts222_sidebar_wrap>h3{margin:0 0 14px;background:#1B3A5B;color:#fff;font-size:15px;font-weight:900;padding:12px 16px;letter-spacing:.04em}
.parts222_sidebar_wrap ul{list-style:none;margin:0;padding:0}
.parts222_sidebar_wrap li{border-bottom:1px solid rgba(27,58,91,.14)}
.parts222_sidebar_wrap li a{display:block;padding:13px 6px;min-height:44px}
.parts222_sidebar_date{display:block;font-family:"Anton",sans-serif;color:#1B3A5B;font-size:12px;letter-spacing:.04em}
.parts222_sidebar_post_title{margin:2px 0 0;font-size:14px;font-weight:700;line-height:1.5;color:#1A1A1A}
.category_post_count li a{display:flex;align-items:center;justify-content:space-between;gap:10px}
.parts222_sidebar_post_category{margin:0;font-size:14px;font-weight:700;color:#1A1A1A}
.parts222_sidebar_post_category_count{flex:none;min-width:30px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(27,58,91,.3);color:#1B3A5B;font-size:12px;font-weight:700}
@media (min-width:992px){.parts222_wrap{grid-template-columns:1fr 300px}.parts222_post_list{grid-template-columns:1fr 1fr}}

/* ===== 導入文 parts210系 ===== */
.parts210_section_content{background:#fff;padding:clamp(48px,7vw,80px) clamp(20px,5vw,64px) 0}
.parts210_content_wrap{max-width:760px;margin:0 auto}
.parts210_content{font-size:clamp(15px,2.3vw,17px);line-height:1.9;color:#333}
/* ===== お問い合わせフォーム parts213系 ===== */
.parts213_section_form{max-width:760px;margin:0 auto}
.parts213_form_wrap dl{display:flex;flex-direction:column;gap:8px;margin:0 0 24px}
.parts213_form_wrap dt{font-weight:700;font-size:15px;color:#1A1A1A;display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.parts213_form_wrap dd{margin:0}
.parts213_form_wrap .required{background:#F2C200;color:#1A1A1A;font-size:11px;font-weight:900;padding:3px 9px;letter-spacing:.04em;flex:none}
.parts213_form_wrap input[type=text],.parts213_form_wrap input[type=email],.parts213_form_wrap textarea{width:100%;font:inherit;font-size:16px;padding:13px 14px;border:1px solid #c7ccd2;background:#fff;color:#1A1A1A;border-radius:0}
.parts213_form_wrap input:focus,.parts213_form_wrap textarea:focus{outline:2px solid #1B3A5B;outline-offset:0;border-color:#1B3A5B}
.parts213_form_wrap textarea{min-height:180px;resize:vertical}
.parts213_form_wrap .checkbox-group{display:flex;flex-wrap:wrap;gap:10px 22px}
.parts213_form_wrap .checkbox-group label{display:flex;align-items:center;gap:8px;font-weight:500;font-size:15px;min-height:44px;cursor:pointer}
.parts213_form_wrap .checkbox-group input{width:20px;height:20px;accent-color:#1B3A5B}
.parts213_form_wrap .form_text_dt .attention{display:block;flex-basis:100%;font-size:12px;color:#c0392b;font-weight:500;margin-top:4px}
.parts213_form_wrap .error{color:#c0392b;font-size:13px;margin:6px 0 0}
.parts213_form_wrap .contact_submit{margin-top:8px;text-align:center}
.parts213_form_wrap .contact_submit input{font:inherit;font-weight:900;font-size:17px;color:#1A1A1A;background:#F2C200;border:0;padding:18px 56px;cursor:pointer;letter-spacing:.04em}
.parts213_form_wrap .contact_submit input:hover{background:#ffd633}

/* ---- reduced motion ---- */
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}


/* ===== site-extra.override.css ===== */
/* ============================================================
   株式会社MORITA — 追補CSS（受領 pages.css の後ろに結合）
   受領デザインは pages.css で自己完結しているため、ここは
   CueZilla テーマ(Bootstrap)の地ならし＋固定ヘッダー対策＋
   システム定型ページ(送信完了/404)の最小装飾のみ。
   ※汎用 skin（cuezilla-skin.css）は本案件では不採用：
     skin の [class*="_post_wrap"] 等 !important が受領デザイン
     (parts222/228/213/219/131415/design-parts-52)を上書きして崩すため。
   ============================================================ */

/* --- R-18: 固定ヘッダー(.site-header position:fixed)分の上余白を
       CueZilla 描画のシステムページに確保。受領14ページは各page-heroで
       自前に余白確保済みのため影響しない。 --- */
:root{ --fixed-header-h:86px; }
@media (max-width:1199px){ :root{ --fixed-header-h:64px; } }

/* --- R-20: テーマ Bootstrap の素タグ/汎用クラスの打ち消し（実害限定） --- */
mark, .mark{ background-color:transparent !important; color:inherit !important; padding:0 !important; border-radius:0 !important; }
/*a:hover{ color:inherit; } */           /* 未指定リンクの Bootstrap 青化を防ぐ（!importantなし＝受領の個別ホバーが勝つ） */
/* --- R-24: tel: リンクは折り返さない --- */
a[href^="tel:"]{ white-space:nowrap; }

/* --- CueZilla 既定パンくず（受領ページは page-hero に自前パンくず内蔵のため
       原則オフ運用。万一表示される場合の最低限の体裁） --- */
.p-breadcrumb__inner{ list-style:none; max-width:1240px; margin:0 auto; padding:14px clamp(20px,5vw,64px); display:flex; flex-wrap:wrap; align-items:center; gap:.2em; font-size:13px; }
.p-breadcrumb__item{ display:inline-flex; align-items:center; color:#555; }
.p-breadcrumb__item a{ color:#1B3A5B; }
.p-breadcrumb__item + .p-breadcrumb__item::before{ content:"\203A"; margin:0 .6em; color:#bcc4cc; }
.p-breadcrumb meta{ display:none; }

/* --- システム定型ページ：送信完了(thanks)/404（templates/thanks.html・404.html、
       および CueZilla 既定 .not-found）。固定ヘッダー潜り込み防止＋トンマナ --- */
.thanks, .notfound{ max-width:760px; margin:0 auto; padding:calc(96px + var(--fixed-header-h,0px)) clamp(20px,5vw,64px) 96px; text-align:center; }
.not-found{ padding-top:calc(var(--fixed-header-h,0px) + 24px); }
.thanks__title, .notfound__title{ font-weight:900; color:#1A1A1A; font-size:clamp(1.8rem,5vw,2.6rem); line-height:1.3; margin-bottom:24px; }
.thanks__lead, .notfound__lead{ color:#333; line-height:2; margin-bottom:36px; }
.thanks__action a, .notfound__action a{ display:inline-flex; align-items:center; gap:8px; background:#F2C200; color:#0B1D30; font-weight:900; padding:16px 32px; }


/* ===== zz-inline.override.css ===== */
/* ============================================================
   インラインstyle 抽出（受領 _bodies/_partials の style="" を AddCss へ転記）
   .cz<N>.cz<N> の二重クラスで旧インライン相当の詳細度を維持。
   → pages.css の通常規則には勝ち、!important レスポンシブ指定には負ける（従来挙動を保存）。
   ============================================================ */
.cz1.cz1{background:#0B1D30;color:#fff;padding:clamp(56px,8vw,90px) clamp(20px,5vw,64px) 0}
.cz2.cz2{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(36px,5vw,64px)}
.cz3.cz3{height:38px;width:auto;margin-bottom:18px}
.cz4.cz4{margin:0;font-size:14px;line-height:1.9;color:rgba(255,255,255,.78)}
.cz5.cz5{margin:16px 0 0;font-size:13px;color:rgba(255,255,255,.55)}
.cz6.cz6{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px}
.cz7.cz7{font-size:14px;font-weight:500;color:rgba(255,255,255,.82);padding:11px 0;min-height:44px;display:flex;align-items:center}
.cz8.cz8{background:#F2C200;color:#0B1D30;font-weight:900;padding:16px;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:14px}
.cz9.cz9{border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:700;padding:15px;display:flex;align-items:center;justify-content:center;gap:8px}
.cz10.cz10{max-width:1240px;margin:clamp(40px,6vw,64px) auto 0;border-top:1px solid rgba(255,255,255,.12);padding:20px 0;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}
.cz11.cz11{font-size:13px;color:rgba(255,255,255,.7)}
.cz12.cz12{font-size:12px;color:rgba(255,255,255,.5)}
.cz13.cz13{position: relative; height: 100svh; min-height: 560px; max-height: 1040px; background: rgb(11, 29, 48); overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end}
.cz14.cz14{position: absolute; inset: 0px; animation: 18s ease-out 0s 1 normal forwards running kenburns}
.cz15.cz15{width: 100%; height: 100%; object-fit: cover; display: block}
.cz16.cz16{position: absolute; inset: 0px; background: linear-gradient(105deg, rgba(11, 29, 48, 0.9) 0%, rgba(11, 29, 48, 0.66) 42%, rgba(11, 29, 48, 0.2) 76%, rgba(11, 29, 48, 0.06) 100%)}
.cz17.cz17{position: absolute; inset: 0px; background: linear-gradient(to top, rgba(11, 29, 48, 0.9), rgba(11, 29, 48, 0) 48%)}
.cz18.cz18{position: absolute; top: 0px; right: clamp(-20px, 2vw, 60px); bottom: 0px; display: flex; align-items: center; pointer-events: none}
.cz19.cz19{font-family: Anton, sans-serif; writing-mode: vertical-rl; font-size: clamp(60px, 16vw, 200px); letter-spacing: 0.08em; color: rgba(255, 255, 255, 0.06); line-height: 1}
.cz20.cz20{position: relative; width: 100%; max-width: 1440px; margin: 0px auto; padding: clamp(96px, 15vw, 150px) clamp(20px, 5vw, 64px) clamp(64px, 13vh, 150px)}
.cz21.cz21{max-width: 1060px}
.cz22.cz22{opacity: 0; animation: 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) 0.15s 1 normal forwards running heroUp; display: inline-flex; align-items: center; gap: 12px; margin-bottom: clamp(22px, 3.5vw, 36px)}
.cz23.cz23{width: clamp(24px, 4vw, 44px); height: 2px; background: rgba(255, 255, 255, 0.7); display: block}
.cz24.cz24{color: rgba(255, 255, 255, 0.82); font-weight: 700; font-size: clamp(11px, 2vw, 14px); letter-spacing: 0.16em}
.cz25.cz25{margin: 0px; color: rgb(255, 255, 255); font-weight: 900; font-size: clamp(1.65rem, 5.2vw, 5.7rem); line-height: 1.16; letter-spacing: 0.01em; text-shadow: rgba(0, 0, 0, 0.4) 0px 2px 40px}
.cz26.cz26{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 0.45s 1 normal forwards running heroCharIn}
.cz27.cz27{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 0.51s 1 normal forwards running heroCharIn}
.cz28.cz28{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 0.57s 1 normal forwards running heroCharIn}
.cz29.cz29{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 0.63s 1 normal forwards running heroCharIn}
.cz30.cz30{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 0.69s 1 normal forwards running heroCharIn}
.cz31.cz31{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 0.75s 1 normal forwards running heroCharIn}
.cz32.cz32{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 0.81s 1 normal forwards running heroCharIn}
.cz33.cz33{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 0.87s 1 normal forwards running heroCharIn}
.cz34.cz34{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 0.93s 1 normal forwards running heroCharIn}
.cz35.cz35{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 0.99s 1 normal forwards running heroCharIn}
.cz36.cz36{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 1.05s 1 normal forwards running heroCharIn}
.cz37.cz37{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 1.11s 1 normal forwards running heroCharIn}
.cz38.cz38{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 1.17s 1 normal forwards running heroCharIn}
.cz39.cz39{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 1.23s 1 normal forwards running heroCharIn}
.cz40.cz40{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 1.29s 1 normal forwards running heroCharIn}
.cz41.cz41{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 1.35s 1 normal forwards running heroCharIn}
.cz42.cz42{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 1.41s 1 normal forwards running heroCharIn}
.cz43.cz43{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 1.47s 1 normal forwards running heroCharIn}
.cz44.cz44{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 1.53s 1 normal forwards running heroCharIn}
.cz45.cz45{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 1.59s 1 normal forwards running heroCharIn}
.cz46.cz46{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 1.65s 1 normal forwards running heroCharIn}
.cz47.cz47{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 1.71s 1 normal forwards running heroCharIn}
.cz48.cz48{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 1.77s 1 normal forwards running heroCharIn}
.cz49.cz49{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 1.83s 1 normal forwards running heroCharIn}
.cz50.cz50{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 1.89s 1 normal forwards running heroCharIn}
.cz51.cz51{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 1.95s 1 normal forwards running heroCharIn}
.cz52.cz52{color: rgb(255, 255, 255); opacity: 0; animation: 0.5s ease 2.01s 1 normal forwards running heroCharIn}
.cz53.cz53{opacity: 0; animation: 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) 0.5s 1 normal forwards running heroUp; margin: clamp(20px, 3vw, 30px) 0px 0px; color: rgba(255, 255, 255, 0.7); font-size: clamp(16px, 1.9vw, 17px); font-weight: 500; max-width: 560px; line-height: 1.8}
.cz54.cz54{opacity: 0; animation: 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) 0.65s 1 normal forwards running heroUp; margin-top: clamp(30px, 4.5vw, 44px)}
.cz55.cz55{background: rgb(242, 194, 0); color: rgb(11, 29, 48); font-weight: 900; font-size: clamp(15px, 2.2vw, 17px); padding: 17px 30px; display: flex; width: 100%; justify-content: center; align-items: center; gap: 10px}
.cz56.cz56{border: 2px solid rgba(255, 255, 255, 0.55); color: rgb(255, 255, 255); font-weight: 700; font-size: clamp(15px, 2.2vw, 17px); padding: 15px 26px; display: flex; width: 100%; justify-content: center; align-items: center; gap: 10px}
.cz57.cz57{position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 6px; color: rgba(255, 255, 255, 0.6)}
.cz58.cz58{font-family: Anton, sans-serif; font-size: 10px; letter-spacing: 0.2em}
.cz59.cz59{width: 1px; height: 34px; background: rgba(255, 255, 255, 0.35); position: relative; overflow: hidden}
.cz60.cz60{position: absolute; top: 0px; left: 0px; width: 1px; height: 14px; background: rgb(255, 255, 255); animation: 1.8s ease-in-out 0s infinite normal none running scrollcue}
.cz61.cz61{position: relative; background: rgb(255, 255, 255); padding: clamp(76px, 12vw, 150px) clamp(20px, 5vw, 64px) clamp(60px, 9vw, 120px); overflow: hidden}
.cz62.cz62{position: relative; max-width: 1240px; margin: 0px auto}
.cz63.cz63{max-width: 780px; margin-bottom: clamp(32px, 5vw, 56px)}
.cz64.cz64{display: flex; align-items: center; gap: 12px; margin-bottom: 16px}
.cz65.cz65{font-family: Anton, sans-serif; color: rgb(27, 58, 91); font-size: 13px; letter-spacing: 0.16em}
.cz66.cz66{width: 46px; height: 2px; background: rgb(27, 58, 91); display: block}
.cz67.cz67{margin: 0px; font-weight: 900; font-size: clamp(1.7rem, 4.6vw, 3rem); line-height: 1.4; color: rgb(26, 26, 26)}
.cz68.cz68{margin: clamp(20px, 3vw, 28px) 0px 0px; font-size: clamp(16px, 2.4vw, 19px); font-weight: 700; color: rgb(27, 58, 91); line-height: 1.7}
.cz69.cz69{display: flex; flex-wrap: wrap; gap: clamp(20px, 3vw, 44px)}
.cz70.cz70{flex: 1 1 340px; min-width: 0px; display: flex; flex-direction: column; gap: clamp(28px, 4vw, 56px)}
.cz71.cz71{margin: 0px}
.cz72.cz72{position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; background: rgb(244, 246, 248)}
.cz73.cz73{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; display: block}
.cz74.cz74{display: flex; gap: 14px; align-items: flex-start; margin-top: 16px}
.cz75.cz75{font-family: Anton, sans-serif; color: rgb(27, 58, 91); font-size: clamp(28px, 4vw, 46px); line-height: 0.8; flex: 0 0 auto}
.cz76.cz76{font-size: clamp(15px, 2.2vw, 19px); font-weight: 700; line-height: 1.55; padding-top: 4px}
.cz77.cz77{position: relative; width: 100%; aspect-ratio: 3 / 4; overflow: hidden; background: rgb(244, 246, 248)}
.cz78.cz78{flex: 1 1 340px; min-width: 0px; margin-top: clamp(0px, 6vw, 72px); display: flex; flex-direction: column; gap: clamp(28px, 4vw, 56px)}
.cz79.cz79{position: relative; background: rgb(244, 246, 248); padding: clamp(72px, 11vw, 150px) 0px; overflow: hidden}
.cz80.cz80{text-align: center; margin-bottom: clamp(44px, 7vw, 84px); padding: 0px clamp(20px, 5vw, 64px)}
.cz81.cz81{display: inline-flex; align-items: center; gap: 12px; margin-bottom: 14px}
.cz82.cz82{margin: 0px; font-weight: 900; font-size: clamp(1.9rem, 5.2vw, 3.4rem); line-height: 1.3}
.cz83.cz83{color: rgb(27, 58, 91)}
.cz84.cz84{margin: 14px 0px 0px; font-size: clamp(15px, 2.3vw, 18px); color: rgb(68, 68, 68); font-weight: 500}
.cz85.cz85{max-width: 1180px; margin: 0px auto; padding: 0px clamp(20px, 5vw, 64px); display: flex; flex-direction: column}
.cz86.cz86{display: flex; flex-wrap: wrap; gap: clamp(24px, 4.5vw, 64px); align-items: center}
.cz87.cz87{flex: 1 1 44%; min-width: 0px}
.cz88.cz88{display: flex; align-items: baseline; gap: 12px; margin-bottom: 4px}
.cz89.cz89{font-family: Anton, sans-serif; color: rgb(27, 58, 91); font-size: 13px; letter-spacing: 0.14em}
.cz90.cz90{font-weight: 900; font-size: clamp(18px, 2.8vw, 24px); color: rgb(27, 58, 91)}
.cz91.cz91{display: flex; align-items: flex-end; gap: 10px; margin: 0px 0px 14px}
.cz92.cz92{font-family: Anton, sans-serif; color: rgb(242, 194, 0); font-size: clamp(72px, 14vw, 150px); line-height: 0.74; letter-spacing: 0.01em}
.cz93.cz93{font-weight: 900; color: rgb(27, 58, 91); font-size: clamp(22px, 3.4vw, 34px); padding-bottom: clamp(8px, 1.4vw, 18px)}
.cz94.cz94{font-weight: 700; color: rgb(26, 26, 26); opacity: 0.6; font-size: clamp(13px, 2vw, 16px); padding-bottom: clamp(12px, 1.8vw, 22px)}
.cz95.cz95{margin: 0px 0px 12px; font-weight: 900; font-size: clamp(17px, 2.6vw, 23px); line-height: 1.5; color: rgb(26, 26, 26)}
.cz96.cz96{margin: 0px; font-size: clamp(16px, 2.1vw, 16px); line-height: 1.9; color: rgb(51, 51, 51); max-width: 540px}
.cz97.cz97{flex: 1 1 40%; min-width: 0px; position: relative; width: 100%; aspect-ratio: 3 / 4; overflow: hidden; background: rgb(255, 255, 255)}
.cz98.cz98{display: flex; flex-wrap: wrap; gap: clamp(24px, 4.5vw, 64px); align-items: center; border-top: 1px solid rgba(27, 58, 91, 0.14); padding-top: clamp(40px, 7vw, 84px); margin-top: clamp(40px, 7vw, 84px)}
.cz99.cz99{flex: 1 1 56%; min-width: 0px; position: relative; width: 100%; aspect-ratio: 3 / 2; overflow: hidden; background: rgb(11, 29, 48)}
.cz100.cz100{flex: 1 1 36%; min-width: 0px}
.cz101.cz101{display: flex; align-items: flex-end; gap: 10px; margin: 0px 0px 4px}
.cz102.cz102{font-weight: 900; color: rgb(27, 58, 91); font-size: clamp(26px, 4vw, 40px); padding-bottom: clamp(10px, 2vw, 24px)}
.cz103.cz103{margin: 0px 0px 14px; font-weight: 900; color: rgb(27, 58, 91); font-size: clamp(16px, 2.2vw, 18px); letter-spacing: 0.02em}
.cz104.cz104{margin-top: 18px; background: rgb(242, 194, 0); color: rgb(11, 29, 48); font-weight: 900; font-size: clamp(16px, 2.2vw, 16px); padding: 14px 24px; display: inline-flex; align-items: center; gap: 10px}
.cz105.cz105{flex: 1 1 46%; min-width: 0px}
.cz106.cz106{display: flex; align-items: baseline; gap: 12px; margin-bottom: 14px}
.cz107.cz107{display: inline-flex; align-items: center; gap: 12px; background: rgb(11, 29, 48); padding: clamp(14px, 2.4vw, 24px) clamp(18px, 3vw, 30px); margin: 0px 0px 16px}
.cz108.cz108{font-family: Anton, sans-serif; color: rgb(242, 194, 0); font-size: clamp(60px, 11vw, 128px); line-height: 0.9; letter-spacing: 0.01em}
.cz109.cz109{display: flex; flex-direction: column; justify-content: center}
.cz110.cz110{color: rgb(255, 255, 255); font-weight: 900; font-size: clamp(16px, 2.4vw, 22px); line-height: 1.1}
.cz111.cz111{color: rgba(255, 255, 255, 0.7); font-weight: 700; font-size: clamp(11px, 1.7vw, 13px); letter-spacing: 0.06em; margin-top: 4px; white-space: nowrap}
.cz112.cz112{flex: 1 1 40%; min-width: 0px; position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; background: rgb(255, 255, 255)}
.cz113.cz113{position: relative; background: rgb(255, 255, 255); padding: clamp(76px, 11vw, 150px) clamp(20px, 5vw, 64px); overflow: hidden}
.cz114.cz114{position: relative; z-index: 1; max-width: 1180px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 0px; align-items: center}
.cz115.cz115{position: relative; z-index: 1; background: rgb(27, 58, 91); color: rgb(255, 255, 255); padding: clamp(30px, 4vw, 56px)}
.cz116.cz116{font-family: Anton, sans-serif; color: rgb(255, 255, 255); font-size: 13px; letter-spacing: 0.16em}
.cz117.cz117{width: 46px; height: 2px; background: rgba(255, 255, 255, 0.5); display: block}
.cz118.cz118{margin: 0px; font-weight: 900; font-size: clamp(1.35rem, 3.4vw, 2.2rem); line-height: 1.5}
.cz119.cz119{overflow-wrap: normal; word-break: keep-all}
.cz120.cz120{margin: clamp(26px, 4vw, 38px) 0px 0px; display: flex; flex-direction: column; gap: 18px}
.cz121.cz121{border-left: 4px solid rgba(255, 255, 255, 0.5); padding-left: 18px}
.cz122.cz122{font-size: 13px; color: rgba(255, 255, 255, 0.7); font-weight: 700; letter-spacing: 0.06em}
.cz123.cz123{margin: 4px 0px 0px; font-size: clamp(17px, 2.6vw, 22px); font-weight: 900}
.cz124.cz124{margin: 4px 0px 0px; font-size: clamp(16px, 2.4vw, 20px); font-weight: 900}
.cz125.cz125{position: relative; z-index: 2}
.cz126.cz126{background: rgb(255, 255, 255); padding: clamp(10px, 1.5vw, 16px); box-shadow: rgba(11, 29, 48, 0.4) 0px 36px 80px; transform: rotate(-1.4deg)}
.cz127.cz127{width: 100%; height: auto; display: block}
.cz128.cz128{position: relative; background: rgb(244, 246, 248); padding: clamp(72px, 11vw, 150px) 0px clamp(80px, 11vw, 160px)}
.cz129.cz129{max-width: 1280px; margin: 0px auto; padding: 0px clamp(20px, 5vw, 64px)}
.cz130.cz130{display: flex; align-items: center; gap: 12px; margin-bottom: 14px}
.cz131.cz131{margin: 0px; font-weight: 900; font-size: clamp(1.9rem, 5vw, 3.4rem); line-height: 1.25; color: rgb(26, 26, 26)}
.cz132.cz132{margin: 14px 0px 0px; font-size: clamp(15px, 2.3vw, 18px); color: rgb(68, 68, 68); font-weight: 500; line-height: 1.8}
.cz133.cz133{margin-top: 24px; background: rgb(242, 194, 0); color: rgb(11, 29, 48); font-weight: 900; font-size: clamp(16px, 2.2vw, 16px); padding: 16px 28px; display: inline-flex; align-items: center; gap: 10px}
.cz134.cz134{display: flex; flex-direction: column; gap: clamp(10px, 1.4vw, 16px)}
.cz135.cz135{position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; background: rgb(255, 255, 255)}
.cz136.cz136{display: grid; grid-template-columns: 1fr 1fr; gap: clamp(10px, 1.4vw, 16px)}
.cz137.cz137{position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; background: rgb(255, 255, 255)}
.cz138.cz138{position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: rgb(255, 255, 255)}
.cz139.cz139{position: relative; background: rgb(255, 255, 255); padding: clamp(72px, 11vw, 140px) clamp(20px, 5vw, 64px); overflow: hidden}
.cz140.cz140{max-width: 1240px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 330px), 1fr)); gap: clamp(40px, 6vw, 72px)}
.cz141.cz141{position: relative; padding-bottom: clamp(40px, 6vw, 64px)}
.cz142.cz142{position: relative; width: 100%; aspect-ratio: 3 / 2; overflow: hidden}
.cz143.cz143{position: relative; z-index: 2; display: block; background: rgb(255, 255, 255); box-shadow: rgba(11, 29, 48, 0.16) 0px 30px 70px; margin: clamp(-44px, -5vw, -24px) clamp(0px, 3vw, 28px) 0px; padding: clamp(24px, 3vw, 36px)}
.cz144.cz144{font-family: Anton, sans-serif; color: rgb(27, 58, 91); font-size: clamp(11px, 2vw, 14px); letter-spacing: 0.14em}
.cz145.cz145{margin: 6px 0px 12px; font-weight: 900; font-size: clamp(1.5rem, 3.6vw, 2.3rem); line-height: 1.25; color: rgb(26, 26, 26)}
.cz146.cz146{margin: 0px; font-size: clamp(16px, 2.2vw, 16px); line-height: 1.8; color: rgb(68, 68, 68)}
.cz147.cz147{margin-top: 16px; display: inline-flex; align-items: center; gap: 10px; font-weight: 900; font-size: clamp(16px, 2.2vw, 16px); color: rgb(27, 58, 91)}
.cz148.cz148{position: relative; overflow: hidden; background: rgb(11, 29, 48)}
.cz149.cz149{position: absolute; inset: 0px; background: linear-gradient(100deg, rgba(11, 29, 48, 0.94), rgba(11, 29, 48, 0.58) 58%, rgba(11, 29, 48, 0.28))}
.cz150.cz150{position: relative; max-width: 1240px; margin: 0px auto; padding: clamp(72px, 10vw, 130px) clamp(20px, 5vw, 64px); color: rgb(255, 255, 255)}
.cz151.cz151{font-family: Anton, sans-serif; color: rgba(255, 255, 255, 0.7); font-size: clamp(12px, 2vw, 15px); letter-spacing: 0.16em}
.cz152.cz152{margin: 10px 0px 0px; font-weight: 900; font-size: clamp(2rem, 6vw, 4.2rem); line-height: 1.15}
.cz153.cz153{margin: clamp(18px, 3vw, 28px) 0px 0px; font-size: clamp(15px, 2.4vw, 19px); font-weight: 700; max-width: 560px; color: rgba(255, 255, 255, 0.92)}
.cz154.cz154{display: flex; flex-wrap: wrap; gap: clamp(20px, 4vw, 60px); margin: clamp(28px, 4vw, 44px) 0px 0px}
.cz155.cz155{display: flex; flex-direction: column; align-items: flex-start}
.cz156.cz156{display: flex; align-items: flex-end; gap: 6px}
.cz157.cz157{font-family: Anton, sans-serif; font-size: clamp(56px, 12vw, 116px); color: rgb(242, 194, 0); line-height: 0.8}
.cz158.cz158{font-weight: 900; font-size: clamp(18px, 2.6vw, 26px); padding-bottom: clamp(6px, 1.4vw, 12px)}
.cz159.cz159{opacity: 0.75; font-weight: 700; font-size: 13px; margin-top: 2px}
.cz160.cz160{margin-top: clamp(28px, 4vw, 40px); background: rgb(242, 194, 0); color: rgb(11, 29, 48); font-weight: 900; font-size: clamp(15px, 2.2vw, 17px); padding: 17px 30px; display: inline-flex; align-items: center; gap: 10px}
.cz161.cz161{width: 100%; height: 240px}
.cz162.cz162{position: relative; background: rgb(27, 58, 91); color: rgb(255, 255, 255); padding: clamp(64px, 9vw, 120px) clamp(20px, 5vw, 64px); overflow: hidden; text-align: center}
.cz163.cz163{position: absolute; bottom: clamp(8px, 2vw, 20px); right: clamp(8px, 2vw, 24px); font-family: Anton, sans-serif; font-size: clamp(54px, 12vw, 150px); color: rgba(255, 255, 255, 0.06); line-height: 0.8; max-width: 100%; overflow: hidden}
.cz164.cz164{position: relative; max-width: 760px; margin: 0px auto}
.cz165.cz165{font-family: Anton, sans-serif; color: rgb(255, 255, 255); font-size: clamp(12px, 2vw, 15px); letter-spacing: 0.16em}
.cz166.cz166{margin: 12px 0px 0px; font-weight: 900; font-size: clamp(1.8rem, 5vw, 3.2rem); line-height: 1.35}
.cz167.cz167{margin: 18px 0px 0px; font-size: clamp(15px, 2.4vw, 18px); color: rgba(255, 255, 255, 0.85)}
.cz168.cz168{display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; margin-top: clamp(28px, 4vw, 42px)}
.cz169.cz169{background: rgb(242, 194, 0); color: rgb(11, 29, 48); font-weight: 900; font-size: clamp(16px, 2.4vw, 18px); padding: 18px 36px; display: flex; justify-content: center; align-items: center; gap: 10px; width: 300px; max-width: 100%}
.cz170.cz170{border: 2px solid rgba(255, 255, 255, 0.5); color: rgb(255, 255, 255); font-weight: 700; padding: 14px 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 1.2; width: 300px; max-width: 100%}
.cz171.cz171{font-family: Anton, sans-serif; font-size: clamp(22px, 4vw, 30px); letter-spacing: 0.02em}
.cz172.cz172{font-size: 12px; opacity: 0.85}
.cz173.cz173{position: relative; background: rgb(11, 29, 48); color: rgb(255, 255, 255); overflow: hidden; padding: calc(clamp(64px, 8vw, 86px) + clamp(52px, 8vw, 96px)) clamp(20px, 5vw, 64px) clamp(52px, 8vw, 96px)}
.cz174.cz174{position: absolute; inset: 0px; background: linear-gradient(105deg, rgba(11, 29, 48, 0.92), rgba(11, 29, 48, 0.66) 60%, rgba(11, 29, 48, 0.4))}
.cz175.cz175{font-size: 13px; color: rgba(255, 255, 255, 0.7); margin-bottom: 18px}
.cz176.cz176{color: rgba(255, 255, 255, 0.7)}
.cz177.cz177{color: rgb(255, 255, 255)}
.cz178.cz178{font-family: Anton, sans-serif; color: rgba(255, 255, 255, 0.55); font-size: clamp(12px, 2vw, 15px); letter-spacing: 0.18em}
.cz179.cz179{margin: 6px 0px 0px; font-weight: 900; font-size: clamp(2.1rem, 6vw, 4rem); line-height: 1.2}
.cz180.cz180{margin: 18px 0px 0px; font-size: clamp(15px, 2.4vw, 19px); font-weight: 700; color: rgba(255, 255, 255, 0.92); line-height: 1.7}
.cz181.cz181{position: relative; background: rgb(255, 255, 255); padding: clamp(64px, 10vw, 130px) clamp(20px, 5vw, 64px)}
.cz182.cz182{max-width: 1180px; margin: 0px auto}
.cz183.cz183{display: flex; align-items: flex-start; gap: clamp(16px, 3vw, 32px); margin-bottom: clamp(36px, 5vw, 60px); flex-wrap: wrap}
.cz184.cz184{font-family: Anton, sans-serif; color: rgb(244, 246, 248); -webkit-text-stroke: 1.5px rgba(27, 58, 91, 0.25); font-size: clamp(44px, 9vw, 110px); line-height: 0.8}
.cz185.cz185{flex: 1 1 0%; min-width: 240px}
.cz186.cz186{margin: 0px; font-weight: 900; font-size: clamp(1.7rem, 4.4vw, 2.8rem); line-height: 1.3; color: rgb(26, 26, 26)}
.cz187.cz187{margin: 12px 0px 0px; font-size: clamp(15px, 2.3vw, 18px); color: rgb(68, 68, 68); font-weight: 500; max-width: 620px}
.cz188.cz188{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(24px, 3.5vw, 44px)}
.cz189.cz189{margin: 18px 0px 0px; font-weight: 900; font-size: clamp(17px, 2.6vw, 21px); color: rgb(27, 58, 91); border-left: 5px solid rgb(27, 58, 91); padding-left: 14px}
.cz190.cz190{margin: 12px 0px 0px; font-size: clamp(16px, 2.1vw, 16px); line-height: 1.85; color: rgb(51, 51, 51)}
.cz191.cz191{position: relative; background: rgb(27, 58, 91); color: rgb(255, 255, 255); overflow: hidden}
.cz192.cz192{max-width: 1320px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); align-items: stretch}
.cz193.cz193{position: relative; min-height: clamp(280px, 42vw, 480px)}
.cz194.cz194{padding: clamp(40px, 6vw, 84px) clamp(24px, 5vw, 72px)}
.cz195.cz195{margin: 8px 0px 0px; font-weight: 900; font-size: clamp(1.5rem, 3.6vw, 2.4rem); line-height: 1.4}
.cz196.cz196{margin: clamp(18px, 3vw, 26px) 0px 0px; font-size: clamp(16px, 2.2vw, 17px); line-height: 1.95; color: rgba(255, 255, 255, 0.9)}
.cz197.cz197{position: relative; background: rgb(244, 246, 248); padding: clamp(64px, 10vw, 130px) clamp(20px, 5vw, 64px)}
.cz198.cz198{font-family: Anton, sans-serif; color: rgb(255, 255, 255); -webkit-text-stroke: 1.5px rgba(27, 58, 91, 0.25); font-size: clamp(44px, 9vw, 110px); line-height: 0.8}
.cz199.cz199{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: clamp(20px, 3vw, 36px)}
.cz200.cz200{background: rgb(255, 255, 255); box-shadow: rgba(11, 29, 48, 0.08) 0px 14px 34px}
.cz201.cz201{position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden}
.cz202.cz202{padding: clamp(20px, 2.6vw, 28px)}
.cz203.cz203{margin: 0px; font-weight: 900; font-size: clamp(16px, 2.4vw, 20px); color: rgb(27, 58, 91)}
.cz204.cz204{margin: 10px 0px 0px; font-size: clamp(16px, 2.1vw, 16px); line-height: 1.8; color: rgb(51, 51, 51)}
.cz205.cz205{position: relative; background: rgb(27, 58, 91); color: rgb(255, 255, 255); padding: clamp(64px, 9vw, 120px) clamp(20px, 5vw, 64px); overflow: hidden; text-align: center; font-family: 'Zen Kaku Gothic New', sans-serif}
.cz206.cz206{margin: 12px 0px 0px; font-weight: 900; font-size: clamp(1.8rem, 5vw, 3.2rem); line-height: 1.35; white-space: pre-line}
.cz207.cz207{margin: 18px 0px 0px; font-size: clamp(15px, 2.4vw, 18px); color: rgba(255, 255, 255, 0.85); white-space: pre-line}
.cz208.cz208{position: absolute; inset: 0px; background: linear-gradient(105deg, rgba(11, 29, 48, 0.92), rgba(11, 29, 48, 0.64) 60%, rgba(11, 29, 48, 0.36))}
.cz209.cz209{position: relative; background: rgb(255, 255, 255); padding: clamp(64px, 10vw, 120px) clamp(20px, 5vw, 64px) clamp(48px, 7vw, 90px)}
.cz210.cz210{display: flex; align-items: flex-end; gap: clamp(14px, 2.5vw, 24px); flex-wrap: wrap; margin-bottom: clamp(30px, 4vw, 52px); border-bottom: 2px solid rgb(27, 58, 91); padding-bottom: 20px}
.cz211.cz211{margin: 0px; font-weight: 900; font-size: clamp(1.6rem, 4vw, 2.6rem); line-height: 1; color: rgb(26, 26, 26)}
.cz212.cz212{display: inline-flex; align-items: flex-end; gap: 6px; margin-left: auto}
.cz213.cz213{font-weight: 700; color: rgb(27, 58, 91); padding-bottom: 8px}
.cz214.cz214{font-family: Anton, sans-serif; color: rgb(242, 194, 0); font-size: clamp(44px, 8vw, 80px); line-height: 0.8}
.cz215.cz215{font-weight: 900; color: rgb(27, 58, 91); padding-bottom: 8px; font-size: clamp(16px, 2.4vw, 20px)}
.cz216.cz216{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: clamp(20px, 3vw, 36px)}
.cz217.cz217{display: flex; align-items: baseline; gap: 10px; margin-top: 16px}
.cz218.cz218{margin: 0px; font-weight: 900; font-size: clamp(17px, 2.6vw, 21px); color: rgb(26, 26, 26)}
.cz219.cz219{margin-left: auto; font-weight: 900; color: rgb(27, 58, 91)}
.cz220.cz220{font-family: Anton, sans-serif; color: rgb(242, 194, 0); font-size: clamp(22px, 3vw, 30px)}
.cz221.cz221{margin: 8px 0px 0px; font-size: clamp(13px, 2vw, 15px); color: rgb(27, 58, 91); font-weight: 700; border-left: 4px solid rgb(242, 194, 0); padding-left: 12px}
.cz222.cz222{margin: clamp(24px, 3vw, 32px) 0px 0px; font-size: clamp(15px, 2.3vw, 18px); font-weight: 700; color: rgb(26, 26, 26)}
.cz223.cz223{position: relative; background: rgb(244, 246, 248); padding: clamp(48px, 7vw, 90px) clamp(20px, 5vw, 64px) clamp(64px, 10vw, 120px)}
.cz224.cz224{padding: clamp(18px, 2.4vw, 24px)}
.cz225.cz225{display: flex; align-items: baseline; gap: 10px}
.cz226.cz226{position: relative; background: rgb(27, 58, 91); color: rgb(255, 255, 255); padding: clamp(56px, 8vw, 100px) clamp(20px, 5vw, 64px); text-align: center}
.cz227.cz227{margin: 0px; font-weight: 900; font-size: clamp(1.5rem, 4vw, 2.4rem); line-height: 1.4}
.cz228.cz228{display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; margin-top: clamp(26px, 4vw, 38px)}
.cz229.cz229{background: rgb(242, 194, 0); color: rgb(11, 29, 48); font-weight: 900; font-size: clamp(15px, 2.2vw, 17px); padding: 17px 30px; display: flex; justify-content: center; align-items: center; gap: 10px; width: auto; max-width: 100%}
.cz230.cz230{border: 2px solid rgba(255, 255, 255, 0.5); color: rgb(255, 255, 255); font-weight: 700; font-size: clamp(15px, 2.2vw, 17px); padding: 15px 28px; display: flex; justify-content: center; align-items: center; gap: 10px; width: auto; max-width: 100%}
.cz231.cz231{position: absolute; inset: 0px; background: linear-gradient(105deg, rgba(11, 29, 48, 0.92), rgba(11, 29, 48, 0.62) 60%, rgba(11, 29, 48, 0.34))}
.cz232.cz232{margin: 6px 0px 0px; font-weight: 900; font-size: clamp(2rem, 5.6vw, 3.6rem); line-height: 1.25}
.cz233.cz233{position: relative; background: rgb(255, 255, 255); padding: clamp(64px, 10vw, 120px) clamp(20px, 5vw, 64px)}
.cz234.cz234{max-width: 1100px; margin: 0px auto}
.cz235.cz235{display: flex; align-items: baseline; gap: 12px; margin-bottom: 6px}
.cz236.cz236{margin: 0px; font-weight: 900; font-size: clamp(1.6rem, 4.2vw, 2.7rem); line-height: 1.35; color: rgb(26, 26, 26)}
.cz237.cz237{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(28px, 4vw, 56px); align-items: center; margin-top: clamp(28px, 4vw, 44px)}
.cz238.cz238{display: flex; align-items: flex-end; gap: 10px; margin-bottom: 14px}
.cz239.cz239{font-family: Anton, sans-serif; color: rgb(242, 194, 0); font-size: clamp(72px, 15vw, 160px); line-height: 0.74}
.cz240.cz240{font-weight: 900; color: rgb(27, 58, 91); font-size: clamp(22px, 3.4vw, 34px); padding-bottom: 14px}
.cz241.cz241{font-weight: 700; color: rgb(26, 26, 26); opacity: 0.6; font-size: clamp(16px, 2vw, 17px); padding-bottom: 18px}
.cz242.cz242{margin: 0px; font-size: clamp(16px, 2.2vw, 16px); line-height: 1.95; color: rgb(51, 51, 51)}
.cz243.cz243{background: rgb(244, 246, 248); padding: clamp(24px, 3.5vw, 40px); margin-top: clamp(28px, 4vw, 44px)}
.cz244.cz244{margin: 0px 0px 16px; font-weight: 900; font-size: clamp(16px, 2.4vw, 20px); color: rgb(27, 58, 91)}
.cz245.cz245{list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 14px}
.cz246.cz246{display: flex; gap: 12px; align-items: flex-start; font-size: clamp(16px, 2.1vw, 16px); font-weight: 700; line-height: 1.6}
.cz247.cz247{color: rgb(27, 58, 91); font-weight: 900}
.cz248.cz248{margin: 18px 0px 0px; font-size: 13px; color: rgb(85, 85, 85); line-height: 1.7}
.cz249.cz249{margin-top: clamp(24px, 3.5vw, 36px); border-left: 5px solid rgb(242, 194, 0); padding-left: clamp(16px, 2.5vw, 24px)}
.cz250.cz250{margin: 0px 0px 8px; font-weight: 900; font-size: clamp(16px, 2.4vw, 20px); color: rgb(26, 26, 26)}
.cz251.cz251{margin: 0px; font-size: clamp(16px, 2.2vw, 16px); line-height: 1.9; color: rgb(51, 51, 51)}
.cz252.cz252{position: relative; background: rgb(11, 29, 48); color: rgb(255, 255, 255); overflow: hidden; padding: clamp(64px, 10vw, 120px) clamp(20px, 5vw, 64px)}
.cz253.cz253{position: absolute; inset: 0px; background: linear-gradient(100deg, rgba(11, 29, 48, 0.95), rgba(11, 29, 48, 0.66) 58%, rgba(11, 29, 48, 0.34))}
.cz254.cz254{position: relative; max-width: 1100px; margin: 0px auto}
.cz255.cz255{font-family: Anton, sans-serif; color: rgba(255, 255, 255, 0.6); font-size: 13px; letter-spacing: 0.14em}
.cz256.cz256{font-weight: 900; font-size: clamp(18px, 2.8vw, 24px); color: rgb(255, 255, 255)}
.cz257.cz257{margin: 0px 0px 18px; font-weight: 900; font-size: clamp(1.6rem, 4.2vw, 2.7rem); line-height: 1.35}
.cz258.cz258{display: flex; flex-wrap: wrap; gap: clamp(20px, 4vw, 56px); align-items: flex-end}
.cz259.cz259{display: flex; align-items: flex-end; gap: 8px}
.cz260.cz260{font-family: Anton, sans-serif; color: rgb(242, 194, 0); font-size: clamp(56px, 12vw, 112px); line-height: 0.78}
.cz261.cz261{font-weight: 900; padding-bottom: 8px; font-size: clamp(16px, 2.4vw, 22px)}
.cz262.cz262{display: block; opacity: 0.75; font-weight: 700; font-size: 13px}
.cz263.cz263{margin: clamp(20px, 3vw, 28px) 0px 0px; font-size: clamp(15px, 2.3vw, 18px); font-weight: 700; color: rgba(255, 255, 255, 0.92)}
.cz264.cz264{margin-top: 22px; background: rgb(242, 194, 0); color: rgb(11, 29, 48); font-weight: 900; font-size: clamp(16px, 2.2vw, 16px); padding: 15px 26px; display: inline-flex; align-items: center; gap: 10px}
.cz265.cz265{position: relative; background: rgb(244, 246, 248); padding: clamp(64px, 10vw, 120px) clamp(20px, 5vw, 64px)}
.cz266.cz266{max-width: 1100px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(28px, 4vw, 56px); align-items: center}
.cz267.cz267{display: inline-flex; align-items: flex-end; gap: 12px; background: rgb(11, 29, 48); padding: clamp(16px, 2.4vw, 26px) clamp(20px, 3vw, 32px)}
.cz268.cz268{font-family: Anton, sans-serif; color: rgb(242, 194, 0); font-size: clamp(60px, 11vw, 124px); line-height: 0.72}
.cz269.cz269{display: flex; flex-direction: column; padding-bottom: 6px}
.cz270.cz270{color: rgb(255, 255, 255); font-weight: 900; font-size: clamp(16px, 2.4vw, 22px)}
.cz271.cz271{color: rgba(255, 255, 255, 0.7); font-weight: 700; font-size: clamp(11px, 1.7vw, 13px); letter-spacing: 0.06em; margin-top: 4px}
.cz272.cz272{margin: 18px 0px 10px; font-weight: 900; font-size: clamp(17px, 2.6vw, 22px); color: rgb(26, 26, 26)}
.cz273.cz273{margin: 0px; font-size: clamp(13px, 2vw, 15px); line-height: 1.85; color: rgb(85, 85, 85)}
.cz274.cz274{text-align: center; margin-bottom: clamp(32px, 4vw, 52px)}
.cz275.cz275{margin: 8px 0px 0px; font-weight: 900; font-size: clamp(1.7rem, 4.4vw, 2.8rem); color: rgb(26, 26, 26)}
.cz276.cz276{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: clamp(20px, 3vw, 32px)}
.cz277.cz277{position: relative; display: block; min-height: clamp(200px, 26vw, 260px); overflow: hidden; color: rgb(255, 255, 255); background: linear-gradient(150deg, rgb(27, 58, 91), rgb(11, 29, 48))}
.cz278.cz278{position: absolute; top: 0px; left: 0px; width: 100%; height: 4px; background: rgb(242, 194, 0)}
.cz279.cz279{position: absolute; left: 0px; right: 0px; bottom: 0px; padding: clamp(20px, 3vw, 28px)}
.cz280.cz280{font-family: Anton, sans-serif; color: rgb(242, 194, 0); font-size: clamp(11px, 2vw, 13px); letter-spacing: 0.12em}
.cz281.cz281{margin: 4px 0px 0px; font-weight: 900; font-size: clamp(18px, 2.8vw, 23px)}
.cz282.cz282{margin: 8px 0px 0px; font-size: clamp(13px, 2vw, 15px); color: rgba(255, 255, 255, 0.88); line-height: 1.6}
.cz283.cz283{margin-top: 12px; display: inline-flex; align-items: center; gap: 8px; font-weight: 900; font-size: 14px; color: rgb(242, 194, 0)}
.cz284.cz284{position: absolute; inset: 0px; background: linear-gradient(105deg, rgba(11, 29, 48, 0.93), rgba(11, 29, 48, 0.66) 60%, rgba(11, 29, 48, 0.36))}
.cz285.cz285{margin: 6px 0px 0px; font-weight: 900; font-size: clamp(1.8rem, 5vw, 3.4rem); line-height: 1.3}
.cz286.cz286{position: relative; background: rgb(27, 58, 91); color: rgb(255, 255, 255); padding: clamp(56px, 9vw, 110px) clamp(20px, 5vw, 64px); text-align: center; overflow: hidden}
.cz287.cz287{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: Anton, sans-serif; font-size: clamp(80px, 20vw, 260px); color: rgba(255, 255, 255, 0.05); line-height: 0.8; white-space: nowrap}
.cz288.cz288{position: relative; margin: 0px auto; max-width: 900px; font-weight: 900; font-size: clamp(1.4rem, 3.8vw, 2.6rem); line-height: 1.6}
.cz289.cz289{color: rgb(242, 194, 0)}
.cz290.cz290{margin-bottom: clamp(32px, 4vw, 52px)}
.cz291.cz291{background: rgb(244, 246, 248); padding: clamp(26px, 3.5vw, 40px); border-top: 4px solid rgb(27, 58, 91)}
.cz292.cz292{display: flex; align-items: flex-end; gap: 8px; margin-bottom: 12px}
.cz293.cz293{font-family: Anton, sans-serif; font-weight: 900; color: rgb(242, 194, 0); font-size: clamp(40px, 7vw, 68px); line-height: 0.8}
.cz294.cz294{font-weight: 900; color: rgb(27, 58, 91); padding-bottom: 8px}
.cz295.cz295{margin: 0px; font-size: clamp(16px, 2.1vw, 16px); font-weight: 700; line-height: 1.7; color: rgb(26, 26, 26)}
.cz296.cz296{position: relative; background: rgb(11, 29, 48); color: rgb(255, 255, 255); overflow: hidden; padding: clamp(60px, 9vw, 110px) clamp(20px, 5vw, 64px)}
.cz297.cz297{margin: 8px 0px 18px; font-weight: 900; font-size: clamp(1.7rem, 4.4vw, 2.8rem); color: rgb(26, 26, 26)}
.cz298.cz298{margin: 0px 0px 24px; font-size: clamp(15px, 2.3vw, 18px); font-weight: 700; color: rgb(26, 26, 26)}
.cz299.cz299{display: flex; flex-wrap: wrap; gap: 12px}
.cz300.cz300{background: rgb(11, 29, 48); color: rgb(255, 255, 255); font-weight: 700; font-size: clamp(16px, 2vw, 16px); padding: 12px 22px}
.cz301.cz301{margin: 6px 0px 0px; font-weight: 900; font-size: clamp(2rem, 5.6vw, 3.8rem); line-height: 1.25}
.cz302.cz302{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: clamp(16px, 2.5vw, 28px)}
.cz303.cz303{position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; background: rgb(244, 246, 248)}
.cz304.cz304{margin: 14px 0px 0px; font-weight: 900; font-size: clamp(15px, 2.2vw, 18px); color: rgb(27, 58, 91); text-align: center}
.cz305.cz305{margin: 8px 0px 16px; font-weight: 900; font-size: clamp(1.6rem, 4vw, 2.5rem); line-height: 1.4; color: rgb(26, 26, 26)}
.cz306.cz306{text-align: center; margin-bottom: clamp(36px, 5vw, 60px)}
.cz307.cz307{display: flex; flex-wrap: wrap; gap: clamp(14px, 2vw, 22px); justify-content: center}
.cz308.cz308{flex: 1 1 200px; min-width: 0px; position: relative; background: rgb(244, 246, 248); border-top: 4px solid rgb(27, 58, 91); padding: clamp(26px, 3.2vw, 36px) clamp(18px, 2.5vw, 24px); text-align: center}
.cz309.cz309{font-family: Anton, sans-serif; color: rgb(27, 58, 91); font-size: 12px; letter-spacing: 0.18em; display: block}
.cz310.cz310{font-family: Anton, sans-serif; color: rgb(242, 194, 0); font-size: clamp(44px, 8vw, 66px); line-height: 1; display: block; margin: 2px 0px 12px}
.cz311.cz311{margin: 0px; font-weight: 900; font-size: clamp(15px, 2.3vw, 18px); color: rgb(26, 26, 26)}
.cz312.cz312{margin: clamp(24px, 3vw, 32px) 0px 0px; font-size: 13px; color: rgb(119, 119, 119); text-align: center}
.cz313.cz313{max-width: 1180px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: clamp(30px, 4vw, 60px); align-items: center}
.cz314.cz314{margin: 0px 0px 26px; font-size: clamp(16px, 2.3vw, 17px); line-height: 1.9; color: rgb(51, 51, 51)}
.cz315.cz315{list-style: none; margin: 0px 0px 18px; padding: 0px; display: flex; flex-direction: column; gap: 10px}
.cz316.cz316{display: flex; align-items: center; gap: 12px; background: rgb(244, 246, 248); border-left: 5px solid rgb(27, 58, 91); padding: 14px 20px}
.cz317.cz317{font-weight: 900; font-size: clamp(17px, 2.6vw, 20px); color: rgb(27, 58, 91)}
.cz318.cz318{font-size: 13px; font-weight: 700; color: rgb(255, 255, 255); background: rgb(27, 58, 91); padding: 3px 10px}
.cz319.cz319{background: rgb(244, 246, 248); border-left: 5px solid rgba(27, 58, 91, 0.35); padding: 14px 20px; font-weight: 900; font-size: clamp(16px, 2.4vw, 19px); color: rgb(26, 26, 26)}
.cz320.cz320{margin: 0px; font-size: clamp(15px, 2.2vw, 16px); color: rgb(85, 85, 85)}
.cz321.cz321{position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; background: rgb(244, 246, 248); border: 1px solid rgba(27, 58, 91, 0.12)}
.cz322.cz322{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: contain; display: block}
.cz323.cz323{max-width: 760px; margin-bottom: clamp(32px, 4vw, 48px)}
.cz324.cz324{margin: 8px 0px 14px; font-weight: 900; font-size: clamp(1.6rem, 4vw, 2.5rem); line-height: 1.4; color: rgb(26, 26, 26)}
.cz325.cz325{margin: 0px; font-size: clamp(16px, 2.3vw, 17px); line-height: 1.9; color: rgb(51, 51, 51)}
.cz326.cz326{margin: 0px 0px 16px; font-weight: 900; font-size: clamp(15px, 2.4vw, 18px); color: rgb(27, 58, 91); border-left: 5px solid rgb(27, 58, 91); padding-left: 14px}
.cz327.cz327{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: clamp(12px, 2vw, 18px); margin-bottom: clamp(36px, 5vw, 56px)}
.cz328.cz328{background: rgb(255, 255, 255); padding: clamp(22px, 3vw, 30px); font-weight: 900; font-size: clamp(16px, 2.3vw, 18px); color: rgb(26, 26, 26); box-shadow: rgba(11, 29, 48, 0.06) 0px 10px 28px}
.cz329.cz329{margin: 0px; font-size: 13px; color: rgb(119, 119, 119)}
.cz330.cz330{margin: 0px; font-size: clamp(16px, 2.3vw, 17px); line-height: 1.95; color: rgb(51, 51, 51)}
.cz331.cz331{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: clamp(16px, 2.5vw, 24px); margin-bottom: clamp(20px, 3vw, 28px)}
.cz332.cz332{background: rgb(255, 255, 255); box-shadow: rgba(11, 29, 48, 0.07) 0px 12px 30px; border-left: 5px solid rgb(27, 58, 91)}
.cz333.cz333{margin: 0px; padding: clamp(20px, 3vw, 28px); font-weight: 900; font-size: clamp(16px, 2.3vw, 18px); color: rgb(26, 26, 26)}
.cz334.cz334{margin: 0px 0px 28px; font-size: 13px; color: rgb(119, 119, 119)}
.cz335.cz335{background: rgb(27, 58, 91); color: rgb(255, 255, 255); font-weight: 900; font-size: clamp(15px, 2.2vw, 17px); padding: 17px 34px; display: inline-flex; align-items: center; gap: 10px}
.cz336.cz336{position: relative; background: rgb(27, 58, 91); color: rgb(255, 255, 255); overflow: hidden; padding: clamp(56px, 8vw, 100px) clamp(20px, 5vw, 64px); text-align: center}
.cz337.cz337{position: absolute; inset: 0px; background: linear-gradient(rgba(11, 29, 48, 0.86), rgba(11, 29, 48, 0.76))}
.cz338.cz338{font-family: Anton, sans-serif; color: rgb(242, 194, 0); font-size: clamp(12px, 2vw, 15px); letter-spacing: 0.18em}
.cz339.cz339{margin: 8px 0px 0px; font-weight: 900; font-size: clamp(1.5rem, 4vw, 2.4rem); line-height: 1.4}
.cz340.cz340{margin: 16px 0px 0px; font-size: clamp(16px, 2.3vw, 18px); color: rgba(255, 255, 255, 0.88); line-height: 1.9}
.cz341.cz341{margin-top: 28px; background: rgb(242, 194, 0); color: rgb(11, 29, 48); font-weight: 900; font-size: clamp(15px, 2.2vw, 17px); padding: 17px 32px; display: inline-flex; align-items: center; gap: 10px}
.cz342.cz342{position: relative; background: rgb(27, 58, 91); color: rgb(255, 255, 255); overflow: hidden; padding: clamp(56px, 8vw, 100px) clamp(20px, 5vw, 64px)}
.cz343.cz343{max-width: 1180px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: clamp(24px, 3.5vw, 44px)}
.cz344.cz344{border-top: 3px solid rgb(242, 194, 0); padding-top: 22px}
.cz345.cz345{font-family: Anton, sans-serif; color: rgba(255, 255, 255, 0.6); font-size: 12px; letter-spacing: 0.16em}
.cz346.cz346{margin: 8px 0px 12px; font-weight: 900; font-size: clamp(15px, 2.2vw, 18px)}
.cz347.cz347{margin: 0px; font-weight: 900; font-size: clamp(18px, 2.8vw, 24px); color: rgb(255, 255, 255)}
.cz348.cz348{margin: 10px 0px 0px; font-size: 14px; color: rgba(255, 255, 255, 0.8)}
.cz349.cz349{list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 8px}
.cz350.cz350{font-size: clamp(13px, 2vw, 15px); font-weight: 700; display: flex; gap: 8px}
.cz351.cz351{display: flex; gap: 20px; align-items: flex-end}
.cz352.cz352{font-family: Anton, sans-serif; color: rgb(242, 194, 0); font-size: clamp(40px, 7vw, 64px); line-height: 0.8}
.cz353.cz353{font-weight: 900; padding-bottom: 6px; font-size: 14px}
.cz354.cz354{display: block; opacity: 0.7; font-size: 11px; font-weight: 700}
.cz355.cz355{margin: 10px 0px 0px; font-size: 13px; color: rgba(255, 255, 255, 0.8)}
.cz356.cz356{max-width: 920px; margin: 0px auto}
.cz357.cz357{margin-bottom: clamp(28px, 4vw, 44px)}
.cz358.cz358{margin: 8px 0px 0px; font-weight: 900; font-size: clamp(1.7rem, 4.4vw, 2.6rem); color: rgb(26, 26, 26)}
.cz359.cz359{margin: 0px; display: flex; flex-direction: column}
.cz360.cz360{display: flex; flex-wrap: wrap; gap: 6px 24px; padding: 16px 0px; border-bottom: 1px solid rgba(27, 58, 91, 0.12)}
.cz361.cz361{flex: 0 0 clamp(120px, 22vw, 200px); font-weight: 900; color: rgb(27, 58, 91); font-size: clamp(16px, 2vw, 16px)}
.cz362.cz362{flex: 1 1 0%; min-width: 200px; margin: 0px; font-size: clamp(16px, 2.1vw, 16px); color: rgb(26, 26, 26)}
.cz363.cz363{position: relative; background: rgb(244, 246, 248); padding: clamp(60px, 9vw, 110px) clamp(20px, 5vw, 64px)}
.cz364.cz364{max-width: 920px; margin: 0px auto; border-left: 6px solid rgb(242, 194, 0); padding-left: clamp(18px, 3vw, 28px)}
.cz365.cz365{margin: 8px 0px 16px; font-weight: 900; font-size: clamp(1.5rem, 3.6vw, 2.3rem); line-height: 1.4; color: rgb(26, 26, 26)}
.cz366.cz366{position: relative; background: rgb(255, 255, 255); padding: clamp(60px, 9vw, 110px) clamp(20px, 5vw, 64px)}
.cz367.cz367{margin-bottom: clamp(24px, 3vw, 36px)}
.cz368.cz368{margin: 10px 0px 0px; font-size: clamp(16px, 2.1vw, 16px); color: rgb(68, 68, 68)}
.cz369.cz369{position: relative; width: 100%; aspect-ratio: 16 / 7; min-height: 280px; overflow: hidden; background: rgb(244, 246, 248); border: 1px solid rgba(27, 58, 91, 0.12)}
.cz370.cz370{position: absolute; inset: 0px; width: 100%; height: 100%}
.cz371.cz371{margin: 6px 0px 0px; font-weight: 900; font-size: clamp(2rem, 5.6vw, 3.8rem); line-height: 1.2}
.cz372.cz372{position: relative; background: #fff; padding: clamp(64px,10vw,120px) clamp(20px,5vw,64px)}
.cz373.cz373{max-width: 900px; margin: 0 auto}
.cz374.cz374{margin-bottom: clamp(40px,6vw,72px)}
.cz375.cz375{display: flex; flex-direction: column; gap: 6px; margin-bottom: clamp(20px,3vw,32px)}
.cz376.cz376{font-family: 'Anton', sans-serif; color: #1B3A5B; font-size: 13px; letter-spacing: .16em}
.cz377.cz377{margin: 0; font-weight: 900; font-size: clamp(1.4rem,3.4vw,2.1rem); color: #1A1A1A}
.cz378.cz378{display: flex; flex-direction: column; gap: 12px}
.cz379.cz379{position: relative; background: rgb(11, 29, 48); color: rgb(255, 255, 255); overflow: hidden; padding: calc(clamp(64px, 8vw, 86px) + clamp(56px, 9vw, 110px)) clamp(20px, 5vw, 64px) clamp(56px, 9vw, 110px)}
.cz380.cz380{position: absolute; inset: 0px; background: linear-gradient(110deg, rgba(11, 29, 48, 0.92), rgba(11, 29, 48, 0.62) 60%, rgba(11, 29, 48, 0.38))}
.cz381.cz381{position: absolute; right: -6%; top: 0px; bottom: 0px; width: 42%; background: rgb(242, 194, 0); transform: skewX(-12deg); opacity: 0.12}
.cz382.cz382{font-family: Anton, sans-serif; color: rgb(242, 194, 0); font-size: clamp(13px, 2.4vw, 17px); letter-spacing: 0.2em}
.cz383.cz383{margin: 8px 0px 0px; font-weight: 900; font-size: clamp(2.1rem, 6.4vw, 4.6rem); line-height: 1.18}
.cz384.cz384{background: rgb(27, 58, 91); color: rgb(255, 255, 255); padding: clamp(48px, 7vw, 90px) clamp(20px, 5vw, 64px)}
.cz385.cz385{max-width: 760px; margin: 0px auto; text-align: center}
.cz386.cz386{margin: 8px 0px clamp(24px, 4vw, 40px); font-weight: 900; font-size: clamp(1.4rem, 3.6vw, 2.2rem)}
.cz387.cz387{max-width: 340px; min-width: 280px; margin: 0px auto}
.cz388.cz388{color:#F2C200;font-weight:700}
.cz389.cz389{background: rgb(242, 194, 0); color: rgb(26, 26, 26); padding: clamp(48px, 7vw, 90px) clamp(20px, 5vw, 64px); text-align: center}
.cz390.cz390{margin: 0px auto; max-width: 820px; font-weight: 900; font-size: clamp(1.5rem, 4.2vw, 2.7rem); line-height: 1.5}
.cz391.cz391{background: rgb(11, 29, 48); color: rgb(255, 255, 255); padding: clamp(64px, 10vw, 120px) clamp(20px, 5vw, 64px)}
.cz392.cz392{max-width: 1120px; margin: 0px auto}
.cz393.cz393{font-family: Anton, sans-serif; color: rgb(242, 194, 0); font-size: 13px; letter-spacing: 0.18em}
.cz394.cz394{margin: 8px 0px 0px; font-weight: 900; font-size: clamp(1.7rem, 4.4vw, 2.8rem)}
.cz395.cz395{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: clamp(18px, 2.5vw, 28px)}
.cz396.cz396{background: rgb(255, 255, 255); color: rgb(26, 26, 26); position: relative}
.cz397.cz397{/*position: absolute;*/ top: 0px; left: 0px; background: rgb(27, 58, 91); color: rgb(255, 255, 255); font-family: Anton, sans-serif; font-size: clamp(13px, 2vw, 15px); letter-spacing: 0.1em; padding: 8px 16px;display: block;}
.cz398.cz398{margin: 0px;     padding: 10px; font-weight: 900; font-size: clamp(17px, 2.6vw, 22px); line-height: 1.5; color: rgb(26, 26, 26)}
.cz399.cz399{background: rgb(27, 58, 91); color: rgb(255, 255, 255); padding: clamp(64px, 10vw, 120px) clamp(20px, 5vw, 64px)}
.cz400.cz400{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: clamp(18px, 2.5vw, 28px)}
.cz401.cz401{background: rgb(11, 29, 48); border: 1px solid rgba(255, 255, 255, 0.14); padding: clamp(28px, 4vw, 40px); text-align: center}
.cz402.cz402{display: inline-block; background: rgb(27, 58, 91); color: rgb(255, 255, 255); font-weight: 900; font-size: 14px; padding: 6px 16px; margin-bottom: 18px}
.cz403.cz403{display: flex; align-items: flex-end; justify-content: center; gap: 6px}
.cz404.cz404{font-family: Anton, sans-serif; color: rgb(242, 194, 0); font-size: clamp(56px, 11vw, 96px); line-height: 0.78}
.cz405.cz405{font-weight: 900; font-size: clamp(16px, 2.4vw, 20px); padding-bottom: 12px}
.cz406.cz406{background: rgb(255, 255, 255); color: rgb(26, 26, 26); padding: clamp(64px, 10vw, 120px) clamp(20px, 5vw, 64px)}
.cz407.cz407{text-align: center; margin-bottom: clamp(36px, 5vw, 56px)}
.cz408.cz408{font-family: Anton, sans-serif; color: rgb(27, 58, 91); font-size: 13px; letter-spacing: 0.18em}
.cz409.cz409{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: start}
.cz410.cz410{list-style: none; margin: 0px; padding: 0px; position: relative}
.cz411.cz411{display: flex; gap: clamp(16px, 3vw, 28px); padding-bottom: clamp(20px, 3vw, 30px); position: relative}
.cz412.cz412{font-family: Anton, sans-serif; color: rgb(27, 58, 91); font-size: clamp(18px, 2.8vw, 24px); flex: 0 0 auto; width: clamp(58px, 9vw, 84px); padding-top: 2px}
.cz413.cz413{flex: 0 0 auto; width: 14px; height: 14px; border-radius: 50%; background: rgb(242, 194, 0); border: 3px solid rgb(27, 58, 91); margin-top: 6px}
.cz414.cz414{flex: 1 1 0%; border-left: 2px solid rgba(27, 58, 91, 0.18); margin-left: -7px; padding-left: clamp(16px, 3vw, 26px); padding-bottom: 4px}
.cz415.cz415{margin: 6px 0px 0px; font-size: clamp(13px, 2vw, 14px); color: rgb(102, 102, 102); line-height: 1.7}
.cz416.cz416{background: rgb(11, 29, 48); color: rgb(255, 255, 255); padding: clamp(56px, 8vw, 100px) clamp(20px, 5vw, 64px) clamp(20px, 3vw, 30px); text-align: center}
.cz417.cz417{margin: 8px 0px 0px; font-weight: 900; font-size: clamp(1.8rem, 5vw, 3rem)}
.cz418.cz418{margin: 14px auto 0px; max-width: 560px; font-size: clamp(16px, 2.2vw, 16px); color: rgba(255, 255, 255, 0.82)}
.cz419.cz419{width: 100%; height: 200px}
.cz420.cz420{display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin-top: clamp(24px, 3vw, 32px); background: rgb(244, 246, 248); padding: clamp(20px, 3vw, 28px)}
.cz421.cz421{display: flex; flex-direction: column; line-height: 1.2}
.cz422.cz422{font-family: Anton, sans-serif; font-size: clamp(28px, 5vw, 40px); color: rgb(27, 58, 91); letter-spacing: 0.02em}
.cz423.cz423{font-size: 13px; color: rgb(85, 85, 85); font-weight: 700}
.cz424.cz424{margin-left: auto; font-size: 13px; color: rgb(85, 85, 85)}
.cz425.cz425{position: relative; background: rgb(11, 29, 48); color: rgb(255, 255, 255); overflow: hidden; padding: calc(clamp(64px, 8vw, 86px) + clamp(48px, 7vw, 84px)) clamp(20px, 5vw, 64px) clamp(48px, 7vw, 84px)}
.cz426.cz426{position: absolute; right: clamp(-10px, 2vw, 40px); top: 50%; transform: translateY(-50%); font-family: Anton, sans-serif; font-size: clamp(48px, 12vw, 150px); color: rgba(255, 255, 255, 0.05); line-height: 0.8; white-space: nowrap}
.cz427.cz427{margin: 6px 0px 0px; font-weight: 900; font-size: clamp(1.9rem, 5.4vw, 3.6rem); line-height: 1.25}
.cz428.cz428{background: rgb(255, 255, 255); padding: clamp(56px, 8vw, 100px) clamp(20px, 5vw, 64px) clamp(72px, 11vw, 130px)}
.cz429.cz429{max-width: 820px; margin: 0px auto}
.cz430.cz430{margin: 0px 0px clamp(36px, 5vw, 56px); font-size: clamp(15px, 2.3vw, 16px); color: rgb(51, 51, 51)}
.cz431.cz431{margin-bottom: clamp(32px, 4.5vw, 48px)}
.cz432.cz432{margin: 0px 0px 14px; font-weight: 900; font-size: clamp(17px, 2.6vw, 22px); color: rgb(26, 26, 26); border-left: 5px solid rgb(27, 58, 91); padding-left: 14px}
.cz433.cz433{margin: 14px 0px 0px; padding-left: 1.2em; font-size: clamp(16px, 2.2vw, 16px); line-height: 1.9; color: rgb(51, 51, 51)}
.cz434.cz434{margin-bottom: 6px}
.cz435.cz435{margin-top: clamp(20px, 3vw, 32px); background: rgb(244, 246, 248); padding: clamp(24px, 3.5vw, 40px); border-top: 4px solid rgb(27, 58, 91)}
.cz436.cz436{margin: 0px 0px 16px; font-weight: 900; font-size: clamp(17px, 2.6vw, 22px); color: rgb(26, 26, 26)}
.cz437.cz437{margin: 0px 0px 16px; font-size: clamp(16px, 2.2vw, 16px); line-height: 1.9; color: rgb(51, 51, 51)}
.cz438.cz438{margin: 0px; display: flex; flex-direction: column; gap: 10px}
.cz439.cz439{display: flex; flex-wrap: wrap; gap: 4px 18px}
.cz440.cz440{flex: 0 0 130px; font-weight: 900; color: rgb(27, 58, 91); font-size: 14px}
.cz441.cz441{margin: 0px; font-size: 15px}
.cz442.cz442{margin-top: 22px; background: rgb(242, 194, 0); color: rgb(11, 29, 48); font-weight: 900; font-size: 15px; padding: 15px 28px; display: inline-flex; align-items: center; gap: 10px}
.cz443.cz443{margin: clamp(28px, 4vw, 40px) 0px 0px; font-size: 13px; color: rgb(119, 119, 119)}
/*コーダー*/
.parts222_post_img img, .parts222_post_img image-slot{
        object-fit: contain!important;
}
.site-header.top-page{
        background: #0b1d3000!important;
} 
.site-header.top-page.scrolled{
     background: #0b1d30!important;
}
.header-cta:hover{
    color: #000!important;
}
a.header-tel:hover{
    color: #fff!important;
}
.parts219_form_wrap .form_address input.zip{
        margin-bottom: 10px!important;
}
[class*="design-parts-52"] .content{
        flex-wrap: revert !important;
}
.parts131415_blog_qVlSxATGPR .card{
        padding: 0px!important;
}
.parts131415_blog_qVlSxATGPR .parts131415_blog_title_wrap p,
[class*="parts131415_blog"] .parts131415_blog_title_wrap h2{
        text-align: left!important;
}
.parts228_post_wrap{
        max-width: 100%!important;
}
.parts213_form_wrap dt,.parts219_form_wrap dt {
    max-width: fit-content !important;
}
.parts222_post_wrap{
    max-width: 100%!important;
}
.parts222_post_wrap .parts222_post_img img{
        object-fit: cover!important;
}
.parts222_sidebar_post_category_count{
        background: #ffffff!important;
}
.parts222_sidebar{
        max-width: 100%!important;
}
.category_post_count ul li{
        border-left: none!important;
    border-right: none!important;
}
.parts219_section_form dd input, .parts219_section_form dd textarea{
        background-color: #eeeeee00!important;
}
.parts219_form_wrap .contact_submit input{
        border-radius: 0!important;
}
.parts219_section_form dd textarea{
        border: 1px solid #c7ccd2!important;
}
@media screen and (max-width: 991px){
    .parts219_form_wrap .required,.parts213_form_wrap .required{
    padding: 0px 5px!important;
    width: 52px!important;
    height: 22px!important;
    margin-top: 5px!important;
    }

}
.design-parts-52_lptcQg5z9a .container .content h4.banner-area{
    font-size: 14px!important;
}
.design-parts-52_lptcQg5z9a .container .content ul li .parts-52-textarea span{
        color: #1B3A5B!important;
}
.parts228_post_title-excerpt,.parts-blog-ex-tag_wrap{
        padding-left: 0!important;
}
@media (min-width: 768px){
        .do-grid {
        grid-template-columns: repeat(6, 1fr) !important;
    }
        .do-grid>*:nth-child(1) {
        grid-column: 1 / 3;
    }
        .do-grid>*:nth-child(2) {
        grid-column: 3 / 5;
    }
        .do-grid>*:nth-child(3) {
        grid-column: 5 / 7;
    }
        .do-grid>*:nth-child(4) {
        grid-column: 2 / 4;
    }
        .do-grid>*:nth-child(5) {
        grid-column: 4 / 6;
    }
}
@media screen and (max-width: 520px){
    .hero-btns.cz54{
            display: block!important;
    }
    .hero-btns .cz55{
            margin-bottom: 20px!important;
    }
}
.parts222_post_wrap{
    max-height:400px!important;
}

.parts222_pagenation span, .parts228_pagenation span{
    border:none!important;
}
.parts222_pagenation span.current{
   padding:10px 20px!important;
}
.parts222_post_wrap .parts222_post_img img {
    object-fit: contain !important;
}
.header-cta:hover{
       gap: 8px !important;
}
[class*="parts131415_blog"] .col{
            width: 100%!important;
}
@media screen and (max-width: 520px){
   .cz229.cz229,.cz230.cz230{
        width: 95%!important;
    }
}