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;
}

p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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;
  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
}

html{
  scroll-padding-top:15vw; 
}

@media screen and (min-width: 769px) {
html{
scroll-padding-top:6vw; 
  }
}

@media screen and (min-width: 1366px) {
html{
  scroll-padding-top:10rem;
}
}

/*
@media(min-width:769x) {
  .sp {
    display: none !important;
  }

  .pc {
    display: block;
  }
  .guidance .sp {
    display: none !important;
  }
  
  .guidance .pc {
    display: block;
  }
}

@media(max-width:768px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block;
  }
  .guidance .pc {
    display: none !important;
  }
  .guidance .sp {
    display: block;
  }
}
*/




@media(min-width:751px) {
  .sp {
    display: none !important;
  }
  .pc {
    display: block;
  }
}

@media(max-width:750px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block;
  }
}


@media(min-width:1100px) {
  .sp_tablet{
    display: none;
  }
}


.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: 'Noto Sans JP', "Helvetica Neue", Helvetica, "游ゴシック", 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;
  opacity: 0.7;
}

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;
  overflow: hidden;
}

@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: 77.4vw;
  margin: 2.3vw 0vw 0vw 4.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: 26.9rem;
    margin: 1rem 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;*/
    padding-left: 3vw;
  }
}

@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;*/
    width: 47.5rem;
  }
}

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

  }
}

@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.1rem 1rem 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: #000;
    border-radius: 20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid #000;
  }

  .gNavi .pcMenuList ul li a path {
    fill: #fff
  }

  .gNavi .pcMenuList ul li a:hover {
    border: 1px solid #004A9F;
    background: #fff
  }

  .gNavi .pcMenuList ul li a:hover path {
    fill: #004A9F
  }
}

@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
  }
  .gNavi .pcMenuList ul li a .gNav-imgSize-pc04 {
    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
  }
  .gNavi .pcMenuList ul li a .gNav-imgSize-pc04 {
    width: 7.5rem;
    margin: .4375rem 0rem 0rem 0rem
  }
}

.spMenu {
  position: fixed;
  top:-1vw;
  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: #000;
}

.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: #004A9F;
}
.spMenuList li a:hover, .spMenuList li a:focus {
  background: #004A9F;
}

.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: 17.71221vw;
  height: 8.71891vw;
  margin: 1.86667vw 0vw 0vw 0vw
}

.spMenuList li a .gNav-imgSize-sp05 {
  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
}

.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 (max-width: 767px) {
  .js-topBK-position {
    right: 2.5rem !important;
    bottom: 6.25rem !important
  }
}

@media screen and (max-width: 768px) {
  .mainVisual {
    position: relative;
    width: 100%;
    height: 177vw;
  }

  .onelumine_obi {
    position: relative;
    width: 100%;
    height: 32.9vw/*24vw*/;
    background-color: #FFBD2A;
  }

  .onelumine_obi .obi_text {
    padding: 4.4vw 3.5vw 1.4vw 4.5vw;
  }

  .onelumine_obi .obi_text img {
    width:25.6vw;
    vertical-align: -1px;
    margin: 0 4px 0 0;
  }

  .onelumine_obi .obi_text p {
    font-size: 3.73vw;
    font-weight: 600;
    font-family: "Noto Sans JP";
    letter-spacing: 1px;
    line-height: 1.325;
  }

  img .onelumine_logo {
    width: 100px;
  }

  .onelumine_obi .obi_text p.text span {
    font-size: 3.8vw;
    font-weight: 600;
    font-family: "Futura Md BT";
    letter-spacing: 0px;
  }

  .onelumine_obi .obi_text p.pink {
    color: #004A9F;
    font-size: 4.8vw;
    letter-spacing: 1px;
  }

  .onelumine_obi .obi_text p.pink span {
    font-size: 3.5vw;
  }

  .onelumine_obi .btn {
    /*
    position: absolute;
    top: 25px;
    right: 3vw;
    background-color: #004A9F;
    padding: 3.5vw 7.5vw 3.5vw 3vw;
    border-radius: 4vw;
    transition: all 0.3s;
    border: 1px solid #004A9F;
    */
    background-color: #fff;
    border-radius: 16vw;
    transition: all 0.3s;
    margin: 3.3vw auto 0 auto;
    width: 54%;
    text-align: center;
  }

  .onelumine_obi .btn a {
    display: block;
    padding: 3.5vw 3vw 3vw 0;
    border-radius: 16vw;
    background-color: #00BDE0;
    color: #fff;
    font-weight: 600;
    font-size: 3vw;
    position: relative;
    letter-spacing: 0.07rem;
    line-height: 1rem;
  }

  .onelumine_obi .btn a::after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right:4.27vw;
    width: 2.13vw;
    height: 2.13vw;
    border-top: 0.7vw solid #fff;
    border-right: 0.7vw solid #fff;
    transform: rotate(45deg);
    border-radius: 1px;
  }

  .onelumine_obi .btn a:hover {
    border: 1px solid #00BDE0;
    background: #fff;
    color: #00BDE0;
    opacity: 0.7;
  }

  .onelumine_obi .btn a:hover::after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right:4.27vw;
    width: 2.13vw;
    height: 2.13vw;
    border-top: 0.7vw solid #00BDE0;
    border-right: 0.7vw solid #00BDE0;
    transform: rotate(45deg);
    border-radius: 1px;
  }

}


@media screen and (min-width: 769px) {
  .mainVisual {
    height: 55.5vw;
    /*height:56.1vw;*/
  }

  .onelumine_obi .obi_text img {
    width: 10vw;
    vertical-align: -1px;
    margin: 0 4px 0 0px;
  }

  .onelumine_obi {
    position: relative;
    width: 100%;
    height:10.26vw;
    background-color:#FFBD2A;
  }

  .onelumine_obi .obi_text {
    padding:1.9vw 0 2.2vw 0;
    text-align: center;

/*     padding: 1.75vw 0;
   display: flex;
    align-items: center;
    justify-content: center;
*/
  }

  .onelumine_obi .obi_text p {
    font-size: 1.33vw;
    font-weight: 600;
    font-family: "Noto Sans JP";
    letter-spacing: 2.5px;
    font-feature-settings: "palt";
  }
  .onelumine_obi .obi_text p.text {
    margin: 0 31.5px 0 10px;
  }

  .onelumine_obi .obi_text p.text span {
    font-size: 1.7vw;
    font-weight: 600;
    font-family: "Futura Md BT";
  }

  .onelumine_obi .obi_text p.pink {
    color: #004A9F;
    font-size: 2vw;
  }

  .onelumine_obi .obi_text p.pink span {
    font-size: 1.5vw;
  }

  .onelumine_obi .btn {
    position: static;
    margin-top: 1.6vw;
  }

  .onelumine_obi .btn a {
    color: #fff;
    font-weight: 600;
    background-color: #00BDE0;
    border-radius: 44px;
    transition: all 0.3s;
    border: 1px solid #00BDE0;
    font-size: 1.5vw;
    padding: 12.6144px 3vw 12.6144px 3.2vw;
    position: relative;
    letter-spacing: 2px;
  }

  .onelumine_obi .btn a::after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8%;
    width: 1vw;
    height: 1vw;
    max-width: 12px;
    max-height: 12px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    border-radius: 1px;
  }

  .onelumine_obi .btn a:hover {
    border: 1px solid #004A9F;
    background: #fff;
    color: #004A9F;
  }

  .onelumine_obi .btn a:hover::after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 22px;
    width: 12px;
    height: 12px;
    border-top: 3px solid #004A9F;
    border-right: 3px solid #004A9F;
    transform: rotate(45deg);
    border-radius: 1px;
  }
}

@media all and (-ms-high-contrast: none) {
  .mainVisual {
    height: 47.29136vw;
  }
}

.mainVisual .mainVisual-wrap {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  /*background-image:url( ../img/mainVisual_sp.png);*/
  background-color: #10cedc;
  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;
    /*
    background-image:url( ../img/mainVisual_pc.png);*/
  }
}

@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:133.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 --*/

.webpay {
  padding: 20vw 0vw 18.53333vw 0vw;
  background: #fff;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .webpay {
    padding: 10.54173vw 0vw 9.37042vw 0vw;
    background-image: url(../img/webpay_bg01_pc.png), url(../img/webpay_bg02_pc.png), url(../img/webpay_bg03_pc.png);
    background-position: left top, right bottom, left 24.5% bottom 4%;
    background-size: 26% auto, 25.6% auto, 11.2% auto;
    background-repeat: no-repeat, no-repeat, no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .webpay {
    padding: 21.54173vw 0vw 21.8vw 0vw;
    background-image: url(../img/webpay_bg01_sp.png), url(../img/webpay_bg02_sp.png), url(../img/webpay_bg03_sp.png), url(../img/webpay_bg04_sp.png);
    background-position:left top, right top 4%, left bottom 1%, right bottom;
    background-size:31% auto, 18.6% auto, 19.2% auto, 48.2% auto;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  }
}



@media screen and (min-width: 1366px) {
  .webpay {
    padding: 9rem 0rem 10.4rem 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 (max-width: 768px) {
.webpay__title {
  width:81.8vw;
  margin: 1.6rem auto;
  }
}

@media screen and (min-width: 769px) {
  .webpay__title {
    font-size: 70px;
    font-size: 5.12445vw;
    font-weight: 500;
    margin: 2.5rem auto 2.25rem auto;
    line-height: 1;
    width:46.3vw;
  }
}
/*
@media screen and (min-width: 1366px) {
  .webpay__title {
    width:46.3vw;
    
  }
}
*/
.webpay__caption {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 32px;
  font-size: 4.26667vw;
  font-weight: bold;
  color: #000;
  text-align: center;
  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:2.8125rem 0rem 0rem 0rem;
   }

}

@media screen and (max-width: 767px) {
  .webpay .onelumine_yellow {
    width: 86vw;
    max-width: 800px;
    padding: 20px 0;
    background-color: #ffeb00;
    margin: 0 auto;
    border-radius: 13px;
    margin-top: 37px;
  }

  .webpay .onelumine_yellow p {
    font-size: 16px;
    font-weight: 600;
    font-family: "Noto Sans JP";
    letter-spacing: 1.5px;
    font-feature-settings: "palt";
    text-align: center;
  }

  .webpay .onelumine_yellow p img {
    width: 28vw;
    vertical-align: -1px;
    margin: 0 3px 0 0;
  }

  .webpay .onelumine_yellow p.pink {
    color: #004A9F;
  }

  .webpay .annotation {
    width: 86vw;
    max-width: 800px;
    font-size: 2.66667vw;
    margin: 18px auto;
  }
}

.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 (max-width: 768px) {
  .webpay__text {
    font-size: 3.73333vw;
    margin:1.8vw auto 7.8vw auto;
  }
}



@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
  }
/*不要
  .webpay .onelumine_yellow {
    width: 62vw;
    max-width: 800px;
    padding: 20px 0;
    background-color: #ffeb00;
    margin: 0 auto;
    border-radius: 20px;
    margin-top: 37px;
  }

  .webpay .onelumine_yellow p {
    font-size: 20px;
    font-weight: 600;
    font-family: "Noto Sans JP";
    letter-spacing: 2.5px;
    font-feature-settings: "palt";
    text-align: center;
  }

  .webpay .onelumine_yellow p img {
    width: 140px;
    vertical-align: -1px;
    margin: 0 3px 0 0px;
  }

  .webpay .onelumine_yellow p.pink {
    color: #004A9F;
    letter-spacing: 1.5px;
  }

  .webpay .annotation {
    width: 62vw;
    max-width: 800px;
    font-size: 12px;
    margin: 18px auto;
    letter-spacing: 1px;
  }
  */
}

@media screen and (min-width: 1366px) {
  .webpay__text {
    font-size: 19px;
    font-size: 1.1875rem;
    margin:2.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
  }
}
*/
.webpay .tenoff .btn{
  text-align: center;
  margin: 20px 0 0 0;
}
.webpay .tenoff .btn a{
  color: #fff;
  font-weight: 600;
  background-color: #004A9F;
  border-radius: 44px;
  transition: all 0.3s;
  border: 1px solid #004A9F;
  font-size: 1.1vw;
  padding: 10.6144px 4vw 10.6144px 3.5vw;
  position: relative;
  letter-spacing: 2px;
}

.webpay .tenoff .btn a::after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    width: 2vw;
    height: 2vw;
    max-width: 8px;
    max-height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    border-radius: 1px;
}

@media screen and (max-width: 767px)  {
  .webpay .tenoff .webpay__text{
    text-align: center;
  }
  .webpay .tenoff .btn a {
    font-size: 3.4vw;
    top: 10px;
    background-color: #004A9F;
    padding: 3.5vw 11.5vw 3.5vw 10vw;
    border-radius: 12vw;
    transition: all 0.3s;
    border: 1px solid #004A9F;
  }
  .webpay .tenoff .btn a::after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    width: 2vw;
    height: 2vw;
    max-width: 12px;
    max-height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    border-radius: 1px;
  }
  
}


.howto__caption, .qa__caption, .shoplist__caption, .privacy__caption {
  font-size: 40px;
  font-size: 5.33333vw;
  letter-spacing:3.5px;
  text-align: center;
  font-weight: bold;
  line-height: 1
}
.privacy__caption span{
  font-size: 0.9rem;
  display: inline-block;
  margin-bottom: 0.3rem;
}

@media screen and (min-width: 769px) {
  .howto__caption, .qa__caption, .shoplist__caption, .privacy__caption {
    font-size: 35px;
    font-size: 2.56223vw;
    margin: 5.27086vw auto 0vw
  }
  .privacy__caption span{
    font-size: 1.5vw;
  }
}

@media screen and (min-width: 769px) {
  .howto__caption, .qa__caption, .shoplist__caption, .privacy__caption {
    font-size: 35px;
    font-size: 2.1875rem;
    margin: 4.5rem auto 0rem
  }
  .privacy__caption span{
    font-size: 1.5rem;
    display: inline-block;
    margin-bottom: 0.5rem;
  }
}

/*-- point --*/
.pointArea{
  background-color:#FAF3E7;
}
.pointArea[data-num="1"]{
  background-color:#FAF3E7;
}
.pointArea[data-num="2"]{
  background-color:#FAF3E7;
}
.pointArea[data-num="3"]{
  background-color:#FAF3E7;
}
.pointArea[data-num="4"]{
  background-color:#FAF3E7;
}

.pointArea_inner{
  padding-top: 10.5rem;
}
.pointArea_ttl{
  width: 27.3125rem;
  margin: 0 auto;
}
.pointArea_ttl .ttl_cap{
  display: block;
 font-size:2.1875rem;
 letter-spacing: 3.5px;
 text-align: center;
 margin-top: 2rem;
}
.point_contents{
 width: 100%;
 margin: 0 auto;
 padding:40vh 0 50vh 0;
}
.point_contents .numBox{
  position: absolute;
  top: 4.2vw;
  /*top:5.4rem;*/
  left: 30.2vw;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.44vw;
  height: 2.81vw;
  border-radius: 2.29vw;
  font-size: 1.05vw;
  font-weight: 900;
  background-color: #ffffff;
  letter-spacing: 0.35vw;
}
.point_contents .txtBox{
  position: absolute;
  top:4.7vw;
  /*top:5.6rem;*/
  left: 38.8vw;
  font-size: 1.35vw;
  font-weight:700;
  letter-spacing: 0.104vw;
}

.point_contents .scroll_container{
  width: 100%;
}
.point_contents .scroll_container{
  display: flex;
  column-gap: 2.5vw;
  position: absolute;
  /*  top: 9rem;*/
  top: 9.7vw;
  left: 0;
  padding-left: 30vw;
}

.point_contents .scroll_box {
  width:50vh;
}
.point_contents .scroll_box .outBox{
  font-size: 1.2rem;
  font-weight: bold;
/*  padding-left: 7%;*/
  margin-top: 10px;
  text-align: center;
}
.point_contents .scroll_box .outBox a{
text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .pointArea_inner{
    padding-top: 18vw;
  }
  .pointArea_ttl{
    width:51vw;
  }
  .pointArea_ttl .ttl_cap{
    font-size: 5.33vw;
    margin-top: 6vw;
    font-weight: 900;
  }

  .point_contents{
    width: 100%;
    margin: 0 auto;
    padding: 40vh 0 46vh 0;
  }
  .point_contents .numBox{
   top: 12vw;
 /*top:5vh;*/
    left: 7.2vw;
    font-size: 3.73vw;
    width: 23.4vw;
    height: 9.9vw;
    border-radius: 10vw;
  }
  .point_contents .txtBox {
    position: absolute;
    top: 23.8vw;
    /*top:11vh;*/
    left: 6.8vw;
    font-size: 4.26vw;
    font-weight: 700;
    letter-spacing: 0.3vw;
  }
  .point_contents .scroll_container{
    column-gap: 5.5vw;
    /*top: 17vh;*/
    top: 40vw;
    padding-left: 7vw;
  }
  .point_contents .scroll_box {
    width: 35.8vh;
  }
  .point_contents .scroll_box .outBox{
    font-size:3.2vw;
  }
}



/*-- guidance --*/
.guidance {
  position: relative;
  z-index: 2;
  padding: 23.73333vw 0vw 0vw 0vw;
  background: #fff;
}

@media screen and (min-width: 769px) {
  .guidance {
    padding: 13rem 0rem 0rem 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: 26.36048vw;
    padding: 8.375rem 0rem 0rem 0rem;
    margin: -9.375rem auto 0rem;
  }
}

.guidance .howto__caption--margin {
  margin: 7.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: 3.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:8vw auto 0vw;
  padding: 0vw 0vw 10.66667vw 0vw;
}

@media screen and (max-width: 768px) {

  .guidance .step .annotation {
    width: 95%;
    font-size: 2.66667vw;
    margin: 18px auto;
  }

  .guidance .step .onelumine_yellow {
    width: 91vw;
    padding:7vw 0;
    background-color: #FFBD2A;
    margin: 0 auto;
    border-radius: 50vw;
    text-align: center;
  }
  .guidance .step .onelumine_yellow .text {
    font-size: 4vw;
    font-weight: 600;
    font-family: "Noto Sans JP";
    letter-spacing: 0.5px;
    font-feature-settings: "palt";
    margin-bottom: 3.7vw;
    line-height:1.67;
  }
  .guidance .step .onelumine_yellow .text img{
    width:33vw;
    vertical-align: -1px;
    margin: 0 3px 0 0;
  }
  .guidance .step .onelumine_yellow a {
    color: #fff;
    font-weight: 600;
    background-color: #10CEDC;
    border-radius: 44px;
    transition: all 0.3s;
    border: 1px solid #10CEDC;
    font-size: 4vw;
    padding: 4px 8vw;
    position: relative;
    letter-spacing: 2.5px;
  }
  .guidance .step .onelumine_yellow .btn a:hover {
    border: 1px solid #10CEDC;
    background: #fff;
    color: #10CEDC;
  }

  .guidance .chart {
    margin-top: 9.6vw;
  }

  .guidance .chart .shopping {
    background-image: url('../img/howto_chart_shopping_sp.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    height: 66vw;
    z-index: -1;
  }

  .guidance .chart .shopping .box {
    position: relative;
    height: 32.4vw;

  }

  .guidance .chart .shopping p.text {
    display: block;
    position: absolute;
    top: 36%;
    left: 18.5%;
    width: 71%;
    font-weight: 700;
    text-align: center;
    letter-spacing: 3px;
    font-size: 4.5vw;
    line-height: 1.5;
  }

  .guidance .chart .shopping img.icon {
    position: absolute;
    top: 27%;
    left: 13.5%;
    width: 11%;
  }

  .guidance .chart .shopping p.shopping_annotation{
    display: block;
    position: absolute;
    bottom: 4%;
    left: 5%;
    font-size: 2.4vw;
    text-align: center;
    letter-spacing: 1px;
  }
  /*
  .guidance .chart .shopping .flex {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 12vw;
    width: 85%;
  }

  .guidance .chart .shopping p.text {
    font-weight: 600;
    font-family: "Noto Sans JP";
    text-align: center;
    letter-spacing: 3px;
    font-size: 4.5vw;
    line-height: 1.6rem;
  }

  .guidance .chart img.icon {
    width: 46px;
    margin-right: 6vw;
  }
*/
  .guidance .chart .get {
    background-image: url(../img/howto_chart_get_sp.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: relative;
    height: 62vw;
    z-index: -1;
    margin-top:-16vw/* -3.9rem*/;
  }
  .guidance .chart .get p.text {
    display: block;
    position: absolute;
    top:54.5%;
/*    left: 23%;*/
    left: 17%;
    width: 71%;
    font-weight: 700;
    text-align: center;
    letter-spacing: 4px;
    font-size:4.26vw;
    line-height: 1.5;
  }
  .guidance .chart .get p.small {
    display: block;
    position: absolute;
    top: 68.5%;
    left: 30%;
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 4vw;
    width: 65%;
  }
  .guidance .chart .get img.icon {
    position: absolute;
    top: 62%;
    left: 7.5%;
    width: 20vw;
  }
  
  .guidance .get_annotation{
    width: 95vw;
    font-size: 2.7vw;
    margin: 5vw auto 0 auto;
    text-align: center;
  }
  /*
  .guidance .chart .get .flex {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 33vw;
    width: 90%;
  }

  .guidance .chart .get p.text {
    font-weight: 600;
    font-family: "Noto Sans JP";
    text-align: center;
    letter-spacing: 3px;
    font-size: 4.5vw;
  }

  .guidance .chart .get p.small {
    font-weight: 500;
    font-family: "Noto Sans JP";
    text-align: center;
    letter-spacing: 1px;
    font-size: 4.2vw;
    line-height: 1.5rem;
    margin-top: -0.3rem;
  }
    */
/*
  .guidance .chart .shopping p.shopping_annotation {
    font-size: 2.66667vw;
    text-align: center;
    line-height: 1.4rem;
  }

  .guidance .chart .get img.icon {
    width: 28vw;
  }
*/
  .guidance .chart_main {
    margin-top: -17vw;
/*    margin-bottom:200vw 187vw;*/
  }

  .guidance .chart_main p.ttl {
    font-size: 4vw;
    font-weight: 600;
    font-family: "Noto Sans JP";
    letter-spacing: 1.5px;
    font-feature-settings: "palt";
    text-align: center;
    line-height: 5.2vw;
    margin-bottom: 12px;
  }

  .guidance .chart_main p.ttl img {
    width: 28vw;
    vertical-align: -1px;
    margin: 0 3px 0 0;
  }

  .guidance .chart_main p.ttl span.small {
    font-size: 3vw;
    font-weight: 600;
    line-height: 0;
  }

  .guidance .onelumine {
    /*display: flex;*/
    background-color: #FFBD2A;
    flex-direction: column;
    align-items: center;
    z-index: 2;
    border-radius: 18px 18px 0 0;
    padding-top: 8vw;
    padding-bottom: 5vw;
  }
  .guidance .onelumine .card{
    margin-bottom: 2vw;;
  }

  .guidance .chart_step .onelumine_logo {
    width: 35vw;
    vertical-align: -1px;
    margin: 0 3px 0 0;
  }

  .guidance .luminecard {
    display: flex;
    background-color: #004A9F;
    flex-direction: column;
    align-items: center;
    z-index: 2;
    border-radius: 18px 18px 0 0;
  }

  .guidance img.card {
    width: 66%;
  }

  .guidance .luminecard .card {
    width: 48%;
    margin-top: 6vw;
  }

  .guidance .luminecard p.ttl {
    color: #fff;
    margin-top: 7vw;
  }

  .guidance .chart_step {
    background-color: #fff;
    border-radius: 20px;
    position: relative;
    width: 95%;
    margin: 0 auto;
    margin-bottom: 38px;
  }
  .guidance #tab-content2 .step02.chart_step{
    padding-bottom: 6vw;
  }


  .guidance .chart_step img.stepnumber {
    width: 18vw;
    position: absolute;
    top: -22px;
    left: -15px;
  }

  .guidance .chart_step p.stepttl {
    font-size: 5.2vw;
    font-weight: 600;
    font-family: "Noto Sans JP";
    letter-spacing: 0.1rem;
    font-feature-settings: "palt";
    text-align: center;
    line-height: 8vw;
    padding: 6vw 0 4vw 0;
  }

  .guidance .chart_step p.stepttl a {
    border-bottom: 2px solid;
    position: relative;
  }

  .guidance .chart_step p.stepttl a::after {
    top: -11px;
    right: -10px;
    content: '※';
    font-size: 10px;
    position: absolute;
  }

  .guidance .step01 p.annotation {
    font-size: 2.66667vw;
    width: 88%;
    margin: 0 auto;
    padding-bottom: 3vw;
    padding-top: 5px;
  }

  .guidance .step02 p.annotation {
    font-size: 2.66667vw;
    width: 84%;
    margin: 0 auto;
    margin-bottom: 3.5vw;
    padding-top: 5px;
  }

  .guidance .chart_step p.text {
    font-size: 4.2vw;
    width: 88%;
    margin: 0 auto;
    font-weight: 500;
    margin-bottom: 21px;
    padding-top: 6vw;
    padding-bottom: 6vw;
  }

  .guidance .chart_step p.step2text {
    font-size: 4.2vw;
    width: 88%;
    margin: 0 auto;
    font-weight: 500;
    padding-top: 6vw;
    padding-bottom: 1vw;
  }

  .guidance .chart_step p.step2text::before {
    content: '';
    width: 88%;
    height: 2px;
    display: inline-block;
    background-color: #e7e7e7;
    position: absolute;
    bottom: 75%;
  }

  .guidance .chart_step p.text::before {
    content: '';
    width: 88%;
    height: 2px;
    display: inline-block;
    background-color: #e7e7e7;
    position: absolute;
    bottom: 46%;
  }

  .guidance .chart_step .requireditem {
    padding-top:0 /*10px*/;
  }

  .guidance .chart_step .requireditem p.gray {
    background-color: #efefef;
    border-radius: 70px;
    color: #000;
    font-size: 4vw;
    text-align: center;
    font-weight: 500;
    width: 87%;
    margin:10px auto 30px auto;
    padding: 10px 0;
  }

  .guidance .luminecard .step02 p.text::before {
    bottom: 70%;
  }

  .guidance .chart_step .requireditem .flex {
    width: 87%;
    margin: 0 auto;
  }

  .guidance .chart_step .requireditem ul {
    display: flex;
    flex-direction: row;
    font-size: 3.4vw;
    font-weight: 500;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .guidance .chart_step .requireditem ul li {
    margin-bottom: 3px;
  }

  .guidance .chart_step .requireditem ul li span.pink {
    color: #10CEDC;
  }

  .guidance .chart_step .requireditem p.annotation {
    width: 100%;
  }
  .guidance .chart_step .requireditem ul li .cap {
    font-size: 2.66667vw;
}
  .tab-area {
    width: 95%;
    margin: 0 auto;
  }

  .tab-btn {
    display: none;
    /*タブの切り替えを制御するラジオボタンを非表示に*/
  }

  .tab-list-wrap {
    z-index: 0;
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    position: relative;
  }

  .tab-list {
    display: block;
    width: 46vw;
    padding:/*3vw 0*/0;
    text-align: center;

    border-radius: 4px 4px 0 0;
    box-sizing: border-box;
    /*borderの値を横幅に含める*/
    cursor: pointer;
    /*オンマウス時にカーソルを指の形に*/
  }

  .tab-list1 {
    background: #FFBD2A;
    border-radius: 18px 18px 0 0;
  }

  .tab-list2 {
    background: #004A9F;
    border-radius: 18px 18px 0 0;
  }

  #tab-btn1:checked~.tab-list-wrap #tab-list1 {
    background: #FFBD2A;
    /*対応するボタンにチェックが入ったときに背景を#ffffff（白）に*/
  }

  #tab-btn2:checked~.tab-list-wrap #tab-list2 {
    background: #004A9F;
    /*対応するボタンにチェックが入ったときに背景を#ffffff（白）に*/
  }

  .tab-content {
    padding: 20px;
    display: none;
    /*初期状態を非表示に*/
  }

  #tab-btn1:checked~.tab-content-wrap #tab-content1 {
    display: block;
    background-color: #FFBD2A;
    border-radius: 15px;
    margin-top: -11px;
    position: absolute;
    width: 95%;
    z-index: 1;
    padding-top: 15vw;

    /*対応するボタンにチェックが入ったときに表示*/
  }

  #tab-btn2:checked~.tab-content-wrap #tab-content2 {
    display: block;
    background-color: #004A9F;
    border-radius: 15px;
    margin-top: -11px;
    position: absolute;
    width: 95%;
    z-index: 1;
    padding-top: 15vw;
    /*対応するボタンにチェックが入ったときに表示*/
  }
}

@media screen and (max-width:355px){
  .guidance .chart_main {
    height: 260vw;
}
}

@media screen and (min-width: 356px)  and ( max-width:450px){
  .guidance .chart_main {
    height: 250vw;
}
}

@media screen and (min-width: 451px)  and ( max-width:768px){
  .guidance .chart_main {
    height: 240vw;
}
}

@media screen and (min-width: 769px) {
  .guidance .step {
    margin: 2.19619vw auto 0vw;
    padding: 0vw 4.39239vw 0vw 4.39239vw
  }

  .guidance .step .onelumine_yellow {
    width: 75vw;
    max-width: 945px;
    padding:22px 0 26px 0;
    background-color: #FFBD2A;
    margin: 0 auto;
    border-radius: 90px;
    margin-top: 60px;
    text-align: center;
  }

  .guidance .step .annotation {
    width: 90vw;
    font-size: 12px;
    margin: 18px auto;
    letter-spacing: 1px;
  }

  .guidance .step .onelumine_yellow .text {
    font-size: 22px;
    font-weight: 700;
    font-family: "Noto Sans JP";
    letter-spacing: 2.5px;
    font-feature-settings: "palt";
    margin-bottom: 17px;
  }
  .guidance .step .onelumine_yellow .text img{
    width: 160px;
    vertical-align: -1px;
    margin: 0 3px 0 0;
}

  .guidance .step .onelumine_yellow a {
    color: #fff;
    font-weight: 700;
    background-color: #10CEDC;
    border-radius: 44px;
    transition: all 0.3s;
    border: 1px solid #10CEDC;
    font-size: 20px;
    padding: 7px 3vw;
    position: relative;
    letter-spacing: 2.5px;
  }

  .guidance .step .onelumine_yellow .btn a:hover {
    border: 1px solid #004A9F;
    background: #fff;
    color: #004A9F;
  }

  .guidance .chart {
    margin-top: 3.3vw;
  }

  .guidance .chart .shopping {
    /*    background-image: url('../img/howto_chart_shopping_pc.png');
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    background-size: 39.5%;
    height: 410px;
    z-index: 1;    */
    background-image: url(../img/howto_chart_shopping_pc.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height:21.4vw;
    z-index: 1;
    width: 39.5%;
    margin: 0 auto;
  }

  .guidance .chart .shopping .flex {
    display: flex;
    align-items: center;
    justify-content:space-between;
    padding-top: 2.2vw;
/*
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39.5%;
    margin: 0 auto;
    height: 185px;
    background-color: #00ffff36;
*/
  }
/*
  .guidance .chart .shopping p.text {
    font-weight: 700;
    text-align: center;
    letter-spacing: 4px;
    font-size: 1.45vw;
    line-height: 1.42;
    width: 71%;
    padding-right: 12%;
  }
*/
  .guidance .chart .shopping .box {
    position: relative;
    height: 9.8vw;
  }

  .guidance .chart .shopping p.text {
    display: block;
    position: absolute;
    top: 34%;
    left:16.5%;
    width: 71%;
    font-weight: 700;
    text-align: center;
    letter-spacing: 4px;
    font-size: 1.45vw;
    line-height: 1.42;
  }

  .guidance .chart .shopping img.icon {
    position: absolute;
    top:22%;
    left: 9.5%;
    width: 11%;
  }

  .guidance .chart .shopping p.shopping_annotation{
    display: block;
    position: absolute;
    bottom: 12%;
    left: 21%;
    font-size: 0.625vw;
    text-align: center;
    letter-spacing: 1px;
  }


  .guidance .chart .get {
    background-image: url('../img/howto_chart_get_pc.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size:100%;

    z-index: 1;
    margin-bottom: 60px;
    width: 39.5%;
    margin: 0 auto;
  }


.guidance .chart .get .box {
  position: relative;
  height: 21.3vw;
}
.guidance .chart .get .box .get_text{
  position: absolute;

}

.guidance .chart .get p.text {
  display: block;
  position: absolute;
  top: 67.5%;
/*  left: 23%;*/
left: 15%;
  width: 71%;
  font-weight: 700;
  text-align: center;
  letter-spacing: 4px;
  font-size: 1.45vw;
  line-height: 1.5;
}
.guidance .chart .get p.small {
  display: block;
  position: absolute;
  top: 84.5%;
  left: 27%;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 0.83vw;
  margin-top: -0.5vw;
}
.guidance .chart .get img.icon {
  position: absolute;
  top: 68%;
  left: 6.5%;
  width: 17%;
}

.guidance .get_annotation{
  width: 90vw;
  font-size: 0.625vw;
  letter-spacing: 1px;
  margin: 3vw auto 0 auto;
}

/*
  .guidance .chart .get .flex {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 277px;
    width: 93%;
  }

  .guidance .chart .get p.text {
    font-weight: 600;
    font-family: "Noto Sans JP";
    text-align: center;
    letter-spacing: 4px;
    font-size: 28px;
  }
*/

/*
  .guidance .chart .shopping p.shopping_annotation {
    font-size: 0.625vw;
    text-align: center;
    letter-spacing: 1px;
    margin-top: -3%;
  }
*/
  .guidance .chart img.icon {
    width: 85px;
  }
/*
  .guidance .chart .shopping img.icon {
    margin-left: 9.5%;
    width: 11%;
  }
*/
/*
  .guidance .chart .get img.icon {
    margin-right: 28px;
  }
*/
  .guidance .chart_main {
    display: flex;
    margin-top: -5.7vw;
    margin-bottom: -5.7vw;
    justify-content: space-evenly;
  }

  .guidance .chart_main p.ttl {
    font-size:2.2vw;
    font-weight: 700;
    letter-spacing: 3.5px;
    font-feature-settings: "palt";
    text-align: center;
    line-height: 3.1vw;
    margin-bottom: 2.2vw;
    width: 30vw;
    margin-top: 0.5vw;
  }

  .guidance .chart_main p.ttl img {
    width: 15vw;
    vertical-align: -1px;
    margin: 0 5px 0 0;
  }

  .guidance .chart_main p.ttl span.small {
    font-size: 1.2vw;
    font-weight: 600;
    line-height: 0;
  }

  .guidance .onelumine {
    display: flex;
    background-color: #FFBD2A;
    flex-direction: column;
    align-items: center;
    z-index: 2;
    border-radius: 40px;
    width: 42%;
    padding-bottom: 3.2vw;
  }

  .guidance .onelumine .onelumine_logo {
    width: 13vw;
    vertical-align: -1px;
  }

  .guidance .luminecard {
    display: flex;
    background-color: #004A9F;
    flex-direction: column;
    align-items: center;
    z-index: 2;
    border-radius: 40px;
    width: 42%;
  }

  .guidance .onelumine img.card {
    width: 38%;
    margin-top: 2.8vw;
  }

  .guidance .luminecard img.card {
    width: 30%;
    margin-top: 57px;
  }

  .guidance .luminecard p.ttl {
    color: #fff;
    margin-bottom: 4vw;
    margin-top: 3vw;
  }

  .guidance .chart_step {
    background-color: #fff;
    border-radius: 20px;
    position: relative;
    width: 31vw;
    margin-bottom: 2vw;
  }
  .guidance .luminecard .chart_step.step02{
    padding-bottom: 2.2vw;
  }

  .guidance .chart_step img.stepnumber {
    width: 5.7vw;
    position: absolute;
    top: -22px;
    left: -20px;
  }

  .guidance .chart_step p.stepttl {
    font-size: 1.8vw;
    font-weight: 600;
    font-family: "Noto Sans JP";
    letter-spacing: 4px;
    font-feature-settings: "palt";
    text-align: center;
    line-height: 2.8vw;
    margin: 32px 0 30px 0;
  }
  .guidance .luminecard .chart_step.step02 .stepttl{
    /*
    padding-bottom: 2.2vw;
    */
  }


  .guidance .chart_step p.stepttl a {
    border-bottom: 2px solid;
    position: relative;
  }

  .guidance .chart_step p.stepttl a::after {
    top: -11px;
    right: -10px;
    content: '※';
    font-size: 10px;
    position: absolute;
  }

  .guidance .step01 p.annotation {
    font-size: 12px;
    width: 84%;
    margin: 0 auto;
    margin-bottom: 21px;
    padding-top: 5px;
    letter-spacing: 1px;
  }

  .guidance .step02 p.annotation {
    font-size: 12px;
    width: 88%;
    margin: 0 auto;
    margin-bottom: 2.5vw;
    padding-top: 11px;
  }

  .guidance .chart_step p.text {
    font-size: 1.1vw;
    width: 88%;
    margin: 0 auto;
    font-weight: 500;
    margin-bottom: 21px;
    padding-top: 13px;
    height: 5vw;
    letter-spacing: 1px;
  }

  .guidance .step02 p.text {
    padding-top: 22px;
  }

  .guidance .chart_step p.text::before {
    content: '';
    width: 88%;
    height: 3px;
    display: inline-block;
    background-color: #e7e7e7;
    position: absolute;
    bottom: 43%;
  }
  .guidance .luminecard .chart_step.step02 .text::before{
    /*
    bottom: 70%;
    */
  }

  .guidance .chart_step .requireditem p.gray {
    background-color: #efefef;
    border-radius: 70px;
    color: #000;
    font-size: 1.1vw;
    text-align: center;
    font-weight: 500;
    width: 84%;
    margin: 10px auto;
    padding: 10px 0;
    letter-spacing: 1px;
  }

  .guidance .luminecard .step02 p.text::before {
    bottom: 72%;
  }

  .guidance .chart_step .requireditem .flex {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
  }

  .guidance .chart_step .requireditem ul {
    display: flex;
    flex-direction: column;
    font-size: 1.1vw;
    font-weight: 500;
  }

  .guidance .chart_step .requireditem ul li {
    margin-bottom: 3px;
  }
  .guidance .chart_step .requireditem ul li .cap{
    font-size: 0.625vw;
  }
  .guidance .chart_step .requireditem ul li span.pink {
    color: #10CEDC;
  }

  .guidance .chart_step .requireditem p.annotation {
    width: 100%;
  }

}

@media screen and (min-width: 769px) {
  .guidance .step {
    margin: 5.5vw auto 3.5vw auto;
    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: 100%;
  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;
  }
}


.guidance .qa {
  padding:20.2vw 0vw 7.2vw 0vw;
  background: #FAF3E7;
}

.guidance .privacy {
  padding:19.2vw 0vw 7.2vw 0vw;
  background: #FAF3E7;
}

@media screen and (min-width: 769px) {
  .guidance .qa {
    padding: 11.30015vw 0vw 0vw 0vw;
    background-color: #FAF3E7;
    margin:0 /*90px 0*/;
  }
  .guidance .privacy {
    padding: 11.30015vw 0vw 11vw 0vw;
    background-color: #FAF3E7;
  }
}

@media screen and (min-width: 769px) {
  .guidance .qa {
    padding: 13.0625rem 0rem 5.0625rem 0rem;
    background-color: #FAF3E7;
  }
  .guidance .privacy {
    padding:7.8rem 0rem 2.8rem 0rem;
    background-color: #FAF3E7;
  }
}

.guidance .qa__title {
  width: 41.49584vw;
  padding: 12vw 0vw 0vw 0vw;
  margin: -12vw auto 0vw
}
.guidance .privacy__title {
  width: 70vw;
  padding: 0;
  margin: 0 auto;
}


@media screen and (min-width: 769px) {
  .guidance .qa__title {
    width: 40.68433vw;
    padding: 10.98097vw 0vw 0vw 0vw;
    margin: -10.98097vw auto 0vw
  }
  .guidance .privacy__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: 21.73425rem;
    padding: 10rem 0rem 0rem 0rem;
    margin: -9.375rem auto 0rem;
  }
  .guidance .privacy__title {
    width: 30.3vw;
    padding: 0;
    margin: 0 auto;
  }

}

.guidance .qa__caption--margin {
  margin:6.46667vw auto 0vw;
}
.guidance .privacy__caption--margin {
  margin:6.46667vw auto 0vw;
}
.guidance .privacy__caption--margin .onelumine_logo{
  width: 6.5rem;
  vertical-align: -1px;
    margin: 0 0.2rem 0 0;
}

@media screen and (min-width: 769px) {
  .guidance .qa__caption--margin {
    margin: 4.02635vw auto 0vw;
  }
  .guidance .privacy__caption--margin {
    margin: 4.02635vw auto 0vw;
  }
  .guidance .privacy__caption--margin .onelumine_logo{
    width: 10.5rem;
    vertical-align: -1px;
      margin: 0 0.4rem 0 0;
  }
}

@media screen and (min-width: 1366px) {
  .guidance .qa__caption--margin {
    margin: 2.2rem auto 0rem;
  }
  .guidance .privacy__caption--margin {
    margin: 2.4375rem auto 0rem;
  }
}

.guidance .qa .qaBox {
  width: 84vw;
  margin: 11.66667vw auto 0vw;
}
.guidance .privacy .privacyBox {
  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
  }
  .guidance .privacy .privacyBox {
    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 .privacy .privacyBox {
    width: 62.5rem;
    margin: 6.25rem auto 0rem;
    padding: 0
  }
}

.guidance .qa .qaBox .qaList {
  margin:0vw auto 9.66667vw;
}
.guidance .privacy .privacyBox .privacyList {
  margin: 0vw auto 10.66667vw;
}
.guidance .qa .qaBox .qaList .onelumine_logo{
  width: 35vw;
    vertical-align: -1px;
    margin: 0 3px 0 0;
}

@media screen and (min-width: 769px) {
  .guidance .qa .qaBox .qaList {
    margin: 0vw auto 7.32064vw;
  }
  .guidance .privacy .privacyBox .privacyList {
    margin: 0vw auto 7.32064vw;
  }
  .guidance .qa .qaBox .qaList .onelumine_logo{
    width: 200px;
      vertical-align: -1px;
      margin: 0 3px 0 0;
  }
}

@media screen and (min-width: 1366px) {
  .guidance .qa .qaBox .qaList {
    margin: 0rem auto 6.25rem
  }
  .guidance .privacy .privacyBox .privacyList {
    margin: 0rem auto 6.25rem
  }

  .guidance .qa .qaBox .qaList .onelumine_logo{
    width: 12vw;
    vertical-align: -1px;
    margin: 0 5px 0 0;
  }
}

.guidance .qa .qaBox .qaList__title {
  position: relative;
  font-size: 35px;
  font-size: 4.66667vw;
  font-weight: bold;
  letter-spacing: .1em;
  line-height: 1.4;
  border-bottom: 3px solid #000;
  padding: 0vw 0vw 3.6vw 0vw
}
.guidance .privacy .privacyBox .privacyList__title {
  position: relative;
  font-size: 35px;
  font-size: 4.66667vw;
  font-weight: bold;
  letter-spacing: .1em;
  line-height: 1.3rem;
  border-bottom: 3px solid #000;
  padding: 0vw 0vw 3.6vw 0vw
}
.guidance .privacy .privacyBox .privacyList__title span{
  font-size: 0.8rem;
  display: inline-block;
  margin-bottom: 0.3rem;
  letter-spacing:1px;
  line-height:1rem;
  }
  .guidance .privacy .privacyBox .privacyList__title span.small{
    font-size: 2.66667vw;
    display: inline-block;
    margin-bottom: -1px;
    font-weight: 500;
  }

@media screen and (min-width: 769px) {
  .guidance .qa .qaBox .qaList__title {
    font-size: 28px;
    font-size: 2.04978vw;
    padding: 0vw 0vw 2.92826vw 0vw
  }
  .guidance .privacy .privacyBox .privacyList__title {
    font-size: 28px;
    font-size: 2.04978vw;
    padding: 0vw 0vw 2.92826vw 0vw
  }
}

@media screen and (min-width: 769px) {
  .guidance .qa .qaBox .qaList__title {
    font-size: 28px;
    font-size: 1.75rem;
    padding: 0rem 0rem 2.5rem 0rem;
    line-height: 2rem;
  }
  .guidance .privacy .privacyBox .privacyList__title {
    font-size: 1.75rem;
    padding: 0rem 0rem 2.5rem 0rem;
    line-height: 2rem;
  }
  .guidance .privacy .privacyBox .privacyList__title span{
    font-size: 1.3rem;
    display: inline-block;
    margin-bottom: 0.5rem;
    letter-spacing: 0.1rem;
    line-height: 2rem;
  }
  .guidance .privacy .privacyBox .privacyList__title span.small{
    font-size: 0.9rem;
    display: inline-block;
    margin-bottom: -0.5rem;
  }
}

.guidance .qa .qaBox .qaList .qaSection {
  position: relative;
  border-bottom: 3px solid #000;
  padding: 6.66667vw 0vw 6.66667vw 0vw
}
.guidance .privacy .privacyBox .privacyList .privacySection {
  position: relative;
  border-bottom: 3px solid #000;
  padding: 10.66667vw 0vw 6.66667vw 0vw;
  font-size: 3.2vw;
}
.guidance .privacy .privacyBox .privacyList .privacySection p.white{
  background: #fff;
  padding: 1.5rem;
  border-radius:15px;
  margin-bottom: 10.66667vw;
  line-height: 1.4rem;
  font-weight: 500;
  letter-spacing: 1px;
}
.guidance .privacy .privacyBox .privacyList .privacySection .title {
  padding: 0.3rem 0;
  color: #000;
  background: #fff;
  border-left: solid 0.4rem #004A9F;
  display: flex;
  align-items: center;
  margin-bottom: 1.3rem;
}
.guidance .privacy .privacyBox .privacyList .privacySection .title h1 {
  font-size: 1rem;
  font-weight: 600;
  margin-left: 0.7rem;
}
.guidance .privacy .privacyBox .privacyList .privacySection ul {
  font-size: 3.2vw;
  font-weight: 500;
  letter-spacing: 1px;
}
.guidance .privacy .privacyBox .privacyList .privacySection ul li span.bold{
  font-weight: 600;
}
/* space-1 下のマージン広、段落あり */
.guidance .privacy .privacyBox .privacyList .privacySection ul li.space-1 {
  margin-bottom: 1.5rem;
  padding-left: 1rem;
  text-indent: -1rem;
}
/* space-2 下のマージン狭、段落あり */
.guidance .privacy .privacyBox .privacyList .privacySection ul li.space-2 {
  margin-bottom: 0.5rem;
  padding-left: 1rem;
  text-indent: -1rem;
}
/* space-3 下のマージン広、段落なし */
.guidance .privacy .privacyBox .privacyList .privacySection ul li.space-3 {
  margin-bottom: 1.5rem;
}
.guidance .privacy .privacyBox .privacyList .privacySection .privacy-text {
  margin-bottom: 4rem;
}


@media screen and (min-width: 769px) {
  .guidance .qa .qaBox .qaList .qaSection {
    padding: 2.48902vw 0vw 2.48902vw 0vw
  }
  .guidance .privacy .privacyBox .privacyList .privacySection {
    padding: 2.48902vw 0vw 2.48902vw 0vw
  }
}

@media screen and (min-width: 769px) {
  .guidance .qa .qaBox .qaList .qaSection {
    padding: 2.125rem 0rem 2.125rem 0rem
  }
  .guidance .privacy .privacyBox .privacyList .privacySection {
    padding: 4.125rem 0rem 2.125rem 0rem
  }
  .guidance .privacy .privacyBox .privacyList .privacySection p {
    font-size: 0.875rem;
    font-weight: 500;
  }
  .guidance .privacy .privacyBox .privacyList .privacySection ul {
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.15rem;
  }
  .guidance .privacy .privacyBox .privacyList .privacySection ul li span.bold{
    font-weight: 600;
  }
  /* space-1 下のマージン広、段落あり */
  .guidance .privacy .privacyBox .privacyList .privacySection ul li.space-1 {
    margin-bottom: 1.5rem;
    padding-left: 1.3rem;
    text-indent: -1.3rem;
  }
  /* space-2 下のマージン狭、段落あり */
  .guidance .privacy .privacyBox .privacyList .privacySection ul li.space-2 {
    margin-bottom: 0.4rem;
    padding-left: 1.3rem;
    text-indent: -1.3rem;
  }
  /* space-3 下のマージン広、段落なし */
  .guidance .privacy .privacyBox .privacyList .privacySection ul li.space-3 {
    margin-bottom: 1.5rem;
  }
  .guidance .privacy .privacyBox .privacyList .privacySection p.white{
    background: #fff;
    padding: 2rem;
    border-radius:15px;
    margin-bottom: 56px;
    letter-spacing: 0.15rem;
    line-height: 1.7rem;
  }
  .guidance .privacy .privacyBox .privacyList .privacySection .title {
    padding: 6px 0;
    color: #000;
    background: #fff;
    border-left: solid 8px #004A9F;
    display: flex;
    align-items: center;
    margin-bottom: 1.7rem;
    letter-spacing: 2px;

  }
  .guidance .privacy .privacyBox .privacyList .privacySection .privacy-text {
    margin-bottom: 4rem;
}

.guidance .privacy .privacyBox .privacyList .privacySection .title h1 {
    font-size: 21px;
    font-weight: 600;
    margin-left: 1rem;
}
}

.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;
  display: table;
}

.guidance .qa .qaBox .qaList .qaSection__number img {
  display: table-cell;
}
.guidance .privacy .privacyBox .privacyList .privacySection__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 .privacy .privacyBox .privacyList .privacySection__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
  }
  .guidance .privacy .privacyBox .privacyList .privacySection__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 .privacy .privacyBox .privacyList .privacySection__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
}
.guidance .qa .qaBox .qaList .qaSection__aBlock img.faq_image {
      margin: 1rem auto;
    width: auto;
    height: 18rem;
}
.guidance .privacy .privacyBox .privacyList .privacySection__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
  }
  .guidance .privacy .privacyBox .privacyList .privacySection__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.61054vw;
    line-height: 1.5;
    letter-spacing: 0.06em;
    padding: 0vw 16.47145vw 0vw 3.66032vw
  }
  .guidance .privacy .privacyBox .privacyList .privacySection__title {
    font-size: 22px;
    font-size: 1.61054vw;
    line-height: 1.5;
    letter-spacing: 0.06em;
    padding: 0vw 16.47145vw 0vw 3.66032vw
  }
}

.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;
}
.guidance .privacy .privacyBox .privacyList .privacySection__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 .image{
  text-align: center;
}

.guidance .privacy .privacyBox .privacyList .privacySection__aBlock a {
  text-decoration: underline
}

.guidance .privacy .privacyBox .privacyList .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 14.64129vw 0vw 14.64129vw;
    line-height: 2.14
  }

  .guidance .qa .qaBox .qaList .image{
    text-align: center;
  }
  .guidance .qa .qaBox .qaList .qaSection__aBlock img.faq_image {
    margin: 2vw auto;
    width: auto;
    height: 309px;
  }
}

@media screen and (min-width: 1366px) {
  .guidance .qa .qaBox .qaList .qaSection__aBlock {
    font-size: 14px;
    font-size: .875rem;
    margin: 1.25rem 12.5rem 0rem 12.5rem;
  }
  .guidance .qa .qaBox .qaList .qaSection__aBlock img.faq_image {
    margin: 2vw auto;
    width: auto;
    height: 309px;
  }
  .guidance .qa .qaBox .qaList .image{
    text-align: center;
  }

  .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: 21.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: 10rem 0rem 0 0rem;
  }
}

.guidance .shoplist__title {
  width:82.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: 35.5vw;
    padding: 9.8rem 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: 3.06vw 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: #FFB40C;
  stroke:#FFB40C;
}

.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;
}

@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: #004A9F;
  stroke: #004A9F;
  stroke-width: .02em
}

@media screen and (min-width: 769px) {
  .guidance .linkNewoman a {
    /*padding: 3.29429vw 0vw 3.29429vw 0vw;*/
    padding: 0;
  }
}

@media screen and (min-width: 1366px) {
  .guidance .linkNewoman a {
    padding: 0;
  }
}

.guidance .linkNewoman a:hover, .guidance .linkNewoman a:focus {
  background: #004A9F
}

.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:29vw;
  /*height: 12.90996vw;*/
}

@media screen and (min-width: 769px) {
  .guidance .linkNewoman__shinjukuSize {
    width:12.3vw;
    /*height: 5.83958vw*/
  }
}

@media screen and (min-width: 1366px) {
  .guidance .linkNewoman__shinjukuSize {
    /*width: 21.24258rem;
    height: 4.98554rem*/
  }
}

.guidance .linkNewoman__yokohamaSize {
  width:29vw;
  /*height: 12.92464vw;*/
}

@media screen and (min-width: 769px) {
  .guidance .linkNewoman__yokohamaSize {
    width: 12.3vw;
    /*height: 5.84615vw;*/
  }
}

@media screen and (min-width: 1366px) {
  .guidance .linkNewoman__yokohamaSize {
    /*width: 23.63052rem;
    height: 4.99115rem;*/
  }
}

.guidance .linkNewoman__takanawaSize {
  width:29vw;
  /*height: 12.92464vw;*/
}

@media screen and (min-width: 769px) {
  .guidance .linkNewoman__takanawaSize {
    width: 12.3vw;
    /*height: 5.84615vw;*/
  }
}

@media screen and (min-width: 1366px) {
  .guidance .linkNewoman__takanawaSize {
    /*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;*/
    width: 6.33411rem;
  }
}

.moreBtn-qa {
  position: absolute;
  right: 0vw;
  bottom: -2.6vw;
  cursor: pointer;
}

@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;*/
    width:4.25rem;
    cursor: pointer;
  }
}

.opacity {
  opacity: 0 !important
}

.circle {
  content: "";
  display: inline-block;
  width: 2.66667vw;
  height: 2.66667vw;
  border-radius: 50%;
  background: #004A9F;
  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)
}

.privacy .js-toggleAction-title01:after {
  content: "";
  position: absolute;
  top: 11vw;
}

.privacy .js-toggleAction-title02:after {
  content: "";
  position: absolute;
  top: 12vw;
}


@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
  }
  .privacy .js-toggleAction-title01:after {
    content: "";
    position: absolute;
    top: 50px;
  }
  .privacy .js-toggleAction-title02:after {
    content: "";
    position: absolute;
    top: 38px;
  }
}

@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 */


@media(min-width:769px) {
  .guidance_sp {
    display: none !important;
  }

  .guidance_pc {
    display: block;
  }
}

@media(max-width:768px) {
  .guidance_pc {
    display: none !important;
  }
  .guidance_sp {
    display: block;
  }
}