@charset "UTF-8";
.pageTtlArea {
  background-color: #F0F0F0;
}
@media screen and (min-width: 768px) {
  .pageTtlArea {
    padding: 5.6818em 0 6.8182em;
    background: linear-gradient(180deg, #F0F0F0 51%, #fff 51%);
  }
}
.pageTtlArea__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .pageTtlArea__inner {
    flex-direction: row;
    align-items: flex-start;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .pageTtlArea__inner {
    width: 80.8%;
  }
}
.pageTtlArea__txtWrap {
  display: contents;
}
@media screen and (min-width: 768px) {
  .pageTtlArea__txtWrap {
    width: 50%;
    display: block;
  }
}
.pageTtlArea__ttl {
  padding: 2.0833em 0;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  position: relative;
}
.pageTtlArea__ttl .jp {
  margin-top: -1em;
  color: #CE1177;
  font-size: 150%;
  font-weight: 500;
  --ls: 0.05em;
  text-align: center;
  align-self: center;
  position: relative;
  z-index: 1;
  transform: translateX(50px);
  transition: 1s;
  opacity: 0;
}
.pageTtlArea__ttl .en {
  margin-left: 9.6%;
  color: rgba(255, 255, 255, 0.5);
  font-size: 437.5%;
  font-weight: 900;
  --ls: 0;
  line-height: 1;
  transform: translateX(-50px);
  transition: 1s;
  opacity: 0;
}
.pageTtlArea__ttl.visibled .jp {
  transform: translateX(0);
  opacity: 1;
}
.pageTtlArea__ttl.visibled .en {
  transform: translateX(0);
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .pageTtlArea__ttl {
    width: 132%;
    padding: 0.4545em 3.1818em 2.0455em 0;
    margin-left: -23.76%;
    position: relative;
  }
  .pageTtlArea__ttl::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #CE1177;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: left;
    animation: arc_ttl_line 1s 0.5s linear forwards;
  }
  .pageTtlArea__ttl .jp {
    margin-top: -0.0476em;
    font-size: 190.91%;
    align-self: flex-end;
  }
  .pageTtlArea__ttl .en {
    width: 2.5em;
    margin-left: 0;
    font-size: 568.18%;
    line-height: 1;
    white-space: nowrap;
  }
  @keyframes arc_ttl_line {
    from {
      transform: scaleX(0);
    }
    to {
      transform: scaleX(1);
    }
  }
}
@media screen and (min-width: 1024px) {
  .pageTtlArea__ttl {
    width: 142.86%;
    margin-left: -42.86%;
  }
}
@media screen and (min-width: 1440px) {
  .pageTtlArea__ttl .en {
    font-size: 681.82%;
  }
}
.pageTtlArea__img {
  width: 112%;
  max-width: 400px;
  margin: -0.875em -2.1875em -0.1875em 0;
}
@media screen and (min-width: 768px) {
  .pageTtlArea__img {
    width: 52%;
    max-width: 700px;
    margin: -2.6364em -4.5455em 0 3.7727em;
    align-self: flex-end;
  }
}
.pageTtlArea__introBlk {
  width: 100%;
  padding: 2.5em 0.625em 3.5625em;
  line-height: 1.5625;
  order: 1;
}
@media screen and (min-width: 768px) {
  .pageTtlArea__introBlk {
    padding-top: 5em;
    padding-left: 0;
    font-size: 109.09%;
    line-height: 1.6667;
  }
}
@media screen and (min-width: 1440px) {
  .pageTtlArea__introBlk {
    padding-top: 6.6667em;
  }
}
@media screen and (min-width: 1600px) {
  .pageTtlArea__introBlk {
    padding-top: 7.5em;
  }
}
.pageTtlArea__introBlk_ttl {
  margin-bottom: 1.5625em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .pageTtlArea__introBlk_ttl {
    margin-bottom: 1.6667em;
  }
}

.faqWrap {
  width: 100%;
  padding-bottom: 9.5455em;
}
@media screen and (min-width: 768px) {
  .faqWrap {
    padding-bottom: 8.1818em;
  }
}
@media screen and (min-width: 1024px) {
  .faqWrap {
    padding-bottom: 9.5455em;
  }
}
@media screen and (min-width: 768px) {
  .faqWrap__inner {
    display: flex;
    align-items: flex-start;
    grid-gap: 1.8182em;
  }
}
@media screen and (min-width: 1440px) {
  .faqWrap__inner {
    grid-gap: 3.1818em;
  }
}
.faqWrap__menuNav {
  width: 100%;
  padding: 3.125em 0;
}
@media screen and (min-width: 768px) {
  .faqWrap__menuNav {
    width: 20.5%;
    padding: 0;
    flex-shrink: 0;
  }
}
.faqWrap__menuNav_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.9375em 0.625em;
}
@media screen and (min-width: 768px) {
  .faqWrap__menuNav_list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1.5455em;
  }
}
.faqWrap__menuNav_list > li {
  height: 2.5em;
}
@media screen and (min-width: 768px) {
  .faqWrap__menuNav_list > li {
    height: 3.5em;
  }
}
.faqWrap__menuNav_list a {
  width: 100%;
  height: 100%;
  background-color: #FDF2F9;
  color: #CE1177;
  font-size: 87.5%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.faqWrap__menuNav_list a:hover {
  background-color: #FFE3F5;
  opacity: 1;
}
.faqWrap__menuNav_list a.current, .faqWrap__menuNav_list a:active {
  background-color: #CE1177;
  color: #fff;
}
.faqWrap__menuNav_list a.current:hover, .faqWrap__menuNav_list a:active:hover {
  background-color: #FFE3F5;
  color: #CE1177;
}
@media screen and (min-width: 768px) {
  .faqWrap__menuNav_list a {
    font-size: 100%;
  }
}
.faqWrap__tabWrap {
  width: 100%;
  position: relative;
}
.faqWrap__tab {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 2.7273em;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}
.faqWrap__tab.current {
  position: relative;
  opacity: 1;
  pointer-events: auto;
}
.faqWrap__tab_label {
  padding-left: 1.3462em;
  color: #CE1177;
  font-size: 118.18%;
  position: relative;
}
.faqWrap__tab_label::before {
  content: "";
  width: 0.9em;
  height: 0.9em;
  background-color: #CE1177;
  display: block;
  position: absolute;
  top: 0.3077em;
  left: 0;
}
.faqWrap__tab_img {
  width: 100%;
  max-width: 36.3636em;
}
.faqWrap__tab .tabItem {
  width: 100%;
  padding: 1.25em 2.5em 1.25em 1.1875em;
  background-color: #fff;
  border: 1px solid #3B3B3B;
}
.faqWrap__tab .tabItem__header {
  font-size: 100%;
  --ls: 0.03em;
  position: relative;
}
.faqWrap__tab .tabItem__header::after {
  content: "";
  width: 1.25em;
  height: 1.875em;
  background: url('data:image/svg+xml;charset=utf8,<svg width="8" height="16" viewBox="0 0 8 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.77064 8.47399L2.99931 12.2453L2.05664 11.3027L5.35664 8.00266L2.05664 4.70266L2.99931 3.75999L6.77064 7.53133C6.89562 7.65635 6.96583 7.82588 6.96583 8.00266C6.96583 8.17944 6.89562 8.34898 6.77064 8.47399Z" fill="%23CE1177"/></svg>') center/contain no-repeat;
  display: block;
  position: absolute;
  top: -0.1667em;
  right: -1.625em;
  transform: rotate(90deg);
  transition: 0.5s;
}
.faqWrap__tab .tabItem__header.open::after {
  transform: rotate(270deg);
}
.faqWrap__tab .tabItem__body {
  max-height: 0;
  font-size: 87.5%;
  --ls: 0.03em;
  line-height: 1.8182;
  position: relative;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
}
.faqWrap__tab .tabItem__body::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 1px solid #CE1177;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
}
.faqWrap__tab .tabItem__body h3 {
  color: #CE1177;
  margin: 60px 0 20px;
  font-size: 109.09%;
}
.faqWrap__tab .tabItem__body p:not(:first-child) {
  margin-top: 1.8182em;
}
.faqWrap__tab .tabItem__body ul:not(:last-child), .faqWrap__tab .tabItem__body ol:not(:last-child) {
  margin-bottom: 1.8182em;
}
.faqWrap__tab .tabItem__body ul.mt, .faqWrap__tab .tabItem__body ol.mt {
  margin-top: 1.8182em;
}
.faqWrap__tab .tabItem__body .numberList {
  counter-reset: number_list 0;
}
.faqWrap__tab .tabItem__body .numberList li {
  padding-left: 1.2em;
  position: relative;
}
.faqWrap__tab .tabItem__body .numberList li::before {
  counter-increment: number_list 1;
  content: counter(number_list) ".";
  position: absolute;
  top: 0;
  left: 0;
}
.faqWrap__tab .tabItem__body .checkList li {
  padding-left: 1.8182em;
  position: relative;
}
.faqWrap__tab .tabItem__body .checkList li::before {
  content: "";
  width: 0.9091em;
  height: 0.7727em;
  background: url('data:image/svg+xml;charset=utf8,<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6635 0.251789C12.0767 0.618201 12.1146 1.25023 11.7482 1.66346L4.79311 9.50729L0.251789 4.38568C-0.114623 3.97245 -0.0766688 3.34042 0.336563 2.97401C0.749795 2.6076 1.38182 2.64555 1.74823 3.05879L4.79311 6.49273L10.2518 0.336563C10.6182 -0.0766688 11.2502 -0.114623 11.6635 0.251789Z" fill="%233B3B3B"/></svg>') center/contain no-repeat;
  position: absolute;
  top: 0.6364em;
  left: 0;
}
.faqWrap__tab .tabItem__body .discList li {
  padding-left: 1em;
  position: relative;
}
.faqWrap__tab .tabItem__body .discList li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.faqWrap__tab .tabItem__body .noteList li {
  padding-left: 1em;
  position: relative;
}
.faqWrap__tab .tabItem__body .noteList li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.faqWrap__tab .tabItem__body .img {
  width: 100%;
  max-width: 22.7273em;
}
.faqWrap__tab .tabItem__body .img.mt {
  margin-top: 1.8182em;
}
.faqWrap__tab .tabItem__body .img.mb {
  margin-top: 1.8182em;
}
.faqWrap__tab .tabItem__body .img--toilet01, .faqWrap__tab .tabItem__body .img--toilet04 {
  max-width: 20.4545em;
}
.faqWrap__tab .tabItem__body .img--toilet02 {
  max-width: 31.8182em;
}
.faqWrap__tab .tabItem__body .img--toilet03 {
  max-width: 25em;
}
.faqWrap__tab .tabItem__body .img--gas01 {
  max-width: 25em;
}
.faqWrap__tab .tabItem__body .img--waterworks01 {
  max-width: 43.1818em;
}
.faqWrap__tab .tabItem__body .img--bathroom01 {
  max-width: 27.2727em;
}
.faqWrap__tab .tabItem__body .img--entrance02, .faqWrap__tab .tabItem__body .img--entrance03 {
  max-width: 27.2727em;
}
.faqWrap__tab .tabItem__body .img--entrance04 {
  max-width: 29.5455em;
}
.faqWrap__tab .tabItem__body .img--electric01 {
  max-width: 31.8182em;
}
.faqWrap__tab .tabItem__body .img--wathing01 {
  max-width: 15.9091em;
}
.faqWrap__tab .tabItem__body .img--wathing02 {
  max-width: 20.4545em;
}
.faqWrap__tab .tabItem__body .img--heater01 {
  max-width: 25em;
}
.faqWrap__tab .tabItem__body .img--heater02 {
  max-width: 40.9091em;
}
.faqWrap__tab .tabItem__body .img--screen01 {
  max-width: 27.2727em;
}
.faqWrap__tab .tabItem__body .img--screen03 {
  max-width: 20.4545em;
}
.faqWrap__tab .tabItem__body table {
  width: 100%;
  max-width: 22.7273em;
  margin-top: 1.8182em;
  table-layout: fixed;
}
.faqWrap__tab .tabItem__body table thead th {
  font-weight: 900;
}
.faqWrap__tab .tabItem__body table tbody th {
  font-weight: 500;
}
.faqWrap__tab .tabItem__body.open {
  max-height: 50000px;
  padding: 2.0455em 0 0.9091em;
  margin-top: 1.3636em;
  opacity: 1;
  pointer-events: auto;
}
.faqWrap__tab .tabItem__body.open::before {
  width: 100%;
}
.faqWrap__tab .tabItem--info {
  padding: 1.25em 1.25em 1.875em;
  background-color: #F7F7F7;
}
.faqWrap__tab .tabItem--info .tabItem__header {
  color: #CE1177;
  font-size: 118.18%;
}
.faqWrap__tab .tabItem--info .tabItem__header::after {
  display: none;
}
.faqWrap__tab .tabItem--info .tabItem__body {
  max-height: 50000px;
  padding: 2.0455em 0 0;
  margin-top: 1.3636em;
  opacity: 1;
  pointer-events: auto;
}
.faqWrap__tab .tabItem--info .tabItem__body::before {
  width: 100%;
  border-top: 2px dashed #CE1177;
}
@media screen and (min-width: 768px) {
  .faqWrap__tab .tabItem {
    padding: 1.5909em 3.1818em 1.5909em 2.2727em;
  }
  .faqWrap__tab .tabItem__header {
    font-size: 109.09%;
  }
  .faqWrap__tab .tabItem__header::after {
    right: -1.4583em;
  }
  .faqWrap__tab .tabItem__body {
    font-size: 100%;
  }
  .faqWrap__tab .tabItem__body table {
    width: calc(100% - 1.8182em);
    margin-left: 1.8182em;
  }
  .faqWrap__tab .tabItem__body .numberList {
    padding-left: 2.2727em;
  }
  .faqWrap__tab .tabItem__body .checkList {
    padding-left: 2.0455em;
  }
  .faqWrap__tab .tabItem__body .discList {
    padding-left: 1.3636em;
  }
  .faqWrap__tab .tabItem--info {
    padding: 2.2727em 2.2727em 3.1818em;
  }
}