@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 {
  width: 100%;
  height: 93.3333333333vw;
  background-color: #e60000;
  background-image: url("../img/kv_bk_sp.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
@media only screen and (min-width: 768px) {
  .kv {
    height: 42.5vw;
    background-image: url(../img/kv_bk_tb.png);
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1200px) {
  .kv {
    height: 510px;
    background-image: url(../img/kv_bk_pc.png);
    background-size: 2000px auto;
  }
}

.kv--inner {
  position: relative;
  width: 100vw;
  padding: 4.5333333333vw 0 0;
}
@media only screen and (min-width: 768px) {
  .kv--inner {
    margin: 0 auto;
    padding: 4vw 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .kv--inner {
    width: 1200px;
    padding: 48px 0 0;
  }
}

.kv--inner--title {
  width: 82.6666666667vw;
  margin: 0 auto 0 12.6666666667vw;
}
@media only screen and (min-width: 768px) {
  .kv--inner--title {
    width: 72.9166666667vw;
    margin: 0 auto 0 13.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .kv--inner--title {
    width: 875px;
    margin: 0 auto 0 167px;
  }
}

.kv--inner--lead {
  width: 90.6666666667vw;
  margin: -2.6666666667vw auto 0 3.8666666667vw;
}
@media only screen and (min-width: 768px) {
  .kv--inner--lead {
    width: 76.25vw;
    margin: -5vw auto 0 12vw;
  }
}
@media only screen and (min-width: 1200px) {
  .kv--inner--lead {
    width: 915px;
    margin: -60px auto 0 144px;
  }
}

.period {
  width: 100%;
  background-color: #00afff;
}

.period--inner {
  width: 100vw;
  padding: 3.6vw 0 4.5333333333vw;
}
@media only screen and (min-width: 768px) {
  .period--inner {
    width: 100%;
    margin: 0 auto;
    padding: 1.4166666667vw 0 2.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .period--inner {
    width: 1200px;
    padding: 17px 0 26px;
  }
}

.period--inner--cont {
  width: 88.4vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .period--inner--cont {
    width: 78.5833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .period--inner--cont {
    width: 943px;
  }
}

.nav {
  width: 100%;
  background-color: #ffff81;
}

.nav--inner {
  width: 100vw;
  height: 74.1333333333vw;
  padding: 11.6vw 0 13.3333333333vw;
  background-image: url(../img/nav_bk_sp.svg);
  background-size: cover;
}
@media only screen and (min-width: 768px) {
  .nav--inner {
    width: 100%;
    height: 27.4166666667vw;
    margin: 0 auto;
    padding: 9.3333333333vw 0 0;
    background-image: url(../img/nav_bk_pc.svg);
  }
}
@media only screen and (min-width: 1200px) {
  .nav--inner {
    width: 1200px;
    height: 329px;
    padding: 112px 0 0;
  }
}

.nav--inner ul {
  width: 68.4vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .nav--inner ul {
    display: flex;
    justify-content: space-between;
    width: 67.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .nav--inner ul {
    width: 815px;
  }
}
@media only screen and (min-width: 768px) {
  .nav--inner ul li {
    width: 32.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .nav--inner ul li {
    width: 388px;
  }
}
.nav--inner ul li:last-child {
  margin-top: 9.3333333333vw;
}
@media only screen and (min-width: 768px) {
  .nav--inner ul li:last-child {
    margin: 0;
  }
}

.linecp {
  width: 100%;
  background-color: #ff9a55;
  background-image: url(../img/dot_bk.svg);
  background-size: 7.6vw auto;
  padding: 18vw 0 10.4vw;
}
@media only screen and (min-width: 768px) {
  .linecp {
    background-size: 4.75vw auto;
    padding: 10.8333333333vw 0 14vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp {
    background-size: 57px auto;
    padding: 130px 0 168px;
  }
}

.linecp--inner {
  width: 100vw;
}
@media only screen and (min-width: 768px) {
  .linecp--inner {
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--inner {
    width: 1200px;
  }
}

.linecp--inner--title {
  width: 70.5333333333vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .linecp--inner--title {
    width: 44.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--inner--title {
    width: 530px;
  }
}

.linecp--prod {
  width: 84.6666666667vw;
  margin: 10.2666666667vw auto 0;
  padding: 6vw 0 8vw;
  border: 0.8vw solid #e60000;
  border-radius: 3.4666666667vw;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .linecp--prod {
    width: 81vw;
    margin: 4.3333333333vw auto 0;
    padding: 3.5vw 0 3.9166666667vw;
    border: 0.4166666667vw solid #e60000;
    border-radius: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--prod {
    width: 972px;
    margin: 52px auto 0;
    padding: 42px 0 47px;
    border: 5px solid #e60000;
    border-radius: 30px;
  }
}

.linecp--prod--subtitle {
  width: 41.7333333333vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .linecp--prod--subtitle {
    width: 26vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--prod--subtitle {
    width: 312px;
  }
}

.linecp--prod--wrap {
  margin: 6.2666666667vw auto 0;
}
@media only screen and (min-width: 768px) {
  .linecp--prod--wrap {
    width: 47.5vw;
    margin: 2.9166666667vw auto 0;
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--prod--wrap {
    width: 570px;
    margin: 35px auto 0;
  }
}

.linecp--prod--photo {
  width: 20.9333333333vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .linecp--prod--photo {
    order: 2;
    width: 13.3333333333vw;
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--prod--photo {
    order: 2;
    width: 160px;
  }
}

.linecp--prod--cont {
  width: 100%;
  margin: 4.2666666667vw auto 0;
}
@media only screen and (min-width: 768px) {
  .linecp--prod--cont {
    order: 1;
    width: 28.3333333333vw;
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--prod--cont {
    width: 340px;
  }
}

.linecp--prod--name {
  width: 29.7333333333vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .linecp--prod--name {
    width: 18.5vw;
    margin: 6.25vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--prod--name {
    width: 222px;
    margin: 75px auto 0;
  }
}

.linecp--prod--btn {
  width: 45.3333333333vw;
  margin: 4.6666666667vw auto 0;
}
@media only screen and (min-width: 768px) {
  .linecp--prod--btn {
    width: 28.3333333333vw;
    margin: 4.75vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--prod--btn {
    width: 340px;
    margin: 57px auto 0;
  }
}

.linecp--prize {
  width: 84.6666666667vw;
  margin: 10.2666666667vw auto 0;
  padding: 6vw 0 8vw;
  border: 0.8vw solid #e60000;
  border-radius: 3.4666666667vw;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .linecp--prize {
    width: 81vw;
    margin: 4.3333333333vw auto 0;
    padding: 3.5vw 0 6.6666666667vw;
    border: 0.4166666667vw solid #e60000;
    border-radius: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--prize {
    width: 972px;
    margin: 52px auto 0;
    padding: 42px 0 80px;
    border: 5px solid #e60000;
    border-radius: 30px;
  }
}

.linecp--prize--subtitle {
  width: 26.4vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .linecp--prize--subtitle {
    width: 16.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--prize--subtitle {
    width: 195px;
  }
}

.linecp--quopay {
  margin: 6.2666666667vw auto 0;
}
@media only screen and (min-width: 768px) {
  .linecp--quopay {
    width: 65vw;
    margin: 5.4166666667vw auto 0;
    display: flex;
    justify-content: space-between;
    align-items: start;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--quopay {
    width: 780px;
    margin: 65px auto 0;
  }
}

.linecp--quopay--cont {
  width: 64.1333333333vw;
  margin: 0 auto 0 8.6666666667vw;
}
@media only screen and (min-width: 768px) {
  .linecp--quopay--cont {
    width: 40.0833333333vw;
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--quopay--cont {
    width: 481px;
  }
}

.linecp--quopay--img {
  width: 51.7333333333vw;
  margin: 5.3333333333vw auto 0;
}
@media only screen and (min-width: 768px) {
  .linecp--quopay--img {
    width: 27.25vw;
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--quopay--img {
    width: 327px;
  }
}

.linecp--dotline {
  width: 72.6666666667vw;
  margin: 11.3333333333vw auto 0;
  line-height: 0;
}
@media only screen and (min-width: 768px) {
  .linecp--dotline {
    width: 71.8333333333vw;
    margin: 6.6666666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--dotline {
    width: 862px;
    margin: 80px auto 0;
  }
}

.linecp--gift--title {
  width: 71.4666666667vw;
  margin: 10.6666666667vw auto 0 6vw;
}
@media only screen and (min-width: 768px) {
  .linecp--gift--title {
    position: relative;
    z-index: 1;
    width: 56.1666666667vw;
    margin: 6.6666666667vw auto 0 6vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--gift--title {
    width: 674px;
    margin: 80px auto 0 72px;
  }
}

.linecp--gift--cont {
  position: relative;
  width: 70.2666666667vw;
  margin: 6.6666666667vw auto 0;
}
@media only screen and (min-width: 768px) {
  .linecp--gift--cont {
    width: 66.8333333333vw;
    margin: -4vw auto 0 6.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--gift--cont {
    width: 802px;
    margin: -48px auto 0 83px;
  }
}

.linecp--gift--cont--note {
  width: 43.6vw;
  margin: -2vw 0 0 auto;
  font-size: 1.8666666667vw;
  line-height: 1.36;
}
@media only screen and (min-width: 768px) {
  .linecp--gift--cont--note {
    width: 26.25vw;
    margin: -8.75vw 0 0 auto;
    font-size: 1.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--gift--cont--note {
    width: 315px;
    margin: -105px 0 0 auto;
    font-size: 1.3rem;
  }
}
.linecp--gift--cont--note li {
  padding-left: 1em;
  text-indent: -1em;
}

.linecp--gift--subtitle {
  width: 59.0666666667vw;
  margin: 8.9333333333vw auto 0;
}
@media only screen and (min-width: 768px) {
  .linecp--gift--subtitle {
    width: 64.0833333333vw;
    margin: 7.5vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--gift--subtitle {
    width: 769px;
    margin: 90px auto 0;
  }
}

.linecp--gift--detail {
  width: 56.1333333333vw;
  margin: 3.8666666667vw auto 0;
}
@media only screen and (min-width: 768px) {
  .linecp--gift--detail {
    width: 58.6666666667vw;
    margin: 2.0833333333vw auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--gift--detail {
    width: 704px;
    margin: 25px auto 0;
  }
}
.linecp--gift--detail li {
  margin-bottom: 4vw;
}
@media only screen and (min-width: 768px) {
  .linecp--gift--detail li {
    width: 28.25vw;
    margin-bottom: 2vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--gift--detail li {
    width: 339px;
    margin-bottom: 24px;
  }
}

.linecp--gift--about {
  width: 67.0666666667vw;
  margin: 7.7333333333vw auto 0;
}
@media only screen and (min-width: 768px) {
  .linecp--gift--about {
    width: 58.9166666667vw;
    margin: 0.4166666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--gift--about {
    width: 707px;
    margin: 5px auto 0;
  }
}

.linecp--method {
  width: 84.6666666667vw;
  margin: 10.2666666667vw auto 0;
  padding: 6vw 0 8vw;
  border: 0.8vw solid #e60000;
  border-radius: 3.4666666667vw;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .linecp--method {
    width: 81vw;
    margin: 4.3333333333vw auto 0;
    padding: 3.5vw 0 6.6666666667vw;
    border: 0.4166666667vw solid #e60000;
    border-radius: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method {
    width: 972px;
    margin: 52px auto 0;
    padding: 42px 0 80px;
    border: 5px solid #e60000;
    border-radius: 30px;
  }
}

.linecp--method--subtitle {
  width: 26.4vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .linecp--method--subtitle {
    width: 16.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method--subtitle {
    width: 195px;
  }
}

.quo--btn {
  width: 67.2vw;
  height: 6.9333333333vw;
  margin: 7.6vw auto 0;
  background-color: #008cd7;
  background-image: url(../img/prize_quo_btn_plus.svg);
  background-size: 4vw auto;
  background-position: right 2.6666666667vw center;
  background-repeat: no-repeat;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .quo--btn {
    width: 65vw;
    height: 4.5833333333vw;
    margin: 2.9166666667vw auto 0;
    background-size: 2.5833333333vw auto;
    background-position: right 2.9166666667vw center;
    cursor: pointer;
  }
}
@media only screen and (min-width: 1200px) {
  .quo--btn {
    width: 780px;
    height: 55px;
    margin: 35px auto 0;
    background-size: 31px auto;
    background-position: right 35px center;
  }
}
.quo--btn.active {
  background-image: url(../img/prize_quo_btn_close.svg);
}
.quo--btn img {
  width: 33.6vw;
}
@media only screen and (min-width: 768px) {
  .quo--btn img {
    width: 22.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .quo--btn img {
    width: 267px;
  }
}

.quo--detail {
  display: none;
  width: 73.333vw;
  margin: 9.333vw auto 0;
  padding: 0 0 10vw;
}
@media only screen and (min-width: 768px) {
  .quo--detail {
    width: 65vw;
    margin: 4.1666666667vw auto 0;
    padding: 0 0 4.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .quo--detail {
    width: 780px;
    margin: 50px auto 0;
    padding: 0 0 50px;
  }
}
.quo--detail .about_md {
  width: 73.333vw;
  margin: 0 auto 0;
}
@media only screen and (min-width: 768px) {
  .quo--detail .about_md {
    width: 65vw;
    margin: 0vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .quo--detail .about_md {
    width: 780px;
    margin: 0px auto 0;
  }
}
.quo--detail .note {
  width: 73.333vw;
  padding: 0 0 0 1em;
  margin: 4.666vw auto 0;
}
@media only screen and (min-width: 768px) {
  .quo--detail .note {
    width: 65vw;
    margin: 2.9166666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .quo--detail .note {
    width: 780px;
    margin: 35px auto 0;
  }
}
.quo--detail .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) {
  .quo--detail .note li {
    font-size: 1.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .quo--detail .note li {
    font-size: 1.7rem;
  }
}
.quo--detail .note li:first-child {
  margin-top: 0;
}
.quo--detail .point {
  margin: 5.333vw auto 0;
}
@media only screen and (min-width: 768px) {
  .quo--detail .point {
    margin: 3.6666666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .quo--detail .point {
    margin: 44px auto 0;
  }
}
.quo--detail .link_bt {
  display: block;
  width: 100%;
  margin-top: 5.333vw;
}
@media only screen and (min-width: 768px) {
  .quo--detail .link_bt {
    margin: 4.347826087vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .quo--detail .link_bt {
    margin: 50px auto 0;
  }
}

.linecp--method {
  width: 84.6666666667vw;
  margin: 10.4vw auto 0;
  padding: 6.4vw 0;
  background: #FFF;
  border-radius: 3.466vw;
}
@media only screen and (min-width: 768px) {
  .linecp--method {
    width: 81vw;
    padding: 3.75vw 0 7.0833333333vw;
    margin: 5vw auto 0;
    border-radius: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method {
    width: 972px;
    padding: 45px 0 85px;
    margin: 60px auto 0;
    border-radius: 30px;
  }
}
.linecp--method .method--subtitle {
  width: 41.7333333333vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .linecp--method .method--subtitle {
    width: 25.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .method--subtitle {
    width: 310px;
  }
}
.linecp--method .method_md {
  width: 72vw;
  font-size: 0vw;
  font-weight: bold;
  text-align: center;
  margin: 7.2vw auto 0;
  padding: 2.266vw 0;
  border-top: #06c755 solid 0.4vw;
  border-bottom: #06c755 solid 0.4vw;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .linecp--method .method_md {
    font-size: 0vw;
    width: 67.5vw;
    border-top: #06c755 solid 0.25vw;
    border-bottom: #06c755 solid 0.25vw;
    padding: 1.3333333333vw 0;
    margin: 4.3333333333vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .method_md {
    width: 810px;
    font-size: 0rem;
    border-top: #06c755 solid 3px;
    border-bottom: #06c755 solid 3px;
    padding: 16px 0;
    margin: 52px auto 0;
  }
}
.linecp--method .method_md img {
  width: 25.2vw;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .linecp--method .method_md img {
    width: 13.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .method_md img {
    width: 158px;
  }
}
.linecp--method .step01 {
  width: 68.5333333333vw;
  margin: 4vw auto 0;
  padding: 0 0 0 1em;
}
@media only screen and (min-width: 768px) {
  .linecp--method .step01 {
    position: relative;
    width: 65vw;
    font-size: 2vw;
    margin: 2.75vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .step01 {
    width: 780px;
    font-size: 2.4rem;
    margin: 33px auto 0;
  }
}
.linecp--method .step01 .first_list {
  list-style: "❶";
  padding: 0 0 0 0.2em;
  font-size: 3.333vw;
  color: #603813;
}
@media only screen and (min-width: 768px) {
  .linecp--method .step01 .first_list {
    font-size: 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .step01 .first_list {
    font-size: 2.5rem;
  }
}
.linecp--method .step01 .first_list .text {
  font-weight: bold;
  color: #603813;
  font-size: 3.333vw;
  line-height: 1.4em;
}
@media only screen and (min-width: 768px) {
  .linecp--method .step01 .first_list .text {
    font-size: 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .step01 .first_list .text {
    font-size: 2.5rem;
  }
}
.linecp--method .step01 .first_list .line_id {
  display: inline-block;
  padding: 0.2em 1em;
  color: #FFF;
  margin: 0.6em auto 0 -1.2em;
  background: #06c455;
  font-weight: bold;
  font-size: 3.066vw;
}
@media only screen and (min-width: 768px) {
  .linecp--method .step01 .first_list .line_id {
    font-size: 1.9166666667vw;
    margin: 0.6em auto 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .step01 .first_list .line_id {
    font-size: 2.3rem;
  }
}
.linecp--method .step01 .first_list .line_add {
  font-size: 3.2vw;
  font-weight: bold;
  color: #06c455;
  margin: 0.2em auto 0 -1.2em;
}
@media only screen and (min-width: 768px) {
  .linecp--method .step01 .first_list .line_add {
    font-size: 1.4166666667vw;
    margin: 0.2em auto 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .step01 .first_list .line_add {
    font-size: 1.7rem;
  }
}
.linecp--method .step01 .first_list .method_note {
  color: #000;
  padding-left: 1em;
  margin: 1em auto 0 -1.2em;
  font-size: 2.533vw;
}
@media only screen and (min-width: 768px) {
  .linecp--method .step01 .first_list .method_note {
    font-size: 1.25vw;
    margin: 0.2em auto 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .step01 .first_list .method_note {
    font-size: 1.5rem;
  }
}
.linecp--method .step01 .first_list .method_note li {
  text-indent: -1em;
  line-height: 1.5em;
}
.linecp--method .step01 .first_bt {
  width: 66.444vw;
  margin: 3.333vw auto 0 -1.6vw;
  filter: drop-shadow(0.666vw 0.666vw 0px #FC9966);
}
@media only screen and (min-width: 768px) {
  .linecp--method .step01 .first_bt {
    position: absolute;
    width: 27.6666666667vw;
    top: 2.3333333333vw;
    right: 0;
    margin: 0;
    filter: drop-shadow(0.4166666667vw 0.4166666667vw 0px #FC9966);
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .step01 .first_bt {
    width: 332px;
    top: 28px;
    right: 0;
    filter: drop-shadow(5px 5px 0px #FC9966);
  }
}
.linecp--method .step01 .first_bt a:hover {
  opacity: 1 !important;
}
.linecp--method .step01 .first_bt a:hover img {
  filter: brightness(110%);
}
.linecp--method .step01 .second_list {
  list-style: "❷";
  margin-top: 0.8em;
  color: #603813;
}
.linecp--method .step02 {
  width: 68.5333333333vw;
  margin: 7.333vw auto 0;
  padding: 0 0 0 1em;
}
@media only screen and (min-width: 768px) {
  .linecp--method .step02 {
    position: relative;
    width: 65vw;
    font-size: 2vw;
    margin: 3.75vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .step02 {
    width: 780px;
    font-size: 2.4rem;
    margin: 45px auto 0;
  }
}
.linecp--method .step02 .second_list {
  color: #603813;
  list-style: "❷";
  padding: 0 0 0 0.2em;
  font-size: 3.333vw;
  font-weight: bold;
  line-height: 1.4em !important;
}
@media only screen and (min-width: 768px) {
  .linecp--method .step02 .second_list {
    font-size: 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .step02 .second_list {
    font-size: 2.5rem;
  }
}
.linecp--method .step02 .second_list .text {
  color: #603813;
  font-size: 3.333vw;
  line-height: 1.4em !important;
}
@media only screen and (min-width: 768px) {
  .linecp--method .step02 .second_list .text {
    font-size: 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .step02 .second_list .text {
    font-size: 2.5rem;
  }
}
.linecp--method .receipt {
  width: 77.7333333333vw;
  background: #ededed;
  margin: 4.2vw auto 0;
  padding: 6.133vw 0;
  border-radius: 3.333vw;
}
@media only screen and (min-width: 768px) {
  .linecp--method .receipt {
    margin: 2.0833333333vw auto 0;
    width: 70.8333333333vw;
    padding: 5.25vw 0 3.75vw;
    border-radius: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .receipt {
    margin: 25px auto 0;
    width: 850px;
    padding: 63px 0 45px;
    border-radius: 30px;
  }
}
.linecp--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) {
  .linecp--method .receipt h3 {
    width: 65vw;
    font-size: 2.5vw;
    border-bottom: #000 solid 0.1666666667vw;
    letter-spacing: 0.3em;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .receipt h3 {
    width: 780px;
    font-size: 3rem;
    border-bottom: #000 solid 2px;
  }
}
.linecp--method .receipt h3 img {
  width: 30.666vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .linecp--method .receipt h3 img {
    width: 15.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .receipt h3 img {
    width: 191px;
  }
}
.linecp--method .receipt .receipt_fig {
  width: 73.33vw;
  margin: 3.733vw auto 0;
}
@media only screen and (min-width: 768px) {
  .linecp--method .receipt .receipt_fig {
    width: 59.1666666667vw;
    margin: 2.5vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .receipt .receipt_fig {
    width: 710px;
    margin: 30px auto 0;
  }
}
.linecp--method .receipt .receipt_multiple {
  width: 73.6vw;
  margin: 7.6vw auto 0;
}
@media only screen and (min-width: 768px) {
  .linecp--method .receipt .receipt_multiple {
    width: 50.25vw;
    margin: 4.1666666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .receipt .receipt_multiple {
    width: 603px;
    margin: 50px auto 0;
  }
}
.linecp--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) {
  .linecp--method .receipt .receipt_multiple_note {
    width: 37em;
    font-size: 1.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .receipt .receipt_multiple_note {
    font-size: 1.5rem;
  }
}
.linecp--method .receipt .receipt_multiple_note li {
  text-indent: -1em;
  line-height: 1.5em;
}
.linecp--method .receipt .receipt_multiple_note li + li {
  margin-top: 0.5em;
}
.linecp--method .receipt .notice {
  background: #ebfaf9;
  width: 73.333vw;
  margin: 4.4vw auto 0;
  padding: 4vw 3.333vw 5.333vw;
}
@media only screen and (min-width: 768px) {
  .linecp--method .receipt .notice {
    width: 65vw;
    margin: 3.75vw auto 0;
    padding: 2.8333333333vw 0 3.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .receipt .notice {
    width: 780px;
    margin: 45px auto 0;
    padding: 34px 0 40px;
  }
}
.linecp--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) {
  .linecp--method .receipt .notice .lead {
    font-size: 1.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .receipt .notice .lead {
    font-size: 1.8rem;
  }
}
.linecp--method .receipt .notice .point {
  width: 66.666vw;
  margin: 3.333vw auto 0;
}
@media only screen and (min-width: 768px) {
  .linecp--method .receipt .notice .point {
    width: 50vw;
    margin: 1.8333333333vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .receipt .notice .point {
    width: 600px;
    margin: 22px auto 0;
  }
}
.linecp--method .receipt .notice .note {
  font-size: 2.35vw;
  width: auto;
  margin: 1em auto 0;
}
@media only screen and (min-width: 768px) {
  .linecp--method .receipt .notice .note {
    width: 39em;
    font-size: 1.4166666667vw;
    margin: 1.5em auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .receipt .notice .note {
    font-size: 1.7rem;
  }
}
.linecp--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) {
  .linecp--method .receipt .notice .note li {
    font-size: 1.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .receipt .notice .note li {
    font-size: 1.7rem;
  }
}
.linecp--method .receipt .bad {
  width: 73.333vw;
  margin: 3.6vw auto 0;
}
@media only screen and (min-width: 768px) {
  .linecp--method .receipt .bad {
    width: 65vw;
    margin: 2.25vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .linecp--method .receipt .bad {
    width: 780px;
    margin: 27px auto 0;
  }
}

.xcp {
  width: 100%;
  background-color: #72c7ff;
  background-image: url(../img/dot_bk.svg);
  background-size: 7.6vw auto;
  padding: 17.0666666667vw 0 16.5333333333vw;
}
@media only screen and (min-width: 768px) {
  .xcp {
    background-size: 4.75vw auto;
    padding: 15.8333333333vw 0;
  }
}
@media only screen and (min-width: 1200px) {
  .xcp {
    background-size: 57px auto;
    padding: 190px 0;
  }
}

.xcp--inner {
  width: 100vw;
}
@media only screen and (min-width: 768px) {
  .xcp--inner {
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1200px) {
  .xcp--inner {
    width: 1200px;
  }
}

.xcp--inner--title {
  width: 80.2666666667vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .xcp--inner--title {
    width: 76.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .xcp--inner--title {
    width: 920px;
  }
}

.xcp--inner--lead {
  width: 69.3333333333vw;
  margin: 10.9333333333vw auto 0;
}
@media only screen and (min-width: 768px) {
  .xcp--inner--lead {
    width: 69.6666666667vw;
    margin: 4.3333333333vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .xcp--inner--lead {
    width: 836px;
    margin: 52px auto 0;
  }
}

.xcp--prize {
  width: 84.6666666667vw;
  margin: 10.2666666667vw auto 0;
  padding: 6vw 0 6vw;
  border: 0.8vw solid #0071ff;
  border-radius: 3.4666666667vw;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .xcp--prize {
    width: 81vw;
    margin: 4.3333333333vw auto 0;
    padding: 3.5vw 0 4.5833333333vw;
    border: 0.4166666667vw solid #0071ff;
    border-radius: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .xcp--prize {
    width: 972px;
    margin: 52px auto 0;
    padding: 42px 0 55px;
    border: 5px solid #0071ff;
    border-radius: 30px;
  }
}

.xcp--prize--subtitle {
  width: 26.4vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .xcp--prize--subtitle {
    width: 16.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .xcp--prize--subtitle {
    width: 198px;
  }
}

.xcp--prize--cont {
  width: 69.2vw;
  margin: 5.0666666667vw auto 0;
}
@media only screen and (min-width: 768px) {
  .xcp--prize--cont {
    width: 65.0833333333vw;
    margin: 3.75vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .xcp--prize--cont {
    width: 781px;
    margin: 45px auto 0;
  }
}

.xcp--method {
  width: 84.6666666667vw;
  margin: 10.6666666667vw auto 0;
  padding: 6vw 0 6vw;
  border: 0.8vw solid #0071ff;
  border-radius: 3.4666666667vw;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .xcp--method {
    width: 81vw;
    margin: 4.3333333333vw auto 0;
    padding: 3.5vw 0 4.5833333333vw;
    border: 0.4166666667vw solid #0071ff;
    border-radius: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .xcp--method {
    width: 972px;
    margin: 52px auto 0;
    padding: 42px 0 55px;
    border: 5px solid #0071ff;
    border-radius: 30px;
  }
}

.xcp--method--subtitle {
  width: 42vw;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .xcp--method--subtitle {
    width: 25.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .xcp--method--subtitle {
    width: 311px;
  }
}

.xcp--method--step1 {
  width: 66.2666666667vw;
  margin: 8.2666666667vw auto 0;
}
@media only screen and (min-width: 768px) {
  .xcp--method--step1 {
    width: 53.8333333333vw;
    margin: 3.75vw auto 0 6.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .xcp--method--step1 {
    width: 646px;
    margin: 45px auto 0 81px;
  }
}

.xcp--method--step1--btn {
  width: 67.0666666667vw;
  margin: 7.0666666667vw auto 0;
}
@media only screen and (min-width: 768px) {
  .xcp--method--step1--btn {
    width: 51.6666666667vw;
    margin: 2.75vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .xcp--method--step1--btn {
    width: 620px;
    margin: 33px auto 0;
  }
}

.xcp--dotline {
  width: 72.6666666667vw;
  margin: 7.6vw auto 0;
  line-height: 0;
}
@media only screen and (min-width: 768px) {
  .xcp--dotline {
    width: 71.8333333333vw;
    margin: 6vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .xcp--dotline {
    width: 862px;
    margin: 72px auto 0;
  }
}

.xcp--method--step2 {
  width: 65.3333333333vw;
  margin: 8vw auto 0;
}
@media only screen and (min-width: 768px) {
  .xcp--method--step2 {
    width: 63.5vw;
    margin: 6vw auto 0 6.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .xcp--method--step2 {
    width: 762px;
    margin: 72px auto 0 81px;
  }
}

.xcp--method--step2--text {
  width: 69.3333333333vw;
  margin: 6.6666666667vw auto 0;
}
@media only screen and (min-width: 768px) {
  .xcp--method--step2--text {
    width: 63.5vw;
    margin: 6vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .xcp--method--step2--text {
    width: 762px;
    margin: 72px auto 0;
  }
}

.xcp--method--step2--thum {
  width: 67.3333333333vw;
  margin: 5.3333333333vw auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media only screen and (min-width: 768px) {
  .xcp--method--step2--thum {
    width: 70vw;
    margin: 3.3333333333vw auto 0;
    justify-content: center;
  }
}
@media only screen and (min-width: 1200px) {
  .xcp--method--step2--thum {
    width: 840px;
    margin: 40px auto 0;
  }
}
.xcp--method--step2--thum li {
  width: 31.4666666667vw;
  margin: 0 0 4.2666666667vw 0;
}
@media only screen and (min-width: 768px) {
  .xcp--method--step2--thum li {
    width: 19.6666666667vw;
    margin: 0 1.3333333333vw 3.75vw 1.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .xcp--method--step2--thum li {
    width: 236px;
    margin: 0 16px 45px 15px;
  }
}
.xcp--method--step2--thum li img:last-child {
  display: block;
  margin-top: 2.4vw;
}
@media only screen and (min-width: 768px) {
  .xcp--method--step2--thum li img:last-child {
    margin-top: 1.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .xcp--method--step2--thum li img:last-child {
    margin-top: 18px;
  }
}

.xcp--method--step3 {
  width: 59.7333333333vw;
  margin: 8.4vw auto 0;
}
@media only screen and (min-width: 768px) {
  .xcp--method--step3 {
    width: 65.75vw;
    margin: 6vw auto 0 6.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .xcp--method--step3 {
    width: 789px;
    margin: 72px auto 0 81px;
  }
}

.xcp--method--step3--text {
  width: 50.6666666667vw;
  margin: 5.7333333333vw auto 0;
}
@media only screen and (min-width: 768px) {
  .xcp--method--step3--text {
    width: 31.6666666667vw;
    margin: 4.1666666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .xcp--method--step3--text {
    width: 380px;
    margin: 50px auto 0;
  }
}

.xcp--method--hush {
  width: 68.9333333333vw;
  margin: 4.6666666667vw auto 0;
  padding: 3.7333333333vw 4.6666666667vw 3.7333333333vw;
  border: 0.6666666667vw solid #afafaf;
  border-radius: 2vw;
  line-height: 1;
  font-size: 3.3333333333vw;
}
@media only screen and (min-width: 768px) {
  .xcp--method--hush {
    width: 64.5vw;
    margin: 2.9166666667vw auto 0;
    padding: 2.5vw 2.9166666667vw;
    border: 0.25vw solid #afafaf;
    border-radius: 1.25vw;
    font-size: 2.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .xcp--method--hush {
    width: 774px;
    margin: 35px auto 0;
    padding: 30px 35px;
    border: 3px solid #afafaf;
    border-radius: 15px;
    font-size: 2.6rem;
  }
}

.terms {
  width: 100%;
  padding: 11.466vw 0 0;
  background-color: #e60000;
}
@media only screen and (min-width: 768px) {
  .terms {
    padding: 9.8333333333% 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .terms {
    padding: 118px 0 0;
  }
}
.terms--inner {
  width: 84vw;
  margin: 0 auto;
  padding: 0 0 0;
}
@media only screen and (min-width: 768px) {
  .terms--inner {
    width: 70%;
  }
}
@media only screen and (min-width: 1200px) {
  .terms--inner {
    width: 840px;
  }
}
.terms .attention {
  font-size: 3vw;
  line-height: 1.5em;
  text-align: center;
  margin-top: 1.5em;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .terms .attention {
    font-size: 1.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .terms .attention {
    font-size: 1.6rem;
  }
}
.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: 31.6666666667vw;
    margin: 0 auto 0;
    padding: 2.6666666667vw 2.5vw 2.6666666667vw 2.5vw;
  }
}
@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, .terms .apply_wrap .apply_inner li {
  font-size: 3vw;
  line-height: 1.5em;
}
@media only screen and (min-width: 768px) {
  .terms .apply_wrap .apply_inner p, .terms .apply_wrap .apply_inner li {
    font-size: 1.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .terms .apply_wrap .apply_inner p, .terms .apply_wrap .apply_inner li {
    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: 1.8333333333vw;
  }
}
@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;
  font-weight: bold;
  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: 1.5vw;
  }
}
@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: 3.2vw;
  margin: 1.5em 0 0 0;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .terms .apply_wrap .apply_inner h4 {
    font-size: 1.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .terms .apply_wrap .apply_inner h4 {
    font-size: 1.7rem;
  }
}
.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: 1.3333333333vw;
  }
}
@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, .terms .apply_wrap .apply_inner p + ul {
  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: 1.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .terms .apply_wrap .apply_inner .number li {
    font-size: 1.6rem;
  }
}
.terms .apply_wrap .apply_inner .list li ul.number li {
  list-style: none;
}
.terms .apply_wrap .apply_inner h4 + .number {
  margin-top: 0.3em;
}
.terms .apply_wrap .apply_inner .mt2 {
  margin-top: 2em;
}
.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 .ml1 {
  margin-left: 2em !important;
}
.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: 1.3333333333vw;
  }
}
@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;
  margin-top: 0.5em;
}
.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: 1.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .terms .apply_wrap .apply_inner .list li {
    font-size: 1.6rem;
  }
}

.contact {
  width: 100%;
  background-color: #e60000;
}
.contact--inner {
  width: 85vw;
  margin: 0 auto;
  padding: 12vw 0 12vw;
}
@media only screen and (min-width: 768px) {
  .contact--inner {
    width: 68.75%;
    padding: 6.9166666667vw 0;
  }
}
@media only screen and (min-width: 1200px) {
  .contact--inner {
    width: 825px;
    padding: 83px 0;
  }
}
.contact .inquiry_ti {
  width: 85vw;
  line-height: 1em;
  margin: 0 auto;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #fff;
  text-align: center;
  font-size: 4.6vw;
  font-weight: bold;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .contact .inquiry_ti {
    width: 68.3333333333%;
    border-bottom: 0.25vw solid #fff;
    font-size: 2.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .contact .inquiry_ti {
    width: 820px;
    border-bottom: 3px solid #fff;
    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;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .contact .inquiry_name {
    font-size: 1.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .contact .inquiry_name {
    font-size: 2rem;
  }
}
.contact .freecall {
  display: block;
  width: 79.466vw;
  margin: 5.6vw auto 0;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .contact .freecall {
    width: 32.5833333333vw;
    margin: 3.75vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .contact .freecall {
    width: 391px;
    margin: 45px auto 0;
  }
}
.contact .inquiry_period {
  font-size: 3.2vw;
  line-height: 1.5em;
  margin: 6.666vw auto 0;
  font-weight: bold;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .contact .inquiry_period {
    width: fit-content;
    font-size: 1.6666666667vw;
    margin: 2.75vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .contact .inquiry_period {
    font-size: 2rem;
    margin: 33px auto 0;
  }
}
.contact .inquiry_period span {
  font-size: 85%;
  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;
  }
}
.fixbtn {
  position: fixed;
  bottom: -53.3333333333vw;
  right: 2.5vw;
  width: 16.6666666667vw;
  transition: all 0.5s ease;
}
@media only screen and (min-width: 768px) {
  .fixbtn {
    bottom: -37.5%;
    right: 1.25%;
    width: 11.3333333333%;
    cursor: pointer;
  }
}
@media only screen and (min-width: 1200px) {
  .fixbtn {
    bottom: -450px;
    right: 30px;
    width: 136px;
  }
}
.fixbtn.active {
  bottom: 3vw;
}
@media only screen and (min-width: 768px) {
  .fixbtn.active {
    bottom: 2.0833333333%;
  }
}
@media only screen and (min-width: 1200px) {
  .fixbtn.active {
    bottom: 25px;
  }
}
.fixbtn.footerfix {
  bottom: -50vw !important;
}
@media only screen and (min-width: 768px) {
  .fixbtn.footerfix {
    bottom: -37.5% !important;
  }
}
@media only screen and (min-width: 1200px) {
  .fixbtn.footerfix {
    bottom: -450px !important;
  }
}
.fixbtn li {
  margin: 1.2vw auto 0;
}
@media only screen and (min-width: 1200px) {
  .fixbtn li {
    margin: 13px auto 0;
  }
}
.fixbtn li:nth-child(1) {
  width: 16.6666666667vw;
}
@media only screen and (min-width: 1200px) {
  .fixbtn li:nth-child(1) {
    width: 135px;
  }
}
.fixbtn li:nth-child(2), .fixbtn li:nth-child(3) {
  width: 14vw;
}
@media only screen and (min-width: 1200px) {
  .fixbtn li:nth-child(2), .fixbtn li:nth-child(3) {
    width: 115px;
  }
}