@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: calc(98/750 * 100vw);
    position: absolute;
    top: calc(42/750 * 100vw);
    right: calc(40/750 * 100vw);
    z-index: 100; }
    @media only screen and (min-width: 750px) {
      .wrap .logo_corp {
        width: calc(88/1100 * 100vw);
        top: calc(54/1100 * 100vw);
        left: calc(30/1100 * 100vw);
        right: inherit; } }
    @media only screen and (min-width: 1100px) {
      .wrap .logo_corp {
        width: 88px;
        top: 54px;
        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;
    height: calc(1185/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .wrap .kv {
        height: calc(680/1100 * 100vw);
        background-image: url("../img/bg_kv_pcl.png");
        background-size: auto 100%; } }
    @media only screen and (min-width: 1100px) {
      .wrap .kv {
        height: 680px; } }
    @media only screen and (min-width: 2000px) {
      .wrap .kv {
        background-position: center center;
        background-size: cover; } }
    .wrap .kv__inner {
      position: relative;
      width: 100%;
      margin: 0 auto;
      padding: calc(60/750 * 100vw) 0 0; }
      @media only screen and (min-width: 750px) {
        .wrap .kv__inner {
          margin: 0 auto;
          padding: calc(52/1100 * 100vw) 0 0; } }
      @media only screen and (min-width: 1100px) {
        .wrap .kv__inner {
          width: 1100px;
          margin: 0 auto;
          padding: 52px 0 0; } }
      .wrap .kv__inner .kv_catch {
        width: calc(343/750 * 100vw);
        margin: 0 auto 0 calc(44/750 * 100vw); }
        @media only screen and (min-width: 750px) {
          .wrap .kv__inner .kv_catch {
            width: calc(536/1100 * 100vw);
            margin: 0 auto 0 calc(138/1100 * 100vw); } }
        @media only screen and (min-width: 1100px) {
          .wrap .kv__inner .kv_catch {
            width: 536px;
            margin: 0 auto 0 138px; } }
      .wrap .kv__inner h1 {
        width: calc(676/750 * 100vw);
        margin: calc(80/750 * 100vw) auto 0; }
        @media only screen and (min-width: 750px) {
          .wrap .kv__inner h1 {
            width: calc(892/1100 * 100vw);
            margin: calc(80/1100 * 100vw) auto 0; } }
        @media only screen and (min-width: 1100px) {
          .wrap .kv__inner h1 {
            width: 892px;
            margin: 80px auto 0; } }
      .wrap .kv__inner .period {
        width: calc(588/750 * 100vw);
        margin: calc(53/750 * 100vw) auto 0; }
        @media only screen and (min-width: 750px) {
          .wrap .kv__inner .period {
            width: calc(824/1100 * 100vw);
            margin: calc(37/1100 * 100vw) auto 0; } }
        @media only screen and (min-width: 1100px) {
          .wrap .kv__inner .period {
            width: 824px;
            margin: 37px auto 0; } }
  .wrap .lead_wrap {
    width: 100%;
    background-image: url("../img/bg_lead_sp.png");
    background-size: cover;
    background-position: top center;
    height: calc(491/750 * 100vw);
    display: flex;
    justify-content: center;
    align-items: center; }
    @media only screen and (min-width: 750px) {
      .wrap .lead_wrap {
        background-image: url("../img/bg_lead_pcl.png");
        background-size: auto 100%;
        height: calc(230/1100 * 100vw); } }
    @media only screen and (min-width: 1100px) {
      .wrap .lead_wrap {
        height: 230px; } }
    @media only screen and (min-width: 2000px) {
      .wrap .lead_wrap {
        background-size: 100% 100%; } }
    .wrap .lead_wrap .lead {
      width: calc(657/750 * 100vw);
      margin: 0 auto; }
      @media only screen and (min-width: 750px) {
        .wrap .lead_wrap .lead {
          width: calc(717/1100 * 100vw); } }
      @media only screen and (min-width: 1100px) {
        .wrap .lead_wrap .lead {
          width: 717px; } }
  .wrap .prize_wrap {
    width: 100%;
    background-image: url("../img/bg_prize_sp.png");
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding: calc(51/750 * 100vw) 0 calc(28/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .wrap .prize_wrap {
        background-image: url("../img/bg_prize_pcl.png");
        background-size: auto 100%;
        padding: calc(58/1100 * 100vw) 0 calc(21/1100 * 100vw);
        background-position: top center;
        background-repeat: no-repeat; } }
    @media only screen and (min-width: 1100px) {
      .wrap .prize_wrap {
        background-size: auto auto;
        padding: 58px 0 21px; } }
    @media only screen and (min-width: 2000px) {
      .wrap .prize_wrap {
        background-size: cover; } }
    .wrap .prize_wrap .prize {
      width: 100%;
      margin: 0 auto; }
      @media only screen and (min-width: 1100px) {
        .wrap .prize_wrap .prize {
          width: 1100px; } }
      .wrap .prize_wrap .prize h2 {
        width: calc(584/750 * 100vw);
        margin: 0 auto; }
        @media only screen and (min-width: 750px) {
          .wrap .prize_wrap .prize h2 {
            width: calc(509/1100 * 100vw); } }
        @media only screen and (min-width: 1100px) {
          .wrap .prize_wrap .prize h2 {
            width: 509px; } }
      .wrap .prize_wrap .prize .prize_a {
        width: calc(640/750 * 100%);
        margin: calc(97/750 * 100vw) auto 0; }
        @media only screen and (min-width: 750px) {
          .wrap .prize_wrap .prize .prize_a {
            width: calc(737/1100 * 100vw);
            margin: calc(55/1100 * 100vw) auto 0; } }
        @media only screen and (min-width: 1100px) {
          .wrap .prize_wrap .prize .prize_a {
            width: 737px;
            margin: 55px auto 0; } }
      .wrap .prize_wrap .prize .prize_b {
        width: calc(594/750 * 100%);
        margin: calc(178/750 * 100vw) auto 0; }
        @media only screen and (min-width: 750px) {
          .wrap .prize_wrap .prize .prize_b {
            width: calc(737/1100 * 100vw);
            margin: calc(27/1100 * 100vw) auto 0; } }
        @media only screen and (min-width: 1100px) {
          .wrap .prize_wrap .prize .prize_b {
            width: 737px;
            margin: 27px auto 0; } }
      .wrap .prize_wrap .prize .prize_c {
        width: calc(716/750 * 100%);
        margin: calc(223/750 * 100vw) auto 0; }
        @media only screen and (min-width: 750px) {
          .wrap .prize_wrap .prize .prize_c {
            width: calc(737/1100 * 100vw);
            margin: calc(27/1100 * 100vw) auto 0; } }
        @media only screen and (min-width: 1100px) {
          .wrap .prize_wrap .prize .prize_c {
            width: 737px;
            margin: 27px auto 0; } }
      .wrap .prize_wrap .prize .bt_apply {
        display: block;
        width: calc(492/750 * 100%);
        margin: calc(180/750 * 100vw) auto 0;
        filter: drop-shadow(calc(7/750 * 100vw) calc(7/750 * 100vw) 0 #001349); }
        @media only screen and (min-width: 750px) {
          .wrap .prize_wrap .prize .bt_apply {
            width: calc(438/1100 * 100vw);
            margin: calc(67/1100 * 100vw) auto 0;
            filter: drop-shadow(calc(7/1100 * 100vw) calc(7/1100 * 100vw) 0 #001349); } }
        @media only screen and (min-width: 1100px) {
          .wrap .prize_wrap .prize .bt_apply {
            width: 438px;
            margin: 67px auto 0;
            filter: drop-shadow(7px 7px 0 #001349); } }
        .wrap .prize_wrap .prize .bt_apply img:hover {
          opacity: 1;
          filter: saturate(120%); }
      .wrap .prize_wrap .prize .note {
        width: calc(250/750 * 100%);
        margin: calc(59/750 * 100vw) calc(30/750 * 100vw) 0 auto; }
        @media only screen and (min-width: 750px) {
          .wrap .prize_wrap .prize .note {
            width: calc(162/1100 * 100vw);
            margin: calc(42/1100 * 100vw) calc(20/1100 * 100vw) 0 auto; } }
        @media only screen and (min-width: 1100px) {
          .wrap .prize_wrap .prize .note {
            width: 162px;
            margin: 42px 20px 0 auto; } }
  .wrap .cont_wrap {
    width: 100%;
    background-image: url("../img/bg_gold_sp.png"), url("../img/bg_gold_base_sp.png");
    background-size: 100% auto, 100% auto;
    background-position: top center,top center;
    background-repeat: no-repeat,repeat-y;
    padding: calc(66/750 * 100vw) 0 calc(50/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .wrap .cont_wrap {
        background-image: url("../img/bg_gold_pc.png"), url("../img/bg_gold_base_pc.png");
        background-size: 100% auto,cover;
        padding: calc(63/1100 * 100vw) 0 calc(50/1100 * 100vw);
        background-position: top center,top center;
        background-repeat: no-repeat,repeat-y; } }
    @media only screen and (min-width: 1100px) {
      .wrap .cont_wrap {
        background-image: url("../img/bg_gold_pcl.png"), url("../img/bg_gold_base_pcl.png");
        background-size: 2000px auto,2000px auto;
        background-position: top center,top center;
        padding: 63px 0 50px; } }
    @media only screen and (min-width: 2000px) {
      .wrap .cont_wrap {
        background-size: 100% auto ,100% auto;
        background-position: top center,top center; } }
    .wrap .cont_wrap .prod {
      background-color: #FFF;
      width: calc(672/750 * 100vw);
      margin: 0 auto;
      padding: 0 0 calc(44/750 * 100vw); }
      @media only screen and (min-width: 750px) {
        .wrap .cont_wrap .prod {
          width: calc(854/1100 * 100vw);
          padding: 0 0 calc(51/1100 * 100vw); } }
      @media only screen and (min-width: 1100px) {
        .wrap .cont_wrap .prod {
          width: 854px;
          padding: 0 0 51px; } }
      .wrap .cont_wrap .prod h2 {
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: linear-gradient(90deg, #001655 30%, #003c89 50%, #001655 70%);
        width: 100%;
        height: calc(82/750 * 100vw); }
        @media only screen and (min-width: 750px) {
          .wrap .cont_wrap .prod h2 {
            width: auto;
            height: calc(64/1100 * 100vw); } }
        @media only screen and (min-width: 1100px) {
          .wrap .cont_wrap .prod h2 {
            height: 64px; } }
        .wrap .cont_wrap .prod h2 img {
          width: calc(179/750 * 100vw); }
          @media only screen and (min-width: 750px) {
            .wrap .cont_wrap .prod h2 img {
              width: calc(163/1100 * 100vw); } }
          @media only screen and (min-width: 1100px) {
            .wrap .cont_wrap .prod h2 img {
              width: 163px; } }
      .wrap .cont_wrap .prod .prod_text {
        text-align: center;
        line-height: 1.2em;
        font-size: calc(39/750 * 100vw);
        font-weight: bold;
        margin: calc(45/750 * 100vw) auto 0; }
        @media only screen and (min-width: 750px) {
          .wrap .cont_wrap .prod .prod_text {
            font-size: calc(39/1100 * 100vw);
            margin: calc(51/1100 * 100vw) auto 0; } }
        @media only screen and (min-width: 1100px) {
          .wrap .cont_wrap .prod .prod_text {
            font-size: 3.9rem;
            margin: 51px auto 0; } }
        .wrap .cont_wrap .prod .prod_text span {
          font-size: 85%; }
      .wrap .cont_wrap .prod .bt_area {
        width: calc(596/750 * 100vw);
        margin: calc(30/750 * 100vw) auto 0;
        display: flex;
        justify-content: space-between; }
        @media only screen and (min-width: 750px) {
          .wrap .cont_wrap .prod .bt_area {
            width: calc(746/1100 * 100vw);
            margin: calc(45/1100 * 100vw) auto 0; } }
        @media only screen and (min-width: 1100px) {
          .wrap .cont_wrap .prod .bt_area {
            width: 746px;
            margin: 45px auto 0; } }
        .wrap .cont_wrap .prod .bt_area li {
          width: calc(287/750 * 100vw); }
          @media only screen and (min-width: 750px) {
            .wrap .cont_wrap .prod .bt_area li {
              width: calc(355/1100 * 100vw); } }
          @media only screen and (min-width: 1100px) {
            .wrap .cont_wrap .prod .bt_area li {
              width: 355px; } }
    .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/1100 * 100vw);
          padding: 0 0 calc(35/1100 * 100vw);
          margin: calc(42/1100 * 100vw) auto 0; } }
      @media only screen and (min-width: 1100px) {
        .wrap .cont_wrap .apply {
          width: 854px;
          padding: 0 0 35px;
          margin: 42px auto 0; } }
      .wrap .cont_wrap .apply h2 {
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: linear-gradient(90deg, #001655 30%, #003c89 50%, #001655 70%);
        width: 100%;
        height: calc(82/750 * 100vw); }
        @media only screen and (min-width: 750px) {
          .wrap .cont_wrap .apply h2 {
            width: auto;
            height: calc(64/1100 * 100vw); } }
        @media only screen and (min-width: 1100px) {
          .wrap .cont_wrap .apply h2 {
            height: 64px; } }
        .wrap .cont_wrap .apply h2 img {
          width: calc(177/750 * 100vw); }
          @media only screen and (min-width: 750px) {
            .wrap .cont_wrap .apply h2 img {
              width: calc(163/1100 * 100vw); } }
          @media only screen and (min-width: 1100px) {
            .wrap .cont_wrap .apply h2 img {
              width: 163px; } }
      .wrap .cont_wrap .apply h3 {
        width: calc(642/750 * 100vw);
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: linear-gradient(90deg, #001655 30%, #003c89 50%, #001655 70%);
        height: calc(58/750 * 100vw);
        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/1100 * 100vw);
            height: calc(50/1100 * 100vw);
            margin: calc(33/1100 * 100vw) auto 0;
            font-size: calc(21/1100 * 100vw); } }
        @media only screen and (min-width: 1100px) {
          .wrap .cont_wrap .apply h3 {
            width: 746px;
            height: 50px;
            margin: 33px auto 0;
            font-size: 2.1rem; } }
        @media only screen and (min-width: 750px) {
          .wrap .cont_wrap .apply h3.small {
            height: calc(38/1100 * 100vw); } }
        @media only screen and (min-width: 1100px) {
          .wrap .cont_wrap .apply h3.small {
            height: 38px; } }
        .wrap .cont_wrap .apply h3 img {
          width: calc(146/750 * 100vw); }
          @media only screen and (min-width: 750px) {
            .wrap .cont_wrap .apply h3 img {
              width: calc(125/1100 * 100vw); } }
          @media only screen and (min-width: 1100px) {
            .wrap .cont_wrap .apply h3 img {
              width: 125px; } }
        .wrap .cont_wrap .apply h3 img.md02 {
          width: calc(209/750 * 100vw); }
          @media only screen and (min-width: 750px) {
            .wrap .cont_wrap .apply h3 img.md02 {
              width: calc(118/1100 * 100vw); } }
          @media only screen and (min-width: 1100px) {
            .wrap .cont_wrap .apply h3 img.md02 {
              width: 118px; } }
        .wrap .cont_wrap .apply h3 img.md03 {
          width: calc(280/750 * 100vw); }
          @media only screen and (min-width: 750px) {
            .wrap .cont_wrap .apply h3 img.md03 {
              width: calc(160/1100 * 100vw); } }
          @media only screen and (min-width: 1100px) {
            .wrap .cont_wrap .apply h3 img.md03 {
              width: 160px; } }
      .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/1100 * 100vw); } }
        @media only screen and (min-width: 1100px) {
          .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/1100 * 100vw);
            margin: calc(20/1100 * 100vw) auto 0; } }
        @media only screen and (min-width: 1100px) {
          .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: calc(29/750 * 100vw);
          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/1100 * 100vw); } }
          @media only screen and (min-width: 1100px) {
            .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: 1em 0 0 0;
          border-bottom: solid #002870 2px;
          color: #002870;
          font-size: calc(32/750 * 100vw);
          padding: 0 0 0.2em 0; }
          @media only screen and (min-width: 750px) {
            .wrap .cont_wrap .apply .method .type_ti, .wrap .cont_wrap .apply .announce .type_ti {
              margin: calc(40/1150 * 100vw) 0 0 0;
              border-top: solid #002870 calc(2/1100 * 100vw);
              border-bottom: none;
              font-size: calc(25/1100 * 100vw);
              padding: 0 0 0 0; } }
          @media only screen and (min-width: 1100px) {
            .wrap .cont_wrap .apply .method .type_ti, .wrap .cont_wrap .apply .announce .type_ti {
              margin: 40px 0 0 0;
              border-top: solid #002870 2px;
              font-size: 2.5rem; } }
          @media only screen and (min-width: 750px) {
            .wrap .cont_wrap .apply .method .type_ti span, .wrap .cont_wrap .apply .announce .type_ti span {
              display: block;
              width: 8.5em;
              margin: -0.8em auto 0 0;
              padding: 0.2em 0.5em 0.2em 0;
              background: #FFF; } }
        .wrap .cont_wrap .apply .method .type, .wrap .cont_wrap .apply .announce .type {
          font-size: calc(29/750 * 100vw);
          line-height: 1.5em;
          margin-top: 0.3em; }
          @media only screen and (min-width: 750px) {
            .wrap .cont_wrap .apply .method .type, .wrap .cont_wrap .apply .announce .type {
              font-size: calc(20/1100 * 100vw); } }
          @media only screen and (min-width: 1100px) {
            .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: calc(35/750 * 100vw) auto 0; }
          @media only screen and (min-width: 750px) {
            .wrap .cont_wrap .apply .method .fig, .wrap .cont_wrap .apply .announce .fig {
              margin: calc(25/1100 * 100vw) auto 0 0; } }
          @media only screen and (min-width: 1100px) {
            .wrap .cont_wrap .apply .method .fig, .wrap .cont_wrap .apply .announce .fig {
              margin: 25px auto 0 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(722/1100 * 100vw); } }
            @media only screen and (min-width: 1100px) {
              .wrap .cont_wrap .apply .method .fig img, .wrap .cont_wrap .apply .announce .fig img {
                width: 722px; } }
          .wrap .cont_wrap .apply .method .fig img.announce_fig, .wrap .cont_wrap .apply .announce .fig img.announce_fig {
            width: 98%; }
            @media only screen and (min-width: 750px) {
              .wrap .cont_wrap .apply .method .fig img.announce_fig, .wrap .cont_wrap .apply .announce .fig img.announce_fig {
                width: calc(502/1100 * 100vw); } }
            @media only screen and (min-width: 1100px) {
              .wrap .cont_wrap .apply .method .fig img.announce_fig, .wrap .cont_wrap .apply .announce .fig img.announce_fig {
                width: 502px; } }
        .wrap .cont_wrap .apply .method .type_note, .wrap .cont_wrap .apply .announce .type_note {
          font-size: calc(23/750 * 100vw);
          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/1100 * 100vw);
              letter-spacing: -0.02em; } }
          @media only screen and (min-width: 1100px) {
            .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/1100 * 100vw);
            margin: calc(20/1100 * 100vw) auto 0; } }
        @media only screen and (min-width: 1100px) {
          .wrap .cont_wrap .apply .announce {
            width: 715px;
            margin: 20px auto 0; } }
        .wrap .cont_wrap .apply .announce .text01 {
          font-size: calc(29/750 * 100vw);
          line-height: 1.4em; }
          @media only screen and (min-width: 750px) {
            .wrap .cont_wrap .apply .announce .text01 {
              font-size: calc(21/1100 * 100vw);
              letter-spacing: -0.04em; } }
          @media only screen and (min-width: 1100px) {
            .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/1100 * 100vw);
            margin: calc(20/1100 * 100vw) auto 0; } }
        @media only screen and (min-width: 1100px) {
          .wrap .cont_wrap .apply .privacy {
            width: 715px;
            margin: 20px auto 0; } }
        .wrap .cont_wrap .apply .privacy .text {
          font-size: calc(23/750 * 100vw);
          line-height: 1.4;
          text-align: justify; }
          @media only screen and (min-width: 750px) {
            .wrap .cont_wrap .apply .privacy .text {
              line-height: 1.6;
              font-size: calc(13/1100 * 100vw); } }
          @media only screen and (min-width: 1100px) {
            .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: 1100px) {
            .wrap .cont_wrap .apply .privacy .bt_privacy {
              width: 287px;
              margin: 24px auto 0; } }
  .wrap .terms_btn {
    margin: calc(58/750 * 100vw) auto 0;
    width: calc(672/750 * 100vw);
    padding: 2.666vw 0;
    background-image: url("../img/btn_arrow_op.svg"), linear-gradient(90deg, #001655 30%, #003c89 50%, #001655 70%);
    background-position: right 3.6vw center,top center;
    background-size: 6.26vw auto,100% 100%;
    background-repeat: no-repeat,no-repeat;
    text-align: center;
    line-height: 0; }
    @media only screen and (min-width: 750px) {
      .wrap .terms_btn {
        margin: calc(55/1100 * 100vw) auto 0;
        width: calc(856/1100 * 100vw);
        padding: calc(10/1100 * 100vw) 0;
        background-position: right calc(30/1100 * 100vw) center, top center;
        background-size: calc(45/1100 * 100vw) auto, 100% 100%; } }
    @media only screen and (min-width: 1100px) {
      .wrap .terms_btn {
        margin: 55px auto 0;
        width: 856px;
        padding: 10px 0;
        background-position: right 30px center,top center;
        background-size: 45px auto,100% 100%; } }
    .wrap .terms_btn.active {
      background-image: url("../img/btn_arrow_cl.svg"), linear-gradient(90deg, #001655 30%, #003c89 50%, #001655 70%); }
    @media only screen and (min-width: 750px) {
      .wrap .terms_btn:hover {
        opacity: 1;
        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/1100 * 100vw); } }
      @media only screen and (min-width: 1100px) {
        .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(856/1100 * 100vw); } }
    @media only screen and (min-width: 1100px) {
      .wrap .terms_cont {
        margin: 0px auto 0;
        width: 856px; } }
    .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/1100 * 100vw); } }
      @media only screen and (min-width: 1100px) {
        .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/1100 * 100vw); } }
      @media only screen and (min-width: 1100px) {
        .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/1100 * 100vw);
        margin: calc(38/1100 * 100vw) auto 0;
        filter: drop-shadow(calc(7/1100 * 100vw) calc(7/1100 * 100vw) 0 rgba(0, 0, 0, 0.15)); } }
    @media only screen and (min-width: 1100px) {
      .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(120%); }
  .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/1100 * 100vw);
        margin: calc(38/1100 * 100vw) auto 0;
        filter: drop-shadow(calc(7/1100 * 100vw) calc(7/1100 * 100vw) 0 rgba(0, 0, 0, 0.15)); } }
    @media only screen and (min-width: 1100px) {
      .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/1100 * 100vw);
        font-size: calc(13/1100 * 100vw); } }
    @media only screen and (min-width: 1100px) {
      .wrap .note {
        width: 960px;
        font-size: 1.3rem; } }
  .wrap .footer {
    background: #fff;
    padding: calc(43/750 * 100vw) 0 calc(58/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .wrap .footer {
        padding: calc(56/1100 * 100vw) 0 calc(90/1100 * 100vw); } }
    @media only screen and (min-width: 1100px) {
      .wrap .footer {
        padding: 56px 0 90px; } }
    .wrap .footer h2 {
      color: #002870;
      font-size: calc(33/750 * 100vw);
      text-align: center; }
      @media only screen and (min-width: 750px) {
        .wrap .footer h2 {
          font-size: calc(21/1100 * 100vw); } }
      @media only screen and (min-width: 1100px) {
        .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/1100 * 100vw);
          margin: calc(20/1100 * 100vw) auto 0; } }
      @media only screen and (min-width: 1100px) {
        .wrap .footer .inquiry {
          width: 560px;
          margin: 20px auto 0; } }
      .wrap .footer .inquiry .text {
        width: 100%;
        text-align: center;
        font-size: calc(24/750 * 100vw);
        color: #002870; }
        @media only screen and (min-width: 750px) {
          .wrap .footer .inquiry .text {
            display: flex;
            justify-content: space-between;
            font-size: calc(16/1100 * 100vw);
            width: 12em; } }
        @media only screen and (min-width: 1100px) {
          .wrap .footer .inquiry .text {
            font-size: 1.6rem; } }
      .wrap .footer .inquiry .bt {
        width: calc(562/750 * 100vw);
        margin: 3.333vw auto 0; }
        @media only screen and (min-width: 750px) {
          .wrap .footer .inquiry .bt {
            width: calc(338/1100 * 100vw);
            margin: 0; } }
        @media only screen and (min-width: 1100px) {
          .wrap .footer .inquiry .bt {
            width: 338px; } }
    .wrap .footer .copy {
      font-size: calc(15/750 * 100vw);
      text-align: center;
      margin: 3em auto 0; }
      @media only screen and (min-width: 750px) {
        .wrap .footer .copy {
          font-size: calc(10/1100 * 100vw); } }
      @media only screen and (min-width: 1100px) {
        .wrap .footer .copy {
          font-size: 1rem; } }
  .wrap #ptop {
    position: fixed;
    bottom: -18vw;
    right: 3vw;
    width: 13.2vw;
    transition: all 0.5s ease;
    filter: drop-shadow(calc(4/750 * 100vw) calc(4/750 * 100vw) calc(4/750 * 100vw) rgba(0, 0, 0, 0.5)); }
    @media only screen and (min-width: 750px) {
      .wrap #ptop {
        bottom: calc(-150/1100 * 100%);
        right: calc(15/1100 * 100%);
        width: calc(99/1100 * 100%);
        cursor: pointer;
        filter: drop-shadow(calc(4/1100 * 100vw) calc(4/1100 * 100vw) calc(4/1100 * 100vw) rgba(0, 0, 0, 0.5)); } }
    @media only screen and (min-width: 1100px) {
      .wrap #ptop {
        bottom: -150px;
        right: 30px;
        width: 99px;
        filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.5)); } }
    .wrap #ptop.active {
      bottom: 3vw; }
      @media only screen and (min-width: 750px) {
        .wrap #ptop.active {
          bottom: calc(25/1100 * 100%); } }
      @media only screen and (min-width: 1100px) {
        .wrap #ptop.active {
          bottom: 25px; } }