@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; }
  @media only screen and (min-width: 768px) {
    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: 768px) {
    .only_pc {
      display: inline; } }

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

@media only screen and (min-width: 1200px) {
  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; } }
.tel-link-none {
  pointer-events: none; }

.pageContainer {
  padding: 0;
  overflow: hidden; }

.contents_wrap {
  padding: 55px 0 0; }
  @media only screen and (min-width: 768px) {
    .contents_wrap {
      padding: 80px 0 0; } }
  @media only screen and (min-width: 1200px) {
    .contents_wrap {
      padding: 80px 0 0; } }

.kv {
  position: relative;
  background-color: #ef857d;
  background-image: url("../img/bg_kv_sp.png");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  margin: 0vw auto 0;
  width: 100%;
  height: 89.333vw; }
  @media only screen and (min-width: 768px) {
    .kv {
      height: calc(650 / 1200 * 100vw);
      background-image: url("../img/bg_kv_pc.png");
      background-size: cover;
      background-position: top center; } }
  @media only screen and (min-width: 1200px) {
    .kv {
      height: 650px;
      background-image: url("../img/bg_kv_pcl.png");
      background-position: bottom center;
      background-size: auto auto; } }
  .kv .close {
    background: rgba(51, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 53%;
    z-index: 100; }
    @media only screen and (min-width: 768px) {
      .kv .close {
        height: 35%; } }
    .kv .close .comment {
      width: 73.333%;
      margin: 3.733vw auto 0; }
      @media only screen and (min-width: 768px) {
        .kv .close .comment {
          width: calc(550/960* 100vw);
          margin: calc(38/960* 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .kv .close .comment {
          width: 550px;
          margin: 38px auto 0; } }
  .kv--inner {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .kv--inner {
        position: relative;
        width: 100%;
        margin: 0 auto; } }
    @media only screen and (min-width: 1200px) {
      .kv--inner {
        width: 1200px; } }
    .kv--inner--title {
      width: 100%;
      margin: 0 auto; }
      @media only screen and (min-width: 1200px) {
        .kv--inner--title {
          width: 100%; } }
    .kv--inner--prod {
      width: 78.666%;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .kv--inner--prod {
          width: calc(860 / 1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .kv--inner--prod {
          width: 860px; } }

.period {
  position: relative;
  width: 100%;
  background: #5a2e00; }
  .period .close {
    background: rgba(35, 24, 21, 0.6);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100; }
    @media only screen and (min-width: 768px) {
      .period .close {
        height: 100%; } }
  .period--inner {
    position: relative;
    width: 100%;
    padding: 4.533vw 0; }
    @media only screen and (min-width: 768px) {
      .period--inner {
        width: 100%;
        padding: calc(22 / 1200 * 100vw) 0;
        margin: 0 auto; } }
    @media only screen and (min-width: 1200px) {
      .period--inner {
        width: 1200px;
        padding: 22px 0; } }
    .period--inner--term {
      width: 80.666vw;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .period--inner--term {
          width: calc(637 / 1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .period--inner--term {
          width: 637px; } }

.hd {
  width: 100%;
  height: 18vw;
  background-image: url(../img/hd_nami_sp.svg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100vw auto; }
  @media only screen and (min-width: 768px) {
    .hd {
      height: calc(118/1200 * 100vw);
      background-image: url(../img/hd_nami_pc.svg);
      background-repeat: no-repeat;
      background-position: bottom center;
      background-size: calc(4000/1200 * 100vw) auto; } }
  @media only screen and (min-width: 1200px) {
    .hd {
      height: 118px; } }
  .hd--inner {
    width: 100vw;
    padding: 2.66vw 0 0; }
    @media only screen and (min-width: 768px) {
      .hd--inner {
        width: 100%;
        margin: 0 auto;
        padding: calc(24/1200 * 100vw) 0 0; } }
    @media only screen and (min-width: 1200px) {
      .hd--inner {
        width: 1200px;
        padding: 24px 0 0; } }
    .hd--inner--logo {
      width: 67.33vw;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 0 0 0 10.26vw; }
      @media only screen and (min-width: 768px) {
        .hd--inner--logo {
          width: calc(600/1200 * 100vw);
          margin: 0 0 0 calc(244/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .hd--inner--logo {
          width: 600px;
          margin: 0 0 0 244px; } }
      .hd--inner--logo li {
        line-height: 0; }
      .hd--inner--logo li:nth-child(1) {
        width: 35.46vw; }
        @media only screen and (min-width: 768px) {
          .hd--inner--logo li:nth-child(1) {
            width: calc(313/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .hd--inner--logo li:nth-child(1) {
            width: 313px; } }
      .hd--inner--logo li:nth-child(2) {
        width: 2.6vw;
        padding-top: 0.5vw; }
        @media only screen and (min-width: 768px) {
          .hd--inner--logo li:nth-child(2) {
            width: calc(22/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .hd--inner--logo li:nth-child(2) {
            width: 22px;
            padding-top: 5px; } }
      .hd--inner--logo li:nth-child(3) {
        width: 17.66vw; }
        @media only screen and (min-width: 768px) {
          .hd--inner--logo li:nth-child(3) {
            width: calc(150/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .hd--inner--logo li:nth-child(3) {
            width: 150px; } }

.prod {
  width: 84vw;
  margin: 16vw auto 0;
  padding: 0 4.2vw 0;
  background: #FFF;
  border-radius: 3.466vw; }
  @media only screen and (min-width: 768px) {
    .prod {
      width: calc(970/1200 * 100vw);
      margin: calc(125/1200 * 100vw) auto 0;
      padding: 0;
      border-radius: calc(30/1200 * 100vw); } }
  @media only screen and (min-width: 1200px) {
    .prod {
      width: 970px;
      margin: 125px auto 0;
      border-radius: 30px; } }
  .prod--inner {
    position: relative;
    padding: 8vw 0 0;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .prod--inner {
        padding: calc(58 / 1200 * 100vw) 0 0; } }
    @media only screen and (min-width: 1200px) {
      .prod--inner {
        padding: 58px 0 0; } }
    .prod--inner--title {
      position: absolute;
      width: 25.73vw;
      top: -4vw;
      left: 0;
      right: 0;
      margin: auto; }
      @media only screen and (min-width: 768px) {
        .prod--inner--title {
          width: calc(238 / 1200 * 100vw);
          top: calc(-30 / 1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .prod--inner--title {
          width: 238px;
          top: -30px; } }
    .prod--inner--subtitle {
      width: 46.13vw;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        .prod--inner--subtitle {
          width: calc(512 / 1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .prod--inner--subtitle {
          width: 512px; } }
    .prod--inner--lineup {
      width: 66.93vw;
      margin: 6.66vw auto 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media only screen and (min-width: 768px) {
        .prod--inner--lineup {
          width: calc(736 / 1200 * 100vw);
          margin: calc(46 / 1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .prod--inner--lineup {
          width: 736px;
          margin: 46px auto 0; } }
      .prod--inner--lineup li {
        width: 28.8vw;
        margin-bottom: 9.6vw; }
        @media only screen and (min-width: 768px) {
          .prod--inner--lineup li {
            width: calc(175 / 1200 * 100vw);
            margin-bottom: calc(55 / 1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .prod--inner--lineup li {
            width: 175px;
            margin-bottom: 55px; } }
        .prod--inner--lineup li .photo {
          width: 23.46vw;
          margin: 0 auto; }
          @media only screen and (min-width: 768px) {
            .prod--inner--lineup li .photo {
              width: calc(175 / 1200 * 100vw); } }
          @media only screen and (min-width: 1200px) {
            .prod--inner--lineup li .photo {
              width: 175px; } }
        .prod--inner--lineup li .btn {
          margin-top: 1.5vw; }
          @media only screen and (min-width: 768px) {
            .prod--inner--lineup li .btn {
              margin-top: calc(9 / 1200 * 100vw); } }
          @media only screen and (min-width: 1200px) {
            .prod--inner--lineup li .btn {
              margin-top: 9px; } }
        .prod--inner--lineup li:last-child {
          width: 29vw;
          margin-top: 2vw; }
          @media only screen and (min-width: 768px) {
            .prod--inner--lineup li:last-child {
              width: calc(214 / 1200 * 100vw);
              margin-top: 0; } }
          @media only screen and (min-width: 1200px) {
            .prod--inner--lineup li:last-child {
              width: 214px; } }
        @media only screen and (min-width: 768px) {
          .prod--inner--lineup li:nth-child(2) {
            margin: 0 calc(102 / 1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .prod--inner--lineup li:nth-child(2) {
            margin: 0 102px; } }
        @media only screen and (min-width: 768px) {
          .prod--inner--lineup li:nth-child(5) {
            margin: 0 calc(63 / 1200 * 100vw) 0 calc(102 / 1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .prod--inner--lineup li:nth-child(5) {
            margin: 0 63px 0 102px; } }

.pink_wrap {
  position: relative;
  background-color: #ef857d;
  margin: 0 auto;
  padding: 0 0 13.066vw; }
  @media only screen and (min-width: 768px) {
    .pink_wrap {
      background-image: url("../img/bg_pink_pc.png");
      padding: calc(26/1200 * 100vw) 0 calc(130/1200 * 100vw); } }
  @media only screen and (min-width: 1200px) {
    .pink_wrap {
      background-image: url("../img/bg_pink_pcl.png");
      background-size: auto auto;
      padding: 26px 0 130px; } }
  .pink_wrap .close {
    background: rgba(35, 24, 21, 0.6);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100; }
    @media only screen and (min-width: 768px) {
      .pink_wrap .close {
        height: 100%; } }

.line_lead {
  width: 100%;
  margin: 0 auto; }
  @media only screen and (min-width: 768px) {
    .line_lead {
      width: 100%;
      padding: 0 0 0 calc(155/1200 * 100vw); } }
  @media only screen and (min-width: 1200px) {
    .line_lead {
      width: 1200px;
      padding: 0 0 0 155px; } }
  @media only screen and (min-width: 768px) {
    .line_lead img {
      width: calc(907/1200 * 100vw); } }
  @media only screen and (min-width: 1200px) {
    .line_lead img {
      width: 907px; } }

.prize {
  width: 84vw;
  margin: 7vw auto 0;
  padding: 0 0 7.466vw;
  background: #FFF;
  border-radius: 3.466vw; }
  @media only screen and (min-width: 768px) {
    .prize {
      width: calc(960/1200 * 100vw);
      margin: calc(36/1200 * 100vw) auto 0;
      padding: 0 0 1em;
      border-radius: calc(30/1200 * 100vw); } }
  @media only screen and (min-width: 1200px) {
    .prize {
      width: 960px;
      margin: 36px auto 0;
      padding: 0;
      border-radius: 30px; } }
  .prize--inner {
    position: relative;
    padding: 0 0;
    margin: 0 auto 0; }
    @media only screen and (min-width: 768px) {
      .prize--inner {
        padding: 0 0; } }
    @media only screen and (min-width: 1200px) {
      .prize--inner {
        padding: 0 0 28px; } }
    .prize--inner--title {
      position: absolute;
      width: 24.533vw;
      top: -4vw;
      left: 0;
      right: 0;
      margin: auto; }
      @media only screen and (min-width: 768px) {
        .prize--inner--title {
          width: calc(238 / 1200 * 100vw);
          top: calc(-36 / 1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .prize--inner--title {
          width: 238px;
          top: -36px; } }
    .prize--inner--quo {
      margin: 0 auto 0;
      padding: 10.533vw 0 0 0; }
      @media only screen and (min-width: 768px) {
        .prize--inner--quo {
          position: relative;
          margin: 0 auto 0;
          padding: calc(68/1200 * 100vw) 0 0 calc(68/1200 * 100vw);
          width: calc(882 / 1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .prize--inner--quo {
          margin: auto 0;
          padding: 68px 0 0 68px;
          width: 882px; } }
      .prize--inner--quo--txt {
        width: 73.33vw;
        margin: 0 auto; }
        @media only screen and (min-width: 768px) {
          .prize--inner--quo--txt {
            width: calc(411 / 1200 * 100vw);
            margin: 0; } }
        @media only screen and (min-width: 1200px) {
          .prize--inner--quo--txt {
            width: 411px; } }
        .prize--inner--quo--txt--title {
          width: 60.266vw;
          margin: 0 auto; }
          @media only screen and (min-width: 768px) {
            .prize--inner--quo--txt--title {
              width: calc(411 / 1200 * 100vw);
              margin: 0 0 0; } }
          @media only screen and (min-width: 1200px) {
            .prize--inner--quo--txt--title {
              width: 411px;
              margin: 0 0 0; } }
        .prize--inner--quo--txt--note {
          width: 100%;
          margin: 2em 0 0;
          font-size: 2vw;
          line-height: 1.2;
          text-align: left;
          padding-left: 1em;
          text-indent: -1em; }
          @media only screen and (min-width: 768px) {
            .prize--inner--quo--txt--note {
              margin: calc(15 / 1200 * 100vw) 0 0;
              font-size: calc(11 / 1200 * 100vw); } }
          @media only screen and (min-width: 1200px) {
            .prize--inner--quo--txt--note {
              margin: 15px 0 0;
              font-size: 1.1rem; } }
      .prize--inner--quo--image {
        width: 60vw;
        margin: 6.26vw auto 0; }
        @media only screen and (min-width: 768px) {
          .prize--inner--quo--image {
            position: absolute;
            top: calc(200 / 1200 * 100vw);
            right: calc(36 / 1200 * 100vw);
            width: calc(278 / 1200 * 100vw);
            margin: 0; } }
        @media only screen and (min-width: 1200px) {
          .prize--inner--quo--image {
            top: 200px;
            right: 36px;
            width: 278px; } }
        .prize--inner--quo--image div {
          width: 42.4vw;
          margin: 0 auto; }
          @media only screen and (min-width: 768px) {
            .prize--inner--quo--image div {
              width: calc(264 / 1200 * 100vw); } }
          @media only screen and (min-width: 1200px) {
            .prize--inner--quo--image div {
              width: 264px; } }
      .prize--inner--quo--note {
        width: 100%;
        margin: 1em 0 0;
        font-size: 2vw;
        line-height: 1;
        text-align: center; }
        @media only screen and (min-width: 768px) {
          .prize--inner--quo--note {
            margin: calc(15 / 1200 * 100vw) 0;
            font-size: calc(11 / 1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .prize--inner--quo--note {
            margin: 15px 0 0;
            font-size: 1.1rem; } }
    .prize--inner--quo--btn {
      width: 67.2vw;
      height: 7.0666vw;
      margin: 4.4vw auto 0;
      background-image: url(../img/prize_btn.svg);
      background-size: 100% auto;
      background-position: top center;
      background-repeat: no-repeat;
      text-indent: -9999px; }
      @media only screen and (min-width: 768px) {
        .prize--inner--quo--btn {
          width: calc(380 / 1200 * 100vw);
          height: calc(40 / 1200 * 100vw);
          margin: calc(18 / 1200 * 100vw) auto 0 calc(15 / 1200 * 100vw);
          cursor: pointer; } }
      @media only screen and (min-width: 1200px) {
        .prize--inner--quo--btn {
          width: 380px;
          height: 40px;
          margin: 18px 0 0 15px; } }
      .prize--inner--quo--btn.active {
        background-position: bottom center; }
    .prize--inner .quo {
      display: none;
      width: 73.333vw;
      margin: 9.333vw auto 0;
      padding: 0 0 10vw; }
      @media only screen and (min-width: 768px) {
        .prize--inner .quo {
          width: calc(780/1200 * 100vw);
          margin: calc(50/1200 * 100vw) auto 0;
          padding: 0 0 calc(50/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .prize--inner .quo {
          width: 780px;
          margin: 50px auto 0;
          padding: 0 0 50px; } }
      .prize--inner .quo .about_md {
        width: 73.333vw;
        margin: 0 auto 0; }
        @media only screen and (min-width: 768px) {
          .prize--inner .quo .about_md {
            width: calc(780/1200 * 100vw);
            margin: calc(0/1200 * 100vw) auto 0; } }
        @media only screen and (min-width: 1200px) {
          .prize--inner .quo .about_md {
            width: 780px;
            margin: 0px auto 0; } }
      .prize--inner .quo .note {
        width: 73.333vw;
        padding: 0 0 0 1em;
        margin: 4.666vw auto 0; }
        @media only screen and (min-width: 768px) {
          .prize--inner .quo .note {
            width: calc(780/1200 * 100vw);
            margin: calc(35/1200 * 100vw) auto 0; } }
        @media only screen and (min-width: 1200px) {
          .prize--inner .quo .note {
            width: 780px;
            margin: 35px auto 0; } }
        .prize--inner .quo .note li {
          font-size: 2.533vw;
          text-indent: -1em;
          margin: 0.5em auto 0;
          line-height: 1.5em; }
          @media only screen and (min-width: 768px) {
            .prize--inner .quo .note li {
              font-size: calc(17/1200 * 100vw); } }
          @media only screen and (min-width: 1200px) {
            .prize--inner .quo .note li {
              font-size: 1.7rem; } }
          .prize--inner .quo .note li:first-child {
            margin-top: 0; }
      .prize--inner .quo .point {
        margin: 5.333vw auto 0; }
        @media only screen and (min-width: 768px) {
          .prize--inner .quo .point {
            margin: calc(44/1200 * 100vw) auto 0; } }
        @media only screen and (min-width: 1200px) {
          .prize--inner .quo .point {
            margin: 44px auto 0; } }
      .prize--inner .quo .link_bt {
        display: block;
        width: 100%;
        margin-top: 5.333vw; }
        @media only screen and (min-width: 768px) {
          .prize--inner .quo .link_bt {
            margin: calc(50/1150 * 100vw) auto 0; } }
        @media only screen and (min-width: 1200px) {
          .prize--inner .quo .link_bt {
            margin: 50px auto 0; } }
    .prize--inner--sonyspk {
      width: 73.333vw;
      border-top: solid 2px #ef857d;
      margin: 11.46vw auto 0;
      padding: 8.66vw 0 0 0; }
      @media only screen and (min-width: 768px) {
        .prize--inner--sonyspk {
          width: calc(900 / 1200 * 100vw);
          margin: calc(58 / 1200 * 100vw) auto 0;
          display: flex;
          justify-content: space-between;
          border-top: solid 3px #ef857d;
          padding: calc(26 / 1200 * 100vw) calc(28 / 1200 * 100vw) 0 calc(28 / 1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .prize--inner--sonyspk {
          width: 900px;
          margin: 58px auto 0;
          padding: 26px 28px 0 28px; } }
      .prize--inner--sonyspk--txt {
        width: 65.86vw;
        margin: 0 auto; }
        @media only screen and (min-width: 768px) {
          .prize--inner--sonyspk--txt {
            width: calc(412 / 1200 * 100vw);
            margin: calc(3 / 1200 * 100vw) 0 0; } }
        @media only screen and (min-width: 1200px) {
          .prize--inner--sonyspk--txt {
            width: 412px;
            margin: 3px 0 0; } }
      .prize--inner--sonyspk--image {
        width: 47.86vw;
        margin: 1vw auto 0; }
        @media only screen and (min-width: 768px) {
          .prize--inner--sonyspk--image {
            width: calc(345 / 1200 * 100vw);
            margin: calc(95 / 1200 * 100vw) calc(30 / 1200 * 100vw) 0 0; } }
        @media only screen and (min-width: 1200px) {
          .prize--inner--sonyspk--image {
            width: 345px;
            margin: 95px 30px 0 0; } }
      .prize--inner--sonyspk--ph {
        line-height: 0; }
    .prize--inner--wchance {
      width: 73.333vw;
      border-top: solid 2px #ef857d;
      margin: 9vw auto 0;
      padding: 8.66vw 0 0 0; }
      @media only screen and (min-width: 768px) {
        .prize--inner--wchance {
          width: calc(880 / 1200 * 100vw);
          margin: calc(58 / 1200 * 100vw) auto 0;
          display: flex;
          justify-content: space-between;
          border-top: solid 3px #ef857d;
          padding: calc(55 / 1200 * 100vw) calc(28 / 1200 * 100vw) 0 calc(28 / 1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .prize--inner--wchance {
          width: 880px;
          margin: 58px auto 0;
          padding: 55px 28px 0 28px; } }
      .prize--inner--wchance--txt {
        width: 65.86vw;
        margin: 0 auto; }
        @media only screen and (min-width: 768px) {
          .prize--inner--wchance--txt {
            width: calc(366 / 1200 * 100vw);
            margin: calc(3 / 1200 * 100vw) 0 0 calc(27 / 1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .prize--inner--wchance--txt {
            width: 366px;
            margin: 3px 0 0 27px; } }
      .prize--inner--wchance--image {
        width: 47.86vw;
        margin: 3.33vw auto 0; }
        @media only screen and (min-width: 768px) {
          .prize--inner--wchance--image {
            width: calc(297 / 1200 * 100vw);
            margin: calc(5 / 1200 * 100vw) calc(40 / 1200 * 100vw) 0 0; } }
        @media only screen and (min-width: 1200px) {
          .prize--inner--wchance--image {
            width: 297px;
            margin: 5px 40px 0 0; } }
      .prize--inner--wchance--ph {
        line-height: 0; }
      .prize--inner--wchance--note {
        margin: 5em auto 0;
        font-size: 1.8vw;
        line-height: 1;
        text-align: center; }
        @media only screen and (min-width: 768px) {
          .prize--inner--wchance--note {
            font-size: calc(11 / 1200 * 100vw);
            margin: calc(50 / 1200 * 100vw) auto 0; } }
        @media only screen and (min-width: 1200px) {
          .prize--inner--wchance--note {
            font-size: 1.1rem;
            margin: 50px auto 0; } }

.yellow_wrap {
  position: relative;
  width: 100%;
  background: #f6d741;
  padding: 6.26vw 0 20vw; }
  @media only screen and (min-width: 768px) {
    .yellow_wrap {
      padding: calc(85/1200 * 100vw) 0 calc(100/1200 * 100vw); } }
  @media only screen and (min-width: 1200px) {
    .yellow_wrap {
      padding: 85px 0 100px; } }
  .yellow_wrap .close {
    background: rgba(35, 24, 21, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    z-index: 100; }
    @media only screen and (min-width: 768px) {
      .yellow_wrap .close {
        height: 84.5%; } }

.method_ti {
  width: 91vw;
  margin: 0 auto; }
  @media only screen and (min-width: 768px) {
    .method_ti {
      width: calc(875 / 1200 * 100vw); } }
  @media only screen and (min-width: 1200px) {
    .method_ti {
      width: 875px; } }

.method {
  width: 91vw;
  margin: 0vw auto 0;
  padding: 8.6vw 5.333vw 8vw;
  background: #FFF;
  border-radius: 3.466vw; }
  @media only screen and (min-width: 768px) {
    .method {
      width: calc(960/1200 * 100vw);
      padding: calc(75/1200 * 100vw) 0 calc(93/1200 * 100vw);
      border-radius: calc(30/1200 * 100vw);
      margin: calc(45/1200 * 100vw) auto; } }
  @media only screen and (min-width: 1200px) {
    .method {
      width: 960px;
      padding: 75px 0 93px;
      border-radius: 30px;
      margin: 45px auto; } }
  .method .method_md {
    width: 75vw;
    margin: 0 auto;
    padding: 0.2em 0; }
    @media only screen and (min-width: 768px) {
      .method .method_md {
        width: calc(810/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .method .method_md {
        width: 810px; } }
  .method .step01 {
    width: 75vw;
    margin: 4vw auto 0;
    padding: 0 0 0 1em; }
    @media only screen and (min-width: 768px) {
      .method .step01 {
        position: relative;
        width: calc(810/1200 * 100vw);
        font-size: calc(24/1200 * 100vw);
        margin: calc(33/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .method .step01 {
        width: 810px;
        font-size: 2.4rem;
        margin: 33px auto 0; } }
    .method .step01 .first_list {
      list-style: '❶';
      padding: 0 0 0 0.2em;
      font-size: 3.333vw; }
      @media only screen and (min-width: 768px) {
        .method .step01 .first_list {
          font-size: calc(25/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .method .step01 .first_list {
          font-size: 2.5rem; } }
      .method .step01 .first_list .text {
        font-size: 3.333vw;
        line-height: 1.5em; }
        @media only screen and (min-width: 768px) {
          .method .step01 .first_list .text {
            font-size: calc(25/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .method .step01 .first_list .text {
            font-size: 2.5rem; } }
      .method .step01 .first_list .line_id {
        display: inline-block;
        padding: 0.2em 1em;
        color: #FFF;
        margin-top: 0.6em;
        background: #06c455;
        font-weight: bold;
        font-size: 3.066vw; }
        @media only screen and (min-width: 768px) {
          .method .step01 .first_list .line_id {
            font-size: calc(23/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .method .step01 .first_list .line_id {
            font-size: 2.3rem; } }
      .method .step01 .first_list .line_add {
        font-size: 3.2vw;
        font-weight: bold;
        color: #06c455;
        margin-top: 0.2em; }
        @media only screen and (min-width: 768px) {
          .method .step01 .first_list .line_add {
            font-size: calc(17/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .method .step01 .first_list .line_add {
            font-size: 1.7rem; } }
      .method .step01 .first_list .method_note {
        padding-left: 1em;
        margin-top: 1em;
        font-size: 2.533vw; }
        @media only screen and (min-width: 768px) {
          .method .step01 .first_list .method_note {
            font-size: calc(14/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .method .step01 .first_list .method_note {
            font-size: 1.4rem;
            margin-top: 0.5em; } }
        .method .step01 .first_list .method_note li {
          text-indent: -1em;
          line-height: 1.5em; }
    .method .step01 .first_bt {
      width: 100%;
      margin: 3.333vw auto 0;
      filter: drop-shadow(0.666vw 0.666vw 0px #a33b0e); }
      @media only screen and (min-width: 768px) {
        .method .step01 .first_bt {
          position: absolute;
          width: calc(335/1200 * 100vw);
          top: calc(28/1200 * 100vw);
          right: 0;
          margin: 0;
          filter: drop-shadow(calc(5/1200 * 100vw) calc(5/1200 * 100vw) 0px #a33b0e); } }
      @media only screen and (min-width: 1200px) {
        .method .step01 .first_bt {
          width: 335px;
          top: 28px;
          right: 0;
          filter: drop-shadow(5px 5px 0px #a33b0e); } }
    .method .step01 .second_list {
      list-style: '❷';
      margin-top: 0.8em; }
  .method .step02 {
    width: 75vw;
    margin: 7.333vw auto 0;
    padding: 0 0 0 1em; }
    @media only screen and (min-width: 768px) {
      .method .step02 {
        position: relative;
        width: calc(810/1200 * 100vw);
        font-size: calc(24/1200 * 100vw);
        margin: calc(45/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .method .step02 {
        width: 810px;
        font-size: 2.4rem;
        margin: 45px auto 0; } }
    .method .step02 .second_list {
      list-style: '❷';
      padding: 0 0 0 0.2em;
      font-size: 3.333vw; }
      @media only screen and (min-width: 768px) {
        .method .step02 .second_list {
          font-size: calc(25/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .method .step02 .second_list {
          font-size: 2.5rem; } }
      .method .step02 .second_list .text {
        font-size: 3.333vw;
        line-height: 1.5em; }
        @media only screen and (min-width: 768px) {
          .method .step02 .second_list .text {
            font-size: calc(25/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .method .step02 .second_list .text {
            font-size: 2.5rem; } }
  .method .receipt {
    width: 80vw;
    background: #ededed;
    margin: 4.2vw auto 0;
    padding: 4.8vw 0; }
    @media only screen and (min-width: 768px) {
      .method .receipt {
        margin: calc(25/1200 * 100vw) auto 0;
        width: calc(880/1200 * 100vw);
        padding: calc(36/1200 * 100vw) 0 calc(45/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .method .receipt {
        margin: 25px auto 0;
        width: 880px;
        padding: 36px 0 45px; } }
    .method .receipt h3 {
      width: 73.33vw;
      font-size: 5vw;
      text-align: center;
      border-bottom: #000 solid 2px;
      padding-bottom: 0.5em;
      line-height: 1em;
      margin: 0 auto 0.2em; }
      @media only screen and (min-width: 768px) {
        .method .receipt h3 {
          width: calc(780/1200 * 100vw);
          margin: 0 auto;
          font-size: calc(30/1200 * 100vw);
          border-bottom: #000 solid calc(2/1200 * 100vw);
          letter-spacing: 0.3em; } }
      @media only screen and (min-width: 1200px) {
        .method .receipt h3 {
          width: 780px;
          margin: 0 auto;
          font-size: 3rem;
          border-bottom: #000 solid 2px; } }
      .method .receipt h3 img {
        width: 30.666vw;
        margin: 0 auto; }
        @media only screen and (min-width: 768px) {
          .method .receipt h3 img {
            width: calc(191/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .method .receipt h3 img {
            width: 191px; } }
    .method .receipt .receipt_fig {
      width: 73.33vw;
      margin: 3.733vw auto 0; }
      @media only screen and (min-width: 768px) {
        .method .receipt .receipt_fig {
          width: calc(710/1200 * 100vw);
          margin: calc(30/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .method .receipt .receipt_fig {
          width: 710px;
          margin: 30px auto 0; } }
    .method .receipt .receipt_multiple {
      width: 73.6vw;
      margin: 7.6vw auto 0; }
      @media only screen and (min-width: 768px) {
        .method .receipt .receipt_multiple {
          width: calc(603/1200 * 100vw);
          margin: calc(50/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .method .receipt .receipt_multiple {
          width: 603px;
          margin: 50px auto 0; } }
    .method .receipt .receipt_multiple_note {
      width: 68vw;
      padding-left: 1em;
      margin: 1.5em auto 0;
      font-size: 2.533vw; }
      @media only screen and (min-width: 768px) {
        .method .receipt .receipt_multiple_note {
          width: 37em;
          font-size: calc(15/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .method .receipt .receipt_multiple_note {
          font-size: 1.5rem; } }
      .method .receipt .receipt_multiple_note li {
        text-indent: -1em;
        line-height: 1.5em; }
      .method .receipt .receipt_multiple_note li + li {
        margin-top: 0.5em; }
    .method .receipt .notice {
      background: #ffffe3;
      width: 73.333vw;
      margin: 5.333vw auto 0;
      padding: 4vw 3.333vw 5.333vw; }
      @media only screen and (min-width: 768px) {
        .method .receipt .notice {
          width: calc(780/1200 * 100vw);
          margin: calc(43/1200 * 100vw) auto 0;
          padding: calc(41/1200 * 100vw) 0 calc(45/1200 * 100vw); } }
      @media only screen and (min-width: 1200px) {
        .method .receipt .notice {
          width: 780px;
          margin: 43px auto 0;
          padding: 41px 0 45px; } }
      .method .receipt .notice .lead {
        text-align: center;
        font-size: 2.8vw;
        font-weight: bold;
        line-height: 1.59em; }
        @media only screen and (min-width: 768px) {
          .method .receipt .notice .lead {
            font-size: calc(18/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .method .receipt .notice .lead {
            font-size: 1.8rem; } }
      .method .receipt .notice .point {
        width: 66.666vw;
        margin: 3.333vw auto 0; }
        @media only screen and (min-width: 768px) {
          .method .receipt .notice .point {
            width: calc(600/1200 * 100vw);
            margin: calc(22/1200 * 100vw) auto 0; } }
        @media only screen and (min-width: 1200px) {
          .method .receipt .notice .point {
            width: 600px;
            margin: 22px auto 0; } }
      .method .receipt .notice .note {
        font-size: 2.35vw;
        width: auto;
        margin: 1em auto 0; }
        @media only screen and (min-width: 768px) {
          .method .receipt .notice .note {
            width: 39em;
            font-size: calc(17/1200 * 100vw);
            margin: 1.5em auto 0; } }
        @media only screen and (min-width: 1200px) {
          .method .receipt .notice .note {
            font-size: 1.7rem; } }
        .method .receipt .notice .note li {
          font-size: 2.35vw;
          margin-top: 0.4em;
          padding-left: 1em;
          text-indent: -1em;
          line-height: 1.3em; }
          @media only screen and (min-width: 768px) {
            .method .receipt .notice .note li {
              font-size: calc(17/1200 * 100vw); } }
          @media only screen and (min-width: 1200px) {
            .method .receipt .notice .note li {
              font-size: 1.7rem; } }
    .method .receipt .bad {
      width: 73.333vw;
      margin: 3.6vw auto 0; }
      @media only screen and (min-width: 768px) {
        .method .receipt .bad {
          width: calc(780/1200 * 100vw);
          margin: calc(27/1200 * 100vw) auto 0; } }
      @media only screen and (min-width: 1200px) {
        .method .receipt .bad {
          width: 780px;
          margin: 27px auto 0; } }

.postcard {
  width: 91vw;
  margin: 7.33vw auto 0;
  padding: 8.6vw 5.333vw 8vw;
  background: #FFF;
  border-radius: 3.466vw; }
  @media only screen and (min-width: 768px) {
    .postcard {
      width: calc(960/1200 * 100vw);
      padding: calc(75/1200 * 100vw) 0 calc(93/1200 * 100vw);
      border-radius: calc(30/1200 * 100vw);
      margin: calc(45/1200 * 100vw) auto; } }
  @media only screen and (min-width: 1200px) {
    .postcard {
      width: 960px;
      padding: 75px 0 93px;
      border-radius: 30px;
      margin: 45px auto; } }
  .postcard .postcard_md {
    width: 75vw;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .postcard .postcard_md {
        width: calc(810/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .postcard .postcard_md {
        width: 810px; } }
  .postcard .postcard_lead {
    width: 56.93vw;
    margin: 5.33vw auto 0; }
    @media only screen and (min-width: 768px) {
      .postcard .postcard_lead {
        width: calc(633/1200 * 100vw);
        margin: calc(65/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .postcard .postcard_lead {
        width: 633px;
        margin: 65px auto 0; } }
  .postcard .postcard_text {
    width: 65.06vw;
    margin: 3.73vw auto 0;
    font-size: 2.533vw;
    line-height: 1.5; }
    @media only screen and (min-width: 768px) {
      .postcard .postcard_text {
        width: calc(780/1200 * 100vw);
        font-size: calc(20/1200 * 100vw);
        margin: calc(50/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .postcard .postcard_text {
        width: 780px;
        font-size: 2rem;
        margin: 50px auto 0; } }
  .postcard .postcard_note {
    width: 65.06vw;
    padding-left: 1em;
    margin: 1em auto 0;
    font-size: 2.533vw; }
    @media only screen and (min-width: 768px) {
      .postcard .postcard_note {
        width: calc(780/1200 * 100vw);
        font-size: calc(14/1200 * 100vw);
        margin: calc(30/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .postcard .postcard_note {
        width: 780px;
        font-size: 1.4rem;
        margin: 30px auto 0; } }
    .postcard .postcard_note li {
      text-indent: -1em;
      line-height: 1.5em; }
  .postcard .postcard_add {
    width: 73.33vw;
    margin: 5.33vw auto 0; }
    @media only screen and (min-width: 768px) {
      .postcard .postcard_add {
        width: calc(580/1200 * 100vw);
        margin: calc(50/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .postcard .postcard_add {
        width: 580px;
        margin: 50px auto 0; } }

.announce_ti {
  width: 91vw;
  margin: 6.66vw auto 0; }
  @media only screen and (min-width: 768px) {
    .announce_ti {
      width: calc(875 / 1200 * 100vw);
      margin: calc(115 / 1200 * 100vw) auto 0; } }
  @media only screen and (min-width: 1200px) {
    .announce_ti {
      width: 875px;
      margin: 115px auto 0; } }

.announce {
  width: 91vw;
  margin: 3.66vw auto 0;
  padding: 10vw 0;
  background: #FFF;
  border-radius: 3.466vw; }
  @media only screen and (min-width: 768px) {
    .announce {
      width: calc(960/1200 * 100vw);
      padding: calc(90/1200 * 100vw) 0;
      border-radius: calc(30/1200 * 100vw);
      margin: calc(30/1200 * 100vw) auto; } }
  @media only screen and (min-width: 1200px) {
    .announce {
      width: 960px;
      padding: 90px 0;
      border-radius: 30px;
      margin: 30px auto; } }
  .announce_line_md, .announce_post_md {
    width: 39.333vw;
    margin: 0 auto;
    line-height: 0;
    vertical-align: bottom; }
    @media only screen and (min-width: 768px) {
      .announce_line_md, .announce_post_md {
        width: calc(300/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .announce_line_md, .announce_post_md {
        width: 300px; } }
  .announce_post_md {
    margin-top: 12.66vw; }
    @media only screen and (min-width: 768px) {
      .announce_post_md {
        margin-top: calc(70/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .announce_post_md {
        margin-top: 70px; } }
  .announce_line_text {
    width: 80.53vw;
    margin: 4vw auto 0; }
    @media only screen and (min-width: 768px) {
      .announce_line_text {
        width: calc(780/1200 * 100vw);
        margin: calc(25/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .announce_line_text {
        width: 780px;
        margin: 25px auto 0; } }
  .announce_post_text {
    width: 56vw;
    margin: 4vw auto 0; }
    @media only screen and (min-width: 768px) {
      .announce_post_text {
        width: calc(602/1200 * 100vw);
        margin: calc(25/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .announce_post_text {
        width: 602px;
        margin: 25px auto 0; } }
  .announce_line_note, .announce_post_note {
    width: 74vw;
    margin: 4vw auto 0;
    font-size: 2.533vw;
    line-height: 1.5;
    padding-left: 1em;
    text-indent: -1em; }
    @media only screen and (min-width: 768px) {
      .announce_line_note, .announce_post_note {
        width: calc(800/1200 * 100vw);
        margin: calc(25/1200 * 100vw) auto 0;
        font-size: calc(14/1200 * 100vw);
        text-align: center; } }
    @media only screen and (min-width: 1200px) {
      .announce_line_note, .announce_post_note {
        width: 800px;
        margin: 25px auto 0;
        font-size: 1.4rem; } }

.terms {
  width: 100%;
  margin-top: 8vw; }
  @media only screen and (min-width: 768px) {
    .terms {
      margin-top: calc(110/1200 * 100%); } }
  @media only screen and (min-width: 1200px) {
    .terms {
      margin-top: 110px; } }
  .terms--inner {
    width: 84vw;
    margin: 0 auto;
    padding: 0 0 0; }
    @media only screen and (min-width: 768px) {
      .terms--inner {
        width: calc(840/1200 * 100%); } }
    @media only screen and (min-width: 1200px) {
      .terms--inner {
        width: 840px; } }
  .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: 768px) {
      .terms .apply_wrap {
        height: calc(380/1200 * 100vw);
        margin: 0 auto 0;
        padding: calc(32/1200 * 100vw) calc(30/1200 * 100vw) calc(32/1200 * 100vw) calc(30/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .terms .apply_wrap {
        height: 380px;
        margin: 0px auto 0;
        padding: 32px 30px 32px 30px; } }
    .terms .apply_wrap .apply_inner {
      width: 100%;
      margin: 0 auto 0 0;
      padding: 0 0 0 0; }
      .terms .apply_wrap .apply_inner p {
        font-size: 3vw;
        line-height: 1.5em; }
        @media only screen and (min-width: 768px) {
          .terms .apply_wrap .apply_inner p {
            font-size: calc(16/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .terms .apply_wrap .apply_inner p {
            font-size: 1.6rem; } }
      .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: 768px) {
          .terms .apply_wrap .apply_inner h2 {
            font-size: calc(22/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .terms .apply_wrap .apply_inner h2 {
            font-size: 2.2rem; } }
      .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: 768px) {
          .terms .apply_wrap .apply_inner h3 {
            font-size: calc(18/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .terms .apply_wrap .apply_inner h3 {
            font-size: 1.8rem; } }
      .terms .apply_wrap .apply_inner h3 + h4 {
        margin-top: 1em; }
      .terms .apply_wrap .apply_inner h4 {
        font-size: 3vw;
        margin: 1.5em 0 0 0;
        font-weight: bold; }
        @media only screen and (min-width: 768px) {
          .terms .apply_wrap .apply_inner h4 {
            font-size: calc(16/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .terms .apply_wrap .apply_inner h4 {
            font-size: 1.6rem; } }
      .terms .apply_wrap .apply_inner h5 {
        font-size: 3vw;
        line-height: 1.5em; }
        @media only screen and (min-width: 768px) {
          .terms .apply_wrap .apply_inner h5 {
            font-size: calc(16/1200 * 100vw); } }
        @media only screen and (min-width: 1200px) {
          .terms .apply_wrap .apply_inner h5 {
            font-size: 1.6rem; } }
      .terms .apply_wrap .apply_inner h4 + p, .terms .apply_wrap .apply_inner h4 + ul {
        margin-top: 0.3em; }
      .terms .apply_wrap .apply_inner h3 + p, .terms .apply_wrap .apply_inner h3 + ul {
        margin-top: 1em; }
      .terms .apply_wrap .apply_inner h5 + p {
        margin-left: 1em; }
      .terms .apply_wrap .apply_inner p + p {
        margin-top: 0.5em; }
      .terms .apply_wrap .apply_inner li + li {
        margin-top: 0.5em; }
      .terms .apply_wrap .apply_inner .note + .note {
        margin-top: 0.2em; }
      .terms .apply_wrap .apply_inner .number {
        margin-top: 1em; }
        .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: 768px) {
            .terms .apply_wrap .apply_inner .number li {
              font-size: calc(16/1200 * 100vw); } }
          @media only screen and (min-width: 1200px) {
            .terms .apply_wrap .apply_inner .number li {
              font-size: 1.6rem; } }
      .terms .apply_wrap .apply_inner h4 + .number {
        margin-top: 0.3em; }
      .terms .apply_wrap .apply_inner .mt2 {
        margin-top: 2em !important; }
      .terms .apply_wrap .apply_inner .mt0 {
        margin-top: 0 !important; }
      .terms .apply_wrap .apply_inner .mt1 {
        margin-top: 1em !important; }
      .terms .apply_wrap .apply_inner .mb2 {
        margin-bottom: 2em; }
      .terms .apply_wrap .apply_inner .normal {
        margin-left: 1em; }
        .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: 768px) {
            .terms .apply_wrap .apply_inner .normal li {
              font-size: calc(16/1200 * 100vw); } }
          @media only screen and (min-width: 1200px) {
            .terms .apply_wrap .apply_inner .normal li {
              font-size: 1.6rem; } }
      .terms .apply_wrap .apply_inner .note {
        text-indent: -1em;
        margin-left: 1em; }
      .terms .apply_wrap .apply_inner .list {
        padding-left: 1.5em; }
        .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: 768px) {
            .terms .apply_wrap .apply_inner .list li {
              font-size: calc(16/1200 * 100vw); } }
          @media only screen and (min-width: 1200px) {
            .terms .apply_wrap .apply_inner .list li {
              font-size: 1.6rem; } }

.contact {
  width: 100%; }
  .contact--inner {
    width: 85vw;
    margin: 0 auto 0;
    padding: 8.133vw 0 0vw; }
    @media only screen and (min-width: 768px) {
      .contact--inner {
        width: calc(825/1200 * 100%);
        padding: calc(80/1200 * 100vw) 0 0; } }
    @media only screen and (min-width: 1200px) {
      .contact--inner {
        width: 825px;
        padding: 80px 0 0; } }
  .contact .inquiry_ti {
    width: 72vw;
    line-height: 1em;
    margin: 8vw auto 0;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #000;
    text-align: center;
    font-size: 4.6vw;
    font-weight: bold; }
    @media only screen and (min-width: 768px) {
      .contact .inquiry_ti {
        width: calc(820/1200 * 100%);
        margin: 0 auto;
        border-bottom: calc(3/1200 * 100vw) solid #000;
        font-size: calc(27/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .contact .inquiry_ti {
        width: 820px;
        margin: 0 auto;
        border-bottom: 3px solid #000;
        font-size: 2.7rem; } }
  .contact .inquiry_name {
    text-align: center;
    font-size: 3.5vw;
    font-weight: bold;
    margin: 1em auto 0;
    line-height: 1.5em; }
    @media only screen and (min-width: 768px) {
      .contact .inquiry_name {
        margin: 0.5em auto 0;
        font-size: calc(24/1200 * 100vw); } }
    @media only screen and (min-width: 1200px) {
      .contact .inquiry_name {
        font-size: 2.4rem; } }
  .contact .freecall {
    display: block;
    width: 77vw;
    margin: 5.333vw auto 0; }
    @media only screen and (min-width: 768px) {
      .contact .freecall {
        width: calc(396/1200 * 100vw);
        margin: calc(27/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .contact .freecall {
        width: 396px;
        margin: 27px auto 0; } }
  .contact .inquiry_period {
    width: 78vw;
    font-size: 3.6vw;
    line-height: 1.5em;
    margin: 3.333vw auto 0;
    font-weight: bold; }
    @media only screen and (min-width: 768px) {
      .contact .inquiry_period {
        width: fit-content;
        font-size: calc(20/1200 * 100vw);
        margin: calc(27/1200 * 100vw) auto 0; } }
    @media only screen and (min-width: 1200px) {
      .contact .inquiry_period {
        font-size: 2rem;
        margin: 27px auto 0; } }
    .contact .inquiry_period span {
      font-size: 75%;
      display: block;
      line-height: 1.5em;
      padding: 0.3em 0 0 17vw; }
      @media only screen and (min-width: 768px) {
        .contact .inquiry_period span {
          display: inline;
          padding: 0; } }

.ptop {
  position: fixed;
  bottom: -18vw;
  right: 3vw;
  width: 12.93vw;
  transition: all 0.5s ease;
  filter: drop-shadow(0.666vw 0.666vw 0 rgba(0, 0, 0, 0.6));
  z-index: 150; }
  @media only screen and (min-width: 768px) {
    .ptop {
      bottom: calc(-150/1200 * 100%);
      right: calc(15/1200 * 100%);
      width: calc(97/1200 * 100%);
      cursor: pointer;
      filter: drop-shadow(calc(5/1200 * 100vw) calc(5/1200 * 100vw) 0 rgba(0, 0, 0, 0.6)); } }
  @media only screen and (min-width: 1200px) {
    .ptop {
      bottom: -150px;
      right: 30px;
      width: 97px;
      filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.6)); } }
  .ptop.active {
    bottom: 3vw; }
    @media only screen and (min-width: 768px) {
      .ptop.active {
        bottom: calc(25/1200 * 100%); } }
    @media only screen and (min-width: 1200px) {
      .ptop.active {
        bottom: 25px; } }