@charset "UTF-8";
/*boxの中央寄せ*/
ol.GuideNumberList, ul, .GuideNumberList li {
  list-style: none; }

.GuideLink__items span {
  color: #90b8b8; }

.Guide__head {
  max-width: 890px;
  padding: 0 20px;
  margin: 0 auto 5.9%; }
  @media screen and (min-width: 641px) and (max-width: 999px) {
    .Guide__head {
      padding: 0 2vw; } }
.GuideLink--Outer {
  margin: 0 auto 7%; }
  @media screen and (max-width: 640px) {
    .GuideLink--Outer {
      margin: 0 auto 7.3%; } }
.GuideLink__items {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 640px) {
    .GuideLink__items {
      width: 93%;
      margin: 0 auto;
      flex-wrap: wrap;
      align-items: flex-start; } }
.GuideLink__item {
  flex: 0 1 23.1764%;
  background: #fff;
  -webkit-transition: .2s;
  transition: 0.2s;
  border-radius: 8px;
  overflow: hidden;
  border: #90b8b8 1px solid; }
  @media screen and (max-width: 640px) {
    .GuideLink__item {
      flex: 0 1 47.2%;
      margin: 0 0 4.8vw;
      box-sizing: border-box; } }
  .GuideLink__item:hover {
    background: #90b8b8; }
    .GuideLink__item:hover span {
      color: #fff; }
    .GuideLink__item:hover .GuideLink__link, .GuideLink__item:hover .GuideLink__link:visited, .GuideLink__item:hover .GuideLink__link::before {
      color: #fff; }
  .GuideLink__item.on {
    background: #90b8b8; }
    .GuideLink__item.on span {
      color: #fff; }
    .GuideLink__item.on .GuideLink__link, .GuideLink__item.on .GuideLink__link:visited, .GuideLink__item.on .GuideLink__link::before {
      color: #fff; }
.GuideLink__link, .GuideLink__link:visited {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #90b8b8;
  text-align: center;
  position: relative;
  min-height: 40px;
  font-size: 1.1875rem;
  font-weight: 500;
  padding: 17.9% 0 25%; }
  @media screen and (min-width: 641px) and (max-width: 999px) {
    .GuideLink__link, .GuideLink__link:visited {
      font-size: 1.9vw;
      min-height: 4vw; } }
  @media screen and (max-width: 640px) {
    .GuideLink__link, .GuideLink__link:visited {
      font-size: 4.9vw;
      min-height: 26vw;
      box-sizing: border-box; } }
  .GuideLink__link::after, .GuideLink__link:visited::after {
    content: "\f0d7";
    font-family: FontAwesome;
    position: absolute;
    bottom: 0;
    font-size: 2rem;
    left: 46%; }
    @media screen and (min-width: 641px) and (max-width: 999px) {
      .GuideLink__link::after, .GuideLink__link:visited::after {
        font-size: 3.2vw; } }
    @media screen and (max-width: 640px) {
      .GuideLink__link::after, .GuideLink__link:visited::after {
        bottom: 2.2vw;
        line-height: 1;
        font-size: 6vw; } }
  .GuideLink__link:hover, .GuideLink__link:visited:hover {
    opacity: 1; }
@media screen and (max-width: 640px) {
  .GuideLink__link--04 span {
    margin: -3.3vw 0 0; } }
@media screen and (max-width: 640px) {
  .GuideLink__link--04 span, .GuideLink__link--03 span {
    margin: -3.3vw 0 0; } }
@media screen and (max-width: 640px) {
  .GuideLink__link--01, .GuideLink__link--02 {
    padding: 20% 0 29%; } }
@media screen and (max-width: 640px) {
  .GuideLink__link--03 {
    padding: 25% 0 24%; } }
@media screen and (max-width: 640px) {
  .GuideLink__link--04 {
    padding: 17% 0 22%; } }
.GuideContent__ttl {
  color: #90b8b8;
  font-size: 1.375rem;
  margin: 0 0 2.1%;
  font-feature-settings: normal; }
  @media screen and (max-width: 850px) {
    .GuideContent__ttl {
      font-size: 2.5vw; } }
  @media screen and (max-width: 640px) {
    .GuideContent__ttl {
      font-size: 6.6vw;
      letter-spacing: -0.15rem; } }
.GuideSection--02 {
  margin: 0 0 11%; }
.GuideSection--03 {
  margin: 0 0 11%; }
.GuideSection__ttl {
  font-size: 1.3125rem;
  background: #e9f1f1;
  padding: 0.7% 2.9%;
  font-weight: 500;
  margin: 0 0 1.9%; }
  @media screen and (max-width: 850px) {
    .GuideSection__ttl {
      font-size: 2.5vw; } }
  @media screen and (max-width: 640px) {
    .GuideSection__ttl {
      font-size: 5.85vw;
      padding: 2.7% 3.7%;
      margin: 0 0 4.5%; } }
  .GuideSection__ttl--04 {
    background: none;
    color: #90b8b8;
    padding: 0; }
.GuideSection__text {
  font-size: 1.0625rem;
  line-height: 1.75;
  margin: 0 0 3.7%; }
  @media screen and (max-width: 850px) {
    .GuideSection__text {
      font-size: 2vw; } }
  @media screen and (max-width: 640px) {
    .GuideSection__text {
      font-size: 4.4vw;
      margin: 0 0 14%; } }
  .GuideSection__text--02 {
    margin: 0 0 4.2%; }
  .GuideSection__text--03 {
    margin: 0; }
.GuideNumber {
  position: relative;
  margin: 0 0 0 7.6%; }
  @media screen and (max-width: 640px) {
    .GuideNumber {
      margin: 0;
      padding: 28% 0 0;
      background: url(../img/guide/guide_bg_01.gif) 50% top repeat-y;
      background-size: 1vw auto; }
      .GuideNumber--01 {
        background: none;
        padding: 7.8% 0 0; } }
  .GuideNumber__ttl {
    font-size: 1.375rem;
    color: #e95f69;
    font-weight: bold;
    line-height: 1.9;
    margin: 0 0 1.3%; }
    @media screen and (max-width: 850px) {
      .GuideNumber__ttl {
        font-size: 2.7vw; } }
    @media screen and (max-width: 640px) {
      .GuideNumber__ttl {
        font-size: 6.4vw;
        text-align: center;
        line-height: 1.5;
        margin: 0;
        padding: 8.6% 0 1%;
        background: #fff; } }
  .GuideNumberList {
    background: #fff;
    padding: 5.5% 0 1.6%;
    margin: 0 0 3.3%; }
    @media screen and (max-width: 640px) {
      .GuideNumberList {
        margin: 0 -3.2% 6%;
        padding: 12.5% 0 3%; } }
    .GuideNumberList02__item {
      margin: 0 0 0.7%; }
      @media screen and (max-width: 640px) {
        .GuideNumberList02__item {
          margin: 0 0 1.6%; } }
    .GuideNumberList__item {
      position: relative;
      background: url(../img/guide/guide_bg_01.gif) 20px top repeat-y;
      background-size: 2px auto;
      margin: 0 4.6% 0;
      padding: 0 0 5.8%; }
      @media screen and (max-width: 850px) {
        .GuideNumberList__item {
          background-position: 2.7% top; } }
      @media screen and (max-width: 640px) {
        .GuideNumberList__item {
          margin: 0 2.5% 0;
          background: none; } }
      .GuideNumberList__item::before {
        position: absolute;
        content: "1";
        width: 42px;
        height: 42px;
        background: #e95f69;
        color: #fff;
        font-size: 1.5rem;
        text-align: center;
        border-radius: 50%;
        line-height: 1.7;
        z-index: 1; }
        @media screen and (max-width: 850px) {
          .GuideNumberList__item::before {
            font-size: 3.1vw;
            width: 5vw;
            height: 5vw; } }
        @media screen and (max-width: 640px) {
          .GuideNumberList__item::before {
            font-size: 6.8vw;
            width: 11vw;
            height: 11vw;
            left: 44.3%;
            line-height: 9.9vw;
            top: 20vw; } }
      @media screen and (max-width: 640px) {
        .GuideNumberList__item--01::before {
          top: 0vw; } }
      .GuideNumberList__item--02 {
        padding: 0 0 8.2%; }
        .GuideNumberList__item--02::before {
          content: "2"; }
      .GuideNumberList__item--03 {
        padding: 0 0 5.9%; }
        .GuideNumberList__item--03::before {
          content: "3"; }
      .GuideNumberList__item--04 {
        background: none; }
        .GuideNumberList__item--04::before {
          content: "4"; }
  .GuideNumber__data {
    color: #000;
    font-size: 1.0625rem;
    line-height: 1.7; }
    @media screen and (max-width: 850px) {
      .GuideNumber__data {
        font-size: 1.9vw; } }
    @media screen and (max-width: 640px) {
      .GuideNumber__data {
        font-size: 4.05vw;
        line-height: 1.95;
        background: #fff; } }
  .GuideNumber__img--01 {
    margin: 3.3% 0 0;
    width: 56.23%; }
    @media screen and (max-width: 640px) {
      .GuideNumber__img--01 {
        margin: 5.7% 0 0;
        width: 100%; } }
  .GuideNumber__img--02, .GuideNumber__img--03, .GuideNumber__img--04, .GuideNumber__img--05 {
    width: 56.23%;
    margin: 5.6% 0 0; }
    @media screen and (max-width: 640px) {
      .GuideNumber__img--02, .GuideNumber__img--03, .GuideNumber__img--04, .GuideNumber__img--05 {
        width: 100%; } }
.GuideList__item {
  margin: 0 0 4.2%; }
  @media screen and (max-width: 640px) {
    .GuideList__item {
      margin: 0 0 10%; } }
.GuideDefinition--02 {
  margin: 0 0 3%; }
.GuideDefinition__ttl {
  margin: 0 0 0.5%;
  font-size: 1.0625rem; }
  @media screen and (max-width: 850px) {
    .GuideDefinition__ttl {
      font-size: 1.9vw; } }
  @media screen and (max-width: 640px) {
    .GuideDefinition__ttl {
      font-size: 4.3vw; } }
.GuideDefinition__data {
  line-height: 1.8;
  font-size: 1.0625rem; }
  @media screen and (max-width: 850px) {
    .GuideDefinition__data {
      font-size: 1.9vw; } }
  @media screen and (max-width: 640px) {
    .GuideDefinition__data {
      font-size: 4.3vw; } }
.GuideTel {
  font-size: 1.375rem;
  font-weight: bold; }
  @media screen and (max-width: 850px) {
    .GuideTel {
      font-size: 2.5vw; } }
  @media screen and (max-width: 640px) {
    .GuideTel {
      font-size: 6.9vw; } }
  .GuideTel__link, .GuideTel__link:visited {
    font-size: 2.3125rem;
    color: #e95f69;
    font-weight: bold; }
    @media screen and (max-width: 850px) {
      .GuideTel__link, .GuideTel__link:visited {
        font-size: 5.4vw; } }
    @media screen and (max-width: 640px) {
      .GuideTel__link, .GuideTel__link:visited {
        font-size: 11.4vw;
        line-height: 1.3; } }
  .GuideTel__link:hover {
    opacity: 1; }
  @media screen and (max-width: 640px) {
    .GuideTel__link--02, .GuideTel__link--02:visited {
      font-size: 10.5vw;
      white-space: nowrap; } }
  @media screen and (max-width: 640px) {
    .GuideTel__link--03, .GuideTel__link--03:visited {
      font-size: 7.5vw; } }
.GuideDesc {
  margin: 1% 0 0;
  padding-left: 0.875rem;
  text-indent: -0.875rem;
  font-size: 0.875rem; }
  @media screen and (max-width: 850px) {
    .GuideDesc {
      font-size: 1.6vw;
      padding-left: 1.6vw;
      text-indent: -1.6vw; } }
  @media screen and (max-width: 640px) {
    .GuideDesc {
      margin: 1.5% 0 0;
      font-size: 3.6vw;
      padding-left: 3.6vw;
      text-indent: -3.6vw; } }
  .GuideDesc--02 {
    margin: 3.7% 0; }
    @media screen and (max-width: 640px) {
      .GuideDesc--02 {
        margin: 3.7% 0 12%; } }
  .GuideDesc--03 {
    margin: 0.5% 0 3.7%; }
.GuideTable__head {
  text-align: left;
  width: 12%; }
  @media screen and (max-width: 640px) {
    .GuideTable__head {
      width: 22%; } }
@media screen and (max-width: 850px) {
  .GuideTable__data {
    font-size: 1.8vw; } }
@media screen and (max-width: 640px) {
  .GuideTable__data {
    font-size: 3.4vw; } }
.GuideBtn {
  background: #e95f69;
  padding: 1%;
  border-radius: 10px;
  margin: 3% 0 0; }
  .GuideBtn--link {
    border: 0.3vw #fff solid;
    color: #fff;
    border-radius: 10px;
    padding: 5.9% 3% 5.9% 33.7%;
    text-align: left;
    font-size: 4.8vw;
    letter-spacing: 0.8vw;
    font-weight: 500; }
    .GuideBtn--link::before {
      content: "\f0da";
      font-family: FontAwesome;
      position: absolute;
      font-size: 4.9vw;
      line-height: 1;
      left: 25%;
      top: 50%;
      margin: -2.4vw 0 0; }
    .GuideBtn--link::after {
      display: none; }
.GuideImg {
  width: 70.82352941176471%;
  margin: -2% 0 3.7%; }
  @media screen and (max-width: 640px) {
    .GuideImg {
      width: 100%;
      margin: -10% 0 8%; } }

#pay, #delivery, #return {
  display: none; }