@charset "UTF-8";
main {
  background-color: #f5f6f6;
}

.p-sim {
  padding-top: 8rem;
}
.p-sim__lead {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.8;
  color: #0d121a;
}
@media (min-width: 1024px) {
  .p-sim__lead {
    font-size: 2.4rem;
    line-height: 1.67;
    text-align: center;
  }
}
.p-sim__steps {
  margin-top: 5rem;
}
@media (min-width: 1024px) {
  .p-sim__steps {
    margin-top: 8rem;
  }
}
.p-sim__field {
  padding: 3.7rem 2.8rem;
}
@media (min-width: 1024px) {
  .p-sim__field {
    padding: 5.2rem 4.4rem;
  }
}
.p-sim__option-head {
  flex: 1;
}
.p-sim__option-row {
  display: flex;
  align-items: center;
}
.p-sim__option-note {
  padding-bottom: 1.4rem;
  margin-top: -1.4rem;
  margin-left: 2rem;
  font-size: 1.2rem;
  line-height: 1.67;
  color: #0d121a;
}
@media (min-width: 1024px) {
  .p-sim__option-note {
    margin-left: 2.4rem;
    font-size: 1.4rem;
  }
}
.p-sim__field--form {
  display: flex;
  justify-content: center;
}
@media (min-width: 1024px) {
  .p-sim__field--form {
    padding: 9.5rem 4.4rem;
  }
}
.p-sim__form {
  width: 100%;
}
@media (min-width: 1024px) {
  .p-sim__form {
    max-width: 45rem;
  }
}
.p-sim__submit {
  margin-top: 4.8rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .p-sim__submit {
    margin-top: 12rem;
  }
}
.p-sim__submit-btn {
  min-width: 28.6rem;
  pointer-events: none;
  opacity: 0.2;
}
@media (min-width: 1024px) {
  .p-sim__submit-btn {
    min-width: 42rem;
    max-width: none;
  }
}
.p-sim__submit-btn.u-act-ready {
  pointer-events: auto;
  opacity: 1;
}

.p-sim-result {
  margin-top: 4rem;
  opacity: 1;
  transition-timing-function: linear;
  transition-duration: 0.2s;
  transition-property: opacity;
}
@media (min-width: 1024px) {
  .p-sim-result {
    margin-top: 12rem;
  }
}
.p-sim-result.u-act-conceal {
  opacity: 0;
}
.p-sim-result__pattern {
  overflow: hidden;
  background-color: #fff;
  border-radius: 1.6rem;
}
.p-sim-result__head {
  padding: 1.2rem 2rem;
  text-align: center;
  background-color: #32b432;
}
@media (min-width: 1024px) {
  .p-sim-result__head {
    padding: 1.6rem 2.4rem;
  }
}
.p-sim-result__ttl {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6;
  color: #fff;
}
@media (min-width: 1024px) {
  .p-sim-result__ttl {
    font-size: 4rem;
    line-height: 1.6;
  }
}
.p-sim-result__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1.6rem;
  justify-content: center;
  max-width: 23.2rem;
  margin: 0.4rem auto 0;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
}
@media (min-width: 1024px) {
  .p-sim-result__meta {
    gap: 0.4rem 4.8rem;
    max-width: none;
    margin-top: 1.6rem;
    font-size: 2.4rem;
    line-height: 1.67;
  }
}
.p-sim-result__body {
  padding: 1.3rem 1.9rem 4rem;
}
@media (min-width: 1024px) {
  .p-sim-result__body {
    padding: 6.9rem 12.4rem 10.7rem;
  }
}
.p-sim-result__hero {
  position: relative;
  padding-top: 7.2rem;
}
@media (min-width: 1024px) {
  .p-sim-result__hero {
    padding-top: 3.2rem;
  }
}
.p-sim-result__balloon {
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 1024px) {
  .p-sim-result__balloon {
    right: 10.4%;
    left: auto;
  }
}
.p-sim-result__amount {
  display: flex;
  gap: 1.2rem;
  align-items: flex-end;
  justify-content: center;
  color: #0d121a;
}
@media (min-width: 1024px) {
  .p-sim-result__amount {
    gap: 2.4rem;
  }
}
.p-sim-result__amount-label {
  padding-bottom: 0.6rem;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 1024px) {
  .p-sim-result__amount-label {
    padding-bottom: 1.2rem;
    font-size: 3.2rem;
  }
}
.p-sim-result__amount-num {
  font-family: "Oswald", "Inter", "Noto Sans JP", -apple-system, blinkmacsystemfont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-size: 6.2rem;
  font-weight: 500;
  line-height: 1;
  color: #ed980d;
}
@media (min-width: 1024px) {
  .p-sim-result__amount-num {
    font-size: 14rem;
  }
}
.p-sim-result__section {
  margin-top: 6.5rem;
}
@media (min-width: 1024px) {
  .p-sim-result__section {
    margin-top: 6.4rem;
  }
}
.p-sim-result__section--flush {
  margin-top: 0;
}
.p-sim-result__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.7rem;
  margin-top: 1.6rem;
}
@media (min-width: 1024px) {
  .p-sim-result__list {
    gap: 5.6rem;
    margin-top: 1.6rem;
  }
}
.p-sim-result__list--single {
  grid-template-columns: minmax(0, calc(50% - 0.85rem));
  justify-content: center;
}
@media (min-width: 1024px) {
  .p-sim-result__list--single {
    grid-template-columns: minmax(0, calc(50% - 2.8rem));
  }
}
.p-sim-result__item {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.p-sim-result__item-name {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  color: #2baf2b;
}
@media (min-width: 1024px) {
  .p-sim-result__item-name {
    font-size: 3.2rem;
    line-height: 1.75;
  }
}
.p-sim-result__item--sub .p-sim-result__item-name {
  color: #6b6e73;
}
.p-sim-result__item-note {
  margin-top: 0.4rem;
  margin-bottom: auto;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  color: #2baf2b;
}
@media (min-width: 1024px) {
  .p-sim-result__item-note {
    font-size: 2.4rem;
    line-height: 1.67;
  }
}
.p-sim-result__item--sub .p-sim-result__item-note {
  color: #6b6e73;
}
.p-sim-result__price {
  display: flex;
  gap: 0.6rem;
  align-items: flex-end;
  justify-content: center;
  height: 4.2rem;
  margin-top: 1.5rem;
  color: #fff;
  background-color: #ed980d;
  border-radius: 0.8rem;
}
@media (min-width: 1024px) {
  .p-sim-result__price {
    gap: 1.6rem;
    height: 11.8rem;
    margin-top: 1.6rem;
    border-radius: 1.2rem;
  }
}
.p-sim-result__item--sub .p-sim-result__price {
  background-color: #9ea0a3;
}
.p-sim-result__price-num {
  padding-bottom: 0.9rem;
  font-family: "Oswald", "Inter", "Noto Sans JP", -apple-system, blinkmacsystemfont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1;
}
@media (min-width: 1024px) {
  .p-sim-result__price-num {
    padding-bottom: 2.6rem;
    font-size: 8rem;
  }
}
.p-sim-result__price-unit {
  padding-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
}
@media (min-width: 1024px) {
  .p-sim-result__price-unit {
    padding-bottom: 2.8rem;
    font-size: 3.2rem;
  }
}
.p-sim-result__co2 {
  margin-top: 4.7rem;
}
@media (min-width: 1024px) {
  .p-sim-result__co2 {
    display: flex;
    gap: 6rem;
    align-items: center;
    justify-content: center;
    margin-top: 3.8rem;
  }
}
.p-sim-result__co2-count {
  display: flex;
  gap: 0.5rem;
  align-items: flex-end;
  justify-content: center;
  color: #0d121a;
}
@media (min-width: 1024px) {
  .p-sim-result__co2-count {
    gap: 1rem;
  }
}
.p-sim-result__co2-label {
  padding-bottom: 0.4rem;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .p-sim-result__co2-label {
    padding-bottom: 1rem;
    font-size: 2.4rem;
  }
}
.p-sim-result__co2-num {
  font-family: "Oswald", "Inter", "Noto Sans JP", -apple-system, blinkmacsystemfont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-size: 5.4rem;
  font-weight: 500;
  line-height: 1;
  color: #8fd100;
}
@media (min-width: 1024px) {
  .p-sim-result__co2-num {
    font-size: 11rem;
  }
}
.p-sim-result__trees {
  display: flex;
  gap: 0.5rem;
  align-items: flex-end;
  justify-content: center;
  margin-top: 0.9rem;
}
@media (min-width: 1024px) {
  .p-sim-result__trees {
    gap: 1.3rem;
    margin-top: 0;
  }
}
.p-sim-result__tree {
  position: relative;
  display: block;
  width: 2.1rem;
  height: 2.9rem;
}
@media (min-width: 1024px) {
  .p-sim-result__tree {
    width: 5.8rem;
    height: 8rem;
  }
}
.p-sim-result__tree-icon {
  display: block;
  width: 100%;
  height: 100%;
  color: #d8d9da;
}
.p-sim-result__tree-icon--fill {
  position: absolute;
  inset: 0;
  color: #8fd100;
  clip-path: inset(calc(100% - var(--tree-fill, 100%)) 0 0 0);
}
.p-sim-result__trees-note {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  justify-content: center;
  margin-top: 0.8rem;
  font-size: 1rem;
  line-height: 1.6;
  color: rgba(13, 18, 26, 0.6117647059);
}
@media (min-width: 1024px) {
  .p-sim-result__trees-note {
    justify-content: flex-end;
    margin-top: 1.1rem;
    font-size: 1.2rem;
    line-height: 1.67;
  }
}
.p-sim-result__trees-note-icon {
  width: 0.7rem;
  height: 1rem;
  color: #8fd100;
}
@media (min-width: 1024px) {
  .p-sim-result__trees-note-icon {
    width: 1.2rem;
    height: 1.7rem;
  }
}
.p-sim-result__gauge {
  min-width: 0;
}
.p-sim-result__co2-total {
  display: flex;
  gap: 0.6rem;
  align-items: flex-end;
  justify-content: center;
  margin-top: 2rem;
  color: #0d121a;
}
@media (min-width: 1024px) {
  .p-sim-result__co2-total {
    gap: 1.6rem;
    margin-top: 1.6rem;
  }
}
.p-sim-result__co2-total-label {
  padding-bottom: 0.3rem;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.33;
}
@media (min-width: 1024px) {
  .p-sim-result__co2-total-label {
    padding-bottom: 0.8rem;
    font-size: 1.6rem;
    line-height: 1.75;
  }
}
.p-sim-result__co2-total-num {
  font-family: "Oswald", "Inter", "Noto Sans JP", -apple-system, blinkmacsystemfont, "Hiragino Sans", "Yu Gothic", sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1;
  color: #8fd100;
}
@media (min-width: 1024px) {
  .p-sim-result__co2-total-num {
    font-size: 5rem;
  }
}
.p-sim-result__note {
  margin-top: 2rem;
  font-size: 1rem;
  line-height: 1.6;
  color: #0d121a;
}
@media (min-width: 1024px) {
  .p-sim-result__note {
    margin-top: 2.4rem;
    font-size: 1.2rem;
    line-height: 1.67;
    text-align: center;
  }
}
.p-sim-result__table {
  margin-top: 3.9rem;
}
@media (min-width: 1024px) {
  .p-sim-result__table {
    margin-top: 8rem;
  }
}
.p-sim-result__lead {
  margin-top: 4rem;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.78;
  color: #ed980d;
  text-align: center;
}
@media (min-width: 1024px) {
  .p-sim-result__lead {
    margin-top: 8rem;
    font-size: 2.8rem;
  }
}
.p-sim-result__nowrap {
  white-space: nowrap;
}
.p-sim-result__cards {
  display: grid;
  gap: 5.7rem;
  margin-top: 1.7rem;
}
@media (min-width: 1024px) {
  .p-sim-result__cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 7.2rem;
    margin-top: 2.7rem;
  }
}
.p-sim-result__card-img {
  width: 100%;
  max-width: 30.7rem;
  aspect-ratio: auto;
  margin-inline: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-sim-result__card-photo {
  -o-object-position: 50% 15%;
     object-position: 50% 15%;
}
.p-sim-result__more {
  margin-top: 4rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .p-sim-result__more {
    margin-top: 8rem;
    text-align: right;
  }
}
.p-sim-result__more-note {
  margin-top: 0.6rem;
  font-size: 1rem;
  line-height: 1.6;
  color: #0d121a;
}
@media (min-width: 1024px) {
  .p-sim-result__more-note {
    font-size: 1.2rem;
    line-height: 1.67;
  }
}
.p-sim-result__furusato {
  margin-top: 4rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .p-sim-result__furusato {
    margin-top: 6.4rem;
  }
}
@media (min-width: 1200px) {
  .p-sim-result__furusato {
    position: relative;
    padding-left: 4.8rem;
  }
}
.p-sim-result__furusato-balloon {
  max-width: 23.2rem;
}
@media (min-width: 1024px) {
  .p-sim-result__furusato-balloon {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .p-sim-result__furusato-balloon {
    position: absolute;
    bottom: calc(100% - 11rem);
    left: 0;
    width: 25rem;
    max-width: none;
    border-radius: 2.4rem;
  }
}
.p-sim-result__furusato-balloon .c-balloon__txt {
  color: #2baf2b;
}
@media (min-width: 1200px) {
  .p-sim-result__furusato-balloon .c-balloon__txt {
    font-size: 2rem;
    line-height: 1.5;
  }
}
.p-sim-result__furusato-txt {
  margin-top: 0.8rem;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.65;
  color: #0d121a;
}
@media (min-width: 1024px) {
  .p-sim-result__furusato-txt {
    margin-top: 1.6rem;
    font-size: 2.4rem;
    line-height: 1.67;
  }
}
.p-sim-result__amount--furusato .p-sim-result__amount-num {
  font-size: 4.7rem;
}
@media (min-width: 1024px) {
  .p-sim-result__amount--furusato .p-sim-result__amount-num {
    font-size: 10.6rem;
  }
}
.p-sim-result__error {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  align-items: center;
  padding: 2.4rem 2rem 3.2rem;
  text-align: center;
  border: 2px solid #8fd100;
  border-radius: 0.8rem;
}
@media (min-width: 1024px) {
  .p-sim-result__error {
    justify-content: space-between;
    min-height: 21.6rem;
    padding: 4.2rem 6.4rem 5.7rem;
    border-width: 4px;
    border-radius: 1.6rem;
  }
}
.p-sim-result__error-ttl {
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1.6;
  color: rgba(13, 18, 26, 0.6117647059);
}
@media (min-width: 1024px) {
  .p-sim-result__error-ttl {
    font-size: 4rem;
  }
}
.p-sim-result__error-txt {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.86;
  color: #6b6e73;
}
@media (min-width: 1024px) {
  .p-sim-result__error-txt {
    font-size: 2.4rem;
    line-height: 1.67;
  }
}

.p-sim-note {
  padding-bottom: 8rem;
  margin-top: 4rem;
}
@media (min-width: 1024px) {
  .p-sim-note {
    padding-bottom: 12rem;
    margin-top: 8rem;
  }
}
.p-sim-note__item {
  scroll-margin-top: 6.4rem;
}
@media (min-width: 1024px) {
  .p-sim-note__item {
    scroll-margin-top: 10.2rem;
  }
}
.p-sim-note__item + .p-sim-note__item {
  margin-top: 4rem;
}
@media (min-width: 1024px) {
  .p-sim-note__item + .p-sim-note__item {
    margin-top: 6.7rem;
  }
}
.p-sim-note__group + .p-sim-note__group {
  margin-top: 1.6rem;
}
@media (min-width: 1024px) {
  .p-sim-note__group + .p-sim-note__group {
    margin-top: 3.2rem;
  }
}
.p-sim-note__txt {
  margin-top: 0.8rem;
  font-size: 1.2rem;
  line-height: 1.67;
  color: #0d121a;
}
@media (min-width: 1024px) {
  .p-sim-note__txt {
    margin-top: 1.2rem;
    font-size: 1.6rem;
    line-height: 1.75;
  }
}
.p-sim-note__caution-ttl {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.71;
  color: #0d121a;
}
@media (min-width: 1024px) {
  .p-sim-note__caution-ttl {
    font-size: 2.4rem;
    line-height: 1.67;
  }
}
.p-sim-note__caution-icon {
  flex-shrink: 0;
  align-self: flex-start;
  width: 1.4rem;
  height: 1.4rem;
  margin-top: 0.5rem;
  color: #0d121a;
}
@media (min-width: 1024px) {
  .p-sim-note__caution-icon {
    width: 2.5rem;
    height: 2.5rem;
    margin-top: 0.75rem;
  }
}
.p-sim-note__caution-nowrap {
  white-space: nowrap;
}
.p-sim-note__list {
  display: grid;
  gap: 1rem;
  margin-top: 1.6rem;
}
@media (min-width: 1024px) {
  .p-sim-note__list {
    margin-top: 2rem;
  }
}
.p-sim-note__list-item {
  padding-left: 1.2em;
  font-size: 1.2rem;
  line-height: 1.67;
  color: #0d121a;
  text-indent: -1.2em;
}
@media (min-width: 1024px) {
  .p-sim-note__list-item {
    font-size: 1.6rem;
    line-height: 1.75;
  }
}
.p-sim-note__list-item::before {
  content: "・";
}
.p-sim-note__note {
  margin-top: 1.2rem;
}
@media (min-width: 1024px) {
  .p-sim-note__note {
    margin-top: 1.6rem;
  }
}