@charset "UTF-8";
.navi_wrap {
  position: fixed;
  top: -1px;
  z-index: 100;
  background-image: url("../img/bg_navi_sp.svg");
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: calc(111/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .navi_wrap {
      background-image: url("../img/bg_navi_pc.svg");
      background-position: top center;
      background-size: auto 100%;
      background-repeat: repeat-x;
      height: calc(61/1200 * 100vw); } }
  @media only screen and (min-width: 1200px) {
    .navi_wrap {
      background-image: url("../img/bg_navi_pcl.svg"), linear-gradient(90deg, #ff5dd0 50%, #00db00 50%);
      background-size: auto 100% , cover;
      background-repeat: no-repeat, no-repeat;
      height: 61px; } }
  .navi_wrap .navi {
    margin: 0 auto;
    width: 100vw;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    @media only screen and (min-width: 750px) {
      .navi_wrap .navi {
        border-left: #000 solid calc(3/1200 * 100vw);
        border-right: #000 solid calc(3/1200 * 100vw);
        flex-wrap: nowrap;
        width: calc(803/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .navi_wrap .navi {
        border-left: #000 solid 3px;
        border-right: #000 solid 3px;
        width: 803px; } }
    .navi_wrap .navi li {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      background-size: cover; }
      @media only screen and (min-width: 750px) {
        .navi_wrap .navi li {
          height: calc(61/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .navi_wrap .navi li {
          height: 61px; } }
      .navi_wrap .navi li a {
        display: block;
        width: 100%;
        height: calc(111/750 * 100vw); }
        @media only screen and (min-width: 750px) {
          .navi_wrap .navi li a {
            height: calc(61/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .navi_wrap .navi li a {
            height: 61px; } }
        .navi_wrap .navi li a img {
          width: 100%;
          height: auto; }
      .navi_wrap .navi li a:hover {
        opacity: 1; }
        @media only screen and (min-width: 750px) {
          .navi_wrap .navi li a:hover img:hover {
            opacity: 1 !important; } }
      .navi_wrap .navi li.navi01 {
        width: calc(192/750 * 100vw);
        background-image: url("../img/bg_navi01_sp.png");
        background-size: cover;
        background-repeat: no-repeat; }
        @media only screen and (min-width: 750px) {
          .navi_wrap .navi li.navi01 {
            width: calc(200/1200 * 100vw);
            background-image: url("../img/bg_navi01_pc.png"); } }
        @media only screen and (min-width: 1200px) {
          .navi_wrap .navi li.navi01 {
            width: 200px; } }
        .navi_wrap .navi li.navi01 a:hover {
          background-size: cover;
          background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%), url("../img/bg_navi01_sp.png"); }
          @media only screen and (min-width: 750px) {
            .navi_wrap .navi li.navi01 a:hover {
              background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%), url("../img/bg_navi01_pc.png"); } }
      .navi_wrap .navi li.navi02 {
        position: relative;
        width: calc(187/750 * 100vw);
        background-image: url("../img/bg_navi02_sp.png");
        background-size: 100% 100%;
        background-repeat: no-repeat; }
        @media only screen and (min-width: 750px) {
          .navi_wrap .navi li.navi02 {
            width: calc(200/1200 * 100vw);
            background-image: url("../img/bg_navi02_pc.png"); } }
        @media only screen and (min-width: 1200px) {
          .navi_wrap .navi li.navi02 {
            width: 200px; } }
        .navi_wrap .navi li.navi02 #navi02 {
          display: block; }
        .navi_wrap .navi li.navi02 #navi02_child {
          display: none;
          background-image: url("../img/bg_navi02_sp.png");
          background-size: 100% 100%;
          background-repeat: repeat-y;
          position: absolute;
          top: calc(110/750 * 100vw);
          left: calc(-5/750 * 100vw);
          width: calc(192/750 * 100vw);
          height: calc(240/750 * 100vw);
          border-left: #000 solid calc(5/750 * 100vw);
          border-right: #000 solid calc(5/750 * 100vw); }
          @media only screen and (min-width: 750px) {
            .navi_wrap .navi li.navi02 #navi02_child {
              background-image: url("../img/bg_navi02_pc.png");
              width: calc(203/1200 * 100vw);
              top: calc(60/1200 * 100vw);
              left: calc(-3/1200 * 100vw);
              height: calc(120/1200 * 100vw);
              border-left: #000 solid calc(3/1200 * 100vw);
              border-right: #000 solid calc(3/1200 * 100vw); } }
          @media only screen and (min-width: 1200px) {
            .navi_wrap .navi li.navi02 #navi02_child {
              width: 203px;
              top: 60px;
              left: -3px;
              height: 120px;
              border-left: #000 solid 3px;
              border-right: #000 solid 3px; } }
          .navi_wrap .navi li.navi02 #navi02_child.active {
            display: block;
            animation: fadein 0.25s ease forwards; }
          .navi_wrap .navi li.navi02 #navi02_child li {
            display: block;
            width: 100%;
            height: auto;
            border: none;
            height: calc(80/750 * 100vw); }
            @media only screen and (min-width: 750px) {
              .navi_wrap .navi li.navi02 #navi02_child li {
                height: calc(40/1200 * 100vw); } }
            @media only screen and (min-width: 1200px) {
              .navi_wrap .navi li.navi02 #navi02_child li {
                height: 40px; } }
            .navi_wrap .navi li.navi02 #navi02_child li img {
              width: 100%; }
            .navi_wrap .navi li.navi02 #navi02_child li:hover {
              background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); }
      .navi_wrap .navi li.navi03 {
        width: calc(187/750 * 100vw);
        background-image: url("../img/bg_navi03_sp.png");
        background-size: 100% auto;
        background-repeat: no-repeat; }
        @media only screen and (min-width: 750px) {
          .navi_wrap .navi li.navi03 {
            width: calc(200/1200 * 100vw);
            background-image: url("../img/bg_navi03_pc.png"); } }
        @media only screen and (min-width: 1200px) {
          .navi_wrap .navi li.navi03 {
            width: 200px; } }
        .navi_wrap .navi li.navi03 #navi03 {
          display: block; }
        .navi_wrap .navi li.navi03 #navi03_child {
          display: none;
          background-image: url("../img/bg_navi03_sp.png");
          background-size: 100% 100%;
          background-repeat: repeat-y;
          position: absolute;
          top: calc(110/750 * 100vw);
          left: calc(-5/750 * 100vw);
          width: calc(192/750 * 100vw);
          border-left: #000 solid calc(5/750 * 100vw);
          border-right: #000 solid calc(5/750 * 100vw); }
          @media only screen and (min-width: 750px) {
            .navi_wrap .navi li.navi03 #navi03_child {
              background-image: url("../img/bg_navi03_pc.png");
              width: calc(203/1200 * 100vw);
              top: calc(60/1200 * 100vw);
              left: calc(-3/1200 * 100vw);
              border-left: #000 solid calc(3/1200 * 100vw);
              border-right: #000 solid calc(3/1200 * 100vw); } }
          @media only screen and (min-width: 1200px) {
            .navi_wrap .navi li.navi03 #navi03_child {
              width: 203px;
              top: 60px;
              left: -3px;
              border-left: #000 solid 3px;
              border-right: #000 solid 3px; } }
          .navi_wrap .navi li.navi03 #navi03_child.active {
            display: block;
            animation: fadein 0.25s ease forwards; }
          .navi_wrap .navi li.navi03 #navi03_child li {
            display: block;
            width: 100%;
            height: auto;
            border: none;
            height: calc(80/750 * 100vw); }
            @media only screen and (min-width: 750px) {
              .navi_wrap .navi li.navi03 #navi03_child li {
                height: calc(40/1200 * 100vw); } }
            @media only screen and (min-width: 1200px) {
              .navi_wrap .navi li.navi03 #navi03_child li {
                height: 40px; } }
            .navi_wrap .navi li.navi03 #navi03_child li img {
              width: 100%; }
            .navi_wrap .navi li.navi03 #navi03_child li:hover {
              background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); }
      .navi_wrap .navi li.navi04 {
        width: calc(184/750 * 100vw);
        background-image: url("../img/bg_navi04_sp.png");
        background-size: 100% auto;
        background-repeat: no-repeat; }
        @media only screen and (min-width: 750px) {
          .navi_wrap .navi li.navi04 {
            width: calc(197/1200 * 100vw);
            background-image: url("../img/bg_navi04_pc.png"); } }
        @media only screen and (min-width: 1200px) {
          .navi_wrap .navi li.navi04 {
            width: 197px; } }
        .navi_wrap .navi li.navi04 a:hover {
          background-size: 100% auto;
          background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%), url("../img/bg_navi04_sp.png"); }
          @media only screen and (min-width: 750px) {
            .navi_wrap .navi li.navi04 a:hover {
              background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%), url("../img/bg_navi04_pc.png"); } }
    .navi_wrap .navi li + li {
      border-left: #000 solid calc(5/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .navi_wrap .navi li + li {
          border-left: #000 solid calc(3/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .navi_wrap .navi li + li {
          border-left: #000 solid 3px; } }

@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.kv {
  margin: 0vw auto 0;
  width: 100%; }
  @media only screen and (min-width: 750px) {
    .kv {
      background-image: url("../img/bg_kv_pcl.svg");
      background-size: auto 100%;
      background-position: center center;
      background-repeat: no-repeat; } }
  @media only screen and (min-width: 1200px) {
    .kv {
      background-size: auto 100%; } }
  @media only screen and (min-width: 2000px) {
    .kv {
      background-size: cover; } }
  .kv--inner {
    width: 100%;
    position: relative; }
    @media only screen and (min-width: 750px) {
      .kv--inner {
        height: calc(800/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .kv--inner {
        width: 1200px;
        height: 800px;
        margin: 0 auto; } }
    .kv--inner .logo {
      position: absolute;
      width: calc(190/750 * 100vw);
      top: calc(130/750 * 100vw);
      left: calc(29/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .kv--inner .logo {
          width: calc(170/1200 * 100vw);
          top: calc(94/1200 * 100vw);
          left: calc(45/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .kv--inner .logo {
          width: 170px;
          top: 94px;
          left: 45px; } }
    .kv--inner h1 {
      margin: 0;
      width: 100%; }
      @media only screen and (min-width: 750px) {
        .kv--inner h1 {
          position: absolute;
          width: calc(807/1200 * 100vw);
          top: calc(158/1200 * 100vw);
          left: calc(124/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .kv--inner h1 {
          width: 807px;
          top: 158px;
          left: 124px; } }
    .kv--inner .note {
      position: absolute;
      width: calc(242/750 * 100vw);
      bottom: calc(19/750 * 100vw);
      left: calc(39/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .kv--inner .note {
          width: calc(242/1200 * 100vw);
          bottom: calc(23/1200 * 100vw);
          left: calc(97/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .kv--inner .note {
          width: 242px;
          bottom: 23px;
          left: 97px; } }

.ban_lead {
  width: 100%; }
  @media only screen and (min-width: 750px) {
    .ban_lead {
      display: flex;
      justify-content: center;
      align-items: center;
      background-image: url("../img/bg_ban_lead_pc.svg");
      background-position: top center;
      background-size: auto 100%;
      background-repeat: repeat-x;
      height: calc(80/1200 * 100vw); } }
  @media only screen and (min-width: 1200px) {
    .ban_lead {
      background-image: url("../img/bg_ban_lead_pc.svg"), linear-gradient(90deg, #00db00 50%, #ff5dd0 50%);
      background-size: auto 100% , cover;
      background-repeat: no-repeat, no-repeat;
      height: 80px; } }
  .ban_lead img {
    width: 100%; }
    @media only screen and (min-width: 750px) {
      .ban_lead img {
        width: calc(949/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .ban_lead img {
        width: 949px; } }

.banarea {
  width: 100%; }
  @media only screen and (min-width: 750px) {
    .banarea {
      display: flex;
      justify-content: center;
      align-items: center;
      background-image: url("../img/bg_banarea.svg");
      background-position: top center;
      background-size: auto 100%;
      background-repeat: repeat-x; } }
  @media only screen and (min-width: 1200px) {
    .banarea {
      background-image: url("../img/bg_banarea.svg"), linear-gradient(90deg, #06c755 50%, #ff31c2 50%);
      background-size: auto 100% , cover;
      background-repeat: no-repeat, no-repeat; } }
  .banarea .banarea_inner {
    width: 100%; }
    @media only screen and (min-width: 750px) {
      .banarea .banarea_inner {
        position: relative;
        height: calc(350/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .banarea .banarea_inner {
        width: 1200px;
        height: 350px; } }
    @media only screen and (min-width: 750px) {
      .banarea .banarea_inner .ban01 {
        position: absolute;
        width: calc(509/1200 * 100vw);
        bottom: calc(26/1200 * 100vw);
        left: calc(5/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .banarea .banarea_inner .ban01 {
        width: 509px;
        bottom: 26px;
        left: 5px; } }
    @media only screen and (min-width: 750px) {
      .banarea .banarea_inner .ban02 {
        position: absolute;
        width: calc(502/1200 * 100vw);
        bottom: calc(26/1200 * 100vw);
        right: calc(20/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .banarea .banarea_inner .ban02 {
        width: 502px;
        bottom: 26px;
        right: 20px; } }

.period {
  position: relative;
  width: calc(635/750 * 100vw);
  margin: 0vw auto 0; }
  @media only screen and (min-width: 750px) {
    .period {
      width: calc(1006/1200 * 100vw); } }
  @media only screen and (min-width: 1200px) {
    .period {
      width: 1006px; } }
  .period #period {
    position: absolute;
    top: calc(-170/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .period #period {
        top: calc(-111/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .period #period {
        top: -111px; } }

.prod_wrap {
  width: calc(700/750 * 100vw);
  background: linear-gradient(to right, #45d925, #ffff67, #f467cd, #ffff67, #45d925, #ffff67, #f467cd);
  border-radius: calc(40/750 * 100vw);
  padding: calc(6/750 * 100vw);
  margin: calc(66/750 * 100vw) auto 0; }
  @media only screen and (min-width: 750px) {
    .prod_wrap {
      width: calc(1106/1200 * 100vw);
      padding: calc(6/1200 * 100vw);
      margin: calc(45/1200 * 100vw) auto 0;
      border-radius: calc(40/1200 * 100vw); } }
  @media only screen and (min-width: 1200px) {
    .prod_wrap {
      width: 1106px;
      padding: 6px;
      margin: 45px auto 0;
      border-radius: 40px; } }
  .prod_wrap .prod {
    background: #000;
    width: 100%;
    margin: calc(0/750 * 100vw) auto 0;
    padding: calc(37/750 * 100vw) 0 calc(44/750 * 100vw);
    border-radius: calc(38/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .prod_wrap .prod {
        width: 100%;
        padding: calc(37/1200 * 100vw) 0 calc(32/1200 * 100vw);
        border-radius: calc(38/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .prod_wrap .prod {
        width: 100%;
        padding: 37px 0 32px;
        border-radius: 38px; } }
    .prod_wrap .prod .prod_ti {
      width: calc(553/750 * 100vw);
      margin: 0vw auto 0; }
      @media only screen and (min-width: 750px) {
        .prod_wrap .prod .prod_ti {
          width: calc(553/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .prod_wrap .prod .prod_ti {
          width: 553px; } }
    .prod_wrap .prod .prod_note {
      width: 100%;
      text-align: center !important;
      color: #FFF;
      font-size: calc(20/750 * 100vw);
      line-height: 1.4em;
      margin: 1.8em auto 0; }
      @media only screen and (min-width: 750px) {
        .prod_wrap .prod .prod_note {
          font-size: calc(14/1200 * 100vw);
          margin: 2.2em auto 0; } }
      @media only screen and (min-width: 1200px) {
        .prod_wrap .prod .prod_note {
          font-size: 14px; } }
    .prod_wrap .prod .prod_ph {
      width: calc(439/750 * 100vw);
      margin: calc(40/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .prod_wrap .prod .prod_ph {
          width: calc(439/1200 * 100vw);
          margin: calc(23/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .prod_wrap .prod .prod_ph {
          width: 439px;
          margin: 23px auto 0; } }
    .prod_wrap .prod .prod_text {
      width: calc(600/750 * 100vw);
      color: #FFF;
      font-size: calc(20/750 * 100vw);
      line-height: 1.5em;
      margin: calc(20/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .prod_wrap .prod .prod_text {
          width: calc(960/1200 * 100vw);
          font-size: calc(16/1200 * 100vw);
          margin: calc(28/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .prod_wrap .prod .prod_text {
          width: 960px;
          font-size: 16px;
          margin: 28px auto 0; } }
    .prod_wrap .prod .prod_note {
      width: calc(600/750 * 100vw);
      margin: calc(20/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .prod_wrap .prod .prod_note {
          width: calc(960/1200 * 100vw);
          margin: calc(28/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .prod_wrap .prod .prod_note {
          width: 960px;
          margin: 28px auto 0; } }
      .prod_wrap .prod .prod_note li {
        font-size: calc(20/750 * 100vw);
        line-height: 1.5em;
        color: #FFF;
        width: 100%;
        margin: 0 auto;
        text-indent: -1em;
        padding-left: 1em;
        text-align: left; }
        @media only screen and (min-width: 750px) {
          .prod_wrap .prod .prod_note li {
            font-size: calc(16/1200 * 100vw);
            margin: 0; } }
        @media only screen and (min-width: 1200px) {
          .prod_wrap .prod .prod_note li {
            font-size: 1.6rem;
            margin: 0; } }
      .prod_wrap .prod .prod_note li + li {
        margin: 0.2em auto 0; }
        @media only screen and (min-width: 750px) {
          .prod_wrap .prod .prod_note li + li {
            margin: 0; } }
    .prod_wrap .prod .prod_sales {
      background: #fff;
      width: calc(600/750 * 100vw);
      margin: calc(25/750 * 100vw) auto 0;
      padding: calc(56/750 * 100vw) 0 calc(40/750 * 100vw);
      border-radius: calc(18/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .prod_wrap .prod .prod_sales {
          width: calc(1000/1200 * 100vw);
          padding: calc(34/1200 * 100vw) 0;
          border-radius: calc(27/1200 * 100vw);
          margin: calc(20/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .prod_wrap .prod .prod_sales {
          width: 1000px;
          padding: 34px 0;
          border-radius: 27px;
          margin: 20px auto 0; } }
      .prod_wrap .prod .prod_sales .prod_sales_cont {
        width: 100%;
        margin: 0 auto 0; }
        @media only screen and (min-width: 750px) {
          .prod_wrap .prod .prod_sales .prod_sales_cont {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: calc(850/1200 * 100vw);
            margin: 0 auto 0; } }
        @media only screen and (min-width: 1200px) {
          .prod_wrap .prod .prod_sales .prod_sales_cont {
            width: 850px;
            margin: 0px auto 0; } }
        .prod_wrap .prod .prod_sales .prod_sales_cont .prod_sales_no1 {
          width: calc(427/750 * 100vw);
          margin: 0 auto; }
          @media only screen and (min-width: 750px) {
            .prod_wrap .prod .prod_sales .prod_sales_cont .prod_sales_no1 {
              width: calc(376/1200 * 100vw);
              margin: 0; } }
          @media only screen and (min-width: 1200px) {
            .prod_wrap .prod .prod_sales .prod_sales_cont .prod_sales_no1 {
              width: 376px; } }
        .prod_wrap .prod .prod_sales .prod_sales_cont .prod_sales_text {
          width: calc(480/750 * 100vw);
          margin: calc(40/750 * 100vw) auto 0; }
          @media only screen and (min-width: 750px) {
            .prod_wrap .prod .prod_sales .prod_sales_cont .prod_sales_text {
              width: calc(420/1200 * 100vw);
              margin: calc(0/1200 * 100vw) 0 0; } }
          @media only screen and (min-width: 1200px) {
            .prod_wrap .prod .prod_sales .prod_sales_cont .prod_sales_text {
              width: 420px; } }
          .prod_wrap .prod .prod_sales .prod_sales_cont .prod_sales_text .text01 {
            width: 100%;
            font-size: calc(23/750 * 100vw);
            line-height: 1.39em;
            margin: calc(0/750 * 100vw) auto 0; }
            @media only screen and (min-width: 750px) {
              .prod_wrap .prod .prod_sales .prod_sales_cont .prod_sales_text .text01 {
                font-size: calc(16/1200 * 100vw);
                line-height: 1.5em;
                margin: calc(0/1200 * 100vw) auto 0; } }
            @media only screen and (min-width: 1200px) {
              .prod_wrap .prod .prod_sales .prod_sales_cont .prod_sales_text .text01 {
                font-size: 16px;
                margin: 0px auto 0; } }
          .prod_wrap .prod .prod_sales .prod_sales_cont .prod_sales_text .text02 {
            width: 100%;
            font-size: calc(20/750 * 100vw);
            line-height: 1.39em;
            margin: calc(30/750 * 100vw) auto 0; }
            @media only screen and (min-width: 750px) {
              .prod_wrap .prod .prod_sales .prod_sales_cont .prod_sales_text .text02 {
                font-size: calc(12/1200 * 100vw);
                margin: calc(30/1200 * 100vw) auto 0; } }
            @media only screen and (min-width: 1200px) {
              .prod_wrap .prod .prod_sales .prod_sales_cont .prod_sales_text .text02 {
                font-size: 12px;
                margin: 30px auto 0; } }

.line {
  position: relative;
  width: calc(700/750 * 100vw);
  background-image: url("../img/bg_line_sp.png");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: repeat-y;
  border-radius: calc(40/750 * 100vw);
  padding: calc(378/750 * 100vw) 0 calc(88/750 * 100vw);
  margin: calc(83/750 * 100vw) auto 0; }
  @media only screen and (min-width: 750px) {
    .line {
      background-image: url("../img/bg_line_pc.png");
      width: calc(1106/1200 * 100vw);
      padding: calc(390/1200 * 100vw) 0 calc(65/1200 * 100vw);
      margin: calc(65/1200 * 100vw) auto 0;
      border-radius: calc(40/1200 * 100vw); } }
  @media only screen and (min-width: 1200px) {
    .line {
      width: 1106px;
      padding: 390px 0 65px;
      margin: 65px auto 0;
      border-radius: 40px; } }
  .line #line {
    position: absolute;
    top: calc(-190/750 * 100vw);
    /*高さ＋110*/ }
    @media only screen and (min-width: 750px) {
      .line #line {
        top: calc(-123/1200 * 100vw);
        /*高さ＋60*/ } }
    @media only screen and (min-width: 1200px) {
      .line #line {
        top: -123px; } }
  .line .line_ti {
    position: absolute;
    width: calc(660/750 * 100vw);
    top: calc(-28/750 * 100vw);
    left: 0;
    right: 0;
    margin: auto; }
    @media only screen and (min-width: 750px) {
      .line .line_ti {
        width: calc(978/1200 * 100vw);
        top: calc(-29/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .line .line_ti {
        width: 978px;
        top: -29px; } }
  .line .line_lead {
    width: calc(585/750 * 100vw);
    margin: 0vw auto 0; }
    @media only screen and (min-width: 750px) {
      .line .line_lead {
        width: calc(714/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .line .line_lead {
        width: 714px; } }
  .line .line_prize_catch {
    width: calc(633/750 * 100vw);
    margin: calc(32/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .line .line_prize_catch {
        width: calc(828/1200 * 100vw);
        margin: calc(21/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .line .line_prize_catch {
        width: 828px;
        margin: 21px auto 0; } }
  .line .line_prize_wrap {
    background: #fff;
    width: calc(680/750 * 100vw);
    margin: calc(0/750 * 100vw) auto 0;
    padding: calc(35/750 * 100vw) 0 calc(40/750 * 100vw);
    border-radius: calc(20/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .line .line_prize_wrap {
        width: calc(1000/1200 * 100vw);
        padding: calc(38/1200 * 100vw) 0;
        border-radius: calc(50/1200 * 100vw);
        margin: calc(0/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .line .line_prize_wrap {
        width: 1000px;
        padding: 38px 0;
        border-radius: 50px;
        margin: 0px auto 0; } }
    .line .line_prize_wrap .line_prize_ti {
      width: calc(530/750 * 100vw);
      margin: 0 auto 0; }
      @media only screen and (min-width: 750px) {
        .line .line_prize_wrap .line_prize_ti {
          width: calc(706/1200 * 100vw);
          margin: 0 auto 0; } }
      @media only screen and (min-width: 1200px) {
        .line .line_prize_wrap .line_prize_ti {
          width: 706px;
          margin: 0 auto 0; } }
    .line .line_prize_wrap .line_prize_lead {
      width: calc(539/750 * 100vw);
      margin: calc(60/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .line .line_prize_wrap .line_prize_lead {
          width: calc(674/1200 * 100vw);
          margin: calc(60/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .line .line_prize_wrap .line_prize_lead {
          width: 674px;
          margin: 60px auto 0; } }
    .line .line_prize_wrap .line_prize_lead_note {
      text-align: center;
      color: #717171;
      font-size: calc(21/750 * 100vw);
      line-height: 1.3em;
      width: calc(539/750 * 100vw);
      margin: 1.4em auto 0; }
      @media only screen and (min-width: 750px) {
        .line .line_prize_wrap .line_prize_lead_note {
          font-size: calc(15/1200 * 100vw);
          width: calc(674/1200 * 100vw);
          margin: 1.4em auto 0; } }
      @media only screen and (min-width: 1200px) {
        .line .line_prize_wrap .line_prize_lead_note {
          font-size: 15px;
          width: 674px; } }
  .line .line_prize_red_cont {
    font-size: calc(18/750 * 100vw);
    width: calc(630/750 * 100vw);
    margin: 1.2em auto 0;
    border: calc(2/750 * 100vw) solid #eb463a;
    border-radius: calc(15/750 * 100vw);
    padding: 1.2em 1em; }
    @media only screen and (min-width: 750px) {
      .line .line_prize_red_cont {
        font-size: calc(15/1200 * 100vw);
        width: calc(800/1200 * 100vw);
        margin: 1.5em auto 0;
        border: calc(2/1200 * 100vw) solid #eb463a;
        border-radius: calc(20/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .line .line_prize_red_cont {
        font-size: 1.5rem;
        width: 800px;
        border: 2px solid #eb463a;
        border-radius: 20px; } }
    .line .line_prize_red_cont li {
      color: #eb463a;
      list-style: disc;
      margin-left: 2em;
      line-height: 1.3em;
      padding-left: 0; }
    .line .line_prize_red_cont li + li {
      margin-top: 0.3em; }
  .line .line_prize_note {
    font-size: calc(18/750 * 100vw);
    width: calc(610/750 * 100vw);
    margin: 1.5em auto 0; }
    @media only screen and (min-width: 750px) {
      .line .line_prize_note {
        font-size: calc(15/1200 * 100vw);
        width: calc(800/1200 * 100vw);
        margin: 1.5em auto 0; } }
    @media only screen and (min-width: 1200px) {
      .line .line_prize_note {
        font-size: 1.5rem;
        width: 800px; } }
    .line .line_prize_note li {
      color: #717171;
      list-style: disc;
      margin-left: 2em;
      line-height: 1.3em;
      padding-left: 0; }
    .line .line_prize_note li + li {
      margin-top: 0.3em; }
  .line #line_method {
    height: calc(110/750 * 100vw);
    margin-top: calc(-110/750 * 100vw);
    /*110px*/ }
    @media only screen and (min-width: 750px) {
      .line #line_method {
        height: calc(60/1200 * 100vw);
        margin-top: calc(-60/1200 * 100vw);
        /*60px*/ } }
    @media only screen and (min-width: 1200px) {
      .line #line_method {
        height: 60px;
        margin-top: -60px; } }
  .line .line_method_ti {
    width: calc(414/750 * 100vw);
    margin: calc(67/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .line .line_method_ti {
        width: calc(463/1200 * 100vw);
        margin: calc(50/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .line .line_method_ti {
        width: 463px;
        margin: 50px auto 0; } }
  .line .line_method_lead {
    width: calc(640/750 * 100vw);
    color: #FFF;
    font-size: calc(21.5/750 * 100vw);
    line-height: 1.4em;
    margin: 1.5em auto 0;
    font-weight: bold; }
    @media only screen and (min-width: 750px) {
      .line .line_method_lead {
        width: calc(920/1200 * 100vw);
        font-size: calc(24/1200 * 100vw);
        margin: 1.5em auto 0; } }
    @media only screen and (min-width: 1200px) {
      .line .line_method_lead {
        width: 920px;
        font-size: 2.4rem;
        margin: 1.5em auto 0; } }
  .line .line_method_step {
    width: calc(640/750 * 100vw);
    margin: calc(20/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .line .line_method_step {
        display: flex;
        justify-content: space-between;
        width: calc(1070/1200 * 100vw);
        margin: calc(40/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .line .line_method_step {
        width: 1070px;
        margin: 40px auto 0; } }
    .line .line_method_step li {
      width: 100%;
      margin: 0 auto; }
      @media only screen and (min-width: 750px) {
        .line .line_method_step li {
          width: calc(260/1200 * 100vw);
          margin: 0; } }
      @media only screen and (min-width: 1200px) {
        .line .line_method_step li {
          width: 260px;
          margin: 0; } }
    .line .line_method_step li + li {
      margin: calc(33/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .line .line_method_step li + li {
          margin: 0; } }
  .line .line_method_note {
    width: calc(630/750 * 100vw);
    margin: calc(20/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .line .line_method_note {
        width: calc(980/1200 * 100vw);
        margin: calc(20/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .line .line_method_note {
        width: 980px;
        margin: 20px auto 0; } }
    .line .line_method_note li {
      font-size: calc(20/750 * 100vw);
      line-height: 1.5em;
      font-weight: bold;
      color: #FFF;
      width: 100%;
      margin: 0 auto;
      text-indent: -1em;
      padding-left: 1em; }
      @media only screen and (min-width: 750px) {
        .line .line_method_note li {
          font-size: calc(18/1200 * 100vw);
          margin: 0; } }
      @media only screen and (min-width: 1200px) {
        .line .line_method_note li {
          font-size: 1.8rem;
          margin: 0; } }
    .line .line_method_note li + li {
      margin: 0.2em auto 0; }
      @media only screen and (min-width: 750px) {
        .line .line_method_note li + li {
          margin: 0; } }
  .line .line_period {
    width: calc(630/750 * 100vw);
    margin: calc(65/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .line .line_period {
        width: calc(864/1200 * 100vw);
        margin: calc(30/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .line .line_period {
        width: 864px;
        margin: 30px auto 0; } }
  .line .line_period_text {
    font-size: calc(20/750 * 100vw);
    line-height: 1.8em;
    border: solid calc(3/750 * 100vw) #FFF;
    color: #FFF;
    width: calc(630/750 * 100vw);
    margin: calc(36/750 * 100vw) auto 0;
    padding: 1em; }
    @media only screen and (min-width: 750px) {
      .line .line_period_text {
        font-size: calc(18/1200 * 100vw);
        width: calc(1000/1200 * 100vw);
        margin: calc(20/1200 * 100vw) auto 0;
        border: solid calc(3/1200 * 100vw) #FFF; } }
    @media only screen and (min-width: 1200px) {
      .line .line_period_text {
        font-size: 1.8rem;
        width: 1000px;
        margin: 20px auto 0;
        border: solid 3px #FFF; } }
  .line #line_rule {
    height: calc(115/750 * 100vw);
    margin-top: calc(-115/750 * 100vw);
    /*110px*/ }
    @media only screen and (min-width: 750px) {
      .line #line_rule {
        height: calc(58/750 * 100vw);
        margin-top: calc(-58/1200 * 100vw);
        /*60px*/ } }
    @media only screen and (min-width: 1200px) {
      .line #line_rule {
        height: 58px;
        margin-top: -58px; } }
  .line .line_rule_ti {
    width: calc(414/750 * 100vw);
    margin: calc(82/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .line .line_rule_ti {
        width: calc(502/1200 * 100vw);
        margin: calc(40/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .line .line_rule_ti {
        width: 502px;
        margin: 40px auto 0; } }
  .line .line_bt_apply {
    display: block;
    width: calc(480/750 * 100vw);
    margin: calc(56/750 * 100vw) auto 0;
    filter: drop-shadow(0 calc(9/750 * 100vw) 0 rgba(0, 0, 0, 0.6)); }
    @media only screen and (min-width: 750px) {
      .line .line_bt_apply {
        width: calc(520/1200 * 100vw);
        margin: calc(70/1200 * 100vw) auto 0;
        filter: drop-shadow(0 calc(9/1200 * 100vw) 0 rgba(0, 0, 0, 0.6)); } }
    @media only screen and (min-width: 1200px) {
      .line .line_bt_apply {
        width: 520px;
        margin: 70px auto 0;
        filter: drop-shadow(0 9px 0 rgba(0, 0, 0, 0.6)); } }
  .line .line_friend {
    border: solid calc(3/750 * 100vw) #FFF;
    width: calc(540/750 * 100vw);
    margin: calc(56/750 * 100vw) auto 0;
    padding: 1em; }
    @media only screen and (min-width: 750px) {
      .line .line_friend {
        width: calc(640/1200 * 100vw);
        margin: calc(50/1200 * 100vw) auto 0;
        border: solid calc(3/1200 * 100vw) #FFF; } }
    @media only screen and (min-width: 1200px) {
      .line .line_friend {
        width: 640px;
        margin: 50px auto 0;
        border: solid 3px #FFF; } }
    .line .line_friend p {
      font-weight: bold;
      color: #FFF;
      text-align: center;
      font-size: calc(30/750 * 100vw);
      line-height: 1.3em; }
      @media only screen and (min-width: 750px) {
        .line .line_friend p {
          font-size: calc(23/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .line .line_friend p {
          font-size: 2.3rem; } }
      .line .line_friend p a {
        color: #FFF;
        text-decoration: none; }
        .line .line_friend p a:hover {
          text-decoration: underline; }
    .line .line_friend p + p {
      margin-top: 0.3em; }

.post {
  position: relative;
  width: calc(700/750 * 100vw);
  background-image: url("../img/bg_post_sp.png");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: repeat-y;
  border-radius: calc(40/750 * 100vw);
  padding: calc(382/750 * 100vw) 0 calc(48/750 * 100vw);
  margin: calc(83/750 * 100vw) auto 0; }
  @media only screen and (min-width: 750px) {
    .post {
      background-image: url("../img/bg_post_pc.png");
      width: calc(1106/1200 * 100vw);
      padding: calc(412/1200 * 100vw) 0 calc(65/1200 * 100vw);
      margin: calc(145/1200 * 100vw) auto 0;
      border-radius: calc(40/1200 * 100vw); } }
  @media only screen and (min-width: 1200px) {
    .post {
      width: 1106px;
      padding: 412px 0 65px;
      margin: 145px auto 0;
      border-radius: 40px; } }
  .post #post {
    position: absolute;
    top: calc(-190/750 * 100vw);
    /*高さ＋110*/ }
    @media only screen and (min-width: 750px) {
      .post #post {
        top: calc(-122/1200 * 100vw);
        /*高さ＋60*/ } }
    @media only screen and (min-width: 1200px) {
      .post #post {
        top: -122px; } }
  .post .post_ti {
    position: absolute;
    width: calc(660/750 * 100vw);
    top: calc(-30/750 * 100vw);
    left: 0;
    right: 0;
    margin: auto; }
    @media only screen and (min-width: 750px) {
      .post .post_ti {
        width: calc(978/1200 * 100vw);
        top: calc(-40/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .post .post_ti {
        width: 978px;
        top: -40px; } }
  .post .post_prod_ti {
    width: calc(463/750 * 100vw);
    margin: calc(0/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .post .post_prod_ti {
        width: calc(463/1200 * 100vw);
        margin: calc(0/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .post .post_prod_ti {
        width: 463px;
        margin: 0px auto 0; } }
  .post .post_prize_catch01 {
    width: calc(578/750 * 100vw);
    margin: calc(23/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .post .post_prize_catch01 {
        width: calc(759/1200 * 100vw);
        margin: calc(20/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .post .post_prize_catch01 {
        width: 759px;
        margin: 20px auto 0; } }
  .post .post_prize_catch02 {
    width: calc(578/750 * 100vw);
    margin: calc(23/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .post .post_prize_catch02 {
        width: calc(759/1200 * 100vw);
        margin: calc(20/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .post .post_prize_catch02 {
        width: 759px;
        margin: 20px auto 0; } }
  .post .post_prize_catch03 {
    width: calc(647/750 * 100vw);
    margin: calc(23/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .post .post_prize_catch03 {
        width: calc(886/1200 * 100vw);
        margin: calc(20/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .post .post_prize_catch03 {
        width: 886px;
        margin: 20px auto 0; } }
  .post .post_prize_wrap {
    position: relative;
    background: #fff;
    width: calc(680/750 * 100vw);
    margin: calc(-1/750 * 100vw) auto 0;
    padding: calc(23/750 * 100vw) 0 calc(12/750 * 100vw);
    border: calc(10/750 * 100vw) solid #000;
    border-radius: calc(94/750 * 100vw) calc(30/750 * 100vw) calc(30/750 * 100vw) calc(30/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .post .post_prize_wrap {
        width: calc(1000/1200 * 100vw);
        padding: calc(34/1200 * 100vw) 0 calc(18/1200 * 100vw);
        margin: calc(-1/1200 * 100vw) auto 0;
        border: calc(10/750 * 100vw) solid #000;
        border-radius: calc(140/750 * 100vw) calc(50/750 * 100vw) calc(50/750 * 100vw) calc(50/750 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .post .post_prize_wrap {
        width: 1000px;
        padding: 34px 0 18px;
        border: 10px solid #000;
        border-radius: 140px 50px 50px 50px;
        margin: -1px auto 0; } }
    .post .post_prize_wrap .post_prize_icon {
      position: absolute;
      width: calc(227/750 * 100vw);
      top: calc(-71/750 * 100vw);
      left: calc(-42/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .post .post_prize_wrap .post_prize_icon {
          width: calc(334/1200 * 100vw);
          top: calc(-103/1200 * 100vw);
          left: calc(-55/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .post .post_prize_wrap .post_prize_icon {
          width: 334px;
          top: -103px;
          left: -55px; } }
    .post .post_prize_wrap .post_prize01_ph {
      width: calc(631/750 * 100vw);
      margin: calc(0/750 * 100vw) auto 0 calc(24/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .post .post_prize_wrap .post_prize01_ph {
          width: calc(929/1200 * 100vw);
          margin: calc(0/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .post .post_prize_wrap .post_prize01_ph {
          width: 929px;
          margin: 0px auto 0; } }
    .post .post_prize_wrap .post_prize01_box {
      width: calc(612/750 * 100vw);
      margin: calc(0/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .post .post_prize_wrap .post_prize01_box {
          width: calc(902/1200 * 100vw);
          margin: calc(0/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .post .post_prize_wrap .post_prize01_box {
          width: 902px;
          margin: 0px auto 0; } }
    .post .post_prize_wrap .post_prize01_note {
      text-align: center;
      font-size: calc(18/750 * 100vw);
      line-height: 1.3em;
      width: calc(539/750 * 100vw);
      margin: 1.4em auto 0; }
      @media only screen and (min-width: 750px) {
        .post .post_prize_wrap .post_prize01_note {
          width: 100%;
          font-size: calc(18/1200 * 100vw);
          margin: 1em auto 0; } }
      @media only screen and (min-width: 1200px) {
        .post .post_prize_wrap .post_prize01_note {
          font-size: 18px; } }
    .post .post_prize_wrap .post_prize01_text {
      width: calc(612/750 * 100vw);
      margin: calc(15/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .post .post_prize_wrap .post_prize01_text {
          width: calc(901/1200 * 100vw);
          margin: calc(15/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .post .post_prize_wrap .post_prize01_text {
          width: 901px;
          margin: 15px auto 0; } }
    .post .post_prize_wrap .post_prize02_ph {
      width: calc(612/750 * 100vw);
      margin: calc(0/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .post .post_prize_wrap .post_prize02_ph {
          width: calc(804/1200 * 100vw);
          margin: calc(0/1200 * 100vw) auto 0 calc(103/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .post .post_prize_wrap .post_prize02_ph {
          width: 804px;
          margin: 0px auto 0 103px; } }
    .post .post_prize_wrap .post_prize02_text {
      width: calc(612/750 * 100vw);
      margin: calc(25/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .post .post_prize_wrap .post_prize02_text {
          width: calc(900/1200 * 100vw);
          margin: calc(38/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .post .post_prize_wrap .post_prize02_text {
          width: 900px;
          margin: 38px auto 0; } }
    .post .post_prize_wrap .post_prize_icon03 {
      position: absolute;
      width: calc(227/750 * 100vw);
      top: calc(-30/750 * 100vw);
      left: calc(-42/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .post .post_prize_wrap .post_prize_icon03 {
          width: calc(334/1200 * 100vw);
          top: calc(-65/1200 * 100vw);
          left: calc(-55/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .post .post_prize_wrap .post_prize_icon03 {
          width: 334px;
          top: -65px;
          left: -55px; } }
    .post .post_prize_wrap .post_prize03_ph {
      width: calc(620/750 * 100vw);
      margin: calc(10/750 * 100vw) auto 0 calc(24/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .post .post_prize_wrap .post_prize03_ph {
          width: calc(919/1200 * 100vw);
          margin: calc(10/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .post .post_prize_wrap .post_prize03_ph {
          width: 919px;
          margin: 10px auto 0; } }
    .post .post_prize_wrap .post_prize03_schedule {
      width: calc(560/750 * 100vw);
      margin: calc(50/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .post .post_prize_wrap .post_prize03_schedule {
          width: calc(874/1200 * 100vw);
          margin: calc(30/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .post .post_prize_wrap .post_prize03_schedule {
          width: 874px;
          margin: 30px auto 0; } }
    .post .post_prize_wrap .post_prize03_note {
      width: calc(560/750 * 100vw);
      margin: calc(20/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .post .post_prize_wrap .post_prize03_note {
          width: calc(874/1200 * 100vw);
          margin: calc(45/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .post .post_prize_wrap .post_prize03_note {
          width: 874px;
          margin: 45px auto 0; } }
      .post .post_prize_wrap .post_prize03_note li {
        font-size: calc(20/750 * 100vw);
        line-height: 1.5em;
        font-weight: bold;
        width: 100%;
        margin: 0 auto;
        text-indent: -1em;
        padding-left: 1em; }
        @media only screen and (min-width: 750px) {
          .post .post_prize_wrap .post_prize03_note li {
            font-size: calc(18/1200 * 100vw);
            margin: 0; } }
        @media only screen and (min-width: 1200px) {
          .post .post_prize_wrap .post_prize03_note li {
            font-size: 1.8rem;
            margin: 0; } }
      .post .post_prize_wrap .post_prize03_note li + li {
        margin: 0.2em auto 0; }
        @media only screen and (min-width: 750px) {
          .post .post_prize_wrap .post_prize03_note li + li {
            margin: 0; } }
    .post .post_prize_wrap .post_prize03_text {
      width: calc(612/750 * 100vw);
      margin: calc(25/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .post .post_prize_wrap .post_prize03_text {
          width: calc(901/1200 * 100vw);
          margin: calc(25/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .post .post_prize_wrap .post_prize03_text {
          width: 901px;
          margin: 25px auto 0; } }
  .post #post_method {
    height: calc(100/750 * 100vw);
    margin-top: calc(-100/750 * 100vw);
    /*110px*/ }
    @media only screen and (min-width: 750px) {
      .post #post_method {
        height: calc(60/1200 * 100vw);
        margin-top: calc(-60/1200 * 100vw);
        /*60px*/ } }
    @media only screen and (min-width: 1200px) {
      .post #post_method {
        height: 60px;
        margin-top: -60px; } }
  .post .post_method_wrap {
    position: relative;
    background: rgba(255, 255, 255, 0.5);
    width: calc(680/750 * 100vw);
    margin: calc(130/750 * 100vw) auto 0;
    padding: calc(62/750 * 100vw) 0 calc(30/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .post .post_method_wrap {
        width: calc(1000/1200 * 100vw);
        margin: calc(60/1200 * 100vw) auto 0;
        padding: calc(75/1200 * 100vw) 0 calc(31/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .post .post_method_wrap {
        width: 1000px;
        margin: 60px auto 0;
        padding: 75px 0 31px; } }
    .post .post_method_wrap .post_method_ti {
      position: absolute;
      width: calc(414/750 * 100vw);
      top: calc(-37/750 * 100vw);
      left: 0;
      right: 0;
      margin: auto; }
      @media only screen and (min-width: 750px) {
        .post .post_method_wrap .post_method_ti {
          width: calc(463/1200 * 100vw);
          top: calc(-30/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .post .post_method_wrap .post_method_ti {
          width: 463px;
          top: -30px; } }
    .post .post_method_wrap .post_method_text {
      width: calc(625/750 * 100vw);
      font-size: calc(20/750 * 100vw);
      line-height: 1.4em;
      margin: 0em auto 0;
      font-weight: bold; }
      @media only screen and (min-width: 750px) {
        .post .post_method_wrap .post_method_text {
          width: calc(920/1200 * 100vw);
          font-size: calc(19/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .post .post_method_wrap .post_method_text {
          width: 920px;
          font-size: 1.9rem; } }
    .post .post_method_wrap .post_method_text02 {
      width: calc(625/750 * 100vw);
      margin: calc(40/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .post .post_method_wrap .post_method_text02 {
          width: calc(920/1200 * 100vw);
          margin: calc(22/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .post .post_method_wrap .post_method_text02 {
          width: 920px;
          margin: 22px auto 0; } }
    .post .post_method_wrap .post_method_note {
      width: calc(625/750 * 100vw);
      margin: calc(20/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .post .post_method_wrap .post_method_note {
          width: calc(920/1200 * 100vw);
          margin: calc(20/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .post .post_method_wrap .post_method_note {
          width: 920px;
          margin: 20px auto 0; } }
      .post .post_method_wrap .post_method_note li {
        font-size: calc(20/750 * 100vw);
        line-height: 1.5em;
        font-weight: bold;
        width: 100%;
        margin: 0 auto;
        text-indent: -1em;
        padding-left: 1em; }
        @media only screen and (min-width: 750px) {
          .post .post_method_wrap .post_method_note li {
            font-size: calc(16/1200 * 100vw);
            margin: 0; } }
        @media only screen and (min-width: 1200px) {
          .post .post_method_wrap .post_method_note li {
            font-size: 1.6rem;
            margin: 0; } }
      .post .post_method_wrap .post_method_note li + li {
        margin: 0.2em auto 0; }
        @media only screen and (min-width: 750px) {
          .post .post_method_wrap .post_method_note li + li {
            margin: 0; } }
    .post .post_method_wrap .post_method_note02 {
      width: calc(625/750 * 100vw);
      margin: 0.5em auto 0;
      font-size: calc(20/750 * 100vw);
      line-height: 1.5em;
      font-weight: bold; }
      @media only screen and (min-width: 750px) {
        .post .post_method_wrap .post_method_note02 {
          width: calc(920/1200 * 100vw);
          font-size: calc(16/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .post .post_method_wrap .post_method_note02 {
          width: 920px;
          font-size: 1.6rem; } }
    .post .post_method_wrap .post_add_wrap {
      position: relative;
      font-size: calc(20/750 * 100vw);
      line-height: 1.8em;
      border: solid calc(4/750 * 100vw) #000;
      width: calc(625/750 * 100vw);
      margin: calc(65/750 * 100vw) auto 0;
      padding: calc(52/750 * 100vw) 0 calc(30/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .post .post_method_wrap .post_add_wrap {
          font-size: calc(18/1200 * 100vw);
          width: calc(920/1200 * 100vw);
          margin: calc(33/1200 * 100vw) auto 0;
          border: solid calc(4/1200 * 100vw) #000;
          padding: calc(43/1200 * 100vw) 0 calc(25/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .post .post_method_wrap .post_add_wrap {
          font-size: 1.8rem;
          width: 920px;
          margin: 33px auto 0;
          border: solid 4px #000;
          padding: 43px 0 25px; } }
      .post .post_method_wrap .post_add_wrap .post_add_ti {
        position: absolute;
        width: calc(408/750 * 100vw);
        top: calc(-22/750 * 100vw);
        left: 0;
        right: 0;
        margin: auto; }
        @media only screen and (min-width: 750px) {
          .post .post_method_wrap .post_add_wrap .post_add_ti {
            width: calc(400/1200 * 100vw);
            top: calc(-23/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .post .post_method_wrap .post_add_wrap .post_add_ti {
            width: 400px;
            top: -23px; } }
      .post .post_method_wrap .post_add_wrap .post_add_text {
        width: calc(557/750 * 100vw);
        margin: calc(0/750 * 100vw) auto 0; }
        @media only screen and (min-width: 750px) {
          .post .post_method_wrap .post_add_wrap .post_add_text {
            width: calc(813/1200 * 100vw);
            margin: calc(0/1200 * 100vw) auto 0; } }
        @media only screen and (min-width: 1200px) {
          .post .post_method_wrap .post_add_wrap .post_add_text {
            width: 813px;
            margin: 0px auto 0; } }
      .post .post_method_wrap .post_add_wrap .post_add_period {
        width: calc(570/750 * 100vw);
        margin: calc(30/750 * 100vw) auto 0; }
        @media only screen and (min-width: 750px) {
          .post .post_method_wrap .post_add_wrap .post_add_period {
            width: calc(864/1200 * 100vw);
            margin: calc(35/1200 * 100vw) auto 0; } }
        @media only screen and (min-width: 1200px) {
          .post .post_method_wrap .post_add_wrap .post_add_period {
            width: 864px;
            margin: 35px auto 0; } }
    .post .post_method_wrap .post_add_note {
      text-align: center;
      font-size: calc(25/750 * 100vw);
      font-weight: bold;
      width: calc(625/750 * 100vw);
      margin: 1em auto 0; }
      @media only screen and (min-width: 750px) {
        .post .post_method_wrap .post_add_note {
          font-size: calc(25/1200 * 100vw);
          width: calc(920/1200 * 100vw);
          margin: calc(33/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .post .post_method_wrap .post_add_note {
          font-size: 2.5rem;
          width: 920px; } }
    .post .post_method_wrap .bt_download {
      display: block;
      width: calc(480/750 * 100vw);
      margin: calc(46/750 * 100vw) auto 0;
      filter: drop-shadow(0 calc(9/750 * 100vw) 0 rgba(0, 0, 0, 0.6)); }
      @media only screen and (min-width: 750px) {
        .post .post_method_wrap .bt_download {
          width: calc(520/1200 * 100vw);
          margin: calc(42/1200 * 100vw) auto 0;
          filter: drop-shadow(0 calc(9/1200 * 100vw) 0 rgba(0, 0, 0, 0.6)); } }
      @media only screen and (min-width: 1200px) {
        .post .post_method_wrap .bt_download {
          width: 520px;
          margin: 42px auto 0;
          filter: drop-shadow(0 9px 0 rgba(0, 0, 0, 0.6)); } }
    .post .post_method_wrap .download_ballon {
      width: calc(625/750 * 100vw);
      margin: calc(30/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .post .post_method_wrap .download_ballon {
          width: calc(920/1200 * 100vw);
          margin: calc(20/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .post .post_method_wrap .download_ballon {
          width: 920px;
          margin: 20px auto 0; } }
  .post #post_rule {
    height: calc(48/750 * 100vw);
    margin-top: calc(-48/750 * 100vw);
    /*110px*/ }
    @media only screen and (min-width: 750px) {
      .post #post_rule {
        height: calc(60/750 * 100vw);
        margin-top: calc(-60/1200 * 100vw);
        /*60px*/ } }
    @media only screen and (min-width: 1200px) {
      .post #post_rule {
        height: 60px;
        margin-top: -60px; } }
  .post .post_rule_ti {
    width: calc(414/750 * 100vw);
    margin: calc(90/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .post .post_rule_ti {
        width: calc(502/1200 * 100vw);
        margin: calc(40/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .post .post_rule_ti {
        width: 502px;
        margin: 40px auto 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/1200 * 100vw), 100% auto;
      padding: calc(67/1200 * 100vw) 0 calc(105/1200 * 100vw); } }
  @media only screen and (min-width: 1200px) {
    .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: 1200px) {
      .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/1200 * 100vw);
          margin: 0 auto 0 calc(88/1200 * 100vw);
          padding: 0 0 calc(43/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .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/1200 * 100vw);
          margin: 0 auto 0; } }
      @media only screen and (min-width: 1200px) {
        .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/1200 * 100vw);
          margin: calc(52/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .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/1200 * 100vw);
          margin: calc(66/1200 * 100vw) auto calc(88/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .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/1200 * 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/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .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/1200 * 100vw);
          margin: calc(61/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .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/1200 * 100vw);
          height: calc(760/1200 * 100vw);
          margin: calc(17/1200 * 100vw) auto 0 calc(112/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .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/1200 * 100vw);
            margin: 0;
            top: calc(63/1200 * 100vw);
            left: calc(252/1200 * 100vw);
            cursor: pointer; } }
        @media only screen and (min-width: 1200px) {
          .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/1200 * 100vw);
        bottom: calc(30/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .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/1200 * 100vw); } }
  @media only screen and (min-width: 1200px) {
    .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/1200 * 100vw);
        padding-top: calc(165/1200 * 100vw);
        margin-top: calc(-165/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .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/1200 * 100vw), cover;
      background-position: bottom center, top center;
      background-repeat: repeat-x,no-repeat;
      padding: calc(32/1200 * 100vw) 0 calc(160/1200 * 100vw); } }
  @media only screen and (min-width: 1200px) {
    .prize {
      background-size: auto auto,cover;
      padding: 32px 0 160px; } }
  .prize--inner {
    width: 100%;
    margin: 0 auto; }
    @media only screen and (min-width: 1200px) {
      .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/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .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/1200 * 100vw);
          margin: calc(39/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .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/1200 * 100vw);
          margin: calc(44/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .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/1200 * 100vw);
            filter: drop-shadow(calc(5/1200 * 100vw) calc(5/1200 * 100vw) calc(4/1200 * 100vw) rgba(0, 0, 0, 0.25)); } }
        @media only screen and (min-width: 1200px) {
          .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/1200 * 100vw);
          text-align: center;
          margin: 3em auto 0; } }
      @media only screen and (min-width: 1200px) {
        .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/1200 * 100vw);
          margin: calc(35/1200 * 100vw) auto 0 calc(114/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .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/1200 * 100vw);
            top: calc(24/1200 * 100vw);
            bottom: inherit;
            left: inherit;
            right: calc(-6/1200 * 100vw);
            margin: 0;
            filter: drop-shadow(calc(6/1200 * 100vw) calc(6/1200 * 100vw) calc(5/1200 * 100vw) rgba(0, 0, 0, 0.35)); } }
        @media only screen and (min-width: 1200px) {
          .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/1200 * 100vw);
          margin: calc(35/1200 * 100vw) auto 0;
          border: solid calc(3/1200 * 100vw) #b52d0b;
          padding: calc(307/1200 * 100vw) 0 calc(39/1200 * 100vw);
          border-radius: calc(27/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .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/1200 * 100vw);
            top: calc(-35/1200 * 100vw);
            left: 0;
            right: 0; } }
        @media only screen and (min-width: 1200px) {
          .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/1200 * 100vw);
            margin: calc(0/1200 * 100vw) auto 0 calc(86/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .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/1200 * 100vw);
              margin: 0; } }
          @media only screen and (min-width: 1200px) {
            .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/1200 * 100vw); } }
            @media only screen and (min-width: 1200px) {
              .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/1200 * 100vw); } }
            @media only screen and (min-width: 1200px) {
              .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/1200 * 100vw);
              margin: 0 auto 0 calc(80/1200 * 100vw);
              font-size: calc(14/1200 * 100vw); } }
          @media only screen and (min-width: 1200px) {
            .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; }

.rule_cont {
  width: calc(640/750 * 100vw);
  background: #FFF;
  border: solid 1px #ebebeb;
  padding: calc(30/750 * 100vw) calc(5/750 * 100vw) calc(30/750 * 100vw) calc(25/750 * 100vw);
  margin: calc(40/750 * 100vw) auto 0; }
  @media only screen and (min-width: 750px) {
    .rule_cont {
      width: calc(900/1200 * 100vw);
      padding: calc(30/1150 * 100vw) calc(10/1150 * 100vw) calc(30/1150 * 100vw) calc(30/1150 * 100vw);
      margin: calc(45/1150 * 100vw) auto 0; } }
  @media only screen and (min-width: 1200px) {
    .rule_cont {
      width: 900px;
      padding: 30px 10px 30px 30px;
      margin: 45px auto 0; } }

.rule_text {
  overflow-y: scroll;
  height: calc(520/750 * 100vw);
  padding: 0 calc(25/750 * 100vw) 0 0;
  font-size: calc(20/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .rule_text {
      height: calc(730/1150 * 100vw);
      padding: 0 calc(25/1150 * 100vw) 0 0;
      font-size: calc(15/1150 * 100vw); } }
  @media only screen and (min-width: 1200px) {
    .rule_text {
      height: 730px;
      padding: 0 25px 0 0;
      font-size: 1.5rem; } }
  .rule_text p {
    font-size: calc(20/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .rule_text p {
        font-size: calc(15/1150 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .rule_text p {
        font-size: 1.5rem; } }
  .rule_text h3 {
    font-size: calc(22/750 * 100vw);
    text-align: left;
    border-bottom: solid 1px #000;
    padding: 0em 0em 0.2em;
    margin-top: 2em; }
    @media only screen and (min-width: 750px) {
      .rule_text h3 {
        font-size: calc(18/1150 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .rule_text h3 {
        font-size: 1.8rem; } }
  .rule_text h3:first-child {
    margin-top: 0; }
  .rule_text h3 + h4 {
    margin-top: 1em; }
  .rule_text h4 {
    font-weight: bold;
    margin: 1.5em 0 0 0; }
  .rule_text h4 + p {
    margin-top: 0.3em; }
  .rule_text h3 + p {
    margin-top: 1em; }
  .rule_text p + p {
    margin-top: 0.5em; }
  .rule_text ul + p {
    margin-top: 0.5em; }
  .rule_text .dot {
    margin-top: 1em; }
    .rule_text .dot li {
      list-style: disc;
      margin-top: 0.5em;
      margin-left: 1.2em; }
  .rule_text .kome {
    padding-left: 1em;
    margin-top: 0.5em; }
    .rule_text .kome li {
      text-indent: -1em;
      margin-top: 0.5em;
      padding-left: 0em; }
    .rule_text .kome li + li {
      margin-top: 0.3em; }
  .rule_text .number {
    padding-left: 1em;
    margin-top: 1em; }
    .rule_text .number li {
      text-indent: -1em;
      margin-top: 0.5em; }
      .rule_text .number li .number02 {
        padding-left: 1em;
        margin-top: 0; }
        .rule_text .number li .number02 li {
          text-indent: -1em;
          margin-top: 0em; }
  .rule_text h4 + .number {
    margin-top: 0.3em; }
  .rule_text .mt2 {
    margin-top: 2em; }

.qualifications_ti {
  width: calc(395/750 * 100vw);
  margin: calc(108/750 * 100vw) auto 0; }
  @media only screen and (min-width: 750px) {
    .qualifications_ti {
      width: calc(502/1200 * 100vw);
      margin: calc(128/1200 * 100vw) auto 0; } }
  @media only screen and (min-width: 1200px) {
    .qualifications_ti {
      width: 502px;
      margin: 128px auto 0; } }

.qualifications_text {
  text-align: center;
  width: 100%;
  margin: 1.3em auto 0;
  color: #FFF;
  font-size: calc(27/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .qualifications_text {
      width: calc(502/1200 * 100vw);
      margin: 1.5em auto 0;
      font-size: calc(19/1200 * 100vw); } }
  @media only screen and (min-width: 1200px) {
    .qualifications_text {
      width: 502px;
      font-size: 1.9rem; } }

.privacy_ti {
  width: calc(660/750 * 100vw);
  margin: calc(110/750 * 100vw) auto 0; }
  @media only screen and (min-width: 750px) {
    .privacy_ti {
      width: calc(620/1200 * 100vw);
      margin: calc(72/1200 * 100vw) auto 0; } }
  @media only screen and (min-width: 1200px) {
    .privacy_ti {
      width: 620px;
      margin: 72px auto 0; } }

.privacy_text {
  width: calc(660/750 * 100vw);
  margin: 1.2em auto 0;
  color: #FFF;
  font-size: calc(27/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .privacy_text {
      width: calc(1100/1200 * 100vw);
      margin: 1.5em auto 0;
      font-size: calc(19/1200 * 100vw); } }
  @media only screen and (min-width: 1200px) {
    .privacy_text {
      width: 1100px;
      font-size: 1.9rem; } }

.bt_privacy01, .bt_privacy02 {
  width: 100%;
  margin: calc(60/750 * 100vw) auto 0; }
  @media only screen and (min-width: 750px) {
    .bt_privacy01, .bt_privacy02 {
      width: calc(1100/1200 * 100vw);
      margin: calc(55/1200 * 100vw) auto 0; } }
  @media only screen and (min-width: 1200px) {
    .bt_privacy01, .bt_privacy02 {
      width: 1100px;
      margin: 55px auto 0; } }
  .bt_privacy01 .bt, .bt_privacy02 .bt {
    display: block;
    width: calc(486/750 * 100vw);
    margin: 0 auto; }
    @media only screen and (min-width: 750px) {
      .bt_privacy01 .bt, .bt_privacy02 .bt {
        width: calc(520/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .bt_privacy01 .bt, .bt_privacy02 .bt {
        width: 520px; } }
  .bt_privacy01 .bt_text, .bt_privacy02 .bt_text {
    text-align: center;
    color: #FFF;
    font-size: calc(26/750 * 100vw);
    margin: 1em auto 0; }
    @media only screen and (min-width: 750px) {
      .bt_privacy01 .bt_text, .bt_privacy02 .bt_text {
        width: calc(1100/1200 * 100vw);
        margin: 1em auto 0;
        font-size: calc(26/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .bt_privacy01 .bt_text, .bt_privacy02 .bt_text {
        width: 1100px;
        font-size: 2.6rem; } }

.inquiry {
  background: #FFF;
  width: calc(630/750 * 100vw);
  margin: calc(73/750 * 100vw) auto 0;
  border-radius: calc(19/750 * 100vw);
  padding: calc(30/750 * 100vw) 0 calc(35/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .inquiry {
      width: calc(1100/1200 * 100vw);
      margin: calc(60/1200 * 100vw) auto 0;
      border-radius: calc(50/1200 * 100vw);
      padding: calc(30/1200 * 100vw) 0 calc(36/1200 * 100vw); } }
  @media only screen and (min-width: 1200px) {
    .inquiry {
      width: 1100px;
      margin: 60px auto 0;
      border-radius: 50px;
      padding: 30px 0 36px; } }
  .inquiry .inquiry_ti {
    width: calc(531/750 * 100vw);
    margin: calc(0/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .inquiry .inquiry_ti {
        width: calc(777/1200 * 100vw);
        margin: calc(0/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .inquiry .inquiry_ti {
        width: 777px;
        margin: 0px auto 0; } }
  .inquiry .freecall {
    width: calc(546/750 * 100vw);
    margin: calc(31/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .inquiry .freecall {
        width: calc(602/1200 * 100vw);
        margin: calc(25/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .inquiry .freecall {
        width: 602px;
        margin: 25px auto 0; } }
  .inquiry .inquiry_text {
    text-align: center;
    font-size: calc(21/750 * 100vw);
    margin: calc(31/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .inquiry .inquiry_text {
        font-size: calc(21/1200 * 100vw);
        margin: calc(18/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .inquiry .inquiry_text {
        font-size: 21px;
        margin: 18px auto 0; } }

.cut {
  width: calc(630/750 * 100vw);
  margin: calc(57/750 * 100vw) auto 0;
  border-radius: calc(28/750 * 100vw);
  overflow: hidden; }
  @media only screen and (min-width: 750px) {
    .cut {
      width: calc(1100/1200 * 100vw);
      margin: calc(120/1200 * 100vw) auto 0;
      border-radius: calc(50/1200 * 100vw); } }
  @media only screen and (min-width: 1200px) {
    .cut {
      width: 1100px;
      margin: 120px auto 0;
      border-radius: 50px; } }
  .cut a:hover {
    opacity: 1 !important;
    filter: brightness(110%); }

.sns {
  background: #FFF;
  width: 100%;
  padding: calc(56/750 * 100vw) 0 calc(70/750 * 100vw);
  margin: 0 auto 0; }
  @media only screen and (min-width: 750px) {
    .sns {
      padding: calc(50/1200 * 100vw) 0 calc(60/1200 * 100vw);
      margin: 0 auto 0; } }
  @media only screen and (min-width: 1200px) {
    .sns {
      padding: 50px 0 60px;
      margin: 0 auto 0; } }
  .sns .sns_md {
    width: calc(600/750 * 100vw);
    margin: calc(0/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .sns .sns_md {
        width: calc(600/1200 * 100vw);
        margin: calc(0/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .sns .sns_md {
        width: 600px;
        margin: 0px auto 0; } }
  .sns .sns_list {
    display: flex;
    justify-content: space-between;
    width: calc(498/750 * 100vw);
    margin: calc(66/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .sns .sns_list {
        width: calc(600/1200 * 100vw);
        margin: calc(67/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .sns .sns_list {
        width: 600px;
        margin: 67px auto 0; } }
    .sns .sns_list li {
      width: calc(102/750 * 100vw);
      margin: 0; }
      @media only screen and (min-width: 750px) {
        .sns .sns_list li {
          width: calc(102/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .sns .sns_list li {
          width: 102px; } }
      .sns .sns_list li a:hover {
        opacity: 0.5; }
  .sns .sns_y {
    width: calc(682/750 * 100vw);
    margin: calc(75/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .sns .sns_y {
        margin: calc(85/1200 * 100vw) auto 0;
        width: calc(758/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .sns .sns_y {
        margin: 85px auto 0;
        width: 758px; } }

.smile_wrap {
  background-image: url("../img/bg_body_sp.png");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: repeat-y;
  padding: calc(44/750 * 100vw) 0 calc(66/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .smile_wrap {
      background-image: url("../img/bg_body_pc.png");
      background-position: top center;
      padding: calc(100/1200 * 100vw) 0 calc(90/1200 * 100vw); } }
  @media only screen and (min-width: 750px) {
    .smile_wrap {
      background-color: #000;
      background-image: url("../img/bg_body_pcl.png");
      background-position: top center;
      background-size: auto auto;
      padding: 100px 0 90px; } }
  .smile_wrap .smile {
    background: #ea6000;
    border-radius: calc(32/750 * 100vw);
    width: calc(700/750 * 100vw);
    margin: calc(0/750 * 100vw) auto 0;
    padding: calc(45/750 * 100vw) 0 calc(46/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .smile_wrap .smile {
        border-radius: calc(50/1200 * 100vw);
        width: calc(1100/1200 * 100vw);
        margin: calc(0/1200 * 100vw) auto 0;
        padding: calc(34/1200 * 100vw) 0 calc(41/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .smile_wrap .smile {
        border-radius: 50px;
        width: 1100px;
        margin: 0px auto 0;
        padding: 34px 0 41px; } }
    .smile_wrap .smile .smile_ti {
      width: calc(625/750 * 100vw);
      margin: calc(0/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .smile_wrap .smile .smile_ti {
          width: calc(631/1200 * 100vw);
          margin: calc(0/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .smile_wrap .smile .smile_ti {
          width: 631px;
          margin: 0px auto 0; } }
    .smile_wrap .smile .smile_cont {
      position: relative;
      background: #FFF;
      border-radius: calc(9/750 * 100vw);
      width: calc(630/750 * 100vw);
      margin: calc(36/750 * 100vw) auto 0;
      padding: calc(19/750 * 100vw) 0 calc(21/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .smile_wrap .smile .smile_cont {
          border-radius: calc(14/1200 * 100vw);
          width: calc(1000/1200 * 100vw);
          margin: calc(35/1200 * 100vw) auto 0;
          padding: calc(356/1200 * 100vw) 0 calc(21/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .smile_wrap .smile .smile_cont {
          width: 1000px;
          margin: 35px auto 0;
          padding: 356px 0 21px; } }
      .smile_wrap .smile .smile_cont .smile_lead {
        width: 100%; }
        @media only screen and (min-width: 750px) {
          .smile_wrap .smile .smile_cont .smile_lead {
            position: absolute;
            width: calc(937/1200 * 100vw);
            top: calc(12/1200 * 100vw);
            left: calc(44/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .smile_wrap .smile .smile_cont .smile_lead {
            width: 937px;
            top: 12px;
            left: 44px; } }
      .smile_wrap .smile .smile_cont .smile_system_wrap {
        background: #f5f2e8;
        width: calc(598/750 * 100vw);
        margin: calc(0/750 * 100vw) auto 0;
        padding: calc(42/750 * 100vw) 0 calc(21/750 * 100vw);
        border-radius: calc(14/750 * 100vw); }
        @media only screen and (min-width: 750px) {
          .smile_wrap .smile .smile_cont .smile_system_wrap {
            width: calc(940/1200 * 100vw);
            margin: calc(0/1200 * 100vw) auto 0;
            padding: calc(12/1200 * 100vw) 0 calc(20/750 * 100vw);
            border-radius: calc(20/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .smile_wrap .smile .smile_cont .smile_system_wrap {
            width: 940px;
            margin: 0px auto 0;
            padding: 12px 0 20px;
            border-radius: 20px; } }
        .smile_wrap .smile .smile_cont .smile_system_wrap .smile_system_md {
          width: 100%; }
          @media only screen and (min-width: 750px) {
            .smile_wrap .smile .smile_cont .smile_system_wrap .smile_system_md {
              width: calc(522/1200 * 100vw);
              margin: 0 auto 0 calc(14/1200 * 100vw); } }
          @media only screen and (min-width: 1200px) {
            .smile_wrap .smile .smile_cont .smile_system_wrap .smile_system_md {
              width: 522px;
              margin: 0 auto 0 14px; } }
        .smile_wrap .smile .smile_cont .smile_system_wrap .smile_text {
          width: calc(564/750 * 100vw);
          margin: calc(50/750 * 100vw) auto 0;
          font-size: calc(22/750 * 100vw);
          line-height: 1.4em; }
          @media only screen and (min-width: 750px) {
            .smile_wrap .smile .smile_cont .smile_system_wrap .smile_text {
              width: calc(888/1200 * 100vw);
              margin: calc(12/1200 * 100vw) auto 0;
              font-size: calc(15/1200 * 100vw); } }
          @media only screen and (min-width: 1200px) {
            .smile_wrap .smile .smile_cont .smile_system_wrap .smile_text {
              width: 888px;
              margin: 12px auto 0;
              font-size: 1.5rem; } }
        .smile_wrap .smile .smile_cont .smile_system_wrap .smile_system {
          width: calc(580/750 * 100vw);
          margin: calc(33/750 * 100vw) auto 0; }
          @media only screen and (min-width: 750px) {
            .smile_wrap .smile .smile_cont .smile_system_wrap .smile_system {
              width: calc(900/1200 * 100vw);
              margin: calc(18/1200 * 100vw) auto 0; } }
          @media only screen and (min-width: 1200px) {
            .smile_wrap .smile .smile_cont .smile_system_wrap .smile_system {
              width: 900px;
              margin: 18px auto 0; } }
    .smile_wrap .smile .bt_smile {
      display: block;
      width: calc(480/750 * 100vw);
      margin: calc(45/750 * 100vw) auto 0;
      filter: drop-shadow(0 calc(9/750 * 100vw) 0 #712c00); }
      @media only screen and (min-width: 750px) {
        .smile_wrap .smile .bt_smile {
          width: calc(520/1200 * 100vw);
          margin: calc(46/1200 * 100vw) auto 0;
          filter: drop-shadow(0 calc(9/1200 * 100vw) 0 #712c00); } }
      @media only screen and (min-width: 1200px) {
        .smile_wrap .smile .bt_smile {
          width: 520px;
          margin: 46px auto 0;
          filter: drop-shadow(0 9px 0 #712c00); } }

.secret_base {
  width: 100%;
  background: #000;
  padding: calc(37/750 * 100vw) 0 calc(70/750 * 100vw);
  margin: 0 auto 0; }
  @media only screen and (min-width: 750px) {
    .secret_base {
      padding: calc(75/1200 * 100vw) 0 calc(70/1200 * 100vw);
      margin: 0 auto 0; } }
  @media only screen and (min-width: 1200px) {
    .secret_base {
      padding: 75px 0 70px;
      margin: 0 auto 0; } }
  .secret_base .logo {
    width: calc(434/750 * 100vw);
    margin: calc(0/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .secret_base .logo {
        width: calc(434/1200 * 100vw);
        margin: calc(0/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .secret_base .logo {
        width: 434px;
        margin: 0px auto 0; } }
  .secret_base .bt_community {
    background-image: url("../img/bg_bt_community.svg");
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(488/750 * 100vw);
    height: calc(122/750 * 100vw);
    margin: calc(54/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .secret_base .bt_community {
        width: calc(520/1200 * 100vw);
        height: calc(130/1200 * 100vw);
        margin: calc(70/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .secret_base .bt_community {
        width: 520px;
        height: 130px;
        margin: 70px auto 0; } }
    .secret_base .bt_community img {
      width: calc(436/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .secret_base .bt_community img {
          width: calc(405/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .secret_base .bt_community img {
          width: 405px; } }

.footer {
  background: #FFF;
  width: 100%;
  padding: calc(100/750 * 100vw) 0 calc(35/750 * 100vw);
  margin: 0 auto 0; }
  @media only screen and (min-width: 750px) {
    .footer {
      padding: calc(100/1200 * 100vw) 0 calc(35/1200 * 100vw);
      margin: 0 auto 0; } }
  @media only screen and (min-width: 1200px) {
    .footer {
      padding: 100px 0 35px;
      margin: 0 auto 0; } }
  .footer .logo {
    width: calc(295/750 * 100vw);
    margin: calc(0/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .footer .logo {
        width: calc(295/1200 * 100vw);
        margin: calc(0/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .footer .logo {
        width: 295px;
        margin: 0px auto 0; } }
  .footer .copy {
    text-align: center;
    width: 100%;
    margin: calc(55/750 * 100vw) auto 0;
    font-size: calc(24/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .footer .copy {
        margin: calc(55/1200 * 100vw) auto 0;
        font-size: calc(24/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .footer .copy {
        margin: 55px auto 0;
        font-size: 2.4rem; } }

.fix_bt {
  z-index: 200;
  position: fixed;
  bottom: calc(-250/750 * 100vw);
  right: calc(10/750 * 100vw);
  width: calc(106/750 * 100vw);
  transition: bottom 0.5s ease; }
  @media only screen and (min-width: 750px) {
    .fix_bt {
      width: calc(106/1200 * 100vw);
      bottom: calc(-250/1200 * 100vw);
      right: calc(25/1200 * 100vw);
      height: auto; } }
  @media only screen and (min-width: 1200px) {
    .fix_bt {
      width: 106px;
      bottom: -250px;
      right: 25px; } }
  .fix_bt.active {
    bottom: calc(10/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .fix_bt.active {
        bottom: calc(25/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .fix_bt.active {
        bottom: 25px; } }
  .fix_bt a {
    display: block;
    width: 100%;
    height: auto; }
  .fix_bt a + a {
    margin-top: calc(10/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .fix_bt a + a {
        margin-top: calc(10/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .fix_bt a + a {
        margin-top: 10px; } }

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;
  box-sizing: border-box; }
  @media only screen and (min-width: 750px) {
    body {
      font-size: 1.6rem; } }
  @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: 1200px) {
  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; } }
#wakuwaku {
  position: relative; }

#black_wrap {
  background-image: url("../img/bg_body_sp.png");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: repeat-y;
  padding: calc(63/750 * 100vw) 0 calc(58/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    #black_wrap {
      background-image: url("../img/bg_body_pc.png");
      background-position: top center;
      padding: calc(51/1200 * 100vw) 0 calc(100/1200 * 100vw); } }
  @media only screen and (min-width: 750px) {
    #black_wrap {
      background-color: #000;
      background-image: url("../img/bg_body_pcl.png");
      background-position: top center;
      background-size: auto auto;
      padding: 51px 0 100px; } }