@charset "UTF-8";
/*!
global > Color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
/*!
global > function
------------------------------
*/
/*!
global > mixin
------------------------------
*/
.p-go .feature {
  padding: 51px 0 0;
}
@media screen and (min-width: 768px) {
  .p-go .feature {
    padding-top: 134px;
  }
}
.p-go .feature__heading {
  text-align: center;
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 1.25rem;
  letter-spacing: 0.17em;
  margin-bottom: 54px;
}
@media screen and (min-width: 768px) {
  .p-go .feature__heading {
    font-size: 1.6875rem;
    letter-spacing: 0.3em;
    padding-left: 42px;
    margin-bottom: 72px;
  }
}
@media screen and (min-width: 768px) {
  .p-go .feature__heading span {
    position: relative;
    padding: 0 97px;
  }
  .p-go .feature__heading span::before, .p-go .feature__heading span::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 61px;
    height: 1px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  }
  .p-go .feature__heading span::before {
    left: 0;
  }
  .p-go .feature__heading span::after {
    right: 0;
    background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  }
}
.p-go .feature__item {
  margin-bottom: 60px;
  display: flex;
  flex-direction: column-reverse;
}
.p-go .feature__item:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .p-go .feature__item {
    position: relative;
    margin-bottom: 8.1991215227vw;
    flex-direction: row;
    min-height: 30.7467057101vw;
  }
  .p-go .feature__item:nth-child(odd) {
    justify-content: flex-end;
  }
  .p-go .feature__item:nth-child(odd) .feature__img {
    left: calc(50% - 50vw);
  }
  .p-go .feature__item:nth-child(odd) .feature__content--head {
    align-items: flex-end;
  }
  .p-go .feature__item:nth-child(odd) .feature__content--desc {
    text-align: right;
    margin-right: -17px;
  }
  .p-go .feature__item:nth-child(odd) .feature__content--title {
    text-align: right;
    margin-right: -17px;
  }
  .p-go .feature__item:nth-child(odd) .feature__content--stt::before {
    left: unset;
    right: -42px;
  }
  .p-go .feature__item:nth-child(odd) .feature__content {
    padding-top: 83px;
    padding-right: 45px;
  }
  .p-go .feature__item:nth-child(1) .feature__img {
    width: 71.3762811127vw;
  }
  .p-go .feature__item:nth-child(2) {
    margin-bottom: 9.5168374817vw;
  }
}
.p-go .feature__img {
  display: block;
  margin-left: -25px;
  margin-right: -25px;
}
@media screen and (min-width: 768px) {
  .p-go .feature__img {
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    top: 0;
    right: calc(50% - 50vw);
    z-index: -1;
    width: 55.3440702782vw;
  }
}
.p-go .feature__content {
  margin-bottom: 19px;
}
@media screen and (min-width: 768px) {
  .p-go .feature__content {
    margin-bottom: 0;
    padding-top: 33px;
    padding-left: 60px;
  }
}
@media screen and (min-width: 992px) {
  .p-go .feature__content {
    padding-left: 143px;
  }
}
.p-go .feature__content--head {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 38px;
  color: var(--cl-secondary);
}
@media screen and (min-width: 768px) {
  .p-go .feature__content--head {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 38px;
  }
}
.p-go .feature__content--stt {
  font-family: var(--font-eb);
  font-size: 1.375rem;
  letter-spacing: 0.09em;
  position: relative;
  background-color: #000;
  margin-right: 20px;
}
.p-go .feature__content--stt::before {
  content: "";
  position: absolute;
  top: 0;
  left: -15px;
  bottom: 0;
  margin: auto 0;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: 2px solid var(--cl-secondary);
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-go .feature__content--stt {
    margin-bottom: 71px;
    margin-right: 0;
    font-size: 3.074670571vw;
  }
  .p-go .feature__content--stt::before {
    left: -52px;
    width: 112px;
    height: 112px;
  }
}
.p-go .feature__content--title {
  font-family: var(--font-serif);
  font-size: 1rem;
  text-align: center;
  letter-spacing: 0.3em;
}
@media screen and (min-width: 768px) {
  .p-go .feature__content--title {
    font-size: 1.9375rem;
    text-align: left;
  }
}
.p-go .feature__content--desc {
  font-family: var(--font-serif);
  text-align: center;
  font-size: 0.6875rem;
  letter-spacing: 0.05em;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .p-go .feature__content--desc {
    text-align: left;
    font-size: 1rem;
    letter-spacing: 0.19em;
    line-height: 2.4;
  }
}
.p-go .feature__content--note {
  text-align: center;
  margin-top: 5px;
  font-size: 0.5625rem;
  letter-spacing: 0.17em;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-go .feature__content--note {
    text-align: left;
    font-size: 0.8125rem;
    margin-top: 23px;
    letter-spacing: 0.22em;
  }
}
.p-go .usage {
  padding: 55px 0 56px;
}
@media screen and (min-width: 768px) {
  .p-go .usage {
    padding: 138px 0 125px;
  }
}
.p-go .usage__heading {
  text-align: center;
  font-family: var(--font-serif);
  font-size: 1.25rem;
  letter-spacing: 0.25em;
  font-weight: 500;
  position: relative;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .p-go .usage__heading {
    padding-left: 37px;
    font-size: 1.6875rem;
    margin-bottom: 65px;
  }
}
@media screen and (min-width: 768px) {
  .p-go .usage__heading span {
    position: relative;
    padding: 0 100px;
  }
  .p-go .usage__heading span::before, .p-go .usage__heading span::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 61px;
    height: 1px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  }
  .p-go .usage__heading span::before {
    left: 0;
  }
  .p-go .usage__heading span::after {
    right: 0;
    background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  }
}
.p-go .usage__desc {
  font-family: var(--font-serif);
  text-align: center;
  margin-bottom: 59px;
  font-size: 0.6875rem;
  line-height: 1.7;
  letter-spacing: 0.145em;
}
@media screen and (min-width: 768px) {
  .p-go .usage__desc {
    font-size: 1.125rem;
    line-height: 2.1;
    letter-spacing: 0.2em;
    margin-bottom: 61px;
  }
}
.p-go .usage__list {
  display: flex;
  flex-direction: column;
  gap: 59px;
  padding: 0 26px;
}
@media screen and (min-width: 768px) {
  .p-go .usage__list {
    flex-direction: row;
    padding: 0;
    gap: clamp(1.625rem, 3.5117056856vw + -0.0606187291rem, 2.9375rem);
  }
}
.p-go .usage__item {
  width: 100%;
}
.p-go .usage__item--img {
  display: block;
  margin-bottom: 19px;
}
@media screen and (min-width: 768px) {
  .p-go .usage__item--img {
    margin-bottom: 31px;
  }
}
.p-go .usage__item--img img {
  width: 100%;
  height: auto;
  display: block;
}
.p-go .usage__item--detail {
  font-size: 0.6875rem;
  letter-spacing: -0.1px;
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  .p-go .usage__item--detail {
    font-size: 1rem;
  }
}
.p-go .price {
  padding: 60px 0 53px;
}
@media screen and (min-width: 768px) {
  .p-go .price {
    padding: 128px 0 130px;
  }
}
.p-go .price__heading {
  font-size: 1.25rem;
  text-align: center;
  font-family: var(--font-serif);
  margin-bottom: 54px;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 768px) {
  .p-go .price__heading {
    margin-bottom: 58px;
    font-size: 1.6875rem;
    padding-left: 15px;
    letter-spacing: 0.25em;
  }
  .p-go .price__heading span {
    position: relative;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 99px;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
  .p-go .price__heading span::before, .p-go .price__heading span::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 32px;
    height: 40px;
    background: center/contain no-repeat;
    filter: brightness(0) invert(1);
  }
  .p-go .price__heading span::before {
    left: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_2" data-name="Layer 2" viewBox="0 0 32.85 40.09"><defs><style> .cls-1 { fill: none; stroke: %23010101; stroke-miterlimit: 10; stroke-width: .71px; } </style></defs><g id="Layer_1-2" data-name="Layer 1"><g><polyline class="cls-1" points="32.59 39.83 12.8 20.04 32.59 .25"/><polyline class="cls-1" points="20.29 39.83 .5 20.04 20.29 .25"/></g></g></svg>');
  }
  .p-go .price__heading span::after {
    right: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_2" data-name="Layer 2" viewBox="0 0 32.85 40.09"><defs><style> .cls-1 { fill: none; stroke: %23010101; stroke-miterlimit: 10; stroke-width: .71px; } </style></defs><g id="Layer_1-2" data-name="Layer 1"><g><polyline class="cls-1" points=".25 39.83 20.04 20.04 .25 .25"/><polyline class="cls-1" points="12.55 39.83 32.34 20.04 12.55 .25"/></g></g></svg>');
  }
}
@media screen and (max-width: 767px) {
  .p-go .price__tbl {
    padding: 0 25px;
  }
  .p-go .price__tbl table,
  .p-go .price__tbl thead,
  .p-go .price__tbl tbody,
  .p-go .price__tbl tr,
  .p-go .price__tbl td,
  .p-go .price__tbl th {
    display: block;
    width: 100%;
  }
  .p-go .price__tbl thead {
    display: none;
  }
  .p-go .price__tbl tr:last-child td {
    padding-bottom: 0;
  }
  .p-go .price__tbl tr:nth-child(2) td {
    padding-top: 17px;
    padding-bottom: 43px;
  }
  .p-go .price__tbl tr:nth-child(3) td {
    padding-bottom: 32px;
  }
  .p-go .price__tbl tr:nth-child(4) td {
    padding-top: 19px;
    padding-bottom: 40px;
  }
  .p-go .price__tbl tr:nth-child(5) td {
    padding-top: 19px;
    padding-bottom: 40px;
  }
  .p-go .price__tbl tr:nth-child(6) td {
    padding-top: 19px;
  }
  .p-go .price__tbl th {
    background-color: #595757;
    text-align: center;
  }
  .p-go .price__tbl .price__list {
    margin-top: 4px;
  }
  .p-go .price__tbl .price__list--t1 {
    margin-bottom: 10px;
  }
  .p-go .price__tbl .price__list li {
    margin-bottom: 8px;
  }
  .p-go .price__tbl .price__list li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-go .price__tbl thead td,
  .p-go .price__tbl thead th {
    background-color: #595757;
  }
  .p-go .price__tbl thead th {
    border-right: 1px solid #000;
    letter-spacing: 0.5em;
    padding-left: 20px;
  }
  .p-go .price__tbl thead td {
    text-align: center;
    padding: 13px 48px 12px 10px;
    font-weight: 400;
  }
  .p-go .price__tbl tbody th {
    border-right: 1px solid #595757;
  }
  .p-go .price__tbl tr:nth-child(2) td {
    padding-top: 26px;
    padding-bottom: 28px;
  }
  .p-go .price__tbl tr:nth-child(3) td {
    padding-top: 26px;
    padding-bottom: 41px;
  }
  .p-go .price__tbl tr:nth-child(4) td {
    padding-bottom: 27px;
    padding-top: 25px;
  }
  .p-go .price__tbl tr:nth-child(5) td {
    padding-bottom: 23px;
    padding-top: 20px;
  }
  .p-go .price__tbl tr:nth-child(6) td {
    padding: 22px 0px 20px 40px;
  }
  .p-go .price__tbl th {
    text-align: center;
  }
}
.p-go .price__tbl table {
  margin-bottom: 43px;
}
@media screen and (min-width: 768px) {
  .p-go .price__tbl table {
    margin-bottom: 23px;
  }
}
.p-go .price__tbl th {
  font-weight: 500;
  font-size: 0.9375rem;
  padding: 9px 10px;
  color: var(--cl-secondary);
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-go .price__tbl th {
    font-size: 1.125rem;
    width: 241px;
    font-weight: 400;
    border-bottom: 1px solid #5f5f5f;
    vertical-align: middle;
    padding-left: 8px;
  }
}
.p-go .price__tbl td {
  font-size: 0.875rem;
  line-height: 1.7;
  font-weight: 500;
  text-align: center;
  padding: 13px 0 39px;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-go .price__tbl td {
    font-size: 1.125rem;
    border-bottom: 1px solid #5f5f5f;
    padding: 18px 10px 24px;
    letter-spacing: 0px;
    font-weight: 400;
    letter-spacing: 0.03em;
  }
}
.p-go .price__tbl td small {
  font-size: 0.6875rem;
}
.p-go .price__tbl .tl {
  font-size: 1.125rem;
  color: var(--cl-secondary);
}
@media screen and (min-width: 768px) {
  .p-go .price__tbl .tl {
    font-size: 1.5rem;
    margin-left: 2px;
  }
}
.p-go .price__tbl .txt_note {
  font-size: 0.9375rem;
}
.p-go .price__tbl .price__list {
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .p-go .price__tbl .price__list {
    padding: 0 clamp(1.25rem, 6.3545150502vw + -1.8001672241rem, 3.625rem);
    margin-bottom: 18px;
  }
  .p-go .price__tbl .price__list li {
    display: flex;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .p-go .price__tbl .price__list li:nth-child(2) .price__list--t1 {
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 768px) {
  .p-go .price__tbl .price__list--t1 {
    margin-right: 10px;
    font-size: clamp(0.875rem, 0.6688963211vw + 0.5539297659rem, 1.125rem);
  }
  .p-go .price__tbl .price__list--dot {
    margin-right: clamp(0.4375rem, 1.6722408027vw + -0.3651755853rem, 1.0625rem);
    font-size: clamp(0.8125rem, 0.8361204013vw + 0.4111622074rem, 1.125rem);
  }
  .p-go .price__tbl .price__list--t2 {
    font-size: clamp(0.875rem, 0.6688963211vw + 0.5539297659rem, 1.125rem);
  }
  .p-go .price__tbl .price__list .tl {
    font-size: 133.3333333333% !important;
  }
}
.p-go .price__tbl .price__note {
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1.46;
  text-align: left;
}
.p-go .price__tbl .price__note li {
  display: inline;
}
.p-go .price__tbl .price__note li::before {
  content: "※";
}
@media screen and (min-width: 768px) {
  .p-go .price__tbl .price__note {
    padding: 0 clamp(1.25rem, 6.6889632107vw + -1.9607023411rem, 3.75rem);
  }
  .p-go .price__tbl .price__note li {
    display: block;
    padding-left: 12px;
    position: relative;
    line-height: 1.65;
  }
  .p-go .price__tbl .price__note li::before {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.p-go .price__tbl .price__tx {
  text-align: left;
  line-height: 1.78;
}
@media screen and (min-width: 768px) {
  .p-go .price__tbl .price__tx {
    font-size: 0.9375rem;
    line-height: 2.15;
    letter-spacing: 0px;
  }
}
.p-go .price__tbl .price-nte li {
  position: relative;
  display: inline;
  font-size: 0.6875rem;
}
.p-go .price__tbl .price-nte li::before {
  content: "※";
}
@media screen and (min-width: 768px) {
  .p-go .price__tbl .price-nte li {
    display: block;
    padding-left: 15px;
    position: relative;
    letter-spacing: 0.015em;
    line-height: 1.5;
    margin-bottom: 2px;
  }
  .p-go .price__tbl .price-nte li:last-child {
    margin-bottom: 0;
  }
  .p-go .price__tbl .price-nte li::before {
    position: absolute;
    top: 0;
    left: 2px;
  }
}
.p-go .service {
  background-color: #595757;
  padding: 60px 0 56px;
}
@media screen and (min-width: 768px) {
  .p-go .service {
    padding: 153px 0 130px;
  }
}
.p-go .service__heading {
  font-size: 1.25rem;
  text-align: center;
  font-family: var(--font-serif);
  margin-bottom: 57px;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 768px) {
  .p-go .service__heading {
    margin-bottom: 35px;
    font-size: 1.6875rem;
    padding-left: 15px;
    letter-spacing: 0.25em;
  }
  .p-go .service__heading span {
    position: relative;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 67px;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
  .p-go .service__heading span::before, .p-go .service__heading span::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 32px;
    height: 40px;
    background: center/contain no-repeat;
    filter: brightness(0) invert(1);
  }
  .p-go .service__heading span::before {
    left: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_2" data-name="Layer 2" viewBox="0 0 32.85 40.09"><defs><style> .cls-1 { fill: none; stroke: %23010101; stroke-miterlimit: 10; stroke-width: .71px; } </style></defs><g id="Layer_1-2" data-name="Layer 1"><g><polyline class="cls-1" points="32.59 39.83 12.8 20.04 32.59 .25"/><polyline class="cls-1" points="20.29 39.83 .5 20.04 20.29 .25"/></g></g></svg>');
  }
  .p-go .service__heading span::after {
    right: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_2" data-name="Layer 2" viewBox="0 0 32.85 40.09"><defs><style> .cls-1 { fill: none; stroke: %23010101; stroke-miterlimit: 10; stroke-width: .71px; } </style></defs><g id="Layer_1-2" data-name="Layer 1"><g><polyline class="cls-1" points=".25 39.83 20.04 20.04 .25 .25"/><polyline class="cls-1" points="12.55 39.83 32.34 20.04 12.55 .25"/></g></g></svg>');
  }
}
@media screen and (max-width: 767px) {
  .p-go .service__tbl {
    padding: 0 25px;
  }
  .p-go .service__tbl table,
  .p-go .service__tbl thead,
  .p-go .service__tbl tbody,
  .p-go .service__tbl tr,
  .p-go .service__tbl td,
  .p-go .service__tbl th {
    display: block;
    width: 100%;
  }
  .p-go .service__tbl tr:last-child td {
    padding-bottom: 0;
  }
  .p-go .service__tbl th {
    background-color: #000;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .p-go .service__tbl {
    padding: 0 42px;
  }
}
.p-go .service__tbl th {
  font-weight: 500;
  font-size: 0.9375rem;
  padding: 9px 10px;
  color: var(--cl-secondary);
}
@media screen and (min-width: 768px) {
  .p-go .service__tbl th {
    width: 170px;
    font-weight: 400;
    border-bottom: 1px solid #5f5f5f;
    vertical-align: middle;
    padding-left: 8px;
  }
}
.p-go .service__tbl td {
  font-size: 0.875rem;
  line-height: 1.8;
  font-weight: 500;
  text-align: center;
  padding: 18px 0 54px;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-go .service__tbl td {
    font-size: 0.9375rem;
    line-height: 2.133;
    border-bottom: 1px solid #5f5f5f;
    text-align: left;
    padding: 22px 11px 21px;
    letter-spacing: 0px;
    font-weight: 400;
    letter-spacing: 0.03em;
  }
}
.p-go .app {
  background-color: #e1e2ad;
  padding: 58px 0 62px;
  color: #000;
}
@media screen and (min-width: 768px) {
  .p-go .app {
    padding: 131px 0 125px;
  }
}
.p-go .app__heading--title {
  text-align: center;
  font-family: var(--font-serif);
  font-size: 1.25rem;
  letter-spacing: 0.25em;
  margin-bottom: 18px;
}
@media screen and (min-width: 768px) {
  .p-go .app__heading--title {
    font-size: 1.6875rem;
    margin-bottom: 34px;
  }
}
.p-go .app__heading--w {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-go .app__heading--w {
    position: relative;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 57px 0 77px;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
  .p-go .app__heading--w::before, .p-go .app__heading--w::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 32px;
    height: 40px;
    background: center/contain no-repeat;
  }
  .p-go .app__heading--w::before {
    left: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_2" data-name="Layer 2" viewBox="0 0 32.85 40.09"><defs><style> .cls-1 { fill: none; stroke: %23010101; stroke-miterlimit: 10; stroke-width: .71px; } </style></defs><g id="Layer_1-2" data-name="Layer 1"><g><polyline class="cls-1" points="32.59 39.83 12.8 20.04 32.59 .25"/><polyline class="cls-1" points="20.29 39.83 .5 20.04 20.29 .25"/></g></g></svg>');
  }
  .p-go .app__heading--w::after {
    right: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_2" data-name="Layer 2" viewBox="0 0 32.85 40.09"><defs><style> .cls-1 { fill: none; stroke: %23010101; stroke-miterlimit: 10; stroke-width: .71px; } </style></defs><g id="Layer_1-2" data-name="Layer 1"><g><polyline class="cls-1" points=".25 39.83 20.04 20.04 .25 .25"/><polyline class="cls-1" points="12.55 39.83 32.34 20.04 12.55 .25"/></g></g></svg>');
  }
}
.p-go .app__heading--line {
  font-size: 1.125rem;
  margin-top: 21px;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-go .app__heading--line {
    font-size: 1.6875rem;
    margin-top: 0;
    margin-left: 18px;
  }
}
.p-go .app__heading--line span {
  position: relative;
  padding: 0 50px 0 48px;
}
@media screen and (min-width: 768px) {
  .p-go .app__heading--line span {
    padding: 0 86px;
  }
}
.p-go .app__heading--line span::before, .p-go .app__heading--line span::after {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 0;
  margin: auto 0;
  width: 40px;
  height: 1px;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 50%, #000 100%);
}
@media screen and (min-width: 768px) {
  .p-go .app__heading--line span::before, .p-go .app__heading--line span::after {
    width: 64px;
  }
}
.p-go .app__heading--line span::before {
  left: 0;
}
.p-go .app__heading--line span::after {
  right: 0;
  background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0) 50%, #000 100%);
}
.p-go .app__heading--desc {
  font-family: var(--font-serif);
  font-size: 0.6875rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-go .app__heading--desc {
    font-size: 1.125rem;
  }
}
.p-go .app__download {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 23px;
}
@media screen and (min-width: 768px) {
  .p-go .app__download {
    margin-top: 25px;
    margin-bottom: 74px;
  }
}
.p-go .app__download--logo {
  display: block;
  margin: 0 auto 12px;
  width: 144px;
}
@media screen and (min-width: 768px) {
  .p-go .app__download--logo {
    margin-bottom: 28px;
  }
}
.p-go .app__download--logo img {
  width: 100%;
  display: block;
}
.p-go .app__download--text {
  font-family: var(--font-serif);
  font-size: 0.6875rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-bottom: 19px;
}
@media screen and (min-width: 768px) {
  .p-go .app__download--text {
    font-size: 0.9375rem;
    line-height: 2.05;
    letter-spacing: 0.2em;
    margin-bottom: 21px;
  }
}
.p-go .app__download--btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px 16px;
}
@media screen and (min-width: 768px) {
  .p-go .app__download--btn {
    padding-block: 13px 5px;
  }
}
.p-go .app__download--btn a {
  display: block;
  width: 192px;
}
.p-go .app .c-flow {
  display: flex;
  flex-direction: column;
  gap: 64px;
  padding: 0px 15px;
}
@media screen and (min-width: 768px) {
  .p-go .app .c-flow {
    flex-direction: row;
    padding: 0;
    gap: 34px;
    gap: clamp(1.25rem, 2.3411371237vw + 0.1262541806rem, 2.125rem);
  }
}
.p-go .app .c-flow__item {
  background-image: linear-gradient(180deg, #2f2f2f 0%, #1a1a1a 100%);
  color: #fff;
  border-radius: 5px;
  padding: 38px 16px 46px;
  text-align: center;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-go .app .c-flow__item {
    border-radius: 8px;
    padding: 32px 10px 20px;
  }
  .p-go .app .c-flow__item:nth-child(3) .c-flow__title {
    margin-bottom: 20px;
  }
  .p-go .app .c-flow__item:nth-child(3) .c-flow__desc {
    margin-bottom: 30px;
  }
}
.p-go .app .c-flow__item::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -42px;
  margin: 0 auto;
  width: 35px;
  height: 19px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_2" data-name="Layer 2" viewBox="0 0 35.1 18.24"><defs><style> .cls-1 { fill: none; stroke: url(%23_名称未設定グラデーション_16); stroke-miterlimit: 10; stroke-width: .98px; } </style><linearGradient id="_名称未設定グラデーション_16" data-name="名称未設定グラデーション 16" x1="-4870.11" y1="-484.9" x2="-4870.11" y2="-509.72" gradientTransform="translate(3109.58 3796.03) rotate(45)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%231a1a1a"/><stop offset=".99" stop-color="%232f2f2f"/></linearGradient></defs><g id="main"><polyline class="cls-1" points="34.76 .35 17.55 17.55 .35 .35"/></g></svg>') center/contain no-repeat;
}
@media screen and (min-width: 768px) {
  .p-go .app .c-flow__item::before {
    bottom: 0;
    top: 0;
    left: unset;
    right: -23px;
    width: 13px;
    height: 25px;
    margin: auto 0;
    right: clamp(-23px, -1.6722408027vw + -0.1571906355px, -13px);
    width: clamp(0.5rem, 0.8361204013vw + 0.0986622074rem, 0.8125rem);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_2" data-name="Layer 2" viewBox="0 0 13.27 25.53"><defs><style> .cls-1 { fill: none; stroke: url(%23_名称未設定グラデーション_16); stroke-miterlimit: 10; stroke-width: .71px; } </style><linearGradient id="_名称未設定グラデーション_16" data-name="名称未設定グラデーション 16" x1="-1242.36" y1="-169.24" x2="-1242.36" y2="-187.29" gradientTransform="translate(1005.03 -739.66) rotate(-45)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%231a1a1a"/><stop offset=".99" stop-color="%232f2f2f"/></linearGradient></defs><g id="section"><polyline class="cls-1" points=".25 .25 12.77 12.77 .25 25.28"/></g></svg>');
  }
}
.p-go .app .c-flow__item:last-child::before {
  display: none;
}
.p-go .app .c-flow__item--stt {
  width: 125px;
  font-size: 0.75rem;
  margin-bottom: 26px;
  position: relative;
  display: inline-block;
  padding: 0 20px;
  padding: 4px 0 8px;
  border: 0px solid rgba(255, 255, 255, 0.3);
  border-width: 1px 0;
  font-size: 1rem;
  font-family: var(--font-eb);
  line-height: 1;
}
.p-go .app .c-flow__item--stt span {
  font-size: 125%;
}
@media screen and (min-width: 768px) {
  .p-go .app .c-flow__item--stt span {
    margin-left: 3px;
  }
}
.p-go .app .c-flow__title {
  font-family: var(--font-serif);
  font-size: 1.4375rem;
  font-weight: 500;
  margin-bottom: 26px;
}
.p-go .app .c-flow__desc {
  font-family: var(--font-serif);
  font-size: 1rem;
  font-size: clamp(0.75rem, 7.2727272727vw + -0.7045454545rem, 1rem);
  line-height: 1.86;
  margin-bottom: 37px;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-go .app .c-flow__desc {
    font-size: clamp(0.8125rem, 0.78125vw + 0.4375rem, 0.9375rem);
  }
}
.p-go .app .c-flow__desc.lg {
  font-size: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-go .app .c-flow__desc.lg {
    font-size: clamp(0.8125rem, 1.171875vw + 0.25rem, 1rem);
  }
}
.p-go .app .c-flow__desc span {
  color: var(--cl-secondary);
}
.p-go .app .c-flow__img img {
  width: 150px;
  margin: 0 auto;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-go .app2 {
    padding: 129px 0 121px;
  }
}
.p-go .app2 .app__heading {
  margin-bottom: 59px;
}
@media screen and (min-width: 768px) {
  .p-go .app2 .app__heading {
    margin-bottom: 45px;
  }
}
.p-go .app2 .c-flow {
  gap: 69px;
}
@media screen and (min-width: 768px) {
  .p-go .app2 .c-flow {
    gap: clamp(1.25rem, 2.3411371237vw + 0.1262541806rem, 2.125rem);
  }
}
.p-go .app2 .c-flow__item {
  padding-top: 30px;
  padding-bottom: 25px;
  min-height: 248px;
}
@media screen and (min-width: 768px) {
  .p-go .app2 .c-flow__item {
    min-height: 270px;
  }
}
.p-go .app2 .c-flow__item:nth-child(2) .c-flow__desc {
  letter-spacing: 0;
}
.p-go .app2 .c-flow__item--stt {
  margin-bottom: 19px;
}
@media screen and (min-width: 768px) {
  .p-go .app2 .c-flow__item--stt {
    margin-bottom: 21px;
  }
}
@media screen and (max-width: 767px) {
  .p-go .app2 .c-flow__item--stt {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .p-go .app2 .c-flow__item--stt span {
    font-size: 1.1875rem;
  }
}
.p-go .app2 .c-flow__title {
  margin-bottom: 18px;
}
@media screen and (min-width: 768px) {
  .p-go .app2 .c-flow__title {
    margin-bottom: 20px;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) {
  .p-go .app2 .c-flow__title {
    font-size: 1.375rem;
  }
}
.p-go .app2 .c-flow__desc {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-go .app2 .c-flow__desc {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 768px) {
  .p-go .app2 .c-flow__desc {
    letter-spacing: 0.1em;
  }
}
.p-go .app2 .c-flow__desc a {
  display: block;
  color: var(--cl-secondary);
  font-size: 1.8125rem;
  line-height: 1.55;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p-go .app2 .c-flow__desc a {
    letter-spacing: 0.12em;
    font-size: clamp(1.375rem, 1.5050167224vw + 0.6525919732rem, 1.9375rem);
  }
}
.p-go .app2 .app__note {
  font-size: 0.6875rem;
  font-weight: 500;
  padding: 0 28px 0 24px;
  margin-top: 17px;
  line-height: 1.73;
}
@media screen and (min-width: 768px) {
  .p-go .app2 .app__note {
    padding: 0;
  }
}
/*# sourceMappingURL=go-premium.css.map */