@media screen and (min-width: 769px) {
  /* line 21, ../scss/libs/_breakpoints.scss */
  .pc_view {
    display: block !important;
  }
  /* line 25, ../scss/libs/_breakpoints.scss */
  .pc_view.inline {
    display: inline-block !important;
  }
}
@media screen and (max-width: 768px) {
  /* line 21, ../scss/libs/_breakpoints.scss */
  .pc_view {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  /* line 33, ../scss/libs/_breakpoints.scss */
  .sp_view {
    display: none !important;
  }
  /* line 37, ../scss/libs/_breakpoints.scss */
  .sp_view.inline {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  /* line 33, ../scss/libs/_breakpoints.scss */
  .sp_view {
    display: block !important;
  }
  /* line 44, ../scss/libs/_breakpoints.scss */
  .sp_view.inline {
    display: inline-block !important;
  }
}

@media screen and (max-width: 900px) {
  /* line 8, ../scss/overwrite.scss */
  #index .content.about {
    padding-bottom: 0;
  }
}

/* line 16, ../scss/overwrite.scss */
.about {
  margin: 0 auto;
  padding-bottom: 0;
}
/* line 19, ../scss/overwrite.scss */
.about-wrap {
  background-image: linear-gradient(0deg, #f77d05, #ffd203);
  margin-top: -110px;
  transition: .3s;
}
@media screen and (max-width: 1290px) {
  /* line 19, ../scss/overwrite.scss */
  .about-wrap {
    margin-top: -130px;
  }
}
@media screen and (max-width: 950px) {
  /* line 19, ../scss/overwrite.scss */
  .about-wrap {
    margin-top: -130px;
  }
}
@media screen and (max-width: 900px) {
  /* line 19, ../scss/overwrite.scss */
  .about-wrap {
    margin-top: -105px;
  }
}
@media screen and (max-width: 768px) {
  /* line 19, ../scss/overwrite.scss */
  .about-wrap {
    margin-top: -140px;
  }
}
@media screen and (max-width: 400px) {
  /* line 19, ../scss/overwrite.scss */
  .about-wrap {
    margin-top: -160px;
  }
}
/* line 38, ../scss/overwrite.scss */
.about-wrap-bkg {
  margin: 0 auto;
  background: url(../images/renew/bkg-about.webp) no-repeat top center;
  background-size: 2080px auto;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  /* line 38, ../scss/overwrite.scss */
  .about-wrap-bkg {
    background: url(../images/renew/bkg-about.webp) no-repeat top center;
    background-size: 300vw auto;
  }
}
/* line 49, ../scss/overwrite.scss */
.about-image {
  max-width: 570px;
  margin: 0 auto 50px;
  padding-top: 110px;
}
@media screen and (max-width: 768px) {
  /* line 49, ../scss/overwrite.scss */
  .about-image {
    max-width: 70vw;
    padding-top: 150px;
  }
}
@media screen and (max-width: 400px) {
  /* line 49, ../scss/overwrite.scss */
  .about-image {
    padding-top: 40vw;
  }
}
@media screen and (max-width: 374px) {
  /* line 49, ../scss/overwrite.scss */
  .about-image {
    padding-top: 50vw;
  }
}
/* line 56, ../scss/overwrite.scss */
.about-image img {
  width: 100%;
  height: auto;
}
/* line 61, ../scss/overwrite.scss */
.about-list {
  max-width: 1290px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 18px;
  padding: 0 30px;
}
@media screen and (max-width: 980px) {
  /* line 61, ../scss/overwrite.scss */
  .about-list {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }
}
@media screen and (max-width: 768px) {
  /* line 61, ../scss/overwrite.scss */
  .about-list {
    display: block;
  }
}
/* line 77, ../scss/overwrite.scss */
.about-list li {
  background-image: linear-gradient(0deg, #f77d05, #ffd203);
  border-radius: 15px;
  padding: 3px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-basis: 20%;
}
@media screen and (max-width: 980px) {
  /* line 77, ../scss/overwrite.scss */
  .about-list li {
    flex-basis: 45%;
  }
}
@media screen and (max-width: 768px) {
  /* line 77, ../scss/overwrite.scss */
  .about-list li {
    display: block;
    margin-bottom: 15px;
  }
  /* line 91, ../scss/overwrite.scss */
  .about-list li:last-of-type {
    margin-bottom: 0;
  }
}
/* line 96, ../scss/overwrite.scss */
.about-list-wrap {
  width: 100%;
  background: #fff;
  border-radius: 15px;
  padding: 30px 25px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  /* line 96, ../scss/overwrite.scss */
  .about-list-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px;
  }
}
/* line 109, ../scss/overwrite.scss */
.about-list-image {
  width: 100px;
  margin: 0 auto;
}
/* line 112, ../scss/overwrite.scss */
.about-list-image img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  /* line 109, ../scss/overwrite.scss */
  .about-list-image {
    flex-basis: 70px;
  }
}
@media screen and (max-width: 768px) {
  /* line 120, ../scss/overwrite.scss */
  .about-list-content {
    flex-basis: calc(100% - 100px);
  }
}
/* line 125, ../scss/overwrite.scss */
.about-list-title {
  height: 70px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  /* line 125, ../scss/overwrite.scss */
  .about-list-title {
    margin-bottom: 0;
    height: auto;
  }
}
/* line 136, ../scss/overwrite.scss */
.about-list-title strong {
  display: block;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
  color: #f77d05;
  transition: .3s;
  white-space: nowrap;
}
@media screen and (max-width: 1280px) {
  /* line 136, ../scss/overwrite.scss */
  .about-list-title strong {
    font-size: 22px;
  }
}
@media screen and (max-width: 1210px) {
  /* line 136, ../scss/overwrite.scss */
  .about-list-title strong {
    font-size: 20px;
  }
}
@media screen and (max-width: 1135px) {
  /* line 136, ../scss/overwrite.scss */
  .about-list-title strong {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  /* line 136, ../scss/overwrite.scss */
  .about-list-title strong {
    text-align: left;
    width: 100%;
  }
}
/* line 161, ../scss/overwrite.scss */
.about-list-text p {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -.02em;
}

/* line 171, ../scss/overwrite.scss */
.reason {
  background: #edf1f5;
  padding-bottom: 100px;
}
/* line 174, ../scss/overwrite.scss */
.reason .title {
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  /* line 176, ../scss/overwrite.scss */
  .reason .title .h2 {
    line-height: 1.1;
  }
}
/* line 182, ../scss/overwrite.scss */
.reason-list {
  max-width: 1290px;
  padding: 0 30px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 30px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  /* line 182, ../scss/overwrite.scss */
  .reason-list {
    display: block;
  }
}
/* line 193, ../scss/overwrite.scss */
.reason-list-item {
  flex-basis: calc(100% / 3 - 15px);
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  position: relative;
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  /* line 193, ../scss/overwrite.scss */
  .reason-list-item {
    margin-bottom: 65px;
  }
  /* line 202, ../scss/overwrite.scss */
  .reason-list-item:last-of-type {
    margin-bottom: 0;
  }
}
/* line 206, ../scss/overwrite.scss */
.reason-list-item span {
  width: 80px;
  height: 80px;
  background: #f77d05;
  border-radius: 100px;
  font-size: 36px;
  letter-spacing: .02em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: -40px;
  right: 0;
  bottom: auto;
  left: 0;
  margin: auto;
}
/* line 225, ../scss/overwrite.scss */
.reason-list-item img {
  width: 100%;
}
/* line 228, ../scss/overwrite.scss */
.reason-list-item__text {
  padding: 15px 30px 0;
}
/* line 230, ../scss/overwrite.scss */
.reason-list-item__text strong {
  display: block;
  margin-bottom: 15px;
  color: #f77d05;
  font-weight: bold;
  font-size: 24px;
  letter-spacing: .02em;
  line-height: 30px;
}
/* line 239, ../scss/overwrite.scss */
.reason-list-item__text p {
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

/* line 249, ../scss/overwrite.scss */
.cta {
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  /* line 249, ../scss/overwrite.scss */
  .cta {
    display: block;
  }
}
/* line 258, ../scss/overwrite.scss */
.cta.is-single {
  display: block;
  background: #f77d05;
  max-width: 100%;
}
/* line 262, ../scss/overwrite.scss */
.cta.is-single .cta-item {
  max-width: 1290px;
  padding: 0 30px;
  margin: 0 auto;
  display: block;
  background: #f77d05;
}
/* line 268, ../scss/overwrite.scss */
.cta.is-single .cta-item:last-of-type {
  background: #f77d05;
}
/* line 270, ../scss/overwrite.scss */
.cta.is-single .cta-item:last-of-type .cta-item-wrap {
  background: #f77d05;
}
/* line 275, ../scss/overwrite.scss */
.cta.is-single .cta-item-text strong {
  font-size: 66px;
  margin-bottom: 25px;
  display: block;
}
@media screen and (max-width: 768px) {
  /* line 275, ../scss/overwrite.scss */
  .cta.is-single .cta-item-text strong {
    font-size: 40px;
    margin-bottom: 15px;
  }
}
/* line 284, ../scss/overwrite.scss */
.cta.is-single .cta-item-text aside {
  font-size: 24px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  /* line 284, ../scss/overwrite.scss */
  .cta.is-single .cta-item-text aside {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
/* line 295, ../scss/overwrite.scss */
.cta-item {
  flex-basis: 50%;
  cursor: pointer;
  transition: .3s;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  /* line 301, ../scss/overwrite.scss */
  .cta-item:hover {
    opacity: .7;
  }
}
/* line 308, ../scss/overwrite.scss */
.cta-item:last-of-type .cta-item-wrap {
  background: #f99737;
}
/* line 314, ../scss/overwrite.scss */
.cta-item-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  height: 100%;
  padding: 90px 55px;
  box-sizing: border-box;
  background: #f77d05;
}
@media screen and (max-width: 768px) {
  /* line 314, ../scss/overwrite.scss */
  .cta-item-wrap {
    padding: 30px 20px;
  }
}
/* line 328, ../scss/overwrite.scss */
.cta-item-text strong {
  color: #fff;
  font-size: 24px;
  letter-spacing: .02em;
  line-height: 30px;
  font-weight: bold;
}
/* line 335, ../scss/overwrite.scss */
.cta-item-text aside {
  font-size: 16px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 10px;
}
/* line 341, ../scss/overwrite.scss */
.cta-item-text p {
  font-size: 16px;
  line-height: 24px;
  color: #000;
}
/* line 347, ../scss/overwrite.scss */
.cta-item-icon {
  flex-basis: 125px;
}
@media screen and (max-width: 768px) {
  /* line 347, ../scss/overwrite.scss */
  .cta-item-icon {
    flex-basis: 80px;
  }
}
/* line 352, ../scss/overwrite.scss */
.cta-item-icon img {
  width: 100%;
}

/* line 359, ../scss/overwrite.scss */
.usage {
  padding-bottom: 100px;
}
/* line 361, ../scss/overwrite.scss */
.usage-content {
  padding-top: 80px;
}
/* line 364, ../scss/overwrite.scss */
.usage-list {
  max-width: 1290px;
  margin: 0 auto;
  padding: 0 30px;
}
/* line 368, ../scss/overwrite.scss */
.usage-list-item {
  background-image: linear-gradient(0deg, white, white);
  border-radius: 15px;
  padding: 3px;
  margin-bottom: 30px;
  transition: .5s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
/* line 375, ../scss/overwrite.scss */
.usage-list-item.is-open {
  background-image: linear-gradient(0deg, #f77d05, #ffd203);
}
/* line 378, ../scss/overwrite.scss */
.usage-list-item:last-of-type {
  margin-bottom: 0;
}
/* line 381, ../scss/overwrite.scss */
.usage-list-item__wrap {
  background: #fff;
  border-radius: 15px;
}
/* line 385, ../scss/overwrite.scss */
.usage-list-item__titles {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 35px 25px 40px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  /* line 385, ../scss/overwrite.scss */
  .usage-list-item__titles {
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  /* line 385, ../scss/overwrite.scss */
  .usage-list-item__titles {
    padding: 30px 10px;
  }
}
/* line 399, ../scss/overwrite.scss */
.usage-list-item__title {
  flex-basis: 385px;
  border-right: solid 1px #f99737;
  height: 70px;
}
@media screen and (max-width: 1080px) {
  /* line 399, ../scss/overwrite.scss */
  .usage-list-item__title {
    flex-basis: 320px;
  }
}
@media screen and (max-width: 900px) {
  /* line 399, ../scss/overwrite.scss */
  .usage-list-item__title {
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  /* line 399, ../scss/overwrite.scss */
  .usage-list-item__title {
    margin-bottom: 15px;
    border-right: 0;
  }
}
@media screen and (max-width: 768px) {
  /* line 399, ../scss/overwrite.scss */
  .usage-list-item__title {
    margin-bottom: 20px;
  }
}
/* line 416, ../scss/overwrite.scss */
.usage-list-item__title strong {
  color: #f77d05;
  font-weight: bold;
  font-size: 44px;
  display: block;
  margin-bottom: 15px;
  transition: .3s;
}
@media screen and (max-width: 1080px) {
  /* line 416, ../scss/overwrite.scss */
  .usage-list-item__title strong {
    font-size: 38px;
  }
}
@media screen and (max-width: 768px) {
  .usage-list-item__title strong{
    font-size: 10vw;
    line-height: 1;
  }
}
/* line 427, ../scss/overwrite.scss */
.usage-list-item__title aside {
  font-size: 19px;
}
/* line 431, ../scss/overwrite.scss */
.usage-list-item__info {
  flex-basis: calc(100% - 385px);
  display: flex;
  justify-content: space-between;
  height: 70px;
  padding-left: 30px;
  transition: .3s;
}
@media screen and (max-width: 1080px) {
  /* line 431, ../scss/overwrite.scss */
  .usage-list-item__info {
    flex-basis: calc(100% - 320px);
    padding-left: 20px;
  }
}
@media screen and (max-width: 900px) {
  /* line 431, ../scss/overwrite.scss */
  .usage-list-item__info {
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  /* line 431, ../scss/overwrite.scss */
  .usage-list-item__info {
    display: block;
  }
}
/* line 448, ../scss/overwrite.scss */
.usage-list-item__info__text {
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  /* line 448, ../scss/overwrite.scss */
  .usage-list-item__info__text {
    margin-bottom: 20px;
  }
}
/* line 453, ../scss/overwrite.scss */
.usage-list-item__info__text p {
  font-size: 16px;
  text-align: left;
}
@media screen and (max-width: 1080px) {
  /* line 453, ../scss/overwrite.scss */
  .usage-list-item__info__text p {
    font-size: 14px;
  }
}
/* line 459, ../scss/overwrite.scss */
.usage-list-item__info__text p strong {
  font-weight: bold;
}
/* line 464, ../scss/overwrite.scss */
.usage-list-item__info__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
/* line 473, ../scss/overwrite.scss */
.usage-list-item__info__button.is-open img {
  rotate: 0deg;
}
/* line 476, ../scss/overwrite.scss */
.usage-list-item__info__button.is-open .more {
  display: none;
}
/* line 479, ../scss/overwrite.scss */
.usage-list-item__info__button.is-open .close {
  display: block;
}
/* line 483, ../scss/overwrite.scss */
.usage-list-item__info__button .more {
  display: block;
}
/* line 486, ../scss/overwrite.scss */
.usage-list-item__info__button .close {
  display: none;
}
/* line 489, ../scss/overwrite.scss */
.usage-list-item__info__button span {
  font-size: 16px;
  font-weight: bold;
  color: #f77d05;
}
/* line 494, ../scss/overwrite.scss */
.usage-list-item__info__button img {
  width: 70px;
  cursor: pointer;
  display: block;
  transition: .3s;
  rotate: 180deg;
}
@media screen and (max-width: 768px) {
  /* line 494, ../scss/overwrite.scss */
  .usage-list-item__info__button img {
    width: 40px;
  }
}
/* line 506, ../scss/overwrite.scss */
.usage-list-item__content {
  padding-bottom: 40px;
  display: none;
}
/* line 509, ../scss/overwrite.scss */
.usage-list-item__content.is-open {
  display: block;
}
/* line 512, ../scss/overwrite.scss */
.usage-list-item__content hr {
  display: block;
  border: none;
  border-top: solid 1px #eee;
  max-width: 95%;
  margin: 0 auto;
}
/* line 519, ../scss/overwrite.scss */
.usage-list-item__content button {
  display: block;
  border: solid 2px #f77d05;
  background: #fff;
  border-radius: 100px;
  width: 180px;
  height: 48px;
  color: #f77d05;
  font-size: 16px;
  font-weight: bold;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  transition: .3s;
}
@media screen and (max-width: 768px) {
  .usage-list-item__content button {
    margin: 2vw auto 0;
  }
}
/* line 533, ../scss/overwrite.scss */
.usage-list-item__content button:hover {
  opacity: .7;
}
/* line 536, ../scss/overwrite.scss */
.usage-list-item__content button:after {
  content: "";
  display: block;
  width: 14px;
  height: 8px;
  background: url(../images/renew/icn-arrow-up.webp) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  right: 18px;
  bottom: 0;
  left: auto;
  margin: auto;
}

/* line 556, ../scss/overwrite.scss */
.comparison {
  background: #edf1f5;
  padding-bottom: 100px;
}
/* line 559, ../scss/overwrite.scss */
.comparison .lead {
  width: 100%;
}
/* line 562, ../scss/overwrite.scss */
.comparison-image {
  max-width: 1290px;
  padding: 0 30px;
  margin: 0 auto;
}
/* line 566, ../scss/overwrite.scss */
.comparison-image img {
  width: 100%;
}

/* line 572, ../scss/overwrite.scss */
.support {
  background: #fff;
}
/* line 574, ../scss/overwrite.scss */
.support-list {
  max-width: 1290px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 18px;
  padding: 0 30px;
}
@media screen and (max-width: 980px) {
  /* line 574, ../scss/overwrite.scss */
  .support-list {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }
}
@media screen and (max-width: 768px) {
  /* line 574, ../scss/overwrite.scss */
  .support-list {
    display: block;
  }
}
/* line 590, ../scss/overwrite.scss */
.support-list li {
  background-image: linear-gradient(0deg, #f77d05, #ffd203);
  border-radius: 15px;
  padding: 3px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-basis: 20%;
}
@media screen and (max-width: 980px) {
  /* line 590, ../scss/overwrite.scss */
  .support-list li {
    flex-basis: 45%;
  }
}
@media screen and (max-width: 768px) {
  /* line 590, ../scss/overwrite.scss */
  .support-list li {
    display: block;
    margin-bottom: 15px;
  }
  /* line 604, ../scss/overwrite.scss */
  .support-list li:last-of-type {
    margin-bottom: 0;
  }
}
/* line 609, ../scss/overwrite.scss */
.support-list-wrap {
  width: 100%;
  background: #fff;
  border-radius: 15px;
  padding: 30px 25px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  /* line 609, ../scss/overwrite.scss */
  .support-list-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px;
  }
}
/* line 622, ../scss/overwrite.scss */
.support-list-image {
  width: 100px;
  margin: 0 auto;
}
/* line 625, ../scss/overwrite.scss */
.support-list-image img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  /* line 622, ../scss/overwrite.scss */
  .support-list-image {
    flex-basis: 70px;
  }
}
@media screen and (max-width: 768px) {
  /* line 633, ../scss/overwrite.scss */
  .support-list-content {
    flex-basis: calc(100% - 100px);
  }
}
/* line 638, ../scss/overwrite.scss */
.support-list-title {
  height: 70px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  /* line 638, ../scss/overwrite.scss */
  .support-list-title {
    margin-bottom: 0;
    height: auto;
  }
}
/* line 649, ../scss/overwrite.scss */
.support-list-title strong {
  display: block;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
  color: #f77d05;
  transition: .3s;
  white-space: nowrap;
}
@media screen and (max-width: 1280px) {
  /* line 649, ../scss/overwrite.scss */
  .support-list-title strong {
    font-size: 22px;
  }
}
@media screen and (max-width: 1210px) {
  /* line 649, ../scss/overwrite.scss */
  .support-list-title strong {
    font-size: 20px;
  }
}
@media screen and (max-width: 1135px) {
  /* line 649, ../scss/overwrite.scss */
  .support-list-title strong {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  /* line 649, ../scss/overwrite.scss */
  .support-list-title strong {
    text-align: left;
    width: 100%;
  }
}
/* line 674, ../scss/overwrite.scss */
.support-list-text p {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -.02em;
}

/* line 684, ../scss/overwrite.scss */
.sp_header .menu li:nth-child(5) {
  padding-bottom: 5% !important;
}
/* line 686, ../scss/overwrite.scss */
.sp_header .menu li:nth-child(5):after {
  display: none !important;
}

/* line 691, ../scss/overwrite.scss */
footer .sp .clm01 li:nth-child(5)::after {
  display: none !important;
}