@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&display=swap");
body {
  font-family: "Noto Sans JP", "Yu Gothic Medium", "Yu Gothic", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
@media screen and (min-width: 768px) {
  body {
    overflow-x: visible;
  }
}
body.-modalOn {
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .mainContents {
    min-width: 1440px;
  }
}

a {
  transition: 0.4s all ease;
}
a:hover {
  opacity: 0.7;
}

::-moz-placeholder {
  color: #ADADAD;
}

::placeholder {
  color: #ADADAD;
}

.su-td-under {
  text-decoration: underline;
}
.su-fw-bold {
  font-weight: 700 !important;
}
.su-mt-4 {
  margin-top: 4px;
}
.su-mt-8 {
  margin-top: 8px;
}
.su-mt-12 {
  margin-top: 12px;
}
.su-mt-16 {
  margin-top: 16px;
}
.su-mt-24 {
  margin-top: 24px;
}
.su-mt-32 {
  margin-top: 32px;
}
.su-mt-40 {
  margin-top: 40px;
}
.su-mb-22 {
  margin-bottom: 22px;
}
.su-ta-center {
  text-align: center !important;
}
.su-flex{
  display: flex;
}
.c_type01{
  color: #ff0000;
}



@media screen and (min-width: 768px) {
  .su-pc-mt-32 {
    margin-top: 32px !important;
  }

  .su-pc-ta-center {
    text-align: center;
  }

  .su-pc-none {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .su-sp-none {
    display: none !important;
  }
    .sp-center{
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.headline__level2 {
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  background: var(--GRADATION-GREEN, linear-gradient(90deg, #148145 0%, #148964 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 768px) {
  .headline__level2 {
    font-size: 40px;
  }
}
.headline__level2.-black {
  color: var(--MAIN-BLACK, #0B0B0C);
  background: none;
  -webkit-text-fill-color: inherit;
}
.headline__level2lead {
  color: var(--MAIN-GRAY, #3C3E3D);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.headline__level3 {
  position: relative;
  color: var(--MAIN-BLACK, #0B0B0C);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
  padding-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .headline__level3 {
    font-size: 24px;
  }
}
.headline__level3::after {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 3px;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  stroke-width: 2px;
  background: var(--GRADATION-GREEN, #148145);
}

img {
  width: 100%;
}

/** Utilty **/
table {
  width: 100%;
}

table, td, th {
  border-collapse: collapse;
}

table tr {
  border-bottom: 1px solid #F2F2F2;
}

/** slider **/
@media screen and (min-width: 768px) {
  .slider-container {
    display: flex;
    gap: 16px;
  }
}

.slideItem {
  width: 327px;
}
@media screen and (min-width: 768px) {
  .slideItem {
    width: calc((100% - 64px) / 4);
    display: flex;
    flex-direction: column;
  }
}

.slick-slide {
  box-sizing: border-box;
}

.slick-track {
  margin-bottom: 81px;
}

.slick-prev, .slick-next {
  width: 50px; /* ボタンのサイズ */
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
}

.slick-prev {
  background-image: url("/camp/smcc_pp/img/icon_slider-prev.svg");
  font-size: 0;
  position: absolute;
  top: calc(50% + 40px);
  left: -10px;
  transform: translateY(-50%);
  z-index: 1;
}

.slick-next {
  background-image: url("/camp/smcc_pp/img/icon_slider-next.svg");
  font-size: 0;
  position: absolute;
  top: calc(50% + 40px);
  right: -10px;
  transform: translateY(-50%);
  z-index: 1;
}
.slick-next::before {
  content: "";
  font-size: 0;
}

.dots-wrap {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 24px;
}
.dots-wrap li {
  width: 8px;
  height: 8px;
  background-color: #CCC;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.dots-wrap li.slick-active {
  border-radius: 100px;
  background: var(--GRADATION-GREEN, linear-gradient(90deg, #148145 0%, #148964 100%));
}

/** slider **/
/** modal **/
.modal-container {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  box-sizing: border-box;
  z-index: 101;
}
.modal-container.active {
  opacity: 1;
  visibility: visible;
}
.modal-body {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 99%;
}
@media screen and (min-width: 768px) {
  .modal-body {
    max-width: 800px;
    margin: 0 auto;
  }
}
.modal-content {
  border-radius: 1rem;
  background: #fff;
  overflow: scroll;
  height: 83svh;
}
.modal-content__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 32px 19px;
}
.modal-content .link-blank__link {
  font-size: 13px;
}
@media screen and (min-width: 768px) {
  .modal-content__inner {
    padding: 32px 40px;
  }

  .modal-content .link-blank__link {
    font-size: 14px;
  }

}
.modal-close {
  position: absolute;
  background: url(/camp/smcc_pp/img/icon_close.svg) no-repeat;
  width: 32px;
  height: 32px;
  top: -40px;
  right: 0;
  cursor: pointer;
}

/** modal **/
/** fixedcontents **/
.js-fixed-area {
  position: relative;
}

.js-fixed-elm {
  position: absolute;
  top: 0;
}

.js-fixed-elm.is-fixed {
  position: fixed;
}

/** fixedcontents **/
.table td, .table th {
  border-collapse: collapse;
}
.table-row2__head {
  padding: 8px 24px;
  background: #F0F0F0;
  border-right: 1px solid var(--MAIN-WHITE, #FFF);
  border-left: 1px solid #F0F0F0;
  border-bottom: 1px solid var(--LINE, #DCDADA);
}
.table-row2__head:last-of-type {
  border-left: none;
  border-right: 1px solid #F0F0F0;
}
.table-row2__title {
  color: var(--MAIN-GRAY, #3C3E3D);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 175%; /* 22.75px */
}
@media screen and (min-width: 768px) {
  .table-row2__title {
    padding: 8px 16px;
    font-size: 15px;
  }
}
.table-row2__data {
  padding: 8px 16px;
  border-left: 1px solid var(--LINE, #DCDADA);
  border-bottom: 1px solid var(--LINE, #DCDADA);
  background: var(--MAIN-WHITE, #FFF);
}
.table-row2__data:last-of-type {
  border-right: 1px solid var(--LINE, #DCDADA);
}
@media screen and (min-width: 768px) {
  .table-row2__data {
    padding: 8px 24px;
  }
}
.table-row2__text {
  color: var(--MAIN-GRAY, #3C3E3D);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
@media screen and (min-width: 768px) {
  .table-row2__text {
    font-size: 14px;
  }
}

.productTable {
  margin-top: 24px;
}
.productTable__head {
  border-bottom: 1px solid #F2F2F2;
  background: rgba(103, 101, 101, 0.1);
  padding: 12px 8px;
  width: 100px;
  color: var(--MAIN-BLACK, #0B0B0C);
  font-family: "Noto Sans JP";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 19.5px */
}
@media screen and (min-width: 768px) {
  .productTable__head {
    padding: 16px;
    font-size: 15px;
    width: 200px;
  }
}
.productTable__head.-none {
  background: inherit;
  border: none;
}
.productTable__data {
  background: #fff;
  padding: 12px 8px;
  min-width: 112px;
  border-left: 1px solid #F2F2F2;
}
.productTable__data.-top {
  background: var(--MAIN-GREEN, #148964);
  color: var(--MAIN-WHITE, #FFF);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
}
@media screen and (min-width: 768px) {
  .productTable__data.-top {
    font-size: 20px;
  }
}
.productTable__data.-top:first-of-type {
  border-right: 1px solid #fff;
}
.productTable__leadText {
  color: var(--MAIN-GRAY, #3C3E3D);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
@media screen and (min-width: 768px) {
  .productTable__leadText {
    font-size: 16px;
  }
}
.productTable__textlink {
  display: inline-block;
  color: var(--MAIN-GRAY, #3C3E3D);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .productTable__textlink {
    font-size: 16px;
  }
}
.productTable__textlink.-blank::after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-left: 2px;
  vertical-align: bottom;
  background: url(/camp/smcc_pp/img/icon_blank-gray.svg) no-repeat;
}
@media screen and (min-width: 768px) {
  .productTable__textlink.-blank::after {
    width: 1.2rem;
    height: 1.2rem;
  }
}

.link-blank {
  display: inline-block;
}
.link-blank__link {
  color: var(--MAIN-GREEN, #148964);
  font-family: "Noto Sans JP";
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 200%;
}
@media screen and (min-width: 768px) {
  .link-blank__link {
    font-size: 15px;
  }
}
.link-blank.-iconBlank .link-blank__link .link-blank__text + span {
    position: relative;
}
.link-blank.-iconBlank .link-blank__link .link-blank__text + span::after {
  position: absolute;
  content: "";
  background: url(/camp/smcc_pp/img/icon_linkBlank.svg) no-repeat;
  background-size: contain;
  min-width: 28px;
  min-height: 28px;
  right: -32px;
}
.annotationList__item .link-blank.-iconBlank .link-blank__link .link-blank__text + span::after {
  min-width: 20px;
  min-height: 20px;
}
.link-blank.-iconBlank .link-blank__text {
  border-bottom: 1px solid var(--GRADATION-GREEN, #148145);
}
.link-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.checklist {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.checklist__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  width: 100%;
  border-radius: 5px;
  background: #F3F5EF;
}
@media screen and (min-width: 768px) {
  .checklist__item {
    padding: 16px;
  }
}
.checklist__item::after {
  position: absolute;
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  top: -12px;
  left: -6px;
  background: url(/camp/smcc_pp/img/icon_check.svg) no-repeat;
  background-size: contain;
}
.checklist__text {
  color: var(--MAIN-BLACK, #0B0B0C);
  font-family: "Noto Sans JP";
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (min-width: 768px) {
  .checklist__text {
    font-size: 18px;
  }
}
.checklist__text .-decoration {
  background: var(--GRADATION-GREEN, linear-gradient(90deg, #148145 0%, #148964 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}
.checklist__text .-small {
  font-size: 11px;
}
@media screen and (min-width: 768px) {
  .checklist__text .-small {
    font-size: 14px;
  }
}

.whiteBox {
  border-radius: 10px;
  background: #FFF;
  /* box-shadow */
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
}

.infoBox {
  position: relative;
  padding: 16px 16px 16px 58px;
  border-radius: 15px;
  background: #EEE;
}
@media screen and (min-width: 768px) {
  .infoBox {
    max-width: 608px;
    margin: 0 auto;
    margin-top: 40px;
  }
}
.infoBox__textBox::before {
  content: "";
  position: absolute;
  display: block;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  background: url(/camp/smcc_pp/img/icon_info.svg) no-repeat;
  background-size: contain;
}
.infoBox__text {
  color: #3C3E3D;
  font-family: "Noto Sans JP";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 19.5px */
}

.dotsList__item {
  padding-left: 0.7em;
  text-indent: -0.7em;
}
@media screen and (min-width: 768px) {
  .dotsList__item {
    padding-left: 0.8em;
    text-indent: -0.8em;
  }
}
.dotsList__item:nth-of-type(n+2) {
  margin-top: 4px;
}
.dotsList__item.-number {
  padding-left: calc(1em + 4px);
  text-indent: calc(-1em - 4px);
}
.dotsList__item.-number .annotationList__text::before {
  margin-right: 0;
}
.dotsList__number {
  margin-right: 4px;
}
.dotsList__text {
  font-size: 15px;
  color: var(--MAIN-GRAY, #3C3E3D);
  line-height: 150%; /* 16.5px */
}
@media screen and (min-width: 768px) {
  .dotsList__text {
    font-size: 16px;
  }
}
.dotsList__text .-number {
  margin-right: 4px;
}
.dotsList__text::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  background: #3C3E3D;
  border-radius: 100%;
  margin-right: 0.5em;
  margin-bottom: 4px;
}
.dotsList__text.-noIcon {
  text-indent: 0em;
}
.dotsList__text.-noIcon::before {
  display: none;
}
.dotsList__text .-strong {
  color: var(--MAIN-GREEN, #148964);
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
@media screen and (min-width: 768px) {
  .dotsList__text .-strong {
    font-size: 16px;
  }
}

.annotationList__item {
  padding-left: 1em;
  text-indent: -1em;
}
.annotationList__item:nth-of-type(n+2) {
  margin-top: 4px;
}
.annotationList__item.-number {
  padding-left: calc(1em + 4px);
  text-indent: calc(-1em - 4px);
}
.annotationList__item.-number .annotationList__text::before {
  margin-right: 0;
}


.annotationList__number {
  margin-right: 4px;
}
.annotationList__text {
  font-size: 11px;
  color: #676565;
  line-height: 150%; /* 16.5px */
}
.annotationList__text .-number {
  margin-right: 4px;
}
.annotationList.-warning .annotationList__text {
  color: #ff0000;
}

.annotationList__text.Cred{
  color: rgba(255, 0, 0, 0.86);;
}

@media screen and (min-width: 768px) {
  .annotationList__text {
    font-size: 12px;
  }
}
.annotationList__text::before {
  content: "※";
  margin-right: 0.5em;
}
.annotationList__text.-noIcon {
  text-indent: 0em;
}
.annotationList__text.-noIcon::before {
  display: none;
}
.annotationList__item.-lead .annotationList__text::before{
  content: none;
}
.button {
  display: block;
  padding: 16px 32px;
  width: 100%;
  border-radius: 100px;
  background: var(--GRADATION-GREEN, linear-gradient(90deg, #148145 0%, #148964 100%));
  color: var(--MAIN-WHITE, #FFF);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 22.5px */
  letter-spacing: 0.3px;
  cursor: pointer;
}
.button.-iconAnchor {
  position: relative;
}
.button.-iconAnchor::after {
  content: "";
  position: absolute;
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(/camp/smcc_pp/img/icon_anchor.svg) no-repeat;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  right: 14px;
}

@media screen and (min-width: 768px) {
  .OutlineButton {
    max-width: 308px;
    margin: 0 auto;
  }
}
.OutlineButton__link {
  display: block;
  padding: 12px 16px;
  border-radius: 100px;
  border: 1px solid #004831;
  text-align: center;
}
.OutlineButton__text {
  color: #004831;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 18px */
}
.OutlineButton.-iconBlank .OutlineButton__text {
  position: relative;
}
.OutlineButton.-iconBlank .OutlineButton__text::after {
  content: "";
  position: absolute;
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(/camp/smcc_pp/img/icon_blank.svg) no-repeat;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  right: -4px;
}

/** /Utilty **/
/** animation **/
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-10%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(10%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes rotateAnimation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/** animation **/
.premiumPlusHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 20px;
}

.headerIcon {
  display: flex;
  padding: 14px;
  max-width: 150px;
  border-radius: 0px 0px 10px 0px;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
  .headerIcon {
    padding: 24px;
    max-width: 190px;
  }
}

.headerIconSecond {
  max-width: 97px;
}

.keyVisual {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .keyVisual__main {
    max-width: 900px;
    margin: 0 auto;
  }
}
.keyVisual__planButton {
  position: absolute;
  top: 0%;
  right: 0;
  max-width: 84px;
}
@media screen and (min-width: 768px) {
  .keyVisual__planButton {
    position: absolute;
    top: inherit;
    bottom: 0;
    right: 0;
    max-width: 161px;
  }
}
.keyVisual__linkAreaText {
  color: #676565;
  font-size: 11px;
}
@media screen and (min-width: 768px) {
  .keyVisual__linkAreaText {
    font-size: 12px;
  }
}
.keyVisual__linkArea {
  text-align: right;
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .keyVisual__linkArea {
    max-width: 360px;
    margin: 0 auto;
    margin-top: 8px;
  }
}
.keyVisual__linkAreaLink {
  text-decoration: underline;
}

.column__description {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .column__description {
    margin-top: 16px;
  }
}

.conversionButton {
  position: relative;
  display: block;
}
@media screen and (min-width: 768px) {
  .conversionButton {
    max-width: 360px;
    margin: 0 auto;
  }
}
.conversionButton.-flow {
  margin-top: 40px;
}
.conversionButton.-flow .conversionButton__link {
  padding: 20px 32px;
}
.conversionButton__icon {
  position: absolute;
  width: 80px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .conversionButton__icon {
    width: 100px;
  }
}
.conversionButton__link {
  padding: 20px 32px 20px 48px;
  display: block;
  border-radius: 100px;
  background: linear-gradient(90deg, #EF4C28 21%, #FF7F29 100%);
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
}
.conversionButton__txtWrap {
  position: relative;
  text-align: center;
}
.conversionButton__txtWrap::before {
  content: "";
  display: block;
  position: absolute;
  width: 1rem;
  height: 1rem;
  background: url(/camp/smcc_pp/img/icon_arrow_right.svg) no-repeat;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .conversionButton__txtWrap::before {
    right: -16px;
  }
}
.conversionButton__text {
  color: #ffffff;
  font-size: 15px;
  color: #FFF;
  text-align: center;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 22.5px */
  letter-spacing: 0.3px;
}
@media screen and (min-width: 768px) {
  .conversionButton__text {
    font-size: 18px;
  }
}

.kvConversionArea {
  padding: 0 38px;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .kvConversionArea {
    max-width: 800px;
    margin: 0 auto;
    margin-top: 32px;
    padding: 0;
  }
}

.kvAnnotationArea {
  padding: 0 20px;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .kvAnnotationArea {
    padding: 0;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 16px;
  }
}

.profitPlan {
  padding: 40px 24px;
  margin-top: 24px;
  background: url(/camp/smcc_pp/img/bg_profitPlan_sp.png), #148964;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .profitPlan__inner {
    max-width: 800px;
    margin: 0 auto;
  }
}
.profitPlan__headline {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .profitPlan__headline {
    justify-content: center;
    flex-direction: row;
    gap: 8px;
  }
}
.profitPlan__title {
  display: inline-block;
  color: #F9FF31;
  text-align: center;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
  font-family: "Noto Sans JP";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%; /* 48.6px */
  border-bottom: 5px solid #F9FF31;
}
@media screen and (min-width: 768px) {
  .profitPlan__title {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
}
.profitPlan__title .-decoration {
  font-size: 32px;
  border-bottom: 5px solid #F9FF31;
}
.profitPlan__titleSub {
  color: #FFF;
  text-align: center;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%; /* 32.4px */
}
.profitPlan__banner {
  margin-top: 24px;
  cursor: pointer;
  transition: 0.4s ease all;
}
.profitPlan__banner:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  .profitPlan__banner {
    margin-top: 32px;
  }
}
.profitPlan__list {
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .profitPlan__list {
    text-align: center;
    margin-top: 32px;
  }
}
.profitPlan__listItem:has(.profitPlan__text.-indented) {
  display: flex;
  justify-content: center;
}
.profitPlan__item {
  padding-left: 1em;
  text-indent: -1em;
}
.profitPlan__item:nth-of-type(n+2) {
  margin-top: 4px;
}
.profitPlan__item.-number {
  padding-left: 1em;
  text-indent: -1em;
}
.profitPlan__item.-number .annotationList__text::before {
  margin-right: 0;
}
.profitPlan__number {
  margin-right: 4px;
}
.profitPlan__text {
  text-shadow: rgb(20, 137, 100) 3px 0px 0px, rgb(20, 137, 100) 2.83487px 0.981584px 0px, rgb(20, 137, 100) 2.35766px 1.85511px 0px, rgb(20, 137, 100) 1.62091px 2.52441px 0px, rgb(20, 137, 100) 0.705713px 2.91581px 0px, rgb(20, 137, 100) -0.287171px 2.98622px 0px, rgb(20, 137, 100) -1.24844px 2.72789px 0px, rgb(20, 137, 100) -2.07227px 2.16926px 0px, rgb(20, 137, 100) -2.66798px 1.37182px 0px, rgb(20, 137, 100) -2.96998px 0.42336px 0px, rgb(20, 137, 100) -2.94502px -0.571704px 0px, rgb(20, 137, 100) -2.59586px -1.50383px 0px, rgb(20, 137, 100) -1.96093px -2.27041px 0px, rgb(20, 137, 100) -1.11013px -2.78704px 0px, rgb(20, 137, 100) -0.137119px -2.99686px 0px, rgb(20, 137, 100) 0.850987px -2.87677px 0px, rgb(20, 137, 100) 1.74541px -2.43999px 0px, rgb(20, 137, 100) 2.44769px -1.73459px 0px, rgb(20, 137, 100) 2.88051px -0.838247px 0px;
  color: #F2F2F2;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 16.5px */
}
@media screen and (min-width: 768px) {
  .profitPlan__text {
    font-size: 12px;
  }
}
.profitPlan__text.-large {
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .profitPlan__text.-large {
    font-size: 24px;
  }
}
.profitPlan__text::before {
  content: "※";
  margin-right: 0.5em;
}
.profitPlan__text.-noIcon {
  text-indent: 0em;
}
.profitPlan__text.-noIcon::before {
  display: none;
}
.profitPlan__text.-indented {
  position: relative;
  padding-left: calc(1em + 4px);
  text-align: left;
}
.profitPlan__text.-indented::before {
  position: absolute;
  left: 0;
  margin-right: 0;
}

.borrowing {
  padding: 32px 16px;
}
@media screen and (min-width: 768px) {
  .borrowing {
    padding: 40px 16px;
  }
}
@media screen and (min-width: 768px) {
  .borrowing__inner {
    max-width: 800px;
    margin: 0 auto;
  }
}
.borrowing__title {
  max-width: 290px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .borrowing__title {
    max-width: 418px;
  }
}
.borrowing__wrap {
  padding: 24px;
  margin-bottom: 32px;
  border-radius: 5px;
  border: 3px solid rgba(20, 137, 100, 0.1);
  background: #EFF5F2;
}
@media screen and (min-width: 768px) {
  .borrowing__wrap {
    padding: 32px 120px;
  }
}
.borrowing__textWrap {
  margin-top: 24px;
}
.borrowing__text {
  color: #3C3E3D;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 165%; /* 23.1px */
}
@media screen and (min-width: 768px) {
  .borrowing__text {
    font-size: 16px;
  }
}
.borrowing__text .-decoration {
  background: var(--GRADATION-GREEN, linear-gradient(90deg, #148145 0%, #148964 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 165%;
}
.borrowing__cardBrand {
  margin-top: 64px;
}
@media screen and (min-width: 768px) {
  .borrowing__cardBrand {
    margin-top: 80px;
  }
}
@media screen and (min-width: 768px) {
  .borrowing__cardBrandTitleWrap {
    text-align: center;
  }
}
.borrowing__cardBrandBand {
  background: #148A64;
  display: inline-block;
  /* box-shadow */
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
  padding: 8px 12px 10px 12px;
  color: #FFF;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 16px */
}
.borrowing__cardBrandLead {
  margin-top: 8px;
  color: #0B0B0C;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 28px */
}
@media screen and (min-width: 768px) {
  .borrowing__cardBrandLead {
    font-size: 22px;
  }
}
.borrowing__cardBrandLead .-decoration {
  color: #148A64;
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
@media screen and (min-width: 768px) {
  .borrowing__cardBrandLead .-decoration {
    font-size: 28px;
  }
}
.borrowing__column2 {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .borrowing__column2 {
    gap: 24px;
    flex-direction: row-reverse;
    justify-content: center;
    margin-top: 16px;
  }
}
.borrowing__columnText {
  color: var(--MAIN-GRAY, #3C3E3D);
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%; /* 28px */
}
@media screen and (min-width: 768px) {
  .borrowing__columnText {
    font-size: 18px;
  }
}
.borrowing__columnTextBox {
  flex: 1 1 auto;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .borrowing__columnTextBox {
    flex: 0 0 auto;
    width: 396px;
  }
}
.borrowing__columnImage {
  flex: 0 0 100px; /* 幅100pxを固定 */
}
@media screen and (min-width: 768px) {
  .borrowing__columnImage {
    flex: 0 0 auto;
    width: 160px;
  }
}

.shidndanForm {
  margin-top: 16px;
  animation: fadeInLeft 0.5s;
  animation-fill-mode: both !important;
}
.shidndanForm__name {
  color: #3C3E3D;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 175%; /* 24.5px */
}
@media screen and (min-width: 768px) {
  .shidndanForm__name {
    width: 170px;
  }
}
.shidndanForm__val {
  display: flex;
  align-items: center;
  margin-top: 8px;
  gap: 3px;
  color: #3C3E3D;
}
@media screen and (min-width: 768px) {
  .shidndanForm__val {
    flex: 1 1 auto;
    margin-top: 0;
    gap: 8px;
  }
}
.shidndanForm__val input, .shidndanForm__val select {
  border-radius: 5px;
  border: 1px solid var(--FORM-LINE, #D0D6D3);
  background: #FFF;
  flex: 1 1 auto;
  padding: 8px 14px;
  width: 100%;
  max-width: 87%;
}
.shidndanForm__group {
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .shidndanForm__group {
    display: flex;
    align-items: center;
  }
}
.shidndanForm__annotation {
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .shidndanForm__annotation {
    padding-left: 170px;
  }
}
.shidndanForm__annotation .annotationList__text {
  color: var(--NOTE-DARK, #676565);
  /* NOTE/SP */
  font-family: "Noto Sans JP";
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 16.5px */
}
@media screen and (min-width: 768px) {
  .shidndanForm__annotation .annotationList__text {
    font-size: 12px;
  }
}
.shidndanForm__start {
  padding: 0 28px;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .shidndanForm__start {
    margin-top: 32px;
  }
}
.shidndanForm__start .button {
  position: relative;
  color: var(--MAIN-WHITE, #FFF);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 22.5px */
  letter-spacing: 0.3px;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .shidndanForm__start .button {
    font-size: 18px;
    max-width: 320px;
    margin: 0 auto;
  }
}
.shidndanForm__start .button::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 16px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: url(/camp/smcc_pp/img/icon_arrow_right.svg) no-repeat;
}

.shindanResult {
  display: none;
  animation: fadeInRight 0.5s;
}
.shindanResult__headWrap {
  text-align: center;
  margin-top: 24px;
}
.shindanResult__heading {
  display: inline-block;
  color: #0B0B0C;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 175%; /* 24.5px */
  border-top: 2px solid var(--MAIN-GREEN, #148964);
  border-bottom: 2px solid var(--MAIN-GREEN, #148964);
}
@media screen and (min-width: 768px) {
  .shindanResult__heading {
    font-size: 18px;
  }
}
.shindanResult__heading::before {
  content: "";
}
.shindanResult__heading::after {
  content: "";
}
.shindanResult__res {
  margin-top: 16px;
  color: var(--MAIN-GREEN, #148964);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
}
.js_shindan_panel_result3 .shindanResult__res {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .shindanResult__res {
    font-size: 30px;
    margin-top: 24px;
  }
  .js_shindan_panel_result2 .shindanResult__res {
    font-size: 24px;
  }
  .js_shindan_panel_result3 .shindanResult__res {
    font-size: 30px;
  }
}
.shindanResult__lead {
  margin-top: 16px;
  color: var(--MAIN-GRAY, #3C3E3D);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 165%; /* 23.1px */
}
.js_shindan_panel_result2 .shindanResult__lead {
  font-size: 13px;
}
@media screen and (min-width: 768px) {
  .shindanResult__lead {
    font-size: 16px;
    margin-top: 24px;
  }
}
.shindanResult__lead.-convUnder {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .shindanResult__lead.-convUnder {
    margin-top: 40px;
  }
}
.shindanResult__entry {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .shindanResult__entry {
    margin-top: 40px;
  }
}
.shindanResult__back {
  padding: 12px 24px;
  margin-top: 24px;
  border-radius: 100px;
  border: 1px solid var(--MAIN-GRAY, #3C3E3D);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .shindanResult__back {
    max-width: 200px;
    margin: 0 auto;
    margin-top: 32px;
    cursor: pointer;
  }
}
.shindanResult__back p {
  color: var(--MAIN-GRAY, #3C3E3D);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 22.5px */
  letter-spacing: 0.3px;
}
@media screen and (min-width: 768px) {
  .shindanResult__back p {
    font-size: 18px;
  }
}
.shindanResult__tel {
  margin-top: 16px;
}

.footer {
  background: #0B0B0C;
  padding: 40px 24px;
}
.footer__textArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}
.footer__link {
  position: relative;
  color: #ffffff;
  font-size: 12px;
  text-decoration: underline;
}
.footer__link::after {
  content: "";
  display: inline-block;
  background: url(/camp/smcc_pp/img/icon_whiteBlank.svg) no-repeat;
  width: 1rem;
  height: 1rem;
  vertical-align: bottom;
}
.footer__copyWrap {
  margin-top: 24px;
}
.footer__copy {
  color: var(--NEUTRAL-WHITE, #FFF);
  text-align: center;
  font-family: Montserrat;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 15px */
}
@media screen and (min-width: 768px) {
  .footer__copy {
    font-size: 12px;
  }
}

.begginer {
  background: #E9EAEB;
  padding: 80px 24px 32px 24px;
}
@media screen and (min-width: 768px) {
  .begginer {
    padding-bottom: 40px;
  }
}
.begginer__contents {
  position: relative;
  padding: 56px 24px 32px;
}
@media screen and (min-width: 768px) {
  .begginer__contents {
    max-width: 800px;
    margin: 0 auto;
    padding: 56px 40px;
  }
}
.begginer__icon {
  position: absolute;
  width: 88px;
  height: 88px;
  padding: 12px;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  background: url(/camp/smcc_pp/img/icon_begginer.svg) no-repeat, #FFF;
  background-position: center;
  border-radius: 500px;
  /* box-shadow */
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
}
.begginer__title {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .begginer__title {
    max-width: 400px;
  }
}

.reason {
  position: relative;
  background: #EFF5F2;
  padding: 56px 24px;
}
@media screen and (min-width: 768px) {
  .reason__inner {
    max-width: 1200px;
    margin: 0 auto;
  }
}
.reason__decorationText {
  position: absolute;
  left: 8px;
}
@media screen and (min-width: 768px) {
  .reason__decorationText {
    left: 40px;
  }
}
.reason__tagArea {
  position: absolute;
  display: block;
  padding: 6px 14px 8px 6px;
  right: 0;
  top: 10px;
  background: var(--GRADATION-GREEN, linear-gradient(90deg, #148145 0%, #148964 100%));
  color: #fff;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 18px */
}
@media screen and (min-width: 768px) {
  .reason__tagArea {
    font-size: 20px;
    top: 20px;
  }
}
.reason__tag {
  color: rgba(255, 255, 255, 0.5);
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 18px */
  margin-right: 2px;
}
.reason__titleLead {
  color: var(--MAIN-GRAY, #3C3E3D);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
@media screen and (min-width: 768px) {
  .reason__titleLead {
    font-size: 24px;
  }
}
.reason__title {
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 48px */
  background: var(--GRADATION-GREEN, linear-gradient(90deg, #148145 0%, #148964 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: 280px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .reason__title {
    max-width: 350px;
  }
}
.reason__list {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .reason__list {
    flex-wrap: wrap;
    flex-direction: row;
  }
}
.reason__item {
  padding: 56px 24px 32px 24px;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .reason__item {
    width: calc((100% - 32px) / 2);
    display: flex;
    align-items: center;
    gap: 32px;
  }
}
.reason__item::before {
  content: "";
  position: absolute;
  display: block;
  background: url(/camp/smcc_pp/img/text_reasonNumber_01_sp.svg) no-repeat;
  background-size: auto;
  left: 0;
  top: 0;
  width: 109px;
  height: 80px;
}
.reason__item:nth-of-type(2)::before {
  background: url(/camp/smcc_pp/img/text_reasonNumber_02_sp.svg) no-repeat;
}
.reason__item:nth-of-type(3)::before {
  background: url(/camp/smcc_pp/img/text_reasonNumber_03_sp.svg) no-repeat;
}
.reason__item:nth-of-type(4)::before {
  background: url(/camp/smcc_pp/img/text_reasonNumber_04_sp.svg) no-repeat;
}
@media screen and (min-width: 768px) {
  .reason__descriptionList {
    min-width: 200px;
  }
}
.reason__itemImage {
  width: 120px;
  margin: 0 auto;
}
.reason__description {
  margin-top: 16px;
  color: #0B0B0C;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
}
.reason__itemLead {
  margin-top: 16px;
  color: var(--MAIN-GRAY, #3C3E3D);
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.reason__oliveBox {
  position: relative;
  margin-top: 16px;
  padding: 32px 16px;
  background: #EDF4FE;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 768px) {
  .reason__oliveBox {
    max-width: 520px;
    margin: 0 auto;
    margin-top: 32px;
  }
}
.reason__oliveBox::before {
  content: "";
  position: absolute;
  display: block;
  width: 41px;
  height: 28px;
  left: 50%;
  top: -27px;
  transform: translateX(-50%);
  background: url(/camp/smcc_pp/img/icon_triangle.svg) no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .reason__oliveBox::before {
    left: inherit;
    right: 100px;
    transform: inherit;
  }
}
.reason__imageBox {
  position: relative;
}
.reason__imageBox::before {
  content: "";
  position: absolute;
  background: url(/camp/smcc_pp/img/bg_vpoint.png) no-repeat;
  background-size: contain;
  width: 93vw;
  height: 100%;
  left: 50%;
  bottom: -30%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .reason__imageBox::before {
    width: 100%;
    background: url(/camp/smcc_pp/img/bg_vpoint_pc.png) no-repeat;
    background-size: contain;
    bottom: -50px ;
    left: 20px;
    transform: none;
  }
}
.about {
  position: relative;
  background: #fff;
  padding: 56px 24px;
}
  .about__inner .headline__level2{
  font-size: 26px;
  letter-spacing: -1.3px;
}
.about__inner .headline__level2 .-fs-s-sp{
  font-size: 23px;
}
@media screen and (min-width: 768px) {
  .about__inner .headline__level2{
  font-size: 40px;
  letter-spacing: unset;
}
.about__inner .headline__level2 .-fs-s-sp{
  font-size: 34px;
}
}
@media screen and (min-width: 768px) {
  .about__inner {
    max-width: 800px;
    margin: 0 auto;
  }
}
.about__decorationText {
  position: absolute;
  left: 8px;
}
@media screen and (min-width: 768px) {
  .about__decorationText {
    left: 40px;
  }
}
.about__titleArea{
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #3C3E3D;

  img{
    width: 304px;
  }

}


@media screen and (min-width: 768px) {
  .about__inner {

    .about__titleArea {
      text-align: center;
      font-weight: 400;
      font-size: 22px;
      line-height: 150%;
      color: #3C3E3D;

      img{
        width: 384px;
      }
    
    }



  }
  .about__titleArea .headline__level2lead{
    font-size: 24px;
}
}
.about__imageBox {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .about__imageBox {
    margin-top: 40px;
  }
}
.about__anchor {
  max-width: 267px;
  width: 100%;
  margin: 0 auto;
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .about__anchor {
    max-width: 400px;
    margin: 0 auto;
    margin-top: 32px;
  }
}

.useFlow {
  position: relative;
  padding: 56px 0px;
  background: #EFF5F2;
}
@media screen and (min-width: 768px) {
  .useFlow__inner {
    max-width: 1120px;
    margin: 0 auto;
  }
}
.useFlow__decorationText {
  position: absolute;
  left: 8px;
}
@media screen and (min-width: 768px) {
  .useFlow__decorationText {
    left: 40px;
  }
}
.useFlow__titleArea {
  text-align: center;
  padding: 0 24px;
}
@media screen and (min-width: 768px) {
  .useFlow__titleArea {
    display: flex;
    align-items: end;
    padding-left: 320px;
    max-width: 1280px;
  }
}
@media screen and (min-width: 768px) {
  .useFlow__titleArea .headline__level2 {
    text-align: left;
  }
}
.useFlow__titleLead {
  color: var(--MAIN-BLACK, #0B0B0C);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
@media screen and (min-width: 768px) {
  .useFlow__titleLead {
    text-align: left;
  }
}
.useFlow__title {
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 48px */
  background: var(--GRADATION-GREEN, linear-gradient(90deg, #148145 0%, #148964 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 768px) {
  .useFlow__title {
    text-align: left;
  }
}
.useFlow__label {
  position: absolute;
  width: 70px;
  right: 12px;
  top: 0;
}
@media screen and (min-width: 768px) {
  .useFlow__label {
    position: relative;
    display: inline-block;
    width: 146px;
    margin-bottom: 5px;
    margin-left: 16px;
    right: auto;
    top: auto;
  }
}
.useFlow__contents {
  padding-top: 32px;
  padding-left: 24px;
}
@media screen and (min-width: 768px) {
  .useFlow__contents {
    position: relative;
    max-width: 1080px;
    margin: 0 auto;
    margin-top: 40px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
  }
}
.useFlow__list {
  overflow-x: auto;
  display: flex;
  gap: 50px;
}
@media screen and (min-width: 768px) {
  .useFlow__list {
    flex-direction: column;
    overflow: inherit;
    max-width: 776px;
    width: 100%;
  }
}
.useFlow__listItem {
  position: relative;
  padding: 24px;
  width: 300px;
  flex-shrink: 0; /* 横スクロール時に縮まないようにする */
  border-radius: 10px;
  background: #FFF;
  /* box-shadow */
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
  .useFlow__listItem {
    max-width: 776px;
    width: 100%;
  }
}
.useFlow__listItem.-black {
  border-radius: 10px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.3);
  /* box-shadow */
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
}
.useFlow__listItem::after {
  content: "";
  position: absolute;
  background: url(/camp/smcc_pp/img/icon_flowArrow.svg) no-repeat;
  background-size: contain;
  width: 26px;
  height: 37px;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .useFlow__listItem::after {
    left: 50%;
    top: inherit;
    bottom: -45px;
    transform: translateX(-50%) rotate(90deg);
  }
}
.useFlow__listItem:last-of-type {
  margin-right: 24px;
}
.useFlow__listItem:last-of-type::after {
  display: none;
}
.useFlow__titleWrap {
  display: flex;
  align-items: center;
  gap: 12px;
}
.useFlow__number {
  width: 41px;
}
@media screen and (min-width: 768px) {
  .useFlow__number {
    width: 50px;
  }
}
.useFlow__stepTitle {
  flex-grow: 1;
  color: var(--MAIN-BLACK, #0B0B0C);
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
}
@media screen and (min-width: 768px) {
  .useFlow__stepTitle {
    font-size: 24px;
  }
}
.useFlow__smartPhoneImageBox {
  width: 90px;
  margin: 0 auto;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .useFlow__smartPhoneImageBox {
    margin: 0;
    width: 140px;
  }
}
@media screen and (min-width: 768px) {
  .useFlow__descriptionTextWrap {
    width: 316px;
  }
}
@media screen and (min-width: 768px) {
  .useFlow__descriptionBox {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
  }
}
.useFlow__description {
  margin-top: 16px;
  color: var(--MAIN-GRAY, #3C3E3D);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
}
@media screen and (min-width: 768px) {
  .useFlow__description {
    text-align: left;
    font-size: 18px;
  }
}
.useFlow__itemTitle {
  color: var(--MAIN-GREEN, #148964);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 33px */
}
.useFlow__loanList {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .useFlow__loanList {
    flex-direction: row;
    justify-content: center;
  }
}
.useFlow__loanListItem {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 24px 16px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.06);
}
@media screen and (min-width: 768px) {
  .useFlow__loanListItem {
    max-width: 232px;
    flex-direction: column;
  }
}
.useFlow__loanText {
  color: var(--MAIN-GRAY, #3C3E3D);
  font-family: "Noto Sans JP";
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 14.3px */
}
@media screen and (min-width: 768px) {
  .useFlow__loanText {
    font-size: 14px;
  }
}
.useFlow__loanText.-lead {
  margin-top: 24px;
  color: var(--MAIN-GRAY, #3C3E3D);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
}
@media screen and (min-width: 768px) {
  .useFlow__loanText.-lead {
    font-size: 18px;
  }
}
.useFlow__loanImage {
  max-width: 126px;
}
@media screen and (min-width: 768px) {
  .useFlow__loanImage {
    margin-top: 8px;
  }
}
.useFlow__JoinLead {
  color: var(--MAIN-GRAY, #3C3E3D);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
}
@media screen and (min-width: 768px) {
  .useFlow__JoinLead {
    font-size: 18px;
  }
}
.useFlow__JoinTitleWrap {
  margin-top: 16px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .useFlow__JointextWrap {
    max-width: 480px;
    margin: 0 auto;
  }
}
.useFlow__JoinTitle {
  color: var(--MAIN-GRAY, #3C3E3D);
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
@media screen and (min-width: 768px) {
  .useFlow__JoinTitle {
    font-size: 26px;
  }
}
.useFlow__JoinTitle .-strong {
  position: relative;
  color: var(--MAIN-GREEN, #148964);
  font-family: "Noto Sans JP";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 54px */
  background: linear-gradient(transparent 70%, #F9FF31 70%);
}
@media screen and (min-width: 768px) {
  .useFlow__JoinTitle .-strong {
    font-size: 42px;
  }
}
.useFlow__sectionContents {
  display: none;
}
@media screen and (min-width: 768px) {
  .useFlow__sectionContents {
    display: block;
    left: 0px;
  }
}
@media screen and (min-width: 768px) {
  .useFlow__sectionContentsList {
    display: flex;
    flex-direction: column;
    gap: 36px;
  }
}
@media screen and (min-width: 768px) {
  .useFlow__sectionContentsListItem {
    display: flex;
    align-items: center;
    gap: 16px;
    opacity: 0.3;
    transition: 0.3s all ease;
  }
}
.useFlow__sectionContentsListItem.active {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .useFlow__sectionContentsListImage {
    max-width: 40px;
  }
}
@media screen and (min-width: 768px) {
  .useFlow__sectionContentsListText {
    color: var(--MAIN-BLACK, #0B0B0C);
    font-family: "Noto Sans JP";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 27px */
  }
}

.howtoUse {
  position: relative;
}
.howtoUse__inner {
  padding: 56px 24px;
}
@media screen and (min-width: 768px) {
  .howtoUse__inner {
    max-width: 800px;
    margin: 0 auto;
  }
}
.howtoUse__decorationText {
  position: absolute;
  left: 8px;
  top: 40px;
}
@media screen and (min-width: 768px) {
  .howtoUse__decorationText {
    left: 40px;
  }
}
.howtoUse__textWrap {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .howtoUse__textWrap {
    margin-top: 32px;
  }
}
.howtoUse__leadText {
  color: var(--MAIN-GRAY, #3C3E3D);
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.howtoUse__leadText .-strong {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .howtoUse__leadText {
    font-size: 18px;
  }
}
.howtoUse__column {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  overflow-y: clip;
  margin-top: 24px;
  padding-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .howtoUse__column {
    justify-content: center;
    gap: 64px;
  }
}
.howtoUse__columnItem {
  width: 207px;
  flex-shrink: 0;
}

.tab {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .tab {
    margin-top: 40px;
  }
}
.tab-switch {
  display: flex;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(2.5px);
          backdrop-filter: blur(2.5px);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  padding: 4px;
}
.tab-switch__button {
  width: 50%;
  padding: 16px 8px;
  text-align: center;
  cursor: pointer;
}
.tab-switch__button.-active {
  border-radius: 100px;
  background: var(--GRADATION-GREEN, linear-gradient(90deg, #148145 0%, #148964 100%));
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1) inset;
}
.tab-switch__button.-active .tab-switch__innerText {
  color: #ffffff;
}
.tab-switch__innerText {
  color: var(--MAIN-GREEN, #148964);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 20.8px */
}
@media screen and (min-width: 768px) {
  .tab-switch__innerText {
    font-size: 20px;
  }
}
.tab-container {
  padding: 16px 0px 0px;
  display: none;
}
@media screen and (min-width: 768px) {
  .tab-container {
    padding: 16px 0px 0px;
  }
}
.tab-container.-active {
  display: block;
}

.accordionList {
  margin-top: 32px;
}
.accordionList .accordion:nth-of-type(n+2) {
  margin-top: 16px;
}

.accordion {
  border-bottom: 1px solid var(--LINE, #DCDADA);
}
.accordion.accordion--simulation {
  border-radius: 10px;
  border: 1px solid var(--GRADATION-GREEN, #148145);
  background: #FFF;
}
.accordion.accordion--simulation .accordion__header {
  padding: 18px 16px;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .accordion.accordion--simulation .accordion__header {
    padding: 24px 48px;
  }
}
.accordion.accordion--simulation .accordion__header::after {
  background: url(/camp/smcc_pp/img/icon_accordion_plus.svg) no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  right: 16px;
}
@media screen and (min-width: 768px) {
  .accordion.accordion--simulation .accordion__header::after {
    width: 24px;
    height: 24px;
    right: 48px;
  }
}
.accordion.accordion--simulation .accordion__header.-open::after {
  background: url(/camp/smcc_pp/img/icon_accordion_minus.svg) no-repeat;
  background-size: contain;
}
.accordion.accordion--simulation .accordion__title {
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 22.5px */
  background: var(--GRADATION-GREEN, linear-gradient(90deg, #148145 0%, #148964 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 768px) {
  .accordion.accordion--simulation .accordion__title {
    font-size: 18px;
  }
}
.accordion.accordion--simulation .accordion__title .-small {
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .accordion.accordion--simulation .accordion__title .-small {
    font-size: 15px;
  }
}
.accordion.accordion--simulation .accordion__inner {
  padding: 0 16px;
  margin-top: 0;
}
.accordion__icon img {
  width: 48px;
  height: 48px;
}
@media screen and (min-width: 768px) {
  .accordion__icon img {
    width: 64px;
    height: 64px;
  }
}
.accordion__header {
  position: relative;
  padding: 24px 8px;
  padding-right: 55px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .accordion__header {
    padding-right: 57px;
  }
}
.accordion__header::after {
  position: absolute;
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  top: 50%;
  right: 8px;
  transform: translateY(-50%) rotate(0deg);
  background: url(/camp/smcc_pp/img/accordion_open.svg) no-repeat;
  background-size: contain;
  transition: transform 0.4s ease;
}
.accordion__header.-open::after {
  background: url(/camp/smcc_pp/img/accordion_close.svg) no-repeat;
  background-size: contain;
  transform: translateY(-50%) rotate(180deg);
}
.accordion__title {
  color: var(--MAIN-BLACK, #0B0B0C);
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
}
@media screen and (min-width: 768px) {
  .accordion__title {
    font-size: 20px;
  }
}
.accordion__inner {
  margin: 24px 0;
}
@media screen and (min-width: 768px) {
  .accordion__inner {
    margin-top: 32px;
  }
}
.accordion.-faq {
  border-radius: 10px;
  border: 1px solid var(--MAIN-WHITE, #FFF);
  background: rgba(255, 255, 255, 0.6);
  /* box-shadow */
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
}
.accordion.-faq .accordion__header {
  padding: 24px 58px 24px 16px;
  align-items: flex-start;
}
.accordion.-faq .accordion__header.-open {
  padding-bottom: 16px;
}
.accordion.-faq .accordion__icon {
  margin-top: 4px;
}
.accordion.-faq .accordion__icon img {
  width: 20px;
  height: 20px;
}
@media screen and (min-width: 768px) {
  .accordion.-faq .accordion__icon img {
    width: 20px;
    height: 20px;
  }
}
.accordion.-faq .accordion__title {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .accordion.-faq .accordion__title {
    font-size: 16px;
  }
}
.accordion.-faq .accordion__inner {
  margin: 0 16px 24px;
}
@media screen and (min-width: 768px) {
  .accordion.-faq .accordion__inner {
    margin: 0 52px 24px;
  }
}
.accordion.-faq .accordion__leadText {
  color: var(--MAIN-GRAY, #3C3E3D);
  font-family: "Noto Sans JP";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%; /* 22.75px */
}
@media screen and (min-width: 768px) {
  .accordion.-faq .accordion__leadText {
    font-size: 16px;
  }
}

.conversionBand {
  padding: 40px 24px;
  margin-top: 24px;
  background: url(/camp/smcc_pp/img/bg_profitPlan_sp.png), #148964;
  background-size: cover;
}
.conversionBand__titleWrap {
  text-align: center;
  margin-bottom: 16px;
}
.conversionBand__title {
  display: inline-block;
  position: relative;
  color: var(--MAIN-YELLOW, #F9FF31);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 33px */
  letter-spacing: 0.88px;
}
.conversionBand__title::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 19px;
  left: -20px;
  bottom: 0;
  background: #fff;
  transform: rotate(155deg);
}
.conversionBand__title::after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 19px;
  right: -20px;
  bottom: 0;
  background: #fff;
  transform: rotate(-155deg);
}

.usage {
  position: relative;
  background-color: #EFF5F2;
}
.usage__inner {
  padding: 56px 24px;
}
.usage__decorationText {
  position: absolute;
  left: 8px;
  top: 40px;
}
@media screen and (min-width: 768px) {
  .usage__decorationText {
    left: 40px;
  }
}
.usage__experience {
  position: relative;
  padding: 24px 24px 64px;
  border-radius: 10px;
  background: #FFF;
  flex: 1 1 auto;
}
.usage__experienceText {
  color: var(--MAIN-GRAY, #3C3E3D);
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%;
}
.usage__experienceText .-strong {
  color: var(--MAIN-WHITE, #FFF);
  background: linear-gradient(90deg, #148145 0%, #148964 100%);
  font-weight: 700;
}
.usage__experienceImage {
  position: absolute;
  width: 102px;
  bottom: -100px;
  left: 50%;
  transform: translateX(-50%);
}
.usage__slider {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .usage__slider {
    margin-bottom: 152px;
  }
}
.usage__headLv3Wrap {
  margin-top: 40px;
  text-align: center;
}
.usage__headLv3 {
  display: inline-block;
  color: #0B0B0C;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 36px */
}
@media screen and (min-width: 768px) {
  .usage__headLv3 {
    font-size: 26px;
  }
}
.usage__headLv3 .-strong {
  background: linear-gradient(transparent 70%, #F9FF31 70%);
}
.usage__headLv3 sub {
  bottom: 0.25em;
}
.usage__list {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 0 48px;
}
@media screen and (min-width: 768px) {
  .usage__list {
    flex-wrap: nowrap;
    gap: 0 32px;
  }
}
.usage__listItem {
  position: relative;
  width: calc((100% - 48px) / 2);
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .usage__listItem {
    margin-bottom: 0;
  }
  .usage__listItem:nth-of-type(n+2)::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    left: -24px;
    border-left: 1px solid #DCDADA;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .usage__listItem:nth-of-type(n+2)::before {
    left: -17px;
  }
}
.usage__listItem:nth-of-type(2n)::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  left: -24px;
  border-left: 1px solid #DCDADA;
}
.usage__listItem:nth-of-type(n+3) {
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .usage__listItem:nth-of-type(n+3) {
    margin-top: 0;
  }
}
.usage__listItem:nth-child(2n+3)::after {
  content: "";
  position: absolute;
  width: calc(200% + 48px);
  height: 1px;
  top: -16px;
  border-top: 1px solid #DCDADA;
}
@media screen and (min-width: 768px) {
  .usage__listItem:nth-child(2n+3)::after {
    display: none;
  }
}
.usage__listImage {
  width: 64px;
  margin: 0 auto;
}
.usage__listLead {
  color: var(--MAIN-GRAY, #3C3E3D);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
}

.simulation__inner {
  padding: 56px 16px;
}
@media screen and (min-width: 768px) {
  .simulation__inner {
    max-width: 800px;
    margin: 0 auto;
  }
}

.faq {
  position: relative;
  background: #FFF;
}
.faq__inner {
  padding: 56px 24px;
}
@media screen and (min-width: 768px) {
  .faq__inner {
    max-width: 800px;
    margin: 0 auto;
  }
}
.faq__decorationText {
  position: absolute;
  left: 8px;
  top: 40px;
}
@media screen and (min-width: 768px) {
  .faq__decorationText {
    left: 40px;
  }
}

.productDetails {
  padding: 56px 24px;
  background: #F2F2F2;
}
.productDetails__inner {
  max-width: 960px;
  margin: 0 auto;
}
.productDetails__image {
  width: 220px;
  margin: 0 auto;
  margin-top: 32px;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.10);
}
@media screen and (min-width: 768px) {
  .productDetails__image {
    width: 260px;
  }
}
.productDetails__description {
  color: var(--MAIN-GRAY, #3C3E3D);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
@media screen and (min-width: 768px) {
  .productDetails__description {
    font-size: 18px;
  }
}
.productDetails__telBlock {
  margin-top: 24px;
}
.productDetails__callcenterLead {
  color: var(--MAIN-GRAY, #3C3E3D);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 19.5px */
}
@media screen and (min-width: 768px) {
  .productDetails__callcenterLead {
    font-size: 15px;
  }
}
.productDetails__tel {
  color: var(--MAIN-BLACK, #0B0B0C);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 27px */
  letter-spacing: 0.9px;
}
@media screen and (min-width: 768px) {
  .productDetails__tel {
    font-size: 22px;
  }
}
.productDetails__serviceBlock {
  margin-top: 16px;
}
.productDetails__serviceList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .productDetails__serviceList {
    gap: 80px;
  }
}
.productDetails__serviceItem {
  position: relative;
  width: calc((100% - 8px) / 2);
}
@media screen and (min-width: 768px) {
  .productDetails__serviceItem {
    width: 160px;
  }
}
.productDetails__serviceItem:nth-of-type(2n)::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  border-left: 1px solid #DCDADA;
  left: -8px;
}
@media screen and (min-width: 768px) {
  .productDetails__serviceItem:nth-of-type(2n)::before {
    left: -40px;
  }
}
.productDetails__serviceTitle {
  color: var(--MAIN-GRAY, #3C3E3D);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 16.5px */
}
@media screen and (min-width: 768px) {
  .productDetails__serviceTitle {
    font-size: 13px;
  }
}

.detail {
  padding: 40px 24px;
}
.detail__inner {
  max-width: 960px;
  margin: 0 auto;

  .normalImp{
    text-align: left;
    font-size: 20px;
    line-height: 150%;
    font-weight: 700;
    color: #3C4241;
  }

  .lineGray{
    line-height: 150%;
    font-weight: 400;
    font-size: 16px;
    color: #3C4241;
    margin-top: 24px;

    p.fSize17{
      margin-top: 24px;
      font-weight: 700;
      margin-bottom: 8px;
    }
  }

  .txtLowImp{
    line-height: 150%;
    font-weight: 400;
    font-size: 14px;
    color: #3C4241;
    margin-top: 24px;
  }

}
.detail__inner p img{
  width: 24px;
}
.detail__title {
  color: var(--MAIN-BLACK, #0B0B0C);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
}
@media screen and (min-width: 768px) {
  .detail__inner {
  
    .normalImp{
      text-align: center;
      font-size: 22px;
    }
  
    .lineGray{
      font-size: 18px;
    }

    .txtLowImp{
      font-size: 15px;  
    }
  
  }

  .detail__title {
    font-size: 22px;
  }
}
.detail__lead {
  color: var(--MAIN-BLACK, #0B0B0C);
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
@media screen and (min-width: 768px) {
  .detail__lead {
    font-size: 18px;
  }
}
.detail__lead.-bold {
  font-weight: 700;
}
.detail__lead.-note {
  color: var(--MAIN-GRAY, #3C3E3D);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
@media screen and (min-width: 768px) {
  .detail__lead.-note {
    font-size: 15px;
  }
}

.term__tableArea {
  margin-top: 12px;
  overflow-x: scroll;
  padding-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .term__tableArea {
    padding: 0;
  }
}
.term-table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}
.term-table tr {
  border-bottom: 1px solid var(--LINE, #DCDADA);
}
.term-table__head {
  padding: 12px 8px;
  font-family: "Noto Sans JP";
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 16.5px */
  width: 120px;
  border-right: 1px solid #ffffff;
  background-color: #F0F0F0;
  color: var(--MAIN-GRAY, #3C3E3D);
  vertical-align: middle;
}
.term-table__head .-strong {
  font-weight: 700;
}
.term-table__data {
  padding: 12px 8px;
  border-right: 1px solid var(--LINE, #DCDADA);
}
.term-table__data:first-of-type {
  border-left: 1px solid var(--LINE, #DCDADA);
}
.term-table__dataText {
  color: var(--MAIN-BLACK, #0B0B0C);
  font-family: "Noto Sans JP";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 15px */
}
@media screen and (min-width: 768px) {
  .term-table__dataText {
    font-size: 12px;
  }
}
.term__headline {
  position: relative;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--LINE, #DCDADA);
  padding-left: 32px;
}
.term__headline::before {
  content: "";
  position: absolute;
  display: block;
  width: 24px;
  height: 19px;
  left: 0;
  top: calc(50% - 4px);
  transform: translateY(-50%);
  background: url(/camp/smcc_pp/img/icon_tearmHeadline.svg) no-repeat;
}
.term__headline4 {
  color: var(--MAIN-GRAY, #3C3E3D);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 19.5px */
}
.term__headlineText {
  color: var(--MAIN-GRAY, #3C3E3D);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
}
.term__title {
  font-family: "Noto Sans JP";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 33px */
  background: var(--GRADATION-GREEN, linear-gradient(90deg, #148145 0%, #148964 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 16px;
}
.term__titleLead {
  color: var(--MAIN-GRAY, #3C3E3D);
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%;
}
.term__titleLead .-strong {
  font-weight: 700;
}
.term__multiplicationBox {
  position: relative;
  padding: 24px 12px;
  border-radius: 5px;
  background: #F3F5EF;
}
.term__multiplication {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 23px;
}
.term__multiplication::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 15px;
  height: 15px;
  transform: translate(-50%, -50%);
  background: url(/camp/smcc_pp/img/icon_x.svg) no-repeat;
  background-size: contain;
}
.term__multiplicationText {
  color: var(--MAIN-BLACK, #0B0B0C);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 19.5px */
  text-align: center;
}
.term__multiplicationText .-small {
  font-size: 10px;
  font-weight: 400;
}
.term__multiplicationColm {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc((100% - 23px) / 2);
  justify-content: center;
}
.term__result {
  position: relative;
  margin-top: 26px;
}
.term__result::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -20px;
  width: 15px;
  height: 15px;
  transform: translateX(-50%);
  background: url(/camp/smcc_pp/img/icon_equal.svg) no-repeat;
  background-size: contain;
  background-position: center;
}
.term__resultLead {
  color: var(--MAIN-GRAY, #3C3E3D);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 14.3px */
}
.term__resultAmount {
  margin-top: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.term__resultAmountBefore {
  color: var(--MAIN-GRAY, #3C3E3D);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14.545px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 18.909px */
}
.term__resultAmountBefore .-small {
  font-size: 8px;
}
.term__resultAmountBefore .-strikethrough {
  text-decoration: line-through;
}
.term__resultAmountAffter {
  display: flex;
  align-items: baseline;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 24.156px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 31.403px */
  background: var(--GRADATION-GREEN, linear-gradient(90deg, #148145 0%, #148964 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.term__resultAmountAffter::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background: url(/camp/smcc_pp/img/iocn_arrowRight.svg) no-repeat;
  background-size: contain;
  background-position: center;
}
.term__resultAmountAffter .-small {
  font-size: 13px;
}
.term__resultText {
  color: var(--MAIN-GREEN, #148964);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
}
.term__linetextWrap {
  text-align: center;
}
.term__lineText {
  display: inline-block;
  color: var(--MAIN-GRAY, #3C3E3D);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
  background: linear-gradient(transparent 70%, #F9FF31 70%);
}
.term__conditions {
  margin-top: 16px;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
  color: #3C3E3D;
}
.term__conditions .-small {
  font-size: 18px;
}
.term__conditions .-strong {
  background: var(--GRADATION-GREEN, linear-gradient(90deg, #148145 0%, #148964 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.term__conditionsPatternWrap {
  margin-top: 4px;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.term__conditionsPattern {
  color: var(--NOTE-DARK, #676565);
  text-align: center;
  /* NOTE/SP */
  font-family: "Noto Sans JP";
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 16.5px */
}
@media screen and (min-width: 768px) {
  .term__conditionsPattern {
    font-size: 12px;
  }
}
.term__conditionsPattern .-strong {
  font-weight: 700;
}
.term__resulttextMain {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--MAIN-GRAY, #3C3E3D);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.term__resulttextMain.-xs {
  font-size: 10px;
}
.term__resulttextMain.-xs .-small {
  font-size: 8px;
}
.term__resultRatio {
  color: var(--MAIN-BLACK, #0B0B0C);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 26px */
}
.term__resultRatio .-small {
  font-size: 11px;
}
.term__bubble {
  position: absolute;
  padding: 8px 24px;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  border-radius: 500px;
  background: var(--MAIN-GREEN, #148964);
  width: 188px;
  bottom: -28px;
}
@media screen and (min-width: 768px) {
  .term__bubble {
    width: 227px;
  }
}
.term__bubble::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #148964 transparent;
  border-width: 0px 6px 10.39px 6px;
  left: 50%;
  top: -10px;
  transform: translateX(-50%);
}
.term__bubbleText {
  color: #FFF;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 12px */
}
.term__bubbleText .-large {
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .term__bubbleText .-large {
    font-size: 16px;
  }
}
.term__bubbleText .-strong {
  font-weight: 700;
}

.fixBanner {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  transition: all ease 0.4s;
  width: 100vw;
  cursor: pointer;
  bottom: 16px;
  z-index: 100;
}
.fixBanner.-fixed {
  position: fixed;
  visibility: visible;
  opacity: 1;
  transition: all ease 0.4s;
}
.fixBanner .conversionButton__link {
  border-radius: 100px 0 0 100px;
  padding: 16px 16px 16px 64px;
}
@media screen and (min-width: 768px) {
  .fixBanner .conversionButton__link {
    padding: 20px 32px 20px 40px;
    border-radius: 100px;
  }
}
.fixBanner .conversionButton__txtWrap::before {
  display: none;
}
@media screen and (min-width: 768px) {
  .fixBanner .conversionButton__txtWrap::before {
    display: block;
  }
}
.fixBanner .conversionButton__link:hover {
  opacity: 0.8;
}
.fixBanner .conversionButton {
  position: absolute;
  width: 48%;
  max-width: 300px;
  right: 0;
  bottom: 0px;
}
@media screen and (min-width: 768px) {
  .fixBanner .conversionButton {
    width: 360px;
    right: inherit;
    left: 50%;
    transform: translateX(-50%);
  }
}
.fixBanner .conversionButton__icon {
  width: 64px;
  left: -6px;
}
@media screen and (min-width: 768px) {
  .fixBanner .conversionButton__icon {
    width: 100px;
    left: -21px;
  }
}
.fixBanner .conversionButton__text {
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .fixBanner .conversionButton__text {
    font-size: 18px;
  }
}
.fixBanner .cpbanner {
  position: relative;
  cursor: pointer;
  transition: 0.5s ease all;
}
.fixBanner .cpbanner:hover {
  opacity: 0.8;
}
.fixBanner.-remove .cpbanner {
  display: none;
}
.fixBanner .cpbanner__inner {
  position: absolute;
  left: 16px;
  bottom: 0;
  width: 120px;
}
@media screen and (min-width: 768px) {
  .fixBanner .cpbanner__inner {
    width: 200px;
  }
}
.fixBanner .cpbanner__close {
  position: absolute;
  top: -140px;
  left: 120px;
  width: 32px;
  height: 32px;
  background: url(/camp/smcc_pp/img/icon_close.svg) no-repeat;
  background-size: contain;
  z-index: 1;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .fixBanner .cpbanner__close {
    top: -220px;
    left: 200px;
  }
}

.page-simulation {
  margin-top: 6px;
}
@media screen and (min-width: 768px) {
  .page-simulation {
    width: 560px;
    margin: 0 auto;
  }
}
.page-simulation__table {
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .page-simulation__table {
    margin-top: 32px;
  }
}
.page-simulation__subText {
  color: var(--MAIN-GRAY, #3C3E3D);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%; /* 24.5px */
}
.page-simulation__text {
  color: var(--MAIN-GRAY, #3C3E3D);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%; /* 24.5px */
}
@media screen and (min-width: 768px) {
  .page-simulation__text {
    font-size: 16px;
    text-align: center;
  }
}
.page-simulation__text .-decoration {
  color: var(--MAIN-GREEN, #148964);
  font-weight: 700;
}
.page-simulation__row {
  margin-top: 16px;
}
.page-simulation__formBlock {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .page-simulation__formBlock {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.page-simulation__formBlock.-row {
  padding: 12px 0;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #E3E3E3;
}
.page-simulation__formBlock.-row .form__inputBox {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .page-simulation__formBlock.-row .form__inputBox {
    flex: none;
  }
}
@media screen and (min-width: 768px) {
  .page-simulation__formBlock.-row .result__value .-decoration {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) {
  .page-simulation__supplementBlock {
    padding-left: 170px;
    width: 95%;
  }
}

.form {
  display: none;
  animation: fadeInRight 0.5s;
}
.form.is-show {
  display: block;
}
.form-error {
  color: #FF2D2D;
  font-family: "Noto Sans JP";
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%; /* 22.75px */
}
@media screen and (min-width: 768px) {
  .form-error {
    font-size: 12px;
  }
}
.form-error.-large {
  font-size: 13px;
  font-weight: 700;
}
.form-control {
  max-width: 87%;
  width: 100%;
}
.form-control__input select, .form-control__input input, .form-control__select select, .form-control__select input {
  border-radius: 5px;
  border: 1px solid var(--FORM-LINE, #D0D6D3);
  background: #FFF;
  flex: 1 1 auto;
  padding: 8px 14px;
  width: 100%;
  max-width: 100%;
  color: var(--MAIN-GRAY, #3C3E3D);
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 175%; /* 28px */
}
.form-control__input select.is-error, .form-control__input input.is-error, .form-control__select select.is-error, .form-control__select input.is-error {
  border-radius: 5px;
  border: 1px solid var(--FORM-LINE_ERROR, #FFB8B8);
  background: var(--FORM-BG_ERROR, #FFF4F4);
}
.form-control__select {
  position: relative;
}
.form-control__select::after {
  content: "";
  display: block;
  position: absolute;
  background: url(/camp/smcc_pp/img/icon_selectBox.svg) no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}
.form__desc {
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .form__desc {
    margin-top: 32px;
    text-align: center;
  }
}
.form__inputBox {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .form__inputBox {
    margin-top: 0;
    flex: 1 1 auto;
  }
}
.form__title {
  color: var(--MAIN-GRAY, #3C3E3D);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 175%; /* 24.5px */
}
@media screen and (min-width: 768px) {
  .form__title {
    width: 170px;
    font-size: 16px;
  }
}
.form__action {
  margin-top: 16px;
  padding: 0 35px;
}
@media screen and (min-width: 768px) {
  .form__action {
    margin-top: 32px;
  }
}

.result {
  animation: fadeInRight 0.5s;
}
.result.is-show {
  display: block;
}
.result__headWrap {
  margin-top: 6px;
  text-align: center;
}
.result__value {
  color: var(--MAIN-GRAY, #3C3E3D);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%; /* 28px */
}
@media screen and (min-width: 768px) {
  .result__value {
    font-size: 16px;
  }
}
.result__value .-decoration {
  margin-right: 2px;
  font-family: Outfit;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 18px */
  background: var(--GRADATION-GREEN, linear-gradient(90deg, #148145 0%, #148964 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.result__textWrap {
  margin-top: 16px;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .result__textWrap {
    margin-top: 32px;
  }
}
.result__text {
  color: var(--MAIN-GRAY, #3C3E3D);
  font-family: "Noto Sans JP";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%;
}
@media screen and (min-width: 768px) {
  .result__text {
    font-size: 16px;
  }
}
.result__text .-decoration {
  color: var(--MAIN-GREEN, #148964);
  font-weight: 700;
}
.result__backButtonWrap {
  border-radius: 100px;
  background: #EEE;
  padding: 12px 24px;
  cursor: pointer;
  margin: 0 68px;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .result__backButtonWrap {
    padding: 16px 24px;
    margin-top: 32px;
  }
}
.result__backButtonText {
  color: var(--MAIN-GRAY, #3C3E3D);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 22.5px */
  letter-spacing: 0.3px;
}
@media screen and (min-width: 768px) {
  .result__backButtonText {
    font-size: 18px;
  }
}

.cp__banner {
  width: 100%;
}
.cp__main {
  margin-top: 40px;
}
.cp__headline2 {
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 60px */
  background: var(--GRADATION-GREEN, linear-gradient(90deg, #148145 0%, #148964 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 768px) {
  .cp__headline2 {
    font-size: 40px;
  }
}
.cp__headline3 {
  color: var(--MAIN-BLACK, #0B0B0C);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .cp__headline3 {
    font-size: 24px;
  }
}
.cp__headline3::after {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: var(--GRADATION-GREEN, #148145);
}
.cp__text {
  color: var(--MAIN-GRAY, #3C3E3D);
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
}
.cp__text + .cp__text {
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .cp__text {
    font-size: 16px;
  }
}
.cp__block {
  margin-top: 24px;
}
.cp__section {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .cp__section {
    margin-top: 40px;
  }
}
.cp__wrap {
  padding: 32px 16px;
}
@media screen and (min-width: 768px) {
  .cp__wrap {
    padding: 48px 40px;
  }
}
.cp__wrap.-bgBlue {
  background: #EFF5F2;
}
.cp__wrap.-bgGray {
  background: #F2F2F2;
}

.periodList {
  color: var(--MAIN-GRAY, #3C3E3D);
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
}
.periodList__item{
  display: flex;
  align-items: flex-start;
  max-width: 491px;
  gap: 8px;
}
.periodList__item.-col {
  gap: 4px;
  flex-direction: column;
  
}
@media screen and (min-width: 768px) {
  .periodList__item.-col {
    flex-direction: row;
    gap: 8px;
  }
}
.periodList__item:nth-of-type(n+2) {
  margin-top: 4px;
}
.periodList__title {
  min-width: 76px;
  padding-left: 0.7em;
  text-indent: -0.7em;
}
@media screen and (min-width: 768px) {
  .periodList__title {
    padding-left: 0.8em;
    text-indent: -0.8em;
  }
}
.periodList__title::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  background: #3C3E3D;
  border-radius: 100%;
  margin-right: 0.5em;
  margin-bottom: 4px;
}
.periodList__detail {
  text-align: end;
}
.-col .periodList__detail{
  padding-left: 0.7em;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .-col .periodList__detail{
  padding-left: 0;
  text-align: end;
}
}
/*# sourceMappingURL=style.css.map */
.modal_anchor{
  font-family: "Noto Sans JP";
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0;
  text-decoration: underline;
  color: #676565;
  position: relative;
  display: inline-block;
  margin-top: 4px;
  padding-left: 1em;
  text-indent: -1em;
}
.modal_anchor span{
  position: relative;
}
.modal_anchor span::after{
  position: absolute;
  content: '';
  width: 11px;
  height: 7px;
  clip-path: polygon(0% 0%,100% 0%,50% 100%);
  background-color: #676565;
  top: 50%;
  transform: translateY(-50%);
  right: -14px;
  margin-top: 1px;
}
.modal_note_link{
  font-family: "Noto Sans JP";
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0;
  text-decoration: underline;
  color: #676565;
  position: relative;
  display: inline-block;
  margin-top: 4px;
  padding-left: 1em;
  text-indent: -1em;
}
.modal_note_link span{
  position: relative;
}
.modal_note_link span::after{
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  background: url(/camp/smcc_pp/img/icon_blank-gray.svg) no-repeat;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
}

.revision {
  position: relative;
  background: #EFF5F2;
  padding: 56px 24px;
}
.revison_text{
  color: #3C3E3D;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%; 
}
.revision__textArea{
  margin-top: 32px;
  margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .revision__inner {
    max-width: 800px;
    margin: 0 auto;
  }
  .revision__textArea{
    margin-top: 40px;
    margin-bottom: 32px;
  }
}
.text-center{
  text-align: center!important;
}
.-nowrap{
  white-space: nowrap;
}