@charset "UTF-8";
/*キービジュアル*/
.keyvisual {
  width: 100%;
  background-color: #fff;
  background-image: url("../img/bg_kv_sp.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto; }
  @media only screen and (min-width: 769px) {
    .keyvisual {
      width: 100%;
      background-image: url("../img/bg_kv_pc.svg");
      background-position: top center;
      background-size: auto 100%; } }
  .keyvisual-inner {
    width: 100vw;
    height: calc(1083 /750 * 100vw);
    position: relative;
    padding-top: 8vw; }
    @media only screen and (min-width: 769px) {
      .keyvisual-inner {
        width: 100%;
        height: calc(912 /1400 * 100vw);
        position: relative;
        padding-top: calc(43 /1400 * 100vw);
        margin: 0 auto; } }
    @media only screen and (min-width: 1400px) {
      .keyvisual-inner {
        width: 1400px;
        height: 912px;
        padding-top: 43px; } }
    .keyvisual-inner .logo {
      position: absolute;
      top: calc(22 /750 * 100vw);
      left: calc(19 /750 * 100vw);
      width: calc(200 /750 * 100vw);
      margin: 0; }
      @media only screen and (min-width: 769px) {
        .keyvisual-inner .logo {
          width: calc(200 /1400 * 100vw);
          top: calc(27 /1400 * 100vw);
          left: calc(125 /1400 * 100vw); } }
      @media only screen and (min-width: 1400px) {
        .keyvisual-inner .logo {
          width: 200px;
          top: 27px;
          left: 125px; } }
    .keyvisual-inner-catch {
      position: absolute;
      top: calc(92 /750 * 100vw);
      left: 0;
      right: 0;
      width: calc(432 /750 * 100vw);
      margin: auto; }
      @media only screen and (min-width: 769px) {
        .keyvisual-inner-catch {
          width: calc(693 /1400 * 100vw);
          top: calc(91 /1400 * 100vw); } }
      @media only screen and (min-width: 1400px) {
        .keyvisual-inner-catch {
          width: 693px;
          top: 91px; } }
    .keyvisual-inner-tissue {
      position: absolute;
      top: calc(217 /750 * 100vw);
      left: calc(173 /750 * 100vw);
      width: calc(493 /750 * 100vw); }
      @media only screen and (min-width: 769px) {
        .keyvisual-inner-tissue {
          top: calc(182 /1400 * 100vw);
          left: calc(509 /1400 * 100vw);
          width: calc(471 /1400 * 100vw); } }
      @media only screen and (min-width: 1400px) {
        .keyvisual-inner-tissue {
          top: 182px;
          left: 509px;
          width: 471px; } }
    .keyvisual-inner-tissueline {
      position: absolute;
      top: calc(540 /750 * 100vw);
      left: calc(165 /750 * 100vw);
      margin: 0;
      width: calc(414 /750 * 100vw);
      height: calc(8 /750 * 100vw); }
      @media only screen and (min-width: 769px) {
        .keyvisual-inner-tissueline {
          top: calc(505 /1400 * 100vw);
          left: calc(503 /1400 * 100vw);
          width: calc(394 /1400 * 100vw);
          height: calc(8 /1400 * 100vw); } }
      @media only screen and (min-width: 1400px) {
        .keyvisual-inner-tissueline {
          top: 505px;
          left: 503px;
          width: 394px;
          height: 8px; } }
      .keyvisual-inner-tissueline img {
        width: 100%;
        height: 100%; }
    .keyvisual-inner-tissueac {
      position: absolute;
      top: calc(245 /750 * 100vw);
      left: calc(178 /750 * 100vw);
      width: calc(64 /750 * 100vw); }
      @media only screen and (min-width: 769px) {
        .keyvisual-inner-tissueac {
          top: calc(208 /1400 * 100vw);
          left: calc(513 /1400 * 100vw);
          width: calc(61 /1400 * 100vw); } }
      @media only screen and (min-width: 1400px) {
        .keyvisual-inner-tissueac {
          top: 208px;
          left: 513px;
          width: 61px; } }
    .keyvisual-inner-title {
      position: absolute;
      top: calc(262 /750 * 100vw);
      left: calc(219 /750 * 100vw);
      width: calc(309 /750 * 100vw); }
      @media only screen and (min-width: 769px) {
        .keyvisual-inner-title {
          top: calc(224 /1400 * 100vw);
          left: calc(551 /1400 * 100vw);
          width: calc(295 /1400 * 100vw); } }
      @media only screen and (min-width: 1400px) {
        .keyvisual-inner-title {
          top: 224px;
          left: 551px;
          width: 295px; } }
    .keyvisual-inner-lead {
      position: absolute;
      bottom: calc(0 /750 * 100vw);
      left: calc(0 /750 * 100vw);
      right: 0;
      margin: auto;
      width: calc(663 /750 * 100vw); }
      @media only screen and (min-width: 769px) {
        .keyvisual-inner-lead {
          bottom: calc(0 /1400 * 100vw);
          width: calc(912 /1400 * 100vw); } }
      @media only screen and (min-width: 1400px) {
        .keyvisual-inner-lead {
          bottom: 0px;
          width: 912px; } }
    .keyvisual-inner-logo_k {
      position: absolute;
      top: calc(692 /750 * 100vw);
      left: calc(86 /750 * 100vw);
      width: calc(233 /750 * 100vw); }
      @media only screen and (min-width: 769px) {
        .keyvisual-inner-logo_k {
          top: calc(486 /1400 * 100vw);
          left: calc(111 /1400 * 100vw);
          width: calc(342 /1400 * 100vw); } }
      @media only screen and (min-width: 1400px) {
        .keyvisual-inner-logo_k {
          top: 486px;
          left: 111px;
          width: 342px; } }
    .keyvisual-inner-logo_s {
      position: absolute;
      top: calc(702 /750 * 100vw);
      right: calc(101 /750 * 100vw);
      width: calc(221 /750 * 100vw); }
      @media only screen and (min-width: 769px) {
        .keyvisual-inner-logo_s {
          top: calc(495 /1400 * 100vw);
          right: calc(123 /1400 * 100vw);
          width: calc(325 /1400 * 100vw); } }
      @media only screen and (min-width: 1400px) {
        .keyvisual-inner-logo_s {
          top: 495px;
          right: 123px;
          width: 325px; } }

/*アニメーション*/
.keyvisual-inner-star1, .keyvisual-inner-star2 {
  opacity: 0; }

.keyvisual-inner-star1.active, .keyvisual-inner-star2.active {
  animation: logoopen 0.5s ease 2 forwards; }

.keyvisual-inner-tissueac {
  opacity: 0; }

.keyvisual-inner-tissueac.active {
  animation: logoopen 0.25s ease forwards; }

.keyvisual-inner-tissuemask {
  position: absolute;
  top: calc(570 /750 * 100vw);
  left: 24vw;
  width: calc(570 /750 * 100vw);
  height: 33vw;
  background-color: #fff;
  transition: all 0.5s ease; }
  @media only screen and (min-width: 769px) {
    .keyvisual-inner-tissuemask {
      top: calc(522 /1400 * 100vw);
      left: calc(500 /1400 * 100vw);
      width: calc(450 /1400 * 100vw);
      height: calc(190 /1400 * 100vw); } }
  @media only screen and (min-width: 1400px) {
    .keyvisual-inner-tissuemask {
      top: 522px;
      left: 500px;
      width: 450px;
      height: 190px; } }
  .keyvisual-inner-tissuemask.active {
    top: calc(585 /750 * 100vw); }
    @media only screen and (min-width: 769px) {
      .keyvisual-inner-tissuemask.active {
        top: calc(532 /1400 * 100vw); } }
    @media only screen and (min-width: 1400px) {
      .keyvisual-inner-tissuemask.active {
        top: 532px; } }

.keyvisual-inner-tissue {
  transform: translateY(50%); }

.keyvisual-inner-tissue.active {
  animation: tissuemove 0.3s ease forwards; }

@keyframes tissuemove {
  0% {
    transform: translateY(50%); }
  100% {
    transform: translateY(0); } }
.keyvisual-inner-title {
  opacity: 0; }

.keyvisual-inner-title.active {
  animation: logoopen 0.5s ease forwards; }

@keyframes logoopen {
  0% {
    opacity: 0;
    transform: scale(0.5); }
  60% {
    opacity: 1;
    transform: scale(1.1); }
  80% {
    opacity: 1;
    transform: scale(0.95); }
  100% {
    opacity: 1;
    transform: scale(1); } }
/*キービジュアル*/
.intro {
  width: 100%;
  background-image: url("../img/bg_arch_white_sp.png"), url("../img/bg_intro_sp.png");
  background-repeat: no-repeat, no-repeat;
  background-position: top center, top center;
  background-size: 100% auto, cover; }
  @media only screen and (min-width: 769px) {
    .intro {
      background-image: url("../img/bg_intro_ill_pc.svg"), url("../img/bg_arch_white_pc.png"), url("../img/bg_intro_pc.png");
      background-repeat: no-repeat, no-repeat, no-repeat;
      background-position: top center, top center, top center;
      background-size: auto calc(298 /1400 * 100vw), auto calc(283 /1400 * 100vw), cover; } }
  @media only screen and (min-width: 1400px) {
    .intro {
      background-size: cover, 100% auto;
      background-size: auto 298px, auto 283px, cover; } }
  @media only screen and (min-width: 2000px) {
    .intro {
      background-size: auto 298px, 100% auto, 100% auto; } }
  .intro-inner {
    width: 100%;
    position: relative;
    padding: calc(60 /750 * 100vw) 0 calc(62 /750 * 100vw); }
    @media only screen and (min-width: 769px) {
      .intro-inner {
        width: 100%;
        position: relative;
        padding: calc(52 /1400 * 100vw) 0 calc(72 /1400 * 100vw);
        margin: 0 auto; } }
    @media only screen and (min-width: 1400px) {
      .intro-inner {
        width: 1400px;
        padding-top: 52px 0 72px; } }
    .intro-inner-ph {
      width: 100%;
      margin: 0 auto; }
      @media only screen and (min-width: 769px) {
        .intro-inner-ph {
          width: calc(1047 /1400 * 100vw); } }
      @media only screen and (min-width: 1400px) {
        .intro-inner-ph {
          width: 1047px; } }
    .intro-inner-catch {
      width: 100%;
      margin: calc(35 /750 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .intro-inner-catch {
          width: calc(982 /1400 * 100vw);
          margin: calc(36 /1400 * 100vw) auto 0; } }
      @media only screen and (min-width: 1400px) {
        .intro-inner-catch {
          width: 982px;
          margin: 36px auto 0; } }
    .intro-inner-period {
      width: calc(608 /750 * 100vw);
      margin: calc(74 /750 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .intro-inner-period {
          width: calc(624 /1400 * 100vw);
          margin: calc(64 /1400 * 100vw) auto 0; } }
      @media only screen and (min-width: 1400px) {
        .intro-inner-period {
          width: 624px;
          margin: 64px auto 0; } }
    .intro-inner-leadblock {
      background-color: #fff;
      background-image: url("../img/bg_column_sp.svg");
      background-size: 100% auto;
      background-position: top center;
      background-repeat: no-repeat;
      overflow: hidden;
      border-radius: calc(20 /750 * 100vw);
      width: calc(650 /750 * 100vw);
      margin: calc(46 /750 * 100vw) auto 0;
      padding: calc(46 /750 * 100vw) 0 0; }
      @media only screen and (min-width: 769px) {
        .intro-inner-leadblock {
          background-image: url("../img/bg_column_pc.svg");
          border-radius: calc(18 /1400 * 100vw);
          width: calc(950 /1400 * 100vw);
          margin: calc(52 /1400 * 100vw) auto 0;
          padding: calc(74 /1400 * 100vw) 0 0; } }
      @media only screen and (min-width: 1400px) {
        .intro-inner-leadblock {
          border-radius: 18px;
          width: 950px;
          margin: 52px auto 0;
          padding: 74px 0 0; } }
      .intro-inner-leadblock .intro_lead {
        width: calc(531 /750 * 100vw);
        margin: 0 auto 0; }
        @media only screen and (min-width: 769px) {
          .intro-inner-leadblock .intro_lead {
            width: calc(572 /1400 * 100vw); } }
        @media only screen and (min-width: 1400px) {
          .intro-inner-leadblock .intro_lead {
            width: 572px; } }
      .intro-inner-leadblock .intro_result {
        width: 100%;
        margin: calc(27 /750 * 100vw) auto 0; }
        @media only screen and (min-width: 769px) {
          .intro-inner-leadblock .intro_result {
            width: 100%;
            margin: calc(34 /1400 * 100vw) auto 0; } }
        @media only screen and (min-width: 1400px) {
          .intro-inner-leadblock .intro_result {
            width: 100%;
            margin: 34px auto 0; } }

/*必要数*/
.required {
  width: 100%;
  background: #FFF; }
  .required-inner {
    width: 100%;
    position: relative;
    padding: calc(102 /750 * 100vw) 0 calc(87 /750 * 100vw); }
    @media only screen and (min-width: 769px) {
      .required-inner {
        width: 100%;
        position: relative;
        padding: calc(105 /1400 * 100vw) 0 calc(62 /1400 * 100vw);
        margin: 0 auto; } }
    @media only screen and (min-width: 1400px) {
      .required-inner {
        width: 1400px;
        padding: 105px 0 62px; } }
    .required-inner-logoarea {
      width: calc(508 /750 * 100vw);
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media only screen and (min-width: 769px) {
        .required-inner-logoarea {
          width: calc(538 /1400 * 100vw); } }
      @media only screen and (min-width: 1400px) {
        .required-inner-logoarea {
          width: 538px; } }
      .required-inner-logoarea .logo_k {
        width: calc(233 /750 * 100vw); }
        @media only screen and (min-width: 769px) {
          .required-inner-logoarea .logo_k {
            width: calc(247 /1400 * 100vw); } }
        @media only screen and (min-width: 1400px) {
          .required-inner-logoarea .logo_k {
            width: 247px; } }
      .required-inner-logoarea .logo_s {
        width: calc(221 /750 * 100vw); }
        @media only screen and (min-width: 769px) {
          .required-inner-logoarea .logo_s {
            width: calc(234 /1400 * 100vw); } }
        @media only screen and (min-width: 1400px) {
          .required-inner-logoarea .logo_s {
            width: 234px; } }
    .required-inner-lead {
      width: calc(705 /750 * 100vw);
      margin: calc(55 /750 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .required-inner-lead {
          width: calc(822 /1400 * 100vw);
          margin: calc(50 /1400 * 100vw) auto 0; } }
      @media only screen and (min-width: 1400px) {
        .required-inner-lead {
          width: 822px;
          margin: 50px auto 0; } }
    .required-inner-list {
      width: calc(650 /750 * 100vw);
      margin: calc(45 /750 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .required-inner-list {
          width: calc(650 /1400 * 100vw);
          margin: calc(46 /1400 * 100vw) auto 0; } }
      @media only screen and (min-width: 1400px) {
        .required-inner-list {
          width: 650px;
          margin: 46px auto 0; } }
    .required-inner-note {
      width: calc(650 /750 * 100vw);
      margin: calc(25 /750 * 100vw) auto 0; }
      @media only screen and (min-width: 769px) {
        .required-inner-note {
          width: calc(550 /1400 * 100vw);
          margin: calc(25 /1400 * 100vw) auto 0; } }
      @media only screen and (min-width: 1400px) {
        .required-inner-note {
          width: 550px;
          margin: 25px auto 0; } }
      .required-inner-note li {
        position: relative;
        color: #00499c;
        padding-left: 1em;
        font-size: calc(24 /750 * 100vw);
        line-height: 1.3em;
        margin: 0.5em 0 0 0; }
        @media only screen and (min-width: 769px) {
          .required-inner-note li {
            font-size: calc(19 /1400 * 100vw); } }
        @media only screen and (min-width: 1400px) {
          .required-inner-note li {
            font-size: 1.9rem; } }
        .required-inner-note li:before {
          content: '※';
          display: inline-block;
          position: absolute;
          left: 0; }
        .required-inner-note li:first-child {
          margin-top: 0; }

/*賞品*/
.prize {
  width: 100%;
  background-image: url("../img/bg_arch_yellow02_sp.png"), url("../img/bg_arch_white02_sp.png"), url("../img/bg_prize_line_sp.png"), url("../img/bg_prize_sp.jpg");
  background-repeat: no-repeat, no-repeat, repeat-y, repeat-y;
  background-position: bottom center, top center, top center, top center;
  background-size: 100% auto, 100% auto, 100% auto, 100% auto; }
  @media only screen and (min-width: 769px) {
    .prize {
      background-image: url("../img/bg_arch_yellow02_pc.png"), url("../img/bg_arch_white02_pc.png"), url("../img/bg_prize_line_pc.png"), url("../img/bg_prize_pc.jpg");
      background-repeat: no-repeat, no-repeat, repeat-y, repeat-y;
      background-size: auto calc(110 /1400 * 100vw), auto calc(108 /1400 * 100vw), 100% auto, 100% auto; } }
  @media only screen and (min-width: 1400px) {
    .prize {
      background-image: url("../img/bg_arch_yellow02_pc.png"), url("../img/bg_arch_white02_pc.png"), url("../img/bg_prize_line_pcl.png"), url("../img/bg_prize_pcl.jpg");
      background-size: auto 110px, auto 108px, auto auto, auto auto; } }
  @media only screen and (min-width: 2000px) {
    .prize {
      background-size: 100% auto, 100% auto, 100% auto, 100% auto; } }
  .prize-inner {
    width: 100%;
    position: relative;
    padding: calc(83 /750 * 100vw) 0 calc(165 /750 * 100vw); }
    @media only screen and (min-width: 769px) {
      .prize-inner {
        width: 100%;
        position: relative;
        padding: calc(127 /1400 * 100vw) 0 calc(147 /1400 * 100vw);
        margin: 0 auto; } }
    @media only screen and (min-width: 1400px) {
      .prize-inner {
        width: 1400px;
        padding: 127px 0 147px; } }
    .prize-inner-ti {
      width: calc(604 /750 * 100vw);
      margin: 0 auto; }
      @media only screen and (min-width: 769px) {
        .prize-inner-ti {
          width: calc(604 /1400 * 100vw); } }
      @media only screen and (min-width: 1400px) {
        .prize-inner-ti {
          width: 604px; } }
    .prize-inner .prize_cont {
      background: #FFF;
      border-radius: calc(20 /750 * 100vw);
      width: calc(650 /750 * 100vw);
      margin: calc(52 /750 * 100vw) auto 0;
      padding-bottom: calc(35 /750 * 100vw);
      filter: drop-shadow(calc(10 /750 * 100vw) calc(10 /750 * 100vw) calc(7 /750 * 100vw) rgba(103, 181, 201, 0.4)); }
      @media only screen and (min-width: 769px) {
        .prize-inner .prize_cont {
          border-radius: calc(20 /1400 * 100vw);
          width: calc(1300 /1400 * 100vw);
          margin: calc(50 /1400 * 100vw) auto 0;
          padding-bottom: calc(35 /1400 * 100vw);
          filter: drop-shadow(calc(10 /1400 * 100vw) calc(10 /1400 * 100vw) calc(7 /1400 * 100vw) rgba(103, 181, 201, 0.4)); } }
      @media only screen and (min-width: 1400px) {
        .prize-inner .prize_cont {
          border-radius: 20px;
          width: 1300px;
          margin: 50px auto 0;
          padding-bottom: 35px;
          filter: drop-shadow(10px 10px 7px rgba(103, 181, 201, 0.4)); } }
      .prize-inner .prize_cont h3 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: calc(65 /750 * 100vw);
        border-radius: calc(20 /750 * 100vw) calc(20 /750 * 100vw) 0 0; }
        @media only screen and (min-width: 769px) {
          .prize-inner .prize_cont h3 {
            height: calc(84 /1400 * 100vw);
            border-radius: calc(20 /1400 * 100vw) calc(20 /1400 * 100vw) 0 0; } }
        @media only screen and (min-width: 1400px) {
          .prize-inner .prize_cont h3 {
            height: 84px;
            border-radius: 20px 20px 0 0; } }
        .prize-inner .prize_cont h3 img {
          height: calc(39 /750 * 100vw); }
          @media only screen and (min-width: 769px) {
            .prize-inner .prize_cont h3 img {
              height: calc(52 /1400 * 100vw); } }
          @media only screen and (min-width: 1400px) {
            .prize-inner .prize_cont h3 img {
              height: 52px; } }
        .prize-inner .prize_cont h3.first {
          background: #8dc21f; }
        .prize-inner .prize_cont h3.second {
          background: #005bab; }
        .prize-inner .prize_cont h3.third {
          background: #ec6c00; }
        .prize-inner .prize_cont h3.fourth {
          background: #e30077; }
        .prize-inner .prize_cont h3.fifth {
          background: #009d95; }
      .prize-inner .prize_cont .prize_period01, .prize-inner .prize_cont .prize_period02, .prize-inner .prize_cont .prize_period03, .prize-inner .prize_cont .prize_period04, .prize-inner .prize_cont .prize_period05 {
        margin: calc(20 /750 * 100vw) auto 0; }
        @media only screen and (min-width: 769px) {
          .prize-inner .prize_cont .prize_period01, .prize-inner .prize_cont .prize_period02, .prize-inner .prize_cont .prize_period03, .prize-inner .prize_cont .prize_period04, .prize-inner .prize_cont .prize_period05 {
            margin: calc(35 /1400 * 100vw) auto 0; } }
        @media only screen and (min-width: 1400px) {
          .prize-inner .prize_cont .prize_period01, .prize-inner .prize_cont .prize_period02, .prize-inner .prize_cont .prize_period03, .prize-inner .prize_cont .prize_period04, .prize-inner .prize_cont .prize_period05 {
            margin: 35px auto 0; } }
      .prize-inner .prize_cont .prize_period01 {
        width: calc(498 /750 * 100vw); }
        @media only screen and (min-width: 769px) {
          .prize-inner .prize_cont .prize_period01 {
            width: calc(985 /1400 * 100vw); } }
        @media only screen and (min-width: 1400px) {
          .prize-inner .prize_cont .prize_period01 {
            width: 985px; } }
      .prize-inner .prize_cont .prize_period02 {
        width: calc(497 /750 * 100vw); }
        @media only screen and (min-width: 769px) {
          .prize-inner .prize_cont .prize_period02 {
            width: calc(980 /1400 * 100vw); } }
        @media only screen and (min-width: 1400px) {
          .prize-inner .prize_cont .prize_period02 {
            width: 980px; } }
      .prize-inner .prize_cont .prize_period03 {
        width: calc(521 /750 * 100vw); }
        @media only screen and (min-width: 769px) {
          .prize-inner .prize_cont .prize_period03 {
            width: calc(995 /1400 * 100vw); } }
        @media only screen and (min-width: 1400px) {
          .prize-inner .prize_cont .prize_period03 {
            width: 995px; } }
      .prize-inner .prize_cont .prize_period04 {
        width: calc(521 /750 * 100vw); }
        @media only screen and (min-width: 769px) {
          .prize-inner .prize_cont .prize_period04 {
            width: calc(997 /1400 * 100vw); } }
        @media only screen and (min-width: 1400px) {
          .prize-inner .prize_cont .prize_period04 {
            width: 997px; } }
      .prize-inner .prize_cont .prize_period05 {
        width: calc(498 /750 * 100vw); }
        @media only screen and (min-width: 769px) {
          .prize-inner .prize_cont .prize_period05 {
            width: calc(982 /1400 * 100vw); } }
        @media only screen and (min-width: 1400px) {
          .prize-inner .prize_cont .prize_period05 {
            width: 982px; } }
      .prize-inner .prize_cont .prize_ph_wrap {
        width: calc(622 /750 * 100vw);
        margin: calc(22 /750 * 100vw) auto 0; }
        @media only screen and (min-width: 769px) {
          .prize-inner .prize_cont .prize_ph_wrap {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            width: calc(1250 /1400 * 100vw);
            margin: calc(38 /1400 * 100vw) auto 0; } }
        @media only screen and (min-width: 1400px) {
          .prize-inner .prize_cont .prize_ph_wrap {
            width: 1250px;
            margin: 38px auto 0; } }
        .prize-inner .prize_cont .prize_ph_wrap .and {
          width: calc(593 /750 * 100vw);
          margin: calc(38 /750 * 100vw) auto calc(34 /750 * 100vw); }
          @media only screen and (min-width: 769px) {
            .prize-inner .prize_cont .prize_ph_wrap .and {
              width: calc(32 /1400 * 100vw);
              margin: calc(0 /1400 * 100vw); } }
          @media only screen and (min-width: 1400px) {
            .prize-inner .prize_cont .prize_ph_wrap .and {
              width: 32px;
              margin: 0px; } }
        .prize-inner .prize_cont .prize_ph_wrap .left {
          position: relative;
          width: 100%;
          margin: calc(0 /750 * 100vw) auto 0; }
          @media only screen and (min-width: 769px) {
            .prize-inner .prize_cont .prize_ph_wrap .left {
              width: calc(596 /1400 * 100vw);
              margin: calc(0 /1400 * 100vw) 0 0; } }
          @media only screen and (min-width: 1400px) {
            .prize-inner .prize_cont .prize_ph_wrap .left {
              width: 596px;
              margin: 0px 0 0; } }
          .prize-inner .prize_cont .prize_ph_wrap .left .total {
            position: absolute;
            width: calc(150 /750 * 100vw);
            bottom: calc(-26 /750 * 100vw);
            right: calc(-51 /750 * 100vw); }
            @media only screen and (min-width: 769px) {
              .prize-inner .prize_cont .prize_ph_wrap .left .total {
                width: calc(128 /1400 * 100vw);
                bottom: calc(16 /1400 * 100vw);
                right: calc(-11 /1400 * 100vw); } }
            @media only screen and (min-width: 1400px) {
              .prize-inner .prize_cont .prize_ph_wrap .left .total {
                width: 128px;
                bottom: 16px;
                right: -11px; } }
        .prize-inner .prize_cont .prize_ph_wrap .right {
          position: relative;
          width: 100%;
          margin: calc(0 /750 * 100vw) auto 0; }
          @media only screen and (min-width: 769px) {
            .prize-inner .prize_cont .prize_ph_wrap .right {
              width: calc(596 /1400 * 100vw);
              margin: calc(0 /1400 * 100vw) 0 0; } }
          @media only screen and (min-width: 1400px) {
            .prize-inner .prize_cont .prize_ph_wrap .right {
              width: 596px;
              margin: 0px 0 0; } }
          .prize-inner .prize_cont .prize_ph_wrap .right .total {
            position: absolute;
            width: calc(150 /750 * 100vw);
            bottom: calc(-54 /750 * 100vw);
            right: calc(-51 /750 * 100vw); }
            @media only screen and (min-width: 769px) {
              .prize-inner .prize_cont .prize_ph_wrap .right .total {
                width: calc(128 /1400 * 100vw);
                bottom: calc(16 /1400 * 100vw);
                right: calc(-11 /1400 * 100vw); } }
            @media only screen and (min-width: 1400px) {
              .prize-inner .prize_cont .prize_ph_wrap .right .total {
                width: 128px;
                bottom: 16px;
                right: -11px; } }

/*対象商品*/
.prod {
  width: 100%;
  background: #ffff96;
  padding: calc(50 /750 * 100vw) 0 calc(132 /750 * 100vw); }
  @media only screen and (min-width: 769px) {
    .prod {
      padding: calc(85 /1400 * 100vw) 0 calc(150 /1400 * 100vw); } }
  @media only screen and (min-width: 1400px) {
    .prod {
      padding-top: 85px 0 100px; } }
  .prod-inner {
    width: 100%; }
    @media only screen and (min-width: 769px) {
      .prod-inner {
        width: 100%;
        position: relative;
        margin: 0 auto; } }
    @media only screen and (min-width: 1400px) {
      .prod-inner {
        width: 1400px; } }
    .prod-inner-ti {
      width: calc(316 /750 * 100vw);
      margin: 0 auto; }
      @media only screen and (min-width: 769px) {
        .prod-inner-ti {
          width: calc(316 /1400 * 100vw); } }
      @media only screen and (min-width: 1400px) {
        .prod-inner-ti {
          width: 316px; } }
    .prod-inner-cont {
      background: #FFF;
      width: calc(650 /750 * 100vw);
      margin: calc(50 /750 * 100vw) auto 0;
      padding: calc(40 /750 * 100vw) 0 calc(82 /750 * 100vw);
      border-radius: calc(20 /750 * 100vw); }
      @media only screen and (min-width: 769px) {
        .prod-inner-cont {
          width: calc(950 /1400 * 100vw);
          margin: calc(75 /1400 * 100vw) auto 0;
          padding: calc(46 /1400 * 100vw) 0 calc(82 /1400 * 100vw);
          border-radius: calc(20 /1400 * 100vw); } }
      @media only screen and (min-width: 1400px) {
        .prod-inner-cont {
          width: 950px;
          margin: 75px auto 0;
          padding-top: 46px 0 82px;
          border-radius: 20px; } }
      .prod-inner-cont-note {
        font-size: calc(24 /750 * 100vw);
        line-height: 1.5em;
        width: 25em;
        margin: 0 auto;
        color: #00499c; }
        @media only screen and (min-width: 769px) {
          .prod-inner-cont-note {
            font-size: calc(20 /1400 * 100vw);
            width: 36em;
            margin: 0 auto 0; } }
        @media only screen and (min-width: 1400px) {
          .prod-inner-cont-note {
            font-size: 2rem;
            margin: 0 auto 0; } }
        .prod-inner-cont-note li {
          text-indent: -1em;
          padding-left: 1em; }
          .prod-inner-cont-note li.red {
            color: #ff0000; }
        .prod-inner-cont-note li + li {
          margin-top: 0.2em; }
      .prod-inner-cont-prod01 {
        margin: calc(35 /750 * 100vw) auto 0; }
        @media only screen and (min-width: 769px) {
          .prod-inner-cont-prod01 {
            margin: calc(42 /1400 * 100vw) auto 0; } }
        @media only screen and (min-width: 1400px) {
          .prod-inner-cont-prod01 {
            margin: 42px auto 0; } }
      .prod-inner-cont-prod02 {
        margin: calc(42 /750 * 100vw) auto 0; }
        @media only screen and (min-width: 769px) {
          .prod-inner-cont-prod02 {
            margin: calc(42 /1400 * 100vw) auto 0; } }
        @media only screen and (min-width: 1400px) {
          .prod-inner-cont-prod02 {
            margin: 42px auto 0; } }

/*method*/
.method-inner {
  width: calc(650 /750 * 100vw);
  margin: 0 auto 0; }
  @media only screen and (min-width: 769px) {
    .method-inner {
      width: calc(950 /1400 * 100vw); } }
  @media only screen and (min-width: 1400px) {
    .method-inner {
      width: 950px; } }
  .method-inner-ti {
    width: calc(316 /750 * 100vw);
    margin: 0 auto calc(52 /750 * 100vw); }
    @media only screen and (min-width: 769px) {
      .method-inner-ti {
        width: calc(316 /1400 * 100vw);
        margin: 0 auto calc(50 /1400 * 100vw); } }
    @media only screen and (min-width: 1400px) {
      .method-inner-ti {
        width: 316px;
        margin: 0 auto 50px; } }
  .method-inner .method_cont {
    background: #FFF;
    border-radius: calc(20 /750 * 100vw);
    width: 100%;
    margin: calc(0 /750 * 100vw) auto 0;
    padding-bottom: calc(70 /750 * 100vw); }
    @media only screen and (min-width: 769px) {
      .method-inner .method_cont {
        border-radius: calc(20 /1400 * 100vw);
        padding-bottom: calc(48 /1400 * 100vw); } }
    @media only screen and (min-width: 1400px) {
      .method-inner .method_cont {
        border-radius: 20px;
        padding-bottom: 48px; } }
    .method-inner .method_cont .method_md {
      background: #fac54b;
      display: flex;
      justify-content: center;
      align-items: center;
      height: calc(130 /750 * 100vw);
      border-radius: calc(20 /750 * 100vw) calc(20 /750 * 100vw) 0 0; }
      @media only screen and (min-width: 769px) {
        .method-inner .method_cont .method_md {
          height: calc(94 /1400 * 100vw);
          border-radius: calc(20 /1400 * 100vw) calc(20 /1400 * 100vw) 0 0; } }
      @media only screen and (min-width: 1400px) {
        .method-inner .method_cont .method_md {
          height: 94px;
          border-radius: 20px 20px 0 0; } }
      .method-inner .method_cont .method_md img {
        height: calc(50 /750 * 100vw); }
        @media only screen and (min-width: 769px) {
          .method-inner .method_cont .method_md img {
            height: calc(44 /1400 * 100vw); } }
        @media only screen and (min-width: 1400px) {
          .method-inner .method_cont .method_md img {
            height: 44px; } }
    .method-inner .method_cont .method02_bt {
      width: calc(550 /750 * 100vw);
      margin: calc(47 /750 * 100vw) auto calc(0 /750 * 100vw); }
      @media only screen and (min-width: 769px) {
        .method-inner .method_cont .method02_bt {
          width: calc(400 /1400 * 100vw);
          margin: calc(48 /1400 * 100vw) auto calc(0 /1400 * 100vw); } }
      @media only screen and (min-width: 1400px) {
        .method-inner .method_cont .method02_bt {
          width: 400px;
          margin: 48px auto 0px; } }
    .method-inner .method_cont .method03_bt {
      width: calc(550 /750 * 100vw);
      margin: calc(0 /750 * 100vw) auto calc(0 /750 * 100vw); }
      @media only screen and (min-width: 769px) {
        .method-inner .method_cont .method03_bt {
          width: calc(400 /1400 * 100vw);
          margin: calc(60 /1400 * 100vw) auto calc(0 /1400 * 100vw); } }
      @media only screen and (min-width: 1400px) {
        .method-inner .method_cont .method03_bt {
          width: 400px;
          margin: 60px auto 0px; } }
      .method-inner .method_cont .method03_bt li + li {
        margin-top: calc(32 /750 * 100vw); }
        @media only screen and (min-width: 769px) {
          .method-inner .method_cont .method03_bt li + li {
            margin-top: calc(20 /1400 * 100vw); } }
        @media only screen and (min-width: 1400px) {
          .method-inner .method_cont .method03_bt li + li {
            margin-top: 20px; } }
    .method-inner .method_cont .method03_add {
      width: calc(556 /750 * 100vw);
      margin: calc(67 /750 * 100vw) auto calc(0 /750 * 100vw); }
      @media only screen and (min-width: 769px) {
        .method-inner .method_cont .method03_add {
          width: calc(804 /1400 * 100vw);
          margin: calc(40 /1400 * 100vw) auto calc(0 /1400 * 100vw); } }
      @media only screen and (min-width: 1400px) {
        .method-inner .method_cont .method03_add {
          width: 804px;
          margin: 40px auto 0px; } }
  .method-inner .step_arrow {
    width: calc(52 /750 * 100vw);
    margin: calc(50 /750 * 100vw) auto calc(52 /750 * 100vw); }
    @media only screen and (min-width: 769px) {
      .method-inner .step_arrow {
        width: calc(38 /1400 * 100vw);
        margin: calc(24 /1400 * 100vw) auto calc(27 /1400 * 100vw); } }
    @media only screen and (min-width: 1400px) {
      .method-inner .step_arrow {
        width: 38px;
        margin: 24px auto 27px; } }

/*フッター*/
.footer-inner {
  width: calc(650 /750 * 100vw);
  margin: calc(218 /750 * 100vw) auto 0; }
  @media only screen and (min-width: 769px) {
    .footer-inner {
      width: calc(950 /1400 * 100vw);
      margin: calc(230 /1400 * 100vw) auto 0; } }
  @media only screen and (min-width: 1400px) {
    .footer-inner {
      width: 950px;
      margin: 230px auto 0; } }
  .footer-inner-ti {
    width: calc(316 /750 * 100vw);
    margin: 0 auto calc(52 /750 * 100vw); }
    @media only screen and (min-width: 769px) {
      .footer-inner-ti {
        width: calc(316 /1400 * 100vw);
        margin: 0 auto calc(50 /1400 * 100vw); } }
    @media only screen and (min-width: 1400px) {
      .footer-inner-ti {
        width: 316px;
        margin: 0 auto 50px; } }
  .footer-inner-terms {
    width: 100%;
    margin: 8.8vw auto 0;
    border: 0.6vw solid #bbbbbb;
    border-radius: 2.666vw;
    background: #FFF;
    padding: 5.333vw 2vw 5vw 6vw;
    height: 68vw; }
    @media only screen and (min-width: 769px) {
      .footer-inner-terms {
        width: calc(960/1400 * 100vw);
        margin: calc(68/1400 * 100vw) auto calc(0/1400 * 100vw);
        padding: calc(30/1400 * 100vw) calc(10/1400 * 100vw) calc(30/1400 * 100vw) calc(42/1400 * 100vw);
        height: calc(460/1400 * 100vw);
        border-radius: calc(15 /1400 * 100vw);
        border: calc(4/1400 * 100vw) solid #bbbbbb; } }
    @media only screen and (min-width: 1400px) {
      .footer-inner-terms {
        width: 960px;
        margin: 68px auto 0px;
        padding: 30px 10px 30px 42px;
        height: 460px;
        border-radius: 15px;
        border: 4px solid #bbbbbb; } }
    .footer-inner-terms-cont {
      overflow: auto;
      width: 100%;
      height: 100%;
      padding: 0 2em 1em 0;
      color: #00499c; }
      @media only screen and (min-width: 769px) {
        .footer-inner-terms-cont {
          overflow: auto;
          width: calc(890/1400 * 100vw);
          height: calc(400/1400 * 100vw); } }
      @media only screen and (min-width: 1400px) {
        .footer-inner-terms-cont {
          width: 890px;
          height: 400px; } }
      .footer-inner-terms-cont h3 {
        font-size: 3.3vw;
        border-bottom: #00499c solid 2px;
        padding-bottom: 0.2em;
        margin-top: 2em;
        line-height: 1.3em; }
        @media only screen and (min-width: 769px) {
          .footer-inner-terms-cont h3 {
            font-size: 2rem;
            border-bottom: #00499c solid 2px; } }
        .footer-inner-terms-cont h3:first-child {
          margin-top: 0; }
        .footer-inner-terms-cont h3 span {
          font-size: 70%;
          font-weight: normal; }
      .footer-inner-terms-cont h4 {
        font-size: 3vw;
        margin: 1em 0 0; }
        @media only screen and (min-width: 769px) {
          .footer-inner-terms-cont h4 {
            font-size: 1.8rem; } }
      .footer-inner-terms-cont h5 {
        font-size: 2.9vw;
        margin: 1em 0 0; }
        @media only screen and (min-width: 769px) {
          .footer-inner-terms-cont h5 {
            font-size: 1.6rem; } }
      .footer-inner-terms-cont p {
        font-size: 2.8vw;
        text-align: justify;
        margin: 0.8em 0 0; }
        @media only screen and (min-width: 769px) {
          .footer-inner-terms-cont p {
            font-size: 1.6rem; } }
      .footer-inner-terms-cont h4 + p, .footer-inner-terms-cont h5 + p {
        margin-top: 0.3em; }
      .footer-inner-terms-cont h4 + h5 {
        margin-top: 0.5em; }
      .footer-inner-terms-cont ul.note {
        margin-top: 0.8em; }
        .footer-inner-terms-cont ul.note li {
          position: relative;
          font-size: 2.8vw;
          padding-left: 1em;
          margin: 0.3em 0 0; }
          @media only screen and (min-width: 769px) {
            .footer-inner-terms-cont ul.note li {
              font-size: 1.6rem; } }
          .footer-inner-terms-cont ul.note li:before {
            content: '※';
            display: inline-block;
            position: absolute;
            left: 0; }
      .footer-inner-terms-cont ul.disc {
        margin-top: 0.8em; }
        .footer-inner-terms-cont ul.disc li {
          list-style: disc;
          font-size: 2.8vw;
          padding-left: 0;
          margin: 0.3em 0 0 1em; }
          @media only screen and (min-width: 769px) {
            .footer-inner-terms-cont ul.disc li {
              font-size: 1.6rem; } }

/*お問い合わせ*/
.inquiry-ti {
  width: calc(316 /750 * 100vw);
  margin: calc(217 /750 * 100vw) auto calc(70 /750 * 100vw); }
  @media only screen and (min-width: 769px) {
    .inquiry-ti {
      width: calc(316 /1400 * 100vw);
      margin: calc(229 /1400 * 100vw) auto calc(70 /1400 * 100vw); } }
  @media only screen and (min-width: 1400px) {
    .inquiry-ti {
      width: 316px;
      margin: 229px auto 70px; } }

.inquiry {
  background-color: #FFF;
  border-radius: calc(20 /750 * 100vw);
  width: 100%;
  margin: calc(0 /750 * 100vw) auto 0;
  padding: calc(50 /750 * 100vw) 0 calc(55 /750 * 100vw); }
  @media only screen and (min-width: 769px) {
    .inquiry {
      border-radius: calc(20 /1400 * 100vw);
      padding: calc(50 /1400 * 100vw) 0 calc(58 /1400 * 100vw); } }
  @media only screen and (min-width: 1400px) {
    .inquiry {
      border-radius: 20px;
      padding: 50px 0 58px; } }
  .inquiry h3.md {
    text-align: center;
    color: #00499c;
    font-size: calc(30 /750 * 100vw);
    margin: calc(70 /750 * 100vw) auto 0;
    font-weight: bold; }
    @media only screen and (min-width: 769px) {
      .inquiry h3.md {
        font-size: calc(30 / 1080 * 100vw);
        margin: calc(73 / 1080 * 100vw) auto 0; } }
    @media only screen and (min-width: 1400px) {
      .inquiry h3.md {
        font-size: 3rem;
        margin: 73px auto 0; } }
    .inquiry h3.md:first-child {
      margin-top: 0; }
  .inquiry .inquiry_name {
    color: #00499c;
    text-align: center;
    font-size: calc(24 /750 * 100vw);
    margin: 1.2em auto 0; }
    @media only screen and (min-width: 769px) {
      .inquiry .inquiry_name {
        font-size: calc(24 / 1080 * 100vw);
        margin: 1.2em auto 0; } }
    @media only screen and (min-width: 1400px) {
      .inquiry .inquiry_name {
        font-size: 2.4rem;
        margin: 1.2em auto 0; } }
  .inquiry .freecall01 {
    width: calc(424 /750 * 100vw);
    margin: calc(40 /750 * 100vw) auto calc(0 /750 * 100vw); }
    @media only screen and (min-width: 769px) {
      .inquiry .freecall01 {
        width: calc(424 /1400 * 100vw);
        margin: calc(40 /1400 * 100vw) auto calc(0 /1400 * 100vw); } }
    @media only screen and (min-width: 1400px) {
      .inquiry .freecall01 {
        width: 424px;
        margin: 40px auto 0px; } }
  .inquiry .inquiry_period01 {
    width: calc(431 /750 * 100vw);
    margin: calc(47 /750 * 100vw) auto 0; }
    @media only screen and (min-width: 769px) {
      .inquiry .inquiry_period01 {
        width: calc(431 /1400 * 100vw);
        margin: calc(47 /1400 * 100vw) auto 0; } }
    @media only screen and (min-width: 1400px) {
      .inquiry .inquiry_period01 {
        width: 431px;
        margin: 47px auto 0px; } }
  .inquiry .consult {
    color: #00499c;
    text-align: center;
    font-size: calc(24 /750 * 100vw);
    margin: 0.8em auto 0; }
    @media only screen and (min-width: 769px) {
      .inquiry .consult {
        font-size: calc(24 / 1080 * 100vw); } }
    @media only screen and (min-width: 1400px) {
      .inquiry .consult {
        font-size: 2.4rem; } }
  .inquiry .freecall02 {
    width: calc(282 /750 * 100vw);
    margin: calc(13 /750 * 100vw) auto 0; }
    @media only screen and (min-width: 769px) {
      .inquiry .freecall02 {
        width: calc(282 /1400 * 100vw);
        margin: calc(13 /1400 * 100vw) auto0; } }
    @media only screen and (min-width: 1400px) {
      .inquiry .freecall02 {
        width: 282px;
        margin: 13px auto 0px; } }
  .inquiry .inquiry_period02 {
    width: calc(431 /750 * 100vw);
    margin: calc(20 /750 * 100vw) auto calc(0 /750 * 100vw); }
    @media only screen and (min-width: 769px) {
      .inquiry .inquiry_period02 {
        width: calc(431 /1400 * 100vw);
        margin: calc(20 /1400 * 100vw) auto calc(0 /1400 * 100vw); } }
    @media only screen and (min-width: 1400px) {
      .inquiry .inquiry_period02 {
        width: 431px;
        margin: 20px auto 0px; } }

/*固定ボタン*/
.fixdbtn {
  position: fixed;
  bottom: -65vw;
  right: 2vw;
  width: 19.33vw;
  transition: all 0.5s ease; }
  @media only screen and (min-width: 769px) {
    .fixdbtn {
      bottom: calc(-450 /1400 * 100vw);
      right: calc(10 /1400 * 100vw);
      width: calc(145 /1400 * 100vw); } }
  @media only screen and (min-width: 1400px) {
    .fixdbtn {
      bottom: -450px;
      right: 10px;
      width: 145px; } }
  .fixdbtn.active {
    bottom: 2vw; }
    @media only screen and (min-width: 769px) {
      .fixdbtn.active {
        margin-top: calc(10 /1400 * 100vw); } }
    @media only screen and (min-width: 1400px) {
      .fixdbtn.active {
        bottom: 10px; } }
  .fixdbtn li {
    margin-top: 1.5vw; }
    @media only screen and (min-width: 769px) {
      .fixdbtn li {
        margin-top: calc(10 /1400 * 100vw); } }
    @media only screen and (min-width: 1400px) {
      .fixdbtn li {
        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 {
  width: 100%;
  overflow-x: hidden;
  font-size: 1.6rem;
  background-color: #fff;
  margin: 0;
  padding: 0; }

*,
*::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 img {
  filter: brightness(1.1); }

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

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

@media only screen and (min-width: 420px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; } }
.blue {
  width: 100%;
  background-color: #00499d;
  background-image: url("../img/bg_arch_yellow_sp.png"), url("../img/bg_blue_line_sp.png");
  background-repeat: no-repeat, repeat-y;
  background-position: top center, top center;
  background-size: 100% auto, 100% auto;
  padding: calc(66 /750 * 100vw) 0 calc(152 /750 * 100vw); }
  @media only screen and (min-width: 769px) {
    .blue {
      background-image: url("../img/bg_arch_yellow_pc.png"), url("../img/bg_blue_line_pc.png");
      background-repeat: no-repeat, repeat-y;
      background-size: auto calc(110 /1400 * 100vw), 100% auto;
      padding: calc(70 /1400 * 100vw) 0 calc(156 /1400 * 100vw); } }
  @media only screen and (min-width: 1400px) {
    .blue {
      background-image: url("../img/bg_arch_yellow_pc.png"), url("../img/bg_blue_line_pcl.png");
      background-size: auto 110px, auto auto;
      padding-top: 70px 0 156px; } }
  @media only screen and (min-width: 2000px) {
    .blue {
      background-size: 100% auto, 100% auto; } }