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

body {
  font-size: 1.4rem;
  margin: 0;
  padding: 0;
  width: 100%; }
  @media only screen and (min-width: 750px) {
    body {
      font-size: 1.6rem; } }

*,
*::before,
*::after {
  box-sizing: border-box; }

h1, h2, h3, div, p, ul, li {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

img {
  width: 100%;
  height: auto;
  line-height: 0;
  vertical-align: bottom; }

a:hover {
  opacity: 0.8; }

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

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

@media only screen and (min-width: 1040px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; } }

@media only screen and (min-width: 420px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; } }
.kv {
  width: 100%;
  background-image: url("../img/spacer.png"), url("../img/bg_kv_sp.png");
  background-position: 100% 100%,top center;
  background-size: cover,cover;
  background-repeat: no-repeat,no-repeat; }
  @media only screen and (min-width: 750px) {
    .kv {
      text-align: center;
      background-image: url("../img/spacer.png"), url("../img/bg_kv_talent_pcl.webp"), url("../img/bg_kv_pcl.png");
      background-size: 100% 100%, auto 100%, auto 100%;
      background-position: top center,top center,top center;
      background-repeat: no-repeat,no-repeat, no-repeat; } }
  @media only screen and (min-width: 1040px) {
    .kv {
      background-size: 100% 100%, auto 100%, cover;
      background-position: top center,top center,center center; } }
  @media print {
    .kv {
      background-image: url("../img/spacer.png"), url("../img/bg_kv_none_sp.png"); } }
  .kv--inner {
    position: relative;
    width: 100%;
    height: 119.866vw;
    margin: 0 auto; }
    @media only screen and (min-width: 750px) {
      .kv--inner {
        height: calc(650/1040 * 100vw); } }
    @media only screen and (min-width: 1040px) {
      .kv--inner {
        width: 1040px;
        height: 650px; } }
    .kv--inner .logo {
      position: absolute;
      width: 19.33vw;
      top: 3.2vw;
      left: 4.26vw; }
      @media only screen and (min-width: 750px) {
        .kv--inner .logo {
          width: calc(145/1040 * 100vw);
          top: calc(29/1040 * 100vw);
          left: calc(72/1040 * 100vw); } }
      @media only screen and (min-width: 1040px) {
        .kv--inner .logo {
          width: 145px;
          top: 29px;
          left: 72px; } }
    .kv--inner h1 {
      position: absolute;
      width: 92.8vw;
      top: 10.133vw;
      left: 0;
      right: 0;
      margin: auto; }
      @media only screen and (min-width: 750px) {
        .kv--inner h1 {
          width: calc(721/1040 * 100vw);
          top: calc(51/1040 * 100vw);
          left: calc(246/1040 * 100vw);
          right: inherit; } }
      @media only screen and (min-width: 1040px) {
        .kv--inner h1 {
          width: 721px;
          top: 51px;
          left: 246px;
          right: inherit; } }

.period {
  background: #1d2a54;
  width: 100%; }
  .period--inner {
    position: relative;
    width: 100%;
    height: 33.333vw;
    padding: 4.53vw 0 0 5.2vw;
    margin: 0 auto; }
    @media only screen and (min-width: 750px) {
      .period--inner {
        height: calc(140/1040 * 100vw);
        padding: calc(21/1040 * 100vw) 0 0 calc(112/1040 * 100vw); } }
    @media only screen and (min-width: 1040px) {
      .period--inner {
        width: 1040px;
        height: 140px;
        padding: 21px 0 0 112px; } }
    .period--inner--text {
      width: 70.933vw; }
      @media only screen and (min-width: 750px) {
        .period--inner--text {
          width: calc(638/1040 * 100vw); } }
      @media only screen and (min-width: 1040px) {
        .period--inner--text {
          width: 638px; } }
    .period--inner--prod {
      position: absolute;
      width: 36.666vw;
      bottom: 5.2vw;
      right: 5vw; }
      @media only screen and (min-width: 750px) {
        .period--inner--prod {
          width: calc(219/1040 * 100vw);
          bottom: calc(19/1040 * 100vw);
          right: calc(35/1040 * 100%); } }
      @media only screen and (min-width: 1040px) {
        .period--inner--prod {
          width: 219px;
          bottom: 19px;
          right: 35px; } }

.prod {
  width: 100%;
  background: #F8F3E9;
  overflow: hidden; }
  .prod--inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 18.93vw 0 15.86vw; }
    @media only screen and (min-width: 750px) {
      .prod--inner {
        padding: calc(125/1040 * 100vw) 0 calc(108/1040 * 100vw);
        margin: 0 auto; } }
    @media only screen and (min-width: 1040px) {
      .prod--inner {
        width: 1040px;
        margin: 0 auto;
        padding: 125px 0 108px; } }
    .prod--inner--md {
      width: 87.06vw;
      margin: 0 auto;
      background-image: url("../img/h2_border_sp.svg");
      background-repeat: no-repeat;
      background-position: bottom center;
      background-size: 100% auto;
      padding: 0 0 5.06vw;
      text-align: center; }
      @media only screen and (min-width: 750px) {
        .prod--inner--md {
          width: calc(968/1040 * 100vw);
          background-image: url("../img/h2_border_pc.svg");
          padding: 0 0 calc(39/1040 * 100vw); } }
      @media only screen and (min-width: 1040px) {
        .prod--inner--md {
          width: 968px;
          padding: 0 0 39px; } }
      .prod--inner--md img {
        margin: 0 auto;
        width: 36vw; }
        @media only screen and (min-width: 750px) {
          .prod--inner--md img {
            width: calc(208/1040 * 100vw); } }
        @media only screen and (min-width: 1040px) {
          .prod--inner--md img {
            width: 208px; } }
    .prod--inner .prod_ph {
      width: 74.66vw;
      margin: 12.66vw auto 0;
      text-align: center; }
      @media only screen and (min-width: 750px) {
        .prod--inner .prod_ph {
          position: relative;
          text-align: left;
          width: calc(574/1040 * 100vw);
          margin: calc(39/1040 * 100vw) auto 0 calc(280/1040 * 100vw); } }
      @media only screen and (min-width: 1040px) {
        .prod--inner .prod_ph {
          width: 574px;
          margin: 39px auto 0 280px; } }
      .prod--inner .prod_ph .ph {
        width: 61.733vw; }
        @media only screen and (min-width: 750px) {
          .prod--inner .prod_ph .ph {
            width: 100%; } }
      .prod--inner .prod_ph--bt {
        width: 74.66vw;
        margin: 10.4vw auto 0;
        filter: drop-shadow(0.66vw 1.2vw 0 rgba(0, 0, 0, 0.2)); }
        @media only screen and (min-width: 750px) {
          .prod--inner .prod_ph--bt {
            position: absolute;
            width: calc(375/1040 * 100vw);
            margin: 0;
            bottom: calc(66/1040 * 100vw);
            right: calc(-0/1040 * 100vw);
            filter: drop-shadow(calc(4/1040 * 100vw) calc(7/1040 * 100vw) 0 rgba(0, 0, 0, 0.2)); } }
        @media only screen and (min-width: 1040px) {
          .prod--inner .prod_ph--bt {
            width: 375px;
            bottom: 66px;
            right: -0px;
            filter: drop-shadow(4px 7px 0 rgba(0, 0, 0, 0.2)); } }
    .prod--inner .notice_area {
      width: 80vw;
      font-size: 2.4vw;
      margin: 17.4vw auto 0; }
      @media only screen and (min-width: 750px) {
        .prod--inner .notice_area {
          width: calc(828/1040 * 100vw);
          margin: calc(40/1040 * 100vw) auto 0;
          font-size: calc(14/1040 * 100vw); } }
      @media only screen and (min-width: 1040px) {
        .prod--inner .notice_area {
          width: 828px;
          margin: 40px auto 0;
          font-size: 1.4rem; } }
      .prod--inner .notice_area .fwfc {
        width: 100%;
        margin: 0 auto; }
        @media only screen and (min-width: 750px) {
          .prod--inner .notice_area .fwfc {
            display: flex;
            justify-content: space-between;
            align-items: center; } }
        .prod--inner .notice_area .fwfc .fwfc_ti {
          width: 41.06vw;
          margin: 0 auto;
          border: solid 1px #000;
          padding: 0.3em;
          text-align: center;
          font-size: 3.86vw;
          font-weight: bold;
          line-height: 1; }
          @media only screen and (min-width: 750px) {
            .prod--inner .notice_area .fwfc .fwfc_ti {
              width: calc(175/1040 * 100vw);
              font-size: calc(22/1040 * 100vw);
              margin: 0; } }
          @media only screen and (min-width: 1040px) {
            .prod--inner .notice_area .fwfc .fwfc_ti {
              width: 175px;
              font-size: 2.2rem;
              margin: 0; } }
        .prod--inner .notice_area .fwfc .fwfc_text {
          width: 80vw;
          margin: 1.5em auto 0; }
          @media only screen and (min-width: 750px) {
            .prod--inner .notice_area .fwfc .fwfc_text {
              width: calc(635/1040 * 100vw);
              margin: 0; } }
          @media only screen and (min-width: 1040px) {
            .prod--inner .notice_area .fwfc .fwfc_text {
              width: 635px;
              margin: 0; } }
      .prod--inner .notice_area .notice_text {
        width: 100%;
        margin: 1em auto 0; }

.prize {
  idth: 100%;
  background-color: #eee3cb;
  background-image: url("../img/bg_prize_sp.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  overflow: hidden; }
  @media only screen and (min-width: 750px) {
    .prize {
      background-image: url("../img/bg_prize_star_pc.png"), url("../img/bg_prize_pc.png");
      background-position: top center, top center;
      background-repeat: no-repeat, no-repeat;
      background-size: 100% auto, 100% auto; } }
  @media only screen and (min-width: 1040px) {
    .prize {
      background-image: url("../img/bg_prize_star_pcl.png"), url("../img/bg_prize_pcl.png");
      background-size: auto auto, auto auto; } }
  @media only screen and (min-width: 2000px) {
    .prize {
      background-image: url("../img/bg_prize_star_pcl.png"), url("../img/bg_prize_pcl.png");
      background-size: auto auto, 100% auto; } }
  .prize--inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 34.4vw 0 31vw; }
    @media only screen and (min-width: 750px) {
      .prize--inner {
        padding: calc(189/1040 * 100vw) 0 calc(238/1040 * 100vw);
        margin: 0 auto; } }
    @media only screen and (min-width: 1040px) {
      .prize--inner {
        width: 1040px;
        margin: 0 auto;
        padding: 189px 0 238px; } }
    .prize--inner--md {
      width: 87.06vw;
      margin: 0 auto;
      background-image: url("../img/h2_border_sp.svg");
      background-repeat: no-repeat;
      background-position: bottom center;
      background-size: 100% auto;
      padding: 0 0 5.06vw;
      text-align: center; }
      @media only screen and (min-width: 750px) {
        .prize--inner--md {
          width: calc(968/1040 * 100vw);
          background-image: url("../img/h2_border_pc.svg");
          padding: 0 0 calc(39/1040 * 100vw); } }
      @media only screen and (min-width: 1040px) {
        .prize--inner--md {
          width: 968px;
          padding: 0 0 39px; } }
      .prize--inner--md img {
        margin: 0 auto;
        width: 20vw; }
        @media only screen and (min-width: 750px) {
          .prize--inner--md img {
            width: calc(115/1040 * 100vw); } }
        @media only screen and (min-width: 1040px) {
          .prize--inner--md img {
            width: 115px; } }
    .prize--inner--lead {
      width: 83.2vw;
      margin: 12.66vw auto 0; }
      @media only screen and (min-width: 750px) {
        .prize--inner--lead {
          width: calc(731/1040 * 100vw);
          margin: calc(63/1040 * 100vw) auto; } }
      @media only screen and (min-width: 1040px) {
        .prize--inner--lead {
          width: 731px;
          margin: 63px auto 0; } }
    .prize--inner .prize_column {
      position: relative;
      width: 88vw;
      margin: 12.26vw auto 0;
      background: rgba(255, 255, 255, 0.8);
      border-radius: 4vw; }
      @media only screen and (min-width: 750px) {
        .prize--inner .prize_column {
          width: calc(960/1040 * 100vw);
          margin: calc(63/1040 * 100vw) auto;
          border-radius: calc(30/1040 * 100vw); } }
      @media only screen and (min-width: 1040px) {
        .prize--inner .prize_column {
          width: 960px;
          margin: 63px auto 0;
          border-radius: 30px; } }
      .prize--inner .prize_column .prize_seal {
        position: absolute;
        width: 24.8vw;
        top: -4.4vw;
        left: -2.13vw; }
        @media only screen and (min-width: 750px) {
          .prize--inner .prize_column .prize_seal {
            width: calc(170/1040 * 100vw);
            top: calc(-31/1040 * 100vw);
            left: calc(-15/1040 * 100vw); } }
        @media only screen and (min-width: 1040px) {
          .prize--inner .prize_column .prize_seal {
            width: 170px;
            top: -31px;
            left: -15px; } }
      .prize--inner .prize_column .blank {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .prize--inner .prize_column .border {
        width: 90%;
        margin: 11.33vw auto 0;
        border-top: 0.26vw solid #000;
        padding: 11.6vw 0 0 0; }
        @media only screen and (min-width: 750px) {
          .prize--inner .prize_column .border {
            width: calc(890/1040 * 100vw);
            margin: calc(36 /1040 * 100vw) auto 0;
            border-top: calc(2 /1040 * 100vw) solid #000;
            padding: calc(62 /1040 * 100vw) 0 0 0; } }
        @media only screen and (min-width: 1040px) {
          .prize--inner .prize_column .border {
            width: 890px;
            margin: 36px auto 0;
            border-top: 2px solid #000;
            padding: 62px 0 0 0; } }
      .prize--inner .prize_column .prize03 {
        padding: 0 0 9.6vw; }
        @media only screen and (min-width: 750px) {
          .prize--inner .prize_column .prize03 {
            padding: 0 0 calc(90 /1040 * 100vw); } }
        @media only screen and (min-width: 1040px) {
          .prize--inner .prize_column .prize03 {
            padding: 0 0 90px; } }
      .prize--inner .prize_column .quo--btn {
        width: 80vw;
        height: 10.66vw;
        margin: 11.4vw auto 0;
        background-image: url(../img/prize_btn_sp.svg);
        background-size: 100% auto;
        background-position: top center;
        background-repeat: no-repeat;
        text-indent: -9999px; }
        @media only screen and (min-width: 750px) {
          .prize--inner .prize_column .quo--btn {
            background-image: url(../img/prize_btn_pc.svg);
            width: calc(780 /1040 * 100vw);
            height: calc(55 /1040 * 100vw);
            margin: calc(54 /1040 * 100vw) auto 0;
            cursor: pointer; } }
        @media only screen and (min-width: 1040px) {
          .prize--inner .prize_column .quo--btn {
            width: 780px;
            height: 55px;
            margin: 54px auto 0; } }
        .prize--inner .prize_column .quo--btn.active {
          background-position: bottom center; }
      .prize--inner .prize_column .quo {
        display: none;
        width: 100%;
        margin: 11.73vw auto 0;
        padding: 0 0 5vw; }
        @media only screen and (min-width: 750px) {
          .prize--inner .prize_column .quo {
            width: calc(780/1040 * 100vw);
            margin: calc(56/1040 * 100vw) auto 0;
            padding: 0 0 calc(20/1040 * 100vw); } }
        @media only screen and (min-width: 1040px) {
          .prize--inner .prize_column .quo {
            width: 780px;
            margin: 56px auto 0;
            padding: 0 0 20px; } }
        .prize--inner .prize_column .quo .about_md {
          width: 80.13vw;
          margin: 0 auto 0; }
          @media only screen and (min-width: 750px) {
            .prize--inner .prize_column .quo .about_md {
              width: calc(685/1040 * 100vw);
              margin: calc(0/1040 * 100vw) auto 0; } }
          @media only screen and (min-width: 1040px) {
            .prize--inner .prize_column .quo .about_md {
              width: 685px;
              margin: 0px auto 0; } }
        .prize--inner .prize_column .quo .note {
          width: 73.333vw;
          padding: 0 0 0 1em;
          margin: 4.666vw auto 0; }
          @media only screen and (min-width: 750px) {
            .prize--inner .prize_column .quo .note {
              width: calc(700/1040 * 100vw);
              margin: calc(44/1040 * 100vw) auto 0; } }
          @media only screen and (min-width: 1040px) {
            .prize--inner .prize_column .quo .note {
              width: 700px;
              margin: 44px auto 0; } }
          .prize--inner .prize_column .quo .note li {
            font-size: 2.66vw;
            text-indent: -1em;
            margin: 0.5em auto 0;
            line-height: 1.5em;
            text-align: left; }
            @media only screen and (min-width: 750px) {
              .prize--inner .prize_column .quo .note li {
                font-size: calc(15/1040 * 100vw); } }
            @media only screen and (min-width: 1040px) {
              .prize--inner .prize_column .quo .note li {
                font-size: 1.5rem; } }
            .prize--inner .prize_column .quo .note li:first-child {
              margin-top: 0; }
        .prize--inner .prize_column .quo .point {
          width: 67.33vw;
          margin: 7.83vw auto 0; }
          @media only screen and (min-width: 750px) {
            .prize--inner .prize_column .quo .point {
              width: calc(715/1040 * 100vw);
              margin: calc(46/1040 * 100vw) auto 0; } }
          @media only screen and (min-width: 1040px) {
            .prize--inner .prize_column .quo .point {
              width: 715px;
              margin: 44px auto 0; } }
        .prize--inner .prize_column .quo .link_bt {
          display: block;
          width: 77.33vw;
          margin: 9.06vw auto 0;
          filter: drop-shadow(0.4vw 1.06vw 0 rgba(0, 0, 0, 0.2)); }
          @media only screen and (min-width: 750px) {
            .prize--inner .prize_column .quo .link_bt {
              width: calc(700/1040 * 100vw);
              margin: calc(50/1150 * 100vw) auto 0;
              filter: drop-shadow(calc(4/1150 * 100vw) calc(8/1150 * 100vw) 0 rgba(0, 0, 0, 0.2)); } }
          @media only screen and (min-width: 1040px) {
            .prize--inner .prize_column .quo .link_bt {
              width: 700px;
              margin: 50px auto 0;
              filter: drop-shadow(3px 8px 0 rgba(0, 0, 0, 0.2)); } }
        .prize--inner .prize_column .quo .link_bt + .link_bt {
          margin-top: 6vw; }
          @media only screen and (min-width: 750px) {
            .prize--inner .prize_column .quo .link_bt + .link_bt {
              margin-top: calc(36/1040 * 100vw); } }
          @media only screen and (min-width: 1040px) {
            .prize--inner .prize_column .quo .link_bt + .link_bt {
              margin-top: 36px; } }
    .prize--inner .prize01_wrap {
      background-color: rgba(255, 255, 255, 0.8);
      background-image: url("../img/bg_prize01_sp.png");
      background-size: 100% auto; }
      @media only screen and (min-width: 750px) {
        .prize--inner .prize01_wrap {
          background-image: url("../img/bg_prize01_pc.png"); } }
      @media print {
        .prize--inner .prize01_wrap {
          background-image: url("../img/spacer.png"); } }
    .prize--inner .note {
      margin: 8.66vw auto 0;
      text-align: center;
      font-size: 2.66vw; }
      @media only screen and (min-width: 750px) {
        .prize--inner .note {
          margin: calc(70/1040 * 100vw) auto 0;
          font-size: calc(15/1040 * 100vw); } }
      @media only screen and (min-width: 1040px) {
        .prize--inner .note {
          width: 1040px;
          margin: 70px auto 0;
          font-size: 1.5rem; } }

.method {
  width: 100%;
  background: #ff5841;
  padding: 24vw 0 20.66vw; }
  @media only screen and (min-width: 750px) {
    .method {
      padding: calc(240/1040 * 100vw) 0 calc(166/1040 * 100vw); } }
  @media only screen and (min-width: 1040px) {
    .method {
      padding: 240px 0 166px; } }
  .method--column {
    position: relative;
    width: 88vw;
    background: #FFF;
    border-radius: 4vw;
    margin: 0 auto;
    padding: 19.86vw 0 14vw; }
    @media only screen and (min-width: 750px) {
      .method--column {
        width: calc(960/1040 * 100vw);
        border-radius: calc(30/1040 * 100vw);
        margin: calc(0/1040 * 100vw) auto 0;
        padding: calc(108/1040 * 100vw) 0 calc(118/1040 * 100vw); } }
    @media only screen and (min-width: 1040px) {
      .method--column {
        width: 960px;
        border-radius: 30px;
        margin: 0px auto 0;
        padding: 108px 0 118px; } }
    .method--column .method_md {
      position: absolute;
      width: 43.06vw;
      top: -5.46vw;
      left: 0;
      right: 0;
      margin: auto; }
      @media only screen and (min-width: 750px) {
        .method--column .method_md {
          width: calc(266/1040 * 100vw);
          top: calc(-37/1040 * 100vw); } }
      @media only screen and (min-width: 1040px) {
        .method--column .method_md {
          width: 266px;
          top: -37px; } }
    .method--column .method_lead {
      width: 70.53vw;
      margin: 0 auto; }
      @media only screen and (min-width: 750px) {
        .method--column .method_lead {
          width: calc(725/1040 * 100vw); } }
      @media only screen and (min-width: 1040px) {
        .method--column .method_lead {
          width: 725px; } }
    .method--column .method_fig01 {
      width: 77.33vw;
      margin: 9.06vw auto 0; }
      @media only screen and (min-width: 750px) {
        .method--column .method_fig01 {
          width: calc(725/1040 * 100vw);
          margin: calc(52/1040 * 100vw) auto 0; } }
      @media only screen and (min-width: 1040px) {
        .method--column .method_fig01 {
          width: 725px;
          margin: 52px auto 0; } }
    .method--column .method_fig01_note {
      margin: 1.5em auto 0;
      text-align: center;
      font-size: 3.466vw;
      color: #1d2a54; }
      @media only screen and (min-width: 750px) {
        .method--column .method_fig01_note {
          font-size: calc(21/1040 * 100vw); } }
      @media only screen and (min-width: 1040px) {
        .method--column .method_fig01_note {
          font-size: 2.1rem; } }
    .method--column .web_md {
      width: 80.66vw;
      margin: 16.5vw auto 0; }
      @media only screen and (min-width: 750px) {
        .method--column .web_md {
          width: calc(800/1040 * 100vw);
          margin: calc(100/1040 * 100vw) auto 0; } }
      @media only screen and (min-width: 1040px) {
        .method--column .web_md {
          width: 800px;
          margin: 100px auto 0; } }
    .method--column .web_lead {
      width: 61.6vw;
      margin: 12vw auto 0; }
      @media only screen and (min-width: 750px) {
        .method--column .web_lead {
          width: calc(712/1040 * 100vw);
          margin: calc(68/1040 * 100vw) auto 0; } }
      @media only screen and (min-width: 1040px) {
        .method--column .web_lead {
          width: 712px;
          margin: 68px auto 0; } }
    .method--column .web_fig02 {
      width: 77.33vw;
      margin: 8.93vw auto 0; }
      @media only screen and (min-width: 750px) {
        .method--column .web_fig02 {
          width: calc(800/1040 * 100vw);
          margin: calc(72/1040 * 100vw) auto 0; } }
      @media only screen and (min-width: 1040px) {
        .method--column .web_fig02 {
          width: 800px;
          margin: 72px auto 0; } }
    .method--column .web_text {
      width: 80.4vw;
      margin: 11.2vw auto 0; }
      @media only screen and (min-width: 750px) {
        .method--column .web_text {
          width: calc(639/1040 * 100vw);
          margin: calc(65/1040 * 100vw) auto 0; } }
      @media only screen and (min-width: 1040px) {
        .method--column .web_text {
          width: 639px;
          margin: 65px auto 0; } }
  .method .bt_apply {
    width: 88vw;
    margin: 13.33vw auto 0;
    filter: drop-shadow(0.66vw 2.13vw 0 rgba(0, 0, 0, 0.2)); }
    @media only screen and (min-width: 750px) {
      .method .bt_apply {
        width: calc(810/1040 * 100vw);
        margin: calc(132/1040 * 100vw) auto 0;
        filter: drop-shadow(calc(5/1040 * 100vw) calc(15/1040 * 100vw) 0 rgba(0, 0, 0, 0.2)); } }
    @media only screen and (min-width: 1040px) {
      .method .bt_apply {
        width: 810px;
        margin: 132px auto 0;
        filter: drop-shadow(5px 15px 0 rgba(0, 0, 0, 0.2)); } }
  .method .method_note {
    font-size: 3.73vw;
    line-height: 1.4em;
    margin: 1.5em auto 0;
    text-align: center;
    color: #FFF; }
    @media only screen and (min-width: 750px) {
      .method .method_note {
        margin: 1em auto 0;
        font-size: calc(28/1040 * 100vw); } }
    @media only screen and (min-width: 1040px) {
      .method .method_note {
        font-size: 2.8rem; } }

.online {
  width: 100%;
  background-color: #ffdcd7;
  background-image: url("../img/bg_online_sp.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding: 30.13vw 0 26vw; }
  @media only screen and (min-width: 750px) {
    .online {
      background-image: url("../img/bg_online_pc.png");
      padding: calc(270/1040 * 100vw) 0 calc(182/1040 * 100vw); } }
  @media only screen and (min-width: 1040px) {
    .online {
      background-image: url("../img/bg_online_pcl.png");
      background-repeat: no-repeat;
      background-size: auto auto;
      padding: 270px 0 182px; } }
  @media only screen and (min-width: 2000px) {
    .online {
      background-size: 100% auto; } }
  .online--column {
    background: #fff1ef;
    width: 88vw;
    margin: 0 auto;
    padding: 12.26vw 0 15.46vw;
    border-radius: 2.26vw; }
    @media only screen and (min-width: 750px) {
      .online--column {
        width: calc(960/1040 * 100vw);
        margin: 0 auto;
        padding: calc(70/1040 * 100vw) 0 calc(108/1040 * 100vw);
        border-radius: calc(30/1040 * 100vw); } }
    @media only screen and (min-width: 1040px) {
      .online--column {
        width: 960px;
        margin: 0 auto;
        padding: 70px 0 108px;
        border-radius: 30px; } }
    .online--column .online_md {
      width: 71.06vw;
      margin: 0 auto; }
      @media only screen and (min-width: 750px) {
        .online--column .online_md {
          width: calc(678/1040 * 100vw);
          margin: 0 auto; } }
      @media only screen and (min-width: 1040px) {
        .online--column .online_md {
          width: 678px; } }
    .online--column .online_bt01 {
      width: 71.6vw;
      margin: 9.6vw auto 0;
      filter: drop-shadow(0.93vw 1.33vw 0 rgba(0, 0, 0, 0.15)); }
      @media only screen and (min-width: 750px) {
        .online--column .online_bt01 {
          width: calc(537/1040 * 100vw);
          margin: calc(70/1040 * 100vw) auto 0;
          filter: drop-shadow(calc(3/1040 * 100vw) calc(8/1040 * 100vw) 0 rgba(0, 0, 0, 0.15)); } }
      @media only screen and (min-width: 1040px) {
        .online--column .online_bt01 {
          width: 537px;
          margin: 70px auto 0;
          filter: drop-shadow(7px 10px 0 rgba(0, 0, 0, 0.15)); } }
    .online--column .online_btarea {
      width: 68.66vw;
      margin: 6vw auto 0;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      @media only screen and (min-width: 750px) {
        .online--column .online_btarea {
          width: calc(822/1040 * 100vw);
          margin: calc(24/1040 * 100vw) auto 0; } }
      @media only screen and (min-width: 1040px) {
        .online--column .online_btarea {
          width: 822px;
          margin: 24px auto 0; } }
      .online--column .online_btarea li {
        width: 32.13vw;
        margin: 5.33vw 0 0 0;
        filter: drop-shadow(0.93vw 1.33vw 0 rgba(0, 0, 0, 0.15)); }
        @media only screen and (min-width: 750px) {
          .online--column .online_btarea li {
            width: calc(392/1040 * 100vw);
            margin: calc(48/1040 * 100vw) 0 0;
            filter: drop-shadow(calc(3/1040 * 100vw) calc(8/1040 * 100vw) 0 rgba(0, 0, 0, 0.15)); } }
        @media only screen and (min-width: 1040px) {
          .online--column .online_btarea li {
            width: 392px;
            margin: 48px 0 0;
            filter: drop-shadow(7px 10px 0 rgba(0, 0, 0, 0.15)); } }

.pink {
  width: 100%;
  background-color: #ffc0b7;
  padding: 22.13vw 0 55vw; }
  @media only screen and (min-width: 750px) {
    .pink {
      padding: calc(156/1040 * 100vw) 0 calc(155/1040 * 100vw); } }
  @media only screen and (min-width: 1040px) {
    .pink {
      padding: 156px 0 155px; } }
  .pink--inner {
    width: 100%;
    margin: 0 auto; }
    @media only screen and (min-width: 750px) {
      .pink--inner {
        margin: 0 auto; } }
    @media only screen and (min-width: 1040px) {
      .pink--inner {
        width: 1040px;
        margin: 0 auto; } }
    .pink--inner--md {
      width: 39.46vw;
      margin: 0 auto; }
      @media only screen and (min-width: 750px) {
        .pink--inner--md {
          width: calc(246/1040 * 100vw);
          margin: 0 auto; } }
      @media only screen and (min-width: 1040px) {
        .pink--inner--md {
          width: 246px;
          margin: 0 auto; } }
    .pink--inner .terms {
      width: 84vw;
      margin: 5.6vw auto 0;
      padding: 0 0 0;
      background: #FFF; }
      @media only screen and (min-width: 750px) {
        .pink--inner .terms {
          width: calc(840/1040 * 100vw);
          margin: calc(40/1040 * 100vw) auto 0; } }
      @media only screen and (min-width: 1040px) {
        .pink--inner .terms {
          width: 840px;
          margin: 40px auto 0; } }
      .pink--inner .terms .apply_wrap {
        width: 100%;
        height: 80vw;
        margin: 0 auto 0;
        padding: 5vw 5vw 5vw 5vw;
        border: 1px solid #c0c0c0;
        background: #FFF;
        overflow-y: scroll; }
        @media only screen and (min-width: 750px) {
          .pink--inner .terms .apply_wrap {
            height: calc(380/1040 * 100vw);
            margin: 0 auto 0;
            padding: calc(32/1040 * 100vw) calc(30/1040 * 100vw) calc(32/1040 * 100vw) calc(30/1040 * 100vw); } }
        @media only screen and (min-width: 1040px) {
          .pink--inner .terms .apply_wrap {
            height: 380px;
            margin: 0px auto 0;
            padding: 32px 30px 32px 30px; } }
        .pink--inner .terms .apply_wrap .apply_inner {
          width: 100%;
          margin: 0 auto 0 0;
          padding: 0 0 0 0; }
          .pink--inner .terms .apply_wrap .apply_inner p {
            font-size: 3vw;
            line-height: 1.5em; }
            @media only screen and (min-width: 750px) {
              .pink--inner .terms .apply_wrap .apply_inner p {
                font-size: calc(16/1040 * 100vw); } }
            @media only screen and (min-width: 1040px) {
              .pink--inner .terms .apply_wrap .apply_inner p {
                font-size: 1.6rem; } }
          .pink--inner .terms .apply_wrap .apply_inner h2 {
            text-align: center;
            font-size: 4vw;
            line-height: 1em;
            margin-bottom: 1em;
            font-weight: bold; }
            @media only screen and (min-width: 750px) {
              .pink--inner .terms .apply_wrap .apply_inner h2 {
                font-size: calc(22/1040 * 100vw); } }
            @media only screen and (min-width: 1040px) {
              .pink--inner .terms .apply_wrap .apply_inner h2 {
                font-size: 2.2rem; } }
          .pink--inner .terms .apply_wrap .apply_inner h3 {
            font-size: 3.5vw;
            text-align: left;
            border-bottom: solid 1px #000;
            padding: 0em 0em 0.2em 0.2em;
            margin-top: 2em; }
            @media only screen and (min-width: 750px) {
              .pink--inner .terms .apply_wrap .apply_inner h3 {
                font-size: calc(18/1040 * 100vw); } }
            @media only screen and (min-width: 1040px) {
              .pink--inner .terms .apply_wrap .apply_inner h3 {
                font-size: 1.8rem; } }
          .pink--inner .terms .apply_wrap .apply_inner h3 + h4 {
            margin-top: 1em; }
          .pink--inner .terms .apply_wrap .apply_inner h4 {
            font-size: 3vw;
            margin: 1.5em 0 0 0;
            font-weight: bold; }
            @media only screen and (min-width: 750px) {
              .pink--inner .terms .apply_wrap .apply_inner h4 {
                font-size: calc(16/1040 * 100vw); } }
            @media only screen and (min-width: 1040px) {
              .pink--inner .terms .apply_wrap .apply_inner h4 {
                font-size: 1.6rem; } }
          .pink--inner .terms .apply_wrap .apply_inner h5 {
            font-size: 3vw;
            line-height: 1.5em; }
            @media only screen and (min-width: 750px) {
              .pink--inner .terms .apply_wrap .apply_inner h5 {
                font-size: calc(16/1040 * 100vw); } }
            @media only screen and (min-width: 1040px) {
              .pink--inner .terms .apply_wrap .apply_inner h5 {
                font-size: 1.6rem; } }
          .pink--inner .terms .apply_wrap .apply_inner h4 + p, .pink--inner .terms .apply_wrap .apply_inner h4 + ul {
            margin-top: 0.3em; }
          .pink--inner .terms .apply_wrap .apply_inner h3 + p, .pink--inner .terms .apply_wrap .apply_inner h3 + ul {
            margin-top: 1em; }
          .pink--inner .terms .apply_wrap .apply_inner h5 + p {
            margin-left: 1em; }
          .pink--inner .terms .apply_wrap .apply_inner p + p {
            margin-top: 0.5em; }
          .pink--inner .terms .apply_wrap .apply_inner li + li {
            margin-top: 0.5em; }
          .pink--inner .terms .apply_wrap .apply_inner .note + .note {
            margin-top: 0.2em; }
          .pink--inner .terms .apply_wrap .apply_inner .number {
            margin-top: 1em; }
            .pink--inner .terms .apply_wrap .apply_inner .number li {
              padding-left: 1.25em;
              text-indent: -1.25em;
              font-size: 3vw;
              margin-top: 0.5em;
              line-height: 1.5em; }
              @media only screen and (min-width: 750px) {
                .pink--inner .terms .apply_wrap .apply_inner .number li {
                  font-size: calc(16/1040 * 100vw); } }
              @media only screen and (min-width: 1040px) {
                .pink--inner .terms .apply_wrap .apply_inner .number li {
                  font-size: 1.6rem; } }
          .pink--inner .terms .apply_wrap .apply_inner h4 + .number {
            margin-top: 0.3em; }
          .pink--inner .terms .apply_wrap .apply_inner .mt2 {
            margin-top: 2em; }
          .pink--inner .terms .apply_wrap .apply_inner .mt0 {
            margin-top: 0 !important; }
          .pink--inner .terms .apply_wrap .apply_inner .mt1 {
            margin-top: 1em !important; }
          .pink--inner .terms .apply_wrap .apply_inner .mb2 {
            margin-bottom: 2em; }
          .pink--inner .terms .apply_wrap .apply_inner .normal {
            margin-left: 1em; }
            .pink--inner .terms .apply_wrap .apply_inner .normal li {
              font-size: 3vw;
              list-style: disc;
              margin-top: 0;
              line-height: 1.5em; }
              @media only screen and (min-width: 750px) {
                .pink--inner .terms .apply_wrap .apply_inner .normal li {
                  font-size: calc(16/1040 * 100vw); } }
              @media only screen and (min-width: 1040px) {
                .pink--inner .terms .apply_wrap .apply_inner .normal li {
                  font-size: 1.6rem; } }
          .pink--inner .terms .apply_wrap .apply_inner .note {
            text-indent: -1em;
            margin-left: 1em; }
          .pink--inner .terms .apply_wrap .apply_inner .list {
            padding-left: 1.5em; }
            .pink--inner .terms .apply_wrap .apply_inner .list li {
              list-style: disc;
              font-size: 3vw;
              margin-top: 0.5em;
              line-height: 1.5em; }
              @media only screen and (min-width: 750px) {
                .pink--inner .terms .apply_wrap .apply_inner .list li {
                  font-size: calc(16/1040 * 100vw); } }
              @media only screen and (min-width: 1040px) {
                .pink--inner .terms .apply_wrap .apply_inner .list li {
                  font-size: 1.6rem; } }
          .pink--inner .terms .apply_wrap .apply_inner .list02 {
            padding-left: 1.5em; }
            .pink--inner .terms .apply_wrap .apply_inner .list02 li {
              list-style: circle;
              font-size: 3vw;
              margin-top: 0.5em;
              line-height: 1.5em; }
              @media only screen and (min-width: 750px) {
                .pink--inner .terms .apply_wrap .apply_inner .list02 li {
                  font-size: calc(16/1040 * 100vw); } }
              @media only screen and (min-width: 1040px) {
                .pink--inner .terms .apply_wrap .apply_inner .list02 li {
                  font-size: 1.6rem; } }
  .pink .inquiry_ti {
    width: 89.33vw;
    margin: 16vw auto 0;
    border-bottom: 0.266vw solid #000;
    padding: 0 0 2vw;
    text-align: center; }
    @media only screen and (min-width: 750px) {
      .pink .inquiry_ti {
        width: calc(810/1040 * 100vw);
        margin: calc(168/1040 * 100vw) auto 0;
        border-bottom: calc(2/1040 * 100vw) solid #000;
        padding: 0 0 calc(12/1040 * 100vw); } }
    @media only screen and (min-width: 1040px) {
      .pink .inquiry_ti {
        width: 810px;
        margin: 168px auto 0;
        border-bottom: 2px solid #000;
        padding: 0 0 12px; } }
    .pink .inquiry_ti img {
      width: 39.46vw;
      margin: 0 auto 0; }
      @media only screen and (min-width: 750px) {
        .pink .inquiry_ti img {
          width: calc(168/1040 * 100vw);
          margin: 0 auto 0; } }
      @media only screen and (min-width: 1040px) {
        .pink .inquiry_ti img {
          width: 168px;
          margin: 0px auto 0; } }
  .pink .inquiry_name {
    width: 89.33vw;
    margin: 7.6vw auto 0; }
    @media only screen and (min-width: 750px) {
      .pink .inquiry_name {
        width: calc(685/1040 * 100vw);
        margin: calc(41/1040 * 100vw) auto 0; } }
    @media only screen and (min-width: 1040px) {
      .pink .inquiry_name {
        width: 685px;
        margin: 41px auto 0; } }
  .pink .freecall {
    width: 80.533vw;
    margin: 5.6vw auto 0; }
    @media only screen and (min-width: 750px) {
      .pink .freecall {
        width: calc(421/1040 * 100vw);
        margin: calc(30/1040 * 100vw) auto 0; } }
    @media only screen and (min-width: 1040px) {
      .pink .freecall {
        width: 421px;
        margin: 30px auto 0; } }
  .pink .inquiry_period {
    width: 78.8vw;
    margin: 8.66vw auto 0; }
    @media only screen and (min-width: 750px) {
      .pink .inquiry_period {
        width: calc(550/1040 * 100vw);
        margin: calc(38/1040 * 100vw) auto 0; } }
    @media only screen and (min-width: 1040px) {
      .pink .inquiry_period {
        width: 550px;
        margin: 38px auto 0; } }

.fix_bt {
  position: fixed;
  bottom: -50vw;
  right: 2vw;
  width: 26.8vw;
  transition: all 0.5s ease; }
  @media only screen and (min-width: 750px) {
    .fix_bt {
      width: calc(166/1040 * 100vw);
      bottom: calc(-290/1040 * 100vw);
      right: calc(20/1040 * 100vw); } }
  @media only screen and (min-width: 1040px) {
    .fix_bt {
      width: 166px;
      bottom: -290px;
      right: 20px; } }
  .fix_bt.active {
    bottom: 3vw; }
    @media only screen and (min-width: 750px) {
      .fix_bt.active {
        bottom: calc(25/1040 * 100vw); } }
    @media only screen and (min-width: 1040px) {
      .fix_bt.active {
        bottom: 25px; } }
  .fix_bt .bt_apply {
    width: 26.8vw;
    margin: 0 auto;
    filter: drop-shadow(0.66vw 1.2vw 0px rgba(0, 0, 0, 0.2)); }
    @media only screen and (min-width: 750px) {
      .fix_bt .bt_apply {
        width: calc(166/1040 * 100vw);
        cursor: pointer;
        filter: drop-shadow(calc(4/1040 * 100vw) calc(7/1040 * 100vw) 0px rgba(0, 0, 0, 0.2)); } }
    @media only screen and (min-width: 1040px) {
      .fix_bt .bt_apply {
        width: 166px;
        filter: drop-shadow(4px 7px 0px rgba(0, 0, 0, 0.2)); } }
  .fix_bt .ptop {
    width: 17.6vw;
    margin: 2vw auto 0;
    transition: all 0.5s ease;
    filter: drop-shadow(0.66vw 1.2vw 0px rgba(0, 0, 0, 0.2)); }
    @media only screen and (min-width: 750px) {
      .fix_bt .ptop {
        width: calc(99/1040 * 100vw);
        cursor: pointer;
        filter: drop-shadow(calc(4/1040 * 100vw) calc(7/1040 * 100vw) 0px rgba(0, 0, 0, 0.2));
        margin: calc(13/1040 * 100vw) auto 0; } }
    @media only screen and (min-width: 1040px) {
      .fix_bt .ptop {
        width: 99px;
        filter: drop-shadow(4px 7px 0px rgba(0, 0, 0, 0.2));
        margin: 13px auto 0; } }