@charset "Windows-31J";
/* line 17, ../../../../../../../../../Ruby25-x64/lib/ruby/gems/2.5.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
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;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../../Ruby25-x64/lib/ruby/gems/2.5.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../../Ruby25-x64/lib/ruby/gems/2.5.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../../Ruby25-x64/lib/ruby/gems/2.5.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../../../Ruby25-x64/lib/ruby/gems/2.5.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../../Ruby25-x64/lib/ruby/gems/2.5.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../../Ruby25-x64/lib/ruby/gems/2.5.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../../Ruby25-x64/lib/ruby/gems/2.5.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../../Ruby25-x64/lib/ruby/gems/2.5.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: 'genshin-gothic';
  src: url("../font/genshingothic-bold_s.eot");
  src: url("../font/genshingothic-bold_s.eot?#iefix") format("embedded-opentype"), url("../font/genshingothic-bold_s.woff") format("woff"), url("../font/genshingothic-bold_s.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'genshin-gothic-r';
  src: url("../font/genshingothic-regular_s.eot");
  src: url("../font/genshingothic-regular_s.eot?#iefix") format("embedded-opentype"), url("../font/genshingothic-regular_s.woff") format("woff"), url("../font/genshingothic-regular_s.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
/*
@include animation(rotate 10s linear infinite);
*/
@keyframes scale-easeOutElastic_bg1 {
  /* line 70, ../../../src/cmn/css/_anim.scss */
  0% {
    transform: scale(1);
  }

  /* line 71, ../../../src/cmn/css/_anim.scss */
  20% {
    transform: scale(1);
  }

  /* line 72, ../../../src/cmn/css/_anim.scss */
  23% {
    transform: scale(1.015);
  }

  /* line 73, ../../../src/cmn/css/_anim.scss */
  30% {
    transform: scale(0.987);
  }

  /* line 74, ../../../src/cmn/css/_anim.scss */
  46% {
    transform: scale(1.02);
  }

  /* line 75, ../../../src/cmn/css/_anim.scss */
  60% {
    transform: scale(0.975);
  }

  /* line 76, ../../../src/cmn/css/_anim.scss */
  74% {
    transform: scale(1.0125);
  }

  /* line 77, ../../../src/cmn/css/_anim.scss */
  88% {
    transform: scale(1);
  }

  /* line 78, ../../../src/cmn/css/_anim.scss */
  100% {
    transform: scale(1);
  }
}

@keyframes scale-easeOutElastic_bg2 {
  /* line 81, ../../../src/cmn/css/_anim.scss */
  0% {
    transform: scale(1);
  }

  /* line 82, ../../../src/cmn/css/_anim.scss */
  50% {
    transform: scale(1);
  }

  /* line 83, ../../../src/cmn/css/_anim.scss */
  53% {
    transform: scale(1.015);
  }

  /* line 84, ../../../src/cmn/css/_anim.scss */
  57% {
    transform: scale(0.987);
  }

  /* line 85, ../../../src/cmn/css/_anim.scss */
  65% {
    transform: scale(1.02);
  }

  /* line 86, ../../../src/cmn/css/_anim.scss */
  72% {
    transform: scale(0.975);
  }

  /* line 87, ../../../src/cmn/css/_anim.scss */
  79% {
    transform: scale(1.0125);
  }

  /* line 88, ../../../src/cmn/css/_anim.scss */
  88% {
    transform: scale(1);
  }

  /* line 89, ../../../src/cmn/css/_anim.scss */
  100% {
    transform: scale(1);
  }
}

@keyframes scale-easeOutElastic {
  /* line 94, ../../../src/cmn/css/_anim.scss */
  0% {
    transform: scale(1);
  }

  /* line 95, ../../../src/cmn/css/_anim.scss */
  50% {
    transform: scale(1);
  }

  /* line 96, ../../../src/cmn/css/_anim.scss */
  53% {
    transform: scale(1.015);
  }

  /* line 97, ../../../src/cmn/css/_anim.scss */
  57% {
    transform: scale(0.9);
  }

  /* line 98, ../../../src/cmn/css/_anim.scss */
  65% {
    transform: scale(1.02);
  }

  /* line 99, ../../../src/cmn/css/_anim.scss */
  72% {
    transform: scale(0.975);
  }

  /* line 100, ../../../src/cmn/css/_anim.scss */
  79% {
    transform: scale(1.0125);
  }

  /* line 101, ../../../src/cmn/css/_anim.scss */
  88% {
    transform: scale(1);
  }

  /* line 102, ../../../src/cmn/css/_anim.scss */
  100% {
    transform: scale(1);
  }

  /*
  	0% { transform: scale(1); }
  	20% { transform: scale(1); }
  	23% { transform: scale(1.015); }
  	30% { transform: scale(.9); }
  	46% { transform: scale(1.02); }
  	60% { transform: scale(.975); }
  	74% { transform: scale(1.0125); }
  	88% { transform: scale(1); }
  	100% { transform: scale(1); }
  	*/
}

@keyframes scale-easeOutElastic_menu {
  /* line 118, ../../../src/cmn/css/_anim.scss */
  0% {
    transform: scale(0);
  }

  /* line 119, ../../../src/cmn/css/_anim.scss */
  15% {
    transform: scale(1);
  }

  /* line 120, ../../../src/cmn/css/_anim.scss */
  20% {
    transform: scale(1.015);
  }

  /* line 121, ../../../src/cmn/css/_anim.scss */
  28% {
    transform: scale(0.9);
  }

  /* line 122, ../../../src/cmn/css/_anim.scss */
  44% {
    transform: scale(1.02);
  }

  /* line 123, ../../../src/cmn/css/_anim.scss */
  59% {
    transform: scale(0.975);
  }

  /* line 124, ../../../src/cmn/css/_anim.scss */
  73% {
    transform: scale(1.0125);
  }

  /* line 125, ../../../src/cmn/css/_anim.scss */
  88% {
    transform: scale(1);
  }

  /* line 126, ../../../src/cmn/css/_anim.scss */
  100% {
    transform: scale(1);
  }
}

@keyframes scale-easeOutElastic_menu_close {
  /* line 131, ../../../src/cmn/css/_anim.scss */
  0% {
    transform: scale(1);
  }

  /* line 132, ../../../src/cmn/css/_anim.scss */
  100% {
    transform: scale(0);
  }
}

@-webkit-keyframes rotate_anim {
  /* line 136, ../../../src/cmn/css/_anim.scss */
  0% {
    transform: rotateY(90deg) translate3d(0, -20%, 0);
    opacity: 0;
  }

  /* line 140, ../../../src/cmn/css/_anim.scss */
  100% {
    transform: rotateY(0) translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes rotate_anim {
  /* line 136, ../../../src/cmn/css/_anim.scss */
  0% {
    transform: rotateY(90deg) translate3d(0, -20%, 0);
    opacity: 0;
  }

  /* line 140, ../../../src/cmn/css/_anim.scss */
  100% {
    transform: rotateY(0) translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotate_anim {
  /* line 136, ../../../src/cmn/css/_anim.scss */
  0% {
    transform: rotateY(90deg) translate3d(0, -20%, 0);
    opacity: 0;
  }

  /* line 140, ../../../src/cmn/css/_anim.scss */
  100% {
    transform: rotateY(0) translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes hover_anim {
  /* line 147, ../../../src/cmn/css/_anim.scss */
  0% {
    transform: scale(0, 1);
    /*X方向にスケール拡大*/
  }

  /* line 150, ../../../src/cmn/css/_anim.scss */
  100% {
    transform: scale(1, 1);
    /*X方向にスケール拡大*/
  }
}

@-moz-keyframes hover_anim {
  /* line 147, ../../../src/cmn/css/_anim.scss */
  0% {
    transform: scale(0, 1);
    /*X方向にスケール拡大*/
  }

  /* line 150, ../../../src/cmn/css/_anim.scss */
  100% {
    transform: scale(1, 1);
    /*X方向にスケール拡大*/
  }
}

@keyframes hover_anim {
  /* line 147, ../../../src/cmn/css/_anim.scss */
  0% {
    transform: scale(0, 1);
    /*X方向にスケール拡大*/
  }

  /* line 150, ../../../src/cmn/css/_anim.scss */
  100% {
    transform: scale(1, 1);
    /*X方向にスケール拡大*/
  }
}

@-webkit-keyframes scroll_anim {
  /* line 156, ../../../src/cmn/css/_anim.scss */
  0% {
    top: -0.5vw;
    opacity: 1;
  }

  /* line 160, ../../../src/cmn/css/_anim.scss */
  100% {
    top: 2vw;
    opacity: 0;
  }
}

@-moz-keyframes scroll_anim {
  /* line 156, ../../../src/cmn/css/_anim.scss */
  0% {
    top: -0.5vw;
    opacity: 1;
  }

  /* line 160, ../../../src/cmn/css/_anim.scss */
  100% {
    top: 2vw;
    opacity: 0;
  }
}

@keyframes scroll_anim {
  /* line 156, ../../../src/cmn/css/_anim.scss */
  0% {
    top: -0.5vw;
    opacity: 1;
  }

  /* line 160, ../../../src/cmn/css/_anim.scss */
  100% {
    top: 2vw;
    opacity: 0;
  }
}

@-webkit-keyframes scroll_anim_sp {
  /* line 167, ../../../src/cmn/css/_anim.scss */
  0% {
    transform: translate3d(0, 0px, 0);
    opacity: 1;
  }

  /* line 171, ../../../src/cmn/css/_anim.scss */
  100% {
    transform: translate3d(0, 55px, 0);
    opacity: 0;
  }
}

@-moz-keyframes scroll_anim_sp {
  /* line 167, ../../../src/cmn/css/_anim.scss */
  0% {
    transform: translate3d(0, 0px, 0);
    opacity: 1;
  }

  /* line 171, ../../../src/cmn/css/_anim.scss */
  100% {
    transform: translate3d(0, 55px, 0);
    opacity: 0;
  }
}

@keyframes scroll_anim_sp {
  /* line 167, ../../../src/cmn/css/_anim.scss */
  0% {
    transform: translate3d(0, 0px, 0);
    opacity: 1;
  }

  /* line 171, ../../../src/cmn/css/_anim.scss */
  100% {
    transform: translate3d(0, 55px, 0);
    opacity: 0;
  }
}

@-webkit-keyframes share {
  /* line 178, ../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 185, ../../../src/cmn/css/_anim.scss */
  30% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }

  /* line 192, ../../../src/cmn/css/_anim.scss */
  60% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-moz-keyframes share {
  /* line 178, ../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 185, ../../../src/cmn/css/_anim.scss */
  30% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }

  /* line 192, ../../../src/cmn/css/_anim.scss */
  60% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes share {
  /* line 178, ../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 185, ../../../src/cmn/css/_anim.scss */
  30% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }

  /* line 192, ../../../src/cmn/css/_anim.scss */
  60% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

/*color*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
/* line 3, ../../../src/cmn/css/_all.scss */
body {
  font-family: "M PLUS 1p", sans-serif;
  color: black;
  position: relative;
  width: 100%;
  background: white;
  background-size: contain;
  font-feature-settings: "palt";
  /***********************************
  * debug
  ************************************/
}
/* line 12, ../../../src/cmn/css/_all.scss */
body ::selection {
  background: #292929;
}
/* line 13, ../../../src/cmn/css/_all.scss */
body ::-moz-selection {
  background: #292929;
}
/* line 14, ../../../src/cmn/css/_all.scss */
body img::selection {
  background: none;
}
/* line 15, ../../../src/cmn/css/_all.scss */
body img::-moz-selection {
  background: none;
}
/* line 35, ../../../src/cmn/css/_all.scss */
body #wrapper {
  width: 100%;
  float: left;
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #ff3659;
}
/* line 43, ../../../src/cmn/css/_all.scss */
body #wrapper #main {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
/* line 49, ../../../src/cmn/css/_all.scss */
body #wrapper #main section {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
/* line 59, ../../../src/cmn/css/_all.scss */
body a {
  text-decoration: none;
  display: block;
  cursor: pointer;
}
/* line 65, ../../../src/cmn/css/_all.scss */
body .hide {
  display: none !important;
}
/* line 69, ../../../src/cmn/css/_all.scss */
body .banish {
  visibility: hidden !important;
}
/* line 73, ../../../src/cmn/css/_all.scss */
body .show {
  -webkit-transform: translate(0, 0%);
  -moz-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  -o-transform: translate(0, 0%);
  transform: translate(0, 0%);
}
/* line 77, ../../../src/cmn/css/_all.scss */
body .area {
  width: 100%;
  float: left;
  position: relative;
}
/* line 83, ../../../src/cmn/css/_all.scss */
body .box {
  width: 100%;
  float: left;
  text-align: center;
}
/* line 93, ../../../src/cmn/css/_all.scss */
body .iScrollIndicator {
  border: none !important;
}
/* line 94, ../../../src/cmn/css/_all.scss */
body .iScrollVerticalScrollbar {
  width: 2px !important;
}
/* line 95, ../../../src/cmn/css/_all.scss */
body .iScrollHorizontalScrollbar {
  height: 2px !important;
}
/* line 96, ../../../src/cmn/css/_all.scss */
body .iScrollIndicator {
  background: black !important;
}
/* line 101, ../../../src/cmn/css/_all.scss */
body #stats {
  z-index: 5000;
}

/*size*/
@media screen and (min-width: 768px) {
  /* line 5, ../../../src/cmn/css/_pc.scss */
  body .pc {
    display: block;
  }
  /* line 6, ../../../src/cmn/css/_pc.scss */
  body .sp {
    display: none;
  }
  /* line 7, ../../../src/cmn/css/_pc.scss */
  body .pc_i {
    display: inline;
  }
  /* line 8, ../../../src/cmn/css/_pc.scss */
  body .sp_i {
    display: none;
  }
  /* line 10, ../../../src/cmn/css/_pc.scss */
  body img {
    width: 100%;
  }
  /* line 14, ../../../src/cmn/css/_pc.scss */
  body #loader {
    background: #ff3659;
    width: 100%;
    height: 100%;
    float: left;
    position: fixed;
    z-index: 5000;
    text-align: center;
  }
  /* line 23, ../../../src/cmn/css/_pc.scss */
  body #loader .load_icon {
    width: 27.63889vw;
    height: 27.63889vw;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(255, 255, 255, 0.2);
    overflow: hidden;
  }
  /* line 34, ../../../src/cmn/css/_pc.scss */
  body #loader .load_icon img {
    position: relative;
    z-index: 10;
    transform: scale(1.03);
  }
  /* line 39, ../../../src/cmn/css/_pc.scss */
  body #loader .load_icon .box {
    width: 19.33333vw;
    height: 15.51389vw;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* line 51, ../../../src/cmn/css/_pc.scss */
  body #loader .load_icon .box .ber {
    width: 100%;
    height: 100%;
    height: 0%;
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  /* line 62, ../../../src/cmn/css/_pc.scss */
  body #loader .load_icon .box .load_txt {
    position: relative;
    color: #ff3454;
    font-size: 2.7vw;
    font-family: 'Kosugi', sans-serif;
    z-index: 20;
  }
  /* line 74, ../../../src/cmn/css/_pc.scss */
  body .logo {
    position: absolute;
    width: 12.98611vw;
    height: 7.8vw;
    float: left;
    margin: 0vw 0 0 2.2vw;
    z-index: 50;
  }
  /* line 81, ../../../src/cmn/css/_pc.scss */
  body .logo a {
    height: 100%;
  }
  /* line 84, ../../../src/cmn/css/_pc.scss */
  body .logo img {
    height: 100%;
  }
  /* line 88, ../../../src/cmn/css/_pc.scss */
  body #header {
    width: 100%;
    float: left;
    box-sizing: border-box;
    z-index: 500;
  }
  /* line 93, ../../../src/cmn/css/_pc.scss */
  body #header .menu_btn {
    float: right;
    display: block;
    position: fixed;
    top: 3.3vw;
    right: 3.3vw;
    width: 2.01389vw;
    height: 2.22222vw;
    transition: all .5s;
    cursor: pointer;
    z-index: 500;
  }
  /* line 104, ../../../src/cmn/css/_pc.scss */
  body #header .menu_btn span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 4px;
    background-color: white;
    transition: all .5s;
  }
  /* line 113, ../../../src/cmn/css/_pc.scss */
  body #header .menu_btn span:nth-child(2) {
    top: 1.03333vw;
  }
  /* line 116, ../../../src/cmn/css/_pc.scss */
  body #header .menu_btn span:nth-child(3) {
    top: 2.13333vw;
  }
  /* line 121, ../../../src/cmn/css/_pc.scss */
  body #header .menu {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 500;
  }
  /* line 127, ../../../src/cmn/css/_pc.scss */
  body #header .menu.open {
    display: block;
  }
  /* line 130, ../../../src/cmn/css/_pc.scss */
  body #header .menu .bg {
    width: 64.72222vw;
    height: 64.72222vw;
    background: white;
    border-radius: 113vw;
    position: relative;
    top: -11vw;
    left: 27.5vw;
    transform: scale(0);
    transition: 0.5s ease-out;
    transform-origin: 100% 0%;
    /* 右上 */
  }
  /* line 141, ../../../src/cmn/css/_pc.scss */
  body #header .menu .bg.open {
    animation: scale-easeOutElastic_menu 2s forwards;
  }
  /* line 144, ../../../src/cmn/css/_pc.scss */
  body #header .menu .bg.close {
    animation: scale-easeOutElastic_menu_close 2s forwards;
  }
  /* line 148, ../../../src/cmn/css/_pc.scss */
  body #header .menu .menu_inner {
    position: absolute;
    top: 3.1vw;
    left: 41vw;
    opacity: 0;
    transition: 0.5s ease-out;
  }
  /* line 154, ../../../src/cmn/css/_pc.scss */
  body #header .menu .menu_inner.open {
    opacity: 1;
  }
  /* line 157, ../../../src/cmn/css/_pc.scss */
  body #header .menu .menu_inner .close_btn {
    width: 2.5vw;
    height: 2.5vw;
    position: absolute;
    top: 1.7vw;
    right: -0.3vw;
    cursor: pointer;
  }
  /* line 164, ../../../src/cmn/css/_pc.scss */
  body #header .menu .menu_inner .close_btn span {
    display: block;
    position: absolute;
    width: 2.5vw;
    height: 4px;
    background-color: #ff3659;
  }
  /* line 170, ../../../src/cmn/css/_pc.scss */
  body #header .menu .menu_inner .close_btn span:nth-child(1) {
    transform: translate(0, -7px) rotate(45deg);
  }
  /* line 173, ../../../src/cmn/css/_pc.scss */
  body #header .menu .menu_inner .close_btn span:nth-child(2) {
    transform: translate(0, -7px) rotate(-45deg);
  }
  /* line 178, ../../../src/cmn/css/_pc.scss */
  body #header .menu .menu_inner .ttl {
    width: 10vw;
  }
  /* line 181, ../../../src/cmn/css/_pc.scss */
  body #header .menu .menu_inner .menu_txt {
    font-size: 1.38889vw;
    padding-top: 3.9vw;
    margin-left: -0.4vw;
  }
  /* line 185, ../../../src/cmn/css/_pc.scss */
  body #header .menu .menu_inner .menu_txt li {
    margin-bottom: 2.78vw;
  }
  /* line 187, ../../../src/cmn/css/_pc.scss */
  body #header .menu .menu_inner .menu_txt li a {
    position: relative;
    color: #ff3659;
  }
  /* line 191, ../../../src/cmn/css/_pc.scss */
  body #header .menu .menu_inner .menu_txt li a.active::before {
    position: absolute;
    left: -2vw;
    content: "";
    display: inline-block;
    width: 1.31944vw;
    height: 1.31944vw;
    background: url(../../../bin/page/top/img/menu_active_icon.svg) no-repeat;
    background-size: contain;
  }
  /* line 206, ../../../src/cmn/css/_pc.scss */
  body #header .menu .menu_inner .menu_sns {
    display: flex;
  }
  /* line 209, ../../../src/cmn/css/_pc.scss */
  body #header .menu .menu_inner .menu_sns li:nth-child(1) {
    width: 3.375vw;
    margin-top: 1.5vw;
  }
  /* line 213, ../../../src/cmn/css/_pc.scss */
  body #header .menu .menu_inner .menu_sns li:nth-child(2) {
    width: 1.68333vw;
    margin-left: 3vw;
    margin-top: 1vw;
  }
  /* line 224, ../../../src/cmn/css/_pc.scss */
  body .click_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 150;
    display: none;
  }
  /* line 230, ../../../src/cmn/css/_pc.scss */
  body .click_bg.open {
    display: block;
  }
  /* line 234, ../../../src/cmn/css/_pc.scss */
  body .modal {
    display: none;
    position: absolute;
    z-index: 200;
  }
  /* line 238, ../../../src/cmn/css/_pc.scss */
  body .modal.open {
    display: block;
  }
  /* line 241, ../../../src/cmn/css/_pc.scss */
  body .modal .bg {
    width: 92.25vw;
    height: 92.25vw;
    background: #ffd2cc;
    border-radius: 170vw;
    position: absolute;
    top: -8vw;
    left: 3vw;
    transform: scale(0);
    transition: 0.5s ease-out;
  }
  /* line 251, ../../../src/cmn/css/_pc.scss */
  body .modal .bg.open {
    transform: scale(1);
  }
  /* line 255, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner {
    width: 71.5vw;
    margin: auto;
    position: absolute;
    top: 6vw;
    right: 0;
    left: 20vw;
    opacity: 0;
    transition: 0.5s ease-out;
    display: none;
  }
  /* line 265, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner .scroll_area {
    position: relative;
  }
  /* line 268, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.open {
    opacity: 1;
  }
  /* line 273, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.one.step1 .scroll_area .yoga_step li:nth-child(1) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 276, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.one.step1 .scroll_area .yoga_step li:nth-child(1) p {
    color: #ff213d;
  }
  /* line 279, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.one.step1 .scroll_area .modal_img.img1 {
    opacity: 1;
  }
  /* line 284, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.one.step2 .scroll_area .yoga_step li:nth-child(2) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 287, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.one.step2 .scroll_area .yoga_step li:nth-child(2) p {
    color: #ff213d;
  }
  /* line 290, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.one.step2 .scroll_area .modal_img.img2 {
    opacity: 1;
  }
  /* line 295, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.one.step3 .scroll_area .yoga_step li:nth-child(3) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 298, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.one.step3 .scroll_area .yoga_step li:nth-child(3) p {
    color: #ff213d;
  }
  /* line 301, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.one.step3 .scroll_area .modal_img.img3 {
    opacity: 1;
  }
  /* line 306, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.one.step4 .scroll_area .yoga_step li:nth-child(4) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 309, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.one.step4 .scroll_area .yoga_step li:nth-child(4) p {
    color: #ff213d;
  }
  /* line 312, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.one.step4 .scroll_area .modal_img.img4 {
    opacity: 1;
  }
  /* line 317, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.one .scroll_area .modal_img {
    left: 23vw;
    top: 20vw;
  }
  /* line 320, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.one .scroll_area .modal_img.img1 {
    background-position-x: 0;
  }
  /* line 323, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.one .scroll_area .modal_img.img2 {
    background-position-x: 50%;
  }
  /* line 326, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.one .scroll_area .modal_img.img3 {
    background-position-x: 50%;
  }
  /* line 329, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.one .scroll_area .modal_img.img4 {
    background-position-x: 100%;
  }
  /* line 336, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.one .scroll_area .yoga_step li:nth-child(1) .step_num {
    margin-top: -0.2vw;
  }
  /* line 341, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.one .scroll_area .yoga_step li:nth-child(2) .step_num {
    margin-top: -0.5vw;
  }
  /* line 352, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two.step1 .scroll_area .yoga_step li:nth-child(1) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 355, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two.step1 .scroll_area .yoga_step li:nth-child(1) p {
    color: #ff213d;
  }
  /* line 358, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two.step1 .scroll_area .modal_img.img1 {
    opacity: 1;
  }
  /* line 363, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two.step2 .scroll_area .yoga_step li:nth-child(2) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 366, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two.step2 .scroll_area .yoga_step li:nth-child(2) p {
    color: #ff213d;
  }
  /* line 369, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two.step2 .scroll_area .modal_img.img2 {
    opacity: 1;
  }
  /* line 374, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two.step3 .scroll_area .yoga_step li:nth-child(3) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 377, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two.step3 .scroll_area .yoga_step li:nth-child(3) p {
    color: #ff213d;
  }
  /* line 380, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two.step3 .scroll_area .modal_img.img3 {
    opacity: 1;
  }
  /* line 385, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two.step4 .scroll_area .yoga_step li:nth-child(4) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 388, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two.step4 .scroll_area .yoga_step li:nth-child(4) p {
    color: #ff213d;
  }
  /* line 391, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two.step4 .scroll_area .modal_img.img4 {
    opacity: 1;
  }
  /* line 396, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two.step5 .scroll_area .yoga_step li:nth-child(5) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 399, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two.step5 .scroll_area .yoga_step li:nth-child(5) p {
    color: #ff213d;
  }
  /* line 402, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two.step5 .scroll_area .modal_img.img5 {
    opacity: 1;
  }
  /* line 407, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two.step6 .scroll_area .yoga_step li:nth-child(6) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 410, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two.step6 .scroll_area .yoga_step li:nth-child(6) p {
    color: #ff213d;
  }
  /* line 413, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two.step6 .scroll_area .modal_img.img6 {
    opacity: 1;
  }
  /* line 418, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two .scroll_area .modal_img {
    background: url(../../../bin/page/top/img/yoga_pose2.png) no-repeat;
    background-size: cover;
  }
  /* line 421, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two .scroll_area .modal_img.img1 {
    background-position-x: 0;
  }
  /* line 424, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two .scroll_area .modal_img.img2 {
    background-position-x: 50%;
  }
  /* line 427, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two .scroll_area .modal_img.img3 {
    background-position-x: 50%;
  }
  /* line 430, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two .scroll_area .modal_img.img4 {
    background-position-x: 50%;
  }
  /* line 433, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two .scroll_area .modal_img.img5 {
    background-position-x: 100%;
  }
  /* line 436, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two .scroll_area .modal_img.img6 {
    background-position-x: 100%;
  }
  /* line 440, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two .scroll_area .yoga_step {
    margin-top: 3.6vw;
    width: 30vw;
  }
  /* line 443, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two .scroll_area .yoga_step::before {
    height: 40vw;
  }
  /* line 447, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two .scroll_area .yoga_step li .step_num {
    width: 8.16389vw;
    margin-right: 1.787778vw;
  }
  /* line 451, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two .scroll_area .yoga_step li:nth-child(1) {
    margin-bottom: 1.6vw;
  }
  /* line 454, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two .scroll_area .yoga_step li:nth-child(3) {
    margin-bottom: 1.5vw;
  }
  /* line 457, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.two .scroll_area .yoga_step li:nth-child(4) {
    margin-bottom: 2.3vw;
  }
  /* line 466, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.three.step1 .scroll_area .yoga_step li:nth-child(1) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 469, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.three.step1 .scroll_area .yoga_step li:nth-child(1) p {
    color: #ff213d;
  }
  /* line 472, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.three.step1 .scroll_area .modal_img.img1 {
    opacity: 1;
  }
  /* line 477, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.three.step2 .scroll_area .yoga_step li:nth-child(2) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 480, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.three.step2 .scroll_area .yoga_step li:nth-child(2) p {
    color: #ff213d;
  }
  /* line 483, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.three.step2 .scroll_area .modal_img.img2 {
    opacity: 1;
  }
  /* line 488, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.three.step3 .scroll_area .yoga_step li:nth-child(3) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 491, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.three.step3 .scroll_area .yoga_step li:nth-child(3) p {
    color: #ff213d;
  }
  /* line 494, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.three.step3 .scroll_area .modal_img.img3 {
    opacity: 1;
  }
  /* line 499, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.three.step4 .scroll_area .yoga_step li:nth-child(4) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 502, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.three.step4 .scroll_area .yoga_step li:nth-child(4) p {
    color: #ff213d;
  }
  /* line 505, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.three.step4 .scroll_area .modal_img.img4 {
    opacity: 1;
  }
  /* line 510, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.three .scroll_area .modal_img {
    background: url(../../../bin/page/top/img/yoga_pose3.png) no-repeat;
    background-size: cover;
  }
  /* line 513, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.three .scroll_area .modal_img.img1 {
    background-position-x: 0;
  }
  /* line 516, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.three .scroll_area .modal_img.img2 {
    background-position-x: 50%;
  }
  /* line 519, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.three .scroll_area .modal_img.img3 {
    background-position-x: 100%;
  }
  /* line 522, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.three .scroll_area .modal_img.img4 {
    background-position-x: 100%;
  }
  /* line 526, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.three .scroll_area .yoga_step {
    margin-top: 1.8vw;
    width: 27vw;
  }
  /* line 529, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.three .scroll_area .yoga_step::before {
    height: 28vw;
  }
  /* line 532, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.three .scroll_area .yoga_step .step_num {
    width: 8.16389vw;
  }
  /* line 536, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.three .scroll_area .yoga_step li:nth-child(1) {
    margin-bottom: 1.8vw;
  }
  /* line 546, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four.step1 .scroll_area .yoga_step li:nth-child(1) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 549, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four.step1 .scroll_area .yoga_step li:nth-child(1) p {
    color: #ff213d;
  }
  /* line 552, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four.step1 .scroll_area .modal_img.img1 {
    opacity: 1;
  }
  /* line 557, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four.step2 .scroll_area .yoga_step li:nth-child(2) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 560, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four.step2 .scroll_area .yoga_step li:nth-child(2) p {
    color: #ff213d;
  }
  /* line 563, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four.step2 .scroll_area .modal_img.img2 {
    opacity: 1;
  }
  /* line 568, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four.step3 .scroll_area .yoga_step li:nth-child(3) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 571, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four.step3 .scroll_area .yoga_step li:nth-child(3) p {
    color: #ff213d;
  }
  /* line 574, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four.step3 .scroll_area .modal_img.img3 {
    opacity: 1;
  }
  /* line 579, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four.step4 .scroll_area .yoga_step li:nth-child(4) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 582, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four.step4 .scroll_area .yoga_step li:nth-child(4) p {
    color: #ff213d;
  }
  /* line 585, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four.step4 .scroll_area .modal_img.img4 {
    opacity: 1;
  }
  /* line 590, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four.step5 .scroll_area .yoga_step li:nth-child(5) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 593, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four.step5 .scroll_area .yoga_step li:nth-child(5) p {
    color: #ff213d;
  }
  /* line 596, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four.step5 .scroll_area .modal_img.img5 {
    opacity: 1;
  }
  /* line 601, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four.step6 .scroll_area .yoga_step li:nth-child(6) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 604, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four.step6 .scroll_area .yoga_step li:nth-child(6) p {
    color: #ff213d;
  }
  /* line 607, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four.step6 .scroll_area .modal_img.img6 {
    opacity: 1;
  }
  /* line 612, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four .scroll_area .modal_img {
    background: url(../../../bin/page/top/img/yoga_pose4.png) no-repeat;
    background-size: cover;
    top: 21vw;
    left: 29vw;
  }
  /* line 617, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four .scroll_area .modal_img.img1 {
    background-position-x: 0;
  }
  /* line 620, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four .scroll_area .modal_img.img2 {
    background-position-x: 0;
  }
  /* line 623, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four .scroll_area .modal_img.img3 {
    background-position-x: 50%;
  }
  /* line 626, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four .scroll_area .modal_img.img4 {
    background-position-x: 100%;
  }
  /* line 629, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four .scroll_area .modal_img.img5 {
    background-position-x: 100%;
  }
  /* line 632, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four .scroll_area .modal_img.img6 {
    background-position-x: 100%;
  }
  /* line 636, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four .scroll_area .yoga_step {
    width: 25vw;
    margin-top: 3.6vw;
  }
  /* line 639, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four .scroll_area .yoga_step::before {
    height: 35vw;
  }
  /* line 642, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four .scroll_area .yoga_step .step_num {
    width: 8.16389vw;
  }
  /* line 646, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.four .scroll_area .yoga_step li:nth-child(5) {
    margin-bottom: 1.5vw;
  }
  /* line 655, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five.step1 .scroll_area .yoga_step li:nth-child(1) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 658, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five.step1 .scroll_area .yoga_step li:nth-child(1) p {
    color: #ff213d;
  }
  /* line 661, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five.step1 .scroll_area .modal_img.img1 {
    opacity: 1;
  }
  /* line 666, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five.step2 .scroll_area .yoga_step li:nth-child(2) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 669, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five.step2 .scroll_area .yoga_step li:nth-child(2) p {
    color: #ff213d;
  }
  /* line 672, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five.step2 .scroll_area .modal_img.img2 {
    opacity: 1;
  }
  /* line 677, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five.step3 .scroll_area .yoga_step li:nth-child(3) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 680, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five.step3 .scroll_area .yoga_step li:nth-child(3) p {
    color: #ff213d;
  }
  /* line 683, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five.step3 .scroll_area .modal_img.img3 {
    opacity: 1;
  }
  /* line 688, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five.step4 .scroll_area .yoga_step li:nth-child(4) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 691, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five.step4 .scroll_area .yoga_step li:nth-child(4) p {
    color: #ff213d;
  }
  /* line 694, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five.step4 .scroll_area .modal_img.img4 {
    opacity: 1;
  }
  /* line 699, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five.step5 .scroll_area .yoga_step li:nth-child(5) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 702, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five.step5 .scroll_area .yoga_step li:nth-child(5) p {
    color: #ff213d;
  }
  /* line 705, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five.step5 .scroll_area .modal_img.img5 {
    opacity: 1;
  }
  /* line 710, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five .scroll_area .modal_txt {
    width: 42vw;
    margin-left: 7.9vw;
  }
  /* line 714, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five .scroll_area .modal_img {
    background: url(../../../bin/page/top/img/yoga_pose5.png) no-repeat;
    background-size: cover;
    top: 22vw;
    left: 36vw;
  }
  /* line 719, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five .scroll_area .modal_img.img1 {
    background-position-x: 0;
  }
  /* line 722, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five .scroll_area .modal_img.img2 {
    background-position-x: 50%;
  }
  /* line 725, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five .scroll_area .modal_img.img3 {
    background-position-x: 50%;
  }
  /* line 728, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five .scroll_area .modal_img.img4 {
    background-position-x: 50%;
  }
  /* line 731, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five .scroll_area .modal_img.img5 {
    background-position-x: 100%;
  }
  /* line 735, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five .scroll_area .yoga_step {
    margin-top: 3.8vw;
    width: 24vw;
  }
  /* line 738, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five .scroll_area .yoga_step::before {
    height: 34vw;
  }
  /* line 741, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five .scroll_area .yoga_step li {
    margin-bottom: 1.3vw;
  }
  /* line 743, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner.five .scroll_area .yoga_step li .step_num {
    width: 8.16389vw;
  }
  /* line 750, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner .close_btn {
    width: 3.2vw;
    height: 4.8vw;
    position: absolute;
    top: -1.4vw;
    right: 20.3vw;
    z-index: 200;
    cursor: pointer;
  }
  /* line 758, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner .close_btn span {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 3.5vw;
    height: 1.5px;
    background-color: #ff3659;
  }
  /* line 767, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner .close_btn span:nth-child(1) {
    transform: rotate(45deg);
  }
  /* line 770, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner .close_btn span:nth-child(2) {
    transform: rotate(-45deg);
  }
  /* line 774, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner .close_btn p {
    font-size: 0.97222vw;
    color: #ff003d;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 4vw;
    right: 0;
    left: -4.5%;
    top: 4.3vw;
    width: 120%;
    text-align: center;
  }
  /* line 790, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner .scroll_area .modal_img {
    float: right;
    width: 48.47222vw;
    height: 33.05556vw;
    background: url(../../../bin/page/top/img/yoga_pose1.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 14vw;
    left: 34vw;
    opacity: 0;
    transition: 0.5s ease-out;
  }
  /* line 802, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner .scroll_area .modal_txt {
    text-align: center;
    width: 39vw;
    margin-left: 9.9vw;
  }
  /* line 806, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner .scroll_area .modal_txt .num {
    position: relative;
    font-size: 1.41111vw;
    color: #ff3659;
  }
  /* line 810, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner .scroll_area .modal_txt .num::before {
    content: "";
    position: absolute;
    bottom: -0.5vw;
    right: 0;
    left: 0;
    width: 13vw;
    height: 2px;
    margin: auto;
    background-color: #ff3659;
  }
  /* line 822, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner .scroll_area .modal_txt .pose {
    font-size: 2.56944vw;
    margin-top: 3.73611vw;
  }
  /* line 826, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner .scroll_area .modal_txt .pose span img {
    width: 0.90278vw;
  }
  /* line 831, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner .scroll_area .modal_txt .en {
    font-size: 1.45833vw;
    margin-top: 1.11111vw;
  }
  /* line 835, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner .scroll_area .modal_txt .normal_txt {
    font-size: 1.15556vw;
    margin-top: 2.03333vw;
    line-height: 1.7;
  }
  /* line 841, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner .scroll_area .yoga_step {
    position: relative;
    float: left;
    width: 20vw;
    margin-top: 4vw;
  }
  /* line 846, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner .scroll_area .yoga_step::before {
    content: "";
    width: 2px;
    height: 17vw;
    background-color: #ff213d;
    position: absolute;
    top: 0;
    left: 3vw;
  }
  /* line 855, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner .scroll_area .yoga_step li {
    position: relative;
    display: flex;
    align-items: flex-start;
    line-height: 1.6;
    margin-bottom: 2.08333vw;
    font-size: 1.11111vw;
  }
  /* line 863, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner .scroll_area .yoga_step li:nth-last-child(1) {
    background: #ffd2cc;
  }
  /* line 866, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner .scroll_area .yoga_step li p {
    width: 100%;
    transition: 0.5s ease-out;
  }
  /* line 869, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner .scroll_area .yoga_step li p span {
    font-size: 0.90278vw;
  }
  /* line 873, ../../../src/cmn/css/_pc.scss */
  body .modal .modal_inner .scroll_area .yoga_step li .step_num {
    font-size: 0.91111vw;
    width: 9.86389vw;
    height: 2.79167vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ff213d;
    color: white;
    border-radius: 3vw;
    margin-right: 1.17778vw;
    border: solid 4px #ffd2cc;
    box-sizing: border-box;
    transition: 0.5s ease-out;
  }
  /* line 895, ../../../src/cmn/css/_pc.scss */
  body footer {
    background: white;
    width: 100%;
    float: left;
    position: relative;
    z-index: 100;
  }
  /* line 906, ../../../src/cmn/css/_pc.scss */
  body footer .footer_inner {
    width: 94.51389vw;
    height: 6.25833vw;
    margin: auto;
    font-size: 0.97222vw;
    color: #ff3454;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  /* line 915, ../../../src/cmn/css/_pc.scss */
  body footer .footer_inner ul {
    display: flex;
    flex-wrap: wrap;
    font-family: 'Kosugi', sans-serif;
    margin-left: 0.6vw;
  }
  /* line 920, ../../../src/cmn/css/_pc.scss */
  body footer .footer_inner ul li {
    margin-right: 2.7vw;
    letter-spacing: 0.05em;
  }
  /* line 923, ../../../src/cmn/css/_pc.scss */
  body footer .footer_inner ul li a {
    color: #ff3454;
  }
  /* line 928, ../../../src/cmn/css/_pc.scss */
  body footer .footer_inner small {
    margin-right: 0.7vw;
    letter-spacing: 0.05em;
  }
}
/*size*/
@media screen and (max-width: 767px) {
  /* line 7, ../../../src/cmn/css/_sp.scss */
  body .pc {
    display: none;
  }
  /* line 8, ../../../src/cmn/css/_sp.scss */
  body .sp {
    display: block;
  }
  /* line 9, ../../../src/cmn/css/_sp.scss */
  body .pc_i {
    display: none;
  }
  /* line 10, ../../../src/cmn/css/_sp.scss */
  body .sp_i {
    display: inline;
  }
  /* line 12, ../../../src/cmn/css/_sp.scss */
  body img {
    width: 100%;
  }
  /* line 16, ../../../src/cmn/css/_sp.scss */
  body #loader {
    background: #ff3659;
    width: 100%;
    height: 100%;
    float: left;
    position: fixed;
    z-index: 5000;
    text-align: center;
  }
  /* line 25, ../../../src/cmn/css/_sp.scss */
  body #loader .load_icon {
    width: 53.06667vw;
    height: 53.06667vw;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(255, 255, 255, 0.2);
    overflow: hidden;
  }
  /* line 36, ../../../src/cmn/css/_sp.scss */
  body #loader .load_icon img {
    position: relative;
    z-index: 10;
    transform: scale(1.03);
  }
  /* line 41, ../../../src/cmn/css/_sp.scss */
  body #loader .load_icon .box {
    width: 36.2vw;
    height: 28.86667vw;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* line 53, ../../../src/cmn/css/_sp.scss */
  body #loader .load_icon .box .ber {
    width: 100%;
    height: 100%;
    height: 0%;
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  /* line 64, ../../../src/cmn/css/_sp.scss */
  body #loader .load_icon .box .load_txt {
    position: relative;
    color: #ff3454;
    font-size: 5.184vw;
    font-family: 'Kosugi', sans-serif;
    z-index: 20;
  }
  /* line 76, ../../../src/cmn/css/_sp.scss */
  body .logo {
    position: absolute;
    width: 30.93333vw;
    height: 7.8vw;
    float: left;
    margin: 5vw 0 0 5vw;
    z-index: 100;
  }
  /* line 83, ../../../src/cmn/css/_sp.scss */
  body .logo a {
    height: 100%;
  }
  /* line 86, ../../../src/cmn/css/_sp.scss */
  body .logo img {
    height: 100%;
  }
  /* line 90, ../../../src/cmn/css/_sp.scss */
  body #header {
    width: 100%;
    float: left;
    box-sizing: border-box;
    z-index: 500;
  }
  /* line 95, ../../../src/cmn/css/_sp.scss */
  body #header .menu_btn {
    float: right;
    display: block;
    position: fixed;
    top: 6.6vw;
    right: 7vw;
    width: 4.8vw;
    height: 5.33333vw;
    transition: all .5s;
    cursor: pointer;
    z-index: 500;
  }
  /* line 106, ../../../src/cmn/css/_sp.scss */
  body #header .menu_btn span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: white;
    transition: all .5s;
  }
  /* line 115, ../../../src/cmn/css/_sp.scss */
  body #header .menu_btn span:nth-child(2) {
    top: 2.23333vw;
  }
  /* line 118, ../../../src/cmn/css/_sp.scss */
  body #header .menu_btn span:nth-child(3) {
    top: 4.53333vw;
  }
  /* line 123, ../../../src/cmn/css/_sp.scss */
  body #header .menu {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 500;
  }
  /* line 129, ../../../src/cmn/css/_sp.scss */
  body #header .menu.open {
    display: block;
  }
  /* line 132, ../../../src/cmn/css/_sp.scss */
  body #header .menu .bg {
    width: 173.73333vw;
    height: 173.73333vw;
    background: white;
    border-radius: 113vw;
    position: relative;
    top: -24vw;
    left: 76vw;
    transform: scale(0);
    transform-origin: 100% 0%;
    /* 右上 */
  }
  /* line 143, ../../../src/cmn/css/_sp.scss */
  body #header .menu .bg.open {
    animation: scale-easeOutElastic_menu 2s forwards;
  }
  /* line 146, ../../../src/cmn/css/_sp.scss */
  body #header .menu .bg.close {
    animation: scale-easeOutElastic_menu_close 2s forwards;
  }
  /* line 150, ../../../src/cmn/css/_sp.scss */
  body #header .menu .menu_inner {
    position: absolute;
    top: 8vw;
    left: 113vw;
    opacity: 0;
    transition: 0.5s ease-out;
  }
  /* line 156, ../../../src/cmn/css/_sp.scss */
  body #header .menu .menu_inner.open {
    opacity: 1;
  }
  /* line 159, ../../../src/cmn/css/_sp.scss */
  body #header .menu .menu_inner .close_btn {
    width: 4.8vw;
    height: 4.8vw;
    position: relative;
    float: right;
    top: -1vw;
    right: 1vw;
  }
  /* line 166, ../../../src/cmn/css/_sp.scss */
  body #header .menu .menu_inner .close_btn span {
    display: block;
    position: absolute;
    top: 4vw;
    width: 4.8vw;
    height: 0.53333vw;
    background-color: #ff3659;
  }
  /* line 173, ../../../src/cmn/css/_sp.scss */
  body #header .menu .menu_inner .close_btn span:nth-child(1) {
    transform: translate(0, -7px) rotate(45deg);
  }
  /* line 176, ../../../src/cmn/css/_sp.scss */
  body #header .menu .menu_inner .close_btn span:nth-child(2) {
    transform: translate(0, -7px) rotate(-45deg);
  }
  /* line 181, ../../../src/cmn/css/_sp.scss */
  body #header .menu .menu_inner .ttl {
    width: 27.6vw;
    float: left;
  }
  /* line 185, ../../../src/cmn/css/_sp.scss */
  body #header .menu .menu_inner .menu_txt {
    font-size: 3.712vw;
    clear: both;
    padding-top: 10vw;
  }
  /* line 189, ../../../src/cmn/css/_sp.scss */
  body #header .menu .menu_inner .menu_txt li {
    margin-bottom: 7.7vw;
  }
  /* line 191, ../../../src/cmn/css/_sp.scss */
  body #header .menu .menu_inner .menu_txt li a {
    position: relative;
    color: #ff3659;
  }
  /* line 195, ../../../src/cmn/css/_sp.scss */
  body #header .menu .menu_inner .menu_txt li a.active::before {
    position: absolute;
    top: -1vw;
    left: -8vw;
    content: "";
    display: inline-block;
    width: 5.46667vw;
    height: 5.73333vw;
    background: url(../../../bin/page/top/img/menu_active_icon.svg) no-repeat;
    background-size: contain;
  }
  /* line 210, ../../../src/cmn/css/_sp.scss */
  body #header .menu .menu_inner .menu_sns {
    display: flex;
    padding-top: 4vw;
  }
  /* line 214, ../../../src/cmn/css/_sp.scss */
  body #header .menu .menu_inner .menu_sns li:nth-child(1) {
    width: 8.4vw;
    margin-right: 8vw;
  }
  /* line 218, ../../../src/cmn/css/_sp.scss */
  body #header .menu .menu_inner .menu_sns li:nth-child(2) {
    width: 4vw;
    margin-top: -1vw;
  }
  /* line 228, ../../../src/cmn/css/_sp.scss */
  body .click_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 150;
    display: none;
  }
  /* line 234, ../../../src/cmn/css/_sp.scss */
  body .click_bg.open {
    display: block;
  }
  /* line 239, ../../../src/cmn/css/_sp.scss */
  body .modal {
    display: none;
    position: absolute;
    z-index: 200;
  }
  /* line 243, ../../../src/cmn/css/_sp.scss */
  body .modal.open {
    display: block;
  }
  /* line 246, ../../../src/cmn/css/_sp.scss */
  body .modal .bg {
    width: 253.86667vw;
    height: 253.86667vw;
    background: #ffd2cc;
    border-radius: 170vw;
    position: absolute;
    top: 0;
    left: -77vw;
    transform: scale(0);
    transition: 0.5s ease-out;
  }
  /* line 256, ../../../src/cmn/css/_sp.scss */
  body .modal .bg.open {
    transform: scale(1);
  }
  /* line 260, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner {
    width: 86.66667vw;
    margin: auto;
    position: absolute;
    top: 17.5vw;
    right: 0;
    left: 7vw;
    display: none;
    opacity: 0;
    transition: 0.5s ease-out;
  }
  /* line 270, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.open {
    opacity: 1;
  }
  /* line 275, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.one.step1 .scroll_area .yoga_step li:nth-child(1) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 278, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.one.step1 .scroll_area .yoga_step li:nth-child(1) p {
    color: #ff213d;
  }
  /* line 281, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.one.step1 .scroll_area .modal_img_wrap .modal_img.img1 {
    opacity: 1;
  }
  /* line 286, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.one.step2 .scroll_area .yoga_step li:nth-child(2) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 289, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.one.step2 .scroll_area .yoga_step li:nth-child(2) p {
    color: #ff213d;
  }
  /* line 292, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.one.step2 .scroll_area .modal_img_wrap .modal_img.img2 {
    opacity: 1;
  }
  /* line 297, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.one.step3 .scroll_area .yoga_step li:nth-child(3) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 300, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.one.step3 .scroll_area .yoga_step li:nth-child(3) p {
    color: #ff213d;
  }
  /* line 303, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.one.step3 .scroll_area .modal_img_wrap .modal_img.img3 {
    opacity: 1;
  }
  /* line 308, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.one.step4 .scroll_area .yoga_step li:nth-child(4) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 311, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.one.step4 .scroll_area .yoga_step li:nth-child(4) p {
    color: #ff213d;
  }
  /* line 314, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.one.step4 .scroll_area .modal_img_wrap .modal_img.img4 {
    opacity: 1;
  }
  /* line 321, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.one .scroll_area .modal_img_wrap .modal_img.img1 {
    background-position-x: 0;
  }
  /* line 324, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.one .scroll_area .modal_img_wrap .modal_img.img2 {
    background-position-x: 50%;
  }
  /* line 327, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.one .scroll_area .modal_img_wrap .modal_img.img3 {
    background-position-x: 50%;
  }
  /* line 330, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.one .scroll_area .modal_img_wrap .modal_img.img4 {
    background-position-x: 100%;
  }
  /* line 339, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two.step1 .scroll_area .yoga_step li:nth-child(1) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 342, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two.step1 .scroll_area .yoga_step li:nth-child(1) p {
    color: #ff213d;
  }
  /* line 345, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two.step1 .scroll_area .modal_img_wrap .modal_img.img1 {
    opacity: 1;
  }
  /* line 350, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two.step2 .scroll_area .yoga_step li:nth-child(2) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 353, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two.step2 .scroll_area .yoga_step li:nth-child(2) p {
    color: #ff213d;
  }
  /* line 356, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two.step2 .scroll_area .modal_img_wrap .modal_img.img2 {
    opacity: 1;
  }
  /* line 361, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two.step3 .scroll_area .yoga_step li:nth-child(3) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 364, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two.step3 .scroll_area .yoga_step li:nth-child(3) p {
    color: #ff213d;
  }
  /* line 367, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two.step3 .scroll_area .modal_img_wrap .modal_img.img3 {
    opacity: 1;
  }
  /* line 372, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two.step4 .scroll_area .yoga_step li:nth-child(4) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 375, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two.step4 .scroll_area .yoga_step li:nth-child(4) p {
    color: #ff213d;
  }
  /* line 378, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two.step4 .scroll_area .modal_img_wrap .modal_img.img4 {
    opacity: 1;
  }
  /* line 383, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two.step5 .scroll_area .yoga_step li:nth-child(5) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 386, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two.step5 .scroll_area .yoga_step li:nth-child(5) p {
    color: #ff213d;
  }
  /* line 389, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two.step5 .scroll_area .modal_img_wrap .modal_img.img5 {
    opacity: 1;
  }
  /* line 394, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two.step6 .scroll_area .yoga_step li:nth-child(6) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 397, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two.step6 .scroll_area .yoga_step li:nth-child(6) p {
    color: #ff213d;
  }
  /* line 400, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two.step6 .scroll_area .modal_img_wrap .modal_img.img6 {
    opacity: 1;
  }
  /* line 406, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two .scroll_area .modal_img_wrap .modal_img {
    background: url(../../../bin/page/top/img/yoga_pose2.png) no-repeat;
    background-size: cover;
    left: 17vw;
  }
  /* line 410, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two .scroll_area .modal_img_wrap .modal_img.img1 {
    background-position-x: 0;
  }
  /* line 413, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two .scroll_area .modal_img_wrap .modal_img.img2 {
    background-position-x: 50%;
  }
  /* line 416, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two .scroll_area .modal_img_wrap .modal_img.img3 {
    background-position-x: 50%;
  }
  /* line 419, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two .scroll_area .modal_img_wrap .modal_img.img4 {
    background-position-x: 50%;
  }
  /* line 422, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two .scroll_area .modal_img_wrap .modal_img.img5 {
    background-position-x: 100%;
  }
  /* line 425, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two .scroll_area .modal_img_wrap .modal_img.img6 {
    background-position-x: 100%;
  }
  /* line 431, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.two .scroll_area .yoga_step::before {
    height: 95vw;
  }
  /* line 440, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.three.step1 .scroll_area .yoga_step li:nth-child(1) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 443, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.three.step1 .scroll_area .yoga_step li:nth-child(1) p {
    color: #ff213d;
  }
  /* line 446, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.three.step1 .scroll_area .modal_img_wrap .modal_img.img1 {
    opacity: 1;
  }
  /* line 451, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.three.step2 .scroll_area .yoga_step li:nth-child(2) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 454, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.three.step2 .scroll_area .yoga_step li:nth-child(2) p {
    color: #ff213d;
  }
  /* line 457, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.three.step2 .scroll_area .modal_img_wrap .modal_img.img2 {
    opacity: 1;
  }
  /* line 462, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.three.step3 .scroll_area .yoga_step li:nth-child(3) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 465, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.three.step3 .scroll_area .yoga_step li:nth-child(3) p {
    color: #ff213d;
  }
  /* line 468, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.three.step3 .scroll_area .modal_img_wrap .modal_img.img3 {
    opacity: 1;
  }
  /* line 473, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.three.step4 .scroll_area .yoga_step li:nth-child(4) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 476, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.three.step4 .scroll_area .yoga_step li:nth-child(4) p {
    color: #ff213d;
  }
  /* line 479, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.three.step4 .scroll_area .modal_img_wrap .modal_img.img4 {
    opacity: 1;
  }
  /* line 485, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.three .scroll_area .modal_img_wrap .modal_img {
    background: url(../../../bin/page/top/img/yoga_pose3.png) no-repeat;
    background-size: cover;
    left: 13vw;
  }
  /* line 489, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.three .scroll_area .modal_img_wrap .modal_img.img1 {
    background-position-x: 0;
  }
  /* line 492, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.three .scroll_area .modal_img_wrap .modal_img.img2 {
    background-position-x: 50%;
  }
  /* line 495, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.three .scroll_area .modal_img_wrap .modal_img.img3 {
    background-position-x: 100%;
  }
  /* line 498, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.three .scroll_area .modal_img_wrap .modal_img.img4 {
    background-position-x: 100%;
  }
  /* line 504, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.three .scroll_area .yoga_step::before {
    height: 60vw;
  }
  /* line 513, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four.step1 .scroll_area .yoga_step li:nth-child(1) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 516, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four.step1 .scroll_area .yoga_step li:nth-child(1) p {
    color: #ff213d;
  }
  /* line 519, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four.step1 .scroll_area .modal_img_wrap .modal_img.img1 {
    opacity: 1;
  }
  /* line 524, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four.step2 .scroll_area .yoga_step li:nth-child(2) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 527, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four.step2 .scroll_area .yoga_step li:nth-child(2) p {
    color: #ff213d;
  }
  /* line 530, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four.step2 .scroll_area .modal_img_wrap .modal_img.img2 {
    opacity: 1;
  }
  /* line 535, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four.step3 .scroll_area .yoga_step li:nth-child(3) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 538, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four.step3 .scroll_area .yoga_step li:nth-child(3) p {
    color: #ff213d;
  }
  /* line 541, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four.step3 .scroll_area .modal_img_wrap .modal_img.img3 {
    opacity: 1;
  }
  /* line 546, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four.step4 .scroll_area .yoga_step li:nth-child(4) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 549, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four.step4 .scroll_area .yoga_step li:nth-child(4) p {
    color: #ff213d;
  }
  /* line 552, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four.step4 .scroll_area .modal_img_wrap .modal_img.img4 {
    opacity: 1;
  }
  /* line 557, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four.step5 .scroll_area .yoga_step li:nth-child(5) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 560, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four.step5 .scroll_area .yoga_step li:nth-child(5) p {
    color: #ff213d;
  }
  /* line 563, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four.step5 .scroll_area .modal_img_wrap .modal_img.img5 {
    opacity: 1;
  }
  /* line 568, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four.step6 .scroll_area .yoga_step li:nth-child(6) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 571, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four.step6 .scroll_area .yoga_step li:nth-child(6) p {
    color: #ff213d;
  }
  /* line 574, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four.step6 .scroll_area .modal_img_wrap .modal_img.img6 {
    opacity: 1;
  }
  /* line 580, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four .scroll_area .modal_img_wrap .modal_img {
    background: url(../../../bin/page/top/img/yoga_pose4.png) no-repeat;
    background-size: cover;
    left: 11vw;
  }
  /* line 584, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four .scroll_area .modal_img_wrap .modal_img.img1 {
    background-position-x: 0;
  }
  /* line 587, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four .scroll_area .modal_img_wrap .modal_img.img2 {
    background-position-x: 0;
  }
  /* line 590, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four .scroll_area .modal_img_wrap .modal_img.img3 {
    background-position-x: 50%;
  }
  /* line 593, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four .scroll_area .modal_img_wrap .modal_img.img4 {
    background-position-x: 100%;
  }
  /* line 596, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four .scroll_area .modal_img_wrap .modal_img.img5 {
    background-position-x: 100%;
  }
  /* line 599, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four .scroll_area .modal_img_wrap .modal_img.img6 {
    background-position-x: 100%;
  }
  /* line 605, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.four .scroll_area .yoga_step::before {
    height: 85vw;
  }
  /* line 613, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five.step1 .scroll_area .yoga_step li:nth-child(1) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 616, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five.step1 .scroll_area .yoga_step li:nth-child(1) p {
    color: #ff213d;
  }
  /* line 619, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five.step1 .scroll_area .modal_img_wrap .modal_img.img1 {
    opacity: 1;
  }
  /* line 624, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five.step2 .scroll_area .yoga_step li:nth-child(2) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 627, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five.step2 .scroll_area .yoga_step li:nth-child(2) p {
    color: #ff213d;
  }
  /* line 630, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five.step2 .scroll_area .modal_img_wrap .modal_img.img2 {
    opacity: 1;
  }
  /* line 635, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five.step3 .scroll_area .yoga_step li:nth-child(3) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 638, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five.step3 .scroll_area .yoga_step li:nth-child(3) p {
    color: #ff213d;
  }
  /* line 641, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five.step3 .scroll_area .modal_img_wrap .modal_img.img3 {
    opacity: 1;
  }
  /* line 646, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five.step4 .scroll_area .yoga_step li:nth-child(4) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 649, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five.step4 .scroll_area .yoga_step li:nth-child(4) p {
    color: #ff213d;
  }
  /* line 652, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five.step4 .scroll_area .modal_img_wrap .modal_img.img4 {
    opacity: 1;
  }
  /* line 657, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five.step5 .scroll_area .yoga_step li:nth-child(5) .step_num {
    background: white;
    color: #ff213d;
  }
  /* line 660, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five.step5 .scroll_area .yoga_step li:nth-child(5) p {
    color: #ff213d;
  }
  /* line 663, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five.step5 .scroll_area .modal_img_wrap .modal_img.img5 {
    opacity: 1;
  }
  /* line 669, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five .scroll_area .modal_img_wrap .modal_img {
    background: url(../../../bin/page/top/img/yoga_pose5.png) no-repeat;
    background-size: cover;
    left: 33vw;
  }
  /* line 673, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five .scroll_area .modal_img_wrap .modal_img.img1 {
    background-position-x: 0;
  }
  /* line 676, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five .scroll_area .modal_img_wrap .modal_img.img2 {
    background-position-x: 50%;
  }
  /* line 679, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five .scroll_area .modal_img_wrap .modal_img.img3 {
    background-position-x: 50%;
  }
  /* line 682, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five .scroll_area .modal_img_wrap .modal_img.img4 {
    background-position-x: 50%;
  }
  /* line 685, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five .scroll_area .modal_img_wrap .modal_img.img5 {
    background-position-x: 100%;
  }
  /* line 691, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner.five .scroll_area .yoga_step::before {
    height: 85vw;
  }
  /* line 697, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner .close_btn {
    width: 9.8vw;
    height: 9.8vw;
    position: absolute;
    top: -2.5vw;
    right: -2.5vw;
    z-index: 200;
  }
  /* line 704, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner .close_btn span {
    display: block;
    position: absolute;
    width: 9.8vw;
    top: 5vw;
    height: 0.53333vw;
    background-color: #ff3659;
  }
  /* line 711, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner .close_btn span:nth-child(1) {
    transform: translate(0, -7px) rotate(45deg);
  }
  /* line 714, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner .close_btn span:nth-child(2) {
    transform: translate(0, -7px) rotate(-45deg);
  }
  /* line 718, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner .close_btn p {
    font-size: 2.4vw;
    position: absolute;
    bottom: 0;
    left: 1vw;
    color: #ff3659;
    width: 120%;
    text-align: center;
    left: -10%;
  }
  /* line 730, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner .scroll_area .modal_txt {
    text-align: center;
  }
  /* line 732, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner .scroll_area .modal_txt .num {
    position: relative;
    font-size: 3.2vw;
    color: #ff3659;
  }
  /* line 736, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner .scroll_area .modal_txt .num::before {
    content: "";
    position: absolute;
    bottom: -1vw;
    right: 0;
    left: 0;
    width: 30vw;
    height: 2px;
    margin: auto;
    background-color: #ff3659;
  }
  /* line 748, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner .scroll_area .modal_txt .pose {
    font-size: 5.33333vw;
    margin-top: 5.33333vw;
  }
  /* line 752, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner .scroll_area .modal_txt .en {
    font-size: 3.2vw;
    margin-top: 2.13333vw;
  }
  /* line 756, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner .scroll_area .modal_txt .normal_txt {
    font-size: 3.46667vw;
    margin-top: 4.13333vw;
    line-height: 1.67;
  }
  /* line 762, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner .scroll_area .modal_img_wrap {
    width: 93.06667vw;
    height: 63.46667vw;
    margin: 7vw auto 0;
    position: relative;
  }
  /* line 767, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner .scroll_area .modal_img_wrap .modal_img {
    width: 100%;
    height: 100%;
    background: url(../../../bin/page/top/img/yoga_pose1.png) no-repeat;
    background-size: cover;
    background-position: left;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.5s ease-out;
  }
  /* line 780, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner .scroll_area .yoga_step {
    position: relative;
    margin-top: 5vw;
  }
  /* line 783, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner .scroll_area .yoga_step::before {
    content: "";
    width: 0.26667vw;
    height: 40vw;
    background-color: #ff213d;
    position: absolute;
    top: 6vw;
    left: 9.5vw;
    z-index: 1;
  }
  /* line 793, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner .scroll_area .yoga_step li {
    display: flex;
    align-items: flex-start;
    line-height: 1.6;
    margin-bottom: 4vw;
    font-size: 3.2vw;
    position: relative;
    z-index: 5;
  }
  /* line 801, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner .scroll_area .yoga_step li .step_num {
    font-size: 2.4vw;
    width: 22.5vw;
    height: 6.6vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ff213d;
    color: #ffffff;
    border-radius: 8vw;
    margin-right: 4.33333vw;
    margin-left: 1vw;
    border: solid 2px #ffd2cc;
    transition: 0.5s ease-out;
  }
  /* line 816, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner .scroll_area .yoga_step li p {
    width: 100%;
    transition: 0.5s ease-out;
  }
  /* line 819, ../../../src/cmn/css/_sp.scss */
  body .modal .modal_inner .scroll_area .yoga_step li p span {
    font-size: 2.93333vw;
  }
  /* line 829, ../../../src/cmn/css/_sp.scss */
  body footer {
    background: white;
    float: left;
    width: 100%;
    height: 47vw;
  }
  /* line 834, ../../../src/cmn/css/_sp.scss */
  body footer .footer_inner {
    width: 84vw;
    margin: auto;
    font-size: 3.06667vw;
    color: #ff3454;
    padding-top: 11vw;
  }
  /* line 840, ../../../src/cmn/css/_sp.scss */
  body footer .footer_inner ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: 'Kosugi', sans-serif;
  }
  /* line 846, ../../../src/cmn/css/_sp.scss */
  body footer .footer_inner ul li {
    width: 50%;
    letter-spacing: 0.01em;
  }
  /* line 850, ../../../src/cmn/css/_sp.scss */
  body footer .footer_inner ul li:nth-child(1), body footer .footer_inner ul li:nth-child(2) {
    margin-bottom: 8vw;
  }
  /* line 853, ../../../src/cmn/css/_sp.scss */
  body footer .footer_inner ul li a {
    color: #ff3454;
  }
  /* line 858, ../../../src/cmn/css/_sp.scss */
  body footer .footer_inner small {
    font-size: 2.8vw;
    letter-spacing: 0.02em;
    margin-top: 8.5vw;
    display: block;
  }
}