@import url("https://fonts.googleapis.com/css?family=Oswald:400,500&display=swap");
.oswald {
  font-family: 'Oswald', sans-serif; }

.pc_obj {
  display: block; }

.sp_obj {
  display: none; }

@media only screen and (max-width: 767px) {
  .pc_obj {
    display: none; }
  .sp_obj {
    display: block; } }

.oswald {
  font-family: 'Oswald', sans-serif; }

.pc_obj {
  display: block; }

.sp_obj {
  display: none; }

@media only screen and (max-width: 767px) {
  .pc_obj {
    display: none; }
  .sp_obj {
    display: block; } }

.mt00 {
  margin-top: 0 !important; }

.guide-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 15px;
  line-height: 1.73333; }
  @media only screen and (max-width: 767px) {
    .guide-page {
      font-size: 12px;
      line-height: 1.5; } }
  .guide-page__title-wrap {
    text-align: center; }
  .guide-page__title {
    display: inline-block;
    position: relative;
    text-align: center;
    z-index: 1;
    padding-left: 30px;
    color: #001e63; }
    @media screen and (max-width: 1024px) {
      .guide-page__title {
        display: block;
        padding-left: 0; } }
    @media only screen and (max-width: 767px) {
      .guide-page__title {
        font-size: 20px; } }
  .guide-page__icon {
    width: 78px;
    height: 78px;
    position: absolute;
    top: 50%;
    left: -90px;
    z-index: 100;
    margin-top: -37px; }
    @media screen and (max-width: 1024px) {
      .guide-page__icon {
        display: block;
        position: static;
        margin: 0 auto 15px; } }
    @media only screen and (max-width: 767px) {
      .guide-page__icon {
        width: 52px;
        height: 52px; } }
    .guide-page__icon img {
      width: 100%; }
  .guide-page__jatitle {
    font-size: 30px;
    letter-spacing: 0.05em; }
    @media only screen and (max-width: 767px) {
      .guide-page__jatitle {
        font-size: 20px; } }
  .guide-page__entitle {
    display: block;
    font-size: 11px;
    letter-spacing: 0.5em;
    margin-top: 4px;
    font-family: 'Oswald', sans-serif;
    font-weight: 500; }
  .guide-page__main {
    margin-top: 60px; }
    @media only screen and (max-width: 767px) {
      .guide-page__main {
        margin-top: 40px; } }
    .guide-page__main a {
      color: #001e63;
      text-decoration: underline; }
  @media screen and (max-width: 1024px) {
    .guide-page {
      padding-top: 30px; } }
  .guide-page p {
    margin-bottom: 0; }
  .guide-page .guide-inner {
    width: 100%;
    max-width: 1140px;
    margin: 75px auto 0;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px; }
    @media screen and (max-width: 1024px) {
      .guide-page .guide-inner {
        margin: 0 auto; } }
  .guide-page .guide-block {
    border: 1px solid #cbd1dd; }
    .guide-page .guide-block + .guide-block {
      margin-top: 70px; }
      @media only screen and (max-width: 767px) {
        .guide-page .guide-block + .guide-block {
          margin-top: 20px; } }
    .guide-page .guide-block__title {
      background: #f7f7f7;
      color: #001e63;
      font-size: 26px;
      line-height: 1.15385;
      font-weight: bold;
      letter-spacing: 0.05em;
      padding: 17px 50px;
      border-bottom: 1px solid #cbd1dd; }
      @media only screen and (max-width: 767px) {
        .guide-page .guide-block__title {
          font-size: 18px;
          line-height: 1.38889;
          padding: 10px 15px; } }
    .guide-page .guide-block__border-title {
      border-bottom: 1px solid #000; }
    .guide-page .guide-block__main {
      padding: 25px 50px; }
      @media only screen and (max-width: 767px) {
        .guide-page .guide-block__main {
          padding: 15px; } }
    .guide-page .guide-block__text {
      font-size: 15px;
      line-height: 1.73333;
      text-indent: 1em; }
      @media only screen and (max-width: 767px) {
        .guide-page .guide-block__text {
          font-size: 12px;
          line-height: 1.5; } }
      .guide-page .guide-block__text + .guide-block__text {
        margin-top: 5px; }
      .guide-page .guide-block__text + .guide-block__dot-list, .guide-page .guide-block__text + .guide-block__number-list {
        margin-top: 15px; }
        @media only screen and (max-width: 767px) {
          .guide-page .guide-block__text + .guide-block__dot-list, .guide-page .guide-block__text + .guide-block__number-list {
            font-size: 12px;
            line-height: 1.5;
            margin-top: 10px; } }
      .guide-page .guide-block__text--circle {
        margin-left: 1em;
        text-indent: -1em; }
        .guide-page .guide-block__text--circle::before {
          content: '';
          display: inline-block;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: #a4adc3;
          margin-right: 5px;
          margin-bottom: 1px; }
          @media only screen and (max-width: 767px) {
            .guide-page .guide-block__text--circle::before {
              width: 6px;
              height: 6px; } }
      .guide-page .guide-block__text--asterisk, .guide-page .guide-block__text--dot {
        margin-left: 1em;
        text-indent: -1em; }
    .guide-page .guide-block__list {
      font-size: 15px;
      line-height: 1.73333;
      margin-left: 1em;
      text-indent: -1em; }
      @media only screen and (max-width: 767px) {
        .guide-page .guide-block__list {
          font-size: 12px;
          line-height: 1.5; } }
    .guide-page .guide-block__dot-list {
      font-size: 15px;
      line-height: 1.73333; }
      @media only screen and (max-width: 767px) {
        .guide-page .guide-block__dot-list {
          font-size: 12px;
          line-height: 1.5; } }
      .guide-page .guide-block__dot-list li {
        position: relative;
        margin-left: 1em;
        text-indent: -1em; }
        .guide-page .guide-block__dot-list li + li {
          margin-top: 5px; }
        .guide-page .guide-block__dot-list li::before {
          content: '';
          display: inline-block;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: #a4adc3;
          margin-right: 5px;
          margin-bottom: 1px; }
          @media only screen and (max-width: 767px) {
            .guide-page .guide-block__dot-list li::before {
              width: 6px;
              height: 6px; } }
      .guide-page .guide-block__dot-list + .guide-block__text, .guide-page .guide-block__dot-list + .guide-block__list, .guide-page .guide-block__dot-list + .guide-block__number-list {
        margin-top: 15px; }
        @media only screen and (max-width: 767px) {
          .guide-page .guide-block__dot-list + .guide-block__text, .guide-page .guide-block__dot-list + .guide-block__list, .guide-page .guide-block__dot-list + .guide-block__number-list {
            font-size: 12px;
            line-height: 1.5;
            margin-top: 10px; } }
    .guide-page .guide-block__number-list {
      font-size: 15px;
      line-height: 1.73333;
      margin-bottom: 15px; }
      @media only screen and (max-width: 767px) {
        .guide-page .guide-block__number-list {
          font-size: 12px;
          line-height: 1.5;
          margin-top: 15px;
          margin-bottom: 15px; } }
      .guide-page .guide-block__number-list li {
        list-style-type: decimal;
        position: relative;
        margin-left: 1.4em;
        text-indent: 0; }
        .guide-page .guide-block__number-list li + li {
          margin-top: 5px; }
          @media only screen and (max-width: 767px) {
            .guide-page .guide-block__number-list li + li {
              margin-top: 5px; } }
      .guide-page .guide-block__number-list + .guide-block__text, .guide-page .guide-block__number-list + .guide-block__dot-list {
        margin-top: 15px; }
        @media only screen and (max-width: 767px) {
          .guide-page .guide-block__number-list + .guide-block__text, .guide-page .guide-block__number-list + .guide-block__dot-list {
            font-size: 12px;
            line-height: 1.5;
            margin-top: 10px; } }
    .guide-page .guide-block__brackets-list {
      font-size: 15px;
      line-height: 1.73333;
      margin-left: 1.4em;
      text-indent: -1.4em; }
      @media only screen and (max-width: 767px) {
        .guide-page .guide-block__brackets-list {
          font-size: 12px;
          line-height: 1.5; } }
    .guide-page .guide-block .address {
      margin: 10px 0;
      font-size: 15px;
      line-height: 1.73333; }
      @media only screen and (max-width: 767px) {
        .guide-page .guide-block .address {
          margin: 5px 0;
          font-size: 12px;
          line-height: 1.5; } }

@media screen and (max-width: 1024px) {
  #footer {
    margin-top: 0; } }

.guide-nav {
  width: 100%;
  background: #193472; }
  @media screen and (max-width: 1024px) {
    .guide-nav {
      margin-top: 100px;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; } }
  @media only screen and (max-width: 767px) {
    .guide-nav {
      margin-top: 50px; } }
  .guide-nav__list {
    max-width: 1120px;
    margin: 0 auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 10px;
    position: relative; }
    @media screen and (max-width: 1024px) {
      .guide-nav__list {
        padding: 0; } }
    .guide-nav__list::after {
      content: '';
      width: calc(100% - 20px);
      border-top: 1px dotted rgba(255, 255, 255, 0.2);
      position: absolute;
      top: 50%;
      left: 10px; }
      @media screen and (max-width: 1024px) {
        .guide-nav__list::after {
          width: 1px;
          height: 100%;
          background: #fff;
          top: 0;
          left: 50%; } }
  .guide-nav__item {
    border-right: 1px solid #6678a1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (max-width: 1024px) {
      .guide-nav__item {
        border-right: none;
        border-bottom: 1px solid #fff;
        min-height: 85px; } }
    @media only screen and (max-width: 767px) {
      .guide-nav__item {
        min-height: 21.7vw; } }
    .guide-nav__item a {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #fff;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 3px 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 1024px) {
        .guide-nav__item a {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          padding: 20px 10px; } }
    .guide-nav__item:first-child, .guide-nav__item:nth-child(6) {
      border-left: 1px solid #6678a1; }
      @media screen and (max-width: 1024px) {
        .guide-nav__item:first-child, .guide-nav__item:nth-child(6) {
          border-left: none; } }
    .guide-nav__item:nth-child(n+6) {
      margin-top: 40px; }
      @media screen and (max-width: 1024px) {
        .guide-nav__item:nth-child(n+6) {
          margin-top: 0; } }
    .guide-nav__item--current {
      background: #304880; }
    .guide-nav__item--payment {
      width: 19.27273%; }
      @media screen and (max-width: 1024px) {
        .guide-nav__item--payment {
          width: 50%; } }
    .guide-nav__item--shipping {
      width: 20.27273%; }
      @media screen and (max-width: 1024px) {
        .guide-nav__item--shipping {
          width: 50%; } }
    .guide-nav__item--returns {
      width: 20.90909%; }
      @media screen and (max-width: 1024px) {
        .guide-nav__item--returns {
          width: 50%; } }
    .guide-nav__item--promotioncode {
      width: 19.90909%; }
      @media screen and (max-width: 1024px) {
        .guide-nav__item--promotioncode {
          width: 50%; } }
    .guide-nav__item--receipt {
      width: 19.36364%; }
      @media screen and (max-width: 1024px) {
        .guide-nav__item--receipt {
          width: 50%; } }
    .guide-nav__item--tpoint {
      width: 18.36364%; }
      @media screen and (max-width: 1024px) {
        .guide-nav__item--tpoint {
          width: 50%; } }
    .guide-nav__item--gift {
      width: 18%; }
      @media screen and (max-width: 1024px) {
        .guide-nav__item--gift {
          width: 50%; } }
    .guide-nav__item--requirements {
      width: 18.90909%; }
      @media screen and (max-width: 1024px) {
        .guide-nav__item--requirements {
          width: 50%; } }
    .guide-nav__item--transaction {
      width: 19%; }
      @media screen and (max-width: 1024px) {
        .guide-nav__item--transaction {
          width: 50%; } }
    .guide-nav__item--credit {
      width: 25.45455%; }
      @media screen and (max-width: 1024px) {
        .guide-nav__item--credit {
          width: 50%; } }
  .guide-nav__icon {
    width: 35px;
    margin-bottom: 0; }
    @media screen and (max-width: 1024px) {
      .guide-nav__icon {
        width: 30px; } }
    @media only screen and (max-width: 767px) {
      .guide-nav__icon {
        margin: auto; } }
    .guide-nav__icon img {
      width: 100%; }
  .guide-nav__title {
    font-size: 15px;
    letter-spacing: 0.05em;
    font-weight: 600;
    margin-left: 15px;
    margin-bottom: 0;
    line-height: 1.5;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"; }
    @media only screen and (max-width: 767px) {
      .guide-nav__title {
        width: 100%;
        text-align: center;
        font-size: 13px;
        margin-left: 0;
        margin-top: 5px; } }

.guide-page .guide-block__text + .guide-block__text {
  margin-top: 15px; }
  @media only screen and (max-width: 767px) {
    .guide-page .guide-block__text + .guide-block__text {
      margin-top: 10px; } }

.guide-page .guide-block__subtitle {
  font-size: 18px;
  line-height: 1.38889;
  margin-bottom: 5px; }
  @media only screen and (max-width: 767px) {
    .guide-page .guide-block__subtitle {
      font-size: 15px;
      line-height: 1.2; } }

.guide-page .guide-transaction-block + .guide-transaction-block {
  margin-top: 30px; }
  @media only screen and (max-width: 767px) {
    .guide-page .guide-transaction-block + .guide-transaction-block {
      margin-top: 20px; } }

.guide-page .guide-transaction-block .guide-block__dot-list li + li {
  margin-top: 0; }