@charset "UTF-8";
#header {
	background-color: rgba(255,255,255,1);
}
#page_header{background-color:#ffffff;border-top: solid 1px #666666;border-bottom: solid 1px #666666;padding: 2em 0 2em;}
.w90per{width: 90%;margin: 0 auto;}

/* section_01 */
.section_01{background-image: url("../img/sec_01_img_01_pc.webp");background-repeat: no-repeat;background-size: cover;background-position: center; padding: 7em 0;}
.cozy_en_ttl{height: 60px;margin-bottom: 0.4em;}
.cozy_h3{font-size: 1.4em;margin-bottom: 0.4em;}

/* section_02 */
/* 見出しの下に短い下線 */
.heading {
  position: relative;
  text-align: center; /* 文字の中央寄せ */
}
.heading::before {
  background-color: #b5b5b6; /* 線の色 */
  bottom: -10px; /* 線の位置 */
  content: "";
  height: 3px; /* 線の高さ */
  left: 50%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-50%); /* 線の中央寄せ */
  width: 50px; /* 線の長さ */
}
/* レイアウトのためのcss */
h2.main_title {
  color: #333;
  font-size: 2.2em;
  margin-bottom: 60px;
  margin-top: 30px;
}

/* section_03 */
.cozy_p_center{text-align: center;font-size: 1.14em;line-height: 2em;}
.sec_03_wrap{width: 100%;margin: 3em 0 0;}
.sec_03_img{box-sizing: border-box; width: 48%;padding: 4% 8% 8%;float: right;}
.sec_03_text{box-sizing: border-box; width: 48%;padding: 4% 0 8% 8%;float: left;}
.sec_03_text h3{font-size: 1.3em;margin-bottom: 0.4em;}
.border_b{border-bottom: solid 1px #000000;font-weight: bold;padding: 0.2em 0;margin-bottom: 0.2em;}
.flow span{color:#b5b5b6;}

/* section_04 */
/* ===== base ===== */
*,
*::before,
*::after {
  box-sizing: border-box;
}
.features {
  --border: #b9b1aa;
  --ink: #1f2a2a;
  --muted: #3a3a3a;
  --right-bg: #efefef;

  width: min(1040px, 100%);
  margin: 0 auto;
  padding: 0 16px;
  color: var(--ink);
  font-family: system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Noto Sans JP",
    "Yu Gothic", "Meiryo", sans-serif;
}

.feature {
  display: flex;
  border: 1px solid var(--border);
  margin: 0 0 18px;
  background: #fff;
}

/* left cell */
.feature__left {
  width: 240px;            /* PC */
  border-right: 1px solid var(--border);
  display: grid;
  place-content: center;
  gap: 3px;
  padding: 22px 18px;
  text-align: center;
  background: #fff;
}

.feature__no {
  letter-spacing: 0.06em;
  font-size: 3em;         /* PC */
  line-height: 1;
}

.feature__label {
  letter-spacing: 0.08em;
  font-size: 1.4em;         /* PC */
  line-height: 1.0;
}

/* right cell */
.feature__right {
  flex: 1;
  background: var(--right-bg);
  padding: 20px 32px;      /* PC */
}

.feature__title {
  margin: 0 0 12px;
  font-weight: 800;
  font-size: 1.4em;         /* PC */
  line-height: 1.2;
}

.feature__desc {
  margin: 0;
  color: var(--muted);
  font-size: 1em;         /* PC */
  line-height: 1.6;
}

/* ===== SP (<= 640px) ===== */
@media (max-width: 640px) {
  .features {
    padding: 0 3%;
	  box-sizing: border-box;
  }

  .feature {
	  display: block;
    margin-bottom: 16px;
  }

  .feature__left {
	  display: flex;
    width: 100%;          /* SP */
    padding: 5px 12px;
    gap: 5px;
	  border-right: none;
	  border-bottom: 1px solid var(--border);
  }

  .feature__no {
    font-size: 1.3em;       /* SP */
  }

  .feature__label {
	  padding-top: 0.1em;
    font-size: 1.2em;       /* SP */
  }

  .feature__right {
	  width: 100%;  
    padding: 10px 10px;    /* SP */
  }

  .feature__title {
    font-size: 1.1em;       /* SP */
    margin-bottom: 5px;
	  text-align: justify;
  }

  .feature__desc {
    font-size: 0.84em;       /* SP */
    line-height: 1.4;
  }
}
.model_bnr{display: block; width: 70%;margin: 5em auto 0;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {

	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-repeat: no-repeat;background-position: center;background-size: cover; margin-top: 90px; padding: 2em 0 2em;}
.mgm {
	margin-bottom:2em;
}
	
/* section_01 */
.section_01{background-image: url("../img/sec_01_img_01_sp.webp");background-repeat: no-repeat;background-size: cover;background-position: center; padding: 3em 0;}
.cozy_en_ttl{height: 50px;margin-bottom: 0.4em;}
.cozy_h3{font-size: 1.14em;margin-bottom: 0.4em;}
	.section_01 p{font-size: 0.84em;}
/* section_02 */
/* 見出しの下に短い下線 */
h2.main_title {
  color: #333;
  font-size: 1.6em;
	line-height: 1.2em;
  margin-bottom: 30px;
  margin-top: 15px;
}
.cozy_p_center{text-align: center;font-size: 0.9em;line-height: 1.6em;}
/* section_03 */
.sec_03_wrap{width: 100%;margin: 3em 0 0;}
.sec_03_img{box-sizing: border-box; width: 100%;padding: 4%;float: right;}
.sec_03_text{box-sizing: border-box; width: 100%;padding: 4%;float: left;}
.sec_03_text h3{font-size: 1.3em;margin-bottom: 0.4em;}
.border_b{border-bottom: solid 1px #000000;font-weight: bold;padding: 0.2em 0;margin-bottom: 0.2em;}
.flow span{color:#b5b5b6;}

.model_bnr{display: block; width: 96%;margin: 2em auto 0;}
}