@charset "utf-8";

/*
Theme Name: kuruma
Author: arktain
Author URI: https://www.arktain.jp/
*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
img{vertical-align:top;}
a img:hover{opacity:.8;}
table {width:100%;border-collapse: separate;border-spacing: 0;}
td{vertical-align: middle;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;transition:all 0.3s;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
  box-sizing: border-box;
}

body{
font-family: "Noto Sans JP", sans-serif;
font-size:18px;
color:#000;
-webkit-text-size-adjust: none;
background:#fff;
line-height:1.75;
}
.meirio{font-family: "メイリオ" ;}


/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
transition:all 0.3s;
color:#000;
}

a:hover, a:active{
outline: none;
color:#c7b299;
}


/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li{zoom: 1;}


/* フォーム
------------------------------------------------------------*/


/* レイアウト
------------------------------------------------------------*/
#wrapper{
margin:0 auto 0;
width:100%;
overflow:hidden;
}

.inner{
margin:0 auto 0;
width:min(90%,1200px);
position:relative;
}


#header{
overflow:hidden;
background:#fff;
}

#content{
width:100%;
padding:0;
margin:0px auto 0;

}

#sidebar{
width:300px;
float:left;
margin:30px 20px 0 0;
}








/* トップページ　メイン画像
----------------------------------*/
.top-hero { width:100%; min-height:720px; background:url("/wp-content/themes/kuruma/img/hero.webp") center center / cover no-repeat; position:relative; display:flex; align-items:center; }
.top-hero__inner { width:min(1200px, 94%); margin:0 auto; position:relative; z-index:1; }
.top-hero__content { width:48%; max-width:600px; padding:70px 0; }
.top-hero__lead { margin:0 0 22px; color:#0F2747; font-size:20px; font-weight:700; line-height:1.6; letter-spacing:.08em; }
.top-hero h1 { margin:0 0 28px; color:#0F2747; font-family:"Noto Serif JP", serif; font-size:clamp(36px, 2.8vw, 42px); font-weight:700; line-height:1.45; letter-spacing:.08em; }
.top-hero h1 span { white-space:nowrap; }
.top-hero__text { margin:0 0 34px; color:#1E293B; font-size:16px; font-weight:500; line-height:2; letter-spacing:.04em; }
.top-hero__btns { display:flex; align-items:center; gap:16px; }
.top-hero__btn { display:flex; align-items:center; justify-content:center; min-width:210px; height:52px; padding:0 24px; font-size:15px; font-weight:700; text-decoration:none; letter-spacing:.04em; border-radius:2px; transition:background .25s ease, color .25s ease, transform .25s ease; }
.top-hero__btn--main { background:#C0392B; color:#fff; box-shadow:0 8px 18px rgba(184,162,122,.24); }
.top-hero__btn--main:hover { background:#a78f63; transform:translateY(-1px); }
.top-hero__btn--sub { background:#fff; color:#0F2747; border:1px solid #0F2747; }
.top-hero__btn--sub:hover { background:#0F2747; color:#fff; transform:translateY(-1px); }
@media screen and (max-width:980px) { .top-hero { min-height:640px; background-position:60% center; } .top-hero__content { width:58%; } }
@media screen and (max-width:767px) { .top-hero { min-height:auto; background-position:68% center; padding:80px 0 360px; align-items:flex-start; } .top-hero__content { width:100%; max-width:none; padding:0; } .top-hero__lead { font-size:14px; margin-bottom:14px; } .top-hero h1 { font-size:clamp(26px, 6vw, 38px); line-height:1.5; } .top-hero__text { font-size:14px; line-height:1.9; } .top-hero__btns { display:block; } .top-hero__btn { width:100%; min-width:0; margin-bottom:12px; } 
.top-hero { background:url("/wp-content/themes/kuruma/img/hero_sp.webp") center top / cover no-repeat; }
}

.post{margin:0 auto;padding:0;}




/* フッター
*****************************************************/
.site-footer { background:#062B55; color:#fff; }
.footer-cta { background:linear-gradient(90deg, #062B55 0%, #0F3A6D 55%, #123F73 100%); border-bottom:1px solid rgba(255,255,255,.12); }
.footer-cta__inner { width:min(1200px, 94%); min-height:150px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:40px; }
.footer-cta__text p { margin:0 0 12px; color:#fff; font-family:"Noto Serif JP", serif; font-size:28px; font-weight:700; line-height:1.6; letter-spacing:.08em; }
.footer-cta__text span { display:block; color:rgba(255,255,255,.82); font-size:14px; font-weight:500; line-height:1.8; letter-spacing:.05em; }
.footer-cta__btn { flex:0 0 auto; }
.footer-cta__btn a { width:250px; height:58px; display:flex; align-items:center; justify-content:center; background:#C0392B; color:#fff; font-size:15px; font-weight:700; text-decoration:none; letter-spacing:.06em; box-shadow:0 10px 22px rgba(0,0,0,.18); transition:background .25s ease, transform .25s ease; }
.footer-cta__btn a:hover { background:#a78f63; transform:translateY(-1px); }
.footer-main { background:#062B55; }
.footer-main__inner { width:min(1200px, 94%); margin:0 auto; padding:54px 0 42px; display:grid; grid-template-columns:280px 1fr 260px; gap:52px; }
.footer-logo { margin:0 0 24px; }
.footer-logo a { display:block; line-height:0; }
.footer-logo img { width:230px; max-width:100%; height:auto; display:block; }
.footer-address { margin:0 0 28px; color:rgba(255,255,255,.82); font-size:13px; font-weight:500; line-height:1.9; letter-spacing:.04em; }
.footer-copy { margin:0; color:rgba(255,255,255,.62); font-size:12px; line-height:1.7; letter-spacing:.04em; }
.footer-nav { display:grid; grid-template-columns:repeat(3, 1fr); gap:34px; }
.footer-nav__block h3 { margin:0 0 18px; color:#fff; font-size:20px; font-weight:700; line-height:1.5; letter-spacing:.08em; }
.footer-nav__block ul { margin:0; padding:0; list-style:none; }
.footer-nav__block li { margin:0 0 5px; }
.footer-nav__block a { color:rgba(255,255,255,.82); font-size:15px; font-weight:500; line-height:1.6; text-decoration:none; letter-spacing:.04em; transition:color .25s ease; }
.footer-nav__block a:hover { color:#C0392B; }
.footer-contact { padding:26px 24px 24px; border:1px solid rgba(255,255,255,.28); }
.footer-contact h3 { margin:0 0 14px; color:#fff; font-size:15px; font-weight:700; line-height:1.6; letter-spacing:.06em; }
.footer-contact__tel { margin:0 0 4px; }
.footer-contact__tel a { color:#fff; font-size:26px; font-weight:800; line-height:1.3; text-decoration:none; letter-spacing:.03em; }
.footer-contact__time { margin:0 0 20px; color:rgba(255,255,255,.75); font-size:12px; line-height:1.6; }
.footer-contact__btn { height:46px; display:flex; align-items:center; justify-content:center; background:#C0392B; color:#fff; font-size:14px; font-weight:700; text-decoration:none; letter-spacing:.05em; transition:background .25s ease; }
.footer-contact__btn:hover { background:#a78f63; }
@media screen and (max-width:980px) { .footer-cta__inner { min-height:auto; padding:42px 0; display:block; text-align:center; } .footer-cta__text { margin-bottom:26px; } .footer-cta__text p { font-size:24px; } .footer-cta__btn a { width:260px; margin:0 auto; } .footer-main__inner { grid-template-columns:1fr; gap:34px; padding:44px 0 38px; } .footer-nav { grid-template-columns:repeat(3, 1fr); } .footer-contact { max-width:360px; } }
@media screen and (max-width:767px) { .footer-cta__text p { font-size:20px; } .footer-cta__text span { font-size:13px; } .footer-nav { grid-template-columns:1fr; gap:26px; } .footer-logo img { width:210px; } .footer-contact { max-width:none; } }



/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 1199px){

}

/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 999px){

}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){

}