@charset "UTF-8";
.header--inner {
  background: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(80/750 * 100vw);
  margin: 0 auto; }
  @media only screen and (min-width: 750px) {
    .header--inner {
      width: 100%;
      height: calc(70/1100 * 100vw); } }
  @media only screen and (min-width: 1100px) {
    .header--inner {
      height: 70px; } }
  .header--inner .header_logo {
    width: calc(690/750 * 100vw);
    line-height: 0;
    margin: 0 auto; }
    @media only screen and (min-width: 750px) {
      .header--inner .header_logo {
        width: calc(380/1100 * 100vw); } }
    @media only screen and (min-width: 1100px) {
      .header--inner .header_logo {
        width: 380px; } }

.kv {
  width: 100%; }
  @media only screen and (min-width: 750px) {
    .kv {
      background-image: url("../img/bg_kv_pc.jpg");
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: top center; } }
  @media only screen and (min-width: 1100px) {
    .kv {
      background-image: url("../img/bg_kv_pcl.jpg");
      background-size: 2000px auto; } }
  @media only screen and (min-width: 2000px) {
    .kv {
      background-size: 100% auto; } }
  .kv--inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: calc(1364/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .kv--inner {
        height: calc(903/1100 * 100vw); } }
    @media only screen and (min-width: 1100px) {
      .kv--inner {
        width: 1100px;
        height: 903px; } }
    @media only screen and (min-width: 2000px) {
      .kv--inner {
        width: calc(1100/2000 * 100vw);
        height: calc(903/2000 * 100vw); } }
    .kv--inner h1 {
      margin: 0;
      width: 100%;
      margin: 0 auto; }
      @media only screen and (min-width: 750px) {
        .kv--inner h1 {
          position: absolute;
          width: calc(949/1100 * 100vw);
          top: calc(38/1100 * 100vw);
          left: 0;
          right: 0;
          margin: auto; } }
      @media only screen and (min-width: 1100px) {
        .kv--inner h1 {
          width: 949px;
          top: 38px; } }
      @media only screen and (min-width: 2000px) {
        .kv--inner h1 {
          width: calc(949/2000 * 100vw);
          top: calc(38/2000 * 100vw);
          left: 0;
          right: 0;
          margin: auto; } }
    .kv--inner .kv_btarea {
      position: absolute;
      width: calc(489/750 * 100vw);
      top: calc(840/750 * 100vw);
      left: 0;
      right: 0;
      margin: auto; }
      @media only screen and (min-width: 750px) {
        .kv--inner .kv_btarea {
          display: flex;
          justify-content: space-between;
          width: calc(624/1100 * 100vw);
          top: calc(528/1100 * 100vw); } }
      @media only screen and (min-width: 1100px) {
        .kv--inner .kv_btarea {
          width: 624px;
          top: 528px; } }
      @media only screen and (min-width: 2000px) {
        .kv--inner .kv_btarea {
          width: calc(624/2000 * 100vw);
          top: calc(528/2000 * 100vw); } }
      .kv--inner .kv_btarea li {
        width: 100%; }
        @media only screen and (min-width: 750px) {
          .kv--inner .kv_btarea li {
            width: calc(300/1100 * 100vw); } }
        @media only screen and (min-width: 1100px) {
          .kv--inner .kv_btarea li {
            width: 300px; } }
        @media only screen and (min-width: 2000px) {
          .kv--inner .kv_btarea li {
            width: calc(300/2000 * 100vw); } }
      .kv--inner .kv_btarea li + li {
        margin-top: calc(16/750 * 100vw); }
        @media only screen and (min-width: 750px) {
          .kv--inner .kv_btarea li + li {
            margin-top: 0; } }
    .kv--inner .kv_lead {
      position: absolute;
      width: calc(579/750 * 100vw);
      bottom: calc(108/750 * 100vw);
      left: 0;
      right: 0;
      margin: auto; }
      @media only screen and (min-width: 750px) {
        .kv--inner .kv_lead {
          width: calc(677/1100 * 100vw);
          bottom: calc(214/1100 * 100vw); } }
      @media only screen and (min-width: 1100px) {
        .kv--inner .kv_lead {
          width: 677px;
          bottom: 214px; } }
      @media only screen and (min-width: 2000px) {
        .kv--inner .kv_lead {
          width: calc(677/2000 * 100vw);
          bottom: calc(214/2000 * 100vw);
          margin: auto; } }
    .kv--inner .kv_arrow {
      position: absolute;
      width: calc(34/750 * 100vw);
      bottom: calc(0/750 * 100vw);
      left: 0;
      right: 0;
      margin: auto; }
      @media only screen and (min-width: 750px) {
        .kv--inner .kv_arrow {
          width: calc(30/1100 * 100vw);
          bottom: calc(50/1100 * 100vw); } }
      @media only screen and (min-width: 1100px) {
        .kv--inner .kv_arrow {
          width: 30px;
          bottom: 50px; } }
      @media only screen and (min-width: 2000px) {
        .kv--inner .kv_arrow {
          width: calc(30/2000 * 100vw);
          left: 0;
          right: 0;
          margin: auto;
          bottom: calc(50/2000 * 100vw); } }

.prize {
  width: 100%; }
  @media only screen and (min-width: 750px) {
    .prize {
      background-image: url("../img/bg_cont_top_pc.png");
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: top calc(-50/1100 * 100vw) center; } }
  @media only screen and (min-width: 1100px) {
    .prize {
      background-image: url("../img/bg_cont_top_pcl.png");
      background-size: 2000px auto;
      background-position: top -50px center; } }
  @media only screen and (min-width: 2000px) {
    .prize {
      background-size: 100% auto;
      background-position: top calc(-50 / 2000 * 100vw) center; } }
  .prize--inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: calc(67/750 * 100vw) 0 calc(136/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .prize--inner {
        width: calc(1000/1100 * 100vw);
        padding: calc(34/1100 * 100vw) 0 calc(90/1100 * 100vw); } }
    @media only screen and (min-width: 1100px) {
      .prize--inner {
        width: 1000px;
        padding: 34px 0 90px; } }
    @media only screen and (min-width: 2000px) {
      .prize--inner {
        width: calc(1000/2000 * 100vw);
        padding: calc(34/2000 * 100vw) 0 calc(90/2000 * 100vw); } }
    .prize--inner .prize_ti {
      width: calc(489/750 * 100vw);
      margin: 0 auto;
      filter: drop-shadow(0 0 calc(9/750 * 100vw) #000); }
      @media only screen and (min-width: 750px) {
        .prize--inner .prize_ti {
          display: flex;
          justify-content: space-between;
          width: calc(419/1100 * 100vw);
          filter: drop-shadow(0 0 calc(9/1100 * 100vw) #000); } }
      @media only screen and (min-width: 1100px) {
        .prize--inner .prize_ti {
          width: 419px;
          filter: drop-shadow(0 0 9px #000); } }
      @media only screen and (min-width: 2000px) {
        .prize--inner .prize_ti {
          width: calc(419/2000 * 100vw);
          filter: drop-shadow(0 0 calc(9/2000 * 100vw) #000); } }
    .prize--inner .prize_list {
      width: calc(667/750 * 100vw);
      margin: calc(30/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .prize--inner .prize_list {
          display: flex;
          justify-content: space-between;
          width: calc(1000/1100 * 100vw);
          margin: calc(32/750 * 100vw) auto 0; } }
      @media only screen and (min-width: 1100px) {
        .prize--inner .prize_list {
          width: 1000px;
          margin: 32px auto 0; } }
      .prize--inner .prize_list li {
        width: 100%; }
        @media only screen and (min-width: 750px) {
          .prize--inner .prize_list li {
            width: calc(321/1100 * 100vw); } }
        @media only screen and (min-width: 1100px) {
          .prize--inner .prize_list li {
            width: 321px; } }
      .prize--inner .prize_list li + li {
        margin-top: calc(44/750 * 100vw); }
        @media only screen and (min-width: 750px) {
          .prize--inner .prize_list li + li {
            margin-top: 0; } }

.premium {
  width: 100%;
  background-image: url("../img/bg_premium_sp.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
  margin: 0 auto;
  padding: 0 0 calc(90/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .premium {
      background-image: url("../img/bg_premium_pc.png");
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: bottom center;
      padding: 0 0 calc(168/1100 * 100vw); } }
  @media only screen and (min-width: 1100px) {
    .premium {
      width: 1100px;
      padding: 0 0 168px; } }
  .premium--inner {
    width: calc(586/750 * 100vw);
    margin: 0 auto; }
    @media only screen and (min-width: 750px) {
      .premium--inner {
        width: calc(1000/1100 * 100vw); } }
    @media only screen and (min-width: 1100px) {
      .premium--inner {
        width: 1000px; } }
    .premium--inner .premium_ti {
      width: calc(485/750 * 100vw);
      margin: 0 auto 0 0; }
      @media only screen and (min-width: 750px) {
        .premium--inner .premium_ti {
          width: calc(400/1100 * 100vw);
          margin: 0 auto 0; } }
      @media only screen and (min-width: 1100px) {
        .premium--inner .premium_ti {
          width: 400px; } }
    .premium--inner .premium_ph {
      width: 100%;
      margin: calc(20/750 * 100vw) 0 0; }
      @media only screen and (min-width: 750px) {
        .premium--inner .premium_ph {
          margin: calc(0/1100 * 100vw) 0 0; } }
      @media only screen and (min-width: 1100px) {
        .premium--inner .premium_ph {
          margin: 0px 0 0; } }
    .premium--inner .premium_text {
      width: calc(584/750 * 100vw);
      margin: calc(60/750 * 100vw) auto 0 0; }
      @media only screen and (min-width: 750px) {
        .premium--inner .premium_text {
          width: calc(571/1100 * 100vw);
          margin: calc(77/1100 * 100vw) auto 0 0; } }
      @media only screen and (min-width: 1100px) {
        .premium--inner .premium_text {
          width: 571px;
          margin: 77px auto 0 0; } }

.movie {
  width: calc(555/750 * 100vw);
  margin: 0 auto;
  padding: 0 0 calc(90/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .movie {
      width: calc(515/1100 * 100vw);
      padding: 0 0 calc(90/1100 * 100vw); } }
  @media only screen and (min-width: 1100px) {
    .movie {
      width: 515px;
      padding: 0 0 90px; } }
  .movie .movie_ti {
    width: calc(240/750 * 100vw);
    margin: 0 auto 0; }
    @media only screen and (min-width: 750px) {
      .movie .movie_ti {
        width: calc(290/1100 * 100vw);
        margin: 0 auto 0; } }
    @media only screen and (min-width: 1100px) {
      .movie .movie_ti {
        width: 290px; } }
  .movie .movie_ph {
    width: 100%;
    margin: calc(40/750 * 100vw) 0 0; }
    @media only screen and (min-width: 750px) {
      .movie .movie_ph {
        margin: calc(0/1100 * 100vw) 0 0; } }
    @media only screen and (min-width: 1100px) {
      .movie .movie_ph {
        margin: 0px 0 0; } }

.culum {
  width: calc(555/750 * 100vw);
  margin: 0 auto;
  padding: 0 0 calc(90/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .culum {
      width: calc(515/1100 * 100vw);
      padding: 0 0 calc(124/1100 * 100vw); } }
  @media only screen and (min-width: 1100px) {
    .culum {
      width: 515px;
      padding: 0 0 124px; } }
  .culum .culum_ti {
    width: calc(309/750 * 100vw);
    margin: 0 auto 0; }
    @media only screen and (min-width: 750px) {
      .culum .culum_ti {
        width: calc(290/1100 * 100vw);
        margin: 0 auto 0; } }
    @media only screen and (min-width: 1100px) {
      .culum .culum_ti {
        width: 290px; } }
  .culum .culum_ph {
    width: 100%;
    margin: calc(40/750 * 100vw) 0 0; }
    @media only screen and (min-width: 750px) {
      .culum .culum_ph {
        margin: calc(0/1100 * 100vw) 0 0; } }
    @media only screen and (min-width: 1100px) {
      .culum .culum_ph {
        margin: 0px 0 0; } }

.term_text {
  width: calc(514/750 * 100vw);
  margin: 0 auto;
  padding: calc(110/750 * 100vw) 0 calc(114/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .term_text {
      width: calc(541/1100 * 100vw);
      padding: calc(117/1100 * 100vw) 0 calc(124/750 * 100vw); } }
  @media only screen and (min-width: 1100px) {
    .term_text {
      width: 541px;
      padding: 117px 0 124px; } }

.prod--inner {
  width: calc(611/750 * 100vw);
  margin: 0 auto;
  padding: calc(35/750 * 100vw) 0 calc(90/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .prod--inner {
      width: calc(522/1100 * 100vw);
      padding: calc(80/1100 * 100vw) 0 calc(90/750 * 100vw); } }
  @media only screen and (min-width: 1100px) {
    .prod--inner {
      width: 522px;
      padding: 80px 0 90px; } }
  .prod--inner .prod_lead {
    width: calc(635/750 * 100vw);
    margin: 0 auto; }
    @media only screen and (min-width: 750px) {
      .prod--inner .prod_lead {
        width: calc(455/1100 * 100vw); } }
    @media only screen and (min-width: 1100px) {
      .prod--inner .prod_lead {
        width: 455px; } }
  .prod--inner .prod_list {
    margin: calc(25/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .prod--inner .prod_list {
        margin: calc(80/1100 * 100vw); } }
    @media only screen and (min-width: 1100px) {
      .prod--inner .prod_list {
        margin: 80px; } }
    .prod--inner .prod_list li + li {
      margin-top: calc(16/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .prod--inner .prod_list li + li {
          margin-top: calc(15/1100 * 100vw); } }
      @media only screen and (min-width: 1100px) {
        .prod--inner .prod_list li + li {
          margin-top: 15px; } }

.shop--inner {
  width: calc(611/750 * 100vw);
  margin: 0 auto;
  padding: calc(90/750 * 100vw) 0 calc(90/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .shop--inner {
      width: calc(740/1100 * 100vw);
      padding: calc(90/1100 * 100vw) 0 calc(90/750 * 100vw); } }
  @media only screen and (min-width: 1100px) {
    .shop--inner {
      width: 740px;
      padding: 90px 0 90px; } }
  .shop--inner .area_list {
    margin: 0 auto; }
    .shop--inner .area_list dt {
      width: 100%;
      height: calc(88/750 * 100vw);
      background-image: url("../img/shop_open.svg");
      background-repeat: no-repeat;
      background-size: calc(33/750 * 100vw);
      background-position: center right calc(32/750 * 100vw);
      border: solid 1px #FFF;
      display: flex;
      justify-content: center;
      margin: calc(40/750 * 100vw) 0 0 0; }
      @media only screen and (min-width: 750px) {
        .shop--inner .area_list dt {
          height: calc(82/1100 * 100vw);
          background-size: calc(30/1100 * 100vw);
          background-position: center right calc(28/1100 * 100vw);
          cursor: pointer;
          margin: calc(43/1100 * 100vw) 0 0 0; } }
      @media only screen and (min-width: 1100px) {
        .shop--inner .area_list dt {
          background-size: 30px;
          background-position: center right 28px;
          height: 82px;
          margin: 43px 0 0 0; } }
      .shop--inner .area_list dt img {
        height: 100%;
        width: auto;
        margin: 0 auto; }
      .shop--inner .area_list dt.active {
        background-image: url("../img/shop_close.svg"); }
      @media only screen and (min-width: 750px) {
        .shop--inner .area_list dt:hover {
          opacity: 0.8;
          cursor: pointer; } }
      .shop--inner .area_list dt:first-child {
        margin-top: 0; }
    .shop--inner .area_list dd {
      display: none;
      width: 100%;
      padding: calc(40/750 * 100vw) calc(40/750 * 100vw) calc(60/750 * 100vw);
      margin: 0 auto;
      background: #FFF; }
      @media only screen and (min-width: 750px) {
        .shop--inner .area_list dd {
          padding: calc(40/1100 * 100vw) calc(25/1100 * 100vw) calc(60/1100 * 100vw); } }
      @media only screen and (min-width: 1100px) {
        .shop--inner .area_list dd {
          padding: 40px 25px 60px; } }
      @media only screen and (min-width: 750px) {
        .shop--inner .area_list dd ul {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          padding: 0 0.5em; } }
      .shop--inner .area_list dd ul li {
        width: 100%;
        font-size: calc(33/750 * 100vw);
        line-height: 1.2em;
        margin-bottom: 0.6em;
        text-align: center; }
        @media only screen and (min-width: 750px) {
          .shop--inner .area_list dd ul li {
            width: 47%;
            text-align: left;
            font-size: calc(23/1100 * 100vw); } }
        @media only screen and (min-width: 1100px) {
          .shop--inner .area_list dd ul li {
            font-size: 2.3rem; } }
        .shop--inner .area_list dd ul li a {
          color: #000;
          text-decoration: none; }
          .shop--inner .area_list dd ul li a:hover {
            text-decoration: underline; }
      .shop--inner .area_list dd .prefecture {
        background-color: #e1e1e1;
        background-image: url("../img/shop_open2.svg");
        background-repeat: no-repeat;
        background-size: calc(33/750 * 100vw);
        background-position: center right calc(32/750 * 100vw);
        padding: 0.3em;
        font-size: calc(35/750 * 100vw) !important;
        line-height: 1em;
        text-align: center;
        height: auto;
        margin: 1em auto 0; }
        @media only screen and (min-width: 750px) {
          .shop--inner .area_list dd .prefecture {
            background-size: calc(30/1100 * 100vw);
            background-position: center right calc(28/1100 * 100vw);
            font-size: calc(28/1100 * 100vw) !important; } }
        @media only screen and (min-width: 1100px) {
          .shop--inner .area_list dd .prefecture {
            background-size: 30px;
            background-position: center right 28px;
            font-size: 2.8rem !important; } }
        .shop--inner .area_list dd .prefecture.active {
          background-image: url("../img/shop_close2.svg"); }
        .shop--inner .area_list dd .prefecture:first-child {
          margin-top: 0; }
      .shop--inner .area_list dd dd {
        padding: 1em 0 0; }
        @media only screen and (min-width: 750px) {
          .shop--inner .area_list dd dd ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            padding: 0 0.5em; } }
        .shop--inner .area_list dd dd ul li {
          width: 100%;
          font-size: calc(33/750 * 100vw);
          line-height: 1.2em;
          margin-bottom: 0.6em;
          text-align: center; }
          @media only screen and (min-width: 750px) {
            .shop--inner .area_list dd dd ul li {
              width: 47%;
              text-align: left;
              font-size: calc(23/1100 * 100vw); } }
          @media only screen and (min-width: 1100px) {
            .shop--inner .area_list dd dd ul li {
              font-size: 2.3rem; } }
          .shop--inner .area_list dd dd ul li a {
            color: #000;
            text-decoration: none; }
            .shop--inner .area_list dd dd ul li a:hover {
              text-decoration: underline; }

.rule--inner {
  width: calc(600/750 * 100vw);
  margin: 0 auto;
  padding: calc(70/750 * 100vw) 0 calc(100/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .rule--inner {
      width: calc(1000/1100 * 100vw);
      padding: calc(80/1100 * 100vw) 0 calc(90/750 * 100vw); } }
  @media only screen and (min-width: 1100px) {
    .rule--inner {
      width: 1000px;
      padding: 80px 0 90px; } }
  .rule--inner .rule_text {
    width: calc(628/750 * 100vw);
    margin: 0 auto 0; }
    @media only screen and (min-width: 750px) {
      .rule--inner .rule_text {
        width: calc(580/1100 * 100vw);
        margin: 0 auto 0; } }
    @media only screen and (min-width: 1100px) {
      .rule--inner .rule_text {
        width: 580px;
        margin: 0px auto 0; } }
  .rule--inner .receipt {
    width: calc(586/750 * 100vw);
    margin: calc(100/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .rule--inner .receipt {
        width: calc(622/1100 * 100vw);
        margin: calc(90/1100 * 100vw) auto 0; } }
    @media only screen and (min-width: 1100px) {
      .rule--inner .receipt {
        width: 622px;
        margin: 90px auto 0; } }
  .rule--inner .rule_btarae {
    width: calc(490/750 * 100vw);
    margin: calc(56/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .rule--inner .rule_btarae {
        width: calc(388/1100 * 100vw);
        margin: calc(58/1100 * 100vw) auto 0; } }
    @media only screen and (min-width: 1100px) {
      .rule--inner .rule_btarae {
        width: 338px;
        margin: 58px auto 0; } }

.precautions--inner {
  width: calc(600/750 * 100vw);
  margin: 0 auto;
  padding: 0 0 calc(80/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .precautions--inner {
      width: calc(1000/1100 * 100vw);
      padding: 0 0 calc(135/1100 * 100vw); } }
  @media only screen and (min-width: 1100px) {
    .precautions--inner {
      width: 1000px;
      padding: 0 0 135px; } }
  .precautions--inner h3 {
    width: calc(344/750 * 100vw);
    margin: calc(70/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .precautions--inner h3 {
        width: calc(299/1100 * 100vw);
        margin: calc(88/1100 * 100vw) auto 0; } }
    @media only screen and (min-width: 1100px) {
      .precautions--inner h3 {
        width: 299px;
        margin: 88px auto 0; } }
    .precautions--inner h3.prod {
      width: calc(394/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .precautions--inner h3.prod {
          width: calc(370/1100 * 100vw); } }
      @media only screen and (min-width: 1100px) {
        .precautions--inner h3.prod {
          width: 370px; } }
  .precautions--inner .text {
    font-size: calc(27/750 * 100vw);
    line-height: 1.4em;
    color: #FFF;
    margin: calc(38/750 * 100vw) 0 0; }
    @media only screen and (min-width: 750px) {
      .precautions--inner .text {
        font-size: calc(20/1100 * 100vw);
        line-height: 1.77em;
        margin: calc(60/1100 * 100vw) 0 0; } }
    @media only screen and (min-width: 1100px) {
      .precautions--inner .text {
        font-size: 2.0rem;
        margin: 60px 0 0; } }
    .precautions--inner .text a {
      color: #0088e2;
      text-decoration: none; }
      .precautions--inner .text a:hover {
        text-decoration: underline; }
  .precautions--inner .center {
    text-align: left; }
    @media only screen and (min-width: 750px) {
      .precautions--inner .center {
        text-align: center; } }
  .precautions--inner .small {
    font-size: calc(23/750 * 100vw);
    margin-top: 0.5em; }
    @media only screen and (min-width: 750px) {
      .precautions--inner .small {
        font-size: calc(13/1100 * 100vw);
        line-height: 1.7em; } }
    @media only screen and (min-width: 1100px) {
      .precautions--inner .small {
        font-size: 1.3rem; } }

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; }
  @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 {
  text-decoration: underline;
  color: #FFF; }

a:hover {
  color: #0088e2; }

a img: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: 1100px) {
  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; } }
.wrap {
  width: 100%;
  background-image: url("../img/bg_cont_sp.png");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: repeat-y; }
  @media only screen and (min-width: 750px) {
    .wrap {
      background-image: url("../img/bg_cont_pc.png"); } }
  @media only screen and (min-width: 1100px) {
    .wrap {
      background-image: url("../img/bg_cont_pcl.png");
      background-size: 2000px auto; } }
  @media only screen and (min-width: 2000px) {
    .wrap {
      background-image: url("../img/bg_cont_pcl.png");
      background-size: 100% auto; } }

.h2_gold_wrap {
  background: url("../img/bg_h2_pcl.png");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  width: 100%;
  height: calc(83/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .h2_gold_wrap {
      background-image: url("../img/bg_h2_pcl.png");
      background-size: auto 100%;
      height: calc(42/1100 * 100vw); } }
  @media only screen and (min-width: 1100px) {
    .h2_gold_wrap {
      background-size: auto auto;
      height: 42px; } }
  @media only screen and (min-width: 2000px) {
    .h2_gold_wrap {
      background-size: cover; } }
  .h2_gold_wrap h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%; }
    @media only screen and (min-width: 750px) {
      .h2_gold_wrap h2 {
        width: 100%; } }
    @media only screen and (min-width: 1100px) {
      .h2_gold_wrap h2 {
        width: 1100px;
        margin: 0 auto 0; } }
    .h2_gold_wrap h2 img {
      width: calc(198/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .h2_gold_wrap h2 img {
          width: calc(139/1100 * 100vw); } }
      @media only screen and (min-width: 1100px) {
        .h2_gold_wrap h2 img {
          width: 139px; } }