@charset "UTF-8";
@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .sp {
    display: none;
  }
}

body {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  color: #4c4948;
  letter-spacing: 0.15em;
}

.wrap {
  max-width: 1257px;
  padding: 100px 32.5px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .wrap {
    max-width: 550px;
    padding: 35px 32.5px 30px;
  }
}

.mv {
  position: relative;
}
.mv figure {
  position: relative;
}
.mv figure figcaption {
  position: absolute;
  color: white;
  font-size: 10px;
  bottom: 8px;
  right: 8px;
  text-shadow: 0 0 5px black, 0 0 5px black;
}
.mv h2 {
  width: clamp(500px, 35.78125vw, 687px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .mv h2 {
    top: 23%;
    width: clamp(270px, 73.0666666667vw, 280px);
  }
}

.sc01 {
  padding-top: 4.688%;
  padding-bottom: 4.8%;
  background: #CF467A;
  background: linear-gradient(152deg, rgba(207, 70, 122, 0.25) 0%, rgba(233, 160, 143, 0.25) 18%, rgba(238, 209, 130, 0.25) 38%, rgba(115, 193, 232, 0.25) 61%, rgba(90, 91, 197, 0.25) 100%);
}
@media screen and (max-width: 768px) {
  .sc01 {
    padding-top: 33px;
  }
}
.sc01 .wrap {
  padding: 0 32.5px;
  text-align: center;
}
.sc01 .wrap h3 {
  font-family: YakuHanMP, "PT Serif", serif;
  font-size: clamp(20px, 2.6041666667vw, 50px);
  letter-spacing: 0.1em;
  margin-bottom: 1.2em;
  color: #231815;
}
@media screen and (max-width: 768px) {
  .sc01 .wrap h3 {
    font-size: 21px;
  }
}
.sc01 .wrap .big {
  font-size: clamp(18px, 1.6666666667vw, 32px);
  line-height: 1.5em;
  letter-spacing: 0.15em;
  margin-bottom: 0.875em;
  color: #4c4948;
}
@media screen and (max-width: 768px) {
  .sc01 .wrap .big {
    font-size: 16px;
  }
}
.sc01 .wrap .nomal {
  font-size: clamp(14px, 1.2vw, 18px);
  letter-spacing: 0.15em;
  line-height: 1.7em;
  margin-bottom: 4.05em;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
@media screen and (max-width: 768px) {
  .sc01 .wrap .nomal {
    text-align: left;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
  }
}
.sc01 .wrap .flex {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.sc01 .wrap .flex .left, .sc01 .wrap .flex .right {
  width: 240px;
  height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  border-radius: 12px;
}
@media screen and (max-width: 768px) {
  .sc01 .wrap .flex .left, .sc01 .wrap .flex .right {
    width: 138px;
    height: 75px;
  }
}
.sc01 .wrap .flex .left p, .sc01 .wrap .flex .right p {
  font-size: clamp(16px, 1.4vw, 21px);
  text-align: center;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .sc01 .wrap .flex .left p, .sc01 .wrap .flex .right p {
    font-size: 13px;
  }
}
.sc01 .wrap .flex .left span, .sc01 .wrap .flex .right span {
  font-size: clamp(32px, 2.5333333333vw, 38px);
  letter-spacing: 0.28em;
}
@media screen and (max-width: 768px) {
  .sc01 .wrap .flex .left span, .sc01 .wrap .flex .right span {
    font-size: 21px;
  }
}
.sc01 .wrap .flex .left {
  background: linear-gradient(145deg, rgba(57, 143, 224, 0.5), rgba(31, 181, 174, 0.5));
}
.sc01 .wrap .flex .cross p {
  font-size: 60px;
}
@media screen and (max-width: 768px) {
  .sc01 .wrap .flex .cross p {
    font-size: 34px;
  }
}
.sc01 .wrap .flex .right {
  background: linear-gradient(145deg, rgba(253, 222, 15, 0.5), rgba(244, 165, 32, 0.5));
}

.zeh h3 {
  font-family: YakuHanMP, "Shippori Mincho", serif;
  background-image: url("../img/bg.jpg");
  background-size: cover;
  line-height: 70px;
  text-align: center;
  font-size: clamp(20px, 2.2857142857vw, 32px);
  letter-spacing: 0.15em;
  margin-bottom: 28px;
}
@media screen and (max-width: 768px) {
  .zeh h3 {
    height: 63px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 22px;
    background-image: url("../img/bg_sp.jpg");
    font-size: 16px;
    margin-bottom: 13px;
    letter-spacing: 0.1em;
  }
}
.zeh p {
  font-size: clamp(16px, 1.2857142857vw, 18px);
  line-height: 1.7em;
  letter-spacing: 0.15em;
  margin-bottom: 50px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
@media screen and (max-width: 768px) {
  .zeh p {
    font-size: 14px;
    letter-spacing: 0.075em;
    margin-bottom: 20px;
  }
}
.zeh .bels {
  margin-top: 50px;
  border-top: 1px solid black;
  padding-top: 71px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .zeh .bels {
    margin-top: 20px;
    padding-top: 20px;
  }
}
.zeh .bels h4 {
  font-size: clamp(25px, 2.2857142857vw, 32px);
  margin-bottom: 1.14em;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .zeh .bels h4 {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: 0.07em;
  }
}
.zeh .bels p {
  font-size: clamp(17px, 1.7142857143vw, 24px);
  margin-bottom: 1.2em;
  line-height: 1.5em;
}
@media screen and (max-width: 768px) {
  .zeh .bels p {
    font-size: 14px;
    text-align: left;
    letter-spacing: 0.05em;
  }
}
.zeh .bels figure {
  max-width: 773px;
  margin: 0 auto;
  width: 60%;
}
@media screen and (max-width: 768px) {
  .zeh .bels figure {
    width: 100%;
    max-width: 500px;
  }
}
.zeh .bels figure figcaption {
  margin-top: 10px;
  font-size: 13px;
  letter-spacing: 0.05em;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
@media screen and (max-width: 768px) {
  .zeh .bels figure figcaption {
    font-size: 10px;
  }
}

.carbon {
  margin-top: 88px;
}
@media screen and (max-width: 768px) {
  .carbon {
    margin-top: 30px;
  }
}
.carbon h3 {
  font-family: YakuHanMP, "Shippori Mincho", serif;
  background-image: url("../img/bg.jpg");
  background-size: cover;
  line-height: 70px;
  text-align: center;
  font-size: clamp(20px, 2.2857142857vw, 32px);
  letter-spacing: 0.15em;
  margin-bottom: 28px;
}
@media screen and (max-width: 768px) {
  .carbon h3 {
    height: 63px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 22px;
    background-image: url("../img/bg_sp.jpg");
    font-size: 16px;
    margin-bottom: 13px;
    letter-spacing: 0.1em;
  }
}
.carbon p {
  font-size: clamp(16px, 1.2857142857vw, 18px);
  line-height: 1.7em;
  letter-spacing: 0.15em;
  margin-bottom: 50px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
@media screen and (max-width: 768px) {
  .carbon p {
    font-size: 14px;
    letter-spacing: 0.055em;
    margin-bottom: 15px;
  }
}
.carbon .flex {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
@media screen and (max-width: 950px) {
  .carbon .flex {
    flex-direction: column-reverse;
    gap: 10px;
  }
}
.carbon .flex .left {
  width: 52%;
  min-width: 230px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 950px) {
  .carbon .flex .left {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px 15px;
  }
}
.carbon .flex .left .terms {
  background: linear-gradient(to right, #4092c4, #18bea0);
  color: white;
  outline: 1px solid white;
  outline-offset: -5px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  line-height: 66px;
  margin-bottom: 17px;
}
@media screen and (max-width: 950px) {
  .carbon .flex .left .terms {
    width: 100%;
    height: 34px;
    padding: 30px 0;
    outline-offset: -3.5px;
  }
}
@media screen and (max-width: 768px) {
  .carbon .flex .left .terms {
    padding: 0;
  }
}
.carbon .flex .left .terms p {
  font-family: YakuHanMP, "Shippori Mincho", serif;
  font-size: clamp(20px, 2.1538461538vw, 28px);
  text-align: center;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .carbon .flex .left .terms p {
    font-size: 16px;
  }
}
@media screen and (max-width: 950px) {
  .carbon .flex .left .terms p br {
    display: none;
  }
}
.carbon .flex .left .terms small {
  font-size: clamp(8px, 1.0833333333vw, 13px) !important;
  position: absolute;
  bottom: -23px;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 10px;
  color: #4c4948;
  letter-spacing: normal;
  line-height: normal;
}
@media screen and (max-width: 950px) {
  .carbon .flex .left .terms small {
    text-align: center;
    width: 100%;
    bottom: -15px;
  }
}
.carbon .flex .left dl {
  margin-top: 15px;
}
@media screen and (max-width: 950px) {
  .carbon .flex .left dl {
    width: calc(50% - 9px);
  }
}
@media screen and (max-width: 768px) {
  .carbon .flex .left dl {
    margin-top: 0;
  }
}
.carbon .flex .left dl dt {
  font-family: YakuHanMP, "Shippori Mincho", serif;
  border: 1px solid;
  -o-border-image: linear-gradient(to right, #4092c4, #18bea0) 1;
     border-image: linear-gradient(to right, #4092c4, #18bea0) 1;
  font-weight: 400;
  display: flex;
  align-items: center;
  color: #008894;
  font-size: clamp(18px, 1.7142857143vw, 24px);
}
@media screen and (max-width: 768px) {
  .carbon .flex .left dl dt {
    font-size: 14px;
  }
}
.carbon .flex .left dl dt span {
  display: inline-block;
  margin-right: 10px;
  width: 50px;
  background: linear-gradient(to right, #4092c4, #18bea0);
  color: white;
  font-size: 36px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .carbon .flex .left dl dt span {
    width: 17px;
    line-height: 22px;
    font-size: 14px;
    margin-right: 4px;
  }
}
.carbon .flex .left dl dd {
  margin-top: 3px;
  font-size: clamp(14px, 1.2857142857vw, 18px);
  line-height: 1.6em;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
@media screen and (max-width: 768px) {
  .carbon .flex .left dl dd {
    margin-top: 5px;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0.025em;
  }
}
@media screen and (max-width: 768px) {
  .carbon .flex .left dl:last-of-type {
    width: 100%;
  }
}
.carbon .flex .left dl:last-of-type dd span {
  color: #008894;
  display: inline-block;
  font-size: clamp(14px, 1.5vw, 21px);
}
@media screen and (max-width: 768px) {
  .carbon .flex .left dl:last-of-type dd span {
    font-size: 14px;
    margin-bottom: 3px;
  }
}
.carbon .flex .left dl:last-of-type dd:first-of-type {
  border-bottom: 1px solid #231815;
  padding-bottom: 3px;
  margin-top: 3px;
  padding-bottom: 3px;
}
@media screen and (max-width: 768px) {
  .carbon .flex .left dl:last-of-type dd:first-of-type {
    margin-top: 5px;
  }
}
@media screen and (max-width: 768px) {
  .carbon .flex .left dl:last-of-type dd {
    margin-top: 5px;
  }
}
.carbon .flex .left small.sp {
  font-size: 10px;
  letter-spacing: 0.02em;
}
.carbon .flex .right {
  width: 45%;
}
@media screen and (max-width: 950px) {
  .carbon .flex .right {
    width: 100%;
  }
}
.carbon .flex .right figure figcaption {
  font-size: clamp(8px, 1.0833333333vw, 13px);
  letter-spacing: 0.05em;
  margin-top: 5px;
}

.loan {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .loan {
    margin-top: 30px;
  }
}
.loan h3 {
  font-family: YakuHanMP, "Shippori Mincho", serif;
  background-image: url("../img/bg.jpg");
  background-size: cover;
  line-height: 70px;
  text-align: center;
  font-size: clamp(20px, 2.2857142857vw, 32px);
  letter-spacing: 0.15em;
  margin-bottom: 28px;
}
@media screen and (max-width: 768px) {
  .loan h3 {
    height: 63px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 22px;
    background-image: url("../img/bg_sp.jpg");
    font-size: 16px;
    margin-bottom: 13px;
    letter-spacing: 0.1em;
  }
}
.loan table {
  width: 100%;
}
.loan table tbody th, .loan table tbody td {
  font-family: YakuHanMP, "Shippori Mincho", serif;
  font-weight: normal;
  text-align: center;
  border: 1px solid #595757;
  padding: 1em 0;
  font-size: clamp(16px, 1.5vw, 24px);
  vertical-align: middle;
  line-height: 1.3em;
}
@media screen and (max-width: 768px) {
  .loan table tbody th, .loan table tbody td {
    font-size: 10px;
    letter-spacing: 0.05em;
    height: 40px;
    padding: 0;
  }
}
.loan table tbody .gray th {
  background-color: #dcdddd;
  height: 35px;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .loan table tbody .gray th {
    height: 20px;
  }
}
.loan table tbody th {
  background-color: #d1e0e1;
}
@media screen and (min-width: 850px) {
  .loan table tbody th br {
    display: none;
  }
}
.loan table tbody th span {
  font-size: 65%;
}
.loan table tbody td {
  width: 25%;
  letter-spacing: 0.05em;
}
.loan p {
  margin-top: 10px;
  font-size: clamp(10px, 0.9285714286vw, 13px);
  letter-spacing: 0.05em;
}

.merit {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .merit {
    margin-top: 30px;
  }
}
.merit h3 {
  font-family: YakuHanMP, "Shippori Mincho", serif;
  background-image: url("../img/bg.jpg");
  background-size: cover;
  line-height: 70px;
  text-align: center;
  font-size: clamp(20px, 2.2857142857vw, 32px);
  letter-spacing: 0.15em;
  margin-bottom: 28px;
}
@media screen and (max-width: 768px) {
  .merit h3 {
    height: 63px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 22px;
    background-image: url("../img/bg_sp.jpg");
    font-size: 16px;
    margin-bottom: 13px;
    letter-spacing: 0.1em;
  }
}
.merit h4 {
  font-family: YakuHanMP, "Shippori Mincho", serif;
  text-align: center;
  font-size: clamp(20px, 2.2857142857vw, 32px);
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .merit h4 {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.merit p {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: clamp(16px, 1.2857142857vw, 18px);
  line-height: 1.77em;
  margin-bottom: 65px;
}
@media screen and (max-width: 768px) {
  .merit p {
    font-size: 14px;
    margin-bottom: 37px;
    letter-spacing: 0.05em;
    line-height: 21px;
  }
}
.merit dl dt {
  text-align: center;
  font-size: clamp(20px, 2.2857142857vw, 32px);
  font-weight: normal;
  border-bottom: 5px solid;
  -o-border-image: linear-gradient(to right, #4092c4, #18bea0) 1;
     border-image: linear-gradient(to right, #4092c4, #18bea0) 1;
  margin-bottom: 0.78em;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .merit dl dt {
    font-size: 16px;
    line-height: 24px;
  }
}
.merit dl dd {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.merit dl dd figure {
  width: 30%;
  max-width: 350px;
  margin-bottom: 3%;
}
@media screen and (max-width: 768px) {
  .merit dl dd figure {
    width: 48%;
    margin-bottom: 15px;
  }
}
.merit dl dd figure figcaption {
  font-family: YakuHanMP, "Shippori Mincho", serif;
  text-align: center;
  margin-top: 10px;
  font-size: clamp(15px, 1.25vw, 24px);
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .merit dl dd figure figcaption {
    margin-top: 6px;
    font-size: 13px;
  }
}
.merit dl:last-of-type {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .merit dl:last-of-type {
    margin-top: 30px;
  }
}
.merit dl:last-of-type dt {
  white-space: nowrap;
}
.merit dl:last-of-type ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}
.merit dl:last-of-type ul li {
  width: calc(20% - 10px);
  text-align: center;
  line-height: 90px;
  border: 1px solid;
  -o-border-image: linear-gradient(to right, #4092c4, #18bea0) 1;
     border-image: linear-gradient(to right, #4092c4, #18bea0) 1;
  outline: 0.5px solid #18bea0;
  outline-offset: -5px;
  font-size: clamp(13px, 1.3846153846vw, 18px);
}
@media screen and (max-width: 768px) {
  .merit dl:last-of-type ul li {
    width: 48%;
    letter-spacing: 0.05em;
    line-height: 64px;
  }
}
.merit small {
  letter-spacing: 0.05em;
  padding-top: 10px;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: clamp(10px, 1.0833333333vw, 13px);
  width: 100%;
  display: block;
}

.kome {
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.05em;
  margin-top: 30px;
}/*# sourceMappingURL=sustainable.css.map */