@charset "UTF-8";
html {
  font-size: 62.5%;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "Hiragino Sans", Arial, 'Yu Gothic', "メイリオ", Meiryo, sans-serif;
  word-wrap: break-word; }

body {
  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 {
  opacity: 0.8; }

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

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

@media only screen and (min-width: 420px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; } }
.wrap {
  position: relative; }
  .wrap .logo_corp {
    width: 10.266vw;
    position: absolute;
    top: 5.066vw;
    left: 4.933vw;
    z-index: 100; }
    @media only screen and (min-width: 750px) {
      .wrap .logo_corp {
        width: calc(83/1200 * 100%);
        top: calc(39/1200 * 100vw);
        left: calc(30/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .wrap .logo_corp {
        width: 83px;
        top: 39px;
        left: 30px; } }
  .wrap .kv {
    width: 100%;
    height: 144.93vw;
    background-image: url("../img/bg_kv_sp.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center; }
    @media only screen and (min-width: 750px) {
      .wrap .kv {
        height: calc(825/1200 * 100vw);
        background-image: url("../img/bg_kv_leaf_pcl.png"), url("../img/bg_kv_pcl.jpg");
        background-size: auto 100%, auto 100%; } }
    @media only screen and (min-width: 1200px) {
      .wrap .kv {
        height: 825px;
        background-size: auto auto, auto auto; } }
    @media only screen and (min-width: 2000px) {
      .wrap .kv {
        background-size: auto auto,100% auto; } }
    .wrap .kv__inner {
      position: relative;
      width: 100%;
      margin: 0 auto;
      padding: 29.73vw 0 0; }
      @media only screen and (min-width: 750px) {
        .wrap .kv__inner {
          margin: 0 auto;
          padding: calc(90/1200 * 100vw) 0 0; } }
      @media only screen and (min-width: 1200px) {
        .wrap .kv__inner {
          width: 1200px;
          margin: 0 auto;
          padding: 90px 0 0; } }
      .wrap .kv__inner h1 {
        width: 86.8%;
        margin: 0 auto; }
        @media only screen and (min-width: 750px) {
          .wrap .kv__inner h1 {
            width: calc(670/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .wrap .kv__inner h1 {
            width: 670px; } }
      .wrap .kv__inner .period {
        width: 77.33vw;
        margin: 7.33vw auto 0; }
        @media only screen and (min-width: 750px) {
          .wrap .kv__inner .period {
            width: calc(720/1200 * 100vw);
            margin: calc(71/1200 * 100vw) auto 0; } }
        @media only screen and (min-width: 1200px) {
          .wrap .kv__inner .period {
            width: 720px;
            margin: 71px auto 0; } }
  .wrap .lead_wrap {
    width: 100%;
    background-color: #3071b7;
    padding: 4.8vw 0 5.6vw; }
    @media only screen and (min-width: 750px) {
      .wrap .lead_wrap {
        padding: calc(46/1200 * 100vw) 0 calc(38/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .wrap .lead_wrap {
        padding: 46px 0 38px; } }
    .wrap .lead_wrap .lead {
      width: 65.6%;
      margin: 0 auto; }
      @media only screen and (min-width: 750px) {
        .wrap .lead_wrap .lead {
          width: calc(676/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .wrap .lead_wrap .lead {
          width: 676px; } }
  .wrap .lutina_wrap {
    width: 100%;
    background-color: #23b6bc; }
    .wrap .lutina_wrap .lutina {
      width: 100%;
      margin: 0 auto; }
      @media only screen and (min-width: 750px) {
        .wrap .lutina_wrap .lutina {
          width: calc(1068/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .wrap .lutina_wrap .lutina {
          width: 1068px; } }
      .wrap .lutina_wrap .lutina h2 {
        width: 100%; }
  .wrap .prize_wrap {
    width: 100%;
    background-image: url("../img/bg_wave01_sp.jpg"), url("../img/bg_prize_sp.jpg");
    background-size: 100% auto, cover;
    background-position: bottom center, top center;
    background-repeat: no-repeat, repeat-y;
    padding: 7.3vw 0 12vw; }
    @media only screen and (min-width: 750px) {
      .wrap .prize_wrap {
        background-image: url("../img/bg_prize_leaf_pc.png"), url("../img/bg_wave01_pc.jpg"), url("../img/bg_prize_pcl.jpg");
        background-size: 100% auto,100% auto,cover;
        padding: calc(74/1200 * 100vw) 0 calc(89/1200 * 100vw);
        background-position: top center,bottom center,top center;
        background-repeat: repeat-y,no-repeat,repeat-y; } }
    @media only screen and (min-width: 1200px) {
      .wrap .prize_wrap {
        background-image: url("../img/bg_prize_leaf_pcl.png"), url("../img/bg_wave01_pcl.jpg"), url("../img/bg_prize_pcl.jpg");
        background-size: auto auto,auto auto,cover;
        padding: 74px 0 89px; } }
    @media only screen and (min-width: 2000px) {
      .wrap .prize_wrap {
        background-size: auto auto,100% auto ,100% auto; } }
    .wrap .prize_wrap .prize {
      background-color: #FFF;
      width: 89.46%;
      margin: 0 auto; }
      @media only screen and (min-width: 750px) {
        .wrap .prize_wrap .prize {
          width: calc(854/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .wrap .prize_wrap .prize {
          width: 854px; } }
      .wrap .prize_wrap .prize h2 {
        background-color: #3071b7;
        width: 100%;
        height: auto;
        text-align: center; }
        @media only screen and (min-width: 750px) {
          .wrap .prize_wrap .prize h2 {
            width: auto;
            height: calc(54/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .wrap .prize_wrap .prize h2 {
            height: 54px; } }
        .wrap .prize_wrap .prize h2 img {
          height: 100%;
          width: auto;
          margin: 0 auto; }
      .wrap .prize_wrap .prize .prize_a, .wrap .prize_wrap .prize .prize_b, .wrap .prize_wrap .prize .prize_c {
        width: 82.9vw;
        margin: 0 auto;
        border-bottom: #004097 solid 2px; }
        @media only screen and (min-width: 750px) {
          .wrap .prize_wrap .prize .prize_a, .wrap .prize_wrap .prize .prize_b, .wrap .prize_wrap .prize .prize_c {
            width: calc(784/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .wrap .prize_wrap .prize .prize_a, .wrap .prize_wrap .prize .prize_b, .wrap .prize_wrap .prize .prize_c {
            width: 784px; } }
      .wrap .prize_wrap .prize .prize_c {
        border-bottom: none; }
    .wrap .prize_wrap .note {
      width: 89.46%;
      margin: 1.2em auto 0;
      text-align: right;
      font-size: 2.5vw;
      color: #004097; }
      @media only screen and (min-width: 750px) {
        .wrap .prize_wrap .note {
          width: calc(854/1200 * 100vw);
          font-size: calc(12/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .wrap .prize_wrap .note {
          width: 854px;
          font-size: 1.2rem; } }
  .wrap .cont_wrap {
    width: 100%;
    background-image: url("../img/bg_wave02_sp.jpg"), url("../img/bg_cont_sp.jpg");
    background-size: 100% auto, cover;
    background-position: top center, top center;
    background-repeat: no-repeat, repeat-y;
    padding: 5.2vw 0 9.8vw; }
    @media only screen and (min-width: 750px) {
      .wrap .cont_wrap {
        background-image: url("../img/bg_wave02_pc.jpg"), url("../img/bg_cont_pcl.jpg");
        background-size: 100% auto,cover;
        padding: calc(82/1200 * 100vw) 0 calc(56/1200 * 100vw);
        background-position: top center,top center;
        background-repeat: no-repeat,repeat-y; } }
    @media only screen and (min-width: 1200px) {
      .wrap .cont_wrap {
        background-image: url("../img/bg_wave02_pcl.jpg"), url("../img/bg_cont_pcl.jpg");
        background-size: auto auto,cover;
        padding: 82px 0 56px; } }
    @media only screen and (min-width: 2000px) {
      .wrap .cont_wrap {
        background-size: 100% auto ,100% auto; } }
    .wrap .cont_wrap .prod {
      background-color: #FFF;
      width: 89.46vw;
      margin: 0 auto;
      padding: 0 0 5.46vw; }
      @media only screen and (min-width: 750px) {
        .wrap .cont_wrap .prod {
          width: calc(854/1200 * 100vw);
          padding: 0 0 calc(35/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .wrap .cont_wrap .prod {
          width: 854px;
          padding: 0 0 35px; } }
      .wrap .cont_wrap .prod h2 {
        background-color: #23b6bc;
        width: 100%;
        height: auto;
        text-align: center; }
        @media only screen and (min-width: 750px) {
          .wrap .cont_wrap .prod h2 {
            width: auto;
            height: calc(54/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .wrap .cont_wrap .prod h2 {
            height: 54px; } }
        .wrap .cont_wrap .prod h2 img {
          height: 100%;
          width: auto;
          margin: 0 auto; }
      .wrap .cont_wrap .prod .lutina {
        width: 55.6vw;
        margin: 6.8vw auto 0; }
        @media only screen and (min-width: 750px) {
          .wrap .cont_wrap .prod .lutina {
            width: calc(593/1200 * 100vw);
            margin: calc(45/1200 * 100vw) auto 0; } }
        @media only screen and (min-width: 1200px) {
          .wrap .cont_wrap .prod .lutina {
            width: 593px;
            margin: 45px auto 0; } }
      .wrap .cont_wrap .prod .bt_area {
        width: 79.8vw;
        margin: 8vw auto 0;
        display: flex;
        justify-content: space-between; }
        @media only screen and (min-width: 750px) {
          .wrap .cont_wrap .prod .bt_area {
            width: calc(776/1200 * 100vw);
            margin: calc(40/1200 * 100vw) auto 0; } }
        @media only screen and (min-width: 1200px) {
          .wrap .cont_wrap .prod .bt_area {
            width: 776px;
            margin: calc(40/1200 * 100vw) auto 0; } }
        .wrap .cont_wrap .prod .bt_area li {
          width: 38.26vw; }
          @media only screen and (min-width: 750px) {
            .wrap .cont_wrap .prod .bt_area li {
              width: calc(375/1200 * 100vw); } }
          @media only screen and (min-width: 1200px) {
            .wrap .cont_wrap .prod .bt_area li {
              width: 375px; } }
    .wrap .cont_wrap .apply {
      background-color: #FFF;
      width: 89.46vw;
      margin: 6.26vw auto 0;
      padding: 0 0 5.46vw; }
      @media only screen and (min-width: 750px) {
        .wrap .cont_wrap .apply {
          width: calc(854/1200 * 100vw);
          padding: 0 0 calc(35/1200 * 100vw);
          margin: calc(42/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .wrap .cont_wrap .apply {
          width: 854px;
          padding: 0 0 35px;
          margin: 42px auto 0; } }
      .wrap .cont_wrap .apply h2 {
        background-color: #23b6bc;
        width: 100%;
        height: auto;
        text-align: center; }
        @media only screen and (min-width: 750px) {
          .wrap .cont_wrap .apply h2 {
            width: auto;
            height: calc(54/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .wrap .cont_wrap .apply h2 {
            height: 54px; } }
        .wrap .cont_wrap .apply h2 img {
          height: 100%;
          width: auto;
          margin: 0 auto; }
      .wrap .cont_wrap .apply h3 {
        width: 85vw;
        background-color: #3071b7;
        padding: 0.25em;
        font-size: 2.66vw;
        font-weight: bold;
        text-align: center;
        color: #FFF;
        margin: 4vw auto 0; }
        @media only screen and (min-width: 750px) {
          .wrap .cont_wrap .apply h3 {
            width: calc(746/1200 * 100vw);
            margin: calc(33/1200 * 100vw) auto 0;
            font-size: calc(21/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .wrap .cont_wrap .apply h3 {
            width: 746px;
            margin: 33px auto 0;
            font-size: 2.1rem; } }
      .wrap .cont_wrap .apply h2 + h3 {
        margin-top: 4vw; }
        @media only screen and (min-width: 750px) {
          .wrap .cont_wrap .apply h2 + h3 {
            margin-top: calc(30/1150 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .wrap .cont_wrap .apply h2 + h3 {
            margin-top: 30px; } }
      .wrap .cont_wrap .apply .method, .wrap .cont_wrap .apply .announce {
        width: 80.8vw;
        margin: 3vw auto 0; }
        @media only screen and (min-width: 750px) {
          .wrap .cont_wrap .apply .method, .wrap .cont_wrap .apply .announce {
            width: calc(715/1150 * 100vw);
            margin: calc(20/1150 * 100vw) auto 0; } }
        @media only screen and (min-width: 1200px) {
          .wrap .cont_wrap .apply .method, .wrap .cont_wrap .apply .announce {
            width: 715px;
            margin: 20px auto 0; } }
        .wrap .cont_wrap .apply .method .text01, .wrap .cont_wrap .apply .announce .text01 {
          font-size: 3.6vw;
          line-height: 1.4em; }
          @media only screen and (min-width: 750px) {
            .wrap .cont_wrap .apply .method .text01, .wrap .cont_wrap .apply .announce .text01 {
              font-size: calc(24/1150 * 100vw); } }
          @media only screen and (min-width: 1200px) {
            .wrap .cont_wrap .apply .method .text01, .wrap .cont_wrap .apply .announce .text01 {
              font-size: 2.4rem; } }
        .wrap .cont_wrap .apply .method .type_ti, .wrap .cont_wrap .apply .announce .type_ti {
          margin: 4vw 0 0 0; }
          @media only screen and (min-width: 750px) {
            .wrap .cont_wrap .apply .method .type_ti, .wrap .cont_wrap .apply .announce .type_ti {
              margin: calc(26/1150 * 100vw) 0 0 0; } }
          @media only screen and (min-width: 1200px) {
            .wrap .cont_wrap .apply .method .type_ti, .wrap .cont_wrap .apply .announce .type_ti {
              margin: 26px 0 0 0; } }
          .wrap .cont_wrap .apply .method .type_ti img, .wrap .cont_wrap .apply .announce .type_ti img {
            width: 100% !important; }
        .wrap .cont_wrap .apply .method .type, .wrap .cont_wrap .apply .announce .type {
          font-size: 3.2vw;
          line-height: 1.5em;
          margin-top: 0.7em; }
          @media only screen and (min-width: 750px) {
            .wrap .cont_wrap .apply .method .type, .wrap .cont_wrap .apply .announce .type {
              font-size: calc(20/1150 * 100vw); } }
          @media only screen and (min-width: 1200px) {
            .wrap .cont_wrap .apply .method .type, .wrap .cont_wrap .apply .announce .type {
              font-size: 2rem; } }
        .wrap .cont_wrap .apply .method .fig, .wrap .cont_wrap .apply .announce .fig {
          text-align: left;
          margin: 3.33vw auto 0; }
          @media only screen and (min-width: 750px) {
            .wrap .cont_wrap .apply .method .fig, .wrap .cont_wrap .apply .announce .fig {
              margin: calc(28/1150 * 100vw) auto 0; } }
          @media only screen and (min-width: 1200px) {
            .wrap .cont_wrap .apply .method .fig, .wrap .cont_wrap .apply .announce .fig {
              margin: 28px auto 0; } }
          .wrap .cont_wrap .apply .method .fig img, .wrap .cont_wrap .apply .announce .fig img {
            width: 100%; }
            @media only screen and (min-width: 750px) {
              .wrap .cont_wrap .apply .method .fig img, .wrap .cont_wrap .apply .announce .fig img {
                width: calc(610/1150 * 100vw); } }
            @media only screen and (min-width: 1200px) {
              .wrap .cont_wrap .apply .method .fig img, .wrap .cont_wrap .apply .announce .fig img {
                width: 610px; } }
        .wrap .cont_wrap .apply .method .type_note, .wrap .cont_wrap .apply .announce .type_note {
          font-size: 2.26vw;
          line-height: 1.4em;
          margin-top: 1.2em;
          padding-left: 1em;
          text-indent: -1em; }
          @media only screen and (min-width: 750px) {
            .wrap .cont_wrap .apply .method .type_note, .wrap .cont_wrap .apply .announce .type_note {
              font-size: calc(15/1150 * 100vw);
              letter-spacing: -0.02em; } }
          @media only screen and (min-width: 1200px) {
            .wrap .cont_wrap .apply .method .type_note, .wrap .cont_wrap .apply .announce .type_note {
              font-size: 1.5rem; } }
        .wrap .cont_wrap .apply .method .type_note + .type_note, .wrap .cont_wrap .apply .announce .type_note + .type_note {
          margin-top: 0.3em; }
      .wrap .cont_wrap .apply .announce {
        width: 82vw;
        margin: 3vw auto 0; }
        @media only screen and (min-width: 750px) {
          .wrap .cont_wrap .apply .announce {
            width: calc(715/1150 * 100vw);
            margin: calc(20/1150 * 100vw) auto 0; } }
        @media only screen and (min-width: 1200px) {
          .wrap .cont_wrap .apply .announce {
            width: 715px;
            margin: 20px auto 0; } }
        .wrap .cont_wrap .apply .announce .text01 {
          font-size: 3.6vw;
          line-height: 1.4em; }
          @media only screen and (min-width: 750px) {
            .wrap .cont_wrap .apply .announce .text01 {
              font-size: calc(21/1150 * 100vw);
              letter-spacing: -0.04em; } }
          @media only screen and (min-width: 1200px) {
            .wrap .cont_wrap .apply .announce .text01 {
              font-size: 2.1rem; } }
      .wrap .cont_wrap .apply .privacy {
        width: 82vw;
        margin: 3vw auto 0; }
        @media only screen and (min-width: 750px) {
          .wrap .cont_wrap .apply .privacy {
            width: calc(715/1150 * 100vw);
            margin: calc(20/1150 * 100vw) auto 0; } }
        @media only screen and (min-width: 1200px) {
          .wrap .cont_wrap .apply .privacy {
            width: 715px;
            margin: 20px auto 0; } }
        .wrap .cont_wrap .apply .privacy .text {
          font-size: 2.26vw;
          line-height: 1.6;
          text-align: justify; }
          @media only screen and (min-width: 750px) {
            .wrap .cont_wrap .apply .privacy .text {
              font-size: calc(13/1150 * 100vw); } }
          @media only screen and (min-width: 1200px) {
            .wrap .cont_wrap .apply .privacy .text {
              font-size: 1.3rem; } }
        .wrap .cont_wrap .apply .privacy .bt_privacy {
          width: 70.4vw;
          margin: 4vw auto 0; }
          @media only screen and (min-width: 750px) {
            .wrap .cont_wrap .apply .privacy .bt_privacy {
              width: calc(287/1150 * 100vw);
              margin: calc(24/1150 * 100vw) auto 0; } }
          @media only screen and (min-width: 1200px) {
            .wrap .cont_wrap .apply .privacy .bt_privacy {
              width: 287px;
              margin: 24px auto 0; } }
  .wrap .pay {
    width: 89.066vw;
    margin: 4.8vw auto 0;
    border-radius: 4.666vw;
    padding: 4.666vw 0;
    background: #FFF; }
    @media only screen and (min-width: 750px) {
      .wrap .pay {
        width: calc(876/1200 * 100vw);
        margin: calc(46/1200 * 100vw) auto 0;
        border-radius: calc(47/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .wrap .pay {
        width: 876px;
        margin: 46px auto 0;
        border-radius: 47px; } }
  .wrap .pay_text {
    width: 91.466vw;
    margin: 6vw auto 0; }
    @media only screen and (min-width: 750px) {
      .wrap .pay_text {
        width: calc(943/1200 * 100vw);
        margin: calc(45/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .wrap .pay_text {
        width: 943px;
        margin: 45px auto 0; } }
    .wrap .pay_text .text01 {
      font-size: 2.133vw;
      line-height: 1.27em;
      color: #595757; }
      @media only screen and (min-width: 750px) {
        .wrap .pay_text .text01 {
          font-size: calc(13/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .wrap .pay_text .text01 {
          font-size: 1.3rem; } }
      .wrap .pay_text .text01 a {
        color: #595757;
        text-decoration: none; }
        .wrap .pay_text .text01 a:hover {
          color: #595757;
          text-decoration: underline; }
    .wrap .pay_text .list {
      font-size: 1.866vw;
      line-height: 1.55em;
      color: #595757;
      margin-top: 1em; }
      @media only screen and (min-width: 750px) {
        .wrap .pay_text .list {
          font-size: calc(11.5/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .wrap .pay_text .list {
          font-size: 1.15rem; } }
    .wrap .pay_text .pay_note {
      font-size: 1.866vw;
      line-height: 1.55em;
      color: #595757;
      margin-top: 1em; }
      @media only screen and (min-width: 750px) {
        .wrap .pay_text .pay_note {
          font-size: calc(11.5/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .wrap .pay_text .pay_note {
          font-size: 1.15rem; } }
  .wrap .terms_btn {
    margin: 5.5vw auto 0;
    width: 91.733vw;
    padding: 2.666vw 0;
    background-color: #3071b7;
    background-image: url("../img/btn_arrow_op.svg");
    background-position: right 3.6vw center;
    background-size: 6.26vw auto;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 0; }
    @media only screen and (min-width: 750px) {
      .wrap .terms_btn {
        margin: calc(46/1200 * 100vw) auto 0;
        width: calc(746/1200 * 100vw);
        padding: calc(10/1200 * 100vw) 0;
        background-image: url("../img/btn_arrow_op.svg");
        background-position: right calc(30/1200 * 100vw) center;
        background-size: calc(45/1200 * 100vw) auto; } }
    @media only screen and (min-width: 1200px) {
      .wrap .terms_btn {
        margin: 46px auto 0;
        width: 746px;
        padding: 10px 0;
        background-image: url("../img/btn_arrow_op.svg");
        background-position: right 30px center;
        background-size: 45px auto; } }
    .wrap .terms_btn.active {
      background-image: url("../img/btn_arrow_cl.svg"); }
    @media only screen and (min-width: 750px) {
      .wrap .terms_btn:hover {
        opacity: 0.8;
        cursor: pointer; } }
    .wrap .terms_btn img {
      width: 33.733vw;
      margin: 0 auto; }
      @media only screen and (min-width: 750px) {
        .wrap .terms_btn img {
          width: calc(257/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .wrap .terms_btn img {
          width: 257px; } }
  .wrap .terms_cont {
    display: none;
    background-color: #fff;
    margin: 0 auto 0;
    width: 91.733vw;
    padding: 1.5em; }
    @media only screen and (min-width: 750px) {
      .wrap .terms_cont {
        margin: 0 auto 0;
        width: calc(746/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .wrap .terms_cont {
        margin: 0px auto 0;
        width: 746px; } }
    .wrap .terms_cont h3 {
      font-size: 3vw;
      margin: 1em 0 0.75em 0; }
      @media only screen and (min-width: 750px) {
        .wrap .terms_cont h3 {
          font-size: calc(14/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .wrap .terms_cont h3 {
          font-size: 1.4rem; } }
    .wrap .terms_cont p, .wrap .terms_cont li {
      font-size: 2.6vw;
      line-height: 1.3;
      margin-bottom: 0.5em;
      text-align: justify; }
      @media only screen and (min-width: 750px) {
        .wrap .terms_cont p, .wrap .terms_cont li {
          font-size: calc(14/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .wrap .terms_cont p, .wrap .terms_cont li {
          font-size: 1.4rem; } }
    .wrap .terms_cont ul {
      margin-bottom: 1em; }
    .wrap .terms_cont li {
      padding-left: 1.25em;
      text-indent: -1.25em; }
    .wrap .terms_cont li ul {
      margin: 1em 0 1em 0; }
    .wrap .terms_cont .kome {
      padding-left: 1em;
      text-indent: -1em; }
  .wrap .bt_apply {
    display: block;
    width: 65.7vw;
    margin: 6.5vw auto 0;
    filter: drop-shadow(0.933vw 0.933vw 0 rgba(0, 0, 0, 0.15)); }
    @media only screen and (min-width: 750px) {
      .wrap .bt_apply {
        width: calc(438/1200 * 100vw);
        margin: calc(38/1200 * 100vw) auto 0;
        filter: drop-shadow(calc(7/1200 * 100vw) calc(7/1200 * 100vw) 0 rgba(0, 0, 0, 0.15)); } }
    @media only screen and (min-width: 1200px) {
      .wrap .bt_apply {
        width: 438px;
        margin: 38px auto 0;
        filter: drop-shadow(7px 7px 0 rgba(0, 0, 0, 0.15)); } }
    .wrap .bt_apply img:hover {
      opacity: 1;
      filter: saturate(152%); }
  .wrap .bt_apply_close {
    display: block;
    width: 65.7vw;
    margin: 6.5vw auto 0;
    filter: drop-shadow(0.933vw 0.933vw 0 rgba(0, 0, 0, 0.15)); }
    @media only screen and (min-width: 750px) {
      .wrap .bt_apply_close {
        width: calc(438/1200 * 100vw);
        margin: calc(38/1200 * 100vw) auto 0;
        filter: drop-shadow(calc(7/1200 * 100vw) calc(7/1200 * 100vw) 0 rgba(0, 0, 0, 0.15)); } }
    @media only screen and (min-width: 1200px) {
      .wrap .bt_apply_close {
        width: 438px;
        margin: 38px auto 0;
        filter: drop-shadow(7px 7px 0 rgba(0, 0, 0, 0.15)); } }
    .wrap .bt_apply_close img:hover {
      opacity: 1; }
  .wrap .note {
    width: 92%;
    font-size: 2vw;
    text-align: right;
    margin: 3em auto 0; }
    @media only screen and (min-width: 750px) {
      .wrap .note {
        width: calc(960/1200 * 100vw);
        font-size: calc(13/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .wrap .note {
        width: 960px;
        font-size: 1.3rem; } }
  .wrap .footer {
    background: #fff;
    padding: 5.866vw 0 10vw; }
    @media only screen and (min-width: 1200px) {
      .wrap .footer {
        padding: 36px 0 52px; } }
    .wrap .footer h2 {
      color: #376ab2;
      font-size: 4.4vw;
      text-align: center; }
      @media only screen and (min-width: 750px) {
        .wrap .footer h2 {
          font-size: calc(21/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .wrap .footer h2 {
          font-size: 2.1rem; } }
    .wrap .footer .inquiry {
      width: 100%;
      margin: 3vw auto 0; }
      @media only screen and (min-width: 750px) {
        .wrap .footer .inquiry {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: calc(560/1200 * 100vw);
          margin: calc(20/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .wrap .footer .inquiry {
          width: 560px;
          margin: 20px auto 0; } }
      .wrap .footer .inquiry .text {
        width: 100%;
        text-align: center;
        font-size: 3.2vw;
        color: #376ab2; }
        @media only screen and (min-width: 750px) {
          .wrap .footer .inquiry .text {
            display: flex;
            justify-content: space-between;
            font-size: calc(16/1200 * 100vw);
            width: 12em; } }
        @media only screen and (min-width: 1200px) {
          .wrap .footer .inquiry .text {
            font-size: 1.6rem; } }
      .wrap .footer .inquiry .bt {
        width: 75.2vw;
        margin: 3.333vw auto 0; }
        @media only screen and (min-width: 750px) {
          .wrap .footer .inquiry .bt {
            width: calc(338/1200 * 100vw);
            margin: 0; } }
        @media only screen and (min-width: 1200px) {
          .wrap .footer .inquiry .bt {
            width: 338px; } }
    .wrap .footer .copy {
      font-size: 1.8vw;
      text-align: center;
      margin: 3em auto 0; }
      @media only screen and (min-width: 750px) {
        .wrap .footer .copy {
          font-size: calc(10/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .wrap .footer .copy {
          font-size: 1rem; } }
  .wrap #ptop {
    position: fixed;
    bottom: -18vw;
    right: 3vw;
    width: 13.2vw;
    transition: all 0.5s ease; }
    @media only screen and (min-width: 750px) {
      .wrap #ptop {
        bottom: calc(-150/1200 * 100%);
        right: calc(15/1200 * 100%);
        width: calc(99/1200 * 100%);
        cursor: pointer; } }
    @media only screen and (min-width: 1200px) {
      .wrap #ptop {
        bottom: -150px;
        right: 30px;
        width: 99px; } }
    .wrap #ptop.active {
      bottom: 3vw; }
      @media only screen and (min-width: 750px) {
        .wrap #ptop.active {
          bottom: calc(25/1200 * 100%); } }
      @media only screen and (min-width: 1200px) {
        .wrap #ptop.active {
          bottom: 25px; } }