@media screen and (min-width: 768px) {
  .lowCarbonSect {
    padding: 10rem 0;
  }
}
@media screen and (max-width: 767px) {
  .lowCarbonSect {
    padding: 8rem 0;
  }
}
.lowCarbonSect__inner {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .lowCarbonSect__inner {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .lowCarbonSect__inner {
    padding: 0 3.2rem;
    width: 100%;
  }
}
.lowCarbonSect .enTtl {
  color: #fff;
}
.lowCarbonSect .enTtl:after {
  background-color: #fff;
}
.lowCarbonSect .heading--lg {
  color: #fff;
}
.lowCarbonSect__figures {
  align-items: center;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .lowCarbonSect__head + .lowCarbonSect__figures {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .lowCarbonSect__head + .lowCarbonSect__figures {
    margin-top: 6.4rem;
  }
}
@media screen and (min-width: 768px) {
  .lowCarbonSect__emblem {
    width: 26.8rem;
  }
}
@media screen and (max-width: 767px) {
  .lowCarbonSect__emblem {
    width: 21rem;
  }
}
.lowCarbonSect__emblem .photo__image {
  aspect-ratio: 268/137;
}
.lowCarbonSect__chart .photo__image {
  aspect-ratio: 1176/734;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  .lowCarbonSect__chart {
    width: 78.4rem;
  }
}
@media screen and (max-width: 767px) {
  .lowCarbonSect__chart {
    width: 35rem;
  }
}
@media screen and (max-width: 767px) {
  .lowCarbonSect__chart .swipeFigure__inner {
    height: 30rem;
  }
}
@media screen and (min-width: 768px) {
  .lowCarbonSect__chart {
    margin-top: 3.2rem;
  }
}
@media screen and (max-width: 767px) {
  .lowCarbonSect__chart {
    margin-top: 2.4rem;
  }
}

.comfortSect {
  color: #231815;
}
@media screen and (min-width: 768px) {
  .comfortSect {
    background: #ece9e2 url("../../common/imgs/pc/bg-texture-01@1.5x.jpg") top center repeat-y;
    background-size: 100% auto;
    margin: 0 auto;
    padding-bottom: 14rem;
    width: 130rem;
  }
}
@media screen and (max-width: 767px) {
  .comfortSect {
    background: #ece9e2 url("../../common/imgs/sp/bg-texture-01.jpg") top center repeat-y;
    background-size: 100% auto;
    padding-bottom: 8rem;
  }
}
.comfortSect__body {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .comfortSect__body {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .comfortSect__body {
    padding: 0 3.2rem;
    width: 100%;
  }
}
.comfortSect__body {
  align-items: center;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .comfortSect__body {
    gap: 10rem;
    margin-top: 10rem;
  }
}
@media screen and (max-width: 767px) {
  .comfortSect__body {
    gap: 8rem;
    margin-top: 8rem;
  }
}
.comfortSect__lead {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .comfortSect__lead .headingUnit--intro {
    max-width: 72.8rem;
  }
}
@media screen and (min-width: 768px) {
  .comfortSect__lead .headingUnit--intro .txt {
    margin-left: auto;
    margin-right: auto;
    max-width: 67.8rem;
  }
}
.comfortSect__effect {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .comfortSect__effect > * + * {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .comfortSect__effect > * + * {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .comfortSect__effect .comfortSect__cards + .comfortSect__source {
    margin-top: 2rem;
  }
}
.comfortSect__concept {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media screen and (min-width: 768px) {
  .comfortSect__conceptImg {
    width: 57.6rem;
  }
  .comfortSect__conceptImg .photo__image {
    aspect-ratio: 576/263;
  }
}
@media screen and (max-width: 767px) {
  .comfortSect__conceptImg {
    width: 100%;
  }
  .comfortSect__conceptImg .photo__image {
    aspect-ratio: 326/149;
  }
}
.comfortSect__conceptImg .photo__image {
  border: 0.1rem solid #ccc;
  mix-blend-mode: multiply;
  -o-object-fit: cover;
     object-fit: cover;
}
.comfortSect__conceptTxt {
  font-family: "Zen Old Mincho", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .comfortSect__conceptTxt {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .comfortSect__conceptTxt {
    font-size: 1.6rem;
  }
}
.comfortSect__cards {
  display: flex;
}
@media screen and (min-width: 768px) {
  .comfortSect__cards {
    gap: 2.4rem;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .comfortSect__cards {
    flex-wrap: wrap;
    gap: 4rem 2.2rem;
    width: 100%;
  }
}
.comfortSect__card {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .comfortSect__card {
    width: 26.4rem;
  }
}
@media screen and (max-width: 767px) {
  .comfortSect__card {
    width: calc((100% - 2.2rem) / 2);
  }
}
.comfortSect__card .photo__image {
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
}
.comfortSect__cardTxt {
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .comfortSect__cardTxt {
    font-size: 1.6rem;
    margin-right: -0.1em;
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .comfortSect__cardTxt {
    font-size: 1.4rem;
    margin-top: 1.6rem;
  }
}
.comfortSect__source {
  text-align: right;
}
@media screen and (min-width: 768px) {
  .comfortSect__source {
    width: 112rem;
  }
}
@media screen and (max-width: 767px) {
  .comfortSect__source {
    width: 100%;
  }
}

.costSect {
  color: #231815;
}
@media screen and (min-width: 768px) {
  .costSect {
    background: #ece9e2 url("../../common/imgs/pc/bg-texture-01@1.5x.jpg") top center repeat-y;
    background-size: 100% auto;
    margin: 0 auto;
    padding-bottom: 14rem;
    width: 130rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect {
    background: #ece9e2 url("../../common/imgs/sp/bg-texture-01.jpg") top center repeat-y;
    background-size: 100% auto;
    padding-bottom: 8rem;
  }
}
@media screen and (min-width: 768px) {
  .costSect {
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect {
    margin-bottom: 8rem;
  }
}
.costSect__body {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .costSect__body {
    width: 120rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__body {
    padding: 0 3.2rem;
    width: 100%;
  }
}
.costSect__body {
  align-items: center;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .costSect__body {
    gap: 10rem;
    margin-top: 10rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__body {
    gap: 8rem;
    margin-top: 8rem;
  }
}
.costSect__group {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .costSect__group > * + * {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__group > * + * {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__group .headingUnit + .costSect__tableFig,
  .costSect__group .headingUnit + .costSect__logos,
  .costSect__group .borderTtl + .heading {
    margin-top: 8rem;
  }
}
@media screen and (min-width: 768px) {
  .costSect__group .costSect__logos + .costSect__careFootnote {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__group .costSect__logos + .costSect__careFootnote {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect .heading--center {
    white-space: nowrap;
  }
}
.costSect__tableFig .photo__image {
  aspect-ratio: 1665/720;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  .costSect__tableFig {
    width: 78.4rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__tableFig {
    width: 35rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__tableFig .swipeFigure__inner {
    height: 33.8rem;
  }
}
.costSect__singleLoanFig .photo__image {
  aspect-ratio: 1235/436;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  .costSect__singleLoanFig {
    width: 68rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__singleLoanFig {
    width: 35rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__singleLoanFig .swipeFigure__inner {
    height: 19.1rem;
  }
}
.costSect__pairResult {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .costSect__pairResult .costSect__emphasis + .costSect__arrow {
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__pairResult .costSect__emphasis + .costSect__arrow {
    margin-top: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  .costSect__pairResult .costSect__arrow + .costSect__pairLoanFig {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__pairResult .costSect__arrow + .costSect__pairLoanFig {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .costSect__pairResult .costSect__pairLoanFig + .costSect__pairNote {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__pairResult .costSect__pairLoanFig + .costSect__pairNote {
    margin-top: 1rem;
  }
}
.costSect__emphasis {
  color: #a40b5d;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .costSect__emphasis {
    font-size: 3rem;
    line-height: 1.4;
  }
}
@media screen and (max-width: 767px) {
  .costSect__emphasis {
    font-size: 2.6rem;
    line-height: 1.4;
  }
}
.costSect__arrow {
  display: block;
  width: 3.988rem;
}
.costSect__arrow svg {
  display: block;
  height: auto;
  width: 100%;
}
.costSect__pairLoanFig .photo__image {
  aspect-ratio: 1949/1436;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  .costSect__pairLoanFig {
    width: 68rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__pairLoanFig {
    width: 35rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__pairLoanFig .swipeFigure__inner {
    height: 35.9rem;
  }
}
.costSect__pairNote {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .costSect__pairNote {
    width: 68rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__pairNote {
    width: 35rem;
  }
}
.costSect__careHead {
  align-items: center;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .costSect__careHead .heading + .costSect__careNote {
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__careHead .heading + .costSect__careNote {
    margin-top: 1.6rem;
  }
}
.costSect__sup {
  font-size: 1.29rem;
  letter-spacing: 0.155em;
}
.costSect__careNote {
  text-align: center;
}
.costSect__childcarePhoto .photo__image {
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .costSect__childcarePhoto {
    width: 68rem;
  }
  .costSect__childcarePhoto .photo__image {
    aspect-ratio: 680/453;
  }
}
@media screen and (max-width: 767px) {
  .costSect__childcarePhoto {
    width: 32.6rem;
  }
  .costSect__childcarePhoto .photo__image {
    aspect-ratio: 326/217;
  }
}
.costSect__logos {
  align-items: center;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .costSect__logos {
    gap: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__logos {
    gap: 0.6rem;
  }
}
.costSect__logo .photo__image {
  aspect-ratio: 264/176;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  .costSect__logo {
    width: 26.4rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__logo {
    width: 15.2rem;
  }
}
.costSect__cross {
  display: block;
}
@media screen and (min-width: 768px) {
  .costSect__cross {
    width: 2.974rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__cross {
    width: 1rem;
  }
}
.costSect__cross svg {
  display: block;
  height: auto;
  width: 100%;
}
.costSect__careFootnote {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .costSect__careFootnote {
    width: 68rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__careFootnote {
    width: 32.6rem;
  }
}
.costSect__equipCards {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .costSect__equipCards {
    gap: 2.4rem;
    justify-content: center;
    width: 89rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__equipCards {
    gap: 4rem 2.2rem;
    width: 32.6rem;
  }
}
.costSect__equipCard {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .costSect__equipCard {
    width: 26.4rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__equipCard {
    width: calc((100% - 2.2rem) / 2);
  }
}
.costSect__equipCard .photo__image {
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
}
.costSect__equipCardTxt {
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .costSect__equipCardTxt {
    font-size: 1.6rem;
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .costSect__equipCardTxt {
    font-size: 1.4rem;
    margin-top: 1.6rem;
  }
}

.meritHead {
  width: 100%;
}
.meritHead__label {
  align-items: center;
  background: linear-gradient(90deg, #89814e 0%, #ada77b 54.3%, #89814e 100%);
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .meritHead__label {
    height: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .meritHead__label {
    padding: 1.6rem 0;
  }
}
.meritHead__no {
  color: #fff;
  font-family: "EB Garamond", georgia, "Times New Roman", serif;
  line-height: 1.4;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .meritHead__no {
    font-size: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .meritHead__no {
    font-size: 2.4rem;
    letter-spacing: 0.1em;
  }
}
.meritHead__visual {
  position: relative;
}
.meritHead__visual .photo,
.meritHead__visual .photo__pic {
  height: 100%;
  width: 100%;
}
.meritHead__visual .photo__image {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .meritHead__visual {
    aspect-ratio: 1300/400;
  }
}
@media screen and (max-width: 767px) {
  .meritHead__visual {
    aspect-ratio: 390/195;
  }
}
.meritHead__ttl {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  left: 50%;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  top: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .meritHead__ttl {
    gap: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .meritHead__ttl {
    gap: 1.6rem;
  }
}
.meritHead__en {
  font-family: "EB Garamond", georgia, "Times New Roman", serif;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .meritHead__en {
    font-size: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .meritHead__en {
    font-size: 3rem;
  }
}
.meritHead__jp {
  font-family: "Zen Old Mincho", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 2;
}

.meritNum {
  background: linear-gradient(90deg, #89814e 0%, #ada77b 54.3%, #89814e 100%);
  border-radius: 4.5rem;
  padding: 0.5rem;
}
.meritNum__inner {
  align-items: center;
  background: linear-gradient(90deg, #89814e 0%, #ada77b 54.3%, #89814e 100%);
  border: 0.1rem solid rgba(255, 255, 255, 0.6);
  border-radius: 4rem;
  display: flex;
  height: 8rem;
  justify-content: center;
  width: 8rem;
}
.meritNum__no {
  color: #fff;
  font-family: "EB Garamond", georgia, "Times New Roman", serif;
  font-size: 6rem;
  line-height: 1.4;
  text-align: center;
}
.meritNum--text .meritNum__no {
  font-family: "Zen Old Mincho", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
  font-size: 2rem;
  letter-spacing: 0.1em;
}

.borderTtl {
  border-bottom: 0.1rem solid #a59472;
  border-top: 0.1rem solid #a59472;
  padding: 1.6rem 0;
  text-align: center;
  width: 100%;
}
.borderTtl__ttl {
  font-family: "Zen Old Mincho", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .borderTtl__ttl {
    font-size: 2.6rem;
    line-height: 1.4;
  }
}
@media screen and (max-width: 767px) {
  .borderTtl__ttl {
    font-size: 2rem;
    line-height: 1.6;
  }
}

@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;
  }
}
/*# sourceMappingURL=style.css.map */