#mainContents .container > .contentsWrapper {
  max-width: none;
}

#main_contents {
  max-width: none;
}
#main_contents * {
  font-family: "Noto Sans JP", sans-serif;
  color: #231F20;
}

@media screen and (max-width: 1050px) and (min-width: 751px) {
  #mainContents.haveSide .container > .contentsWrapper {
    max-width: none;
    padding: 0;
  }
}
:root {
  --size-01: 0vw;
}

@media screen and (min-width: 768px) and (max-width: 1180px) {
  :root {
    --size-01: 12.5vw;
  }
}
@media screen and (min-width: 768px) {
  #main_contents {
    background-color: #f6f6f6;
  }
  #main_contents .inner {
    margin-inline: auto;
    padding-bottom: 18.5185185185vw;
    width: calc(80.292vw + var(--size-01));
  }
  #main_contents .btn {
    position: relative;
    cursor: pointer;
    display: grid;
    place-content: center;
    width: var(--btn-width);
    height: var(--btn-height);
  }
  #main_contents .btn:before {
    content: "";
    position: absolute;
    top: var(--bg-position);
    left: var(--bg-position-l);
    width: 100%;
    height: calc(100% - var(--border-width) * 2);
    border: var(--border-width) solid #000;
    border-radius: var(--btn-radius);
    background-color: #62BB46;
  }
  #main_contents .btn:hover {
    top: 0.5291005291vw;
  }
  #main_contents .btn:hover::before {
    top: 0;
  }
  #main_contents .btn.js-open {
    top: 0.5291005291vw;
  }
  #main_contents .btn.js-open::before {
    top: 0;
  }
  #main_contents .btn .btn__link {
    display: grid;
    place-content: center;
    position: relative;
    width: var(--btn-width);
    height: var(--btn-height);
    border: var(--border-width) solid #000;
    border-radius: var(--btn-radius);
    background-color: #FFDF00;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: var(--btn-fontsize);
    letter-spacing: 0.16em;
    cursor: pointer;
  }
  #main_contents .btn--square {
    --border-width: 0.18vw;
    --btn-width: 20.04vw;
    --btn-height: 3.99vw;
    --btn-radius: 1vw;
    --btn-fontsize: 1.19vw;
    --bg-position: 0.7vw;
    --bg-position-l: -0.15vw;
  }
  #main_contents .btn--square .btn__link::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.5873015873vw;
    translate: 0 -50%;
    width: 0.7936507937vw;
    height: 0.1322751323vw;
    background-color: #000;
  }
  #main_contents .btn--square .btn__link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.5873015873vw;
    translate: 0 -50%;
    rotate: 90deg;
    width: 0.7936507937vw;
    height: 0.1322751323vw;
    background-color: #000;
    transition: rotate 0.3s;
  }
  #main_contents .btn--square.js-open .btn__link::after {
    rotate: 0deg;
  }
  #main_contents .btn--round {
    --border-width: 0.175vw;
    --btn-width: 20.04vw;
    --btn-height: 3.99vw;
    --btn-radius: 3.99vw;
    --btn-fontsize: 1.19vw;
    --bg-position: 0.7vw;
    --bg-position-l: -0.15vw;
  }
  #main_contents .btn--round a.btn__link {
    padding: 0;
    color: #231F20;
  }
  #main_contents .btn--round a.btn__link:hover {
    box-shadow: none;
  }
  #main_contents .btn--round a.btn__link::before {
    content: "";
    position: absolute;
    top: 47.5%;
    right: 1.7195767196vw;
    translate: 0 -50%;
    rotate: 135deg;
    width: 0.4vw;
    height: 0.4vw;
    border-top: 0.1322751323vw solid #000;
    border-right: 0.1322751323vw solid #000;
  }
}
@media screen and (max-width: 767px) {
  #main_contents {
    background-color: #F8F8F8;
    overflow: hidden;
  }
  #main_contents .inner {
    margin-inline: auto;
    padding-bottom: 38.9743589744vw;
    width: 94.358974359vw;
  }
  #main_contents .btn {
    position: relative;
    cursor: pointer;
    display: grid;
    place-content: center;
    margin-inline: auto;
    width: var(--btn-width);
    height: var(--btn-height);
  }
  #main_contents .btn:before {
    content: "";
    position: absolute;
    top: var(--bg-position);
    left: var(--bg-position-l);
    width: 100%;
    height: calc(100% - var(--border-width) * 2);
    border: var(--border-width) solid #000;
    border-radius: var(--btn-radius);
    background-color: #62BB46;
  }
  #main_contents .btn.js-open {
    top: 1.6487179487vw;
  }
  #main_contents .btn.js-open::before {
    top: 0;
  }
  #main_contents .btn .btn__link {
    display: grid;
    place-content: center;
    position: relative;
    width: var(--btn-width);
    height: var(--btn-height);
    border: var(--border-width) solid #000;
    border-radius: var(--btn-radius);
    background-color: #FFDF00;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: var(--btn-fontsize);
    letter-spacing: 0.26em;
    cursor: pointer;
  }
  #main_contents .btn--square {
    --border-width: 0.6vw;
    --btn-width: 64.61vw;
    --btn-height: 13.73vw;
    --btn-radius: 3.84vw;
    --btn-fontsize: 3.84vw;
    --bg-position: 2.4vw;
    --bg-position-l: -0.4vw;
  }
  #main_contents .btn--square .btn__link::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 4.6153846154vw;
    translate: 0 -50%;
    width: 2.5641025641vw;
    height: 0.4358974359vw;
    background-color: #000;
  }
  #main_contents .btn--square .btn__link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 4.6153846154vw;
    translate: 0 -50%;
    rotate: 90deg;
    width: 2.5641025641vw;
    height: 0.4358974359vw;
    background-color: #000;
    transition: rotate 0.3s;
  }
  #main_contents .btn--square.js-open .btn__link::after {
    rotate: 0deg;
  }
  #main_contents .btn--round {
    --border-width: 0.6vw;
    --btn-width: 64.61vw;
    --btn-height: 13.73vw;
    --btn-radius: 13.73vw;
    --btn-fontsize: 3.84vw;
    --bg-position: 2.4vw;
    --bg-position-l: -0.4vw;
  }
  #main_contents .btn--round a.btn__link {
    padding: 0;
    color: #231F20;
  }
  #main_contents .btn--round a.btn__link:hover {
    box-shadow: none;
  }
  #main_contents .btn--round a.btn__link::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 6.1538461538vw;
    translate: 0 -50%;
    rotate: 135deg;
    width: 1.5384615385vw;
    height: 1.5384615385vw;
    border-top: 0.4871794872vw solid #000;
    border-right: 0.4871794872vw solid #000;
  }
}
@media screen and (min-width: 768px) {
  #main_contents {
    background-image: url("../../img/signup/bg_intro.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #F4F8E4;
  }
  #main_contents .intro {
    padding-top: 2.1825396825vw;
    padding-bottom: 3.9682539683vw;
  }
  #main_contents .intro__ttl {
    position: relative;
    margin-inline: auto;
    padding-top: 3.5vw;
    width: 37.6984126984vw;
  }
  #main_contents .intro__ttl img {
    width: 100%;
  }
  #main_contents .intro__subttl {
    margin-top: 11.5132275132vw;
    margin-inline: auto;
    padding-top: 0.9259259259vw;
    padding-bottom: 1.1727513228vw;
    padding-left: 0.7936507937vw;
    width: 26.0582010582vw;
    border-radius: 6.6137566138vw;
    background-color: #FFDF00;
    font-weight: 700;
    font-size: 1.7195767196vw;
    letter-spacing: 0.26em;
    text-align: center;
  }
  #main_contents .intro__lead {
    margin-top: 2.6455026455vw;
    text-align: center;
    font-size: 1.3888888889vw;
    font-weight: 600;
    line-height: 1.9;
    letter-spacing: 0.36em;
  }
  #main_contents .intro__note {
    margin-top: 0.8vw;
    text-align: center;
    font-size: 0.7275132275vw;
    font-weight: 500;
    letter-spacing: 0.21em;
  }
  #main_contents .content {
    position: relative;
    margin-top: 3.4391534392vw;
    padding: 3.6375661376vw 5.9523809524vw;
    border-radius: 3.9682539683vw;
    background-color: #fff;
  }
  #main_contents .content__ttl {
    text-align: center;
  }
  #main_contents .content__ttlline {
    display: inline;
    background: linear-gradient(transparent 60%, #FFDF00 0);
    font-size: 1.8518518519vw;
    font-weight: 600;
    line-height: 1.53;
    letter-spacing: 0.18em;
  }
  #main_contents .content__subttl {
    margin-top: 3.7698412698vw;
    padding: 0.5vw 2vw 0.6vw;
    border-radius: 0.462962963vw;
    background-color: #000;
    font-size: 1.1243386243vw;
    font-weight: 600;
    letter-spacing: 0.13em;
    color: #fff;
  }
  #main_contents .content__subttl-small {
    display: inline-block;
    margin-left: 0.5291005291vw;
    font-size: 0.7275132275vw;
    font-weight: 500;
    letter-spacing: 0.13em;
    color: #fff;
  }
  #main_contents .content__lead {
    margin-top: 2.6455026455vw;
    text-align: center;
    font-size: 1.1904761905vw;
    font-weight: 600;
    line-height: 2.16;
    letter-spacing: 0.31em;
  }
  #main_contents .content__note {
    margin-top: 0.7936507937vw;
    margin-inline: auto;
    width: 39.6825396825vw;
  }
  #main_contents .content__note-item {
    font-size: 0.7275132275vw;
    font-weight: 500;
    line-height: 1.54;
    letter-spacing: 0.21em;
  }
  #main_contents .content__note-item:not(:first-of-type) {
    margin-top: 0.1984126984vw;
  }
  #main_contents .content__howto {
    margin-top: 3.5714285714vw;
    text-align: center;
    font-size: 1.6534391534vw;
    font-weight: 700;
    letter-spacing: 0.21em;
  }
  #main_contents .signup-movie::before {
    content: "";
    position: absolute;
    top: calc(5.0264550265vw * -1);
    right: calc(8.5317460317vw * -1);
    width: 31.0185185185vw;
    height: 16.5343915344vw;
    background-image: url("../../img/signup/img_movie_pc.png");
    background-size: contain;
    background-repeat: no-repeat;
  }
  #main_contents .signup-movie__box {
    margin-top: 2.7777777778vw;
    margin-inline: auto;
    width: 52.5793650794vw;
    height: 29.3650793651vw;
    border: 0.2645502646vw solid #EEEEEE;
    aspect-ratio: 795.71/444;
  }
  #main_contents .signup-movie__box iframe {
    width: 100%;
    height: 100%;
  }
  #main_contents .accordion {
    padding-top: 3.9682539683vw;
    padding-bottom: 0.5291005291vw;
  }
  #main_contents .accordion__btnbox {
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-column-gap: 1.3888888889vw;
         column-gap: 1.3888888889vw;
  }
  #main_contents .accordion__contents {
    display: none;
  }
  #main_contents .accordion__contents-btnbox {
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-column-gap: 0.9920634921vw;
         column-gap: 0.9920634921vw;
    padding-block: 1.6534391534vw;
  }
  #main_contents .accordion__contents-btnbox .btn--round {
    --border-width: 0.175vw;
    --btn-width: 15vw;
    --btn-height: 3.37vw;
    --btn-radius: 3.99vw;
    --btn-fontsize: 1vw;
    --bg-position: 0.6vw;
    --bg-position-l: -0.185vw;
  }
  #main_contents .units {
    margin-top: 1.455026455vw;
    display: grid;
    grid-template-columns: var(--units-column);
    -moz-column-gap: var(--units-gap);
         column-gap: var(--units-gap);
  }
  #main_contents .units--iphone .unit {
    padding-bottom: 2vw;
  }
  #main_contents .unit {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
    position: relative;
    padding: 2.5132275132vw 1.9841269841vw 2.7vw;
    width: 100%;
    border-radius: 2.7447089947vw;
    background-color: #f6f6f6;
    box-sizing: border-box;
  }
  #main_contents .unit:not(:first-of-type)::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: var(--arrow-position);
    translate: -50% -50%;
    width: 2.3148148148vw;
    height: 2.0502645503vw;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyMyAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTIwLjg3MzQgMTMuMDI0M0MyMS4yNjg1IDEzLjI4MTkgMjEuMjY4NSAxMy44NjA3IDIwLjg3MzQgMTQuMTE4M0wzLjAwODYxIDI1Ljc2MzRDMi41NzQzIDI2LjA0NjUgMS45OTkxNiAyNS43MzQ4IDEuOTk5MTYgMjUuMjE2NEwxLjk5OTE2IDEuOTI2MThDMS45OTkxNiAxLjQwNzc2IDIuNTc0MyAxLjA5NjEyIDMuMDA4NjEgMS4zNzkyMkwyMC44NzM0IDEzLjAyNDNMMjEuNTU1NSAxMS45Nzc5TDIwLjg3MzQgMTMuMDI0M1oiIGZpbGw9IiMyMzFGMjAiIHN0cm9rZT0iIzIzMUYyMCIgc3Ryb2tlLXdpZHRoPSIyLjQ5ODMxIi8+IDwvc3ZnPg==");
    background-size: contain;
    background-repeat: no-repeat;
  }
  #main_contents .unit__step {
    display: grid;
    place-content: center;
    margin-inline: auto;
    padding-top: 0.18vw;
    padding-left: 0.2vw;
    width: 9.5238095238vw;
    height: 2.3148148148vw;
    border-radius: 2.3148148148vw;
    background-color: #62BB46;
    font-family: "Montserrat", "Noto Sans JP", sans-serif;
    text-align: center;
    font-size: 1.0582010582vw;
    font-weight: 800;
    letter-spacing: 0.2em;
    color: #fff;
  }
  #main_contents .unit__text {
    align-self: center;
    margin-top: 0.8597883598vw;
    text-align: center;
    font-size: 0.9920634921vw;
    font-weight: 600;
    line-height: 1.73;
    letter-spacing: 0.13em;
  }
  #main_contents .unit__imgbox {
    margin-top: 1.455026455vw;
    margin-inline: auto;
    width: var(--unit-img-width);
  }
  #main_contents .unit__note {
    margin-top: 0.7vw;
    text-align: center;
    font-size: 0.7275132275vw;
    font-weight: 500;
    letter-spacing: 0.07em;
  }
  #main_contents .unit__imgtext {
    margin-bottom: 0.7936507937vw;
    padding-block: 0.3306878307vw;
    width: 22.6851851852vw;
    background-color: #fff;
    text-align: center;
    font-size: 0.9920634921vw;
    font-weight: 500;
    letter-spacing: 0.26em;
  }
  #main_contents .unit__imgnote {
    margin-top: 1.1904761905vw;
    font-size: 0.7275132275vw;
    font-weight: 500;
    line-height: 1.73;
    letter-spacing: 0.05em;
  }
  #main_contents .machines {
    display: flex;
    justify-content: center;
    -moz-column-gap: 3.5052910053vw;
         column-gap: 3.5052910053vw;
    margin-top: 3.5714285714vw;
    margin-inline: auto;
    width: 49.8677248677vw;
  }
  #main_contents .machine__text {
    margin-top: 1.455026455vw;
    text-align: center;
    font-size: 1.0582010582vw;
    font-weight: 600;
    letter-spacing: 0.31em;
  }
  #main_contents .machine__note {
    margin-top: 0.7275132275vw;
    font-size: 0.7275132275vw;
    font-weight: 500;
    letter-spacing: 0.07em;
  }
  #main_contents .content.suica {
    --units-column: repeat(3, 1fr);
    --units-gap: 2.71vw;
    --unit-img-width: 9.79vw;
    --arrow-position: -0.9vw;
  }
  #main_contents .content.suica::before {
    content: "";
    position: absolute;
    top: calc(4.2328042328vw * -1);
    left: 0vw;
    width: 20.171957672vw;
    height: 15.2116402116vw;
    background-image: url(../../img/signup/img_suica_01_pc.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
  }
  #main_contents .content.suica::after {
    content: "";
    position: absolute;
    bottom: calc(2.380952381vw * -1);
    right: calc(5.5555555556vw * -1);
    width: 17.1957671958vw;
    height: 15.2116402116vw;
    background-image: url(../../img/signup/img_suica_04_pc.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
  }
  #main_contents .content.suica #content-iphone {
    position: relative;
  }
  #main_contents .content.suica #content-iphone::before {
    content: "";
    position: absolute;
    top: calc(16.335978836vw * -1);
    right: calc(10.2513227513vw * -1);
    width: 18.1878306878vw;
    height: 17.1957671958vw;
    background-image: url(../../img/signup/img_suica_02_pc.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
  }
  #main_contents .content.suica #content-android {
    position: relative;
  }
  #main_contents .content.suica #content-android::before {
    content: "";
    position: absolute;
    top: calc(15.2116402116vw * -1);
    left: calc(12.6322751323vw * -1);
    width: 17.1957671958vw;
    height: 15.2116402116vw;
    background-image: url(../../img/signup/img_suica_03_pc.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
  }
  #main_contents .content.ic {
    --units-column: repeat(2, 1fr);
    --units-gap: 3.83vw;
    --unit-img-width: 22.685vw;
    --arrow-position: -1.5vw;
    position: relative;
  }
  #main_contents .content.ic::before {
    content: "";
    position: absolute;
    top: 14.417989418vw;
    left: calc(3.835978836vw * -1);
    width: 17.1957671958vw;
    height: 15.2116402116vw;
    background-image: url("../../img/signup/img_ic_01_pc.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
  }
  #main_contents .content.ic::after {
    content: "";
    position: absolute;
    bottom: calc(17.1957671958vw * -1);
    right: calc(6.8121693122vw * -1);
    width: 50.2645502646vw;
    height: 20.5026455026vw;
    background-image: url("../../img/signup/img_ic_03_pc.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
  }
  #main_contents .content.ic .content__subttl {
    position: relative;
  }
  #main_contents .content.ic .content__subttl::after {
    content: "";
    position: absolute;
    top: calc(17.328042328vw * -1);
    right: calc(9.9206349206vw * -1);
    width: 17.1957671958vw;
    height: 15.2116402116vw;
    background-image: url("../../img/signup/img_ic_02_pc.png");
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  #main_contents .content.ic {
    --unit-img-width: 30vw;
  }
  #main_contents .unit__imgtext {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .sp_btn, .pageTop, #side .sidebar {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 0.5s;
  }
  .sp_btn.js-appear, .pageTop.js-appear, #side .sidebar.js-appear {
    opacity: 1;
    visibility: visible;
  }
  #main_contents {
    background-image: url("../../img/signup/bg_intro_sp.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #F4F8E4;
  }
  #main_contents .intro {
    padding-top: 4.1025641026vw;
  }
  #main_contents .intro__ttl {
    position: relative;
    left: 3.5vw;
    margin-top: -2.0512820513vw;
    padding-top: 9vw;
    width: 94%;
    text-align: center;
    font-size: 6.1538461538vw;
    font-weight: 700;
    letter-spacing: 0.22em;
  }
  #main_contents .intro__subttl {
    position: relative;
    margin-top: 67.9487179487vw;
    margin-inline: auto;
    padding-top: 3.0769230769vw;
    padding-bottom: 3.5vw;
    padding-left: 1.2820512821vw;
    width: 75vw;
    border-radius: 25.641025641vw;
    background-color: #FFDF00;
    font-weight: 700;
    font-size: 5.641025641vw;
    letter-spacing: 0.19em;
    text-align: center;
  }
  #main_contents .intro__subttl::before {
    content: "";
    position: absolute;
    top: calc(46.9230769231vw * -1);
    left: calc(9.4871794872vw * -1);
    width: 97.4358974359vw;
    height: 45.8974358974vw;
    background-image: url("../../img/signup/img_intro_sp.png");
    background-size: contain;
    background-repeat: no-repeat;
  }
  #main_contents .intro__lead {
    margin-top: 7.1794871795vw;
    margin-left: 2.5641025641vw;
    text-align: center;
    font-size: 4.358974359vw;
    font-weight: 700;
    line-height: 2;
    letter-spacing: 0.26em;
  }
  #main_contents .intro__note {
    margin-top: 3.0769230769vw;
    margin-inline: auto;
    width: 84.6153846154vw;
    font-size: 2.8205128205vw;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.12em;
  }
  #main_contents .content {
    margin-top: 10vw;
    padding: 7.4358974359vw 5.3846153846vw 9.7435897436vw;
    border-radius: 7.6923076923vw;
    background-color: #fff;
  }
  #main_contents .content__ttl {
    text-align: center;
  }
  #main_contents .content__ttlline {
    display: inline;
    background: linear-gradient(transparent 60%, #FFDF00 0);
    font-size: 5.3846153846vw;
    font-weight: 700;
    line-height: 1.81;
    letter-spacing: 0.18em;
  }
  #main_contents .content__subttl {
    margin-top: 11.7948717949vw;
    padding: 2vw 7.7vw 1.7vw;
    border-radius: 1.7948717949vw;
    background-color: #000;
    font-size: 3.8461538462vw;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: #fff;
  }
  #main_contents .content__subttl-small {
    display: block;
    margin-top: -0.7692307692vw;
    font-size: 2.8205128205vw;
    font-weight: 500;
    line-height: 2.18;
    letter-spacing: 0.13em;
    text-align: center;
    color: #fff;
  }
  #main_contents .content__lead {
    margin-top: 6.9230769231vw;
    font-size: 4.1025641026vw;
    font-weight: 700;
    line-height: 2.25;
    letter-spacing: 0.3em;
  }
  #main_contents .content__note {
    margin-top: 4.358974359vw;
    margin-inline: auto;
  }
  #main_contents .content__note-item {
    font-size: 2.8205128205vw;
    font-weight: 500;
    line-height: 1.55;
    letter-spacing: 0.18em;
  }
  #main_contents .content__note-item:not(:first-of-type) {
    margin-top: 1.2820512821vw;
  }
  #main_contents .content__howto {
    margin-top: 13.8461538462vw;
    text-align: center;
    font-size: 6.4102564103vw;
    font-weight: 700;
    letter-spacing: 0.21em;
  }
  #main_contents .signup-movie__box {
    margin-top: 6.6666666667vw;
    margin-inline: auto;
    width: 83.5897435897vw;
    height: 46.6666666667vw;
    border: 1.0256410256vw solid #EEEEEE;
    aspect-ratio: 3261/182;
  }
  #main_contents .signup-movie__box iframe {
    width: 100%;
    height: 100%;
  }
  #main_contents .accordion {
    padding-top: 8.7179487179vw;
  }
  #main_contents .accordion__btnbox {
    display: grid;
    place-content: center;
    row-gap: 4.358974359vw;
  }
  #main_contents .accordion__contents {
    display: none;
    padding-inline: 0.5128205128vw;
  }
  #main_contents .accordion__contents-btnbox {
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-column-gap: 3.8461538462vw;
         column-gap: 3.8461538462vw;
    padding-block: 2.5641025641vw;
  }
  #main_contents .accordion__contents-btnbox .btn--round {
    --border-width: 0.63vw;
    --btn-width: 38.72vw;
    --btn-height: 10.62vw;
    --btn-radius: 10.62vw;
    --btn-fontsize: 3.59vw;
  }
  #main_contents .accordion__contents-btnbox .btn--round a.btn__link {
    letter-spacing: 0.03em;
  }
  #main_contents .accordion__contents-btnbox .btn--round a.btn__link:before {
    right: 3.3333333333vw;
    width: 1.5384615385vw;
    height: 1.5384615385vw;
    border-top: 0.4051282051vw solid #000;
    border-right: 0.4051282051vw solid #000;
  }
  #main_contents .units {
    margin-top: 2.3076923077vw;
    display: grid;
    row-gap: 11.7948717949vw;
  }
  #main_contents .unit {
    position: relative;
    padding: 7.4358974359vw 3.5897435897vw 8.9743589744vw;
    width: 100%;
    border-radius: 7.6923076923vw;
    background-color: #F8F8F8;
    box-sizing: border-box;
  }
  #main_contents .unit:not(:first-of-type)::before {
    content: "";
    display: block;
    position: absolute;
    top: -5.1282051282vw;
    left: 50%;
    translate: -50% -50%;
    width: 7.5vw;
    height: 7.1794871795vw;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyOCAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggaWQ9IlBvbHlnb24gMTEiIGQ9Ik0xNC41NDcgMjAuNzc5NEMxNC4yODk0IDIxLjE3NDYgMTMuNzEwNiAyMS4xNzQ2IDEzLjQ1MyAyMC43Nzk0TDEuODA3OTMgMi45MTQ2MUMxLjUyNDgzIDIuNDgwMyAxLjgzNjQ4IDEuOTA1MTYgMi4zNTQ5IDEuOTA1MTZMMjUuNjQ1MSAxLjkwNTE2QzI2LjE2MzUgMS45MDUxNiAyNi40NzUyIDIuNDgwMzEgMjYuMTkyMSAyLjkxNDYxTDE0LjU0NyAyMC43Nzk0TDE1LjU5MzQgMjEuNDYxNUwxNC41NDcgMjAuNzc5NFoiIGZpbGw9IiMyMzFGMjAiIHN0cm9rZT0iIzIzMUYyMCIgc3Ryb2tlLXdpZHRoPSIyLjQ5ODMxIi8+IDwvc3ZnPg==");
    background-size: contain;
    background-repeat: no-repeat;
  }
  #main_contents .unit__step {
    display: grid;
    place-content: center;
    margin-inline: auto;
    padding-top: 0.2564102564vw;
    padding-left: 1.0256410256vw;
    width: 36.9230769231vw;
    height: 8.7179487179vw;
    border-radius: 8.7179487179vw;
    background-color: #62BB46;
    font-family: "Montserrat", "Noto Sans JP", sans-serif;
    text-align: center;
    font-size: 4.358974359vw;
    font-weight: 800;
    letter-spacing: 0.2em;
    color: #fff;
  }
  #main_contents .unit__text {
    align-self: center;
    margin-top: 3.5vw;
    text-align: center;
    font-size: 4.358974359vw;
    font-weight: 700;
    line-height: 2.06;
    letter-spacing: 0.15em;
  }
  #main_contents .unit__imgbox {
    margin-top: 6.4102564103vw;
    margin-inline: auto;
    width: var(--unit-img-width);
  }
  #main_contents .unit__note {
    margin-top: 3.5vw;
    text-align: center;
    font-size: 2.8205128205vw;
    font-weight: 500;
    letter-spacing: 0.07em;
  }
  #main_contents .unit__imgtext {
    margin-bottom: 2.8205128205vw;
    padding-block: 1.2820512821vw;
    background-color: #fff;
    text-align: center;
    font-size: 3.5897435897vw;
    font-weight: 500;
    letter-spacing: 0.26em;
  }
  #main_contents .unit__imgnote {
    margin-top: 3.0769230769vw;
    font-size: 2.8205128205vw;
    font-weight: 500;
    line-height: 1.73;
    letter-spacing: 0.03em;
  }
  #main_contents .machines {
    display: flex;
    justify-content: center;
    -moz-column-gap: 2.8205128205vw;
         column-gap: 2.8205128205vw;
    position: relative;
    margin-top: 10.2564102564vw;
    padding-bottom: 8.2051282051vw;
    margin-inline: auto;
    width: 100%;
  }
  #main_contents .machine__text {
    margin-top: 2.5641025641vw;
    text-align: center;
    font-size: 3.5384615385vw;
    font-weight: 700;
    letter-spacing: 0.19em;
  }
  #main_contents .machine__note {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 2.8205128205vw;
    font-weight: 500;
    letter-spacing: 0.08em;
  }
  #main_contents .content {
    position: relative;
  }
  #main_contents .content.suica {
    --unit-img-width: 45.13vw;
    margin-top: 11.0256410256vw;
  }
  #main_contents .content.suica #content-iphone {
    position: relative;
    margin-top: 48.2051282051vw;
  }
  #main_contents .content.suica #content-iphone::before {
    content: "";
    position: absolute;
    top: calc(45.3846153846vw * -1);
    left: calc(5.3846153846vw * -1);
    width: 94.358974359vw;
    height: 50.5128205128vw;
    background-image: url(../../img/signup/img_suica_01_sp.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
  }
  #main_contents .content.suica .units--iphone {
    position: relative;
    padding-bottom: 26.9230769231vw;
  }
  #main_contents .content.suica .units--iphone::before {
    content: "";
    position: absolute;
    bottom: calc(11.7948717949vw * -1);
    left: calc(5.1282051282vw * -1);
    width: 103.7948717949vw;
    height: 47.9487179487vw;
    background-image: url(../../img/signup/img_suica_02_sp.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
  }
  #main_contents .content.ic {
    --unit-img-width: 73vw;
  }
  #main_contents .content.ic::after {
    content: "";
    position: absolute;
    bottom: calc(41.0256410256vw * -1);
    right: 0vw;
    width: 95.3846153846vw;
    height: 46.1538461538vw;
    background-image: url(../../img/signup/img_ic_02_sp.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
  }
  #main_contents .content.ic .content__subttl {
    position: relative;
    margin-top: 50vw;
  }
  #main_contents .content.ic .content__subttl::after {
    content: "";
    position: absolute;
    top: calc(44.8717948718vw * -1);
    left: calc(5.8974358974vw * -1);
    width: 94.358974359vw;
    height: 45.3846153846vw;
    background-image: url(../../img/signup/img_ic_01_sp.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #main_contents .content.ic .unit:nth-of-type(2) .unit__text {
    text-indent: 1em;
  }
}/*# sourceMappingURL=style.css.map */