@charset "UTF-8";
:root {
  --black: #3C3C3C;
  --dark-gray: #7C7C7C;
  --light-gray: #D8D8D8;
  --off-white: #FCFCFA;
  --light-green: #D3E3D8;
  --green: #72A37F;
  --light-blue: #D4E0EB;
  --blue: #4978B9;
  --light-pink: #F4E1DB;
  --pink: #D17379;
  --light-brown: #EAE2D0;
  --brown: #988775;
}

/* 使用フォント */
:root {
  --NotoSans: "Noto Sans JP", sans-serif;
  /* Regular 400 Medium 500 Bold 700 Black 900 */
  --Ubuntu: "Ubuntu", sans-serif;
  /* Medium 500 Bold 700 */
  --ZenOldMincho: "Zen Old Mincho", serif;
  /* Regular 400 */
}

body {
  margin: 0;
  background: #fff;
}

.container {
  /*これがないと横に数pxかたかたする*/
  overflow: hidden;
}

.fixed_area {
  width: 58rem;
  overflow: hidden;
}

.header .logo-svg {
  fill: var(--off-white);
}

.shop_name_logo {
  color: var(--off-white);
}

/* ほんへ */
.fixed_area .title_image {
  width: 100%;
  height: 110vh;
  -o-object-position: top;
     object-position: top;
  -o-object-fit: cover;
     object-fit: cover;
}

.fixed_area_filter {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(60, 42, 3, 0.3019607843);
}

.fixed_area_text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: white;
}

.page_title {
  width: 27rem;
  height: 15.2rem;
  font-size: 6.4rem;
  font-weight: 500;
  font-family: var(--Jost);
  letter-spacing: 0.01em;
  line-height: 1.25em;
  margin: 20rem 0 0 10rem;
}

.page_subtitle {
  position: relative;
  width: 25.2rem;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1em;
  margin: 3.6rem 0 0 10rem;
  z-index: 1;
}

.page_subtitle::after {
  content: "";
  position: absolute;
  left: -0.8rem;
  top: 0.8rem;
  width: 26rem;
  height: 2rem;
  background: var(--dark-blue);
  border-radius: 0.2rem;
  z-index: -1;
}

.eye_catch_head {
  margin: 16rem 0 0 6rem;
}

.company_name.ec {
  color: var(--black);
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1em;
}

.eye_catch_ad {
  margin: 2.7rem 0 0 0.7rem;
}

.eye_catch_ad .ec_span {
  position: relative;
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 1.6;
}

.eye_catch_ad .ec_span::after {
  content: "";
  position: absolute;
  width: 100%;
  background: #C0D7EB;
  height: 3.8rem;
  top: 0.9rem;
  left: -0.7rem;
  z-index: -1;
}

.eye_catch_ad .ec_span.top::after {
  width: 23.3rem;
}

.eye_catch_ad .ec_span.bottom::after {
  width: 24.9rem;
  background: #C0D7EB;
}

/* eyecatch本文  */
.eye_catch_main {
  margin: 6.7rem 0 0 6rem;
  width: 54rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.875em;
}

.eye_catch_icons {
  aspect-ratio: 1/0.71296;
  width: 54rem;
  height: auto;
  margin: 6.5rem 0 0 8.2rem;
}

.multi_texts {
  margin: 7.65rem 0 0 5.7rem;
  width: 58.3rem;
  position: relative;
}

.multi_text {
  color: var(--dark-blue);
  font-size: 4.5rem;
  font-weight: 500;
  font-family: var(--Jost);
}

.multi_text.dev {
  line-height: 1.1379310345em;
}

.multi_text.flex {
  text-align: right;
  margin-top: 2rem;
  line-height: 1em;
}

.multi_cross {
  position: absolute;
  aspect-ratio: 1/1;
  width: 15rem;
  right: 21.7rem;
  bottom: -8.5rem;
  z-index: -1;
  opacity: 0;
  transition: opacity 1.5s cubic-bezier(0, 0.42, 0.58, 1);
}

.multi_cross.delay_fade_in.show {
  opacity: 1;
}

.multi_cross::after,
.multi_cross::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.2rem;
  background: #2F2E2E;
  left: 0;
  transform: rotate(45deg);
}

.multi_cross::before {
  transform: rotateZ(-45deg);
}

.appeal_points {
  display: flex;
  justify-content: space-between;
  width: 58rem;
  margin: 7.2rem 0 0 6rem;
}

.appeal_box {
  width: 25rem;
  height: -moz-fit-content;
  height: fit-content;
}

.appeal_box_inner {
  width: 100%;
  height: 45.517rem;
  background: #FFF;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(192, 215, 235) 100%);
  padding: 0.1px;
}

.appeal_brown_box {
  width: 20rem;
  border-radius: 2rem;
  height: 20rem;
  margin: 2rem 2.5rem 0;
  padding: 0.1px;
  background: #fff;
}

.appeal_title {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  margin-top: 4.36rem;
}

.appeal_title .big {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1;
  margin-top: 1.2rem;
}

.appeal_point_list {
  width: 19.8rem;
  height: -moz-fit-content;
  height: fit-content;
  margin: 5.1rem 0 0 2.7rem;
}

.appeal_point_list.right {
  margin: 4.1rem 0 0 2.5rem;
}

.appeal_point_texts {
  display: flex;
  width: 100%;
}

.appeal_point_texts.left.two {
  margin-top: 2.5rem;
}

.appeal_point_texts.left.three {
  margin-top: 2.7rem;
}

.appeal_point_texts.right.two {
  margin-top: 1.9rem;
}

.appeal_point_texts.right.three {
  margin-top: 1.4rem;
}

.appeal_point_texts.right.four {
  margin-top: 1.45rem;
}

.ap_checkbox {
  margin: auto 0;
  width: 1.776rem;
  height: 1.5rem;
}

.appeal_point_texts.left.two .ap_checkbox {
  margin-top: 0.7rem;
}

.appeal_point_texts.right.one .ap_checkbox {
  margin-top: 0.3rem;
}

.appeal_text {
  margin-left: 0.4rem;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.533333em;
}

.appeal_text span {
  font-weight: inherit;
}

.appeal_point_texts.right .appeal_text {
  margin-left: 0.7rem;
}

.appeal_desc {
  margin-top: 3.9rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.875em;
}

/* Flow_of_House */
.flow_of_house {
  margin-top: 14.6rem;
  width: 70rem;
  height: 94.2rem;
  background: #EDEDED;
  border-top-right-radius: 8rem;
  padding: 0.1px;
}

.foh_titles {
  width: 100%;
  margin-top: 7.4rem;
}

.foh_title {
  width: 100%;
  text-align: center;
  font-weight: 500;
}

.foh_title.eng {
  font-size: 3.6rem;
  font-weight: 500;
  font-family: var(--Jost);
  line-height: 1.6;
  text-align: center;
}

.foh_title.jp {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.6;
  margin-top: 1.8rem;
}

.foh_step_list {
  width: 53.9rem;
  margin: 8.7rem auto 0;
  height: 17.6rem;
  display: flex;
  /* justify-content: space-between; */
}

.step_list_content {
  max-width: 3rem;
  height: 100%;
  cursor: pointer;
}

.step_list_content:not(:last-child) {
  margin-right: 2.6555555556rem;
  cursor: pointer;
}

.step_nums {
  width: 100%;
  height: 3.9rem;
}

.step_num {
  color: var(--dark-blue);
  font-weight: 500;
}

.step_num.text {
  font-size: 1.2rem;
  font-weight: 500;
  font-family: var(--Jost);
  line-height: 1;
  text-align: center;
}

.step_num.num {
  font-size: 2.5rem;
  font-weight: 500;
  font-family: var(--Jost);
  line-height: 1;
}

.step_desc {
  width: 2.5rem;
  margin: 1rem 0 0 -0.3rem;
  writing-mode: vertical-rl;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  line-height: 1em;
}

.slide_step {
  position: relative;
  width: 43.705rem;
  height: 38.8rem;
  margin: 5.1rem auto 0;
  padding-right: 4.7rem;
  overflow: hidden;
}

.step_box_slider {
  width: 43.705rem;
  height: 30rem;
}

.step_box_inner {
  position: relative;
  width: 100%;
  height: 30rem;
  padding: 0.1px;
}

.step_box_inner:last-child .step_box_texts::before,
.step_box_inner:last-child .step_box_texts::after {
  content: "";
  position: absolute;
}

.step_box_inner:last-child .step_box_texts::before {
  width: 0.358rem;
  height: 30rem;
  top: 0;
  right: -2.2rem;
  background-color: #2F2E2E;
}

.step_box_inner:last-child .step_box_texts::after {
  width: 2.74rem;
  height: 2.74rem;
  right: -3.6rem;
  top: 13.4rem;
  background-color: #EDEDED;
  border-top: #2F2E2E 0.358rem solid;
  border-right: #2F2E2E 0.358rem solid;
  transform: rotateZ(45deg);
}

.step_box_inner::before,
.step_box_inner::after {
  content: "";
  position: absolute;
}

.step_box_inner::before {
  width: 0.358rem;
  height: 100%;
  left: 2.2rem;
  background-color: #2F2E2E;
}

.step_box_inner::after {
  width: 2.74rem;
  height: 2.74rem;
  left: 0.9rem;
  top: 13.4rem;
  background: #EDEDED;
  border-top: #2F2E2E 0.358rem solid;
  border-right: #2F2E2E 0.358rem solid;
  transform: rotateZ(45deg);
}

.step_nums.step_box {
  width: 4.6rem;
  height: 5.9rem;
  margin: 2.9rem 0 0 19.7rem;
}

.step_num.text.step_box {
  font-size: 1.5rem;
  width: 3.8rem;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0 auto;
}

.step_num.num.step_box {
  width: 4.5rem;
  height: 4.5rem;
  font-size: 4rem;
}

.step_box_texts {
  width: 100%;
  margin-top: 1.9rem;
}

.step_box_title {
  width: 100%;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  padding-left: 4.4rem;
  margin-top: 2.1rem;
}

.step_box_main {
  width: 30rem;
  height: -moz-fit-content;
  height: fit-content;
  margin: 2.8rem 0 0 6.9rem;
  font-size: 1.5rem;
  letter-spacing: 0.02em;
  line-height: 1.6666666667em;
}

.prev_btn,
.next_btn {
  width: 6rem;
  height: 6rem;
  background-color: var(--brown);
  top: initial;
  bottom: 0;
}

.prev_btn::after,
.next_btn::after {
  display: none;
}

.prev_btn {
  left: 13.2rem;
  background: #C0D7EB;
  background: linear-gradient(45deg, rgb(192, 215, 235) 0%, rgb(255, 255, 255) 100%);
}

.next_btn {
  right: 13.2rem;
  background: #FFF;
  background: linear-gradient(45deg, rgb(255, 255, 255) 0%, rgb(192, 215, 235) 100%);
}

.circle_arrow {
  width: 1.253rem;
  height: 1.253rem;
  stroke: #2F2E2E;
  margin: auto;
}

.circle_arrow.left {
  transform: rotateZ(-135deg);
}

.circle_arrow.right {
  transform: rotateZ(45deg);
}

/*what we build*/
.what_we_build {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 13.9rem;
}

.wwb_title {
  width: 100%;
  font-size: 4.5rem;
  font-weight: 500;
  font-family: var(--Jost);
  line-height: 1.6;
  text-align: center;
}

.wwb_subtitle {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  margin: 2.6rem auto 0;
}

.wwp_concept {
  width: -moz-fit-content;
  width: fit-content;
  margin: 7.4rem auto 0;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.875em;
}

.wwb_tab_buttons {
  margin: 10.3rem auto 0;
  width: 58rem;
  display: flex;
  justify-content: space-between;
}

.wwb_tab_buttons02 {
  margin: 11.3rem auto -4.8rem;
  width: 58rem;
  display: flex;
  justify-content: space-between;
}

.wwb_tab_button {
  position: relative;
  width: 14rem;
  height: 10rem;
  border-top-right-radius: 1.8rem;
  border-top-left-radius: 1.8rem;
  color: var(--dark-gray);
  transition: all 0.5s ease;
}

.wwb_tab_button.active {
  background: #EDEDED;
  transform: translateY(-1.1rem);
  color: var(--black);
}

.wwb_tab_button::before {
  content: "";
  position: absolute;
  width: calc(100% - 0.6rem);
  height: 4.3rem;
  border: solid 0.3rem var(--dark-gray);
  border-bottom: none;
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
  top: 0;
}

.wwb_tab_button.active::before {
  opacity: 0;
}

.wwb_tab_texts {
  margin-top: 1.1rem;
}

.wwb_tab_button.active .wwb_tab_texts {
  margin-top: 1.7rem;
}

/* 下のメニュー */
.wwb_tab_button02 {
  position: relative;
  width: 14rem;
  height: 4.6rem;
  border-bottom-right-radius: 1.8rem;
  border-bottom-left-radius: 1.8rem;
  color: var(--dark-gray);
  transition: all 0.5s ease;
}

.wwb_tab_button02.active {
  background: #EDEDED;
  transform: translateY(1rem);
  color: var(--black);
  height: 5.8rem;
}

.wwb_tab_button02::before {
  content: "";
  position: absolute;
  width: calc(100% - 0.6rem);
  height: 4.3rem;
  border: solid 0.3rem var(--dark-gray);
  border-top: none;
  /* border-bottom: none; */
  border-bottom-right-radius: 1.8rem;
  border-bottom-left-radius: 1.8rem;
  top: 1rem;
}

.wwb_tab_button02.active::before {
  opacity: 0;
}

.wwb_tab_texts02 {
  margin-top: 1.1rem;
}

.wwb_tab_button02.active .wwb_tab_texts {
  margin-top: 0.7rem;
}

.tab_text.eng {
  width: 8.8rem;
  margin: 0 auto;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1em;
  font-family: var(--Jost);
}

.tab_text.jp {
  width: 11.3rem;
  margin: 0.3rem auto 0;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1em;
}

.wwb_tab_contents {
  background: #EDEDED;
  width: 70rem;
  height: -moz-fit-content;
  height: fit-content;
  border-top-right-radius: 3rem;
  margin: -5.1rem 0 13.3rem 0;
  padding: 0.1px;
}

.wwb_tab_content {
  margin-top: 12rem;
  display: none;
}

.wwb_tab_content.active {
  display: block;
}

.wwb_tab_content.safety {
  margin-top: 12rem;
}

.wwb_tab_content.for_kids {
  height: 373.7rem;
}

.tab_title {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1em;
}

.tab_title.safety {
  margin-left: 16.8rem;
}

.tab_title.comfortable {
  margin-left: 14.6rem;
  line-height: 1.5em;
}

.tab_title.for_kids {
  margin-left: 16.7rem;
  line-height: 1.5em;
}

.tab_title.support {
  margin-left: 8.4rem;
}

.slide_eq {
  width: 100%;
  height: 25rem;
  margin-top: 11.6rem;
  overflow: hidden;
}

.slide_eq_inner {
  transition-timing-function: linear;
}

.slide_eq_content.swiper-slide {
  width: 13rem;
  height: 25rem;
  padding: 0 1.7rem 0 1.9rem;
  background: #fff;
}

.slide_eq_content.swiper-slide:nth-child(n+1) {
  margin-right: 2.3rem;
}

.eq_names {
  width: 4.1rem;
  height: 14rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  writing-mode: vertical-lr;
  text-orientation: upright;
  margin: 2.6rem auto 0;
}

.eq_name,
.eq_date {
  font-size: 1.5rem;
  font-weight: 900;
  letter-spacing: 0.02em;
  line-height: 1em;
}

.eq_magnitude {
  margin-top: 0.9rem;
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1em;
}

.vertical_texts {
  margin: 14.1rem auto 0;
  width: 13.5rem;
  height: 32.3rem;
  display: flex;
  flex-direction: column-reverse;
  writing-mode: vertical-lr;
  justify-content: space-between;
}

.vertical_texts.ti_material {
  width: 8.9rem;
  margin: 0;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: left;
}

.vertical_text {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.095em;
}

.vertical_text.ti_material {
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0.103em;
  line-height: 1em;
}

.vertical_text.ti_material.right {
  margin-left: 2.95rem;
}

.appeal_no_collapse {
  margin: 17.5rem 0 0 6rem;
  width: 64rem;
}

.nc_hansin {
  width: 58rem;
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.5em;
}

.tab_inner {
  padding: 0.1px;
}

.nc_strong {
  margin-top: 5.6rem;
  width: 33.9rem;
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.6em;
}

.nc_map_image {
  margin: 1.2rem 0 0 20.783rem;
  aspect-ratio: 1/0.8432641592;
  width: 43.417rem;
}

.resis_eq {
  margin-top: 8.5rem;
  width: 47.7rem;
  display: flex;
  padding: 0.1px;
}

.in_circle_text {
  width: 4.6rem;
  height: 20rem;
}

.in_circle_text span {
  display: inline-block;
  text-align: center;
  background: var(--black);
  width: 4.6rem;
  height: 4.6rem;
  color: white;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.in_circle_text span:nth-child(n+2) {
  margin-top: 0.4rem;
}

.resis_eq_text {
  margin: 0.5rem 0 0 3rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.875em;
}

.structure_part {
  width: 58rem;
  margin: 8.5rem auto 0;
}

.structure_ec {
  width: 100%;
  text-align: center;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.6667em;
}

.circle_contents_ec {
  width: 100%;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.6em;
}

.circle_contents {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

.circle_contents.one {
  margin-top: 3rem;
}

.circle_contents.two {
  margin-top: 11.9rem;
}

.circle_unit {
  position: relative;
  margin: 7.6rem auto 0;
  padding: 0.1px;
  width: 25.9rem;
  height: 25.9rem;
}

.circle_unit.two {
  margin-top: 4.3rem;
}

.circle {
  display: block;
  position: absolute;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #FFF;
  background: linear-gradient(45deg, rgb(255, 255, 255) 0%, rgb(192, 215, 235) 100%);
}

.circle.one {
  top: 0;
  left: 0;
  width: 25.9rem;
  opacity: 0.2;
}

.circle.two {
  top: 1.4rem;
  left: 1.4rem;
  width: 23.2rem;
  opacity: 0.55;
}

.circle.three {
  top: 2.8rem;
  left: 2.8rem;
  width: 20.5rem;
  opacity: 1;
}

.circle_cat,
.circle_str_name {
  position: relative;
  color: #2F2E2E;
  text-align: center;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  z-index: 2;
}

.circle_cat {
  line-height: 1em;
  margin: 6.4rem 0 0 0.2rem;
}

.circle_cat.two {
  margin-left: 0;
  margin-top: 6.2rem;
}

.circle_str_name {
  line-height: 1.3182em;
  margin-top: 2.7rem;
}

.circle_str_name.two {
  margin-top: 3.3rem;
  line-height: 1em;
}

.circle_str_name .small {
  font-size: 1.4rem;
  letter-spacing: 0.02em;
  line-height: 1em;
}

.circle_subtext {
  margin: 0 auto;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.875em;
}

.circle_subtext.one {
  margin-top: 1.6rem;
}

.circle_subtext.two {
  margin-top: 2.4rem;
}

.experiment_box {
  width: 58rem;
  border-radius: 1rem;
  background: #fff;
  margin-top: 4.8rem;
  padding: 8rem 0;
}

.experiment_title {
  text-align: center;
}
.experiment_title span {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.6;
  background: #EDEDED;
  padding: 0.8rem 2.4rem;
  border-radius: 1rem;
}

.experiment_detail {
  margin: 3rem auto 0;
  width: 40rem;
  height: 13.8rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.875em;
}

.experiment_image {
  display: block;
  margin: 0.3rem auto 0;
  aspect-ratio: 1/0.66696;
  width: 40rem;
}

.experiment_supplement {
  margin: 1.1rem auto 0;
  width: 40rem;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 2em;
}

.experiment_results {
  margin: 5.2rem auto 0;
  width: 48rem;
  height: 31rem;
  background: #EDEDED;
  padding: 0.1px;
}

.er_title {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin: 3.45rem 0 0 19.6rem;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.277em;
  line-height: 1em;
}

.er_title_eng {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin: 0.9rem auto 0;
  color: var(--light-brown);
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1em;
}

.er_image {
  display: block;
  margin: 2.4rem 0 0 4rem;
  width: 40.287rem;
  height: 11.653rem;
}

.er_text {
  width: -moz-fit-content;
  width: fit-content;
  margin: 3.5rem 0 0 4rem;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1em;
}

.experiment_conclusion {
  width: 34.3rem;
  margin: 7.4rem auto 0;
  text-align: center;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1em;
}

.shourei_box {
  width: 51.8rem;
  height: 39.1rem;
  margin: 12.6rem auto 0;
}

.shourei_title {
  width: 28.9rem;
  margin: 0 auto;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1em;
}

.shourei_description {
  margin: 3.2rem auto 0;
  width: 40rem;
  height: 15rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.875em;
}

.shourei_circles {
  margin-top: 2.15rem;
  width: 100%;
  height: 15rem;
  display: flex;
  justify-content: space-between;
}

.shourei_circle {
  aspect-ratio: 1/1;
  height: 15rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  background: #fff;
}

.shourei_circle_text {
  text-align: center;
  width: 14rem;
  color: var(--black);
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.015em;
  line-height: 1.375em;
}

.more_read {
  background-color: var(--light-gray);
  width: 32.5rem;
  height: 6rem;
  margin: 7.4rem 0 0 12.6rem;
  border-radius: 5rem;
  padding: 0.3rem 3.2rem 0 3rem;
  display: flex;
  align-items: center;
}

.more_read.comfortable {
  margin: 7.4rem 0 0 12.6rem;
  margin: 7.4rem auto;
}

.more_read.for_kids {
  margin: 9.8rem 0 0 18.6rem;
  padding-left: 2.2rem;
}

.more_read.support {
  margin: 13.5rem 0 0 19rem;
  padding-left: 2.9rem;
  padding-right: 2.8rem;
}

.more_read_text {
  color: #fff;
  width: 20rem;
  height: 2rem;
  text-align: left;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1em;
  /* flex-wrap: nowrap; */
  white-space: nowrap;
}

.more_read.comfortable .more_read_text {
  margin-left: 1.1rem;
}

.more_read.for_kids .more_read_text {
  width: 24.9rem;
}

.more_read.support .more_read_text {
  width: 22.5rem;
  /* flex-wrap: nowrap; */
  white-space: nowrap;
}

.more_read_arrow {
  aspect-ratio: 1/1;
  width: 1.209rem;
  height: auto;
  margin: -0.4rem 0 0 4.7rem;
  stroke: #fff;
}

.more_read.for_kids .more_read_arrow {
  margin: -0.1rem 0 0 1.1rem;
}

.more_read.support .more_read_arrow {
  /* margin: -.1rem 0 0 3.1rem; */
  margin: 0;
}

.conf_circle_set {
  margin: 9.6rem auto 0;
  width: 57.7rem;
  height: 40.1rem;
  display: flex;
  justify-content: space-between;
}

.circles {
  width: 25.9rem;
}

.circles_subject {
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1em;
  text-align: center;
}

.circles_subject.small {
  margin-top: 1.7rem;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.785714286em;
  text-align: center;
}

.circle_unit.conf {
  margin-top: 3.8rem;
}

.circle_unit.conf .circle {
  background-color: var(--light-gray);
}

.circle_cat.conf,
.circle_str_name.conf {
  color: var(--black);
}

.circle_str_name.conf {
  margin-top: 0.8rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.95em;
}

.circle_str_name.conf.thermal {
  margin-top: 2.9rem;
}

.circle_str_name.conf .big {
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 0.85em;
}

.annotation {
  margin: 4.8rem auto 0;
  width: 30rem;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.66667em;
}

.annotation.danbou,
.annotation.kenkou {
  width: 40rem;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.7em;
}

.annotation.danbou {
  margin: 4.1rem 0 0 8.9rem;
}

.annotation.kenkou {
  margin: 4.4rem 0 0 8.9rem;
}

.ti_materials {
  width: 58rem;
  display: flex;
  justify-content: space-between;
  margin: 12.3rem 0 0 5.8rem;
  padding: 0.1px;
}

.ti_material_details {
  width: 40rem;
  height: 66.3rem;
  margin-top: 0;
  padding: 0.1px;
}

.ti_material_description {
  margin-top: -0.7rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.875em;
}

.ti_material_image {
  width: 37.2rem;
  height: 16.012rem;
  margin: 3.2rem 0 0 1.2rem;
}

.hqp_boxs {
  margin: 5.1rem auto 0;
  width: 100%;
  height: 21rem;
  padding: 0.1px;
  background: #fff;
}

.hqp_boxs_title {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin: 3.05rem auto 0;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1em;
}

.hqp_boxs_inner {
  width: 35.6rem;
  height: 10rem;
  margin: 2.9rem 0 0 2.3rem;
  display: flex;
  justify-content: space-between;
}

.hqp_box {
  background: #FFF;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(192, 215, 235) 100%);
  width: 10.6rem;
  height: 10rem;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.hqp_box_category {
  margin-top: 2rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1em;
}

.hqp_box_material {
  margin-top: 1.7rem;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.26667em;
  color: var(--gray);
}

.hqp_box_material.multi {
  margin-top: 0.8rem;
}

.danbou_data_area {
  width: 58rem;
  height: 71.7rem;
  margin: 12.7rem auto 0;
}

.danbou_title {
  width: 38.1rem;
  height: 10.1rem;
  margin: 0 auto 0;
  text-align: center;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.666677em;
}

.danbou_description {
  margin: 2.9rem 0 0 10.2rem;
  width: 40rem;
  height: 8.4rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.875em;
}

.danbou_datas_outer {
  margin: 6.3rem 0 0 4.5rem;
  width: 49.4rem;
  height: 31.8rem;
  display: flex;
  justify-content: space-between;
}

.danbou_datas {
  width: 21rem;
  height: 31.8rem;
}

.danbou_data_title {
  border: solid 0.2rem var(--black);
  width: 100%;
  height: 3rem;
  text-align: center;
}

.danbou_data_title .title_text {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1em;
  margin: 0.4rem 0.4rem 0 0;
}

.danbou_data_title.aiful .title_text {
  margin: 0.4rem 0 0 0;
}

.danbou_price {
  margin: 3.9rem 0 0 0.1rem;
  width: 20.5rem;
  display: flex;
  align-items: end;
}

.danbou_price.aiful {
  margin-left: 0.5rem;
}

.danbou_price .norm {
  margin: 0 0 0.4rem 0;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1em;
}

.danbou_price .big {
  margin: 0 0.25rem 0 0.4rem;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1em;
}

.danbou_detail_data {
  margin-top: 3.3rem;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.7em;
}

.kenkou_data_area {
  width: 58rem;
  height: 73.4rem;
  margin: 10rem auto 0;
}

.kenkou_title {
  width: 100%;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 2em;
}

.kenkou_description {
  margin: 3.7rem 0 0 8.7rem;
  width: 40rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.875em;
}

.kenkou_graph_title {
  margin: 6.7rem 0 0 17.65rem;
  width: 22.5rem;
  text-align: center;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.75em;
}

.kenkou_graph {
  margin-top: 3.2rem;
  width: 100%;
  height: 25.878rem;
}

/*for_kids*/
.what_kids_design {
  margin: 13.1rem auto 0;
  width: 58rem;
  height: 44rem;
  display: flex;
}

.wkd_text {
  margin-left: 0.1rem;
  width: 28.9rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.875em;
}

.kits_disign_icons {
  width: 28.9rem;
}

.kids_design_icon {
  display: block;
  margin: 3rem auto 0;
  width: 17.7rem;
  height: 17.7rem;
}

.kids_design_text {
  text-align: center;
  margin: 6rem auto 0;
  width: 100%;
  color: #fff;
  font-size: 3.7rem;
  font-weight: 500;
  letter-spacing: 0.006em;
  line-height: 1em;
}

.kids_contents {
  width: 58rem;
  height: -moz-fit-content;
  height: fit-content;
  margin: 8rem auto 0;
}

.kids_contents.family {
  margin-top: 7.3rem;
}

.kids_contents.housework {
  margin-top: 6.4rem;
}

.kids_contents.growth {
  margin-top: 12.7rem;
}

.kids_contents_inner {
  width: calc(100% - 1.2rem);
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  margin-left: 1.2rem;
}

.kids_contents_inner.right {
  flex-direction: row-reverse;
  margin-left: -0.4rem;
}

.kids_content_nums {
  position: relative;
  width: 16.509rem;
  height: 14.037rem;
}

.kids_content_nums.growth {
  margin-top: 0.5rem;
}

.kids_content_text {
  width: 38.8rem;
  margin: 3.1rem 0 0 1.5rem;
}

.kids_content_text.right {
  margin: 3.3rem 1.1rem 0 0;
}

.kids_content_category.eng {
  margin-top: 0;
  color: #fff;
  font-size: 5rem;
  font-weight: 500;
  letter-spacing: 0.006em;
  line-height: 1em;
}

.kids_content_category.eng.right {
  /* margin-left: 1.3rem; */
  text-align: right;
}

.kids_content_eyecatch {
  margin-top: 3.7rem;
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1em;
}

.kids_content_eyecatch.right {
  text-align: right;
  /* margin-right: 1.4rem; */
}

.kids_content_category.jp {
  margin-top: 1.8rem;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1em;
}

.kids_content_category.right.jp {
  text-align: right;
  letter-spacing: 0.108em;
}

.kids_content_description {
  margin-top: 2rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.875em;
}

.kids_content_description.family {
  margin: 2.3rem 0 0 5.8rem;
}

.kids_content_description.growth {
  margin: 3rem 0 0 5.8rem;
}

.kids_contents_sample {
  margin: 2.9rem auto 0;
  width: 52.2rem;
  height: -moz-fit-content;
  height: fit-content;
}

.kids_contents_sample.family {
  margin-top: 3.6rem;
}

.kids_contents_sample.housework {
  margin-top: 0.9rem;
}

.kids_contents_sample.growth {
  margin: 6.7rem 0 0 3rem;
}

.kids_contents_tab {
  width: 9.9rem;
  height: 3.7rem;
  padding: 0.1px;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.kids_tab_text {
  width: -moz-fit-content;
  width: fit-content;
  margin: 1.1rem auto 0;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1em;
}

.kids_contents_tab.safety {
  background-color: var(--light-pink);
}

.kids_contents_tab.family {
  background-color: var(--light-blue);
}

.kids_contents_tab.housework {
  background-color: var(--light-green);
}

.kids_contents_tab.growth {
  background-color: #F7F1C1;
}

.kids_sample_inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: #fff;
  margin-top: -0.1rem;
  padding: 0.1rem 2.8rem 0 2.4rem;
  border-top-left-radius: 0 !important;
}

.kids_sample_inner.safety {
  height: 20rem;
  border: solid 0.5rem var(--light-pink);
}

.kids_sample_inner.family {
  height: 23.4rem;
  padding-top: 0.2rem;
  border: solid 0.5rem var(--light-blue);
}

.kids_sample_inner.housework {
  height: 16.5rem;
  padding-top: 0.2rem;
  border: solid 0.5rem var(--light-green);
}

.kids_sample_inner.growth {
  height: 16.5rem;
  padding-top: 0.2rem;
  border: solid 0.5rem #F7F1C1;
}

.kids_sample_texts {
  width: 30rem;
  margin: 3.6rem 0 0 -0.1rem;
}

.kids_sample_texts.family {
  margin: 3.7rem 0 0 0;
}

.kids_sample_texts.housework {
  margin: 3.4rem 0 0 0.1rem;
}

.kids_sample_texts.growth {
  margin-top: 3.4rem;
}

.kids_sample_title {
  margin-top: 0;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1em;
}

.kids_sample_description {
  margin-top: 1.9rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.875em;
}

.kids_sample_image {
  margin-top: 3.5rem;
  width: 12rem;
  height: 12rem;
  overflow: hidden;
}

.kids_sample_image.family {
  margin-top: 3.2rem;
}

.kids_sample_image.housework {
  margin-top: 1.3rem;
}

.kids_sample_image.growth {
  margin-top: 1.5rem;
}

.kids_sample_image img {
  width: 18.4rem;
  height: 20.7rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: -3.3rem -5.8rem;
     object-position: -3.3rem -5.8rem;
}

.kids_sample_image.family img {
  width: 15.9rem;
  height: 12rem;
  -o-object-position: -0.9rem 0rem;
     object-position: -0.9rem 0rem;
}

.kids_sample_image.housework img {
  width: 18.089rem;
  height: 15.785rem;
  -o-object-position: -1.7rem -1.8rem;
     object-position: -1.7rem -1.8rem;
}

.kids_sample_image.growth img {
  width: 20.9rem;
  height: 21.2rem;
  -o-object-position: -7.3rem -1.3rem;
     object-position: -7.3rem -1.3rem;
}

.spin_arrow_shaft {
  display: inline-block;
  position: absolute;
  top: 0.3rem;
  left: 0.1rem;
  width: 16.509rem;
  height: 14.037rem;
  stroke-dasharray: 38.2rem;
  stroke-dashoffset: 38.2rem;
  transition: stroke-dashoffset 0.6s cubic-bezier(0.24, 0.77, 0.87, 1);
}

.spin_arrow_shaft.right {
  transform: scale(-1, 1);
}

.spin_arrow_shaft.active {
  stroke-dashoffset: 0;
}

.spin_arrow_head {
  position: absolute;
  width: 1.191rem;
  height: 1.178rem;
  bottom: 0.3rem;
  opacity: 0;
  transition: all 0.5s ease;
}

.spin_arrow_head.left {
  transform: scale(-1, 1);
  right: 2.3rem;
}

.spin_arrow_head.right {
  bottom: 0.2rem;
  left: 2.4rem;
}

.spin_arrow_head.left.active {
  opacity: 1;
  right: 0.3rem;
}

.spin_arrow_head.right.active {
  opacity: 1;
  left: 0.4rem;
}

.kids_content_num {
  position: absolute;
  top: 3rem;
  left: 4.4rem;
  color: var(--black);
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1em;
}

.kids_content_num.right {
  right: 4.4rem;
  left: auto;
}

.kids_content_underline {
  position: absolute;
  top: 8.1rem;
  left: 3.9rem;
  background-color: var(--black);
  width: 0;
  height: 0.5rem;
  transition: width 0.6s ease-out;
}

.kids_content_underline.active {
  width: 5.928rem;
}

.kids_content_underline.right {
  right: 3.9rem;
  left: auto;
}

.kids_content_circle {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 12rem;
  height: 12rem;
}

.kids_content_circle.safety {
  background-color: var(--light-pink);
}

.kids_content_circle.family {
  background-color: var(--light-blue);
  right: 0;
  left: auto;
}

.kids_content_circle.housework {
  background-color: var(--light-green);
}

.kids_content_circle.growth {
  background-color: #FFEFAD;
  right: 0;
  left: auto;
}

/*support*/
.tab_description_title {
  margin: 8.6rem auto 0;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.66667em;
}

.tab_description {
  margin: 4.4rem auto 0;
  width: 40rem;
  /* text-align: center; */
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.875em;
}

.support_contents_item {
  display: flex;
  flex-wrap: wrap;
  width: 58rem;
  margin: 3.3rem auto 0;
  padding: 0 2.9rem 0 2.6rem;
  justify-content: space-between;
}

.support_contents_item.two {
  margin-top: 4.3rem;
}

.support_contents {
  position: relative;
  width: 22.9rem;
  height: 23rem;
}

.support_contents_inner {
  display: flex;
  flex-direction: column;
  width: 22.9rem;
}

.support_contents_inner.right {
  margin-top: 13.3rem;
}

.support_contents_inner.left .support_contents:nth-child(n+2) {
  margin-top: 4.6rem;
}

.support_contents_inner.right .support_contents:nth-child(n+2) {
  margin-top: 3.9rem;
}

.support_contents_title {
  margin: 10rem auto 0;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1em;
}

.support_contents_title.two {
  margin-top: 11.2rem;
}

.content_num_circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 7.4rem;
  height: 7.4rem;
  background: #FFF;
  background: linear-gradient(45deg, rgb(255, 255, 255) 0%, rgb(192, 215, 235) 100%);
  z-index: 1;
}

.content_num {
  margin-top: 2rem;
  text-align: center;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1em;
}

.content_main_box {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 3.2rem 0;
  width: 19.9rem;
  height: 19.9rem;
  border-radius: 3.3rem;
  background: #fff;
}

.content_title {
  margin-top: 4.1rem;
  position: relative;
  text-align: center;
  width: 100%;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1em;
}

.content_title::after {
  content: "";
  position: absolute;
  bottom: -2.3rem;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background-color: var(--black);
}

.support_content_text {
  margin-top: 3.8rem;
  text-align: center;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.875em;
}

/*汎用*/
.radius_corner {
  border-radius: 2rem;
}

.radius_corner.small {
  border-radius: 1.5rem;
}

.radius_corner.round {
  border-radius: 48.2%;
}

.child_fade_in,
.arrow_fade_in {
  opacity: 0;
  transition: opacity 1.5s cubic-bezier(0, 0.42, 0.58, 1);
}

.child_fade_in.show,
.arrow_fade_in.active {
  opacity: 1;
}

.br_pc {
  display: initial;
}

.br_sp {
  display: none;
}

.arrow_sp {
  display: none;
}

.sp_newline {
  display: none;
}

.junp_target {
  height: 0.1rem;
}

.step_text_area {
  font-family: var(--NotoSans);
}

.step_text_area_text {
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.02em;
  line-height: 1.4285714286;
}

@media screen and (max-width: 699.98px) {
  .header .logo-svg {
    fill: var(--black);
  }
  .shop_name_logo {
    color: var(--black);
  }
  .br_pc {
    display: none;
  }
  .br_sp {
    display: initial;
  }
  .fixed_area {
    position: relative;
    width: 100%;
    height: 24rem;
    max-height: none;
    min-height: auto;
  }
  .fixed_area .title_image {
    aspect-ratio: 1/0.6658595642;
    width: 100%;
    height: 24rem;
    -o-object-position: center;
       object-position: center;
  }
  .page_title {
    margin: 0;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 3.7rem;
    letter-spacing: 0.03em;
    line-height: 1.108em;
  }
  .page_subtitle {
    margin: 0.8rem 0 0;
    font-size: 1.4rem;
    letter-spacing: 0.02em;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .page_subtitle::after {
    width: 17rem;
    height: 1.8rem;
    left: 0.2rem;
    top: 0.3rem;
  }
  .container {
    width: 100%;
    /* margin-bottom: 0rem; */
  }
  .eye_catch_head {
    margin: 2.2rem 0 0 2.6rem;
    width: 32.5rem;
  }
  .company_name.ec {
    font-size: 2.3rem;
    letter-spacing: 0.02em;
  }
  .eye_catch_ad {
    margin: 3.2rem 0 0 0.7rem;
  }
  .eye_catch_ad .ec_span {
    font-size: 3.3rem;
    letter-spacing: 0.02em;
  }
  .eye_catch_ad .ec_span::after {
    top: 0.8rem;
    left: -0.7rem;
  }
  .eye_catch_ad .ec_span.top::after {
    width: 21.7rem;
  }
  .eye_catch_ad .ec_span.bottom::after {
    width: 23rem;
  }
  .eye_catch_main {
    width: calc(100% - 5rem);
    margin: 5.2rem auto 0;
    font-size: 1.5rem;
    letter-spacing: 0.02em;
    line-height: 1.8666666em;
  }
  .eye_catch_icons {
    width: calc(100% - 5rem);
    height: auto;
    margin: 7.3rem 2.5rem 0;
    aspect-ratio: auto;
  }
  .multi_texts {
    width: 33.2rem;
    margin: 7rem 0 0 2.4rem;
  }
  .multi_text.flex {
    margin-top: 1.4rem;
  }
  .multi_text {
    font-size: 3.2rem;
  }
  .multi_cross {
    width: 8.8rem;
    right: 11.7rem;
    bottom: -5.3rem;
  }
  .appeal_points {
    width: calc(100% - 5rem);
    margin: 6rem auto 0;
  }
  .appeal_box {
    width: 15.5rem;
  }
  .appeal_box_inner {
    height: 36.5rem;
  }
  .appeal_brown_box {
    width: 12.551rem;
    height: 12.551rem;
    border-radius: 1.3rem;
    margin: 1.26rem 0 0 1.6rem;
  }
  .appeal_title {
    margin-top: 2rem;
    font-size: 1.3rem;
    letter-spacing: 0.02em;
    line-height: 1.384616;
  }
  .appeal_title .big {
    font-size: 2.4rem;
  }
  .appeal_point_list {
    width: 12.487rem;
  }
  .appeal_point_list.left {
    margin: 1.9rem 0 0 1.6rem;
  }
  .appeal_point_list.right {
    margin: 1.9rem 0 0 1.3rem;
  }
  .ap_checkbox {
    width: 1.2rem;
    height: 1.014rem;
  }
  .appeal_point_texts.left.one .ap_checkbox {
    margin-top: 0.2rem;
  }
  .appeal_point_texts.left.two .ap_checkbox,
  .appeal_point_texts.right.two .ap_checkbox,
  .appeal_point_texts.right.three .ap_checkbox,
  .appeal_point_texts.right.four .ap_checkbox {
    margin-top: 0.5rem;
  }
  .appeal_point_texts.left.three .ap_checkbox {
    margin-top: 0.7rem;
  }
  .appeal_point_texts.right.one .ap_checkbox {
    margin: 0.3rem auto 0;
  }
  .appeal_text,
  .appeal_point_texts.right .appeal_text {
    font-size: 1.3rem;
    margin-left: 0.3rem;
  }
  .appeal_point_texts.left.two {
    margin-top: 1.4rem;
  }
  .appeal_point_texts.left.three {
    margin-top: 1.5rem;
  }
  .appeal_point_texts.right.two,
  .appeal_point_texts.right.three,
  .appeal_point_texts.right.four {
    margin: 1.8rem 0 0 0.3rem;
  }
  .appeal_point_texts.right.four {
    margin-top: 1.4rem;
  }
  .appeal_desc {
    margin-top: 1.2rem;
    font-size: 1.4rem;
    letter-spacing: 0.02em;
    line-height: 1.857143em;
    /* padding-left: 0.5rem; */
  }
  .appeal_point_texts.right .appeal_desc {
    margin-left: 0.5rem;
  }
  .flow_of_house {
    width: 100%;
    margin-top: 10.8rem;
    height: auto;
    padding-bottom: 5rem;
  }
  .slide_step_button {
    overflow: hidden;
  }
  .slide_step {
    width: calc(100% - 5rem);
    height: 41rem;
    margin: 7.9rem auto 0;
    padding-right: 2.5rem;
  }
  .step_box_inner::before {
    left: 0;
  }
  .step_box_inner::after {
    left: -1.3rem;
  }
  .step_nums.step_box {
    margin: 0px 0 0 13.9rem;
  }
  .step_box_texts {
    margin-top: 1.3rem;
  }
  .step_box_title {
    width: 24rem;
    padding: 0;
    margin: 0 0 0 4.2rem;
    line-height: 1.75em;
  }
  .step_box_main {
    width: 24rem;
    margin: 2.6rem 0 0 4.2rem;
  }
  .next_btn {
    right: 7.6rem;
  }
  .prev_btn {
    left: 7.6rem;
  }
  .foh_titles {
    margin-top: 6.7rem;
  }
  .foh_title.eng {
    font-size: 2.6rem;
  }
  .foh_title.jp {
    font-size: 1.8rem;
    margin-top: 1.4rem;
  }
  .foh_step_list {
    margin: 7rem 0 0 2.5rem;
  }
  .step_num.num {
    font-size: 2.5rem;
    text-align: center;
    width: 100%;
    margin: 0;
  }
  .wwb_tab_buttons {
    width: calc(100% - 5rem);
    margin: 10.3rem auto 0;
    padding-bottom: 2rem;
  }
  .wwb_tab_buttons02 {
    width: calc(100% - 5rem);
    margin-top: 0;
  }
  .wwb_tab_button {
    width: 8rem;
    height: 7.7rem;
  }
  .wwb_tab_button02 {
    width: 8rem;
  }
  .tab_text.eng {
    display: none;
  }
  .tab_text.jp {
    width: 5.6rem;
    font-size: 1.3rem;
  }
  .pad_top {
    padding-top: 0.5rem;
  }
  .wwb_tab_contents {
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    border-top-right-radius: 3rem;
    /* padding-bottom: 24rem; */
  }
  .appeal_no_collapse,
  .structure_part {
    width: calc(100% - 5rem);
    margin: 0 auto 0;
  }
  .nc_strong,
  .nc_hansin,
  .resis_eq {
    width: 100%;
  }
  .nc_hansin {
    font-size: 2.6rem;
  }
  .nc_strong {
    font-size: 2rem;
  }
  .nc_map_image {
    margin: 0 0 0 -2.5rem;
    width: calc(100% + 5rem);
  }
  .resis_eq {
    margin-top: 0;
  }
  .resis_eq_text {
    margin: 0 0 0 0;
    font-size: 1.5rem;
    width: 24.8rem;
    margin-left: 3rem;
    font-size: 1.5rem;
    line-height: 1.866666;
  }
  .structure_part {
    height: -moz-fit-content;
    height: fit-content;
  }
  .structure_ec {
    font-size: 2.7rem;
  }
  .circle_contents_ec {
    font-size: 2.1rem;
  }
  .circle_cat,
  .circle_str_name {
    font-size: 2rem;
    margin: 4rem 0 0 0.2rem;
  }
  .circle_str_name .small {
    font-size: 1.2rem;
    margin-top: 1.3rem;
    display: block;
    font-weight: 500;
  }
  .circle_subtext {
    width: 25.6rem;
    font-size: 1.4rem;
  }
  .experiment_box {
    border-radius: 3.5rem;
    width: 32.5rem;
    margin: 0 auto 0;
    height: 98.4rem;
    margin-top: 8rem;
  }
  .experiment_title {
    width: 19.3rem;
    font-size: 1.8rem;
    border-radius: 1.3rem;
  }
  .experiment_detail {
    width: 27rem;
    font-size: 1.5rem;
  }
  .experiment_image {
    width: 25rem;
  }
  .experiment_supplement {
    width: 25rem;
    font-size: 1.4rem;
  }
  .er_title {
    margin: 4rem auto 0;
    margin-bottom: 1rem;
    font-size: 1.4rem;
  }
  .er_title_eng {
    margin: 0 auto 0;
    font-size: 1.3rem;
  }
  .er_text {
    margin: 0 2rem 0 2rem;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.4285;
  }
  .experiment_results {
    width: 27rem;
    height: 25.5rem;
    margin: 0 auto 0;
    margin-top: 5rem;
  }
  .shourei_box {
    width: 100%;
    height: 58.2rem;
    margin: 0 auto 0;
    margin-top: 6.7rem;
    margin-bottom: 5rem;
  }
  .shourei_title {
    font-size: 2.8rem;
    text-align: center;
  }
  .shourei_description {
    margin: 3.2rem auto 0;
    width: 32.2rem;
    height: auto;
    font-size: 1.5rem;
  }
  .shourei_circles {
    flex-wrap: wrap;
    height: 30.8rem;
    /* margin-bottom: 10rem; */
  }
  .shourei_circle:nth-child(1) {
    margin: 0 calc((100% - 15rem) / 2) 0;
  }
  .more_read {
    margin: 0 auto 0;
    /* margin-left: 2.5rem; */
  }
  .wwb_title {
    font-size: 4rem;
  }
  .wwb_subtitle {
    font-size: 2.3rem;
  }
  .wwp_concept {
    font-size: 1.5rem;
    text-align: left;
    margin-left: 2.5rem;
  }
  .wwb_tab_button::before {
    height: 4.3rem;
  }
  .tab_title.safety {
    /* margin-left: 0; */
    font-size: 3rem;
    text-align: center;
    margin: 0 auto;
  }
  .slide_eq {
    margin-top: 5.7rem;
  }
  .eq_name,
  .eq_date {
    font-size: 1.1rem;
  }
  .eq_magnitude {
    font-size: 3.1rem;
    text-align: center;
  }
  .slide_eq_content.swiper-slide {
    width: 10.4rem;
    height: 20rem;
  }
  .eq_names {
    height: 11rem;
  }
  .vertical_texts {
    margin: 10rem auto 0;
    font-size: 2rem;
    margin-bottom: 9.4rem;
  }
  .vertical_text {
    font-size: 2rem;
  }
  .sp_br_none {
    display: none;
  }
  .resis_eq {
    margin-top: 7rem;
    margin-bottom: 10rem;
  }
  .circle_subtext.one {
    font-size: 1.4rem;
  }
  .circle_str_name {
    font-size: 1.9rem;
    margin-top: 1.7rem;
    /* width: 21.6rem; */
  }
  .circle_subtext {
    width: 29rem;
  }
  .experiment_title {
    margin-top: 4.1rem;
    padding-top: 0.5rem;
    line-height: 2.277;
  }
  .experiment_detail {
    font-size: 1.5rem;
    letter-spacing: 0.02em;
    margin-bottom: 3.1rem;
  }
  .er_image {
    width: 22.6rem;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    margin: 1.5rem 0 3.37rem 3rem;
  }
  .radius_corner.small {
    /* padding-top: 2.7rem; */
    /* margin-left: 2.5rem; */
    /* padding-right: 2.3rem; */
  }
  .experiment_conclusion {
    width: 100%;
    margin: 3rem auto 0;
  }
  .tab_title.comfortable {
    margin: 0 auto;
    font-size: 3rem;
  }
  .circles_subject {
    font-size: 2.2rem;
  }
  .circle_cat {
    font-size: 2rem;
    /* width: 20.6rem; */
    /* width: 21.6rem; */
    width: 21.6rem;
    margin-top: 3.4rem;
    /* margin-right: 2rem; */
    /* margin: 0; */
    width: auto;
    margin-bottom: 0.5rem;
  }
  .circle.one {
    width: 17rem;
  }
  .circle.two {
    width: 15.5rem;
    /* top: 1.3rem; */
    /* left: 1.3rem; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .circle.three {
    width: 13.6rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .circle_unit {
    width: 22.9rem;
    height: 22.9rem;
    margin: 1.3rem auto 0;
  }
  .conf_circle_set {
    flex-direction: column;
    width: 100%;
  }
  .circle_unit.conf {
    width: 17rem;
    margin-top: 1.3rem;
    height: 17rem;
  }
  .sphere_2_spot {
    margin: 0 auto;
  }
  .unit {
    font-size: 1.3rem;
    font-weight: 500;
  }
  .area {
    font-size: 1.1rem;
    font-weight: 500;
  }
  .annotation {
    font-size: 1.2rem;
    width: 14rem;
    margin: 0;
    margin-left: 2.5rem;
    margin-top: 9rem;
  }
  .circle_str_name.conf {
    font-size: 1.5rem;
    margin-top: 0;
    width: 17.9rem;
    /* margin-right: 3rem; */
    margin: auto;
    width: auto;
  }
  .circle_str_name.conf .big {
    font-size: 2.6rem;
    margin-bottom: -2.8rem;
    display: block;
  }
  .circle_str_name.conf.thermal {
    margin-top: 0.6rem;
    width: 17.9rem;
  }
  .structure_part .circle.one {
    width: 22.9rem;
    height: 22.9rem;
  }
  .structure_part .circle.two {
    width: 20.5rem;
    height: 20.5rem;
  }
  .structure_part .circle.three {
    width: 18.1rem;
    height: 18.1rem;
  }
  .structure_part .circle_cat {
    margin-top: 5.6rem;
    margin-bottom: 2.2rem;
  }
  .circle_str_name.two {
    margin-top: 1.5rem;
    /* width: 20.6rem; */
    margin: 2.3rem auto;
    width: 21.6rem;
  }
  .sp_text_size01 {
    line-height: 1;
    /* line-height: 1em;
     */
    width: 9.8rem;
    display: inline-block;
    line-height: 0.9;
    font-weight: 500;
    letter-spacing: 0.02em;
  }
  .ti_materials {
    width: 100%;
    margin: 8rem 0 0 2.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .ti_material_details {
    width: 19.7rem;
    display: contents;
  }
  .vertical_text.ti_material {
    font-size: 2.6rem;
  }
  .vertical_text.ti_material.right {
    margin-left: 2.5rem;
  }
  .ti_material_description {
    width: 20.7rem;
    /* margin-left: 2.5rem; */
    font-size: 1.5rem;
    padding-right: 2.5rem;
    margin-right: 2.5rem;
    letter-spacing: 0.02em;
  }
  .header_buttons {
    display: none;
  }
  .tow_sp {
    margin-left: auto;
    margin-right: 2.5rem;
    width: 17rem;
  }
  .sp_mk {
    margin-bottom: -4rem;
    display: block;
    /* font-weight: 500; */
  }
  .ti_material_image {
    margin: 3.2rem 0 0 0;
    width: 32.5rem;
    -o-object-fit: contain;
       object-fit: contain;
    margin-bottom: 5.32rem;
  }
  .hqp_boxs {
    margin: 0;
    width: 32.5rem;
    height: 17.1rem;
  }
  .hqp_boxs_inner {
    width: 28.9rem;
    margin-left: 2rem;
  }
  .hqp_box {
    width: 8.6rem;
    height: 8.1rem;
  }
  .hqp_box_material {
    font-size: 1.3rem;
  }
  .hqp_boxs_title {
    margin: 1.7rem auto 0;
  }
  .danbou_title {
    text-align: center;
    margin: 0;
    height: auto;
  }
  .danbou_description {
    margin-left: 2.5rem;
    width: 32.5rem;
  }
  .danbou_data_area {
    margin-top: 5.32rem;
    height: auto;
  }
  .danbou_data_title .title_text {
    width: 15rem;
    height: 5rem;
    line-height: 1.4em;
    margin-top: 0;
  }
  .danbou_data_title {
    width: 15rem;
    height: 5rem;
  }
  .danbou_datas {
    width: 14.5rem;
    height: auto;
  }
  .danbou_price {
    width: 13.9rem;
    flex-wrap: wrap;
  }
  .danbou_price .big {
    font-size: 2.7rem;
    margin: 0;
  }
  .danbou_price .norm {
    font-size: 1.4rem;
  }
  .annotation.danbou {
    margin: 8.1rem 0 0 0;
    height: auto;
    margin: 0 2.5rem;
    width: 32.5rem;
    margin-top: 5.3rem;
  }
  .danbou_datas_outer {
    height: auto;
    margin-left: 2.5rem;
    width: 32.5rem;
  }
  .kenkou_title {
    height: auto;
    text-align: left;
    margin-left: 2.5rem;
  }
  .kenkou_data_area {
    height: auto;
    margin-top: 5.3rem;
  }
  .kenkou_description {
    width: 32.5rem;
    font-size: 1.5rem;
    margin: 6rem 0 0 2.5rem;
  }
  .kenkou_graph_title {
    margin: 3rem 0 0 0;
    width: 37.5rem;
    display: none;
  }
  .kenkou_graph {
    -o-object-fit: contain;
       object-fit: contain;
    width: 35rem;
    height: 41rem;
  }
  .annotation.kenkou {
    margin: 5.3rem 0 0 2.5rem;
    width: 32.5rem;
    line-height: 1.7;
  }
  .more_read.comfortable {
    margin-left: 2.5rem;
  }
  .tab_title.for_kids {
    margin-left: 4.6rem;
    font-size: 3rem;
    width: auto;
    text-align: left;
    letter-spacing: 0.02;
  }
  .what_kids_design {
    flex-direction: column-reverse;
    height: auto;
    width: 37.5rem;
    margin: 7.1rem auto 0;
  }
  .kits_disign_icons {
    margin: 0 auto;
    text-align: center;
  }
  .kids_design_text {
    text-align: center;
  }
  .wkd_text {
    width: 32.5rem;
    margin: 5rem auto;
    /* margin: 0 auto; */
  }
  .kids_contents_inner {
    width: 37.5rem;
    display: block;
  }
  .kids_sample_inner.safety {
    display: block;
    /* padding: 3.5rem 0 0 2.5rem; */
    width: 32.5rem;
    height: auto;
    padding-top: 3.5rem;
  }
  .kids_sample_description {
    font-size: 1.5rem;
    font-weight: 500;
  }
  .kids_sample_image img {
    width: 16rem;
    margin-left: 10rem;
    height: 12rem;
    margin: 0;
  }
  .kids_sample_image {
    width: 100%;
    width: 12rem;
    margin: 1rem auto 5rem;
    /* margin-left: 10rem; */
    height: 12rem;
    /* height: auto; */
  }
  .content_nums02 {
    margin-right: 2.5rem;
    margin-left: auto;
    /* width: 32.5rem; */
  }
  .kids_content_text {
    width: 37.5rem;
  }
  .kids_content_description.family {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .kids_contents_inner.right {
    margin-right: 2.5rem;
    margin-left: 0;
    width: 37.5rem;
  }
  .kids_contents.family {
    width: 37.5rem;
    margin-right: 2.5rem;
  }
  .kids_content_category.eng.right {
    margin-right: 2.5rem;
  }
  .kids_content_eyecatch.right {
    margin-right: 2.5rem;
  }
  .kids_content_category.right.jp {
    margin-right: 2.5rem;
  }
  .kids_sample_inner.family {
    display: block;
    /* display: block; */
    width: 32.5rem;
    margin: 0 auto;
    height: auto;
    display: block;
    width: 32.5rem;
    margin-left: 0;
  }
  .kids_contents_sample.family {
    margin-left: 2.5rem;
    width: 37.5rem;
  }
  .kids_contents {
    height: -moz-max-content;
    height: max-content;
  }
  .kids_content_category.eng {
    font-size: 4.3rem;
  }
  .kids_sample_inner.housework {
    display: block;
    height: auto;
    width: 32.5rem;
  }
  .wwb_tab_content.for_kids {
    height: auto;
    margin-top: 8.4rem;
  }
  .kids_content_nums {
    /* margin-left: auto; */
    margin-right: 2.5rem;
  }
  .kids_contents.growth {
    /* margin-left: 2.5rem; */
    margin-right: 2.5rem;
  }
  .kids_content_description.growth {
    margin-right: 2.5rem;
  }
  .kids_sample_inner.growth {
    display: block;
    width: 32.5rem;
    height: auto;
  }
  .more_read.for_kids {
    margin: 8rem 0 14rem 2.5rem;
    white-space: nowrap;
  }
  .tab_title.support {
    margin-left: 8.5rem;
    font-size: 3rem;
  }
  .tab_description_title {
    font-size: 2.1rem;
  }
  .tab_description {
    margin-left: 2.5rem;
    width: 32.5rem;
  }
  .support_contents_item {
    width: 37.5rem;
    flex-wrap: inherit;
  }
  .support_contents {
    width: 21rem;
    height: 21rem;
  }
  .content_num_circle {
    width: 7rem;
    height: 7rem;
    top: -2rem;
  }
  .support_contents_item {
    padding-left: 2.5rem;
    margin-top: 4rem;
  }
  .support_contents_inner.left .support_contents:nth-child(n+2) {
    margin-top: 30rem;
  }
  .support_contents_inner.right {
    margin-top: 25rem;
    /* margin-right: 0rem; */
  }
  .sp_support_con04 {
    margin-top: 30rem;
    left: -10rem;
  }
  .sp_support_con02 {
    left: -10rem;
  }
  .support_contents_inner.right .support_contents:nth-child(n+2) {
    margin-top: 30.9rem;
  }
  .support_contents_title.two {
    font-size: 2.1rem;
  }
  .support_contents_inner.right {
    /* left: -10rem; */
    position: relative;
  }
  .sp_content_support {
    left: -10rem;
  }
  .more_read.support {
    margin: 11.1rem 0 0 2.5rem;
    flex-wrap: nowrap;
    justify-content: space-between;
    white-space: nowrap;
  }
  .foh_step_list {
    width: 14.5rem;
    /* display: block; */
    width: auto;
  }
  .step_list_content:not(:last-child) {
    margin-right: 2rem;
  }
  .arrow_area {
    display: block;
    width: 8rem;
    height: 1.4rem;
    position: relative;
    margin: 0 auto;
    top: 0rem;
  }
  .arrow_sp {
    display: block;
    width: 100%;
    height: 100%;
  }
  .maruno04 {
    margin-left: auto;
  }
  .fixed_area_filter {
    height: 17rem;
    top: 0rem;
  }
  .fixed_area_text {
    top: auto;
    left: 4rem;
    bottom: 3.2rem;
    height: auto;
    padding-top: 0;
  }
  .sp_newline {
    display: block;
  }
  .text_black {
    font-weight: 900;
  }
  .sp_one_line {
    white-space: nowrap;
    font-weight: 500;
  }
  .margin_sp {
    padding-left: 1rem;
  }
  .kids_sample_texts {
    margin-top: 0;
    width: 27rem;
  }
  .kids_sample_title {
    line-height: 1.2;
  }
  .main_wrapper {
    padding-top: 0;
  }
  .logo_wrap {
    color: #3C3C3C;
  }
  .header .logo-svg {
    fill: #3C3C3C;
  }
  .kids_contents_sample.housework {
    margin-top: 2.9rem;
  }
  .kids_contents_sample.growth {
    margin-top: 2.9rem;
  }
  .danbou_data_title.aiful .title_text {
    margin-top: 0;
  }
  .step_text_area {
    margin-top: 2.9rem;
  }
  .step_text_area_text {
    line-height: 1.7857142857;
  }
}
.more_btn {
  display: flex;
  justify-content: center;
  margin: 8rem 0 0;
}

/*----------------------------------------
	p-building-support
----------------------------------------*/
.p-building-safety {
  padding: 0 6rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety {
    padding: 0 2.4rem 8rem;
  }
}

/*----------------------------------------
	p-building-support-concept
----------------------------------------*/
.p-building-safety-concept {
  margin: 0 0 8rem;
}
.p-building-safety-concept__title {
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  margin: 0 0 4rem;
}
.p-building-safety-concept__slide {
  margin: 0 -6rem 8rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-concept__slide {
    margin: 0 -2.4rem 8rem;
  }
}
.p-building-safety-concept__slide .swiper-wrapper {
  transition-timing-function: linear;
}
.p-building-safety-concept__slide .swiper-slide {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.6rem;
  height: auto;
  background: #fff;
  padding: 2.4rem;
  border-radius: 1rem;
}
.p-building-safety-concept__slide .swiper-slide p:nth-child(1) {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.6;
  writing-mode: vertical-rl;
  text-orientation: upright;
  white-space: nowrap;
}
.p-building-safety-concept__slide .swiper-slide p:nth-child(2) {
  font-size: 3.5rem;
  font-weight: 500;
  font-family: var(--Jost);
  line-height: 1;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-concept__slide .swiper-slide p:nth-child(2) {
    font-size: 3.2rem;
  }
}
.p-building-safety-concept__info {
  display: flex;
  justify-content: center;
  margin: 0 0 12rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-concept__info {
    margin: 0 0 8rem;
  }
}
.p-building-safety-concept__info p {
  font-size: 2.2rem;
  line-height: 2;
  writing-mode: vertical-rl;
  white-space: nowrap;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-concept__info p {
    font-size: 2.2rem;
  }
}
.p-building-safety-concept__feature {
  margin: 0 0 16rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-concept__feature {
    margin: 0 0 8rem;
  }
}
.p-building-safety-concept__feature h3 {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.6;
  margin: 0 0 4rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-concept__feature h3 {
    font-size: 2.6rem;
  }
}
.p-building-safety-concept__feature p {
  font-size: 1.8rem;
  line-height: 1.6;
  margin: 0 0 2.4rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-concept__feature p {
    font-size: 2rem;
  }
}
.p-building-safety-concept__feature img {
  display: block;
  max-width: 44rem;
  width: 100%;
  height: auto;
  margin: 0 -6rem 0 auto;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-concept__feature img {
    margin: 0;
  }
}
.p-building-safety-concept__point {
  display: flex;
  align-items: center;
  gap: 3.2rem;
  margin: 0 0 12rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-concept__point {
    align-items: start;
    margin: 0 0 8rem;
  }
}
.p-building-safety-concept__point h3 {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.p-building-safety-concept__point h3 span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.6rem;
  height: 4.6rem;
  font-size: 2.3rem;
  line-height: 1;
  color: #fff;
  background: #2F2E2E;
  border-radius: 50%;
}
.p-building-safety-concept__point p {
  max-width: 38rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8;
}
.p-building-safety-concept__message h3 {
  font-size: 2.8rem;
  line-height: 1.6;
  text-align: center;
  margin: 0 0 4rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-concept__message h3 {
    font-size: 2.6rem;
  }
}
.p-building-safety-concept__message p {
  font-size: 2.3rem;
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-concept__message p {
    font-size: 2rem;
  }
}

/*----------------------------------------
	p-building-support-technology
----------------------------------------*/
.p-building-safety-technology {
  margin: 0 0 8rem;
}
.p-building-safety-technology__nav ul {
  display: flex;
  gap: 4rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-technology__nav ul {
    gap: 2.4rem;
  }
}
.p-building-safety-technology__nav ul li {
  flex: 1;
}
.p-building-safety-technology__nav ul li a {
  position: relative;
  display: block;
  height: 14rem;
  background: #fff;
  padding: 4rem 1.6rem;
  border-radius: 0.5rem;
}
.p-building-safety-technology__nav ul li a:after {
  content: url(../img/building/icon-arrow01.svg);
  position: absolute;
  left: 50%;
  bottom: 1.6rem;
  translate: -50% 0;
}
.p-building-safety-technology__nav ul li a span {
  color: #2F2E2E;
}
.p-building-safety-technology__nav ul li a span:nth-child(1) {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 50%;
  width: 6.4rem;
  height: 6.4rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  background: #C0D7EB;
  border-radius: 50%;
  translate: -50% -50%;
}
.p-building-safety-technology__nav ul li a span:nth-child(2) {
  display: block;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-technology__nav ul li a span:nth-child(2) {
    font-size: 1.6rem;
  }
}
.p-building-safety-technology__nav ul li a span:nth-child(2) small {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
}
.p-building-safety-technology__section {
  padding: 12rem 0 0;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-technology__section {
    padding: 8rem 0 0;
  }
}
.p-building-safety-technology__txt {
  margin: 0 0 5.6rem;
}
.p-building-safety-technology__txt h3 {
  text-align: center;
  margin: 0 0 4rem;
}
.p-building-safety-technology__txt h3 span {
  position: relative;
  display: inline-block;
  font-size: 2.5rem;
  font-weight: 500;
  padding: 0 3.2rem;
  z-index: 1;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-technology__txt h3 span {
    font-size: 2.2rem;
    padding: 0 2.4rem;
  }
}
.p-building-safety-technology__txt h3 span:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40%;
  background: #fff;
  z-index: -1;
}
.p-building-safety-technology__txt p {
  max-width: 44rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8;
  margin: auto;
}
.p-building-safety-technology__point {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem 8rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-technology__point {
    grid-template-columns: auto;
    gap: 4rem;
  }
}
.p-building-safety-technology__point li h3 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  padding: 0.4rem 0.8rem;
  margin: 0 0 2.4rem;
  border: 1px solid #2F2E2E;
  border-radius: 10rem;
}
.p-building-safety-technology__point li img {
  width: 100%;
  height: auto;
  margin: 0 0 1.6rem;
}
.p-building-safety-technology__point li p {
  font-size: 1.3rem;
  line-height: 1.8;
}
.p-building-safety-technology__feature h3 {
  max-width: 25rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  padding: 0.4rem 0.8rem;
  margin: 0 auto 2.4rem;
  border: 1px solid #2F2E2E;
  border-radius: 10rem;
}
.p-building-safety-technology__feature ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
  margin: 0 0 2.4rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-technology__feature ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-building-safety-technology__feature ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 13rem;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  background: #fff;
  border-radius: 0.5rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-technology__feature ul li:nth-child(1) {
    translate: calc(50% + 1.2rem) 0;
  }
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-technology__feature ul li:nth-child(2) {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-technology__feature ul li:nth-child(3) {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
.p-building-safety-technology__feature p {
  font-size: 1rem;
  line-height: 1.6;
  text-align: center;
}

/*----------------------------------------
	p-building-support-experiment
----------------------------------------*/
.p-building-safety-experiment {
  background: #fff;
  padding: 8rem 5.6rem;
  margin: 0 0 8rem;
  border-radius: 1rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-experiment {
    padding: 4rem 2.4rem;
  }
}
.p-building-safety-experiment__message {
  margin: 0 0 8rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-experiment__message {
    margin: 0 0 4rem;
  }
}
.p-building-safety-experiment__message h3 {
  text-align: center;
  margin: 0 0 3.2rem;
}
.p-building-safety-experiment__message h3 span {
  display: inline-block;
  font-size: 2rem;
  font-weight: 500;
  background: #EDEDED;
  padding: 0.8rem 4rem;
  border-radius: 1rem;
}
.p-building-safety-experiment__message p {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8;
  margin: 0 0 3.2rem;
}
.p-building-safety-experiment__message figure img {
  width: 100%;
  height: auto;
  margin: 0 0 1.6rem;
}
.p-building-safety-experiment__message figure figcaption {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8;
}
.p-building-safety-experiment__result {
  margin: 0 0 4rem;
}
.p-building-safety-experiment__result img {
  width: 100%;
  height: auto;
  margin: 0 0 1.6rem;
}
.p-building-safety-experiment__result p {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-experiment__result p {
    font-size: 1.6rem;
  }
}
.p-building-safety-experiment__btn {
  display: flex;
  justify-content: center;
}

/*----------------------------------------
	p-building-support-feature
----------------------------------------*/
.p-building-safety-feature {
  margin: 0 0 8rem;
}
.p-building-safety-feature__title {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  margin: 0 0 4rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-feature__title {
    font-size: 2.6rem;
  }
}
.p-building-safety-feature__txt {
  max-width: 40rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8;
  margin: 0 auto 5.6rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-feature__txt {
    margin: 0 auto 2.4rem;
  }
}
.p-building-safety-feature__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.2rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-feature__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 0 1.6rem;
  }
}
.p-building-safety-feature__list li {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  background: #fff;
  border-radius: 50%;
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-feature__list li:nth-child(1) {
    translate: calc(50% + 0.8rem) 0;
  }
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-feature__list li:nth-child(2) {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
@media screen and (max-width: 699.98px) {
  .p-building-safety-feature__list li:nth-child(3) {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}

/*----------------------------------------
	p-building-support-btn
----------------------------------------*/
.p-building-safety-btn {
  display: flex;
  justify-content: center;
}

/*----------------------------------------
	p-building-comfortable
----------------------------------------*/
.p-building-comfortable {
  padding: 0 6rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable {
    padding: 0 2.4rem 8rem;
  }
}

/*----------------------------------------
	p-building-comfortable-message
----------------------------------------*/
.p-building-comfortable-message__head {
  margin: 0 0 8rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-message__head {
    margin: 0 0 4rem;
  }
}
.p-building-comfortable-message__head h2 {
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  margin: 0 0 4rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-message__head h2 {
    font-size: 2.8rem;
    margin: 0 0 3.2rem;
  }
}
.p-building-comfortable-message__head p {
  max-width: 44rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8;
  margin: auto;
}
.p-building-comfortable-message__nav ul {
  display: flex;
  gap: 4rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-message__nav ul {
    gap: 0.8rem;
  }
}
.p-building-comfortable-message__nav ul li {
  flex: 1;
}
.p-building-comfortable-message__nav ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  color: #2F2E2E;
  background: #fff;
  padding: 1.6rem;
  border-radius: 0.5rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-message__nav ul li a {
    font-size: 1.2rem;
    padding: 0.8rem;
  }
}
.p-building-comfortable-message__nav ul li a:after {
  content: url(../img/building/icon-arrow01.svg);
}

/*----------------------------------------
	p-building-comfortable-hqp
----------------------------------------*/
.p-building-comfortable-hqp {
  padding: 12rem 0 0;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-hqp {
    padding: 8rem 0 0;
  }
}
.p-building-comfortable-hqp__title {
  text-align: center;
  margin: 0 0 5.6rem;
}
.p-building-comfortable-hqp__title span {
  position: relative;
  display: inline-block;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.6;
  padding: 0 3.2rem;
  z-index: 1;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-hqp__title span {
    font-size: 2.2rem;
  }
}
.p-building-comfortable-hqp__title span:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2.4rem;
  background: #fff;
  z-index: -1;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-hqp__title span:after {
    height: 1.6rem;
  }
}
.p-building-comfortable-hqp__feature {
  display: flex;
  gap: 5.6rem;
  margin: 0 0 5.6rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-hqp__feature {
    flex-direction: column;
    align-items: center;
  }
}
.p-building-comfortable-hqp__feature__heading {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.4rem;
  writing-mode: vertical-rl;
  white-space: nowrap;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-hqp__feature__heading {
    font-size: 2rem;
  }
}
.p-building-comfortable-hqp__feature__content {
  flex: 1;
}
.p-building-comfortable-hqp__feature__content p {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8;
  margin: 0 0 4rem;
}
.p-building-comfortable-hqp__feature__content img {
  width: 100%;
  height: auto;
}
.p-building-comfortable-hqp__number {
  padding: 0 3.2rem;
  margin: 0 0 8rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-hqp__number {
    padding: 0;
  }
}
.p-building-comfortable-hqp__number__row {
  display: flex;
  gap: 8rem;
  margin: 0 0 4rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-hqp__number__row {
    gap: 1.6rem;
    margin: 0 0 2.4rem;
  }
}
.p-building-comfortable-hqp__number__column {
  flex: 1;
}
.p-building-comfortable-hqp__number__column h3 {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  margin: 0 0 1.6rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-hqp__number__column h3 {
    font-size: 2.2rem;
  }
}
.p-building-comfortable-hqp__number__column p {
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: center;
  margin: 0 0 4.8rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-hqp__number__column p {
    margin: 0 0 2.4rem;
  }
}
.p-building-comfortable-hqp__number__column img {
  width: 100%;
  height: auto;
}
.p-building-comfortable-hqp__number__txt {
  font-size: 1.2rem;
  line-height: 1.8;
  text-align: center;
}
.p-building-comfortable-hqp__window {
  padding: 0 3.2rem;
  margin: 0 0 8rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-hqp__window {
    padding: 0;
  }
}
.p-building-comfortable-hqp__window__heading {
  text-align: center;
  margin: 0 0 4rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-hqp__window__heading {
    margin: 0 0 2.4rem;
  }
}
.p-building-comfortable-hqp__window__heading h3 {
  max-width: 39rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6;
  background: #fff;
  padding: 0.4rem 1.6rem;
  margin: auto;
  border-radius: 0.5rem;
}
.p-building-comfortable-hqp__window__main {
  display: flex;
  gap: 1.6rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-hqp__window__main {
    flex-direction: column;
  }
}
.p-building-comfortable-hqp__window__content {
  flex: 1;
}
.p-building-comfortable-hqp__window__content h4 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.6;
  margin: 0 0 2.4rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-hqp__window__content h4 {
    margin: 0 0 1.6rem;
  }
}
.p-building-comfortable-hqp__window__content p {
  font-size: 1.4rem;
  line-height: 1.8;
}
.p-building-comfortable-hqp__window__img {
  flex: 1;
}
.p-building-comfortable-hqp__window__img img {
  width: 100%;
  height: auto;
}
.p-building-comfortable-hqp__air {
  padding: 0 3.2rem;
  margin: 0 0 8rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-hqp__air {
    padding: 0;
    margin: 0 0 4rem;
  }
}
.p-building-comfortable-hqp__air__heading {
  text-align: center;
  margin: 0 0 4rem;
}
.p-building-comfortable-hqp__air__heading h3 {
  max-width: 39rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6;
  background: #fff;
  padding: 0.4rem 1.6rem;
  margin: 0 auto 4rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-hqp__air__heading h3 {
    margin: 0 auto 2.4rem;
  }
}
.p-building-comfortable-hqp__air__heading p {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
}
.p-building-comfortable-hqp__air__content h4 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  margin: 0 0 1.6rem;
}
.p-building-comfortable-hqp__air__content h4 span {
  font-weight: 600;
}
.p-building-comfortable-hqp__air__content img {
  display: block;
  max-width: 38rem;
  width: 100%;
  height: auto;
  margin: 0 auto 2.4rem;
}
.p-building-comfortable-hqp__air__content p {
  max-width: 38rem;
  font-size: 1.4rem;
  line-height: 1.8;
  margin: auto;
}
.p-building-comfortable-hqp__air__content p span {
  font-size: 1.5rem;
  font-weight: 500;
}
.p-building-comfortable-hqp__system {
  margin: 0 0 8rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-hqp__system {
    margin: 0 0 4rem;
  }
}
.p-building-comfortable-hqp__system__nav {
  display: flex;
  gap: 1.6rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-hqp__system__nav {
    gap: 0.8rem;
  }
}
.p-building-comfortable-hqp__system__nav li {
  flex: 1;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  background: #CECECE;
  padding: 1.6rem;
  border-radius: 0.5rem 0.5rem 0 0;
}
.p-building-comfortable-hqp__system__nav li.is-active {
  background: #fff;
}
.p-building-comfortable-hqp__system__nav li span {
  text-decoration: underline;
}
.p-building-comfortable-hqp__system__img li {
  display: none;
}
.p-building-comfortable-hqp__system__img li.is-active {
  display: block;
}
.p-building-comfortable-hqp__system__img li img {
  width: 100%;
  height: auto;
}
.p-building-comfortable-hqp__btn {
  display: flex;
  justify-content: center;
}

/*----------------------------------------
	p-building-comfortable-gw
----------------------------------------*/
.p-building-comfortable-gw {
  padding: 12rem 0 0;
  margin: 0 0 12rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-gw {
    padding: 8rem 0 0;
    margin: 0 0 8rem;
  }
}
.p-building-comfortable-gw__title {
  text-align: center;
  margin: 0 0 5.6rem;
}
.p-building-comfortable-gw__title span {
  position: relative;
  display: inline-block;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.6;
  padding: 0 3.2rem;
  z-index: 1;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-gw__title span {
    font-size: 2rem;
  }
}
.p-building-comfortable-gw__title span:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40%;
  background: #fff;
  z-index: -1;
}
.p-building-comfortable-gw__feature {
  display: flex;
  gap: 5.6rem;
  margin: 0 0 5.6rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-gw__feature {
    align-items: center;
    flex-direction: column;
  }
}
.p-building-comfortable-gw__feature__heading {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.4rem;
  writing-mode: vertical-rl;
  white-space: nowrap;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-gw__feature__heading {
    font-size: 2rem;
  }
}
.p-building-comfortable-gw__feature__content {
  flex: 1;
}
.p-building-comfortable-gw__feature__content p {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8;
  margin: 0 0 4rem;
}
.p-building-comfortable-gw__feature__content p a {
  font-weight: 500;
  color: #2F2E2E;
  text-decoration: underline;
}
.p-building-comfortable-gw__feature__content img {
  width: 100%;
  height: auto;
}
.p-building-comfortable-gw__point {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  padding: 0 4rem;
  margin: 0 0 8rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-gw__point {
    padding: 0;
  }
}
.p-building-comfortable-gw__point div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
}
.p-building-comfortable-gw__point div dt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8.5rem;
  height: 3rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  border: 1px solid #2F2E2E;
  border-radius: 10rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-gw__point div dt {
    font-size: 1.4rem;
  }
}
.p-building-comfortable-gw__point div dd {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8;
}
.p-building-comfortable-gw__window {
  padding: 0 3.2rem;
  margin: 0 0 8rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-gw__window {
    padding: 0;
  }
}
.p-building-comfortable-gw__window__heading {
  text-align: center;
  margin: 0 0 4rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-gw__window__heading {
    margin: 0 0 2.4rem;
  }
}
.p-building-comfortable-gw__window__heading h3 {
  max-width: 39rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6;
  background: #fff;
  padding: 0.4rem 1.6rem;
  margin: auto;
  border-radius: 0.5rem;
}
.p-building-comfortable-gw__window__main {
  display: flex;
  gap: 1.6rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-gw__window__main {
    flex-direction: column;
  }
}
.p-building-comfortable-gw__window__content {
  flex: 1;
}
.p-building-comfortable-gw__window__content h4 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.6;
  margin: 0 0 2.4rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-gw__window__content h4 {
    margin: 0 0 1.6rem;
  }
}
.p-building-comfortable-gw__window__content p {
  font-size: 1.4rem;
  line-height: 1.8;
}
.p-building-comfortable-gw__window__img {
  flex: 1;
}
.p-building-comfortable-gw__window__img img {
  width: 100%;
  height: auto;
}
.p-building-comfortable-gw__air {
  padding: 0 3.2rem;
  margin: 0 0 8rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-gw__air {
    padding: 0;
    margin: 0 0 4rem;
  }
}
.p-building-comfortable-gw__air__heading {
  text-align: center;
  margin: 0 0 4rem;
}
.p-building-comfortable-gw__air__heading h3 {
  max-width: 39rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6;
  background: #fff;
  padding: 0.4rem 1.6rem;
  margin: 0 auto 4rem;
  border-radius: 0.5rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-gw__air__heading h3 {
    margin: 0 auto 2.4rem;
  }
}
.p-building-comfortable-gw__air__heading p {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
}
.p-building-comfortable-gw__air__content h4 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  margin: 0 0 1.6rem;
}
.p-building-comfortable-gw__air__content h4 span {
  font-weight: 600;
}
.p-building-comfortable-gw__air__content img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto 2.4rem;
}
.p-building-comfortable-gw__air__content p {
  max-width: 38rem;
  font-size: 1.4rem;
  line-height: 1.8;
  margin: auto;
}
.p-building-comfortable-gw__air__content p span {
  font-size: 1.5rem;
  font-weight: 500;
}
.p-building-comfortable-gw__btn {
  display: flex;
  justify-content: center;
}

/*----------------------------------------
	p-building-comfortable-data
----------------------------------------*/
.p-building-comfortable-data__head {
  margin: 0 0 8rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-data__head {
    margin: 0 0 4rem;
  }
}
.p-building-comfortable-data__head h2 {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  margin: 0 0 5.6rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-data__head h2 {
    font-size: 2.2rem;
    margin: 0 0 2.4rem;
  }
}
.p-building-comfortable-data__head p {
  max-width: 40rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  margin: auto;
}
.p-building-comfortable-data__main {
  margin: 0 0 12rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-comfortable-data__main {
    margin: 0 0 4rem;
  }
}
.p-building-comfortable-data__main h3 {
  font-size: 1.8rem;
  line-height: 1.6;
  text-align: center;
  margin: 0 0 1.6rem;
}
.p-building-comfortable-data__main img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 1.6rem;
}
.p-building-comfortable-data__main p {
  max-width: 40rem;
  font-size: 1rem;
  line-height: 1.8;
  margin: auto;
}
.p-building-comfortable-data__btn {
  display: flex;
  justify-content: center;
}

/*----------------------------------------
	p-building-support
----------------------------------------*/
.p-building-support {
  padding: 0 6rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-support {
    padding: 0 2.4rem 8rem;
  }
}
.p-building-support__message {
  margin: 0 0 12rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-support__message {
    margin: 0 0 8rem;
  }
}
.p-building-support__message h2 {
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  margin: 0 0 8rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-support__message h2 {
    font-size: 2.5rem;
    margin: 0 0 7.2rem;
  }
}
.p-building-support__message h3 {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  margin: 0 0 4rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-support__message h3 {
    margin: 0 0 1.6rem;
  }
}
.p-building-support__message p {
  max-width: 40rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8;
  margin: auto;
}
.p-building-support__point {
  display: flex;
  flex-direction: column;
  gap: 12rem;
  margin: 0 0 12rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-support__point {
    gap: 8rem;
    margin: 0 0 8rem;
  }
}
.p-building-support__point__title {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  margin: 0 0 7.2rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-support__point__title {
    font-size: 2.3rem;
    margin: 0 0 5.6rem;
  }
}
.p-building-support__point__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7.2rem 2.4rem;
  counter-reset: li;
}
@media screen and (max-width: 699.98px) {
  .p-building-support__point__list {
    grid-template-columns: auto;
    gap: 5.6rem;
  }
}
.p-building-support__point__item {
  position: relative;
  background: #fff;
  padding: 5.6rem 1.6rem 4rem;
  border-radius: 1rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-support__point__item {
    max-width: 28rem;
    margin: auto;
  }
}
.p-building-support__point__item:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 50%;
  width: 7.2rem;
  height: 7.2rem;
  font-size: 3rem;
  font-weight: 500;
  font-family: var(--Jost);
  background: #FFF;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(192, 215, 235) 100%);
  border-radius: 50%;
  translate: -50% -50%;
}
.p-building-support__point__txt h4 {
  position: relative;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  padding: 0 0 1.2rem;
  margin: 0 0 1.2rem;
}
.p-building-support__point__txt h4:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 14rem;
  height: 0.2rem;
  background: #2F2E2E;
  translate: -50% 0;
}
.p-building-support__point__txt h5 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  margin: 0 0 2.4rem;
}
.p-building-support__point__txt p {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
}
.p-building-support__point__txt p small {
  display: block;
  font-size: 1.2rem;
}
.p-building-support__point__tag {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  margin: 1.6rem 0 0;
}
.p-building-support__point__tag ul {
  display: flex;
  gap: 0.8rem;
}
.p-building-support__point__tag ul li {
  flex: 1;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  background: #C0D7EB;
  padding: 0.4rem 0.8rem;
  border-radius: 10rem;
}
.p-building-support__point__info {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
  margin: 1.6rem 0 0;
}
.p-building-support__maintenance {
  margin: 0 0 12rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-support__maintenance {
    margin: 0 0 8rem;
  }
}
.p-building-support__maintenance__title {
  text-align: center;
  margin: 0 0 4rem;
}
.p-building-support__maintenance__title span {
  position: relative;
  display: inline-block;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.6;
  padding: 0 4.8rem;
  z-index: 1;
}
@media screen and (max-width: 699.98px) {
  .p-building-support__maintenance__title span {
    padding: 0 2.4rem;
  }
}
.p-building-support__maintenance__title span:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: #fff;
  z-index: -1;
}
@media screen and (max-width: 699.98px) {
  .p-building-support__maintenance__title span:after {
    height: 24%;
  }
}
.p-building-support__maintenance__img {
  margin: 0 0 4rem;
}
@media screen and (max-width: 699.98px) {
  .p-building-support__maintenance__img {
    padding: 0 2.4rem 0 0;
    margin: 0 -2.4rem 4rem 0;
    overflow-x: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE, Edge */
  }
}
@media screen and (max-width: 699.98px) {
  .p-building-support__maintenance__img::-webkit-scrollbar {
    display: none; /* Chrome、Safari */
  }
}
.p-building-support__maintenance__img img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 699.98px) {
  .p-building-support__maintenance__img img {
    width: 60rem;
  }
}
.p-building-support__maintenance__txt p {
  font-size: 1rem;
  line-height: 1.8;
}
.p-building-support__btn {
  display: flex;
  justify-content: center;
}/*# sourceMappingURL=building.css.map */