@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(678/750 * 100vw);
    line-height: 0;
    margin: 0 auto; }
    @media only screen and (min-width: 750px) {
      .header--inner .header_logo {
        width: calc(411/1100 * 100vw); } }
    @media only screen and (min-width: 1100px) {
      .header--inner .header_logo {
        width: 411px; } }

.kv {
  background-image: url("../img/bg_kv_sp.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%; }
  @media only screen and (min-width: 750px) {
    .kv {
      background-image: url("../img/bg_kv_pc.jpg"); } }
  @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;
    padding: calc(50/750 * 100vw) 0 calc(0/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .kv--inner {
        padding: calc(35/1100 * 100vw) 0 calc(0/1100 * 100vw); } }
    @media only screen and (min-width: 1100px) {
      .kv--inner {
        width: 1100px;
        padding: 35px 0 0; } }
    @media only screen and (min-width: 2000px) {
      .kv--inner {
        width: calc(1100/2000 * 100vw);
        padding: calc(35/2000 * 100vw) 0 calc(0/2000 * 100vw); } }
    .kv--inner h1 {
      margin: 0;
      width: calc(661/750 * 100vw);
      margin: 0 auto; }
      @media only screen and (min-width: 750px) {
        .kv--inner h1 {
          width: calc(897/1100 * 100vw); } }
      @media only screen and (min-width: 1100px) {
        .kv--inner h1 {
          width: 897px; } }
      @media only screen and (min-width: 2000px) {
        .kv--inner h1 {
          width: calc(897/2000 * 100vw); } }
    .kv--inner .kv_btarea {
      width: calc(550/750 * 100vw);
      margin: calc(338/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .kv--inner .kv_btarea {
          display: flex;
          justify-content: space-between;
          width: calc(632/1100 * 100vw);
          margin: calc(249/1100 * 100vw) auto 0; } }
      @media only screen and (min-width: 1100px) {
        .kv--inner .kv_btarea {
          width: 632px;
          margin: 249px auto 0; } }
      @media only screen and (min-width: 2000px) {
        .kv--inner .kv_btarea {
          width: calc(632/2000 * 100vw);
          margin: calc(249/2000 * 100vw) auto 0; } }
      .kv--inner .kv_btarea li {
        width: 100%; }
        @media only screen and (min-width: 750px) {
          .kv--inner .kv_btarea li {
            width: calc(314/1100 * 100vw); } }
        @media only screen and (min-width: 1100px) {
          .kv--inner .kv_btarea li {
            width: 314px; } }
        @media only screen and (min-width: 2000px) {
          .kv--inner .kv_btarea li {
            width: calc(314/2000 * 100vw); } }
      .kv--inner .kv_btarea li + li {
        margin-top: calc(29/750 * 100vw); }
        @media only screen and (min-width: 750px) {
          .kv--inner .kv_btarea li + li {
            margin-top: 0; } }
    .kv--inner .kv_lead {
      width: calc(569/750 * 100vw);
      margin: calc(50/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .kv--inner .kv_lead {
          width: calc(513/1100 * 100vw);
          margin: calc(10/1100 * 100vw) auto 0; } }
      @media only screen and (min-width: 1100px) {
        .kv--inner .kv_lead {
          width: 513px;
          margin: 10px auto 0; } }
      @media only screen and (min-width: 2000px) {
        .kv--inner .kv_lead {
          width: calc(513/2000 * 100vw);
          margin: calc(10/2000 * 100vw) auto 0; } }
    .kv--inner .kv_arrow {
      width: calc(56/750 * 100vw);
      margin: calc(60/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .kv--inner .kv_arrow {
          width: calc(34/1100 * 100vw);
          margin: calc(67/1100 * 100vw) auto 0; } }
      @media only screen and (min-width: 1100px) {
        .kv--inner .kv_arrow {
          width: 34px;
          margin: 67px auto 0; } }
      @media only screen and (min-width: 2000px) {
        .kv--inner .kv_arrow {
          width: calc(34/2000 * 100vw);
          margin: calc(67/2000 * 100vw) auto 0; } }

.prize {
  width: 100%;
  background-image: url("../img/bg_prize_sp.png");
  background-size: 100% auto;
  background-repeat: no-repeat; }
  @media only screen and (min-width: 750px) {
    .prize {
      background: none; } }
  .prize--inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: calc(112/750 * 100vw) 0 calc(179/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .prize--inner {
        width: calc(1000/1100 * 100vw);
        padding: calc(85/1100 * 100vw) 0 calc(185/1100 * 100vw); } }
    @media only screen and (min-width: 1100px) {
      .prize--inner {
        width: 1000px;
        padding: 85px 0 185px; } }
    .prize--inner .prize_ti {
      width: calc(622/750 * 100vw);
      margin: 0 auto; }
      @media only screen and (min-width: 750px) {
        .prize--inner .prize_ti {
          width: calc(708/1100 * 100vw); } }
      @media only screen and (min-width: 1100px) {
        .prize--inner .prize_ti {
          width: 708px; } }
    .prize--inner .prize_list {
      width: calc(670/750 * 100vw);
      margin: calc(48/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(20/750 * 100vw) auto 0; } }
      @media only screen and (min-width: 1100px) {
        .prize--inner .prize_list {
          width: 1000px;
          margin: 20px auto 0; } }
      .prize--inner .prize_list li {
        width: 100%; }
        @media only screen and (min-width: 750px) {
          .prize--inner .prize_list li {
            width: calc(324/1100 * 100vw); } }
        @media only screen and (min-width: 1100px) {
          .prize--inner .prize_list li {
            width: 324px; } }
      .prize--inner .prize_list li + li {
        margin-top: calc(59/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.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
  margin: 0 auto; }
  @media only screen and (min-width: 750px) {
    .premium {
      background-image: url("../img/bg_premium_pc.jpg");
      background-size: auto calc(1283/1100 * 100vw);
      background-repeat: no-repeat;
      background-position: top center; } }
  @media only screen and (min-width: 1100px) {
    .premium {
      background-size: auto 1283px; } }
  @media only screen and (min-width: 2000px) {
    .premium {
      background-size: 100% 1283px; } }
  .premium--inner {
    width: 100%;
    padding: calc(75/750 * 100vw) 0 calc(263/750 * 100vw);
    margin: 0 auto; }
    @media only screen and (min-width: 750px) {
      .premium--inner {
        background-image: url("../img/bg_premium.png");
        background-size: calc(282/1100 * 100vw);
        background-repeat: no-repeat;
        background-position: bottom calc(106/1100 * 100vw) right calc(96/1100 * 100vw);
        width: calc(1100/1100 * 100vw);
        padding: calc(76/1100 * 100vw) 0 calc(215/1100 * 100vw); } }
    @media only screen and (min-width: 1100px) {
      .premium--inner {
        background-size: 282px;
        background-position: bottom 106px right 96px;
        width: 1100px;
        padding: 76px 0 215px; } }
    .premium--inner .premium_ti {
      width: calc(590/750 * 100vw);
      margin: 0 auto 0; }
      @media only screen and (min-width: 750px) {
        .premium--inner .premium_ti {
          width: calc(558/1100 * 100vw);
          margin: 0 auto 0; } }
      @media only screen and (min-width: 1100px) {
        .premium--inner .premium_ti {
          width: 558px; } }
    .premium--inner .premium_ph {
      width: 100%;
      margin: calc(67/750 * 100vw) 0 0; }
      @media only screen and (min-width: 750px) {
        .premium--inner .premium_ph {
          width: calc(791/1100 * 100vw);
          margin: calc(55/1100 * 100vw) auto 0; } }
      @media only screen and (min-width: 1100px) {
        .premium--inner .premium_ph {
          width: 791px;
          margin: 55px auto 0; } }
    .premium--inner .premium_text {
      width: calc(465/750 * 100vw);
      margin: calc(39/750 * 100vw) auto 0 calc(50/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .premium--inner .premium_text {
          width: calc(546/1100 * 100vw);
          margin: calc(22/1100 * 100vw) auto 0 calc(105/1100 * 100vw); } }
      @media only screen and (min-width: 1100px) {
        .premium--inner .premium_text {
          width: 546px;
          margin: 22px auto 0 105px; } }

.lank {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 calc(139/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .lank {
      padding: 0 0 calc(55/1100 * 100vw); } }
  @media only screen and (min-width: 1100px) {
    .lank {
      width: 1100px;
      padding: 0 0 55px; } }
  .lank .lank_ti {
    width: calc(398/750 * 100vw);
    margin: 0 auto 0; }
    @media only screen and (min-width: 750px) {
      .lank .lank_ti {
        width: calc(522/1100 * 100vw);
        margin: 0 auto 0; } }
    @media only screen and (min-width: 1100px) {
      .lank .lank_ti {
        width: 522px; } }
  .lank .lank_text {
    width: calc(485/750 * 100vw);
    margin: calc(52/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .lank .lank_text {
        width: calc(733/1100 * 100vw);
        margin: calc(35/1100 * 100vw) auto 0; } }
    @media only screen and (min-width: 1100px) {
      .lank .lank_text {
        width: 733px;
        margin: 35px auto 0; } }

.culum {
  width: calc(486/750 * 100vw);
  margin: 0 auto;
  padding: 0 0 calc(190/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .culum {
      width: calc(876/1100 * 100vw);
      padding: 0 0 calc(138/1100 * 100vw); } }
  @media only screen and (min-width: 1100px) {
    .culum {
      width: 876px;
      padding: 0 0 138px; } }
  .culum .culum_ti {
    width: calc(226/750 * 100vw);
    margin: 0 auto 0; }
    @media only screen and (min-width: 750px) {
      .culum .culum_ti {
        width: calc(212/1100 * 100vw);
        margin: 0 auto 0; } }
    @media only screen and (min-width: 1100px) {
      .culum .culum_ti {
        width: 212px; } }
  .culum .culum_cont {
    width: calc(500/750 * 100vw);
    margin: calc(76/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .culum .culum_cont {
        display: flex;
        justify-content: space-between;
        width: calc(876/1100 * 100vw);
        margin: calc(72/1100 * 100vw) auto 0; } }
    @media only screen and (min-width: 1100px) {
      .culum .culum_cont {
        width: 876px;
        margin: 72px auto 0; } }
    .culum .culum_cont li {
      width: 100%; }
      @media only screen and (min-width: 750px) {
        .culum .culum_cont li {
          width: calc(268/1100 * 100vw);
          margin: calc(0/1100 * 100vw) auto 0; } }
      @media only screen and (min-width: 1100px) {
        .culum .culum_cont li {
          width: 268px;
          margin: 0px auto 0; } }
      .culum .culum_cont li .culum_cont_ph {
        width: calc(500/750 * 100vw);
        margin: 0 auto 0; }
        @media only screen and (min-width: 750px) {
          .culum .culum_cont li .culum_cont_ph {
            width: 100%; } }
      .culum .culum_cont li .culum_cont_text {
        font-size: calc(28/750 * 100vw);
        color: #FFF;
        margin: 1em 0 0; }
        @media only screen and (min-width: 750px) {
          .culum .culum_cont li .culum_cont_text {
            font-size: calc(16/1100 * 100vw); } }
        @media only screen and (min-width: 1100px) {
          .culum .culum_cont li .culum_cont_text {
            font-size: 16px; } }
      .culum .culum_cont li .culum_cont_bt {
        margin: calc(45/750 * 100vw) 0 0; }
        @media only screen and (min-width: 750px) {
          .culum .culum_cont li .culum_cont_bt {
            margin: calc(40/1100 * 100vw) 0 0; } }
        @media only screen and (min-width: 1100px) {
          .culum .culum_cont li .culum_cont_bt {
            margin: 40px 0 0; } }
    .culum .culum_cont li + li {
      margin-top: calc(160/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .culum .culum_cont li + li {
          margin-top: 0; } }

.term_inner {
  background-image: url("../img/bg_term_sp.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 100%;
  margin: 0 auto;
  padding: calc(82/750 * 100vw) 0 calc(95/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .term_inner {
      background-image: url("../img/bg_term_pc.jpg");
      padding: calc(76/1100 * 100vw) 0 calc(76/1100 * 100vw); } }
  @media only screen and (min-width: 1100px) {
    .term_inner {
      width: 1100px;
      padding: 76px 0 76px; } }

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

.prod--inner {
  width: 100%;
  margin: 0 auto;
  padding: calc(50/750 * 100vw) 0 calc(58/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .prod--inner {
      padding: calc(52/1100 * 100vw) 0 calc(100/1100 * 100vw); } }
  @media only screen and (min-width: 1100px) {
    .prod--inner {
      width: 1100px;
      padding: 52px 0 100px; } }
  .prod--inner .prod_lead {
    width: calc(578/750 * 100vw);
    margin: 0 auto; }
    @media only screen and (min-width: 750px) {
      .prod--inner .prod_lead {
        width: calc(633/1100 * 100vw); } }
    @media only screen and (min-width: 1100px) {
      .prod--inner .prod_lead {
        width: 633px; } }
  .prod--inner .prod_list {
    width: calc(578/750 * 100vw);
    margin: calc(38/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .prod--inner .prod_list {
        width: calc(521/1100 * 100vw);
        margin: calc(50/1100 * 100vw) auto 0; } }
    @media only screen and (min-width: 1100px) {
      .prod--inner .prod_list {
        width: 521px;
        margin: 50px auto 0; } }
    .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(29/1100 * 100vw); } }
      @media only screen and (min-width: 1100px) {
        .prod--inner .prod_list li + li {
          margin-top: 29px; } }

.shop--inner {
  background-image: url("../img/bg_shop_sp.jpg");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 100%;
  margin: 0 auto;
  padding: calc(90/750 * 100vw) 0 calc(144/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .shop--inner {
      background-image: url("../img/bg_shop_pc.jpg");
      padding: calc(90/1100 * 100vw) 0 calc(145/750 * 100vw); } }
  @media only screen and (min-width: 1100px) {
    .shop--inner {
      width: 1100px;
      padding: 90px 0 145px; } }
  .shop--inner .area_list {
    margin: 0 auto;
    width: calc(611/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .shop--inner .area_list {
        width: calc(740/1100 * 100vw); } }
    @media only screen and (min-width: 1100px) {
      .shop--inner .area_list {
        width: 740px; } }
    .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(30/750 * 100vw);
      background-position: center right calc(27/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(40/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: 40px 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 {
  width: 100%;
  background: #FFF; }

.rule--inner {
  width: calc(600/750 * 100vw);
  margin: 0 auto;
  padding: calc(80/750 * 100vw) 0 calc(130/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .rule--inner {
      width: calc(1000/1100 * 100vw);
      padding: calc(87/1100 * 100vw) 0 calc(60/1100 * 100vw); } }
  @media only screen and (min-width: 1100px) {
    .rule--inner {
      width: 1000px;
      padding: 87px 0 60px; } }
  .rule--inner .rule_text {
    width: calc(655/750 * 100vw);
    margin: 0 auto 0; }
    @media only screen and (min-width: 750px) {
      .rule--inner .rule_text {
        width: calc(606/1100 * 100vw);
        margin: 0 auto 0; } }
    @media only screen and (min-width: 1100px) {
      .rule--inner .rule_text {
        width: 606px;
        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(623/1100 * 100vw);
        margin: calc(90/1100 * 100vw) auto 0; } }
    @media only screen and (min-width: 1100px) {
      .rule--inner .receipt {
        width: 623px;
        margin: 90px auto 0; } }
  .rule--inner .rule_btarae {
    width: calc(486/750 * 100vw);
    margin: calc(114/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .rule--inner .rule_btarae {
        width: calc(375/1100 * 100vw);
        margin: calc(58/1100 * 100vw) auto 0; } }
    @media only screen and (min-width: 1100px) {
      .rule--inner .rule_btarae {
        width: 375px;
        margin: 58px auto 0; } }

.precautions {
  background: #FFF;
  border-bottom: solid #000 calc(60/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .precautions {
      border-bottom: solid #000 calc(90/1100 * 100vw); } }
  @media only screen and (min-width: 1100px) {
    .precautions {
      border-bottom: solid #000 90px; } }

.precautions--inner {
  width: calc(680/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(90/1100 * 100vw); } }
  @media only screen and (min-width: 1100px) {
    .precautions--inner {
      width: 1000px;
      padding: 0 0 90px; } }
  .precautions--inner .notice_sp {
    width: calc(562/750 * 100vw);
    margin: calc(84/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .precautions--inner .notice_sp {
        display: none; } }
    .precautions--inner .notice_sp .notice-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      width: calc(562/750 * 100vw);
      height: calc(88/750 * 100vw);
      background-image: url("../img/bt_open.svg");
      background-repeat: no-repeat;
      background-size: calc(22/750 * 100vw) auto;
      background-position: center right calc(51/750 * 100vw);
      border: solid 1px #000;
      margin: 0rem auto 0;
      cursor: pointer; }
      .precautions--inner .notice_sp .notice-btn img {
        height: calc(34/750 * 100vw);
        width: auto; }
      .precautions--inner .notice_sp .notice-btn.active {
        background-image: url("../img/bt_close.svg"); }
    .precautions--inner .notice_sp .notice-cont-wrap {
      display: none;
      padding: calc(25/750 * 100vw);
      margin: 0 auto;
      border-right: solid 1px #000;
      border-left: solid 1px #000;
      border-bottom: solid 1px #000;
      margin: 0rem auto 0; }
      .precautions--inner .notice_sp .notice-cont-wrap.active {
        display: block; }
      .precautions--inner .notice_sp .notice-cont-wrap .notice-cont {
        font-size: calc(25/750 * 100vw);
        line-height: 1.5em; }
  .precautions--inner .notice_sp + .notice_sp {
    margin-top: calc(40/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .precautions--inner .notice_sp + .notice_sp {
        margin-top: calc(89/1100 * 100vw); } }
    @media only screen and (min-width: 1100px) {
      .precautions--inner .notice_sp + .notice_sp {
        margin-top: 89px; } }
  .precautions--inner .notice_pc {
    display: none; }
    @media only screen and (min-width: 750px) {
      .precautions--inner .notice_pc {
        display: block; } }
  .precautions--inner h3 {
    width: calc(344/750 * 100vw);
    margin: calc(55/750 * 100vw) auto 0; }
    @media only screen and (min-width: 750px) {
      .precautions--inner h3 {
        width: calc(299/1100 * 100vw);
        margin: calc(89/1100 * 100vw) auto 0; } }
    @media only screen and (min-width: 1100px) {
      .precautions--inner h3 {
        width: 299px;
        margin: 89px auto 0; } }
    .precautions--inner h3.inquiry_prod {
      width: calc(394/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .precautions--inner h3.inquiry_prod {
          width: calc(370/1100 * 100vw); } }
      @media only screen and (min-width: 1100px) {
        .precautions--inner h3.inquiry_prod {
          width: 370px; } }
    .precautions--inner h3.inquiry_md {
      margin: calc(90/750 * 100vw) auto 0; }
      @media only screen and (min-width: 750px) {
        .precautions--inner h3.inquiry_md {
          margin: calc(89/1100 * 100vw) auto 0; } }
      @media only screen and (min-width: 1100px) {
        .precautions--inner h3.inquiry_md {
          margin: 89px auto 0; } }
  .precautions--inner .text {
    font-size: calc(28/750 * 100vw);
    line-height: 1.4em;
    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(86/1100 * 100vw) 0 0; } }
    @media only screen and (min-width: 1100px) {
      .precautions--inner .text {
        font-size: 2.0rem;
        margin: 86px 0 0; } }
    .precautions--inner .text a {
      color: #0088e2;
      text-decoration: none; }
      .precautions--inner .text a:hover {
        text-decoration: underline; }
  .precautions--inner .center {
    text-align: center; }
    @media only screen and (min-width: 750px) {
      .precautions--inner .center {
        text-align: center; } }
  .precautions--inner .small {
    font-size: calc(23/750 * 100vw);
    margin-top: 0em; }
    @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; } }

.fixbtn {
  position: fixed;
  right: calc(10 / 750 * 100vw);
  bottom: calc(-850 / 750 * 100vw);
  transition: all 0.75s ease; }
  @media only screen and (min-width: 750px) {
    .fixbtn {
      left: inherit;
      background-color: transparent;
      right: calc(20/1100 * 100vw);
      bottom: calc(-400/1100 * 100vw);
      width: calc(128/1100 * 100vw); } }
  @media only screen and (min-width: 1100px) {
    .fixbtn {
      width: 128px;
      bottom: -400px; } }
  .fixbtn.active {
    bottom: calc(10 / 750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .fixbtn.active {
        bottom: calc(20/1100 * 100vw); } }
    @media only screen and (min-width: 1100px) {
      .fixbtn.active {
        display: block;
        bottom: 20px; } }
  .fixbtn ul {
    width: calc(128 / 750 * 100vw);
    margin: 0 auto; }
    @media only screen and (min-width: 750px) {
      .fixbtn ul {
        display: block;
        width: calc(128/1100 * 100vw); } }
    @media only screen and (min-width: 1100px) {
      .fixbtn ul {
        display: block;
        width: 128px; } }
    .fixbtn ul li {
      width: calc(128 / 750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .fixbtn ul li {
          width: calc(128/1100 * 100vw);
          margin: 0 auto 1rem; } }
      @media only screen and (min-width: 1100px) {
        .fixbtn ul li {
          width: 128px; } }
    .fixbtn ul li + li {
      margin-top: calc(15 / 750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .fixbtn ul li + li {
          margin-top: calc(15/1100 * 100vw); } }
      @media only screen and (min-width: 1100px) {
        .fixbtn ul li + li {
          margin-top: 15px; } }

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: #000; }

.h2_gold_wrap {
  background: url("../img/bg_h2_sp.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  width: 100%;
  height: calc(84/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .h2_gold_wrap {
      background: url("../img/bg_h2_pcl.jpg");
      background-size: auto 100%;
      height: calc(43/1100 * 100vw); } }
  @media only screen and (min-width: 1100px) {
    .h2_gold_wrap {
      height: 43px; } }
  @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(204/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .h2_gold_wrap h2 img {
          width: calc(138/1100 * 100vw); } }
      @media only screen and (min-width: 1100px) {
        .h2_gold_wrap h2 img {
          width: 138px; } }