/* ==========================================================
   base.css
   ----------------------------------------------------------
   Project : 時を重ねる家

   サイト全体で共通して使用する
   色・文字・余白・レイアウトを定義する。

   デザインで迷ったら、
   このファイルを基準に考える。
========================================================== */


/* ==========================================================
   デザインルール
========================================================== */

:root{

    /* ---------- Color ---------- */

    --color-bg:#F7F4EE;

    --color-text:#26211C;

    --color-body:#403A34;

    --color-sub:#4b4640;

    --color-line:#D9D3C8;

    --color-white:#FFFFFF;



    /* ---------- Font ---------- */

    --font-title:"Shippori Mincho", serif;

    --font-body:"Noto Sans JP", sans-serif;



    /* ---------- Width ---------- */

    --site-width:1200px;

    --content-width:760px;



    /* ---------- Space ---------- */

    --section-space:120px;

    --section-space-sp:72px;

}



/* ==========================================================
   Body
========================================================== */

body{

    background:var(--color-bg);

    color:var(--color-body);

    font-family:var(--font-body);

    font-size:16px;

    line-height:1.9;

    letter-spacing:.04em;

    -webkit-font-smoothing:antialiased;

    text-rendering:optimizeLegibility;

}



/* ==========================================================
   共通コンテナ
========================================================== */

.container{

    width:min(92%,var(--site-width));

    margin-inline:auto;

}



/* ==========================================================
   Section
========================================================== */

section{

    padding:var(--section-space) 0;

}



/* ==========================================================
   見出し
========================================================== */

.section-title{

    font-family:var(--font-title);

    font-weight:400;

    color:var(--color-text);

    line-height:1.5;

    letter-spacing:.06em;

}



/* ==========================================================
   段落
========================================================== */

p{

    margin-bottom:1.4em;

}

p:last-child{

    margin-bottom:0;

}