/* Top.css
=====================================================

01.Import
02.Contents

===================================================== */
/* 01.Import
===================================================== */
/* _mixin.scss
=====================================================

01.Variable
02.Function
03.Font
04.Mixin

===================================================== */
/* 01.Variable
===================================================== */
/* _variables.scss
=====================================================

01.Font
02.Color
03.Layout

===================================================== */
/* 01.Font
===================================================== */
/* 02.Color
===================================================== */
/* 03.Layout
===================================================== */
/* ============================================ [EOF] */
/* 02.Function
===================================================== */
/* _function.scss
=====================================================

01.Function

===================================================== */
/* 01.Function
===================================================== */
/* ============================================ [EOF] */
/* 03.Font
===================================================== */
/* _icon.scss
===================================================== */
@font-face {
  font-family: 'icon-font';
  src: url("/shared/img/common/icon/icon-font.eot");
  src: url("/shared/img/common/icon/icon-font.eot#iefix") format("embedded-opentype"), url("/shared/img/common/icon/icon-font.ttf") format("truetype"), url("/shared/img/common/icon/icon-font.woff") format("woff"), url("/shared/img/common/icon/icon-font.svg#iconfont") format("svg");
  font-weight: normal;
  font-style: normal; }
/* ============================================ [EOF] */
/* 04.Mixin
===================================================== */
/* ============================================ [EOF] */
/* 02.Contents
===================================================== */
.menu {
  z-index: 10;
  position: fixed;
  cursor: pointer;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background-color: #ffffff;
  transition: width .2s; }

.menu--isOpen {
  z-index: 2;
  width: 100vw;
  transform: translateX(0);
  opacity: 0.9; }
  .menu--isOpen .header__nav-sp {
    transform: translateY(50%);
    visibility: visible;
    color: #ff5858; }
  .menu--isOpen .header__nav-sp ul {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%; }
  .menu--isOpen .nav-list-sp__item {
    float: left;
    margin-left: 24px; }
    .menu--isOpen .nav-list-sp__item a {
      color: #ff5858;
      display: block;
      margin: 10px;
      cursor: pointer; }
    .menu--isOpen .nav-list-sp__item .link-btn-sp {
      display: inline-block;
      color: #ffffff;
      background-color: #ff5858;
      line-height: 30px;
      margin: 10px;
      padding: 10px; }
    .menu--isOpen .nav-list-sp__item .link-btn-sp:hover {
      color: #ffffff;
      background: #ff5858; }

.menu__button {
  position: fixed;
  right: 10px;
  top: 10px;
  width: 100px;
  height: 100px;
  cursor: pointer;
  background-image: url("../../img/sp/menu_sp.png");
  background-repeat: no-repeat;
  background-size: 100%; }

.menu span {
  display: block;
  width: 50%;
  margin: auto;
  height: 4px;
  background-color: #ff5858;
  border-radius: 3px;
  position: absolute;
  left: 0;
  right: 0;
  top: calc((100% - 4px)/2);
  transition: .2s; }

.menu__lineTop {
  transform: translateY(-10px); }

.menu__lineBottom {
  transform: translateY(5px); }

.menu--isOpen .menu__lineTop {
  transform: rotate(45deg); }

.menu--isOpen .menu__lineMiddle {
  opacity: 0; }

.menu--isOpen .menu__lineBottom {
  transform: rotate(-45deg); }

.menu__menu {
  display: block;
  width: 80%;
  margin: auto;
  height: 4px;
  color: #ff5858;
  position: absolute;
  left: 0;
  right: 0;
  top: 65px; }

.sp-bottom-img-wrapper {
  display: block;
  width: 30%;
  position: absolute;
  bottom: 10px;
  left: 35vw; }

.hero-img {
  position: relative;
  margin-bottom: 60px; }
  .hero-img div {
    position: relative; }
    .hero-img div .sp {
      margin-top: 0;
      margin-left: auto; }
      .hero-img div .sp .sp-img-wrapper {
        z-index: 4;
        position: absolute;
        top: 0;
        left: 0;
        width: 30%;
        height: 30%;
        align-items: flex-start; }
      .hero-img div .sp .menu {
        text-align: right; }
    .hero-img div .pc {
      display: none; }
  .hero-img__btn {
    z-index: 3;
    width: 60%;
    position: absolute;
    right: 10px;
    bottom: 20px;
    z-index: 20; }
    .hero-img__btn a {
      display: block;
      position: relative;
      text-align: center;
      animation: bound-anim 1s infinite; }
    .hero-img__btn__txt {
      display: inline;
      margin-bottom: 10px;
      color: #ffffff;
      font-size: small;
      text-transform: uppercase;
      letter-spacing: .05em;
      line-height: 1.5;
      background: linear-gradient(transparent 80%, #4f52ba 80%); }
    .hero-img__btn__txt-bold {
      display: block;
      margin: 10px;
      color: #ffffff;
      font-size: large;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: .05em;
      line-height: 1.5; }
  .hero-img__bg {
    z-index: 2; }
  .hero-img__img {
    z-index: 3;
    position: absolute;
    right: 0;
    bottom: 0; }
  .hero-img__scroll {
    width: 10%;
    position: absolute;
    left: 30px;
    bottom: 20px; }

@media (min-width: 920px) {
  .menu {
    display: none; }

  .hero-img div .sp {
    display: none; }
  .hero-img div .pc {
    display: block; }
  .hero-img__btn {
    position: absolute;
    right: 10px;
    bottom: 30px;
    z-index: 20; }
    .hero-img__btn__txt {
      font-size: x-large; }
    .hero-img__btn__txt-bold {
      font-size: xx-large; }
  .hero-img a {
    display: block;
    text-align: right;
    z-index: 20;
    animation: bound-anim 1s infinite; }
  .hero-img__img {
    z-index: 2;
    width: 30%;
    position: absolute;
    right: 0;
    bottom: 0; }
  .hero-img__scroll {
    width: 5%;
    position: absolute;
    left: 30px;
    bottom: 30px; } }
.cont-wrap {
  position: relative; }
  .cont-wrap__ttl {
    position: relative;
    margin-bottom: 35px;
    text-align: center; }
    .cont-wrap__ttl:before {
      content: '';
      display: block;
      position: absolute;
      bottom: -8px;
      width: 50%;
      height: 3px;
      background-color: #a30000; }
    .cont-wrap__ttl span {
      display: inline-block;
      position: relative;
      color: #a30000;
      font-size: 40px;
      font-size: 4rem;
      font-weight: bold;
      font-style: italic;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: .03em; }
      .cont-wrap__ttl span:after {
        content: '';
        display: block;
        position: absolute;
        bottom: -8px;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #a30000; }

@media (min-width: 920px) {
  .cont-wrap {
    margin-bottom: 70px; }
    .cont-wrap__body {
      width: 100%; }
    .cont-wrap__ttl {
      margin-bottom: 70px; }
      .cont-wrap__ttl:before {
        bottom: -16px;
        height: 6px; }
      .cont-wrap__ttl span {
        font-size: 50px;
        font-size: 5rem; }
        .cont-wrap__ttl span:after {
          bottom: -16px;
          height: 6px; } }
.copy-box {
  margin-bottom: 20px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: .1em; }
  .copy-box__ttl {
    color: #ff5858;
    margin-bottom: 10px;
    font-weight: bold;
    line-height: 1.7; }
  .copy-box__txt {
    display: inline-block;
    padding: 5px 10px;
    font-weight: normal;
    font-size: medium; }
  .copy-box__txt-light {
    color: #676bff; }
  .copy-box__txt-bold {
    display: inline-block;
    padding: 5px 10px;
    font-weight: bold;
    font-size: large;
    background: linear-gradient(transparent 80%, #4f52ba 80%); }

@media (min-width: 920px) {
  .copy-box {
    margin-bottom: 20px;
    font-size: 28px;
    font-size: 2.8rem; }
    .copy-box__ttl {
      color: #ff5858;
      margin-bottom: 20px;
      line-height: 1.333; }
      .copy-box__ttl br {
        display: none; }
    .copy-box__txt {
      text-align: center; }
      .copy-box__txt .br-sp {
        display: none; } }
.cont-detail {
  position: relative; }
  .cont-detail__mask {
    position: relative;
    z-index: 2;
    cursor: pointer; }
    .cont-detail__mask:before, .cont-detail__mask:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .cont-detail__mask:before {
      width: 68px;
      height: 68px;
      border-radius: 50%;
      border: 4px solid #fff;
      transition: all .3s; }
    .cont-detail__mask:after {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 15px 0 15px 30px;
      border-color: transparent transparent transparent #fff; }
    .cont-detail__mask.back {
      z-index: -1; }
    .cont-detail__mask img {
      width: 100%; }
  .cont-detail__frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
    .cont-detail__frame #cont-detail {
      width: 100% !important;
      height: 100% !important; }

@media (min-width: 920px) {
  .cont-detail {
    margin-left: 2.5%;
    margin-right: 2.5%; } }
.gym-wrapper {
  display: none; }

.gym-wrapper-sp .container1 {
  display: block; }
  .gym-wrapper-sp .container1 .box1 {
    padding: 10px 20px; }
  .gym-wrapper-sp .container1 .box2 .box2-sub {
    padding: 10px 20px; }
  .gym-wrapper-sp .container1 .box3 .box3-sub {
    padding: 10px 20px; }
  .gym-wrapper-sp .container1 .box4 {
    padding: 10px 20px; }
.gym-wrapper-sp .container2 {
  display: flex; }
  .gym-wrapper-sp .container2 .box5 {
    display: flex;
    align-items: flex-start;
    padding: 10px 10px; }
    .gym-wrapper-sp .container2 .box5 img {
      height: auto; }
  .gym-wrapper-sp .container2 .box6 {
    display: flex;
    align-items: flex-start;
    padding: 10px 10px; }
    .gym-wrapper-sp .container2 .box6 img {
      height: auto; }

@media (min-width: 920px) {
  .gym-wrapper-sp {
    display: none; }

  .gym-wrapper {
    display: block; }
    .gym-wrapper .container1 {
      display: flex; }
      .gym-wrapper .container1 .box1 {
        width: 50%;
        padding: 10px 5px; }
      .gym-wrapper .container1 .box2 {
        width: 25%; }
        .gym-wrapper .container1 .box2 .box2-sub {
          padding: 10px 5px; }
      .gym-wrapper .container1 .box3 {
        width: 25%; }
        .gym-wrapper .container1 .box3 .box3-sub {
          padding: 10px 5px; }
    .gym-wrapper .container2 {
      display: flex; }
      .gym-wrapper .container2 .box4 {
        width: 60%;
        padding: 10px 5px; }
      .gym-wrapper .container2 .box5 {
        width: 20%;
        padding: 10px 0 5px 5px; }
      .gym-wrapper .container2 .box6 {
        width: 20%;
        padding: 10px 0 5px 5px; } }
.box-wrapper {
  margin: 0 auto;
  background-color: #000;
  width: 100%;
  height: 100%; }
  .box-wrapper .box-content {
    width: 100%;
    height: auto;
    display: block;
    border-collapse: separate;
    border-spacing: 50px 0;
    justify-content: center;
    align-items: center;
    background-image: url("../../img/gym_bg1.png"), url("../../img/gym_bg2.png");
    background-repeat: no-repeat, no-repeat;
    background-position: right 30% top 10%, left 25% bottom 0; }
    .box-wrapper .box-content .box-detail {
      position: relative;
      display: block;
      width: 80%;
      height: 100%;
      background-color: #f1f1f1;
      opacity: 0.9;
      margin: 50px auto;
      padding-top: 80px;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 30px;
      text-align: center;
      font-size: small;
      color: #000000; }
      .box-wrapper .box-content .box-detail__txt {
        font-size: small;
        font-weight: medium;
        line-height: 1.5em;
        color: #000000; }
      .box-wrapper .box-content .box-detail__txt-light {
        font-size: small;
        font-weight: medium;
        line-height: 1.5em;
        color: #676bff; }
      .box-wrapper .box-content .box-detail__txt-bold {
        font-size: medium;
        font-weight: bold;
        color: #000000; }
      .box-wrapper .box-content .box-detail__txt-title {
        font-size: large;
        font-weight: bold;
        color: #ff5858; }
      .box-wrapper .box-content .box-detail .check {
        width: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%); }
  .box-wrapper .step-wrap {
    width: 100%;
    height: auto;
    display: block;
    border-collapse: separate;
    border-spacing: 50px 0;
    justify-content: center;
    align-items: center;
    text-align: center; }
    .box-wrapper .step-wrap .box-step {
      position: relative;
      display: block;
      width: 90%;
      height: 100%;
      background-color: #000000;
      margin-left: 30px;
      margin-right: 30px;
      padding-top: 100px;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 30px;
      text-align: center;
      font-size: small;
      color: #ffffff; }
      .box-wrapper .step-wrap .box-step__txt {
        font-size: small;
        font-weight: medium;
        line-height: 1.5em;
        color: #ffffff; }
      .box-wrapper .step-wrap .box-step__txt-light {
        font-size: small;
        font-weight: medium;
        line-height: 1.5em;
        color: #676bff; }
      .box-wrapper .step-wrap .box-step__txt-bold {
        font-size: medium;
        font-weight: bold;
        color: #000000; }
      .box-wrapper .step-wrap .box-step__txt-title {
        font-size: large;
        font-weight: bold;
        color: #ff5858; }
      .box-wrapper .step-wrap .box-step .number {
        display: block;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%); }
      .box-wrapper .step-wrap .box-step .pict {
        justify-content: center;
        align-items: center;
        position: relative;
        top: 0; }
        .box-wrapper .step-wrap .box-step .pict img {
          width: 50%; }
  .box-wrapper .box-flex {
    width: 100%;
    height: auto;
    display: block;
    align-items: center; }
    .box-wrapper .box-flex .box-intro {
      width: 100%;
      height: 100%;
      margin: 50px 0;
      background-color: #000000;
      text-align: center;
      font-size: small;
      color: #ffffff; }
      .box-wrapper .box-flex .box-intro__txt {
        margin: 10px;
        font-size: small;
        font-weight: medium;
        line-height: 1.5em;
        color: #ffffff; }
      .box-wrapper .box-flex .box-intro__txt-light {
        font-size: small;
        font-weight: medium;
        line-height: 1.5em;
        color: #676bff; }
      .box-wrapper .box-flex .box-intro__txt-title {
        font-size: large;
        font-weight: bold;
        color: #ff5858; }
      .box-wrapper .box-flex .box-intro .pict {
        justify-content: center;
        align-items: center;
        position: relative;
        top: 0; }
      .box-wrapper .box-flex .box-intro .check {
        justify-content: center; }
        .box-wrapper .box-flex .box-intro .check img {
          width: 30px; }
        .box-wrapper .box-flex .box-intro .check__txt {
          padding: 10px 0;
          line-height: 2.5em;
          color: #ffffff; }

@media (min-width: 920px) {
  .box-wrapper {
    margin: 0 auto;
    background-color: #000;
    width: 100%;
    height: 100%; }
    .box-wrapper .box-content {
      width: 100%;
      height: auto;
      padding: 50px 0;
      display: table;
      border-collapse: separate;
      border-spacing: 50px 0;
      justify-content: center;
      align-items: center; }
      .box-wrapper .box-content .box-detail {
        position: relative;
        display: table-cell;
        width: 30%;
        height: 100%;
        background-color: #f1f1f1;
        margin-left: 30px;
        margin-right: 30px;
        padding-top: 10%;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 30px;
        text-align: center;
        font-size: small;
        color: #000000; }
        .box-wrapper .box-content .box-detail__txt {
          font-size: small;
          font-weight: medium;
          line-height: 1.5em;
          color: #000000; }
        .box-wrapper .box-content .box-detail__txt-light {
          font-size: small;
          font-weight: medium;
          line-height: 1.5em;
          color: #676bff; }
        .box-wrapper .box-content .box-detail__txt-bold {
          font-size: medium;
          font-weight: bold;
          color: #000000; }
        .box-wrapper .box-content .box-detail__txt-title {
          font-size: large;
          font-weight: bold;
          color: #ff5858; }
        .box-wrapper .box-content .box-detail .check {
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: pointer;
          position: absolute;
          top: -5%;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%); }
    .box-wrapper .step-wrap {
      width: 100%;
      height: auto;
      display: block;
      border-collapse: separate;
      border-spacing: 50px 0;
      justify-content: center;
      align-items: center; }
      .box-wrapper .step-wrap .box-step {
        position: relative;
        display: table-cell;
        width: 30%;
        height: 100%;
        background-color: #000000;
        margin-left: 30px;
        margin-right: 30px;
        padding-top: 100px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 30px;
        text-align: center;
        font-size: small;
        color: #ffffff; }
        .box-wrapper .step-wrap .box-step__txt {
          font-size: small;
          font-weight: medium;
          line-height: 1.5em;
          color: #ffffff; }
        .box-wrapper .step-wrap .box-step__txt-light {
          font-size: small;
          font-weight: medium;
          line-height: 1.5em;
          color: #676bff; }
        .box-wrapper .step-wrap .box-step__txt-bold {
          font-size: medium;
          font-weight: bold;
          color: #000000; }
        .box-wrapper .step-wrap .box-step__txt-title {
          margin: 10px;
          font-size: large;
          font-weight: bold;
          color: #ff5858; }
        .box-wrapper .step-wrap .box-step .number {
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: pointer;
          position: absolute;
          top: 0;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%); }
        .box-wrapper .step-wrap .box-step .pict {
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: pointer;
          position: relative;
          top: 0; }
          .box-wrapper .step-wrap .box-step .pict img {
            width: auto;
            height: 100%; }
    .box-wrapper .box-flex {
      width: 100%;
      height: auto;
      display: flex;
      border-collapse: separate;
      border-spacing: 50px 0;
      justify-content: center;
      align-items: center; }
      .box-wrapper .box-flex .box-intro {
        width: 25%;
        height: 100%;
        background-color: #000000;
        margin-right: 30px;
        padding-left: 20px;
        padding-bottom: 30px;
        text-align: center;
        font-size: small;
        color: #ffffff; }
        .box-wrapper .box-flex .box-intro__txt {
          margin: 10px;
          font-size: small;
          font-weight: medium;
          line-height: 1.5em;
          color: #ffffff; }
        .box-wrapper .box-flex .box-intro__txt-light {
          font-size: small;
          font-weight: medium;
          line-height: 1.5em;
          color: #676bff; }
        .box-wrapper .box-flex .box-intro__txt-title {
          font-size: large;
          font-weight: bold;
          color: #ff5858; }
        .box-wrapper .box-flex .box-intro .pict {
          justify-content: center;
          align-items: center;
          cursor: pointer;
          position: relative;
          top: 0; }
        .box-wrapper .box-flex .box-intro .check {
          justify-content: center; }
          .box-wrapper .box-flex .box-intro .check img {
            width: 30px; }
          .box-wrapper .box-flex .box-intro .check__txt {
            padding: 10px 0;
            line-height: 2.5em;
            color: #ffffff; } }
.comment_wrapper {
  margin: 0 auto;
  background-color: #000;
  width: 90%;
  height: 100%; }
  .comment_wrapper .comment {
    width: 100%;
    height: 100%;
    display: block;
    border-collapse: separate;
    border-spacing: 50px 0;
    justify-content: center;
    align-items: center; }
    .comment_wrapper .comment .comment-detail {
      position: relative;
      display: block;
      height: 100%;
      background-color: #f1f1f1;
      padding-top: 100px;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 30px;
      margin: 50px auto;
      text-align: left;
      font-size: small;
      color: #000000; }
      .comment_wrapper .comment .comment-detail__txt {
        font-size: small;
        font-weight: medium;
        line-height: 1.5em;
        color: #000000; }
      .comment_wrapper .comment .comment-detail__txt-title {
        text-align: center;
        font-size: large;
        font-weight: bold;
        color: #ff5858; }
      .comment_wrapper .comment .comment-detail:last-of-type {
        margin-right: 0; }
      .comment_wrapper .comment .comment-detail .user {
        width: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%); }
      .comment_wrapper .comment .comment-detail .border {
        display: block;
        text-align: center;
        width: 70%;
        height: 1px;
        background-color: #000000;
        border: 0;
        margin: 10px auto; }

@media (min-width: 920px) {
  .comment_wrapper {
    margin: 0 auto;
    background-color: #000;
    width: 100%;
    height: 100%; }
    .comment_wrapper .comment {
      width: 100%;
      height: 100%;
      padding: 50px 0;
      display: table;
      border-collapse: separate;
      border-spacing: 50px 0;
      justify-content: center;
      align-items: center; }
      .comment_wrapper .comment .comment-detail {
        position: relative;
        display: table-cell;
        width: 30%;
        height: 100%;
        background-color: #f1f1f1;
        margin-left: 30px;
        margin-right: 30px;
        padding-top: 10%;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 30px;
        text-align: left;
        font-size: small;
        color: #000000; }
        .comment_wrapper .comment .comment-detail__txt {
          font-size: small;
          font-weight: medium;
          line-height: 1.5em;
          color: #000000; }
        .comment_wrapper .comment .comment-detail__txt-title {
          text-align: center;
          font-size: large;
          font-weight: bold;
          color: #ff5858; }
        .comment_wrapper .comment .comment-detail:last-of-type {
          margin-right: 0; }
        .comment_wrapper .comment .comment-detail .user {
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: pointer;
          position: absolute;
          top: -5%;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%); }
        .comment_wrapper .comment .comment-detail .border {
          display: block;
          text-align: center;
          width: 70%;
          height: 1px;
          background-color: #000000;
          border: 0;
          margin: 10px auto; } }
.text-pict-box {
  margin: 0 auto;
  display: block;
  width: 80%; }
  .text-pict-box .text__txt {
    font-size: small;
    font-weight: medium;
    line-height: 1.5em;
    color: #ffffff;
    margin: 20px; }
  .text-pict-box .text__txt-light {
    font-size: small;
    font-weight: medium;
    line-height: 1.5em;
    color: #676bff; }
  .text-pict-box .text__txt-bold {
    font-size: medium;
    font-weight: bold;
    line-height: 1.5em;
    color: #ffffff; }
  .text-pict-box .text__txt-title {
    font-size: large;
    font-weight: bold;
    line-height: 1.5em;
    color: #ff5858; }
  .text-pict-box .pict-pc {
    display: none; }
  .text-pict-box .pict-sp {
    display: block; }

@media (min-width: 920px) {
  .text-pict-box {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 90%; }
    .text-pict-box .text {
      width: 50%;
      margin: 50px 0; }
      .text-pict-box .text__txt {
        font-size: small;
        font-weight: medium;
        line-height: 1.5em;
        color: #ffffff; }
      .text-pict-box .text__txt-light {
        font-size: small;
        font-weight: medium;
        line-height: 1.5em;
        color: #676bff; }
      .text-pict-box .text__txt-bold {
        font-size: medium;
        font-weight: bold;
        line-height: 1.5em;
        color: #ffffff; }
      .text-pict-box .text__txt-title {
        font-size: large;
        font-weight: bold;
        line-height: 1.5em;
        color: #ff5858; }
    .text-pict-box .pict-pc {
      width: 50%;
      display: inline-block; }
    .text-pict-box .pict-sp {
      display: none; } }
.price {
  text-align: center;
  margin: 0 auto;
  background-color: #000;
  width: 90%;
  height: 100%; }
  .price .table-hr {
    display: block;
    text-align: center;
    width: 70%;
    height: 1px;
    background-color: #7e7e7e;
    border: 0;
    margin: 50px auto; }
  .price .qr_wrapper {
    padding: 30px; }
    .price .qr_wrapper .lead {
      display: inline-block;
      font-size: large;
      font-weight: bold;
      background: linear-gradient(transparent 80%, #4f52ba 80%); }
    .price .qr_wrapper .qr {
      width: 100%;
      text-align: center;
      font-size: small;
      display: block;
      justify-content: space-around;
      padding-top: 50px; }
      .price .qr_wrapper .qr .large {
        font-size: large; }
        .price .qr_wrapper .qr .large .red {
          color: #ff5858; }
      .price .qr_wrapper .qr .pc {
        display: none; }
      .price .qr_wrapper .qr img {
        width: 100px; }

@media (min-width: 920px) {
  .price {
    text-align: center;
    margin: 0 auto;
    background-color: #000;
    width: 80%;
    height: 100%; }
    .price .table-hr {
      display: block;
      text-align: center;
      width: 70%;
      height: 1px;
      background-color: #7e7e7e;
      border: 0;
      margin: 50px auto; }
    .price .qr_wrapper {
      padding: 50px; }
      .price .qr_wrapper .lead {
        display: inline-block;
        font-size: large;
        font-weight: bold;
        background: linear-gradient(transparent 80%, #4f52ba 80%); }
        .price .qr_wrapper .lead .br-sp {
          display: none; }
      .price .qr_wrapper .qr {
        width: 100%;
        text-align: left;
        font-size: small;
        display: flex;
        justify-content: space-around;
        padding-top: 50px; }
        .price .qr_wrapper .qr .large {
          font-size: large; }
        .price .qr_wrapper .qr .line {
          border-left: 1px solid #454545;
          padding-left: 50px; }
        .price .qr_wrapper .qr .pc {
          display: inline-block; }
        .price .qr_wrapper .qr .sp {
          display: none; }
        .price .qr_wrapper .qr img {
          width: 100px; } }
.price {
  text-align: center;
  margin: 0 auto;
  background-color: #000;
  width: 90%;
  height: 100%; }
  .price .price-table__txt {
    text-align: right;
    padding: 5px auto;
    font-weight: normal;
    font-size: small; }
  .price .price-table-pc {
    display: none; }
  .price .reserve-table-pc {
    display: none; }
  .price .reserve-table-sp__txt {
    text-align: center;
    padding: 5px 10px;
    font-weight: normal;
    font-size: small; }
  .price .table-hr {
    display: block;
    text-align: center;
    width: 70%;
    height: 1px;
    background-color: #7e7e7e;
    border: 0;
    margin: 50px auto; }
  .price .qr_wrapper {
    padding: 30px; }
    .price .qr_wrapper .lead {
      display: inline-block;
      font-size: large;
      font-weight: bold;
      background: linear-gradient(transparent 80%, #4f52ba 80%); }
    .price .qr_wrapper .qr {
      width: 100%;
      text-align: center;
      font-size: small;
      display: block;
      justify-content: space-around;
      padding-top: 50px; }
      .price .qr_wrapper .qr .large {
        font-size: large; }
        .price .qr_wrapper .qr .large .red {
          color: #ff5858; }
      .price .qr_wrapper .qr .pc {
        display: none; }
      .price .qr_wrapper .qr img {
        width: 100px; }

@media (min-width: 920px) {
  .price {
    text-align: center;
    margin: 0 auto;
    background-color: #000;
    width: 80%;
    height: 100%; }
    .price .price-table-pc {
      display: block; }
      .price .price-table-pc__txt {
        text-align: right;
        padding: 5px 10px;
        font-weight: normal;
        font-size: small; }
    .price .price-table-sp {
      display: none; }
    .price .reserve-table-sp {
      display: none; }
    .price .reserve-table-pc {
      display: block; }
      .price .reserve-table-pc__txt {
        text-align: center;
        padding: 5px 10px;
        font-weight: normal;
        font-size: small; }
    .price .table-hr {
      display: block;
      text-align: center;
      width: 70%;
      height: 1px;
      background-color: #7e7e7e;
      border: 0;
      margin: 50px auto; }
    .price .qr_wrapper {
      padding: 50px; }
      .price .qr_wrapper .lead {
        display: inline-block;
        font-size: large;
        font-weight: bold;
        background: linear-gradient(transparent 80%, #4f52ba 80%); }
        .price .qr_wrapper .lead .br-sp {
          display: none; }
      .price .qr_wrapper .qr {
        width: 100%;
        text-align: left;
        font-size: small;
        display: flex;
        justify-content: space-evenly;
        padding-top: 50px; }
        .price .qr_wrapper .qr .large {
          font-size: large; }
        .price .qr_wrapper .qr .line {
          border-left: 1px solid #454545;
          padding-left: 50px; }
        .price .qr_wrapper .qr .pc {
          display: inline-block; }
        .price .qr_wrapper .qr .sp {
          display: none; } }
.session-wrapper {
  margin: 0 auto;
  background-color: #000;
  width: 90%;
  height: auto; }
  .session-wrapper .session-head {
    text-align: left;
    display: flex; }
    .session-wrapper .session-head .number {
      display: inline-block;
      padding: 20px 0; }
      .session-wrapper .session-head .number img {
        width: 50px;
        position: relative;
        top: 0px;
        left: 0px; }
    .session-wrapper .session-head .lead {
      font-size: medium;
      padding: 40px 20px; }
  .session-wrapper .session-detail {
    padding: 0 20px; }
    .session-wrapper .session-detail .line {
      font-size: small; }
    .session-wrapper .session-detail .large {
      font-size: medium;
      font-weight: bold; }
      .session-wrapper .session-detail .large .high-light {
        font-size: medium;
        color: #e86161; }
  .session-wrapper .line-sp {
    background-color: #e86161;
    width: 1px;
    height: 40px;
    margin: 10px 45vw; }

@media (min-width: 920px) {
  .session-wrapper {
    margin: 0 25%;
    background-color: #000;
    width: 70%;
    height: auto;
    text-align: center; }
    .session-wrapper .session-head {
      text-align: left;
      display: flex; }
      .session-wrapper .session-head .number {
        padding: 20px; }
        .session-wrapper .session-head .number img {
          width: 50px;
          position: relative;
          top: 0px;
          left: 0px; }
      .session-wrapper .session-head .lead {
        font-size: large;
        padding: 40px 20px; }
    .session-wrapper .session-detail {
      padding: 0 45px;
      text-align: left; }
      .session-wrapper .session-detail .line {
        border-left: 1px solid #e86161;
        padding-left: 70px;
        font-size: medium; }
      .session-wrapper .session-detail .large {
        font-size: large;
        font-weight: bold; }
        .session-wrapper .session-detail .large .high-light {
          font-size: x-large;
          color: #e86161; }
    .session-wrapper .line-sp, .session-wrapper .br-sp {
      display: none; } }
.form-wrapper {
  margin: 0 auto;
  background-color: #000;
  width: 90%;
  height: auto; }
  .form-wrapper .box-form {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000000;
    text-align: center;
    font-size: small;
    color: #ffffff; }
    .form-wrapper .box-form .form {
      width: 100%;
      margin: 0 auto;
      padding: 50px;
      box-sizing: border-box;
      text-align: left; }
    .form-wrapper .box-form .form input[type="text"],
    .form-wrapper .box-form .form input[type="tel"],
    .form-wrapper .box-form .form input[type="email"] {
      padding: 10px;
      width: 100%;
      color: #000000; }
    .form-wrapper .box-form .form input[type="date"] {
      padding: 10px;
      width: 100%;
      color: #cccccc; }
    .form-wrapper .box-form .form input[type="date"]:focus {
      color: #cccccc; }
    .form-wrapper .box-form .form input::placeholder {
      color: #cccccc; }
    .form-wrapper .box-form .form select {
      padding: 10px;
      width: 45%;
      background-color: #ffffff;
      color: #cccccc;
      -moz-appearance: menulist;
      -webkit-appearance: menulist; }
    .form-wrapper .box-form .form select::-ms-expand {
      display: block; }
    .form-wrapper .box-form .input-select {
      display: inline-block;
      width: 50%;
      padding: 10px; }
    .form-wrapper .box-form .form-txt {
      font-size: large;
      font-weight: medium;
      line-height: 1.5em; }
    .form-wrapper .box-form .required {
      font-size: small;
      font-weight: medium;
      line-height: 1.5em;
      color: #ff5858; }
    .form-wrapper .box-form .form input[type="submit"] {
      background: -moz-linear-gradient(left, #fe6a6c, #8853fc);
      background: -webkit-linear-gradient(left, #fe6a6c, #8853fc);
      background: linear-gradient(to right, #fe6a6c, #8853fc);
      color: #ffffff;
      font-size: x-large;
      font-weight: bold;
      padding: 20px 20px;
      margin: 0 5px;
      width: 100%; }
    .form-wrapper .box-form .select-wrapper {
      display: flex;
      justify-content: space-between; }

@media (min-width: 920px) {
  .form-wrapper {
    margin: 0 auto;
    background-color: #000;
    width: 60%;
    height: auto;
    text-align: center; }
    .form-wrapper .box-form {
      position: relative;
      display: flex;
      width: 100%;
      height: 100%;
      background-color: #000000;
      text-align: center;
      font-size: small;
      color: #ffffff; }
      .form-wrapper .box-form .form {
        width: 100%;
        margin: 0 auto;
        padding: 50px;
        box-sizing: border-box;
        text-align: left; }
      .form-wrapper .box-form .form input[type="text"],
      .form-wrapper .box-form .form input[type="tel"],
      .form-wrapper .box-form .form input[type="email"] {
        padding: 10px;
        width: 100%; }
      .form-wrapper .box-form .form input::placeholder {
        color: #cccccc; }
      .form-wrapper .box-form .form select {
        padding: 10px;
        width: 24%;
        background-color: #ffffff;
        color: #cccccc;
        -moz-appearance: menulist;
        -webkit-appearance: menulist; }
      .form-wrapper .box-form .form select::-ms-expand {
        display: block; }
      .form-wrapper .box-form .input-select {
        display: inline-block;
        width: 50% !important;
        padding: 10px; }
      .form-wrapper .box-form .form-txt {
        font-size: large;
        font-weight: medium;
        line-height: 1.5em; }
      .form-wrapper .box-form .required {
        font-size: small;
        font-weight: medium;
        line-height: 1.5em;
        color: #ff5858; }
      .form-wrapper .box-form .form input[type="submit"] {
        background: -moz-linear-gradient(left, #fe6a6c, #8853fc);
        background: -webkit-linear-gradient(left, #fe6a6c, #8853fc);
        background: linear-gradient(to right, #fe6a6c, #8853fc);
        color: #ffffff;
        font-size: x-large;
        font-weight: bold;
        padding: 20px 20px;
        margin: 0 5px;
        width: 100%; }
      .form-wrapper .box-form .select-wrapper {
        display: inline; }
    .form-wrapper .br-sp {
      display: none; } }
.access-wrapper {
  margin: 0 auto;
  background-color: #000000;
  text-align: center; }
  .access-wrapper .access-table table {
    margin: 0 auto;
    padding: 20px;
    width: 100%;
    height: auto; }
  .access-wrapper .access-table td {
    padding: 5px 50px;
    display: block; }
  .access-wrapper .access-table .time,
  .access-wrapper .access-table .address,
  .access-wrapper .access-table .tel {
    font-size: large;
    text-align: center; }

.map-wrapper {
  width: 70%;
  margin: 0 auto; }
  .map-wrapper .map {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative; }
  .map-wrapper .map iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%; }

@media (min-width: 920px) {
  .access-wrapper {
    width: 90%;
    margin: 0 auto; }
    .access-wrapper .access-table table {
      margin: 0 auto;
      padding: 20px;
      width: 70%;
      height: auto; }
    .access-wrapper .access-table td {
      padding: 10px 50px;
      display: inline-flex; }
    .access-wrapper .access-table .head {
      width: 30%; }
    .access-wrapper .access-table .body {
      width: 70%; }
    .access-wrapper .access-table .time,
    .access-wrapper .access-table .address,
    .access-wrapper .access-table .tel {
      font-size: large;
      text-align: left; }
    .access-wrapper .access-table .time-detail,
    .access-wrapper .access-table .address-detail,
    .access-wrapper .access-table .tel-detail {
      font-size: large;
      text-align: left; }
    .access-wrapper .access-table .br-sp {
      display: none; }

  .map-wrapper {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    padding: 20px; }
    .map-wrapper .map {
      height: 0;
      overflow: hidden;
      padding-bottom: 56.25%;
      position: relative; }
    .map-wrapper .map iframe {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%; } }
/* ============================================ [EOF] */

/*# sourceMappingURL=top.css.map */