@charset "UTF-8";
/*====================================
LPのレイアウト、大まかな構造を定義
======================================*/
body {
  box-sizing: border-box;
}
body *,
body *::before,
body *::after {
  box-sizing: inherit;
}

/*変数*/
:root {
  --f1: 1.75rem; /* 28px */
  --f2: 1.71rem; /* 27.36px */
  --f3: 1.48rem; /* 23.68px */
  --f4: 1.375rem; /* 22px */
  --f5: 1.125rem; /* 18px */
  --f6: 1.125rem; /* 18px */
}
@media (max-width: 1024px) {
  :root {
    --f1: 1.71rem; /* 27.36px */
    --f2: 1.55rem; /* 24.8px */
    --f3: 1.45rem; /* 23.2px */
    --f4: 1.325rem; /* 21.2px */
    --f5: 1.125rem; /* 18px */
    --f6: 1rem; /* 16px */
  }
}

/*------- フォント ---------*/
p {
  line-height: 1.8;
  font-size: var(--f5);
}
h1 { font-size: var(--f1); }
h2 {
  font-size: var(--f2);
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
  font-style: normal;
}
h3 {
  font-size: var(--f3);
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
  font-style: normal;
}
h4 {
  font-size: var(--f4);
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
  font-style: normal;
}
h5 { font-size: var(--f5); }
h6 { font-size: var(--f6); }

@media (max-width: 1024px) {
  p {
    line-height: 1.6;
    font-size: var(--f6);
  }
  h1 { font-size: var(--f2); }
  h2 {
    font-size: var(--f3);
    font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  h3 {
    font-size: var(--f4);
    font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  h4 {
    font-size: var(--f5);
    font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  h5 { font-size: var(--f6); }
}

img {
  border: 0;
  line-height: 150%;
  max-width: 100%;
  height: auto;
}
a { text-decoration: none; }
a:hover { opacity: 0.7; }


/*------- フォント ---------*/

p{
  line-height: 1.8;
  font-size: var(--f5);
}
h1{
  font-size: var(--f1);
}
h2{
  font-size: var(--f2);
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 900;
  font-style: normal;
  text-align: center;
}
h3{
  font-size: var(--f3);
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 900;
  font-style: normal;
}
h4{
  font-size: var(--f4);
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 900;
  font-style: normal;
}
h5{
  font-size: var(--f5);
}
h6{
  font-size: var(--f6);
}
@media (max-width: 1024px) {
  p{
    line-height: 1.6;
    font-size: var(--f6);
  }
  h1{
      font-size: var(--f2);
    }
    h2{
      font-size: var(--f3);
      font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
      font-weight: 900;
      font-style: normal;
      text-align: center;
    }
    h3{
      font-size: var(--f4);
      font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
      font-weight: 900;
      font-style: normal;
    }
    h4{
      font-size: var(--f5);
      font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
      font-weight: 900;
      font-style: normal;
    }
    h5{
      font-size: var(--f6);
    }
}
img {
  border: 0;
  line-height: 150%;
  max-width: 100%;
  height: auto;
}
a{
  text-decoration: none;
}
a:hover {
  opacity: 0.7;
}

/*============================
スマホ幅
==============================*/
@media (max-width: 1024px) {
  .wrap_01{
    max-width: 640px;
    padding: 0 10px;
    margin: 10% auto;
  }
  .wrap_02{
    max-width: 640px;
    padding: 0 10px;
    margin: 10% auto;
  }
  .wrap_03{
    max-width: 640px;
    padding: 0 10px;
    margin: 10% auto;
  }
  .wrap_04{
    max-width: 640px;
    padding: 0 10px;
    margin: 10% auto;
  }
  .wrap_05{
    max-width: 640px;
    padding: 0 10px;
    margin: 10% auto;
  }
  .wrap_06{
    max-width: 640px;
    padding: 0 10px;
    margin: 10% auto;
  }
  .wrap_07{
    max-width: 640px;
    padding: 0 10px;
    margin: 10% auto;
  }
  }  

/*============================
PC幅
==============================*/
@media (min-width: 1025px) {
.wrap_01{
  max-width: 950px;
  margin: 8% auto;
  padding: 0px 7% 3% 7%;
}
.wrap_02{
  max-width: 860px;
  margin: 8% auto;
  padding: 0px 7% 3% 7%;
}
.wrap_03{
  max-width: 860px;
  margin: 8% auto;
  padding: 0px 7% 3% 7%;
}
.wrap_04{
  max-width: 860px;
  margin: 8% auto;
  padding: 0px 7% 3% 7%;
}
.wrap_05{
  max-width: 860px;
  margin: 8% auto;
  padding: 0px 7% 3% 7%;
}
.wrap_06{
  max-width: 860px;
  margin: 8% auto;
  padding: 0px 7% 3% 7%;
}
.wrap_07{
  max-width: 860px;
  margin: 8% auto;
  padding: 0px 7% 3% 7%;
}
}

/*=======================================
スマホ／PC画像表示切り替え（※常に最下に）
=========================================*/

/*==== 補助金LP 表示／非表示設定 ====*/
@media (min-width: 1025px) {
  .sp {
    display: none;
  }
}
@media (max-width: 1024px) {
  .pc {
    display: none;
  }
  .main_sp {
    text-align: center;
  }
}

/*==== 夏の暑さ軽減LP 表示／非表示設定 ====*/
@media (min-width: 1025px) {
  .summer-main_sp {
    display: none;
  }
  .summer-sp {
    display: none;
  }
  .summer-main_pc {
    text-align: center;
    width: 95%;
    margin: 0 auto;
  }
}
@media (max-width: 1024px) {
  .summer-main_pc {
    display: none;
  }
  .summer-pc {
    display: none;
  }
  .summer-main_sp {
    text-align: center;
  }
}

/*==== 冬の寒さLP 表示／非表示設定 ====*/
@media (min-width: 1025px) {
  .lpwinter-sp {
    display: none;
  }
  .lpwinter-main_pc {
    text-align: center;
    width: 95%;
    margin: 0 auto;
  }
}
@media (max-width: 1024px) {
  .lpwinter-pc {
    display: none;
  }
  .lpwinter-main_sp {
    text-align: center;
  }
}

/*==== テンプレLP 表示／非表示設定 ====*/
@media (min-width: 1025px) {
  .lp_other .sp {
    display: none;
  }
  .lp_other .pc {
    text-align: center;
    margin: 0 auto;
  }
  .lp_other .pc img {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .lp_other .pc {
    display: none;
  }
  .lp_other .sp {
    text-align: center;
  }
  .lp_other .sp img {
    width: 100%;
  }
}