@media screen and (min-width: 768px) {
  .equipmentSect__group + .equipmentSect__group {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__group + .equipmentSect__group {
    margin-top: 8rem;
  }
}
.equipmentSect__wrap {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .equipmentSect__wrap {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__wrap {
    padding: 0 3.2rem;
    width: 100%;
  }
}
.equipmentSect__kitchenHero {
  display: flex;
}
@media screen and (min-width: 768px) {
  .equipmentSect__kitchenHero {
    align-items: center;
    gap: 3.2rem;
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__kitchenHero {
    flex-direction: column;
    margin-top: 6.4rem;
  }
}
@media screen and (min-width: 768px) {
  .equipmentSect__kitchenHeroVisual {
    flex: 0 0 68rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .equipmentSect__kitchenHeroVisual {
    margin-left: -3.2rem;
    margin-right: -3.2rem;
  }
}
.equipmentSect__kitchenHeroVisual .photo__image {
  aspect-ratio: 680/453;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .equipmentSect__kitchenHeroTxt {
    flex: 0 0 48.8rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__kitchenHeroTxt {
    margin-top: 2.4rem;
  }
}
.equipmentSect__kitchenHeroTtl {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
.equipmentSect__kitchenHeroTxtBody {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-top: 1.6rem;
}
.equipmentSect__kitchenGrid {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .equipmentSect__kitchenGrid {
    gap: 4.8rem;
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__kitchenGrid {
    gap: 5.6rem 2.2rem;
    margin-top: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__kitchenGrid .specCard--spWide .specCard__visual {
    flex-direction: row;
    gap: 2.2rem;
  }
  .equipmentSect__kitchenGrid .specCard--spWide .specCard__visual .photo__image {
    aspect-ratio: 152/101;
  }
}
.equipmentSect__kitchenBox {
  background: #fff;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .equipmentSect__kitchenBox {
    padding: 6rem 5rem;
    width: 130rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__kitchenBox {
    padding: 4rem 3.2rem;
    width: calc(100% - 1.6rem);
  }
}
@media screen and (min-width: 768px) {
  .equipmentSect__kitchenBox {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__kitchenBox {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__kitchenBox {
    display: flex;
    flex-direction: column;
    gap: 2.2rem;
    margin-top: 5.6rem;
    padding: 2.4rem 1.6rem;
  }
}
.equipmentSect__kitchenBoxTop {
  display: flex;
}
@media screen and (min-width: 768px) {
  .equipmentSect__kitchenBoxTop {
    align-items: center;
    gap: 3.2rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__kitchenBoxTop {
    align-items: flex-start;
    gap: 2.2rem;
  }
}
@media screen and (min-width: 768px) {
  .equipmentSect__kitchenBoxVisual {
    flex: 0 0 46rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__kitchenBoxVisual {
    flex: 0 0 15.2rem;
    width: 15.2rem;
  }
}
.equipmentSect__kitchenBoxVisual .photo__image {
  aspect-ratio: 460/306;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .equipmentSect__kitchenBoxVisual .photo__image {
    aspect-ratio: 1/1;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__kitchenBoxTxt {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1.6rem;
    min-width: 0;
  }
}
.equipmentSect__kitchenBoxTtl {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
.equipmentSect__kitchenBoxTxtBody {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .equipmentSect__kitchenBoxTxtBody {
    margin-top: 0;
  }
}
.equipmentSect__kitchenBoxLead {
  background: #eae1d0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .equipmentSect__kitchenBoxLead {
    font-size: 1.4rem;
    padding: 1.2rem 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__kitchenBoxLead {
    font-size: 1.2rem;
    padding: 1.2rem 0;
  }
}
.equipmentSect__kitchenBoxLead {
  letter-spacing: 0.1em;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .equipmentSect__kitchenBoxLead {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__kitchenBoxLead {
    font-size: 1.4rem;
    margin-top: 0;
    padding: 1.2rem 2.4rem;
  }
}
.equipmentSect__kitchenBoxCards {
  display: flex;
}
@media screen and (min-width: 768px) {
  .equipmentSect__kitchenBoxCards {
    gap: 4.8rem;
    margin-top: 3.2rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__kitchenBoxCards {
    flex-direction: column;
    gap: 2.2rem;
    margin-top: 0;
  }
}
.equipmentSect__kitchenBoxCard {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .equipmentSect__kitchenBoxCard {
    align-items: start;
    display: grid;
    grid-gap: 1.6rem 2.2rem;
    gap: 1.6rem 2.2rem;
    grid-template-columns: 1fr 15.2rem;
  }
}
.equipmentSect__kitchenBoxCardTtl {
  border-bottom: 0.1rem solid #ccc;
  display: block;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  margin-top: 1.6rem;
  padding-bottom: 1.2rem;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .equipmentSect__kitchenBoxCardTtl {
    grid-column: 1;
    grid-row: 1;
    letter-spacing: 0;
    margin-top: 0;
    padding-bottom: 1.2rem;
    text-align: left;
    white-space: nowrap;
  }
  .equipmentSect__kitchenBoxCardTtl .qualityMark {
    margin-right: 0.6rem;
  }
}
.equipmentSect__kitchenBoxCardVisual .photo__image {
  aspect-ratio: 368/245;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .equipmentSect__kitchenBoxCardVisual {
    grid-column: 2;
    grid-row: 1/3;
  }
  .equipmentSect__kitchenBoxCardVisual .photo__image {
    aspect-ratio: 152/101;
  }
}
.equipmentSect__kitchenBoxCardTxt {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .equipmentSect__kitchenBoxCardTxt {
    grid-column: 1;
    grid-row: 2;
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .equipmentSect__ufbHero {
    align-items: start;
    display: grid;
    grid-gap: 1.6rem 4.8rem;
    gap: 1.6rem 4.8rem;
    grid-template-columns: 45.1rem 1fr;
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__ufbHero {
    display: flex;
    flex-direction: column;
    margin-top: 6.4rem;
  }
}
.equipmentSect__ufbHeroVisual {
  display: contents;
}
.equipmentSect__ufbHeroVisual .photo:nth-child(1) .photo__image {
  aspect-ratio: 652/396;
}
@media screen and (max-width: 767px) {
  .equipmentSect__ufbHeroVisual .photo:nth-child(1) .photo__image {
    aspect-ratio: 390/237;
  }
}
.equipmentSect__ufbHeroVisual .photo:nth-child(2) .photo__image {
  aspect-ratio: 780/304;
}
@media screen and (min-width: 768px) {
  .equipmentSect__ufbHeroVisual .photo:nth-child(2) .photo__image {
    aspect-ratio: 701/274;
  }
}
.equipmentSect__ufbHeroVisual .photo__image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .equipmentSect__ufbHeroVisual .photo:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }
  .equipmentSect__ufbHeroVisual .photo:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__ufbHeroVisual .photo:nth-child(1) {
    margin-bottom: 1.6rem;
    order: 1;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .equipmentSect__ufbHeroVisual .photo:nth-child(1) {
    margin-left: -3.2rem;
    margin-right: -3.2rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__ufbHeroVisual .photo:nth-child(2) {
    order: 3;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .equipmentSect__ufbHeroVisual .photo:nth-child(2) {
    margin-left: -3.2rem;
    margin-right: -3.2rem;
  }
}
.equipmentSect__ufbHeroCaption {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .equipmentSect__ufbHeroCaption {
    margin-top: 0.8rem;
    order: 4;
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .equipmentSect__ufbHeroCaption {
    grid-column: 2;
    grid-row: 2;
    margin-top: -0.8rem;
  }
}
@media screen and (min-width: 768px) {
  .equipmentSect__ufbHeroTxt {
    grid-column: 1;
    grid-row: 2;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__ufbHeroTxt {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    margin-bottom: 5.6rem;
    margin-top: 0;
    order: 2;
  }
}
.equipmentSect__ufbHeroTtl {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
.equipmentSect__ufbHeroTxtBody {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .equipmentSect__ufbHeroTxtBody {
    margin-top: 0;
  }
}
.equipmentSect__ufbBox {
  background: #fff;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .equipmentSect__ufbBox {
    padding: 6rem 5rem;
    width: 130rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__ufbBox {
    padding: 4rem 3.2rem;
    width: calc(100% - 1.6rem);
  }
}
@media screen and (min-width: 768px) {
  .equipmentSect__ufbBox {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__ufbBox {
    margin-top: 8rem;
  }
}
.equipmentSect__ufbBox {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .equipmentSect__ufbBox {
    gap: 4.8rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__ufbBox {
    background: #fcfbf9;
    border: 0.1rem solid #c9bc9c;
    display: grid;
    grid-gap: 2rem;
    gap: 2rem;
    grid-template-columns: 1fr 1fr;
    margin-top: 5.6rem;
    padding: 2.8rem 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  .equipmentSect__ufbBoxCard {
    flex: 1;
  }
}
.equipmentSect__ufbBoxCard:not(:first-child) {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .equipmentSect__ufbBoxCard:first-child {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 1.6rem;
    grid-column: 1/-1;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .equipmentSect__ufbBoxIntro {
    display: contents;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__ufbBoxIntro {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1.2rem;
    min-width: 0;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__ufbBoxCard:first-child .equipmentSect__ufbBoxVisual {
    flex: 0 0 9.6rem;
    width: 9.6rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__ufbBoxCard:first-child .equipmentSect__ufbBoxTtl, .equipmentSect__ufbBoxCard:first-child .equipmentSect__ufbBoxTxt {
    line-height: 1.35;
    margin-top: 0;
  }
}
.equipmentSect__ufbBoxVisual .photo__image {
  aspect-ratio: 368/204;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .equipmentSect__ufbBoxCard:first-child .equipmentSect__ufbBoxVisual .photo__image {
    aspect-ratio: 1/1;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}
.equipmentSect__ufbBoxTtl {
  color: #231815;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-top: 1.6rem;
  text-align: center;
}
.equipmentSect__ufbBoxTtl--left {
  text-align: left;
}
.equipmentSect__ufbBoxTxt {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-top: 1.6rem;
  text-align: left;
}
.equipmentSect__ufbNote {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .equipmentSect__ufbNote {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__ufbNote {
    padding: 0 3.2rem;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .equipmentSect__ufbNote {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__ufbNote {
    margin-top: 1rem;
  }
}
.equipmentSect__powderGrid {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .equipmentSect__powderGrid {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__powderGrid {
    padding: 0 3.2rem;
    width: 100%;
  }
}
.equipmentSect__powderGrid {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .equipmentSect__powderGrid {
    gap: 4.8rem;
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__powderGrid {
    gap: 2.2rem;
    margin-top: 6.4rem;
  }
}
.equipmentSect__bathroomCols {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .equipmentSect__bathroomCols {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__bathroomCols {
    padding: 0 3.2rem;
    width: 100%;
  }
}
.equipmentSect__bathroomCols {
  align-items: flex-start;
  display: flex;
}
@media screen and (min-width: 768px) {
  .equipmentSect__bathroomCols {
    gap: 4.8rem;
    margin-top: 4.8rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__bathroomCols {
    flex-direction: column;
    gap: 5.6rem;
    margin-top: 6.4rem;
  }
}
@media screen and (min-width: 768px) {
  .equipmentSect__bathroomCol {
    flex: 1;
  }
}
@media screen and (min-width: 768px) {
  .equipmentSect__bathroomCol:last-child .equipmentSect__bathroomVisual .photo__image {
    aspect-ratio: 576/274;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__bathroomCol:last-child .equipmentSect__bathroomVisual .photo__image {
    aspect-ratio: 326/155;
  }
}
.equipmentSect__bathroomVisual .photo__image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .equipmentSect__bathroomVisual .photo__image {
    aspect-ratio: 652/310;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__bathroomVisual .photo__image {
    aspect-ratio: 326/155;
  }
}
.equipmentSect__bathroomTtl {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-top: 1.6rem;
}
.equipmentSect__bathroomTxt {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-top: 1.6rem;
}
.equipmentSect__bathroomStrap {
  background-color: #fff;
  color: #87775e;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 3.2rem;
  padding: 0.8rem 2.4rem;
  text-align: center;
  text-box: normal;
}
.equipmentSect__bathroomStrap sup {
  font-size: 0.645em;
}
@media screen and (max-width: 767px) {
  .equipmentSect__bathroomStrap {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
.equipmentSect__bathroomNote {
  font-size: 0.9rem;
  line-height: normal;
  margin-top: 1rem;
}
.equipmentSect__bathroomFuncVisual {
  margin-top: 3.2rem;
}
.equipmentSect__bathroomFuncVisual .photo__image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .equipmentSect__bathroomFuncVisual .photo__image {
    aspect-ratio: 576/158;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__bathroomFuncVisual {
    margin-top: 2.4rem;
  }
  .equipmentSect__bathroomFuncVisual .photo__image {
    aspect-ratio: 652/447;
  }
}
.equipmentSect__bathroomCards {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .equipmentSect__bathroomCards {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__bathroomCards {
    padding: 0 3.2rem;
    width: 100%;
  }
}
.equipmentSect__bathroomCards {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .equipmentSect__bathroomCards {
    gap: 4.8rem;
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__bathroomCards {
    gap: 2.2rem;
    margin-top: 6rem;
  }
}
.equipmentSect__bathroomCards .photo__image {
  aspect-ratio: 365/243;
}
@media screen and (min-width: 768px) {
  .equipmentSect__bathroomCards .specCard__txt {
    margin-top: 0.8rem;
  }
}
.equipmentSect__toiletGrid {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .equipmentSect__toiletGrid {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__toiletGrid {
    padding: 0 3.2rem;
    width: 100%;
  }
}
.equipmentSect__toiletGrid {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .equipmentSect__toiletGrid {
    gap: 4.8rem;
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__toiletGrid {
    gap: 5.6rem 2.2rem;
    margin-top: 6.4rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__toiletGrid .specCard--toilet01 {
    align-content: start;
    grid-column-gap: 2.2rem;
    -moz-column-gap: 2.2rem;
         column-gap: 2.2rem;
    display: grid;
    grid-template-columns: 15.2rem 1fr;
    grid-template-rows: auto 1fr;
    width: 100%;
  }
  .equipmentSect__toiletGrid .specCard--toilet01 .specCard__visual {
    grid-column: 1;
    grid-row: 1/3;
  }
  .equipmentSect__toiletGrid .specCard--toilet01 .specCard__ttl,
  .equipmentSect__toiletGrid .specCard--toilet01 .specCard__txt {
    grid-column: 2;
  }
  .equipmentSect__toiletGrid .specCard--toilet01 .specCard__ttl {
    margin-top: 0;
  }
}
.equipmentSect__toiletBox {
  background: #fff;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .equipmentSect__toiletBox {
    padding: 6rem 5rem;
    width: 130rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__toiletBox {
    padding: 4rem 3.2rem;
    width: calc(100% - 1.6rem);
  }
}
@media screen and (min-width: 768px) {
  .equipmentSect__toiletBox {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__toiletBox {
    margin-top: 8rem;
  }
}
.equipmentSect__toiletBox {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .equipmentSect__toiletBox {
    border: 0.1rem solid #a59472;
    gap: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__toiletBox {
    background: #fcfbf9;
    border: 0.1rem solid #c9bc9c;
    gap: 2rem;
    padding: 2.8rem 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__toiletBox .specCard {
    display: grid;
    grid-gap: 0.8rem 1.6rem;
    gap: 0.8rem 1.6rem;
    grid-template-columns: 15.2rem 1fr;
    grid-template-rows: auto auto;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__toiletBox .specCard__visual {
    grid-column: 1;
    grid-row: 1/3;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__toiletBox .specCard__visual .photo__image {
    aspect-ratio: 152/101;
  }
}
@media screen and (min-width: 768px) {
  .equipmentSect__toiletBox .specCard__label {
    padding: 1.2rem 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__toiletBox .specCard__label {
    align-self: start;
    grid-column: 2;
    grid-row: 1;
    margin-top: 0;
    padding: 0.2rem 1rem;
    text-align: left;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__toiletBox .specCard__txt {
    grid-column: 2;
    grid-row: 2;
    margin-top: 0;
  }
}
.equipmentSect__toiletBoxMain {
  display: flex;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .equipmentSect__toiletBoxMain {
    align-items: flex-start;
    gap: 4.8rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__toiletBoxMain {
    flex-direction: column;
    gap: 2rem;
  }
}
.equipmentSect__toiletBoxLead {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .equipmentSect__toiletBoxLead {
    flex: 1;
    gap: 2.4rem;
    min-width: 0;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__toiletBoxLead {
    gap: 2rem;
  }
}
.equipmentSect__toiletBoxPair {
  display: flex;
}
@media screen and (min-width: 768px) {
  .equipmentSect__toiletBoxPair {
    gap: 4.8rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__toiletBoxPair {
    flex-direction: column;
    gap: 2rem;
  }
}
.equipmentSect__toiletBoxAside {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .equipmentSect__toiletBoxAside {
    flex-shrink: 0;
    gap: 2.4rem;
    width: 36.8rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__toiletBoxAside {
    gap: 0;
  }
}
.equipmentSect__toiletBoxTtl {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .equipmentSect__toiletBoxTtl {
    max-width: 76.4rem;
  }
}
.equipmentSect__toiletBoxMid {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .equipmentSect__toiletBoxMid {
    max-width: 27.6rem;
  }
}
.equipmentSect__toiletBox sup {
  font-size: 0.645em;
}
@media screen and (max-width: 767px) {
  .equipmentSect__toiletBox p, .equipmentSect__toiletBox h4 {
    letter-spacing: 0;
    line-height: normal;
    text-box: normal;
  }
}
.equipmentSect__toiletBoxNote {
  font-size: 0.9rem;
  line-height: normal;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .equipmentSect__comfortHero {
    margin: 6rem auto 0;
    width: 80rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__comfortHero {
    margin: 0 auto;
    margin-top: 6.4rem;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .equipmentSect__comfortHero {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .equipmentSect__comfortHero {
    padding: 0 3.2rem;
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .equipmentSect__comfortHero .photo {
    margin-left: -3.2rem;
    margin-right: -3.2rem;
  }
}
.equipmentSect__comfortHero .photo__image {
  aspect-ratio: 800/500;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.equipmentSect__comfortGrid {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .equipmentSect__comfortGrid {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__comfortGrid {
    padding: 0 3.2rem;
    width: 100%;
  }
}
.equipmentSect__comfortGrid {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .equipmentSect__comfortGrid {
    gap: 4.8rem;
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__comfortGrid {
    gap: 5.6rem 2.2rem;
    margin-top: 5.6rem;
  }
}
.equipmentSect__comfortCards2 {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .equipmentSect__comfortCards2 {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__comfortCards2 {
    padding: 0 3.2rem;
    width: 100%;
  }
}
.equipmentSect__comfortCards2 {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .equipmentSect__comfortCards2 {
    gap: 4.8rem;
    margin-top: 4.8rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__comfortCards2 {
    gap: 2.2rem;
    margin-top: 5.6rem;
  }
}
@media screen and (min-width: 768px) {
  .equipmentSect__comfortNetBox {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__comfortNetBox {
    margin-top: 8rem;
  }
}
.equipmentSect__comfortNetBox {
  background: #fff;
  border: 0.1rem solid #c9bc9c;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .equipmentSect__comfortNetBox {
    align-items: flex-start;
    gap: 4.8rem;
    padding: 6rem 5rem;
    width: 130rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__comfortNetBox {
    flex-direction: column;
    gap: 2.4rem;
    padding: 2.8rem 2.4rem;
    width: calc(100% - 1.6rem);
  }
}
.equipmentSect__comfortNetTxt {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
@media screen and (min-width: 768px) {
  .equipmentSect__comfortNetTxt {
    flex: 0 0 57.6rem;
    width: 57.6rem;
  }
}
.equipmentSect__comfortNetTtl {
  letter-spacing: 0.1em;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .equipmentSect__comfortNetTtl {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__comfortNetTtl {
    border-bottom: 0.1rem solid #ccc;
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: normal;
    padding-bottom: 1.2rem;
  }
}
.equipmentSect__comfortNetTxtBody {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .equipmentSect__comfortNetTxtBody {
    letter-spacing: 0;
    line-height: normal;
  }
}
@media screen and (min-width: 768px) {
  .equipmentSect__comfortNetNote {
    font-size: 0.9rem;
    line-height: normal;
  }
}
.equipmentSect__comfortNetVisual {
  position: relative;
}
@media screen and (min-width: 768px) {
  .equipmentSect__comfortNetVisual {
    flex: 0 0 57.6rem;
    width: 57.6rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__comfortNetVisual {
    width: 100%;
  }
}
.equipmentSect__comfortNetVisual .photo__image {
  aspect-ratio: 576/204;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.equipmentSect__comfortBoxes {
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .equipmentSect__comfortBoxes {
    gap: 4.8rem;
    margin-top: 8rem;
    width: 130rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__comfortBoxes {
    flex-direction: column;
    gap: 3.2rem;
    margin-top: 8rem;
  }
}
.equipmentSect__comfortBox {
  background: #fff;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .equipmentSect__comfortBox {
    flex: 1;
    min-width: 0;
    padding: 6rem 5rem;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__comfortBox {
    border: 0.1rem solid #c9bc9c;
    padding: 2.8rem 2.4rem;
    width: calc(100% - 1.6rem);
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__comfortBox--bista {
    border-color: #a59472;
  }
}
.equipmentSect__comfortBoxTtl {
  letter-spacing: 0.1em;
  line-height: 1.6;
  order: 1;
}
@media screen and (min-width: 768px) {
  .equipmentSect__comfortBoxTtl {
    font-size: 1.4rem;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__comfortBoxTtl {
    border-bottom: 0.1rem solid #ccc;
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: normal;
    padding-bottom: 1.2rem;
    text-align: left;
  }
}
.equipmentSect__comfortBoxTxt {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-top: 1.6rem;
  order: 2;
}
@media screen and (max-width: 767px) {
  .equipmentSect__comfortBoxTxt {
    letter-spacing: 0;
    line-height: normal;
  }
}
.equipmentSect__comfortBoxVisual {
  margin-top: 2.4rem;
  order: 4;
}
@media screen and (min-width: 768px) {
  .equipmentSect__comfortBoxVisual {
    margin-top: 4.8rem;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__comfortBoxVisual {
    order: 3;
  }
}
.equipmentSect__comfortBoxVisual .photo {
  border: 0.1rem solid #ccc;
}
.equipmentSect__comfortBoxVisual .photo__image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .equipmentSect__comfortBoxVisual .photo__image {
    aspect-ratio: 526/337;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__comfortBoxVisual .photo__image {
    aspect-ratio: 326/209;
  }
}
.equipmentSect__comfortBoxNote {
  margin-top: 1.6rem;
  order: 3;
}
@media screen and (min-width: 768px) {
  .equipmentSect__comfortBoxNote {
    order: 3;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__comfortBoxNote {
    font-size: 0.9rem;
    line-height: normal;
    order: 4;
  }
}
.equipmentSect__comfortBoxList {
  letter-spacing: 0.1em;
  margin-top: 2.4rem;
  order: 5;
}
@media screen and (min-width: 768px) {
  .equipmentSect__comfortBoxList {
    font-size: 1.2rem;
    line-height: 1.6;
    margin-top: 4.8rem;
    text-box: trim-both cap alphabetic;
  }
  .equipmentSect__comfortBoxList li {
    display: inline;
    margin-right: 0.5em;
  }
}
@media screen and (max-width: 767px) {
  .equipmentSect__comfortBoxList {
    display: grid;
    font-size: 1.1rem;
    grid-gap: 0.8rem 2.4rem;
    gap: 0.8rem 2.4rem;
    grid-template-columns: repeat(2, 1fr);
    line-height: normal;
  }
}

@media screen and (max-width: 767px) {
  .securitySect .securitySect__heroTtl, .securitySect .securitySect__heroTxt, .securitySect .securitySect__secomTtl, .securitySect .securitySect__beigeBand, .securitySect .securitySect__areaTtl, .securitySect .securitySect__areaTxt, .securitySect .securitySect__cylinderTtl, .securitySect .securitySect__cylinderTxt, .securitySect .securitySect__otherTtl, .securitySect .securitySect__otherTxt {
    letter-spacing: 0;
    line-height: normal;
    text-box: normal;
  }
}
@media screen and (min-width: 768px) {
  .securitySect .headingUnit--center .enTtl {
    padding-bottom: 3.2rem;
  }
}
@media screen and (min-width: 768px) {
  .securitySect__group + .securitySect__group {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__group + .securitySect__group {
    margin-top: 8rem;
  }
}
@media screen and (min-width: 768px) {
  .securitySect__box + .securitySect__box, .securitySect__group + .securitySect__box {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__box + .securitySect__box, .securitySect__group + .securitySect__box {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__group + .securitySect__box:not(.securitySect__box--areas) {
    margin-top: 5.6rem;
  }
}
@media screen and (min-width: 768px) {
  .securitySect__box + .securitySect__group {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__box + .securitySect__group {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__box + .securitySect__group {
    margin-top: 5.6rem;
  }
}
.securitySect__hero {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .securitySect__hero {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__hero {
    padding: 0 3.2rem;
    width: 100%;
  }
}
.securitySect__hero {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .securitySect__hero {
    gap: 4.8rem;
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__hero {
    flex-direction: column;
    margin-top: 6rem;
  }
}
@media screen and (min-width: 768px) {
  .securitySect__heroPhotoCol {
    flex: 0 0 45.1rem;
  }
}
.securitySect__heroVisual .photo__image {
  aspect-ratio: 4512/2740;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .securitySect__heroVisual {
    margin-left: auto;
    margin-right: auto;
    width: 32.6rem;
  }
}
.securitySect__heroTtl {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .securitySect__heroTtl {
    line-height: normal;
    margin-top: 2.4rem;
  }
}
.securitySect__heroTxt {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .securitySect__heroTxt {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__heroTxt {
    line-height: normal;
    margin-top: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .securitySect__heroFigureCol {
    align-self: flex-start;
    aspect-ratio: 701/274;
    background: #fff;
    flex: 1;
    min-width: 0;
    padding: 1.5rem 0 0 9.06%;
  }
  .securitySect__heroFigureCol .photo {
    width: 81.68%;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__heroFigureCol {
    height: 27.4rem;
    margin-left: -1.6rem;
    margin-right: -1.6rem;
    margin-top: 5.6rem;
    width: calc(100% + 3.2rem);
  }
}
.securitySect__heroFigureCol .photo__image {
  aspect-ratio: 1500/653;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .securitySect__heroFigureCol .photo__image {
    aspect-ratio: auto;
    height: 100%;
    max-width: none;
    max-width: initial;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__heroFigureCol .swipeFigure {
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__heroFigureCol .swipeFigure__inner {
    height: 27.4rem;
  }
}
.securitySect__box--areas, .securitySect__secomHead {
  display: flex;
}
@media screen and (max-width: 767px) {
  .securitySect__box--areas, .securitySect__secomHead {
    flex-direction: column;
  }
}
.securitySect__secomHead {
  background: #fff;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .securitySect__secomHead {
    align-items: flex-start;
    gap: 4.8rem;
    padding: 8rem 5rem;
    width: 130rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__secomHead {
    border: 0.1rem solid #c9bc9c;
    flex-direction: column;
    gap: 2rem;
    max-width: 37.4rem;
    padding: 2.8rem 2.4rem;
    width: calc(100% - 1.6rem);
  }
}
.securitySect__secomTxt {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .securitySect__secomTxt {
    flex: 0 0 57.6rem;
    gap: 1.6rem;
    height: 38.5rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__secomTxt {
    display: grid;
    grid-gap: 2rem 1.6rem;
    gap: 2rem 1.6rem;
    grid-template-areas: "title title" "text logo";
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .securitySect__secomLead {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__secomLead {
    display: contents;
  }
}
.securitySect__secomTtl {
  letter-spacing: 0.1em;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .securitySect__secomTtl {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__secomTtl {
    border-bottom: 0.1rem solid #ccc;
    font-size: 1.5rem;
    grid-area: title;
    line-height: normal;
    padding-bottom: 1.2rem;
  }
}
.securitySect__secomTxtBody {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .securitySect__secomTxtBody {
    grid-area: text;
    line-height: normal;
    min-width: 0;
  }
}
.securitySect__secomLogo {
  flex-shrink: 0;
  width: 9.6rem;
}
@media screen and (min-width: 768px) {
  .securitySect__secomLogo {
    align-items: center;
    border: 0.1rem solid #ccc;
    display: flex;
    flex: 1;
    justify-content: center;
    width: 100%;
  }
  .securitySect__secomLogo .photo {
    width: 18rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__secomLogo {
    grid-area: logo;
  }
}
.securitySect__secomLogo .photo__image {
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .securitySect__secomFigure {
    flex: 0 0 57.6rem;
    height: 38.5rem;
    width: 57.6rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__secomFigure {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    max-width: 32.6rem;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__secomFigure .photo {
    border: 0.1rem solid #ccc;
  }
}
.securitySect__secomFigure .photo__image {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .securitySect__secomFigure .photo__image {
    aspect-ratio: 576/385;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__secomFigure .photo__image {
    aspect-ratio: 326/218;
  }
}
.securitySect__tebra {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .securitySect__tebra {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__tebra {
    padding: 0 3.2rem;
    width: 100%;
  }
}
.securitySect__tebra {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .securitySect__tebra {
    -moz-column-gap: 4.8rem;
         column-gap: 4.8rem;
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__tebra {
    align-items: center;
    flex-direction: column;
    margin-top: 6.4rem;
  }
}
@media screen and (min-width: 768px) {
  .securitySect__tebraVisual {
    flex: 0 0 36.5rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__tebraVisual {
    order: 1;
    width: 100%;
  }
}
.securitySect__tebraVisual .photo__image {
  aspect-ratio: 368/245;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .securitySect__tebraDiagram {
    flex: 1;
    min-width: 0;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__tebraDiagram {
    margin-top: 3.2rem;
    order: 3;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .securitySect__tebraFigure {
    align-items: center;
    background: #fff;
    border: 0.1rem solid #bdbdbd;
    display: flex;
    height: 24.3rem;
    justify-content: center;
    position: relative;
  }
  .securitySect__tebraFigure .photo {
    position: static;
  }
}
.securitySect__tebraFigure .photo__image {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .securitySect__tebraFigure .photo__image {
    height: 19rem;
    max-width: 59.6rem;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__tebraFigure .photo__image {
    aspect-ratio: 326/130;
  }
}
@media screen and (min-width: 768px) {
  .securitySect__tebraTxt {
    flex: 0 0 100%;
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__tebraTxt {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    margin-top: 1.6rem;
    order: 2;
    padding: 0 3.2rem;
    width: 100%;
  }
}
.securitySect__tebraTtl, .securitySect__tebraTxtBody {
  letter-spacing: 0.1em;
  line-height: 1.6;
}
.securitySect__tebraTtl {
  font-size: 1.4rem;
}
.securitySect__tebraTxtBody {
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .securitySect__tebraTxtBody {
    margin-top: 0.8rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__tebraTxtBody {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .securitySect__tebraTxtNote {
    margin-top: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__tebraNote {
    margin-top: 0.8rem;
  }
}
.securitySect__cylinderRow {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .securitySect__cylinderRow {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__cylinderRow {
    padding: 0 3.2rem;
    width: 100%;
  }
}
.securitySect__cylinderRow {
  display: flex;
}
@media screen and (min-width: 768px) {
  .securitySect__cylinderRow {
    gap: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__cylinderRow {
    flex-direction: column;
    gap: 4.8rem;
  }
}
.securitySect__box--areas {
  background: #fff;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .securitySect__box--areas {
    padding: 6rem 5rem;
    width: 130rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__box--areas {
    padding: 4rem 3.2rem;
    width: calc(100% - 1.6rem);
  }
}
.securitySect__box--areas {
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .securitySect__box--areas {
    flex: 0 0 85.6rem;
    margin: 0;
    padding: 8rem 5rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__box--areas {
    border: 0.1rem solid #c9bc9c;
    box-sizing: border-box;
    gap: 2rem;
    margin-left: -2.4rem;
    margin-right: -2.4rem;
    max-width: 37.4rem;
    padding: 2.8rem 2.4rem;
    width: calc(100% + 6.4rem - 1.6rem);
  }
}
.securitySect__box--areas .securitySect__beigeBand:not(:first-child) {
  margin-top: 5.6rem;
}
@media screen and (max-width: 767px) {
  .securitySect__box--areas .securitySect__beigeBand:not(:first-child) {
    margin-top: 0;
  }
}
.securitySect__beigeBand {
  background: #eae1d0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .securitySect__beigeBand {
    font-size: 1.4rem;
    padding: 1.2rem 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__beigeBand {
    font-size: 1.2rem;
    padding: 1.2rem 0;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__beigeBand {
    background: #eae6dd;
    font-size: 1.4rem;
    padding: 0.6rem 1.2rem;
  }
}
.securitySect__beigeBand:not(:first-child) {
  margin-top: 4.8rem;
}
.securitySect__areaCols {
  display: flex;
}
@media screen and (min-width: 768px) {
  .securitySect__areaCols {
    gap: 4.8rem;
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__areaCols {
    flex-direction: column;
    gap: 1.6rem;
    margin-top: 0;
  }
}
.securitySect__areaCol {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
@media screen and (min-width: 768px) {
  .securitySect__areaCol {
    flex: 0 0 48.8rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__areaCol:first-child {
    gap: 0.8rem;
  }
  .securitySect__areaCol:first-child .securitySect__areaTtl {
    margin-top: 0.8rem;
  }
}
@media screen and (min-width: 768px) {
  .securitySect__areaCol:last-child {
    flex: 0 0 22rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__areaCol:last-child {
    display: grid;
    grid-gap: 0 1.6rem;
    gap: 0 1.6rem;
    grid-template-columns: 15.2rem 1fr;
    grid-template-rows: 1fr auto auto 1fr;
  }
  .securitySect__areaCol:last-child .securitySect__areaVisual {
    grid-column: 1;
    grid-row: 1/5;
  }
  .securitySect__areaCol:last-child .securitySect__areaTtl {
    grid-column: 2;
    grid-row: 2;
    margin-top: 0;
  }
  .securitySect__areaCol:last-child .securitySect__areaTxt {
    grid-column: 2;
    grid-row: 3;
    margin-top: 0.8rem;
  }
}
.securitySect__areaVisual {
  border: 0.1rem solid #dedede;
}
@media screen and (max-width: 767px) {
  .securitySect__areaVisual {
    border-color: #ccc;
  }
}
.securitySect__areaVisual .photo__image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.securitySect__areaCol:first-child .securitySect__areaVisual .photo__image {
  aspect-ratio: 488/168;
}
@media screen and (max-width: 767px) {
  .securitySect__areaCol:first-child .securitySect__areaVisual .photo__image {
    aspect-ratio: 326/138;
  }
}
.securitySect__areaCol:last-child .securitySect__areaVisual .photo__image {
  aspect-ratio: 220/168;
}
@media screen and (max-width: 767px) {
  .securitySect__areaCol:last-child .securitySect__areaVisual .photo__image {
    aspect-ratio: 152/114;
  }
}
.securitySect__areaTtl, .securitySect__areaTxt {
  letter-spacing: 0.1em;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .securitySect__areaTtl, .securitySect__areaTxt {
    font-size: 1.2rem;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__areaTtl {
    font-size: 1.3rem;
    margin-top: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__areaCol:first-child .securitySect__areaTtl {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__areaTxt {
    font-size: 1.1rem;
    margin-top: 0.8rem;
  }
}
.securitySect__ownedRow {
  display: flex;
}
@media screen and (min-width: 768px) {
  .securitySect__ownedRow {
    gap: 4.8rem;
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__ownedRow {
    flex-direction: column;
    gap: 2rem;
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .securitySect__ownedVisual, .securitySect__tebraPanel {
    flex: 1;
    min-width: 0;
  }
}
.securitySect__ownedVisual .photo__image, .securitySect__tebraPanel .photo__image {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .securitySect__ownedVisual .photo__image {
    aspect-ratio: 354/168;
    border: 0.1rem solid #e2e2e2;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__ownedVisual .photo__image {
    aspect-ratio: 326/155;
    border: 0.1rem solid #ccc;
  }
}
@media screen and (min-width: 768px) {
  .securitySect__tebraPanel .photo__image {
    aspect-ratio: 354/270;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__tebraPanel .photo__image {
    aspect-ratio: 326/303;
    border: 0.1rem solid #ccc;
  }
}
@media screen and (min-width: 768px) {
  .securitySect__cylinderCol {
    flex: 0 0 26.4rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__cylinderCol {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__cylinderVisual {
    border: 0.1rem solid #ccc;
  }
}
.securitySect__cylinderVisual .photo__image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .securitySect__cylinderVisual .photo__image {
    aspect-ratio: 264/470;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__cylinderVisual .photo__image {
    aspect-ratio: 326/216;
  }
}
.securitySect__cylinderTtl, .securitySect__cylinderTxt {
  letter-spacing: 0.1em;
  line-height: 1.6;
}
.securitySect__cylinderTtl {
  font-size: 1.4rem;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .securitySect__cylinderTtl {
    margin-top: 0;
  }
}
.securitySect__cylinderTxt {
  font-size: 1.2rem;
  margin-top: 0.8rem;
}
.securitySect__otherTop {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .securitySect__otherTop {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__otherTop {
    padding: 0 3.2rem;
    width: 100%;
  }
}
.securitySect__otherTop {
  display: flex;
}
@media screen and (min-width: 768px) {
  .securitySect__otherTop {
    gap: 4.8rem;
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__otherTop {
    flex-direction: column;
    gap: 5.6rem;
    margin-top: 6.4rem;
  }
}
@media screen and (min-width: 768px) {
  .securitySect__otherCol {
    flex: 1;
  }
}
.securitySect__otherVisual .photo__image {
  aspect-ratio: 652/200;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.securitySect__otherTtl {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-top: 1.6rem;
}
@media screen and (min-width: 768px) {
  .securitySect__otherTtl {
    margin-top: 2.4rem;
  }
}
.securitySect__otherTxt {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-top: 1.2rem;
}
@media screen and (min-width: 768px) {
  .securitySect__otherTxt {
    margin-top: 2.4rem;
  }
}
.securitySect__otherGrid {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .securitySect__otherGrid {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__otherGrid {
    padding: 0 3.2rem;
    width: 100%;
  }
}
.securitySect__otherGrid {
  display: flex;
}
@media screen and (min-width: 768px) {
  .securitySect__otherGrid {
    gap: 4.8rem;
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .securitySect__otherGrid {
    gap: 2.2rem;
    margin-top: 5.6rem;
  }
}
@media screen and (min-width: 768px) {
  .securitySect__otherGrid .specCard {
    width: 26.4rem;
  }
}
@media screen and (min-width: 768px) {
  .securitySect__otherGrid .specCard__ttl,
  .securitySect__otherGrid .specCard__txt {
    margin-top: 2.4rem;
  }
}

@media screen and (max-width: 767px) {
  .structureSect .headingUnit .heading {
    letter-spacing: 0;
    line-height: normal;
  }
}
@media screen and (max-width: 767px) {
  .structureSect .structureSect__boringTtl, .structureSect .structureSect__boringTxt, .structureSect .structureSect__soundTtl, .structureSect .structureSect__soundTxtBody {
    letter-spacing: 0;
    line-height: normal;
    text-box: normal;
  }
}
@media screen and (min-width: 768px) {
  .structureSect__group {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .structureSect__group {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .structureSect__group--sound {
    margin-top: 4rem;
  }
  .structureSect__group--grid {
    margin-top: 5.6rem;
  }
}
.structureSect__pileRow {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .structureSect__pileRow {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .structureSect__pileRow {
    padding: 0 3.2rem;
    width: 100%;
  }
}
.structureSect__pileRow {
  display: flex;
}
@media screen and (min-width: 768px) {
  .structureSect__pileRow {
    align-items: flex-start;
    gap: 4.8rem;
  }
}
@media screen and (max-width: 767px) {
  .structureSect__pileRow {
    flex-direction: column;
    gap: 5.6rem;
  }
}
@media screen and (min-width: 768px) {
  .structureSect__diagramCol {
    flex: 0 0 36.8rem;
    order: 2;
  }
}
.structureSect__diagramVisual .photo__image {
  aspect-ratio: 368/245;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .structureSect__pileCol {
    flex: 0 0 36.8rem;
    order: 1;
  }
}
.structureSect__pileVisual .photo__image {
  aspect-ratio: 368/245;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.structureSect__pileTtl {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-top: 1.6rem;
}
.structureSect__pileTxt {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-top: 1.6rem;
}
.structureSect__boringCol {
  background: #fff;
  display: grid;
}
@media screen and (min-width: 768px) {
  .structureSect__boringCol {
    flex: 0 0 41.8rem;
    gap: 1.6rem 2.4rem;
    grid-template-columns: 17.3rem 12.1rem;
    order: 3;
    padding: 4rem 5rem;
  }
}
@media screen and (max-width: 767px) {
  .structureSect__boringCol {
    background: #fcfbf9;
    border: 0.1rem solid #a59472;
    box-sizing: border-box;
    gap: 2rem;
    grid-template-columns: 15.2rem 15.2rem;
    margin-top: -1.6rem;
    margin-left: -2.4rem;
    margin-right: -2.4rem;
    padding: 2.8rem 2.4rem;
    width: calc(100% + 6.4rem - 1.6rem);
  }
}
.structureSect__boringInner {
  display: contents;
}
.structureSect__boringTtl {
  font-size: 1.4rem;
  grid-column: 1;
  grid-row: 1;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .structureSect__boringTtl {
    border-bottom: 0.1rem solid #ccc;
    font-size: 1.5rem;
    padding-bottom: 1.2rem;
  }
}
.structureSect__boringTxt {
  font-size: 1.2rem;
  grid-column: 1;
  grid-row: 2;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
.structureSect__boringVisual {
  align-self: start;
  grid-column: 2;
  grid-row: 1/span 2;
}
.structureSect__boringVisual .photo__image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .structureSect__boringVisual .photo__image {
    aspect-ratio: 304/442;
  }
}
@media screen and (max-width: 767px) {
  .structureSect__boringVisual .photo__image {
    aspect-ratio: 152/222.35;
  }
}
.structureSect__soundRow {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .structureSect__soundRow {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .structureSect__soundRow {
    padding: 0 3.2rem;
    width: 100%;
  }
}
.structureSect__soundRow {
  display: flex;
}
@media screen and (min-width: 768px) {
  .structureSect__soundRow {
    align-items: flex-start;
    gap: 4.8rem;
  }
}
@media screen and (max-width: 767px) {
  .structureSect__soundRow {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .structureSect__soundTxt {
    flex: 0 0 36.8rem;
  }
}
@media screen and (max-width: 767px) {
  .structureSect__soundTxt {
    margin-top: 1.6rem;
  }
}
.structureSect__soundTtl {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
.structureSect__soundTxtBody {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .structureSect__soundTxtBody {
    margin-top: 1.2rem;
  }
}
.structureSect__soundNote {
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .structureSect__soundNote {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .structureSect__soundVisual {
    flex: 1;
  }
}
@media screen and (max-width: 767px) {
  .structureSect__soundVisual {
    order: -1;
  }
}
.structureSect__soundVisual .photo__image {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .structureSect__soundVisual .photo__image {
    aspect-ratio: 784/267;
  }
}
@media screen and (max-width: 767px) {
  .structureSect__soundVisual .photo__image {
    aspect-ratio: 326/398;
    border: 0.1rem solid #ccc;
  }
}
.structureSect__grid {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .structureSect__grid {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .structureSect__grid {
    padding: 0 3.2rem;
    width: 100%;
  }
}
.structureSect__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .structureSect__grid {
    gap: 4.8rem;
  }
}
@media screen and (max-width: 767px) {
  .structureSect__grid {
    gap: 5.6rem 2.2rem;
  }
}
.structureSect__grid .specCard:nth-child(7) .photo__image {
  aspect-ratio: 784/245;
}

@media screen and (max-width: 767px) {
  .managementSect .headingUnit .heading {
    letter-spacing: 0;
    line-height: normal;
  }
}
@media screen and (max-width: 767px) {
  .managementSect .sectBand + div > .headingUnit:first-child {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .managementSect .managementSect__introTtl, .managementSect .managementSect__introTxt, .managementSect .managementSect__beigeBand {
    letter-spacing: 0;
    line-height: normal;
    text-box: normal;
  }
}
@media screen and (min-width: 768px) {
  .managementSect {
    padding-bottom: 15rem;
  }
}
@media screen and (max-width: 767px) {
  .managementSect {
    padding-bottom: 15rem;
  }
}
@media screen and (min-width: 768px) {
  .managementSect__group {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .managementSect__group {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .managementSect__group:has(.managementSect__box) {
    padding: 0 3.2rem;
  }
}
.managementSect__intro {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .managementSect__intro {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .managementSect__intro {
    padding: 0 3.2rem;
    width: 100%;
  }
}
.managementSect__intro {
  display: flex;
}
@media screen and (min-width: 768px) {
  .managementSect__intro {
    gap: 4.8rem;
  }
}
@media screen and (max-width: 767px) {
  .managementSect__intro {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .managementSect__introCol {
    flex: 0 0 36.8rem;
  }
}
.managementSect__introVisual .photo__image {
  aspect-ratio: 390/219;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .managementSect__introVisual .photo__image {
    aspect-ratio: 368/208;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .managementSect__introVisual {
    margin-left: -3.2rem;
    margin-right: -3.2rem;
  }
}
.managementSect__introTtl {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .managementSect__introTtl {
    border-bottom: 0.1rem solid #ccc;
    padding-bottom: 1.2rem;
  }
}
.managementSect__introTxt {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .managementSect__introTxt {
    margin-top: 1.2rem;
  }
}
.managementSect__introFigures {
  display: flex;
}
@media screen and (min-width: 768px) {
  .managementSect__introFigures {
    gap: 4.8rem;
  }
}
@media screen and (max-width: 767px) {
  .managementSect__introFigures {
    flex-direction: column;
    gap: 5.6rem;
    margin-top: 5.6rem;
  }
}
.managementSect__introFigure {
  aspect-ratio: 368/460;
}
@media screen and (min-width: 768px) {
  .managementSect__introFigure {
    border: 0.1rem solid #c8c8c8;
    flex: 0 0 36.8rem;
  }
}
.managementSect__introFigure .photo__image {
  aspect-ratio: 368/460;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .managementSect__introFigure {
    position: relative;
  }
  .managementSect__introFigure .photo {
    margin-left: 3.2rem;
    position: static;
  }
  .managementSect__introFigure .photo__image {
    height: auto;
  }
  .managementSect__introFigure:nth-child(1) {
    padding-top: 4.5rem;
  }
  .managementSect__introFigure:nth-child(1) .photo {
    width: 31.3rem;
  }
  .managementSect__introFigure:nth-child(1) .photo__image {
    aspect-ratio: 400/510;
  }
  .managementSect__introFigure:nth-child(2) {
    padding-top: 5.1rem;
  }
  .managementSect__introFigure:nth-child(2) .photo {
    width: 30.4rem;
  }
  .managementSect__introFigure:nth-child(2) .photo__image {
    aspect-ratio: 407/477;
  }
}
.managementSect__box {
  background: #fff;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .managementSect__box {
    padding: 6rem 5rem;
    width: 130rem;
  }
}
@media screen and (max-width: 767px) {
  .managementSect__box {
    padding: 4rem 3.2rem;
    width: calc(100% - 1.6rem);
  }
}
.managementSect__box {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .managementSect__box {
    padding: 0 0 8rem;
  }
}
@media screen and (max-width: 767px) {
  .managementSect__box {
    background: #fcfbf9;
    border: 0.1rem solid #a59472;
    padding: 0 0 2.8rem;
    width: 100%;
  }
}
.managementSect__beigeBand {
  background: #eae1d0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .managementSect__beigeBand {
    font-size: 1.4rem;
    padding: 1.2rem 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .managementSect__beigeBand {
    font-size: 1.2rem;
    padding: 1.2rem 0;
  }
}
@media screen and (max-width: 767px) {
  .managementSect__beigeBand {
    align-items: center;
    background: #a59472;
    color: #fff;
    display: flex;
    font-size: 1.5rem;
    height: 5.5rem;
    justify-content: center;
    line-height: 1.6;
    padding: 0 2.4rem;
    width: 100%;
  }
}
.managementSect__points {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .managementSect__points {
    gap: 4.8rem;
    margin-top: 2.4rem;
    padding: 0 5rem;
  }
}
@media screen and (max-width: 767px) {
  .managementSect__points {
    flex-direction: column;
    gap: 3.2rem;
    margin-top: 3.2rem;
    padding: 0 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .managementSect__points .pointCard {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .managementSect__points .pointCard .photo__image {
    aspect-ratio: 368/184;
  }
}
@media screen and (max-width: 767px) {
  .managementSect__points .pointCard .photo__image {
    aspect-ratio: 276/138;
  }
}

.sectBand {
  align-items: center;
  background: linear-gradient(90deg, #89814e 0%, #ada77b 54.3%, #89814e 100%);
  display: flex;
  height: 4.8rem;
  justify-content: center;
  width: 100%;
}
.sectBand__ttl {
  color: #fff;
  font-family: "EB Garamond", georgia, "Times New Roman", serif;
  font-size: 2.4rem;
  letter-spacing: 0.1em;
  line-height: 1.4;
}

.specCard {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .specCard {
    width: 36.8rem;
  }
}
@media screen and (max-width: 767px) {
  .specCard {
    width: calc((100% - 2.2rem) / 2);
  }
}
@media screen and (min-width: 768px) {
  .specCard--wide {
    width: 78.4rem;
  }
}
@media screen and (max-width: 767px) {
  .specCard--wide {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .specCard--spFull, .specCard--spWide {
    width: 100%;
  }
}
.specCard__visual {
  display: flex;
  gap: 4.8rem;
  position: relative;
}
.specCard__visual .photo__image {
  aspect-ratio: 368/245;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .specCard__visual {
    flex-direction: column;
    gap: 1.6rem;
  }
}
.specCard__visual .photo {
  flex: 1;
  min-width: 0;
}
@media screen and (min-width: 768px) {
  .specCard__visual .photo--spOnly {
    display: none;
  }
}
.specCard__visual .specCard__subCaption[data-color] {
  right: 0;
  right: var(--sub-caption-right, 0);
}
@media screen and (min-width: 768px) {
  .specCard__visual--capBottomPC .photo__caption[data-color] {
    bottom: 0;
    bottom: var(--caption-bottom-pc, 0);
  }
}
.specCard__nowrap {
  white-space: nowrap;
}
.specCard__label {
  background: #eae1d0;
  margin-top: 1.6rem;
  padding: 0.7rem 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .specCard__label {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .specCard__label {
    font-size: 1.2rem;
  }
}
.specCard__ttl {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-top: 1.6rem;
}
.specCard__ttl--center {
  text-align: center;
}
.specCard__txt {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-top: 1.6rem;
}
.specCard__note {
  margin-top: 0.8rem;
}

.pointCard {
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .pointCard {
    width: 36.8rem;
  }
}
@media screen and (max-width: 767px) {
  .pointCard {
    margin: 0 auto;
    width: 27.6rem;
  }
}
.pointCard__badge {
  align-items: center;
  display: flex;
  height: 4.5rem;
  justify-content: center;
  margin: 0 auto;
  width: 8.4rem;
}
.pointCard__badgeBracket {
  display: block;
  flex: 0 0 auto;
}
.pointCard__badgeBody {
  align-items: center;
  color: #948049;
  display: flex;
  flex: 1;
  flex-direction: column;
  font-family: "EB Garamond", georgia, "Times New Roman", serif;
  justify-content: center;
  min-width: 0;
}
.pointCard__labelTxt {
  font-size: 1.278rem;
  letter-spacing: 0.1em;
  line-height: 1;
}
.pointCard__no {
  color: #948049;
  font-size: 2.5545rem;
  line-height: 1;
  margin-top: 0.2rem;
}
.pointCard__ttl {
  color: #a59472;
  font-size: 1.5rem;
  line-height: normal;
  margin-top: 1rem;
}
.pointCard__txt {
  color: #231815;
  font-size: 1.2rem;
  line-height: normal;
  margin-top: 1rem;
  text-align: left;
}
.pointCard__visual {
  margin-top: 1rem;
}
.pointCard__visual .photo__image {
  aspect-ratio: 368/184;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.qualityBody {
  color: #231815;
}
@media screen and (min-width: 768px) {
  .qualityBody {
    background: #ece9e2 url("../../common/imgs/pc/bg-texture-01@1.5x.jpg") top center repeat-y;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 767px) {
  .qualityBody {
    background: #ece9e2 url("../../common/imgs/sp/bg-texture-01.jpg") top center repeat-y;
    background-size: 100% auto;
  }
}
.qualityBody .qualityMark {
  color: #a59472;
}
.qualityBody :where(h4, h5, p):where(:not(.caption):not(.photo__caption):not(.headingUnit *):not(.anchorList *):not(.sectBand *):not(.photo *):not(.pointCard *)) {
  text-box: trim-both cap alphabetic;
}
.qualityBody .photo__caption--capOut {
  padding-top: 0;
}

@media screen and (min-width: 768px) {
  .sectBand + div > .headingUnit:first-child,
  .sectBand + div > .equipmentSect__group:first-child,
  .sectBand + div > .securitySect__group:first-child {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .sectBand + div > .headingUnit:first-child,
  .sectBand + div > .equipmentSect__group:first-child,
  .sectBand + div > .securitySect__group:first-child {
    margin-top: 6.4rem;
  }
}

@media screen and (min-width: 768px) {
  .keyVisual__ttl {
    text-shadow: rgba(0, 0, 0, 0.7) 0 0 20px, rgba(0, 0, 0, 0.7) 0 0 20px, rgba(0, 0, 0, 0.7) 0 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .currentPage--quality .anchorList {
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .currentPage--quality .anchorList__inner {
    gap: 0.3rem;
    max-width: 120rem;
  }
}
@media screen and (min-width: 768px) {
  .currentPage--quality .anchorList__item {
    width: calc((100% - 0.9rem) / 4);
  }
}
@media screen and (min-width: 768px) {
  .currentPage--quality section + .anchorList {
    padding-top: 8rem;
  }
}
.currentPage--quality .anchorBtn {
  background: none;
  border: 1px solid #a59472;
  color: #a59472;
  transition: background-color 0.6s cubic-bezier(0.16, 1, 0.3, 1), color 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
@media screen and (min-width: 768px) {
  .currentPage--quality .anchorBtn {
    height: 4rem;
    padding: 0 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .currentPage--quality .anchorBtn {
    height: 5rem;
    padding: 0 0.8rem;
  }
}
.currentPage--quality .anchorBtn:before, .currentPage--quality .anchorBtn:after {
  content: none;
}
@media screen and (min-width: 768px) {
  .currentPage--quality .anchorBtn__inner {
    font-family: "Zen Old Mincho", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
.currentPage--quality .anchorBtn.is-current {
  background-color: #a59472;
  color: #fff;
}
@media (hover: hover) {
  .currentPage--quality .anchorBtn:hover {
    background-color: #a59472;
    box-shadow: none;
    color: #fff;
  }
}
/*# sourceMappingURL=style.css.map */