@import "https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap";
.pageNav {
  margin: 0 auto;
  max-width: 120rem;
}
.pageNav__list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media print, screen and (min-width: 768px) {
  .pageNav__list {
    flex-wrap: wrap;
    gap: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .pageNav__list {
    align-items: center;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .pageNav__item {
    width: 100%;
  }
}
.pageNav__link {
  align-items: center;
  background: #000;
  color: #fff;
  display: flex;
  justify-content: center;
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
@media print, screen and (min-width: 768px) {
  .pageNav__link {
    height: 6rem;
    width: 29.2rem;
  }
}
@media screen and (max-width: 768px) {
  .pageNav__link {
    height: 6rem;
    width: 100%;
  }
}
.pageNav__link:hover {
  opacity: 0.7;
}
.pageNav__txt {
  font-family: "EB Garamond", serif;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media print, screen and (min-width: 768px) {
  .pageNav__txt {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .pageNav__txt {
    font-size: 1.6rem;
  }
}
.pageNav__arrow {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media print, screen and (min-width: 768px) {
  .pageNav__arrow {
    right: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .pageNav__arrow {
    right: 1.5rem;
  }
}
.pageNav__arrow svg {
  height: 0.7rem;
  width: 1rem;
}
.qualityCard {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 768px) {
  .qualityCard {
    gap: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .qualityCard {
    gap: 1.5rem;
  }
}
@media print, screen and (min-width: 768px) {
  .qualityCard--full {
    width: 120rem;
  }
}
@media screen and (max-width: 768px) {
  .qualityCard--full {
    width: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .qualityCard--half {
    width: 58.8rem;
  }
}
@media screen and (max-width: 768px) {
  .qualityCard--half {
    width: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .qualityCard--twoThird {
    width: 79.2rem;
  }
}
@media screen and (max-width: 768px) {
  .qualityCard--twoThird {
    width: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .qualityCard--third {
    width: 38.4rem;
  }
}
@media screen and (max-width: 768px) {
  .qualityCard--third {
    width: 15.7rem;
  }
}
@media print, screen and (min-width: 768px) {
  .qualityCard--quarter {
    width: 28.2rem;
  }
}
@media screen and (max-width: 768px) {
  .qualityCard--quarter {
    width: 15.7rem;
  }
}
.qualityCard--textTop {
  flex-direction: column-reverse;
}
@media print, screen and (min-width: 768px) {
  .qualityCard--imageRight {
    flex-direction: row;
    gap: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .qualityCard--imageRight {
    flex-direction: column;
    gap: 1.5rem;
  }
}
.qualityCard--imageRight .qualityCard__body {
  flex: 1;
}
.qualityCard--imageRight .qualityCard__img {
  flex-shrink: 0;
}
@media print, screen and (min-width: 768px) {
  .qualityCard--imageRight .qualityCard__img {
    width: 58.8rem;
  }
}
@media screen and (max-width: 768px) {
  .qualityCard--imageRight .qualityCard__img {
    width: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .qualityCard--imageRightWide {
    align-items: flex-start;
    flex-direction: row;
    gap: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .qualityCard--imageRightWide {
    flex-direction: column;
    gap: 1.5rem;
  }
}
.qualityCard--imageRightWide .qualityCard__body {
  flex-shrink: 0;
}
@media print, screen and (min-width: 768px) {
  .qualityCard--imageRightWide .qualityCard__body {
    width: 38.4rem;
  }
}
@media screen and (max-width: 768px) {
  .qualityCard--imageRightWide .qualityCard__body {
    width: 100%;
  }
}
.qualityCard--imageRightWide .qualityCard__img {
  flex: 1;
}
@media print, screen and (min-width: 768px) {
  .qualityCard--imageRightWide .qualityCard__img {
    width: 79.2rem;
  }
}
@media screen and (max-width: 768px) {
  .qualityCard--imageRightWide .qualityCard__img {
    width: 100%;
  }
}
.qualityCard--imageRightWide .qualityCard__note {
  margin-top: 1rem;
}
.qualityCard__img {
  position: relative;
}
.qualityCard__img img {
  height: auto;
  width: 100%;
}
.qualityCard__caption {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  position: absolute;
}
@media print, screen and (min-width: 768px) {
  .qualityCard__caption {
    bottom: 0.8rem;
    right: 1rem;
    text-align: right;
  }
}
@media screen and (max-width: 768px) {
  .qualityCard__caption {
    display: block;
    margin-left: auto;
    padding-top: 5px;
    position: static;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.qualityCard__caption--black {
  color: #000;
}
.qualityCard__caption--white {
  color: #fff;
  text-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
}
.qualityCard__body {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 768px) {
  .qualityCard__body {
    gap: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .qualityCard__body {
    gap: 1.6rem;
  }
}
.qualityCard__head {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.qualityCard__ttl {
  font-family: "Noto Serif", serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.qualityCard__ttl:before {
  content: "";
  margin-top: calc((1 - 1.5) * 0.5em);
}
.qualityCard__ttl:after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
.qualityCard__ttl:before, .qualityCard__ttl:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .qualityCard__ttl {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .qualityCard__ttl {
    font-size: 1.6rem;
  }
}
.qualityCard__ttlSub {
  font-family: "Noto Serif", serif;
  font-weight: 500;
  line-height: 1.5;
}
.qualityCard__ttlSub:before {
  content: "";
  margin-top: calc((1 - 1.5) * 0.5em);
}
.qualityCard__ttlSub:after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
.qualityCard__ttlSub:before, .qualityCard__ttlSub:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .qualityCard__ttlSub {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .qualityCard__ttlSub {
    font-size: 1.4rem;
  }
}
.qualityCard__line {
  background: #000;
  height: 1px;
  width: 100%;
}
.qualityCard__txt {
  font-family: "Noto Serif", serif;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 2;
}
.qualityCard__txt:before {
  content: "";
  margin-top: calc((1 - 2) * 0.5em);
}
.qualityCard__txt:after {
  margin-bottom: calc((1 - 2) * 0.5em);
}
.qualityCard__txt:before, .qualityCard__txt:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .qualityCard__txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .qualityCard__txt {
    font-size: 1.4rem;
  }
}
.qualityCard__note {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
}
.qualityCard__note:before {
  content: "";
  margin-top: calc((1 - 1.5) * 0.5em);
}
.qualityCard__note:after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
.qualityCard__note:before, .qualityCard__note:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.featureBox {
  background: #e6e6e6;
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 768px) {
  .featureBox {
    gap: 1.8rem;
    padding: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .featureBox {
    gap: 1.5rem;
    padding: 1.5rem;
  }
}
.featureBox__ttl {
  font-family: "Noto Serif", serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2;
}
.featureBox__ttl:before {
  content: "";
  margin-top: calc((1 - 2) * 0.5em);
}
.featureBox__ttl:after {
  margin-bottom: calc((1 - 2) * 0.5em);
}
.featureBox__ttl:before, .featureBox__ttl:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .featureBox__ttl {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .featureBox__ttl {
    font-size: 1.4rem;
  }
}
.featureBox__txt {
  font-family: "Noto Serif", serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
.featureBox__txt:before {
  content: "";
  margin-top: calc((1 - 1.4) * 0.5em);
}
.featureBox__txt:after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}
.featureBox__txt:before, .featureBox__txt:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .featureBox__txt {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .featureBox__txt {
    font-size: 1.2rem;
  }
}
.structureBasicsCard {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .structureBasicsCard {
    gap: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .structureBasicsCard {
    gap: 2rem;
  }
}
.structureBasicsCard__head {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 768px) {
  .structureBasicsCard__head {
    gap: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .structureBasicsCard__head {
    gap: 1.5rem;
  }
}
.structureBasicsCard__ttl {
  font-family: "Noto Serif", serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.structureBasicsCard__ttl:before {
  content: "";
  margin-top: calc((1 - 1.5) * 0.5em);
}
.structureBasicsCard__ttl:after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
.structureBasicsCard__ttl:before, .structureBasicsCard__ttl:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .structureBasicsCard__ttl {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .structureBasicsCard__ttl {
    font-size: 1.6rem;
  }
}
.structureBasicsCard__line {
  background: #000;
  height: 1px;
  width: 100%;
}
.structureBasicsCard__txt {
  font-family: "Noto Serif", serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2;
}
.structureBasicsCard__txt:before {
  content: "";
  margin-top: calc((1 - 2) * 0.5em);
}
.structureBasicsCard__txt:after {
  margin-bottom: calc((1 - 2) * 0.5em);
}
.structureBasicsCard__txt:before, .structureBasicsCard__txt:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .structureBasicsCard__txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .structureBasicsCard__txt {
    font-size: 1.4rem;
  }
}
.structureBasicsCard__inner {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 768px) {
  .structureBasicsCard__inner {
    gap: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .structureBasicsCard__inner {
    gap: 1.5rem;
  }
}
.structureBasicsCard__subTtl {
  font-family: "Noto Serif", serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2;
}
.structureBasicsCard__subTtl:before {
  content: "";
  margin-top: calc((1 - 2) * 0.5em);
}
.structureBasicsCard__subTtl:after {
  margin-bottom: calc((1 - 2) * 0.5em);
}
.structureBasicsCard__subTtl:before, .structureBasicsCard__subTtl:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .structureBasicsCard__subTtl {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .structureBasicsCard__subTtl {
    font-size: 1.4rem;
  }
}
.structureBasicsCard__imgWrap {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 768px) {
  .structureBasicsCard__imgWrap {
    gap: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .structureBasicsCard__imgWrap {
    gap: 1rem;
  }
}
.structureBasicsCard__img img {
  height: auto;
  width: 100%;
}
.structureBasicsCard__note {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.structureBasicsCard__note:before {
  content: "";
  margin-top: calc((1 - 1.5) * 0.5em);
}
.structureBasicsCard__note:after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
.structureBasicsCard__note:before, .structureBasicsCard__note:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .securitySect {
    padding: 16rem 0 12rem;
  }
}
@media screen and (max-width: 768px) {
  .securitySect {
    padding: 0 0 8rem;
  }
}
@media print, screen and (min-width: 768px) {
  .securitySect .sectTtl {
    margin-top: 16rem;
  }
}
@media screen and (max-width: 768px) {
  .securitySect .sectTtl {
    margin-top: 4rem;
  }
}
@media print, screen and (min-width: 768px) {
  .securitySect__contents {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 768px) {
  .securitySect__contents {
    margin-top: 4rem;
  }
}
.securitySect__cardList {
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 768px) {
  .securitySect__cardList {
    gap: 4rem 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .securitySect__cardList {
    gap: 3.6rem 2.4rem;
  }
}
.securitySect__cardRow {
  width: 100%;
}
.securitySect__cardRow--quarter {
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 768px) {
  .securitySect__cardRow--quarter {
    gap: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .securitySect__cardRow--quarter {
    gap: 3.6rem 2.4rem;
  }
}
.securitySect__cardRow--delivery {
  display: flex;
}
@media print, screen and (min-width: 768px) {
  .securitySect__cardRow--delivery {
    gap: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .securitySect__cardRow--delivery {
    flex-direction: column;
    gap: 3.6rem;
  }
}
.securitySect__deliveryMain {
  flex-shrink: 0;
}
@media print, screen and (min-width: 768px) {
  .securitySect__deliveryMain {
    width: 58.8rem;
  }
}
@media screen and (max-width: 768px) {
  .securitySect__deliveryMain {
    width: 100%;
  }
}
.securitySect__deliverySub {
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 768px) {
  .securitySect__deliverySub {
    gap: 2.4rem;
    width: 58.8rem;
  }
}
@media screen and (max-width: 768px) {
  .securitySect__deliverySub {
    gap: 2rem;
    width: 100%;
  }
}
.securitySect__deliveryItem {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 768px) {
  .securitySect__deliveryItem {
    gap: 2rem;
    width: 28.2rem;
  }
}
@media screen and (max-width: 768px) {
  .securitySect__deliveryItem {
    gap: 1.5rem;
    width: 100%;
  }
}
.securitySect__deliveryImg {
  position: relative;
}
.securitySect__deliveryImg img {
  height: auto;
  width: 100%;
}
.securitySect__deliveryCaption {
  color: #000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  position: absolute;
  text-align: right;
}
@media print, screen and (min-width: 768px) {
  .securitySect__deliveryCaption {
    bottom: 0.8rem;
    right: 1rem;
    text-align: right;
  }
}
@media screen and (max-width: 768px) {
  .securitySect__deliveryCaption {
    display: block;
    margin-left: auto;
    padding-top: 5px;
    position: static;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.securitySect__deliveryCaption--white {
  color: #fff;
  text-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
}
.securitySect__deliveryBody {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 768px) {
  .securitySect__deliveryBody {
    gap: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .securitySect__deliveryBody {
    gap: 1rem;
  }
}
.securitySect__deliveryTtl {
  font-family: "Noto Serif", serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
.securitySect__deliveryTtl:before {
  content: "";
  margin-top: calc((1 - 1.6) * 0.5em);
}
.securitySect__deliveryTtl:after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
.securitySect__deliveryTtl:before, .securitySect__deliveryTtl:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .securitySect__deliveryTtl {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .securitySect__deliveryTtl {
    font-size: 1.4rem;
  }
}
.securitySect__deliveryTxt {
  font-family: "Noto Serif", serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
.securitySect__deliveryTxt:before {
  content: "";
  margin-top: calc((1 - 1.6) * 0.5em);
}
.securitySect__deliveryTxt:after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
.securitySect__deliveryTxt:before, .securitySect__deliveryTxt:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .securitySect__deliveryTxt {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .securitySect__deliveryTxt {
    font-size: 1.2rem;
  }
}
@media print, screen and (min-width: 768px) {
  .multimediaSect {
    padding: 12rem 0;
  }
}
@media screen and (max-width: 768px) {
  .multimediaSect {
    padding: 8rem 0;
  }
}
@media print, screen and (min-width: 768px) {
  .multimediaSect .sectTtl {
    margin-top: 16rem;
  }
}
@media screen and (max-width: 768px) {
  .multimediaSect .sectTtl {
    margin-top: 4rem;
  }
}
@media print, screen and (min-width: 768px) {
  .multimediaSect__contents {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 768px) {
  .multimediaSect__contents {
    margin-top: 4rem;
  }
}
.multimediaSect__cardList {
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 768px) {
  .multimediaSect__cardList {
    gap: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .multimediaSect__cardList {
    gap: 2rem;
  }
}
.multimediaSect__card--full {
  width: 100%;
}
.multimediaSect__cardHead {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 768px) {
  .multimediaSect__cardHead {
    gap: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .multimediaSect__cardHead {
    gap: 2rem;
  }
}
.multimediaSect__cardTtl {
  font-family: "Noto Serif", serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.multimediaSect__cardTtl:before {
  content: "";
  margin-top: calc((1 - 1.5) * 0.5em);
}
.multimediaSect__cardTtl:after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
.multimediaSect__cardTtl:before, .multimediaSect__cardTtl:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .multimediaSect__cardTtl {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .multimediaSect__cardTtl {
    font-size: 1.6rem;
  }
}
.multimediaSect__cardLine {
  background: #000;
  height: 1px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .multimediaSect__cardBody {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .multimediaSect__cardBody {
    margin-top: 2rem;
  }
}
.multimediaSect__companyArea {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.multimediaSect__company {
  color: #00a0e9;
  font-family: "Noto Serif", serif;
  font-weight: 500;
}
@media print, screen and (min-width: 768px) {
  .multimediaSect__company {
    font-size: 1.6rem;
    line-height: 2;
  }
  .multimediaSect__company:before {
    content: "";
    margin-top: calc((1 - 2) * 0.5em);
  }
  .multimediaSect__company:after {
    margin-bottom: calc((1 - 2) * 0.5em);
  }
  .multimediaSect__company:before, .multimediaSect__company:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
}
@media screen and (max-width: 768px) {
  .multimediaSect__company {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .multimediaSect__company:before {
    content: "";
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  .multimediaSect__company:after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
  .multimediaSect__company:before, .multimediaSect__company:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .multimediaSect__logoArea .photo__image {
    height: 11rem;
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .multimediaSect__logoArea .photo__image {
    height: auto;
    width: 100%;
  }
}
.multimediaSect__contentRow {
  display: flex;
}
@media print, screen and (min-width: 768px) {
  .multimediaSect__contentRow {
    gap: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .multimediaSect__contentRow {
    flex-direction: column;
    gap: 2.4rem;
  }
}
.multimediaSect__contentCol {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media print, screen and (min-width: 768px) {
  .multimediaSect__contentCol {
    width: 58.8rem;
  }
}
@media screen and (max-width: 768px) {
  .multimediaSect__contentCol {
    width: 100%;
  }
}
.multimediaSect__txt {
  font-family: "Noto Serif", serif;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media print, screen and (min-width: 768px) {
  .multimediaSect__txt {
    font-size: 1.6rem;
    line-height: 2;
  }
  .multimediaSect__txt:before {
    content: "";
    margin-top: calc((1 - 2) * 0.5em);
  }
  .multimediaSect__txt:after {
    margin-bottom: calc((1 - 2) * 0.5em);
  }
  .multimediaSect__txt:before, .multimediaSect__txt:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
}
@media screen and (max-width: 768px) {
  .multimediaSect__txt {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .multimediaSect__txt:before {
    content: "";
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  .multimediaSect__txt:after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
  .multimediaSect__txt:before, .multimediaSect__txt:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
}
.multimediaSect__img img {
  height: auto;
  width: 100%;
}
.multimediaSect__note {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.multimediaSect__note:before {
  content: "";
  margin-top: calc((1 - 1.5) * 0.5em);
}
.multimediaSect__note:after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
.multimediaSect__note:before, .multimediaSect__note:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .guaranteeSect {
    padding: 12rem 0;
  }
}
@media screen and (max-width: 768px) {
  .guaranteeSect {
    padding: 8rem 0;
  }
}
@media print, screen and (min-width: 768px) {
  .guaranteeSect .sectTtl {
    margin-top: 16rem;
  }
}
@media screen and (max-width: 768px) {
  .guaranteeSect .sectTtl {
    margin-top: 4rem;
  }
}
@media print, screen and (min-width: 768px) {
  .guaranteeSect__contents {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 768px) {
  .guaranteeSect__contents {
    margin-top: 4rem;
  }
}
.guaranteeSect__cardList {
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 768px) {
  .guaranteeSect__cardList {
    gap: 4rem 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .guaranteeSect__cardList {
    gap: 3.6rem 2.4rem;
  }
}
.guaranteeSect__row {
  align-items: flex-start;
  display: flex;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .guaranteeSect__row {
    gap: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .guaranteeSect__row {
    flex-direction: column;
    gap: 3.6rem;
  }
}
.guaranteeSect__takaraCard {
  flex-shrink: 0;
}
@media print, screen and (min-width: 768px) {
  .guaranteeSect__takaraCard {
    width: 79.2rem;
  }
}
@media screen and (max-width: 768px) {
  .guaranteeSect__takaraCard {
    width: 100%;
  }
}
.guaranteeSect__takaraHead {
  display: flex;
}
@media print, screen and (min-width: 768px) {
  .guaranteeSect__takaraHead {
    gap: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .guaranteeSect__takaraHead {
    flex-direction: column;
    gap: 1.5rem;
  }
}
.guaranteeSect__takaraLogo {
  flex-shrink: 0;
}
@media print, screen and (min-width: 768px) {
  .guaranteeSect__takaraLogo {
    width: 20rem;
  }
}
@media screen and (max-width: 768px) {
  .guaranteeSect__takaraLogo {
    margin: 0 auto;
    width: 15rem;
  }
}
.guaranteeSect__takaraLogo img {
  height: auto;
  width: 100%;
}
.guaranteeSect__takaraBody {
  display: flex;
  flex: 1;
  flex-direction: column;
}
@media print, screen and (min-width: 768px) {
  .guaranteeSect__takaraBody {
    gap: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .guaranteeSect__takaraBody {
    gap: 1.5rem;
  }
}
.guaranteeSect__takaraTtl {
  font-family: "Noto Serif", serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.guaranteeSect__takaraTtl:before {
  content: "";
  margin-top: calc((1 - 1.5) * 0.5em);
}
.guaranteeSect__takaraTtl:after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
.guaranteeSect__takaraTtl:before, .guaranteeSect__takaraTtl:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .guaranteeSect__takaraTtl {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .guaranteeSect__takaraTtl {
    font-size: 1.6rem;
  }
}
.guaranteeSect__takaraLine {
  background: #000;
  height: 1px;
  width: 100%;
}
.guaranteeSect__takaraTxt {
  font-family: "Noto Serif", serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
.guaranteeSect__takaraTxt:before {
  content: "";
  margin-top: calc((1 - 1.6) * 0.5em);
}
.guaranteeSect__takaraTxt:after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
.guaranteeSect__takaraTxt:before, .guaranteeSect__takaraTxt:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .guaranteeSect__takaraTxt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .guaranteeSect__takaraTxt {
    font-size: 1.4rem;
  }
}
.guaranteeSect__takaraNote {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.guaranteeSect__takaraNote:before {
  content: "";
  margin-top: calc((1 - 1.5) * 0.5em);
}
.guaranteeSect__takaraNote:after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
.guaranteeSect__takaraNote:before, .guaranteeSect__takaraNote:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.guaranteeSect__takaraContent {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 768px) {
  .guaranteeSect__takaraContent {
    gap: 1.5rem;
    margin-top: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .guaranteeSect__takaraContent {
    gap: 1.5rem;
    margin-top: 2rem;
  }
}
.guaranteeSect__takaraContentTtl {
  font-family: "Noto Serif", serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.guaranteeSect__takaraContentTtl:before {
  content: "";
  margin-top: calc((1 - 1.5) * 0.5em);
}
.guaranteeSect__takaraContentTtl:after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
.guaranteeSect__takaraContentTtl:before, .guaranteeSect__takaraContentTtl:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .guaranteeSect__takaraContentTtl {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .guaranteeSect__takaraContentTtl {
    font-size: 1.6rem;
  }
}
.guaranteeSect__takaraContentSub {
  font-family: "Noto Serif", serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
.guaranteeSect__takaraContentSub:before {
  content: "";
  margin-top: calc((1 - 1.6) * 0.5em);
}
.guaranteeSect__takaraContentSub:after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
.guaranteeSect__takaraContentSub:before, .guaranteeSect__takaraContentSub:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .guaranteeSect__takaraContentSub {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .guaranteeSect__takaraContentSub {
    font-size: 1.4rem;
  }
}
.guaranteeSect__takaraImg img {
  height: auto;
  width: 100%;
}
.guaranteeSect__subCard {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 768px) {
  .guaranteeSect__subCard {
    gap: 1.5rem;
    width: 38.4rem;
  }
}
@media screen and (max-width: 768px) {
  .guaranteeSect__subCard {
    gap: 1.5rem;
    width: 100%;
  }
}
.guaranteeSect__subTtl {
  font-family: "Noto Serif", serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.guaranteeSect__subTtl:before {
  content: "";
  margin-top: calc((1 - 1.5) * 0.5em);
}
.guaranteeSect__subTtl:after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
.guaranteeSect__subTtl:before, .guaranteeSect__subTtl:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .guaranteeSect__subTtl {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .guaranteeSect__subTtl {
    font-size: 1.6rem;
  }
}
.guaranteeSect__subLine {
  background: #000;
  height: 1px;
  width: 100%;
}
.guaranteeSect__subTxt {
  font-family: "Noto Serif", serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
.guaranteeSect__subTxt:before {
  content: "";
  margin-top: calc((1 - 1.6) * 0.5em);
}
.guaranteeSect__subTxt:after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
.guaranteeSect__subTxt:before, .guaranteeSect__subTxt:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .guaranteeSect__subTxt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .guaranteeSect__subTxt {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 768px) {
  .structureSect {
    padding: 12rem 0 20rem;
  }
}
@media screen and (max-width: 768px) {
  .structureSect {
    padding: 8rem 0;
  }
}
@media print, screen and (min-width: 768px) {
  .structureSect .sectTtl {
    margin-top: 16rem;
  }
}
@media screen and (max-width: 768px) {
  .structureSect .sectTtl {
    margin-top: 4rem;
  }
}
@media print, screen and (min-width: 768px) {
  .structureSect__contents {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 768px) {
  .structureSect__contents {
    margin-top: 4rem;
  }
}
.structureSect__cardList {
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 768px) {
  .structureSect__cardList {
    gap: 4rem 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .structureSect__cardList {
    gap: 3.6rem 2.4rem;
  }
}
.structureSect__cardRow {
  width: 100%;
}
.structureSect__cardRow--third {
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 768px) {
  .structureSect__cardRow--third {
    gap: 4rem 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .structureSect__cardRow--third {
    gap: 3.6rem 2.4rem;
  }
}
.structureSect__subTitle {
  font-family: "Noto Serif", serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
.structureSect__subTitle:before {
  content: "";
  margin-top: calc((1 - 1.6) * 0.5em);
}
.structureSect__subTitle:after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
.structureSect__subTitle:before, .structureSect__subTitle:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
@media print, screen and (min-width: 768px) {
  .structureSect__subTitle {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .structureSect__subTitle {
    font-size: 1.4rem;
  }
}
.structureSect__specialRow {
  display: flex;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .structureSect__specialRow {
    gap: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .structureSect__specialRow {
    flex-direction: column;
    gap: 3.6rem;
  }
}
.structureSect__specialTall {
  flex-shrink: 0;
}
@media print, screen and (min-width: 768px) {
  .structureSect__specialTall {
    width: 38.4rem;
  }
}
@media screen and (max-width: 768px) {
  .structureSect__specialTall {
    width: 100%;
  }
}
.structureSect__specialTall .qualityCard__img img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (min-width: 768px) {
  .structureSect__specialTall .qualityCard__img img {
    height: 60rem;
  }
}
@media screen and (max-width: 768px) {
  .structureSect__specialTall .qualityCard__img img {
    height: auto;
  }
}
.structureSect__specialGrid {
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 768px) {
  .structureSect__specialGrid {
    gap: 4rem 2.4rem;
    width: 79.2rem;
  }
}
@media screen and (max-width: 768px) {
  .structureSect__specialGrid {
    gap: 3.6rem 2.4rem;
    width: 100%;
  }
}
/*# sourceMappingURL=style.css.map */