html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

a:link, a:visited, a:hover, a:active, input, button, textarea, label {
    outline: none;
    cursor: pointer;
    -webkit-appearance: none
}

*:focus {
    outline: none
}

hr {
    border: none;
    height: 0
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none
}

img {
    vertical-align: top;
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.clear {
    clear: both
}

.clearfix:after {
    content: "";
    height: 0;
    display: block;
    clear: both
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

* {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type="submit"], input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
    display: none
}

input[type="submit"]::focus, input[type="button"]::focus {
    outline-offset: -2px
}

body {
    font-family: "Helvetica Neue", Helvetica, "Noto Sans JP", "游ゴシック", YuGothic, "游ゴシック体", "YuGothic", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    font-size: 2.13333vw;
    line-height: 1.6;
    position: relative;
    color: #000;
    -webkit-text-size-adjust: 100%;
    background: #fff
}

@media screen and (min-width: 769px) {
    body {
        font-size: 16px;
        font-size: 1rem
    }
}

@media all and (-ms-high-contrast: none) {
    body {
        font-family: Arial, "Helvetica Neue", Helvetica, "Noto Sans JP", "游ゴシック", YuGothic, "游ゴシック体", "YuGothic", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
    }
}

.pcDisp {
    display: none
}

@media screen and (min-width: 769px) {
    .pcDisp {
      display: block
    }
}

.spDisp {
    display: block
}

@media screen and (min-width: 769px) {
    .spDisp {
      display: none
    }
}

.pcDispIN {
    display: none
}

@media screen and (min-width: 769px) {
    .pcDispIN {
      display: inline-block
    }
}

.spDispIN {
    display: inline-block
}

@media screen and (min-width: 769px) {
    .spDispIN {
      display: none
    }
}

.pcDispFlex {
    display: none !important
}

@media screen and (min-width: 769px) {
    .pcDispFlex {
      display: block !important
    }
}

.spDispFlex {
    display: block !important
}

@media screen and (min-width: 769px) {
    .spDispFlex {
      display: none !important
    }
}

.pcDispINFlex {
    display: none !important
}

@media screen and (min-width: 769px) {
    .pcDispINFlex {
      display: inline-block !important
    }
}

.spDispINFlex {
    display: inline-block !important
}

@media screen and (min-width: 769px) {
    .spDispINFlex {
      display: none !important
    }
}

.fixed {
    position: fixed;
    width: 100%;
    height: 100%
}

.line {
    width: 100%;
    border-bottom: 3px solid #000
}

.rline:after {
    background: #000;
    border-radius: 2px;
    content: "";
    display: block;
    height: 3px
}

a {
    color: #000;
    text-decoration: none
}

a:hover, a:active, a:focus {
    color: rgba(0, 0, 0, 0.7);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

a.over:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

img {
    width: 100%
}

#wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0
}

#wrap .container {
    margin: 12vw 0vw 0vw 0vw
}

@media screen and (min-width: 769px) {
    #wrap .container {
        margin: 5.41728vw 0vw 0vw 0vw
    }
}

@media screen and (min-width: 1366px) {
    #wrap .container {
        margin: 4.625rem 0rem 0rem 0rem
    }
}

#wrap .container .contents {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0
}

.footBox {
    position: relative;
    width: 100%;
    background: #000;
    padding: 4.66667vw 0vw 3.73333vw 0vw;
    margin: 0vw auto 0vw
}

@media screen and (min-width: 769px) {
    .footBox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 1.31772vw 0vw 1.31772vw 0vw
    }
}

@media screen and (min-width: 1366px) {
    .footBox {
        padding: 1.125rem 0rem 1.125rem 0rem
    }
}

.footBox .logoLumine {
    width: 27.2vw;
    margin: 0vw auto 6vw
}

@media screen and (min-width: 769px) {
    .footBox .logoLumine {
        width: 5.87436vw;
        margin: 0vw 0vw 0vw 4.39239vw
    }
}

@media screen and (min-width: 1366px) {
    .footBox .logoLumine {
        width: 5.01523rem;
        margin: 0rem 0rem 0rem 3.75rem
    }
}

.footBox .copyBox p {
    font-size: 20px;
    font-size: 2.66667vw;
    line-height: 1;
    color: #fff;
    text-align: center;
    letter-spacing: 0.01em
}

@media screen and (min-width: 769px) {
    .footBox .copyBox p {
        font-size: 10px;
        font-size: .73206vw;
        margin: .65886vw 4.39239vw 0vw 0vw
    }
}

@media screen and (min-width: 1366px) {
    .footBox .copyBox p {
        font-size: 10px;
        font-size: .625rem;
        margin: .5625rem 3.75rem 0rem 0rem
    }
}

.footBox .copyBox p a {
    color: #fff
}

.snapSet {
    overflow-y: scroll;
    -webkit-scroll-snap-type: y mandatory;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
    max-height: 100vh
}

.snapStart {
    scroll-snap-align: start
}

.snapEnd {
    scroll-snap-align: end
}

.snapBox01 {
    background: #000;
    height: 100vh;
    color: #fff;
    text-align: center;
    font-size: 50px
}

.snapBox02 {
    background: #1d1d1d;
    height: 80vh;
    color: #fff;
    text-align: center;
    font-size: 50px
}

.snapBox03 {
    background: #494949;
    height: 60vh;
    color: #fff;
    text-align: center;
    font-size: 50px
}

.snapBox04 {
    background: #aaa;
    height: 40vh;
    color: #fff;
    text-align: center;
    font-size: 50px
}

.snapBox05 {
    background: #fafafa;
    height: 20vh;
    color: #ccc;
    text-align: center;
    font-size: 50px;
    padding: 0vw 0vw 5.41728vw 0vw
}

.contents02 {
    overflow-y: scroll
}

.header {
    z-index: 6666;
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0vw;
    left: 0vw;
    height: 12vw
}

@media screen and (min-width: 769px) {
    .header {
        height: 5.41728vw
    }
}

@media screen and (min-width: 1366px) {
    .header {
        height: 4.625rem
    }
}

@media screen and (min-width: 769px) {
    .gNavi {
        padding: 0vw 4.39239vw 0vw 4.39239vw
    }
}

@media screen and (min-width: 1366px) {
    .gNavi {
        width: 77.875rem;
        margin: 0 auto;
        padding: 0
    }
}

.gNavi h1 a {
    display: block;
    width: 67.06667vw;
    margin: 3.86667vw 0vw 0vw 5.6vw;
    float: left
}

@media screen and (min-width: 769px) {
    .gNavi h1 a {
        width: 33.46449vw;
        margin: 1.75695vw 0vw 0vw 0vw
    }
}

@media screen and (min-width: 1366px) {
    .gNavi h1 a {
        width: 28.57031rem;
        margin: 1.5rem 0rem 0rem 0rem
    }
}

@media screen and (min-width: 769px) {
    .gNavi .pcMenuList {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media screen and (min-width: 769px) {
    .gNavi .pcMenuList ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 42.0205vw
    }
}

@media screen and (min-width: 1366px) {
    .gNavi .pcMenuList ul {
        width: 35.875rem
    }
}

@media screen and (min-width: 769px) {
    .gNavi .pcMenuList ul li {
        margin: 1.61054vw 0vw 0vw 0vw;
        line-height: 1
    }
}

@media screen and (min-width: 1366px) {
    .gNavi .pcMenuList ul li {
        margin: 1.375rem 0rem 0rem 0rem
    }
}

@media screen and (min-width: 769px) {
    .gNavi .pcMenuList ul li a {
        display: block;
        text-align: center;
        width: 12.73792vw;
        height: 2.19619vw;
        background: #ff6e91;
        border-radius: 20px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        border: 1px solid #ff6e91
    }
    .gNavi .pcMenuList ul li a path {
        fill: #fff
    }
    .gNavi .pcMenuList ul li a:hover {
        border: 1px solid #ff6e91;
        background: #fff
    }
    .gNavi .pcMenuList ul li a:hover path {
        fill: #ff6e91
    }
}

@media screen and (min-width: 769px) and (min-width: 1366px) {
    .gNavi .pcMenuList ul li a {
        width: 10.875rem;
        height: 1.875rem
    }
}

@media screen and (min-width: 769px) {
    .gNavi .pcMenuList ul li a .gNav-imgSize-pc01 {
        width: 9.29686vw;
        margin: .43924vw 0vw 0vw 0vw
    }
}

@media screen and (min-width: 1366px) {
    .gNavi .pcMenuList ul li a .gNav-imgSize-pc01 {
        width: 7.93719rem;
        margin: .4375rem 0rem 0rem 0rem
    }
}

@media screen and (min-width: 769px) {
    .gNavi .pcMenuList ul li a .gNav-imgSize-pc02 {
        width: 10.92528vw;
        margin: .43924vw 0vw 0vw 0vw
    }
}

@media screen and (min-width: 1366px) {
    .gNavi .pcMenuList ul li a .gNav-imgSize-pc02 {
        width: 9.32746rem;
        margin: .4375rem 0rem 0rem 0rem
    }
}

@media screen and (min-width: 769px) {
    .gNavi .pcMenuList ul li a .gNav-imgSize-pc03 {
        width: 9.33336vw;
        margin: .43924vw 0vw 0vw 0vw
    }
}

@media screen and (min-width: 1366px) {
    .gNavi .pcMenuList ul li a .gNav-imgSize-pc03 {
        width: 7.96836rem;
        margin: .4375rem 0rem 0rem 0rem
    }
}

.spMenu {
    position: fixed;
    top: 0vw;
    right: 4vw;
    text-align: right;
    z-index: 9999;
    width: 5.33333vw
}

.spMenu .spMenuBtn {
    z-index: 8888;
    display: inline-block;
    -webkit-transition: all .4s;
    transition: all .4s;
    position: relative;
    width: 5.33333vw;
    height: 5.33333vw;
    margin: 3.86667vw 5.33333vw 0vw 0vw
}

.spMenu .spMenuBtn span {
    display: inline-block;
    -webkit-transition: all .4s;
    transition: all .4s;
    position: absolute;
    left: 0;
    width: 100%;
    height: .46667vw;
    background: #ff6e91
}

.spMenu .spMenuBtn span:nth-of-type(1) {
    top: 0vw
}

.spMenu .spMenuBtn span:nth-of-type(2) {
    top: 2vw
}

.spMenu .spMenuBtn span:nth-of-type(3) {
    top: 4vw
}

.spMenu .spMenuBtn::after {
    position: absolute;
    bottom: -1.5vw;
    left: 0;
    content: '';
    display: block;
    width: 100%;
    color: #FFF;
    font-size: 3vw;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .4s;
    transition: all .4s
}

.spMenu .spMenuBtn.action::after {
    content: '';
    bottom: -1.5vw
}

.spMenu .spMenuBtn.action span:nth-of-type(1) {
    -webkit-transform: translateY(2.5vw) rotate(-45deg);
    transform: translateY(2.5vw) rotate(-45deg);
    background: #fff
}

.spMenu .spMenuBtn.action span:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0)
}

.spMenu .spMenuBtn.action span:nth-of-type(3) {
    -webkit-transform: translateY(-1.5vw) rotate(45deg);
    transform: translateY(-1.5vw) rotate(45deg);
    background: #fff
}

.spMenuList {
    position: fixed;
    top: 0vw;
    right: 0vw;
    z-index: 8888;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    -webkit-transform: translateX(110%);
    transform: translateX(110%);
    padding-left: calc(100vw - 74.66667vw)
}

.spMenuList .spMenuListBK {
    background: #52e1f5;
    width: 50.13333vw;
    height: 100vh
}

.spMenuList ul {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.spMenuList li {
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
    filter: alpha(opacity=100);
    overflow: hidden;
    width: 100%;
    line-height: 1
}

.spMenuList li a {
    display: block;
    text-align: center;
    width: 30.4vw;
    height: 11.46667vw;
    margin: 0vw auto 6.66667vw;
    background: #fff;
    border-radius: 50px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.spMenuList li a path {
    fill: #ff6e91
}

.spMenuList li a:hover, .spMenuList li a:focus {
    background: #ff6e91
}

.spMenuList li a:hover path, .spMenuList li a:focus path {
    fill: #fff
}

.spMenuList li a .gNav-imgSize-sp01 {
    width: 18.22708vw;
    height: 7.84851vw;
    margin: 1.86667vw 0vw 0vw 0vw
}

.spMenuList li a .gNav-imgSize-sp02 {
    width: 22.38803vw;
    height: 7.95676vw;
    margin: 1.86667vw 0vw 0vw 0vw
}

.spMenuList li a .gNav-imgSize-sp03 {
    width: 20.61145vw;
    height: 7.89463vw;
    margin: 1.86667vw 0vw 0vw 0vw
}

.spMenuList li a .gNav-imgSize-sp04 {
    width: 14.71221vw;
    height: 7.71891vw;
    margin: 1.86667vw 0vw 0vw 0vw
}

.spMenuList.open {
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.spMenuList.close {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.spBK.bkChIn {
    width: 100vw;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 7777;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.spBK.bkChOut {
    width: 100vw;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: -1
}

.js-disp {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important
}

#topBK {
    position: fixed;
    width: 13.06667vw;
    -webkit-transition: all 0.4s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.4s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
    z-index: 7777;
    right: 4vw;
    bottom: 4vw
}

@media screen and (min-width: 769px) {
    #topBK {
        width: 7.17423vw;
        right: 2.92826vw;
        bottom: 2.92826vw
    }
}

@media screen and (min-width: 1366px) {
    #topBK {
        width: 6.125rem;
        right: 2.5rem;
        bottom: 2.5rem
    }
}

.js-topBK-position {
    right: 4vw !important;
    bottom: 26.66667vw !important
  }
  
  @media screen and (min-width: 769px) {
    .js-topBK-position {
      right: 2.92826vw !important;
      bottom: 7.32064vw !important
    }
  }
  
  @media screen and (min-width: 1366px) {
    .js-topBK-position {
      right: 2.5rem !important;
      bottom: 6.25rem !important
    }
  }
  
  .mainVisual {
    position: relative;
    width: 100%;
    height: 141vw
  }
  
  @media screen and (min-width: 769px) {
    .mainVisual {
      height: 42.60615vw
    }
  }
  
  @media all and (-ms-high-contrast: none) {
    .mainVisual {
      height: 47.29136vw
    }
  }
  
  .mainVisual .mainVisual-wrap {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: fixed;
    width: 100%;
    top: 12vw;
    right: 0vw;
    bottom: 0vw
  }
  
  @media screen and (min-width: 769px) {
    .mainVisual .mainVisual-wrap {
      top: 5.41728vw;
      right: 0vw;
      bottom: 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .mainVisual .mainVisual-wrap {
      top: 4.625rem;
      right: 0rem;
      bottom: 0rem
    }
  }
  
  .mainVisual .mainVisual-wrap video {
    width: 100%
  }
  
  .mainVisual .mainVisual-wrap .scrollDown {
    position: fixed;
    top: 134.66667vw;
    right: 4vw;
    width: 13.06667vw;
    height: 13.06667vw
  }
  
  @media screen and (min-width: 769px) {
    .mainVisual .mainVisual-wrap .scrollDown {
      top: 37.92094vw;
      right: 2.92826vw;
      width: 7.17423vw;
      height: 7.17423vw
    }
  }
  
  @media screen and (min-width: 769px) {
    .mainVisual .mainVisual-wrap .scrollDown {
      width: 6.125rem;
      height: 6.125rem
    }
  }
  
  @media all and (-ms-high-contrast: none) {
    .mainVisual .mainVisual-wrap .scrollDown {
      width: 4.875rem;
      height: 4.875rem;
      top: 36.60322vw;
      right: 2.92826vw
    }
  }
  
  @supports (-ms-ime-align: auto) {
    .mainVisual .mainVisual-wrap .scrollDown {
      width: 4.875rem;
      height: 4.875rem;
      top: 36.60322vw;
      right: 2.92826vw
    }
  }
  
  @media screen and (min-width: 769px) {
    .value01, .value02, .value03 {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex
    }
  }
  
  @media screen and (min-width: 1366px) {
    .value01, .value02, .value03 {
      width: 85.375rem;
      margin: 0 auto
    }
  }
  
  .value {
    background: #fff;
    padding: 0vw 0vw 2.66667vw 0vw
  }
  
  @media screen and (min-width: 769px) {
    .value {
      padding: 0vw 0vw 0vw 0vw
    }
  }
  
  .value01__textBox {
    padding: 11.6vw 0vw 0vw 0vw
  }
  
  @media screen and (min-width: 769px) {
    .value01__textBox {
      padding: 7.10102vw 0vw 0vw 10.61493vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .value01__textBox {
      padding: 6.0625rem 0rem 0rem 9.0625rem
    }
  }
  
  .value01__subTitle {
    width: 23.76908vw;
    margin: 0vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .value01__subTitle {
      width: 11.08777vw
    }
  }
  
  @media screen and (min-width: 769px) {
    .value01__subTitle {
      width: 9.46619rem;
      margin: 3.51391vw auto 0vw
    }
  }
  
  .value01__title {
    width: 70.75752vw;
    margin: 4vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .value01__title {
      width: 35.61193vw;
      margin: 3.14788vw auto 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .value01__title {
      width: 30.40369rem;
      margin: 2.6875rem auto 0rem
    }
  }
  
  .value01__caption {
    width: 65.78092vw;
    margin: 8vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .value01__caption {
      width: 31.3004vw;
      margin: 6.14934vw auto 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .value01__caption {
      width: 26.72272rem;
      margin: 5.25rem auto 0rem
    }
  }
  
  .value01__text {
    width: 77.56237vw;
    margin: 4vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .value01__text {
      width: 39.75324vw;
      margin: 2.78184vw auto 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .value01__text {
      width: 33.93933rem;
      margin: 2.375rem auto 0rem
    }
  }
  
  .value01__imgBox {
    width: 100%;
    margin: 0 auto
  }
  
  @media screen and (min-width: 769px) {
    .value01__imgBox {
      width: 52.41581vw;
      padding: 0;
      margin: 0;
      position: absolute;
      top: 0vw;
      right: 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .value01__imgBox {
      width: 44.75rem;
      top: 0rem;
      right: 0rem
    }
  }
  
  .value02 {
    padding: 4.93333vw 0vw 0vw 0vw
  }
  
  @media screen and (min-width: 769px) {
    .value02 {
      margin: 11.347vw 0vw 0vw 0vw;
      padding: 0;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse
    }
  }
  
  @media screen and (min-width: 1366px) {
    .value02 {
      margin: 9.6875rem auto 0rem
    }
  }
  
  @media screen and (min-width: 769px) {
    .value02__textBox {
      padding: 10.61493vw 13.90922vw 0vw 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .value02__textBox {
      padding: 9.0625rem 11.875rem 0rem 0rem
    }
  }
  
  .value02__subTitle {
    width: 24.48363vw;
    margin: 0vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .value02__subTitle {
      width: 11.42106vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .value02__subTitle {
      width: 9.75073rem
    }
  }
  
  .value02__title {
    width: 55.43929vw;
    margin: 4vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .value02__title {
      width: 27.90238vw;
      margin: 3.29429vw auto 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .value02__title {
      width: 23.82166rem;
      margin: 2.8125rem auto 0rem
    }
  }
  
  .value02__caption {
    width: 66.11145vw;
    margin: 8vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .value02__caption {
      width: 31.4569vw;
      margin: 6.14934vw auto 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .value02__caption {
      width: 26.85632rem;
      margin: 5.25rem auto 0rem
    }
  }
  
  .value02__text {
    width: 59.3472vw;
    margin: 4vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .value02__text {
      width: 31.61482vw;
      margin: 3.07467vw auto 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .value02__text {
      width: 26.99115rem;
      margin: 2.625rem auto 0rem
    }
  }
  
  .value02__imgBox {
    width: 100%;
    margin: 0 auto
  }
  
  @media screen and (min-width: 769px) {
    .value02__imgBox {
      width: 57.54026vw;
      padding: 0;
      margin: 0;
      position: absolute;
      top: 0vw;
      left: 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .value02__imgBox {
      width: 49.125rem;
      top: 0rem;
      left: 0rem
    }
  }
  
  .value03 {
    padding: 4.93333vw 0vw 0vw 0vw
  }
  
  @media screen and (min-width: 769px) {
    .value03 {
      margin: 10.76135vw 0vw 0vw 0vw;
      padding: 0vw 0vw 10.98097vw 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .value03 {
      margin: 9.1875rem auto 0rem;
      padding: 0rem 0rem 9.375rem 0rem
    }
  }
  
  @media screen and (min-width: 769px) {
    .value03__textBox {
      padding: 9.0625rem 0rem 0rem 6.125rem
    }
  }
  
  @media screen and (min-width: 1366px) {
    .value03__textBox {
      padding: 9.0625rem 0rem 0rem 6.125rem
    }
  }
  
  .value03__subTitle {
    width: 24.39483vw;
    margin: 0vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .value03__subTitle {
      width: 11.37946vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .value03__subTitle {
      width: 9.71521rem
    }
  }
  
  .value03__title {
    width: 58.12757vw;
    margin: 4vw auto 0vw
}

@media screen and (min-width: 769px) {
    .value03__title {
      width: 29.25536vw;
      margin: 2.92826vw auto 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .value03__title {
      width: 24.97676rem;
      margin: 2.5rem auto 0rem
    }
  }
  
  .value03__caption {
    width: 59.62259vw;
    margin: 4vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .value03__caption {
      width: 28.8081vw;
      margin: 4.31918vw auto 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .value03__caption {
      width: 24.59491rem;
      margin: 3.6875rem auto 0rem
    }
  }
  
  .value03__text {
    width: 84.26296vw;
    margin: 4vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .value03__text {
      width: 46.58918vw;
      margin: 3.07467vw auto 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .value03__text {
      width: 39.77551rem;
      margin: 2.625rem auto 0rem
    }
  }
  
  .value03__imgBox {
    width: 100%;
    margin: 0 auto
  }
  
  @media screen and (min-width: 769px) {
    .value03__imgBox {
      width: 52.41581vw;
      margin: 0;
      position: absolute;
      top: 0vw;
      right: 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .value03__imgBox {
      width: 44.75rem;
      top: 0rem;
      right: 0rem
    }
  }
  
  .webpay {
    padding: 20vw 0vw 18.53333vw 0vw;
    background: #52e1f5;
    width: 100%
  }
  
  @media screen and (min-width: 769px) {
    .webpay {
      padding: 10.54173vw 0vw 9.37042vw 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .webpay {
      padding: 9rem 0rem 8rem 0rem
    }
  }
  
  .webpay__inner {
    position: relative
  }
  
  @media screen and (min-width: 1366px) {
    .webpay__inner {
      width: 77.875rem;
      margin: 0 auto
    }
  }
  
  .webpay__subTitle {
    width: 37.67004vw;
    margin: 0vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .webpay__subTitle {
      width: 20.68266vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .webpay__subTitle {
      width: 17.65782rem
    }
  }
  
  .webpay__title {
    position: relative;
    z-index: 1;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 78px;
    font-size: 10.4vw;
    font-weight: bold;
    line-height: 1.31;
    text-align: center;
    color: #fff;
    margin: 4.66667vw auto 4vw
  }
  
  @media screen and (min-width: 769px) {
    .webpay__title {
      font-size: 70px;
      font-size: 5.12445vw;
      font-weight: 500;
      margin: 2.92826vw auto 2.63543vw;
      line-height: 1
    }
  }
  
  @media screen and (min-width: 1366px) {
    .webpay__title {
      font-size: 70px;
      font-size: 4.375rem;
      margin: 2.5rem auto 2.25rem
    }
  }
  
  .webpay__caption {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-size: 4.26667vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    width: 84vw;
    margin: 0vw auto 0vw;
    padding: 1.73333vw 0vw 1.73333vw 0vw;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    letter-spacing: 0.05em
  }
  
  @media screen and (min-width: 769px) {
    .webpay__caption {
      font-size: 30px;
      font-size: 2.19619vw;
      width: 51.24451vw;
      margin: 0vw auto 1.46413vw;
      padding: .95168vw 0vw .95168vw 0vw;
      border-top: 2px solid #fff;
      border-bottom: 2px solid #fff;
      letter-spacing: 0.06em;
      line-height: 1
    }
  }
  
  @media screen and (min-width: 1366px) {
    .webpay__caption {
      font-size: 30px;
      font-size: 1.875rem;
      width: 43.75rem;
      margin: 0rem auto 1.25rem;
      padding: .8125rem 0rem .8125rem 0rem
    }
  }
  
  .webpay__text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 28px;
    font-size: 3.73333vw;
    font-weight: bold;
    line-height: 2;
    width: 84vw;
    margin: 8.8vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .webpay__text {
      font-size: 19px;
      font-size: 1.39092vw;
      line-height: 2.26;
      width: auto;
      margin: 4.39239vw auto 0vw;
      text-align: center;
      letter-spacing: 0.1em
    }
  }
  
  @media screen and (min-width: 1366px) {
    .webpay__text {
      font-size: 19px;
      font-size: 1.1875rem;
      margin: 3.75rem auto 0rem
    }
  }
  
  .webpay__badge {
    position: absolute;
    top: -4vw;
    right: 4.26667vw;
    width: 21.6vw
  }
  
  @media screen and (min-width: 769px) {
    .webpay__badge {
      top: -3.66032vw;
      right: 8.05271vw;
      width: 11.71303vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .webpay__badge {
      top: -3.125rem;
      right: 3.125rem;
      width: 10rem
    }
  }
  
  .howto__caption, .qa__caption, .shoplist__caption {
    font-size: 40px;
    font-size: 5.33333vw;
    letter-spacing: .1em;
    text-align: center;
    font-weight: bold;
    line-height: 1
  }
  
  @media screen and (min-width: 769px) {
    .howto__caption, .qa__caption, .shoplist__caption {
      font-size: 35px;
      font-size: 2.56223vw;
      margin: 5.27086vw auto 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .howto__caption, .qa__caption, .shoplist__caption {
      font-size: 35px;
      font-size: 2.1875rem;
      margin: 4.5rem auto 0rem
    }
  }
  
  .guidance {
    position: relative;
    z-index: 2;
    padding: 31.73333vw 0vw 27.73333vw 0vw;
    background: #fff
  }
  
  @media screen and (min-width: 769px) {
    .guidance {
      padding: 21.08346vw 0vw 15.22694vw 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance {
      padding: 18rem 0rem 13rem 0rem
    }
  }
  
  .guidance .howto__title {
    width: 60.16393vw;
    padding: 12vw 0vw 0vw 0vw;
    margin: -12vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .howto__title {
      width: 58.98738vw;
      padding: 10.98097vw 0vw 0vw 0vw;
      margin: -10.98097vw auto 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .howto__title {
      width: 50.36048rem;
      padding: 9.375rem 0rem 0rem 0rem;
      margin: -9.375rem auto 0rem
    }
  }
  
  .guidance .howto__caption--margin {
    margin: 6.66667vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .howto__caption--margin {
      margin: 5.27086vw auto 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .howto__caption--margin {
      margin: 4.5rem auto 0rem
    }
  }
  
  .guidance .howto__video {
    margin: 9.33333vw auto 0vw;
    position: relative;
    width: 100%;
    padding-top: 56.25%
  }
  
  @media screen and (min-width: 769px) {
    .guidance .howto__video {
      margin: 5.85652vw auto 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .howto__video {
      margin: 5rem auto 0rem
    }
  }
  
  .guidance .howto__video--youtube {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
  }
  
  .guidance .step {
    margin: 4vw auto 0vw;
    padding: 0vw 0vw 16.66667vw 0vw;
    background: #f4f4f4
  }
  
  @media screen and (min-width: 769px) {
    .guidance .step {
      margin: 2.19619vw auto 0vw;
      padding: 0vw 4.39239vw 0vw 4.39239vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .step {
      margin: 1.875rem auto 0rem;
      padding: 0
    }
  }
  
  @media screen and (min-width: 769px) {
    .guidance .step__list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      padding: 9.15081vw 0vw 0vw 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .step__list {
      width: 77.875rem;
      padding: 7.8125rem 0rem 0rem 0rem;
      margin: 0 auto
    }
  }
  
  .guidance .step__section {
    padding: 13.6vw 0vw 0vw 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .step__section {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 0vw 0vw 7.32064vw 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .step__section {
      padding: 0rem 0rem 6.25rem 0rem
    }
  }
  
  @media screen and (min-width: 769px) {
    .guidance .step__block {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex
    }
  }
  
  .guidance .step__numImage {
    width: 20vw;
    margin: 0vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .step__numImage {
      width: 8.19912vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .step__numImage {
      width: 7rem
    }
  }
  
  @media screen and (min-width: 769px) {
    .guidance .step__titleBox {
      width: 32.9429vw;
      margin: 2.19619vw 0vw 0vw 2.78184vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .step__titleBox {
      width: 28.125rem;
      margin: 1.875rem 0rem 0rem 2.375rem
    }
  }
  
  .guidance .step__title {
    width: 77.33333vw;
    margin: 7.33333vw auto 0vw;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 40px;
    font-size: 5.33333vw;
    letter-spacing: 0.1em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
  }
  
  @media screen and (min-width: 769px) {
    .guidance .step__title {
      font-size: 35px;
      font-size: 2.56223vw;
      width: 100%;
      margin: 0
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .step__title {
      font-size: 35px;
      font-size: 2.1875rem
    }
  }
  
  .guidance .step__text {
    font-family: "Noto Sans JP", sans-serif;
    width: 77.33333vw;
    margin: 2vw auto 0vw;
    font-size: 26px;
    font-size: 3.46667vw;
    font-weight: 500;
    line-height: 1.69;
    letter-spacing: 0.1em
  }
  
  @media screen and (min-width: 769px) {
    .guidance .step__text {
      font-size: 14px;
      font-size: 1.02489vw;
      margin: 1.0981vw 0vw 0vw 0vw;
      width: 100%;
      line-height: 2.14
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .step__text {
      font-size: 14px;
      font-size: .875rem;
      margin: .9375rem 0rem 0rem 0rem
    }
  }
  
  @media screen and (min-width: 769px) {
    .guidance .step__text strong {
      font-size: 13px;
      font-size: .95168vw;
      display: inline-block;
      margin: -1.0981vw 0vw 0vw 0vw
    }
  }
  
  .guidance .step__text .text_small {
    display: inline-block;
    font-size: 20px;
    font-size: 2.66667vw;
    margin: 1.33333vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .step__text .text_small {
      font-size: 10px;
      font-size: .73206vw;
      margin: .36603vw auto 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .step__text .text_small {
      font-size: 10px;
      font-size: .625rem;
      margin: .3125rem auto 0rem
    }
  }
  
  @media screen and (min-width: 769px) {
    .guidance .step01 {
      width: 41.21523vw;
      margin: 0vw 0vw 0vw 4.39239vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .step01 {
      width: 35.1875rem;
      margin: 0rem 0rem 0rem 3.75rem
    }
  }
  
  .guidance .step01__image {
    width: 38.66667vw;
    margin: 5.86667vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .step01__image {
      width: 17.56955vw;
      margin: 3.4407vw 0vw 0vw 15.37335vw;
      min-height: 0%
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .step01__image {
      width: 15rem;
      margin: 2.9375rem 0rem 0rem 13.125rem;
      min-height: 0%
    }
  }
  
  @media screen and (min-width: 769px) {
    .guidance .step02 {
      width: 37.84773vw;
      margin: 0vw 4.39239vw 0vw 0vw;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .step02 {
      width: 32.3125rem;
      margin: 0rem 3.75rem 0rem 0rem
    }
  }
  
  .guidance .step02__image {
    width: 52vw;
    margin: 7.33333vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .step02__image {
      width: 27.08638vw;
      margin: 0vw 0vw 0vw 10.54173vw;
      min-height: 0%
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .step02__image {
      width: 23.125rem;
      margin: 0rem 0rem 0rem 9rem;
      min-height: 0%
    }
  }
  
  @media screen and (min-width: 769px) {
    .guidance .step03 {
      width: 41.21523vw;
      margin: 0vw 0vw 0vw 4.39239vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .step03 {
      width: 35.1875rem;
      margin: 0rem 0rem 0rem 3.75rem
    }
  }
  
  .guidance .step03__image {
    width: 52vw;
    margin: 6.53333vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .step03__image {
      width: 27.08638vw;
      margin: 2.78184vw 0vw 0vw 10.76135vw;
      min-height: 0%
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .step03__image {
      width: 23.125rem;
      margin: 2.375rem 0rem 0rem 9.1875rem;
      min-height: 0%
    }
  }
  
  @media screen and (min-width: 769px) {
    .guidance .step04 {
      width: 37.84773vw;
      margin: 0vw 4.39239vw 0vw 0vw;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .step04 {
      width: 32.3125rem;
      margin: 0rem 3.75rem 0rem 0rem
    }
  }
  
  .guidance .step04__image {
    width: 50.66667vw;
    margin: 6.4vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .step04__image {
      width: 26.79356vw;
      margin: 1.46413vw 0vw 0vw 10.39531vw;
      min-height: 0%
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .step04__image {
      width: 22.875rem;
      margin: 1.25rem 0rem 0rem 8.875rem;
      min-height: 0%
    }
  }
  
  .guidance .qa {
    padding: 31.2vw 0vw 0vw 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .qa {
      padding: 15.30015vw 0vw 0vw 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .qa {
      padding: 13.0625rem 0rem 0rem 0rem
    }
  }
  
  .guidance .qa__title {
    width: 41.49584vw;
    padding: 12vw 0vw 0vw 0vw;
    margin: -12vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .qa__title {
      width: 40.68433vw;
      padding: 10.98097vw 0vw 0vw 0vw;
      margin: -10.98097vw auto 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .qa__title {
      width: 34.73425rem;
      padding: 9.375rem 0rem 0rem 0rem;
      margin: -9.375rem auto 0rem
    }
  }
  
  .guidance .qa__caption--margin {
    margin: 5.46667vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .qa__caption--margin {
      margin: 4.02635vw auto 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .qa__caption--margin {
      margin: 3.4375rem auto 0rem
    }
  }
  
  .guidance .qa .qaBox {
    width: 84vw;
    margin: 10.66667vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .qa .qaBox {
      width: 100%;
      margin: 7.32064vw auto 0vw;
      padding: 0vw 13.39678vw 0vw 13.39678vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .qa .qaBox {
      width: 62.5rem;
      margin: 6.25rem auto 0rem;
      padding: 0
    }
  }
  
  .guidance .qa .qaBox .qaList {
    margin: 0vw auto 10.66667vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .qa .qaBox .qaList {
      margin: 0vw auto 7.32064vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .qa .qaBox .qaList {
      margin: 0rem auto 6.25rem
    }
  }
  
  .guidance .qa .qaBox .qaList__title {
    position: relative;
    font-size: 35px;
    font-size: 4.66667vw;
    font-weight: bold;
    letter-spacing: .1em;
    line-height: 1;
    border-bottom: 3px solid #000;
    padding: 0vw 0vw 3.6vw 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .qa .qaBox .qaList__title {
      font-size: 28px;
      font-size: 2.04978vw;
      padding: 0vw 0vw 2.92826vw 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .qa .qaBox .qaList__title {
      font-size: 28px;
      font-size: 1.75rem;
      padding: 0rem 0rem 2.5rem 0rem
    }
  }
  
  .guidance .qa .qaBox .qaList .qaSection {
    position: relative;
    border-bottom: 3px solid #000;
    padding: 6.66667vw 0vw 6.66667vw 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .qa .qaBox .qaList .qaSection {
      padding: 2.48902vw 0vw 2.48902vw 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .qa .qaBox .qaList .qaSection {
      padding: 2.125rem 0rem 2.125rem 0rem
    }
  }
  
  .guidance .qa .qaBox .qaList .qaSection__qBlock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
  
  .guidance .qa .qaBox .qaList .qaSection__number {
    width: 15.33333vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .qa .qaBox .qaList .qaSection__number {
      width: 7.39385vw;
      margin: 0vw 0vw 0vw 3.66032vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .qa .qaBox .qaList .qaSection__number {
      width: 6.3125rem;
      margin: 0rem 0rem 0rem 3.125rem
    }
  }
  
  .guidance .qa .qaBox .qaList .qaSection__title {
    font-size: 30px;
    font-size: 4vw;
    line-height: 1.43;
    padding: 0vw 0vw 0vw 4vw;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  
  @media screen and (min-width: 769px) {
    .guidance .qa .qaBox .qaList .qaSection__title {
      font-size: 22px;
      font-size: 1.61054vw;
      line-height: 1.5;
      letter-spacing: 0.06em;
      padding: 0vw 16.47145vw 0vw 3.66032vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .qa .qaBox .qaList .qaSection__title {
      font-size: 22px;
      font-size: 1.375rem;
      padding: 0rem 14.0625rem 0rem 3.125rem
    }
  }
  
  .guidance .qa .qaBox .qaList .qaSection__aBlock {
    font-size: 24px;
    font-size: 3.2vw;
    letter-spacing: 0.035em;
    line-height: 1.75;
    display: none;
    margin: 4.66667vw 0vw 0vw 0vw
  }
  
  .guidance .qa .qaBox .qaList .qaSection__aBlock a {
    text-decoration: underline
  }
  .guidance .qa .qaBox .qaList .space {
    padding-left:1em;
    text-indent:-1em;
  }
  .indent {
        display: inline-block;
    padding-left:1em;
  text-indent:-1em;
  }
  @media screen and (min-width: 769px) {
    .guidance .qa .qaBox .qaList .qaSection__aBlock {
      font-size: 14px;
      font-size: 1.02489vw;
      margin: 1.46413vw 0vw 0vw 14.64129vw;
      padding: 0vw 14.64129vw 0vw 0vw;
      line-height: 2.14
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .qa .qaBox .qaList .qaSection__aBlock {
      font-size: 14px;
      font-size: .875rem;
      margin: 1.25rem 0rem 0rem 12.5rem;
      padding: 0rem 12.5rem 0rem 0rem
    }
    .guidance .qa .qaBox .qaList .space {
        padding-left:1em;
	    text-indent:-1em;
      }
      .indent {
        display: inline-block;
        padding-left:1em;
	    text-indent:-1em;
      }
  }
  
  .guidance .qa .qaBox .qaList .qaSection__aBlock .buttonClose {
    position: absolute;
    right: 0vw;
    bottom: -.8vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .qa .qaBox .qaList .qaSection__aBlock .buttonClose {
      position: absolute;
      right: 3.66032vw;
      bottom: 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .qa .qaBox .qaList .qaSection__aBlock .buttonClose {
      right: 3.125rem;
      bottom: 0rem
    }
  }
  
  .guidance .qa .qaBox .qaList__cautionBody {
    margin: 2.66667vw 0vw 2.66667vw 0vw;
    padding: 5.33333vw 8vw 5.33333vw 8vw;
    border-left: 3px solid #000;
    border-right: 3px solid #000
  }
  
  @media screen and (min-width: 769px) {
    .guidance .qa .qaBox .qaList__cautionBody {
      margin: 1.0981vw auto 1.0981vw;
      padding: 3.29429vw 4.39239vw 3.66032vw 4.39239vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .qa .qaBox .qaList__cautionBody {
      margin: .9375rem auto .9375rem;
      padding: 2.8125rem 3.75rem 3.125rem 3.75rem
    }
  }
  
  @media screen and (min-width: 769px) {
    .guidance .qa .qaBox .qaList__cautionListBody {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between
    }
  }
  
  .guidance .qa .qaBox .qaList__cautionTitle {
    font-size: 30px;
    font-size: 4vw;
    line-height: 1.43;
    margin: 0vw 0vw 5.33333vw 0vw;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    letter-spacing: 0.06em
  }
  
  @media screen and (min-width: 769px) {
    .guidance .qa .qaBox .qaList__cautionTitle {
      font-size: 22px;
      font-size: 1.61054vw;
      line-height: 1.5;
      margin: 0vw 0vw 1.46413vw 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .qa .qaBox .qaList__cautionTitle {
      font-size: 22px;
      font-size: 1.375rem;
      margin: 0rem 0rem 1.25rem 0rem
    }
  }
  
  .guidance .qa .qaBox .qaList__cautionList {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 1.75;
    letter-spacing: 0.035em
  }
  
  @media screen and (min-width: 769px) {
    .guidance .qa .qaBox .qaList__cautionList {
      font-size: 14px;
      font-size: 1.02489vw;
      line-height: 2.14
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .qa .qaBox .qaList__cautionList {
      font-size: 14px;
      font-size: .875rem
    }
  }
  
  .guidance .shoplist {
    padding: 19.33333vw 0vw 2.66667vw 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .shoplist {
      padding: 8.19912vw 0vw .73206vw 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .shoplist {
      padding: 7rem 0rem 1.25rem 0rem
    }
  }
  
  .guidance .shoplist__title {
    width: 64.92161vw;
    padding: 12vw 0vw 0vw 0vw;
    margin: -12vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .shoplist__title {
      width: 63.65207vw;
      padding: 10.98097vw 0vw 0vw 0vw;
      margin: -10.98097vw auto 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .shoplist__title {
      width: 54.34296rem;
      padding: 9.375rem 0rem 0rem 0rem;
      margin: -9.375rem auto 0rem
    }
  }
  
  .guidance .shoplist__caption--margin {
    margin: 6vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .shoplist__caption--margin {
      margin: 2.04978vw auto 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .shoplist__caption--margin {
      margin: 2.04978vw auto 0vw
    }
  }
  
  .guidance .shoplist .line {
    margin: 12.66667vw 0vw 12.66667vw 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .shoplist .line {
      margin: 5.85652vw 0vw 5.49048vw 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .shoplist .line {
      margin: 5rem 0rem 4.6875rem 0rem
    }
  }
  
  .guidance .shoplist__subTitle {
    text-align: center;
    line-height: 1
  }
  
  .guidance .shoplist__subTitle path {
    fill: #ff6e91;
    stroke: #ff6e91
  }
  
  .guidance .shoplist__subTitleSize {
    width: 81.88997vw;
    height: 6.39639vw;
    margin: 0vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .shoplist__subTitleSize {
      width: 46.92998vw;
      height: 3.66947vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .shoplist__subTitleSize {
      width: 40.06647rem;
      height: 3.13281rem
    }
  }
  
  .guidance .shoplist .shoplistSection__shopName01 {
    width: 40.62669vw;
    margin: 4vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .shoplist .shoplistSection__shopName01 {
      width: 18.30318vw;
      margin: 3.66032vw auto 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .shoplist .shoplistSection__shopName01 {
      width: 15.62634rem;
      margin: 3.125rem auto 0rem
    }
  }
  
  .guidance .shoplist .shoplistSection__shopName02 {
    width: 42.00312vw;
    margin: 4vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .shoplist .shoplistSection__shopName02 {
      width: 18.92054vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .shoplist .shoplistSection__shopName02 {
      width: 16.15341rem
    }
  }
  
  .guidance .shoplist .shoplistSection__textStart {
        font-size: 20px;
    font-size: 2.66667vw;
    font-weight: bold;
    text-align: center;
    line-height: 1.1;
    margin: 6vw auto 0vw;
    width: 33.33333vw;
    position: relative
  }
  
  @media screen and (min-width: 769px) {
    .guidance .shoplist .shoplistSection__textStart {
      font-size: 13px;
      font-size: .95168vw;
      width: 11.347vw;
      margin: 1.46413vw auto 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .shoplist .shoplistSection__textStart {
      font-size: 13px;
      font-size: .8125rem;
      width: 9.6875rem;
      margin: 1.25rem auto 0rem
    }
  }
  
  .guidance .shoplist .shoplistSection__textStart .circle {
    top: 0vw;
    left: -.66667vw
  }
  
  .guidance .shoplist .shoplistBlock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 83.73333vw;
    margin: 10vw auto 0vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .shoplist .shoplistBlock {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      padding: 0vw 13.39678vw 0vw 13.39678vw;
      margin: 5.49048vw auto 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .shoplist .shoplistBlock {
      width: 62.5rem;
      padding: 0;
      margin: 4.6875rem auto 0rem
    }
  }
  
  .guidance .shoplist .shoplistBlock .shoplistBlockViewColumn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  
  .guidance .shoplist .shoplistBlock .shoplistBlockFloorColumn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  
  @media screen and (min-width: 769px) {
    .guidance .shoplist .shoplistBlock .shoplistBlockFloorColumn {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 19.76574vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .shoplist .shoplistBlock .shoplistBlockFloorColumn {
      width: 16.875rem
    }
  }
  
  .guidance .shoplist .shoplistBlock .shoplistBlockFloorColumn__image {
    border-top: 3px solid #000;
    width: 8vw;
    padding: 3.73333vw 7.46667vw 0vw 0vw;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
  }
  
  @media screen and (min-width: 769px) {
    .guidance .shoplist .shoplistBlock .shoplistBlockFloorColumn__image {
      border: none;
      width: 4.02635vw;
      padding: 0vw 0vw 1.1713vw 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .shoplist .shoplistBlock .shoplistBlockFloorColumn__image {
      width: 3.4375rem;
      padding: 0rem 0rem 1rem 0rem
    }
  }
  
  .guidance .shoplist .shoplistBlock .shoplistBlockFloorColumn__list {
    width: 62.53333vw;
    border-top: 3px solid #000;
    padding: 3.73333vw 0vw 7.33333vw 0vw;
    margin: 0vw 0vw 0vw 5.33333vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .shoplist .shoplistBlock .shoplistBlockFloorColumn__list {
      width: 100%;
      margin: 0vw 0vw 0vw 0vw;
      padding: 1.83016vw 0vw 2.56223vw 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .shoplist .shoplistBlock .shoplistBlockFloorColumn__list {
      padding: 1.5625rem 0rem 2.1875rem 0rem
    }
  }
  
  .guidance .shoplist .shoplistBlock .shoplistBlockFloorColumn__list li {
    font-size: 24px;
    font-size: 3.2vw;
    font-weight: bold;
    letter-spacing: 0.06em;
    line-height: 1.33;
    margin: 0vw 0vw 2.66667vw 5.33333vw;
    position: relative
  }
  
  @media screen and (min-width: 769px) {
    .guidance .shoplist .shoplistBlock .shoplistBlockFloorColumn__list li {
      font-size: 13px;
      font-size: .95168vw;
      margin: 0vw 0vw .73206vw 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .shoplist .shoplistBlock .shoplistBlockFloorColumn__list li {
      font-size: 13px;
      font-size: .8125rem;
      margin: 0rem 0rem .625rem 0rem
    }
  }
  
  .guidance .shoplist .shoplistBlock .shoplistBlockFloorColumn__list li .circle {
    top: .8vw;
    left: -3.73333vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .shoplist .shoplistBlock .shoplistBlockFloorColumn__list li .circle {
      top: .07321vw;
      left: -1.83016vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .shoplist .shoplistBlock .shoplistBlockFloorColumn__list li .circle {
      top: .0625rem;
      left: -1.5625rem
    }
  }
  
  .guidance .shoplist .buttonClose {
    margin: 2.66667vw 8vw 0vw 0vw;
    margin-left: auto
  }
  
  .guidance .linkNewoman ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  
  @media screen and (min-width: 769px) {
    .guidance .linkNewoman ul {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
      justify-content: space-around
    }
  }
  
  .guidance .linkNewoman ul li {
    border-top: 3px solid #000;
    border-bottom: 3px solid #000
  }
  
  @media screen and (min-width: 769px) {
    .guidance .linkNewoman ul li {
      width: 50%
    }
  }
  
  .guidance .linkNewoman ul li:last-child {
    border-top: none
  }
  
  @media screen and (min-width: 769px) {
    .guidance .linkNewoman ul li:last-child {
      border-top: 3px solid #000;
      border-left: 3px solid #000
    }
  }
  
  .guidance .linkNewoman a {
    display: block;
    background: #fff;
    padding: 5.33333vw 0vw 5.33333vw 0vw;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: 100%
  }
  
  .guidance .linkNewoman a path {
    fill: #52e1f5;
    stroke: #52e1f5;
    stroke-width: .02em
  }
  
  @media screen and (min-width: 769px) {
    .guidance .linkNewoman a {
      padding: 3.29429vw 0vw 3.29429vw 0vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .linkNewoman a {
      padding: 2.8125rem 0rem 2.8125rem 0rem
    }
  }
  
  .guidance .linkNewoman a:hover, .guidance .linkNewoman a:focus {
    background: #52e1f5
  }
  
  .guidance .linkNewoman a:hover path, .guidance .linkNewoman a:focus path {
    fill: #fff;
    stroke: #fff
  }
  
  .guidance .linkNewoman__image {
    text-align: center;
    line-height: 1
  }
  
  .guidance .linkNewoman__shinjukuSize {
    width: 56.73639vw;
    height: 12.90996vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .linkNewoman__shinjukuSize {
      width: 24.8815vw;
      height: 5.83958vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .linkNewoman__shinjukuSize {
      width: 21.24258rem;
      height: 4.98554rem
    }
  }
  
  .guidance .linkNewoman__yokohamaSize {
    width: 62.80917vw;
    height: 12.92464vw
  }
  
  @media screen and (min-width: 769px) {
    .guidance .linkNewoman__yokohamaSize {
      width: 27.67851vw;
      height: 5.84615vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .guidance .linkNewoman__yokohamaSize {
      width: 23.63052rem;
      height: 4.99115rem
    }
  }
  
  .moreBtn {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    width: 18.03177vw
  }
  
  @media screen and (min-width: 769px) {
    .moreBtn {
      width: 6.24786vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .moreBtn {
      width: 5.33411rem
    }
  }
  
  .moreBtn-qa {
    position: absolute;
    right: 0vw;
    bottom: .4vw
  }
  
  @media screen and (min-width: 769px) {
    .moreBtn-qa {
      right: 3.66032vw;
      bottom: .29283vw
    }
  }
  
  @media screen and (min-width: 1366px) {
    .moreBtn-qa {
      right: 3.125rem;
      bottom: .25rem
    }
  }
  
  .moreBtn-shoplist {
    margin: 7.46667vw 8vw 0vw 0vw;
    margin-left: auto
  }
  
  @media screen and (min-width: 769px) {
    .moreBtn-shoplist {
      margin: 2.92826vw 13.39678vw 0vw 0vw;
      margin-left: auto
    }
  }
  
  @media screen and (min-width: 1366px) {
    .moreBtn-shoplist {
      margin: 2.5rem 11.4375rem 0rem 0rem;
      margin-left: auto
    }
}

.buttonClose {
    display: block;
    width: 10.66667vw
}

@media screen and (min-width: 769px) {
    .buttonClose {
        width: 3.80673vw
    }
}

@media screen and (min-width: 1366px) {
    .buttonClose {
        width: 3.25rem
    }
}

.opacity {
    opacity: 0 !important
}

.circle {
    content: "";
    display: inline-block;
    width: 2.66667vw;
    height: 2.66667vw;
    border-radius: 50%;
    background: #ff6e91;
    position: absolute
}

@media screen and (min-width: 769px) {
    .circle {
        width: 1.02489vw;
        height: 1.02489vw
    }
}

@media screen and (min-width: 1366px) {
    .circle {
        width: .875rem;
        height: .875rem
    }
}

.toggleArrow {
    position: relative
}

.toggleArrow:after {
    content: "";
    position: absolute;
    top: 1.6vw;
    right: 0vw;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 2.66667vw;
    height: 2.66667vw;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

@media screen and (min-width: 769px) {
    .toggleArrow:after {
        top: .29283vw;
        right: 2.92826vw;
        width: 1.46413vw;
        height: 1.46413vw;
        border-top: solid 3px #000;
        border-right: solid 3px #000
    }
}

@media screen and (min-width: 1366px) {
    .toggleArrow:after {
        top: .25rem;
        right: 2.5rem;
        width: 1.25rem;
        height: 1.25rem
    }
}

.toggleArrow.open:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.toggleTarget {
    display: none
}

  
  /*# sourceMappingURL=style.min.css.map */