@charset "UTF-8";
.kv {
  margin: 0vw auto 0;
  width: 100%; }
  @media only screen and (min-width: 750px) {
    .kv {
      background-image: url("../img/bg_kv_ill_pcl.png"), url("../img/bg_kv_belt_pcl.png"), url("../img/bg_kv_base_pcl.jpg");
      background-size: auto 100%,auto 100%,auto 100%;
      background-position: bottom center,bottom center,center center;
      background-repeat: no-repeat,repeat-x,no-repeat;
      height: calc(670/1150 * 100vw); } }
  @media only screen and (min-width: 1150px) {
    .kv {
      height: 670px; } }
  @media only screen and (min-width: 2000px) {
    .kv {
      height: 670px;
      background-size: auto 100%,auto 100%,cover; } }
  .kv--inner {
    width: 100%;
    position: relative; }
    @media only screen and (min-width: 1150px) {
      .kv--inner {
        width: 1150px;
        margin: 0 auto; } }
    .kv--inner h1 {
      margin: 0;
      width: 100%; }
      @media only screen and (min-width: 750px) {
        .kv--inner h1 {
          position: absolute;
          width: calc(595/1150 * 100vw);
          top: calc(28/1150 * 100vw);
          left: calc(310/1150 * 100vw); } }
      @media only screen and (min-width: 1150px) {
        .kv--inner h1 {
          width: 595px;
          top: 28px;
          left: 310px; } }
    .kv--inner .logo {
      position: absolute;
      width: calc(78/750 * 100vw);
      top: calc(19/750 * 100vw);
      left: calc(16/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .kv--inner .logo {
          width: calc(87/1150 * 100vw);
          top: calc(23/1150 * 100vw);
          left: calc(125/1150 * 100vw); } }
      @media only screen and (min-width: 1150px) {
        .kv--inner .logo {
          width: 87px;
          top: 23px;
          left: 125px; } }

.navi_wrap {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
  background-image: url("../img/bg_navi_sp.png");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 100%;
  height: calc(234/750 * 100vw);
  padding: calc(15/750 * 100vw) 0 0; }
  @media only screen and (min-width: 750px) {
    .navi_wrap {
      background-image: url("../img/bg_navi_pc.png");
      background-position: top center;
      background-size: auto 100%;
      background-repeat: repeat-x;
      height: calc(144/1150 * 100vw);
      padding: calc(26/1150 * 100vw) 0 0; } }
  @media only screen and (min-width: 1150px) {
    .navi_wrap {
      height: 144px;
      padding: 26px 0 0; } }
  .navi_wrap .navi {
    margin: 0 auto;
    width: calc(720/750 * 100%);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media only screen and (min-width: 750px) {
      .navi_wrap .navi {
        flex-wrap: nowrap;
        width: calc(960/1150 * 100vw); } }
    @media only screen and (min-width: 1150px) {
      .navi_wrap .navi {
        width: 960px; } }
    .navi_wrap .navi li {
      width: calc(225/750 * 100vw);
      margin-bottom: calc(15/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .navi_wrap .navi li {
          width: calc(183/1150 * 100vw);
          margin-bottom: 0; } }
      @media only screen and (min-width: 1150px) {
        .navi_wrap .navi li {
          width: 183px; } }
      .navi_wrap .navi li a:hover {
        opacity: 1; }
        @media only screen and (min-width: 750px) {
          .navi_wrap .navi li a:hover img:hover {
            opacity: 0 !important; } }
      @media only screen and (min-width: 750px) {
        .navi_wrap .navi li.navi01:hover, .navi_wrap .navi li.navi02:hover, .navi_wrap .navi li.navi03:hover, .navi_wrap .navi li.navi04:hover, .navi_wrap .navi li.navi05:hover {
          background-image: url("../img/navi01_on.svg");
          background-size: 100% auto;
          background-position: top center;
          background-repeat: no-repeat; } }
      @media only screen and (min-width: 750px) {
        .navi_wrap .navi li.navi01:hover {
          background-image: url("../img/navi01_on.svg"); } }
      @media only screen and (min-width: 750px) {
        .navi_wrap .navi li.navi02:hover {
          background-image: url("../img/navi02_on.svg"); } }
      @media only screen and (min-width: 750px) {
        .navi_wrap .navi li.navi03:hover {
          background-image: url("../img/navi03_on.svg"); } }
      .navi_wrap .navi li.navi04 {
        margin-left: calc(120/750 * 100vw); }
        @media only screen and (min-width: 750px) {
          .navi_wrap .navi li.navi04 {
            margin-left: calc(0/1150 * 100vw); } }
        @media only screen and (min-width: 750px) {
          .navi_wrap .navi li.navi04:hover {
            background-image: url("../img/navi04_on.svg"); } }
      .navi_wrap .navi li.navi05 {
        margin-right: calc(120/750 * 100vw); }
        @media only screen and (min-width: 750px) {
          .navi_wrap .navi li.navi05 {
            margin-right: calc(0/1150 * 100vw); } }
        @media only screen and (min-width: 750px) {
          .navi_wrap .navi li.navi05:hover {
            background-image: url("../img/navi05_on.svg"); } }

#progress::before {
  content: "";
  display: block !important;
  height: calc(245/750 * 100vw);
  /* ずらしたい高さ */
  margin-top: calc(-245/750 * 100vw);
  /* heightに対するネガティブマージン */
  visibility: hidden; }
  @media only screen and (min-width: 750px) {
    #progress::before {
      height: calc(175/1150 * 100vw);
      margin-top: calc(-175/1150 * 100vw); } }
  @media only screen and (min-width: 1150px) {
    #progress::before {
      height: 175px;
      margin-top: -175px; } }

.intro {
  margin-top: calc(-60/750 * 100vw);
  background-image: url("../img/bg_intro_sp.jpg");
  background-position: bottom center;
  background-size: cover;
  padding: calc(95/750 * 100vw) 0 calc(75/750 * 100vw);
  border-bottom: calc(15/750 * 100vw) solid #e85b01; }
  @media only screen and (min-width: 750px) {
    .intro {
      margin-top: calc(-25/1150 * 100vw);
      background-image: url("../img/bg_intro_b_pc.png"), url("../img/bg_intro_pcl.jpg");
      background-size: calc(44/1150 * 100vw) calc(23/1150 * 100vw), auto 100%;
      background-repeat: repeat-x,no-repeat;
      background-position: bottom center,top center;
      padding: calc(58/1150 * 100vw) 0 calc(66/1150 * 100vw);
      border-bottom: calc(5/1150 * 100vw) solid #e85b01; } }
  @media only screen and (min-width: 1150px) {
    .intro {
      margin-top: -25px;
      background-size: auto auto, cover;
      padding: 58px 0 66px;
      border-bottom: 5px solid #e85b01; } }
  .intro--cont {
    width: calc(600/750 * 100vw);
    margin: 0 auto; }
    @media only screen and (min-width: 750px) {
      .intro--cont {
        display: flex;
        justify-content: space-between;
        width: calc(938/1150 * 100vw); } }
    @media only screen and (min-width: 1150px) {
      .intro--cont {
        width: 938px; } }
    @media only screen and (min-width: 750px) {
      .intro--cont li {
        width: calc(458/1150 * 100vw); } }
    @media only screen and (min-width: 1150px) {
      .intro--cont li {
        width: 458px; } }
    .intro--cont li + li {
      margin-top: calc(20/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .intro--cont li + li {
          margin-top: 0; } }

.progress {
  position: relative;
  background-image: url("../img/bg_prize_t_sp.png"), url("../img/bg_history_sp.png");
  background-position: bottom center,top center;
  background-size: 100% auto,100% auto;
  background-repeat: repeat-x,repeat;
  width: 100%;
  padding: calc(62/750 * 100vw) 0 calc(192/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .progress {
      background-image: url("../img/bg_prize_t_pcl.png"), url("../img/bg_history_pc.png");
      background-size: auto calc(72/1150 * 100vw), 100% auto;
      padding: calc(67/1150 * 100vw) 0 calc(105/1150 * 100vw); } }
  @media only screen and (min-width: 1150px) {
    .progress {
      background-image: url("../img/bg_prize_t_pcl.png"), url("../img/bg_history_pcl.png");
      background-size: auto auto,auto auto;
      padding: 67px 0 105px; } }
  .progress .progress--inner {
    position: relative;
    width: 100%;
    margin: 0 auto; }
    @media only screen and (min-width: 1150px) {
      .progress .progress--inner {
        width: 1150px; } }
    .progress .progress--inner .amazing {
      margin: 0 auto 0 calc(94/750 * 100vw);
      width: calc(589/750 * 100vw);
      padding: 0 0 calc(41/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .progress .progress--inner .amazing {
          width: calc(898/1150 * 100vw);
          margin: 0 auto 0 calc(88/1150 * 100vw);
          padding: 0 0 calc(43/1150 * 100vw); } }
      @media only screen and (min-width: 1150px) {
        .progress .progress--inner .amazing {
          width: 898px;
          margin: 0 auto 0 88px;
          padding: 0 0 43px; } }
    .progress .progress--inner .deco {
      margin: 0 auto 0;
      width: calc(597/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .progress .progress--inner .deco {
          width: calc(958/1150 * 100vw);
          margin: 0 auto 0; } }
      @media only screen and (min-width: 1150px) {
        .progress .progress--inner .deco {
          width: 958px;
          margin: 0 auto 0; } }
    .progress .progress--inner .history_ti {
      width: calc(540/750 * 100vw);
      margin: calc(52/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .progress .progress--inner .history_ti {
          width: calc(758/1150 * 100vw);
          margin: calc(52/1150 * 100vw) auto 0; } }
      @media only screen and (min-width: 1150px) {
        .progress .progress--inner .history_ti {
          width: 758px;
          margin: 52px auto 0; } }
    .progress .progress--inner .history {
      width: calc(650/750 * 100vw);
      margin: calc(44/750 * 100vw) auto calc(54/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .progress .progress--inner .history {
          width: calc(960/1150 * 100vw);
          margin: calc(66/1150 * 100vw) auto calc(88/1150 * 100vw); } }
      @media only screen and (min-width: 1150px) {
        .progress .progress--inner .history {
          width: 960px;
          margin: 66px auto 88px; } }
    .progress .progress--inner .history_bt {
      position: relative;
      width: 100%;
      height: calc(54/750 * 100vw);
      margin: calc(-54/750 * 100vw) auto 0;
      line-height: 0em;
      background-color: #f8763a;
      background-image: url("../img/bt_history_open.svg");
      background-repeat: no-repeat;
      background-size: calc(350/1150 * 100vw) auto;
      background-position: center center;
      cursor: pointer; }
      @media only screen and (min-width: 750px) {
        .progress .progress--inner .history_bt {
          height: calc(66/960 * 100vw);
          background-size: 350px auto;
          margin: calc(-66/1150 * 100vw) auto 0; } }
      @media only screen and (min-width: 1150px) {
        .progress .progress--inner .history_bt {
          height: 66px;
          margin: -15px auto 0; } }
      .progress .progress--inner .history_bt.active {
        background-image: url("../img/bt_history_close.svg");
        margin: 0 auto; }
      .progress .progress--inner .history_bt p {
        position: absolute;
        left: 10000px;
        text-align: center; }
    .progress .progress--inner .history_wrap {
      display: none;
      width: 100%;
      margin: 0 auto; }
      .progress .progress--inner .history_wrap .history00 {
        display: none; }
        @media only screen and (min-width: 750px) {
          .progress .progress--inner .history_wrap .history00 {
            display: block; } }
    .progress .progress--inner .movie_ti {
      width: calc(550/750 * 100vw);
      margin: calc(54/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .progress .progress--inner .movie_ti {
          width: calc(667/1150 * 100vw);
          margin: calc(61/1150 * 100vw) auto 0; } }
      @media only screen and (min-width: 1150px) {
        .progress .progress--inner .movie_ti {
          width: 667px;
          margin: 61px auto 0; } }
    .progress .progress--inner .movie_area {
      position: relative;
      background-image: url("../img/bg_movie_table.png");
      background-position: bottom center;
      background-size: 100% auto;
      background-repeat: no-repeat;
      width: calc(700/750 * 100vw);
      height: calc(828/750 * 100vw);
      margin: calc(15/750 * 100vw) calc(20/750 * 100vw) 0 calc(30/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .progress .progress--inner .movie_area {
          background: none;
          width: calc(935/1150 * 100vw);
          height: calc(760/1150 * 100vw);
          margin: calc(17/1150 * 100vw) auto 0 calc(112/1150 * 100vw); } }
      @media only screen and (min-width: 1150px) {
        .progress .progress--inner .movie_area {
          width: 935px;
          height: 760px;
          margin: 17px auto 0 112px; } }
      .progress .progress--inner .movie_area .movie_ill {
        display: none; }
        @media only screen and (min-width: 750px) {
          .progress .progress--inner .movie_area .movie_ill {
            display: block; } }
      .progress .progress--inner .movie_area .bt_movie {
        width: 100%;
        margin: calc(0/750 * 100vw) auto 0; }
        @media only screen and (min-width: 750px) {
          .progress .progress--inner .movie_area .bt_movie {
            position: absolute;
            width: calc(439/1150 * 100vw);
            margin: 0;
            top: calc(63/1150 * 100vw);
            left: calc(252/1150 * 100vw);
            cursor: pointer; } }
        @media only screen and (min-width: 1150px) {
          .progress .progress--inner .movie_area .bt_movie {
            width: 439px;
            top: 63px;
            left: 252px; } }
  .progress .bird {
    position: absolute;
    width: calc(178/750 * 100vw);
    margin: 0;
    bottom: calc(50/750 * 100vw);
    left: 100%; }
    @media only screen and (min-width: 750px) {
      .progress .bird {
        width: calc(157/1150 * 100vw);
        bottom: calc(30/1150 * 100vw); } }
    @media only screen and (min-width: 1150px) {
      .progress .bird {
        width: 157px;
        bottom: 30px; } }

.prize_lead {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e65a00;
  height: calc(96/750 * 100vw);
  margin: 0vw auto 0;
  width: 100%; }
  @media only screen and (min-width: 750px) {
    .prize_lead {
      height: calc(105/1150 * 100vw); } }
  @media only screen and (min-width: 1150px) {
    .prize_lead {
      height: 105px; } }
  .prize_lead .prize_lead_cont {
    width: calc(572/750 * 100vw);
    padding-top: calc(270/750 * 100vw);
    margin-top: calc(-270/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .prize_lead .prize_lead_cont {
        width: calc(651/1150 * 100vw);
        padding-top: calc(165/1150 * 100vw);
        margin-top: calc(-165/1150 * 100vw); } }
    @media only screen and (min-width: 1150px) {
      .prize_lead .prize_lead_cont {
        width: 651px;
        padding-top: 165px;
        margin-top: -165px; } }

.prize {
  background-image: url("../img/bg_prod_t_sp.png"), url("../img/bg_prize_sp.jpg");
  background-size: 100% auto,cover;
  background-position: bottom center, top center;
  background-repeat: no-repeat,no-repeat;
  padding: calc(55/750 * 100vw) 0 calc(197/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .prize {
      background-image: url("../img/bg_prod_t_pcl.png"), url("../img/bg_prize_pcl.jpg");
      background-size: auto calc(79/1150 * 100vw), cover;
      background-position: bottom center, top center;
      background-repeat: repeat-x,no-repeat;
      padding: calc(32/1150 * 100vw) 0 calc(160/1150 * 100vw); } }
  @media only screen and (min-width: 1150px) {
    .prize {
      background-size: auto auto,cover;
      padding: 32px 0 160px; } }
  .prize--inner {
    width: 100%;
    margin: 0 auto; }
    @media only screen and (min-width: 1150px) {
      .prize--inner {
        width: 1150px; } }
    .prize--inner .prize_catch {
      width: calc(610/750 * 100vw);
      margin: 0vw auto 0; }
      @media only screen and (min-width: 750px) {
        .prize--inner .prize_catch {
          width: calc(790/1150 * 100vw); } }
      @media only screen and (min-width: 1150px) {
        .prize--inner .prize_catch {
          width: 790px; } }
    .prize--inner .prize_ti {
      width: calc(444/750 * 100vw);
      margin: calc(30/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .prize--inner .prize_ti {
          width: calc(667/1150 * 100vw);
          margin: calc(39/1150 * 100vw) auto 0; } }
      @media only screen and (min-width: 1150px) {
        .prize--inner .prize_ti {
          width: 667px;
          margin: 39px auto 0; } }
    .prize--inner .prize_item {
      width: calc(603/750 * 100vw);
      margin: calc(40/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .prize--inner .prize_item {
          display: flex;
          justify-content: space-between;
          width: calc(960/1150 * 100vw);
          margin: calc(44/1150 * 100vw) auto 0; } }
      @media only screen and (min-width: 1150px) {
        .prize--inner .prize_item {
          width: 960px;
          margin: 44px auto 0; } }
      .prize--inner .prize_item li {
        width: 100%;
        margin: 0;
        filter: drop-shadow(calc(7/750 * 100vw) calc(7/750 * 100vw) calc(5/750 * 100vw) rgba(0, 0, 0, 0.25)); }
        @media only screen and (min-width: 750px) {
          .prize--inner .prize_item li {
            width: calc(469/1150 * 100vw);
            filter: drop-shadow(calc(5/1150 * 100vw) calc(5/1150 * 100vw) calc(4/1150 * 100vw) rgba(0, 0, 0, 0.25)); } }
        @media only screen and (min-width: 1150px) {
          .prize--inner .prize_item li {
            width: 469px;
            filter: drop-shadow(5 5 4 rgba(0, 0, 0, 0.25)); } }
      .prize--inner .prize_item li + li {
        margin-top: calc(55/750 * 100vw); }
        @media only screen and (min-width: 750px) {
          .prize--inner .prize_item li + li {
            margin: 0; } }
    .prize--inner .prize_note {
      width: 26em;
      color: #FFF;
      font-size: calc(18/750 * 100vw);
      margin: 2em auto 0;
      text-align: left; }
      @media only screen and (min-width: 750px) {
        .prize--inner .prize_note {
          width: 100%;
          font-size: calc(14/1150 * 100vw);
          text-align: center;
          margin: 3em auto 0; } }
      @media only screen and (min-width: 1150px) {
        .prize--inner .prize_note {
          font-size: 1.4rem;
          margin: 3em auto 0; } }
    .prize--inner .prize_w {
      position: relative;
      width: 100%;
      margin: calc(55/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .prize--inner .prize_w {
          width: calc(872/1150 * 100vw);
          margin: calc(35/1150 * 100vw) auto 0 calc(114/1150 * 100vw); } }
      @media only screen and (min-width: 1150px) {
        .prize--inner .prize_w {
          width: 872px;
          margin: 35px auto 0 114px; } }
      .prize--inner .prize_w .bt_download {
        position: absolute;
        display: block;
        width: calc(572/750 * 100vw);
        bottom: calc(145/750 * 100vw);
        left: 0;
        right: 0;
        margin: auto;
        filter: drop-shadow(calc(7/750 * 100vw) calc(7/750 * 100vw) calc(5/750 * 100vw) rgba(0, 0, 0, 0.35)); }
        @media only screen and (min-width: 750px) {
          .prize--inner .prize_w .bt_download {
            width: calc(233/1150 * 100vw);
            top: calc(24/1150 * 100vw);
            bottom: inherit;
            left: inherit;
            right: calc(-6/1150 * 100vw);
            margin: 0;
            filter: drop-shadow(calc(6/1150 * 100vw) calc(6/1150 * 100vw) calc(5/1150 * 100vw) rgba(0, 0, 0, 0.35)); } }
        @media only screen and (min-width: 1150px) {
          .prize--inner .prize_w .bt_download {
            width: 233px;
            top: 24px;
            right: -6px;
            margin: 0;
            filter: drop-shadow(6 6 5 rgba(0, 0, 0, 0.35)); } }
    .prize--inner .profile_wrap {
      position: relative;
      background-image: url("../img/bg_profile_sp.png");
      background-position: top center;
      background-size: 100% auto;
      background-repeat: repeat-y;
      width: calc(600/750 * 100vw);
      margin: calc(80/750 * 100vw) auto 0;
      border: solid calc(3/750 * 100vw) #b52d0b;
      border-radius: calc(34/750 * 100vw);
      padding: calc(547/750 * 100vw) 0 calc(32/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .prize--inner .profile_wrap {
          background-image: url("../img/bg_profile_pc.png");
          width: calc(860/1150 * 100vw);
          margin: calc(35/1150 * 100vw) auto 0;
          border: solid calc(3/1150 * 100vw) #b52d0b;
          padding: calc(307/1150 * 100vw) 0 calc(39/1150 * 100vw);
          border-radius: calc(27/1150 * 100vw); } }
      @media only screen and (min-width: 1150px) {
        .prize--inner .profile_wrap {
          width: 860px;
          margin: 35px auto 0;
          border: solid 3px #b52d0b;
          padding: 307px 0 39px;
          border-radius: 27px; } }
      .prize--inner .profile_wrap .profile {
        position: absolute;
        width: calc(572/750 * 100vw);
        top: calc(-28/750 * 100vw);
        left: 0;
        right: 0;
        margin: auto; }
        @media only screen and (min-width: 750px) {
          .prize--inner .profile_wrap .profile {
            width: calc(789/1150 * 100vw);
            top: calc(-35/1150 * 100vw);
            left: 0;
            right: 0; } }
        @media only screen and (min-width: 1150px) {
          .prize--inner .profile_wrap .profile {
            width: 789px;
            top: -35px;
            left: 0;
            right: 0; } }
      .prize--inner .profile_wrap .profile_sns {
        width: calc(550/750 * 100vw);
        margin: 0 auto 0; }
        @media only screen and (min-width: 750px) {
          .prize--inner .profile_wrap .profile_sns {
            display: flex;
            align-items: center;
            width: calc(768/1150 * 100vw);
            margin: calc(0/1150 * 100vw) auto 0 calc(86/1150 * 100vw); } }
        @media only screen and (min-width: 1150px) {
          .prize--inner .profile_wrap .profile_sns {
            width: 768px;
            margin: 0px auto 0 86px; } }
        .prize--inner .profile_wrap .profile_sns .sns_icon {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: calc(152/750 * 100vw);
          margin: 0 auto; }
          @media only screen and (min-width: 750px) {
            .prize--inner .profile_wrap .profile_sns .sns_icon {
              width: calc(125/1150 * 100vw);
              margin: 0; } }
          @media only screen and (min-width: 1150px) {
            .prize--inner .profile_wrap .profile_sns .sns_icon {
              width: 125px; } }
          .prize--inner .profile_wrap .profile_sns .sns_icon .insta {
            display: block;
            width: calc(56/750 * 100vw);
            margin: 0; }
            @media only screen and (min-width: 750px) {
              .prize--inner .profile_wrap .profile_sns .sns_icon .insta {
                width: calc(46/1150 * 100vw); } }
            @media only screen and (min-width: 1150px) {
              .prize--inner .profile_wrap .profile_sns .sns_icon .insta {
                width: 46px; } }
          .prize--inner .profile_wrap .profile_sns .sns_icon .x {
            display: block;
            width: calc(48/750 * 100vw);
            margin: 0; }
            @media only screen and (min-width: 750px) {
              .prize--inner .profile_wrap .profile_sns .sns_icon .x {
                width: calc(39/1150 * 100vw); } }
            @media only screen and (min-width: 1150px) {
              .prize--inner .profile_wrap .profile_sns .sns_icon .x {
                width: 39px; } }
        .prize--inner .profile_wrap .profile_sns .sns_text {
          width: calc(550/750 * 100vw);
          margin: calc(40/750 * 100vw) auto 0;
          font-size: calc(16/750 * 100vw); }
          @media only screen and (min-width: 750px) {
            .prize--inner .profile_wrap .profile_sns .sns_text {
              width: calc(560/1150 * 100vw);
              margin: 0 auto 0 calc(80/1150 * 100vw);
              font-size: calc(14/1150 * 100vw); } }
          @media only screen and (min-width: 1150px) {
            .prize--inner .profile_wrap .profile_sns .sns_text {
              width: 560px;
              margin: 0 auto 0 80px;
              font-size: 1.4rem; } }
          .prize--inner .profile_wrap .profile_sns .sns_text a {
            color: #000;
            text-decoration: none; }

.prod_ti_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #91230f;
  height: calc(96/750 * 100vw);
  margin: 0vw auto 0;
  width: 100%; }
  @media only screen and (min-width: 750px) {
    .prod_ti_wrap {
      height: calc(83/1150 * 100vw); } }
  @media only screen and (min-width: 1150px) {
    .prod_ti_wrap {
      height: 83px; } }
  .prod_ti_wrap .prod_ti {
    width: calc(239/750 * 100vw);
    padding-top: calc(270/750 * 100vw);
    margin-top: calc(-270/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .prod_ti_wrap .prod_ti {
        width: calc(176/1150 * 100vw);
        padding-top: calc(180/1150 * 100vw);
        margin-top: calc(-180/1150 * 100vw); } }
    @media only screen and (min-width: 1150px) {
      .prod_ti_wrap .prod_ti {
        width: 176px;
        padding-top: 180px;
        margin-top: -180px; } }

.prod {
  background: #cd280a;
  padding: calc(55/750 * 100vw) 0 calc(116/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .prod {
      padding: calc(55/1150 * 100vw) 0 calc(90/1150 * 100vw); } }
  @media only screen and (min-width: 1150px) {
    .prod {
      padding: 55px 0 90px; } }
  .prod .prod_wrap {
    background: #FFF;
    width: calc(600/750 * 100vw);
    margin: calc(0/750 * 100vw) auto 0;
    padding: calc(28/750 * 100vw) 0 calc(48/750 * 100vw);
    border-radius: calc(34/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .prod .prod_wrap {
        width: calc(860/1150 * 100vw);
        padding: calc(22/1150 * 100vw) 0 calc(50/1150 * 100vw);
        border-radius: calc(27/1150 * 100vw); } }
    @media only screen and (min-width: 1150px) {
      .prod .prod_wrap {
        width: 860px;
        padding: 22px 0 50px;
        border-radius: 27px; } }
    .prod .prod_wrap .prod_list {
      background: #ffffbe;
      width: calc(553/750 * 100vw);
      margin: 0vw auto 0;
      padding: calc(32/750 * 100vw) 0 calc(56/750 * 100vw);
      border-radius: calc(18/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .prod .prod_wrap .prod_list {
          width: calc(800/1150 * 100vw);
          padding: calc(32/1150 * 100vw) 0 calc(25/1150 * 100vw);
          border-radius: calc(27/1150 * 100vw); } }
      @media only screen and (min-width: 1150px) {
        .prod .prod_wrap .prod_list {
          width: 800px;
          padding: 32px 0 25px;
          border-radius: 27px; } }
      .prod .prod_wrap .prod_list .prod01 {
        width: calc(496/750 * 100vw);
        margin: 0 auto 0; }
        @media only screen and (min-width: 750px) {
          .prod .prod_wrap .prod_list .prod01 {
            width: calc(704/1150 * 100vw); } }
        @media only screen and (min-width: 1150px) {
          .prod .prod_wrap .prod_list .prod01 {
            width: 704px; } }
      .prod .prod_wrap .prod_list .prod02 {
        width: calc(515/750 * 100vw);
        margin: calc(30/750 * 100vw) auto 0; }
        @media only screen and (min-width: 750px) {
          .prod .prod_wrap .prod_list .prod02 {
            width: calc(760/1150 * 100vw);
            margin: calc(24/1150 * 100vw) auto 0; } }
        @media only screen and (min-width: 1150px) {
          .prod .prod_wrap .prod_list .prod02 {
            width: 760px;
            margin: 24px auto 0; } }
    .prod .prod_wrap .course_ti {
      width: calc(274/750 * 100vw);
      margin: calc(80/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .prod .prod_wrap .course_ti {
          width: calc(243/1150 * 100vw);
          margin: calc(44/1150 * 100vw) auto 0; } }
      @media only screen and (min-width: 1150px) {
        .prod .prod_wrap .course_ti {
          width: 243px;
          margin: 44px auto 0; } }
    .prod .prod_wrap .course {
      width: calc(553/750 * 100vw);
      margin: calc(33/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .prod .prod_wrap .course {
          display: flex;
          justify-content: space-between;
          width: calc(800/1150 * 100vw);
          margin: calc(11/1150 * 100vw) auto 0; } }
      @media only screen and (min-width: 1150px) {
        .prod .prod_wrap .course {
          width: 800px;
          margin: 11px auto 0; } }
      .prod .prod_wrap .course li {
        width: 100%;
        margin: 0; }
        @media only screen and (min-width: 750px) {
          .prod .prod_wrap .course li {
            width: calc(394/1150 * 100vw); } }
        @media only screen and (min-width: 1150px) {
          .prod .prod_wrap .course li {
            width: 394px; } }
      .prod .prod_wrap .course li + li {
        margin-top: calc(44/750 * 100vw); }
        @media only screen and (min-width: 750px) {
          .prod .prod_wrap .course li + li {
            margin: 0; } }
    .prod .prod_wrap .prod_caution {
      width: calc(522/750 * 100vw);
      margin: calc(40/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .prod .prod_wrap .prod_caution {
          width: calc(800/1150 * 100vw);
          margin: calc(22/1150 * 100vw) auto 0; } }
      @media only screen and (min-width: 1150px) {
        .prod .prod_wrap .prod_caution {
          width: 800px;
          margin: 22px auto 0; } }
    .prod .prod_wrap .prod_note {
      width: calc(522/750 * 100vw);
      font-size: calc(18/750 * 100vw);
      margin: 2em auto 0;
      text-align: left; }
      @media only screen and (min-width: 750px) {
        .prod .prod_wrap .prod_note {
          width: 38em;
          font-size: calc(14/1150 * 100vw);
          margin: 1.5em auto 0; } }
      @media only screen and (min-width: 1150px) {
        .prod .prod_wrap .prod_note {
          font-size: 1.4rem;
          margin: 1.5em auto 0; } }
      .prod .prod_wrap .prod_note li {
        text-indent: -1em;
        padding-left: 1em; }
  .prod .bt_apply {
    width: calc(620/750 * 100vw);
    margin: calc(95/750 * 100vw) auto 0;
    filter: drop-shadow(calc(7/750 * 100vw) calc(7/750 * 100vw) calc(5/750 * 100vw) rgba(0, 0, 0, 0.35)); }
    @media only screen and (min-width: 750px) {
      .prod .bt_apply {
        width: calc(696/1150 * 100vw);
        margin: calc(60/1150 * 100vw) auto 0;
        filter: drop-shadow(calc(5/1150 * 100vw) calc(5/1150 * 100vw) calc(4/1150 * 100vw) rgba(0, 0, 0, 0.35)); } }
    @media only screen and (min-width: 1150px) {
      .prod .bt_apply {
        width: 696px;
        margin: 60px auto 0;
        filter: drop-shadow(5 5 4 rgba(0, 0, 0, 0.35)); } }

.enjoy_wrap {
  background-color: #f7e5a3;
  background-image: url("../img/bg_enjoy_sp.png");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: calc(68/750 * 100vw) 0 calc(80/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .enjoy_wrap {
      background-image: url("../img/bg_enjoy_pc.png");
      background-size: 100% auto;
      padding: calc(60/1150 * 100vw) 0 calc(90/1150 * 100vw); } }
  @media only screen and (min-width: 1150px) {
    .enjoy_wrap {
      background-image: url("../img/bg_enjoy_pcl.png");
      background-size: auto auto;
      padding: 60px 0 90px; } }
  .enjoy_wrap .enjoy_ti {
    width: 100%;
    margin: calc(68/750 * 100vw) auto 0;
    padding-top: calc(270/750 * 100vw);
    margin-top: calc(-270/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .enjoy_wrap .enjoy_ti {
        width: calc(847/1150 * 100vw);
        margin: calc(0/1150 * 100vw) auto 0;
        padding-top: calc(180/1150 * 100vw);
        margin-top: calc(-180/1150 * 100vw); } }
    @media only screen and (min-width: 1150px) {
      .enjoy_wrap .enjoy_ti {
        width: 847px;
        margin: 0px auto 0;
        padding-top: 180px;
        margin-top: -180px; } }
  .enjoy_wrap .enjoy {
    width: 100%;
    margin: calc(0/750 * 100vw) auto 0;
    padding: calc(28/750 * 100vw) 0 calc(0/750 * 100vw);
    border-radius: calc(34/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .enjoy_wrap .enjoy {
        width: calc(992/1150 * 100vw);
        padding: calc(22/1150 * 100vw) 0 calc(0/1150 * 100vw);
        border-radius: calc(27/1150 * 100vw); } }
    @media only screen and (min-width: 1150px) {
      .enjoy_wrap .enjoy {
        width: 992px;
        padding: 22px 0 0px;
        border-radius: 27px; } }
    .enjoy_wrap .enjoy li {
      width: 100%;
      margin: 0; }
    .enjoy_wrap .enjoy li + li {
      margin-top: calc(33/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .enjoy_wrap .enjoy li + li {
          margin-top: 0; } }
    @media only screen and (min-width: 750px) {
      .enjoy_wrap .enjoy .enjoy02 {
        margin-top: calc(-60/1150 * 100vw); } }
    @media only screen and (min-width: 1150px) {
      .enjoy_wrap .enjoy .enjoy02 {
        margin-top: -60px; } }
    @media only screen and (min-width: 750px) {
      .enjoy_wrap .enjoy .enjoy03 {
        margin-top: calc(-50/1150 * 100vw); } }
    @media only screen and (min-width: 1150px) {
      .enjoy_wrap .enjoy .enjoy03 {
        margin-top: -50px; } }

.palegreen {
  background: #caebbe;
  padding: calc(92/750 * 100vw) 0 calc(182/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .palegreen {
      padding: calc(75/1150 * 100vw) 0 calc(130/1150 * 100vw); } }
  @media only screen and (min-width: 1150px) {
    .palegreen {
      padding: 75px 0 130px; } }

.method_ti {
  width: calc(500/750 * 100vw);
  margin: 0 auto;
  padding-top: calc(270/750 * 100vw);
  margin-top: calc(-270/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .method_ti {
      width: calc(506/1150 * 100vw);
      padding-top: calc(180/1150 * 100vw);
      margin-top: calc(-180/1150 * 100vw); } }
  @media only screen and (min-width: 1150px) {
    .method_ti {
      width: 506px;
      padding-top: 180px;
      margin-top: -180px; } }

.method_period {
  width: calc(560/750 * 100vw);
  margin: calc(60/750 * 100vw) auto 0; }
  @media only screen and (min-width: 750px) {
    .method_period {
      width: calc(660/1150 * 100vw);
      margin: calc(35/1150 * 100vw) auto 0; } }
  @media only screen and (min-width: 1150px) {
    .method_period {
      width: 660px;
      margin: 35px auto 0; } }

.method_wrap {
  background: #FFF;
  border-radius: calc(44/750 * 100vw);
  width: calc(600/750 * 100vw);
  margin: calc(46/750 * 100vw) auto 0;
  padding: calc(54/750 * 100vw) 0 calc(74/750 * 100vw);
  border: solid #d5e3c2 calc(5/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .method_wrap {
      border-radius: calc(32/1150 * 100vw);
      width: calc(860/1150 * 100vw);
      margin: calc(37/1150 * 100vw) auto 0;
      padding: calc(60/1150 * 100vw) 0 calc(65/1150 * 100vw);
      border: solid #d5e3c2 calc(5/1150 * 100vw); } }
  @media only screen and (min-width: 1150px) {
    .method_wrap {
      width: 860px;
      padding: 0 0;
      margin: 37px auto 0;
      padding: 60px 0 65px;
      border: solid #d5e3c2 5px; } }
  .method_wrap .step {
    margin: 0 auto;
    width: calc(480/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .method_wrap .step {
        display: flex;
        justify-content: space-between;
        width: calc(750/1150 * 100vw); } }
    @media only screen and (min-width: 1150px) {
      .method_wrap .step {
        width: 750px; } }
    .method_wrap .step li {
      width: 100%; }
      .method_wrap .step li.step01 {
        position: relative; }
        @media only screen and (min-width: 750px) {
          .method_wrap .step li.step01 {
            width: calc(244/1150 * 100vw); } }
        @media only screen and (min-width: 1150px) {
          .method_wrap .step li.step01 {
            width: 244px; } }
        .method_wrap .step li.step01 .bt_friend {
          display: block;
          position: absolute;
          width: calc(515/750 * 100vw);
          top: calc(144/750 * 100vw);
          left: calc(-17/750 * 100vw); }
          @media only screen and (min-width: 750px) {
            .method_wrap .step li.step01 .bt_friend {
              display: none; } }
      @media only screen and (min-width: 750px) {
        .method_wrap .step li.step02 {
          width: calc(306/1150 * 100vw); } }
      @media only screen and (min-width: 1150px) {
        .method_wrap .step li.step02 {
          width: 306px; } }
      @media only screen and (min-width: 750px) {
        .method_wrap .step li.step03 {
          width: calc(197/1150 * 100vw); } }
      @media only screen and (min-width: 1150px) {
        .method_wrap .step li.step03 {
          width: 197px; } }
    .method_wrap .step li + li {
      margin-top: calc(30/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .method_wrap .step li + li {
          margin-top: 0; } }
      @media only screen and (min-width: 1150px) {
        .method_wrap .step li + li {
          margin-top: 0; } }
  .method_wrap .receipt {
    width: calc(523/750 * 100vw);
    margin: calc(62/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .method_wrap .receipt {
        width: calc(760/1150 * 100vw);
        margin: calc(45/1150 * 100vw) auto 0; } }
    @media only screen and (min-width: 1150px) {
      .method_wrap .receipt {
        width: 760px;
        margin: 45px auto 0; } }
  .method_wrap .method_h3 {
    text-align: center;
    width: calc(450/750 * 100vw);
    font-size: calc(24/750 * 100vw);
    font-weight: bold;
    margin: 1.5em auto 0; }
    @media only screen and (min-width: 750px) {
      .method_wrap .method_h3 {
        width: calc(700/1150 * 100vw);
        font-size: calc(18/750 * 100vw); } }
    @media only screen and (min-width: 1150px) {
      .method_wrap .method_h3 {
        width: 700px;
        font-size: 18px; } }
  .method_wrap .method_text_m {
    width: calc(480/750 * 100vw);
    font-size: calc(22/750 * 100vw);
    margin: 0.5em auto 0; }
    @media only screen and (min-width: 750px) {
      .method_wrap .method_text_m {
        width: calc(700/1150 * 100vw);
        font-size: calc(14/750 * 100vw); } }
    @media only screen and (min-width: 1150px) {
      .method_wrap .method_text_m {
        width: 700px;
        font-size: 14px; } }
    .method_wrap .method_text_m li {
      list-style: disc;
      margin-left: 1em; }
  .method_wrap .method_text_l {
    width: calc(450/750 * 100vw);
    font-size: calc(22/750 * 100vw);
    margin: 0.5em auto 0; }
    @media only screen and (min-width: 750px) {
      .method_wrap .method_text_l {
        text-align: center;
        width: calc(700/1150 * 100vw);
        font-size: calc(17/750 * 100vw); } }
    @media only screen and (min-width: 1150px) {
      .method_wrap .method_text_l {
        width: 700px;
        font-size: 17px; } }
  .method_wrap .method_text_s {
    width: calc(450/750 * 100vw);
    font-size: calc(18/750 * 100vw);
    margin: 1.2em auto 0; }
    @media only screen and (min-width: 750px) {
      .method_wrap .method_text_s {
        text-align: center;
        width: calc(700/1150 * 100vw);
        font-size: calc(14/750 * 100vw); } }
    @media only screen and (min-width: 1150px) {
      .method_wrap .method_text_s {
        width: 700px;
        font-size: 14px; } }

.faq_ti {
  width: calc(500/750 * 100vw);
  margin: calc(100/750 * 100vw) auto 0;
  padding: 0 0; }
  @media only screen and (min-width: 750px) {
    .faq_ti {
      width: calc(506/1150 * 100vw);
      margin: calc(79/1150 * 100vw) auto 0; } }
  @media only screen and (min-width: 1150px) {
    .faq_ti {
      width: 506px;
      margin: 79px auto 0; } }

.faq_wrap {
  background: #FFF;
  border-radius: calc(44/750 * 100vw);
  width: calc(600/750 * 100vw);
  margin: calc(50/750 * 100vw) auto 0;
  padding: calc(45/750 * 100vw) 0; }
  @media only screen and (min-width: 750px) {
    .faq_wrap {
      border-radius: calc(32/1150 * 100vw);
      width: calc(860/1150 * 100vw);
      margin: calc(37/1150 * 100vw) auto 0;
      padding: calc(35/1150 * 100vw) 0; } }
  @media only screen and (min-width: 1150px) {
    .faq_wrap {
      width: 860px;
      padding: 0 0;
      margin: 37px auto 0;
      padding: 35px 0; } }
  .faq_wrap .faq {
    margin: 0 auto;
    width: calc(520/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .faq_wrap .faq {
        width: calc(750/1150 * 100vw); } }
    @media only screen and (min-width: 1150px) {
      .faq_wrap .faq {
        width: 750px; } }
    .faq_wrap .faq li {
      width: 100%;
      border: #000 solid 1px;
      border-radius: 0.5vw;
      background-image: url("../img/arrow_b.svg");
      background-size: 3.733vw auto;
      background-position: bottom 1.5vw right 1vw;
      background-repeat: no-repeat;
      padding: 1vw 0; }
      @media only screen and (min-width: 750px) {
        .faq_wrap .faq li {
          border-radius: calc(5/1150 * 100vw);
          background-size: calc(28/1150 * 100vw) auto;
          background-position: bottom calc(10/1150 * 100vw) right calc(10/1150 * 100vw);
          padding: calc(5/1150 * 100vw) 0; } }
      @media only screen and (min-width: 1150px) {
        .faq_wrap .faq li {
          border-radius: 5px;
          background-size: 28px auto;
          background-position: bottom 10px right 10px;
          padding: 5px 0; } }
      .faq_wrap .faq li.active {
        background-image: url("../img/arrow_t.svg"); }
      .faq_wrap .faq li .faq_bt {
        width: 100%;
        display: flex;
        align-items: center;
        text-align: left;
        margin: 0 auto;
        font-size: 2.7vw;
        line-height: 1.32em;
        background: url("../img/icon_q.svg") no-repeat;
        background-size: 3.733vw auto;
        background-position: top 1vw left 1.5vw;
        padding: 0.5em 2.1em 0.5em 2.5em; }
        @media only screen and (min-width: 750px) {
          .faq_wrap .faq li .faq_bt {
            font-size: calc(19/1150 * 100vw);
            background-size: calc(28/1150 * 100vw) auto;
            background-position: top calc(8/1150 * 100vw) left calc(12/1150 * 100vw); } }
        @media only screen and (min-width: 1150px) {
          .faq_wrap .faq li .faq_bt {
            font-size: 1.9rem;
            background-size: 28px auto;
            background-position: top 8px left 12px; } }
      .faq_wrap .faq li .faq_a {
        display: none;
        width: 100%;
        margin: 0 auto;
        background: url("../img/icon_a.svg") no-repeat;
        background-size: 3.733vw auto;
        background-position: top 1vw left 1.5vw; }
        @media only screen and (min-width: 750px) {
          .faq_wrap .faq li .faq_a {
            background-size: calc(28/1150 * 100vw) auto;
            background-position: top calc(8/1150 * 100vw) left calc(12/1150 * 100vw); } }
        @media only screen and (min-width: 1150px) {
          .faq_wrap .faq li .faq_a {
            background-size: 28px auto;
            background-position: top 8px left 12px; } }
        .faq_wrap .faq li .faq_a p {
          font-size: 2.7vw;
          line-height: 1.32em;
          padding: 0.5em 2.1em 0.5em 2.5em; }
          @media only screen and (min-width: 750px) {
            .faq_wrap .faq li .faq_a p {
              font-size: calc(19/1150 * 100vw); } }
          @media only screen and (min-width: 1150px) {
            .faq_wrap .faq li .faq_a p {
              font-size: 1.9rem; } }
    .faq_wrap .faq li + li {
      margin-top: 2.7vw; }
      @media only screen and (min-width: 750px) {
        .faq_wrap .faq li + li {
          margin-top: calc(15/1150 * 100vw); } }
      @media only screen and (min-width: 1150px) {
        .faq_wrap .faq li + li {
          margin-top: 15px; } }

.guide {
  width: calc(600/750 * 100vw);
  margin: calc(98/750 * 100vw) auto 0; }
  @media only screen and (min-width: 750px) {
    .guide {
      width: calc(860/1150 * 100vw);
      margin: calc(66/1150 * 100vw) auto 0; } }
  @media only screen and (min-width: 1150px) {
    .guide {
      width: 860px;
      margin: 66px auto 0; } }
  .guide .guide_md {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(81/750 * 100vw);
    background-color: #2a4a6f;
    background-image: url("../img/bg_guide_open.svg");
    background-position: center right calc(22/750 * 100vw);
    background-size: calc(54/750 * 100vw) auto;
    background-repeat: no-repeat;
    margin: 0 auto;
    cursor: pointer; }
    @media only screen and (min-width: 750px) {
      .guide .guide_md {
        height: calc(104/1100 * 100vw);
        background-image: url("../img/bg_guide_open.svg");
        background-size: calc(69/1150 * 100vw) auto;
        background-position: center right calc(268/1150 * 100vw); } }
    @media only screen and (min-width: 1150px) {
      .guide .guide_md {
        height: 104px;
        background-size: 69px auto;
        background-position: center right 268px; } }
    .guide .guide_md img {
      width: calc(158/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .guide .guide_md img {
          width: calc(202/1150 * 100vw);
          margin: 0 calc(378/1150 * 100vw) 0 auto; } }
      @media only screen and (min-width: 1150px) {
        .guide .guide_md img {
          width: 202px;
          margin: 0 378px 0 auto; } }
    .guide .guide_md.change {
      background-image: url("../img/bg_guide_close.svg"); }
      @media only screen and (min-width: 750px) {
        .guide .guide_md.change {
          background-image: url("../img/bg_guide_close.svg"); } }
  .guide #guide_cont {
    display: none;
    background: #FFF;
    padding: calc(45/750 * 100vw) calc(25/750 * 100vw);
    margin: 0; }
    @media only screen and (min-width: 750px) {
      .guide #guide_cont {
        padding: calc(35/1150 * 100vw) calc(45/1150 * 100vw); } }
    @media only screen and (min-width: 1150px) {
      .guide #guide_cont {
        padding: 35px 45px; } }
    .guide #guide_cont.active {
      display: block; }
  .guide .guide_text {
    height: calc(500/750 * 100vw);
    overflow-y: scroll;
    padding: 0 calc(25/750 * 100vw) 0 0; }
    @media only screen and (min-width: 750px) {
      .guide .guide_text {
        height: calc(500/1150 * 100vw);
        padding: 0 calc(25/1150 * 100vw) 0 0; } }
    @media only screen and (min-width: 1150px) {
      .guide .guide_text {
        height: 500px;
        padding: 0 25px 0 0; } }
    .guide .guide_text p {
      font-size: 2.8vw; }
      @media only screen and (min-width: 750px) {
        .guide .guide_text p {
          font-size: calc(13/1100 * 100vw); } }
      @media only screen and (min-width: 1150px) {
        .guide .guide_text p {
          font-size: 1.3rem; } }
    .guide .guide_text h3 {
      font-size: 3.2vw;
      text-align: left;
      border-bottom: solid 1px #000;
      padding: 0em 0em 0.2em;
      margin-top: 2em; }
      @media only screen and (min-width: 750px) {
        .guide .guide_text h3 {
          font-size: calc(18/1100 * 100vw); } }
      @media only screen and (min-width: 1150px) {
        .guide .guide_text h3 {
          font-size: 1.8rem; } }
    .guide .guide_text h3 + h4 {
      margin-top: 1em; }
    .guide .guide_text h4 {
      font-size: 3vw;
      margin: 1.5em 0 0 0; }
      @media only screen and (min-width: 750px) {
        .guide .guide_text h4 {
          font-size: calc(16/1100 * 100vw); } }
      @media only screen and (min-width: 1150px) {
        .guide .guide_text h4 {
          font-size: 1.6rem; } }
    .guide .guide_text h4 + p {
      margin-top: 0.3em; }
    .guide .guide_text h3 + p {
      margin-top: 1em; }
    .guide .guide_text p + p {
      margin-top: 0.5em; }
    .guide .guide_text .dot {
      padding-left: 1em;
      margin-top: 1em; }
      .guide .guide_text .dot li {
        list-style: disc;
        font-size: 2.8vw;
        margin-top: 0.5em;
        padding-left: 0em; }
        @media only screen and (min-width: 750px) {
          .guide .guide_text .dot li {
            font-size: calc(13/1100 * 100vw); } }
        @media only screen and (min-width: 1150px) {
          .guide .guide_text .dot li {
            font-size: 1.3rem; } }
    .guide .guide_text .number {
      padding-left: 1em;
      margin-top: 1em; }
      .guide .guide_text .number li {
        text-indent: -1em;
        font-size: 2.8vw;
        margin-top: 0.5em; }
        @media only screen and (min-width: 750px) {
          .guide .guide_text .number li {
            font-size: calc(13/1100 * 100vw); } }
        @media only screen and (min-width: 1150px) {
          .guide .guide_text .number li {
            font-size: 1.3rem; } }
        .guide .guide_text .number li .number02 {
          padding-left: 1em;
          margin-top: 0; }
          .guide .guide_text .number li .number02 li {
            text-indent: -1em;
            font-size: 2.8vw;
            margin-top: 0em; }
            @media only screen and (min-width: 750px) {
              .guide .guide_text .number li .number02 li {
                font-size: calc(13/1100 * 100vw); } }
            @media only screen and (min-width: 1150px) {
              .guide .guide_text .number li .number02 li {
                font-size: 1.3rem; } }
    .guide .guide_text h4 + .number {
      margin-top: 0.3em; }
    .guide .guide_text .mt2 {
      margin-top: 2em; }

.inquiry .note {
  text-align: center;
  font-size: calc(22/750 * 100vw);
  margin: calc(83/750 * 100vw) auto 0; }
  @media only screen and (min-width: 750px) {
    .inquiry .note {
      font-size: calc(18/1150 * 100vw);
      margin: calc(56/1150 * 100vw) auto 0; } }
  @media only screen and (min-width: 1150px) {
    .inquiry .note {
      font-size: 18px;
      margin: 56px auto 0; } }
.inquiry .inquiry_text {
  width: calc(600/750 * 100vw);
  margin: calc(36/750 * 100vw) auto 0; }
  @media only screen and (min-width: 750px) {
    .inquiry .inquiry_text {
      width: calc(519/1150 * 100vw);
      margin: calc(36/1150 * 100vw) auto 0; } }
  @media only screen and (min-width: 1150px) {
    .inquiry .inquiry_text {
      width: 519px;
      margin: 36px auto 0; } }
.inquiry .freecall {
  width: calc(590/750 * 100vw);
  margin: calc(46/750 * 100vw) auto 0; }
  @media only screen and (min-width: 750px) {
    .inquiry .freecall {
      width: calc(519/1150 * 100vw);
      margin: calc(46/1150 * 100vw) auto 0; } }
  @media only screen and (min-width: 1150px) {
    .inquiry .freecall {
      width: 519px;
      margin: 46px auto 0; } }

.fix_bt {
  z-index: 200;
  position: fixed;
  background: #d64401;
  bottom: calc(-85/750 * 100vw);
  right: 0;
  width: 100%;
  text-align: center;
  transition: bottom 0.5s ease; }
  @media only screen and (min-width: 750px) {
    .fix_bt {
      background: none;
      width: calc(171/1150 * 100vw);
      bottom: calc(-250/1150 * 100vw);
      right: calc(25/1150 * 100vw);
      height: auto; } }
  @media only screen and (min-width: 1150px) {
    .fix_bt {
      width: 171px;
      bottom: -250px;
      right: 25px; } }
  .fix_bt.active {
    bottom: 0; }
    @media only screen and (min-width: 750px) {
      .fix_bt.active {
        bottom: calc(25/1150 * 100vw); } }
    @media only screen and (min-width: 1150px) {
      .fix_bt.active {
        bottom: 25px; } }
  .fix_bt a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(80/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .fix_bt a {
        display: block;
        height: auto; } }
    .fix_bt a img {
      width: calc(112/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .fix_bt a img {
          width: 100%; } }

/*アニメーション*/
.upin {
  opacity: 0; }
  .upin.active {
    animation: upin 0.3s ease-out 0.5s forwards; }

@keyframes upin {
  from {
    opacity: 0;
    transform: scale(0.25); }
  to {
    opacity: 1;
    transform: scale(1); } }
.niwatori {
  animation: niwatori 10s linear 0.5s infinite forwards; }
  @media only screen and (min-width: 750px) {
    .niwatori {
      animation: niwatori 20s linear 0.5s infinite forwards; } }

@keyframes niwatori {
  from {
    left: 100%; }
  to {
    left: -20%; } }
.niwatori img {
  animation: yure 1s linear 0s infinite forwards; }

@keyframes yure {
  0% {
    transform: rotate(0); }
  30% {
    transform: rotate(25deg); }
  55% {
    transform: rotate(0); }
  75% {
    transform: rotate(-45deg); }
  100% {
    transform: rotate(0); } }
html {
  font-size: 62.5%;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  word-wrap: break-word; }

body {
  font-size: 1.4rem;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden; }
  @media only screen and (min-width: 750px) {
    body {
      font-size: 1.6rem; } }

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

h1, h2, h3, div, p, ul, li {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

img {
  width: 100%;
  height: auto;
  line-height: 0;
  vertical-align: bottom; }

a:hover {
  opacity: 0.8; }

.only_pc {
  display: none; }
  @media only screen and (min-width: 750px) {
    .only_pc {
      display: inline; } }

.only_sp {
  display: inline; }
  @media only screen and (min-width: 750px) {
    .only_sp {
      display: none; } }

@media only screen and (min-width: 1150px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; } }

@media only screen and (min-width: 420px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; } }
#chikinhb55th {
  position: relative; }