@charset "UTF-8";
/* フォントの読み込み */
  @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
/* ================================ * /
            共通CSS
==================================== */
.html {
  height: -webkit-fill-available;
}
html, body {
  margin:0;
}
/* support iOS END*/
.body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
.body__wrap {
  overflow: hidden;
}
/* ================================ * /
            FONT 設定
==================================== */
/* フォントを設定 */
.font__noto-serif {
  font-family: 'Noto Serif JP', serif;
}
/* ================================ * /
            見出し設定
==================================== */
/* 見出し */
.ttl{
  color: #543E1A;
  font-size:38px;
  letter-spacing: 3.8px;
  font-weight: 500;
  margin-bottom:40px;
}
@media (max-width: 1450px) {
  /* 見出し */
  .ttl{
    color: #543E1A;
    font-size:32px;
    letter-spacing: 2.2px;
    font-weight: 600;
  }
}
@media (max-width: 576px) {
  /* 見出し */
  .ttl{
    color: #543E1A;
    font-size:22px;
    letter-spacing: 2.2px;
    font-weight: 600;
  }
}
/* ================================ * /
            余白
==================================== */
.body__gap--control {
  height: 5rem;
}
.body__gap--control2 {
  height: 1rem;
}
@media (max-width: 576px) {
  .body__gap--control {
    height: 3rem;
  }
}
/* ================================ * /
            改行
==================================== */
/* 改行 */
@media screen and (min-width: 650px){
  .pc { display:block; }
  .tb { display:none; }
  .sp { display:none; }
}
@media screen and (max-width: 1200px){
  .pc { display:none; }
  .tb { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 650px){
  .pc { display:none; }
  .tb { display:none; }
  .sp { display:block; }
}