@charset "UTF-8";
main {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  overflow: hidden;
}
main .pc {
  display: block;
}
main .sp {
  display: none;
}
@media (max-width: 767px) {
  main .pc {
    display: none;
  }
  main .sp {
    display: block;
  }
}
main * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 0%;
}
main img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}

.mt0 {
  margin-top: 0 !important;
}

.mt10 {
  margin-top: 10px !important;
}
@media (max-width: 767px) {
  .mt10 {
    margin-top: 1.3333333333vw !important;
  }
}

.mt20 {
  margin-top: 20px !important;
}
@media (max-width: 767px) {
  .mt20 {
    margin-top: 2.6666666667vw !important;
  }
}

.mt30 {
  margin-top: 30px !important;
}
@media (max-width: 767px) {
  .mt30 {
    margin-top: 4vw !important;
  }
}

.mt40 {
  margin-top: 40px !important;
}
@media (max-width: 767px) {
  .mt40 {
    margin-top: 5.3333333333vw !important;
  }
}

.mt50 {
  margin-top: 50px !important;
}
@media (max-width: 767px) {
  .mt50 {
    margin-top: 6.6666666667vw !important;
  }
}

.mt60 {
  margin-top: 60px !important;
}
@media (max-width: 767px) {
  .mt60 {
    margin-top: 8vw !important;
  }
}

.mt70 {
  margin-top: 70px !important;
}
@media (max-width: 767px) {
  .mt70 {
    margin-top: 9.3333333333vw !important;
  }
}

.mt80 {
  margin-top: 80px !important;
}
@media (max-width: 767px) {
  .mt80 {
    margin-top: 10.6666666667vw !important;
  }
}

.mt90 {
  margin-top: 90px !important;
}
@media (max-width: 767px) {
  .mt90 {
    margin-top: 12vw !important;
  }
}

.mt100 {
  margin-top: 100px !important;
}
@media (max-width: 767px) {
  .mt100 {
    margin-top: 13.3333333333vw !important;
  }
}

main {
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  main {
    padding-bottom: 13.3333333333vw;
  }
}
main a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
main a:hover {
  opacity: 0.7;
}

section {
  width: 1000px;
  margin: 0 auto;
  color: #3c3c3c;
  line-height: 1.8;
}
@media (max-width: 767px) {
  section {
    width: 90.6666666667vw;
  }
}

.section-header {
  width: 100%;
}

.title {
  margin: 0 auto;
  width: 1200px;
  height: 290px;
  background-image: url(../img/title_pc.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
@media (max-width: 767px) {
  .title {
    width: 100%;
    height: 61.3333333333vw;
    background-image: url(../img/title_sp.png);
  }
}
.title p {
  font-weight: 700;
  line-height: 1.25;
  text-align: left;
}
.title .title_1 {
  color: #ffffff;
  font-size: 65px;
  padding-top: 20px;
  padding-left: 50px;
  letter-spacing: 0.05em;
}
.title .title_1 span {
  font-size: 50px;
}
.title .title_1 b {
  color: #ffff54;
}
@media (max-width: 767px) {
  .title .title_1 {
    font-size: 8.6666666667vw;
    padding-top: 4vw;
    padding-left: 3.3333333333vw;
    letter-spacing: 0.018em;
    line-height: 1.4;
  }
  .title .title_1 span {
    font-size: 6.6666666667vw;
  }
}
.title .title_2 {
  color: #fff;
  font-size: 45px;
  padding-top: 15px;
  padding-left: 50px;
  letter-spacing: 0.065em;
}
@media (max-width: 767px) {
  .title .title_2 {
    font-size: 6vw;
    padding-top: 4.6666666667vw;
    padding-left: 3.3333333333vw;
    line-height: 1.4;
    letter-spacing: 0.052em;
  }
}

.section-index .section_inner {
  width: 700px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .section-index .section_inner {
    width: 90.6666666667vw;
  }
}

.caution_info {
  width: 700px;
  margin: 0 auto;
  border: #3c3c3c solid 0.5px;
  padding: 1em;
  margin-top: 2em;
  font-size: 16px;
}
@media (max-width: 767px) {
  .caution_info {
    width: 90.6666666667vw;
    font-size: 2.4vw;
  }
}
.caution_info p {
  text-align: center;
  font-weight: 700;
  margin-bottom: 0.5em;
}
.caution_info ul li {
  text-indent: -0.8em;
  padding-left: 0.8em;
  line-height: 1.4;
  margin-top: 0.5em;
}

.topsita {
  text-align: right;
  font-size: 16px;
  margin-top: 0.5em;
}
@media (max-width: 767px) {
  .topsita {
    font-size: 2.6666666667vw;
  }
}

.index {
  border: #8250c8 solid 3px;
  background-color: #f0e6ff;
  border-radius: 20px;
  font-size: 18px;
  font-weight: 700;
  margin-top: 60px;
  line-height: 2.1;
  margin-bottom: -50px;
}
@media (max-width: 767px) {
  .index {
    border: none;
    border-radius: 2.6666666667vw;
    font-size: 4.2666666667vw;
    margin-top: 8.6666666667vw;
    margin-bottom: 0vw;
  }
}

.index_top {
  padding: 20px 45px;
  border-bottom: #8250c8 solid 3px;
}
@media (max-width: 767px) {
  .index_top {
    padding: 6vw 4.6666666667vw;
    border-bottom: #fff solid 1.3333333333vw;
  }
}

.index_title {
  color: #3c3c3c;
}
@media (max-width: 767px) {
  .index_title {
    margin-bottom: 0.5em;
  }
}

.index_list {
  color: #8250c8;
}
.index_list .sub_index {
  padding-left: 1.5em;
}
@media (max-width: 767px) {
  .index_list {
    padding: 0 1em;
  }
  .index_list li {
    line-height: 1.6;
    margin-bottom: 0.5em;
    position: relative;
  }
  .index_list li.sub_index {
    padding-left: 1em;
    margin-top: -0.3em;
  }
  .index_list li a {
    display: block;
  }
  .index_list li a:hover {
    border-bottom: none;
  }
  .index_list li a::after {
    content: " \e91e";
    font-family: "icomoon";
    color: #8250c8;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.85em;
  }
}
.index_list a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.index_list a:hover {
  border-bottom: #8250c8 solid 0.5px;
}
.index_list a::after {
  content: " \e91e";
  font-family: "icomoon";
  color: #8250c8;
}
@media (max-width: 767px) {
  .index_list a::after {
    content: none;
  }
}

.index_bottom {
  padding: 20px 45px;
}
@media (max-width: 767px) {
  .index_bottom {
    padding: 5.3333333333vw 4.6666666667vw;
  }
}
.index_bottom .index_list {
  color: #3c3c3c;
}

.cont_text {
  text-align: left;
  font-size: 18px;
  margin-top: 30px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .cont_text {
    font-size: 3.7333333333vw;
    margin-top: 6vw;
  }
}
.cont_text span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(60%, rgb(250, 230, 150)));
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgb(250, 230, 150) 60%);
  padding-bottom: 0.1em;
}
.cont_text b {
  font-weight: 700;
  font-size: 20px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(60%, rgb(250, 230, 150)));
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgb(250, 230, 150) 60%);
  padding-bottom: 0.1em;
}
@media (max-width: 767px) {
  .cont_text b {
    font-size: 4.2666666667vw;
  }
}
.cont_text .space {
  height: 0.5em;
  display: block;
}
.cont_text .caution {
  display: block;
  font-style: normal;
  font-size: 15px;
  margin-top: 0.5em;
}
@media (max-width: 767px) {
  .cont_text .caution {
    font-size: 3.2vw;
  }
}

.midashi {
  background-color: #8250c8;
  position: relative;
  color: #fff;
  font-weight: 700;
  font-size: 32px;
  padding: 0.3em 0 0.4em 1em;
  margin-top: 130px;
}
@media (max-width: 767px) {
  .midashi {
    margin-top: 12vw;
    font-size: 5.3333333333vw;
    line-height: 1.4;
    padding: 0.5em 0 0.6em 1.3em;
  }
}
.midashi::after {
  content: "";
  position: absolute;
  border-top: 10px solid #8250c8;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #8250c8;
  left: 5px;
  top: 5px;
}
@media (max-width: 767px) {
  .midashi::after {
    border-width: 2vw;
    left: 1.3333333333vw;
    top: 1.3333333333vw x;
  }
}

.komidashi {
  background-color: #f0e6ff;
  border-left: #8250c8 solid 5px;
  font-weight: 700;
  font-size: 26px;
  padding: 0.3em 0.7em 0.3em;
  margin-top: 80px;
}
@media (max-width: 767px) {
  .komidashi {
    margin-top: 12vw;
    font-size: 5.0666666667vw;
    line-height: 1.4;
    padding: 0.5em 0.7em 0.6em;
    border-left: #8250c8 solid 1.3333333333vw;
  }
}
.komidashi span {
  display: inline-block;
  font-size: 24px;
  background: #8250c8;
  padding: 0.3em 0.4em 0.4em;
  line-height: 1;
  margin: 0.3em 0 0em;
}
@media (max-width: 767px) {
  .komidashi span {
    font-size: 4.2666666667vw;
    margin: 0.1em 0 0.3em;
    padding: 0.2em 0.4em 0.3em;
  }
}
.komidashi p {
  text-indent: -1em;
  padding-left: 1em;
}

.kokomidashi {
  padding-top: 1em;
  font-weight: 700;
  font-size: 24px;
}
@media (max-width: 767px) {
  .kokomidashi {
    line-height: 1.4;
    padding-left: 1.5em;
    text-indent: -1.5em;
    font-size: 4.2666666667vw;
  }
}
.kokomidashi::before {
  content: "\ea1e";
  margin-right: 0.5em;
  font-family: "icomoon";
  color: #8250c8;
}

.cont_link {
  text-align: center;
  font-size: 18px;
  color: #0064b4;
  margin-top: 2em;
}
@media (max-width: 767px) {
  .cont_link {
    font-size: 3.7333333333vw;
  }
}
.cont_link a {
  border-bottom: #0064b4 solid 0.5px;
}
.cont_link a span {
  margin-left: 0.5em;
  font-size: 0.8em;
}
.cont_link p {
  font-weight: 700;
  color: #3c3c3c;
}

.hyou_midashi {
  font-weight: 700;
  font-size: 18px;
  margin-top: 1em;
}
.hyou_midashi::before {
  content: "●";
  color: #eb193c;
}
@media (max-width: 767px) {
  .hyou_midashi {
    font-size: 3.7333333333vw;
  }
}

.cont_link2 {
  text-align: left;
  font-size: 18px;
  color: #0064b4;
  width: 600px;
  margin: 0.5em auto 0;
}
@media (max-width: 767px) {
  .cont_link2 {
    width: 100%;
    font-size: 3.7333333333vw;
  }
}
.cont_link2 a {
  border-bottom: #0064b4 solid 0.5px;
}
.cont_link2 a span {
  margin-left: 0.5em;
  font-size: 0.8em;
  width: 1.4em;
  display: inline-block;
  position: relative;
  bottom: -0.3em;
}
.cont_link2 p {
  font-weight: 700;
  color: #3c3c3c;
}

ul.contlink_list {
  font-size: 18px;
  color: #0064b4;
  margin-top: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 767px) {
  ul.contlink_list {
    font-size: 3.7333333333vw;
  }
}
ul.contlink_list li {
  width: 50%;
  margin-top: 1em;
}
@media (max-width: 767px) {
  ul.contlink_list li {
    width: 100%;
  }
}
ul.contlink_list a {
  border-bottom: #0064b4 solid 0.5px;
}
ul.contlink_list a span {
  margin-left: 0.5em;
  font-size: 0.8em;
}

.cont_button {
  text-align: center;
}
.cont_button p {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0.5em;
  margin-top: 1em;
}
@media (max-width: 767px) {
  .cont_button p {
    font-size: 4.2666666667vw;
  }
}
.cont_button a {
  display: inline-block;
  background-color: #fff;
  border: #0064b4 solid 1px;
  color: #0064b4;
  border-radius: 10px;
  width: 460px;
  font-size: 18px;
  padding: 0.6em 0;
}
@media (max-width: 767px) {
  .cont_button a {
    font-size: 3.7333333333vw;
    border-width: 0.5px;
    border-radius: 1.3333333333vw;
    width: 80vw;
  }
}
.cont_button a span {
  display: inline-block;
  width: 24px;
  margin-left: 0.5em;
  position: relative;
  bottom: -0.2em;
}
@media (max-width: 767px) {
  .cont_button a span {
    width: 5.0666666667vw;
  }
}

.image {
  margin: 40px auto 0;
  width: 600px;
}
@media (max-width: 767px) {
  .image {
    margin-top: 8vw;
    width: 74.6666666667vw;
  }
}
.image p {
  text-align: center;
  margin-top: 0.7em;
  font-size: 18px;
}
@media (max-width: 767px) {
  .image p {
    font-size: 3.7333333333vw;
  }
}

.point_midashi {
  margin-top: 1em;
  font-weight: 700;
  font-weight: 700;
  font-size: 24px;
}
@media (max-width: 767px) {
  .point_midashi {
    font-size: 4.2666666667vw;
    line-height: 1.4;
    padding-left: 1.5em;
    text-indent: -1.5em;
  }
}
.point_midashi::before {
  content: "\ea1e";
  margin-right: 0.5em;
  font-family: "icomoon";
  color: #8250c8;
}

.point_dl {
  text-align: left;
  font-weight: 700;
  font-size: 24px;
}
@media (max-width: 767px) {
  .point_dl {
    font-size: 4.2666666667vw;
  }
}
.point_dl dt {
  font-size: 18px;
  padding-left: 0.3em;
  margin-top: 0.5em;
  text-indent: -1.6em;
  padding-left: 1.6em;
}
@media (max-width: 767px) {
  .point_dl dt {
    font-size: 3.7333333333vw;
    margin-top: 0.7em;
  }
}
.point_dl dt::before {
  content: "\ea1c";
  margin-right: 0.8em;
  font-family: "icomoon";
  color: #8250c8;
}
@media (max-width: 767px) {
  .point_dl dt::before {
    margin-right: 0.6em;
  }
}
.point_dl dt span {
  color: #8250c8;
}
.point_dl dt p {
  display: inline;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(60%, rgb(250, 230, 150)));
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgb(250, 230, 150) 60%);
  padding-bottom: 0.1em;
}
.point_dl dd {
  font-size: 18px;
  padding-left: 2.1em;
  font-weight: 400;
}
@media (max-width: 767px) {
  .point_dl dd {
    font-size: 3.7333333333vw;
    padding-left: 1.8em;
  }
}
.point_dl dd span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(60%, rgb(250, 230, 150)));
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgb(250, 230, 150) 60%);
  padding-bottom: 0.1em;
}

.points {
  margin-top: 40px;
  background: #f0f0f0;
  font-weight: 700;
  font-size: 24px;
  padding: 1em 1.5em;
  margin-bottom: -10px;
}
@media (max-width: 767px) {
  .points {
    font-size: 4.2666666667vw;
    margin-bottom: -1.3333333333vw;
    margin-top: 6.6666666667vw;
  }
}
.points .jibunde {
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .points .jibunde {
    font-size: 3.7333333333vw;
    margin-bottom: 1em;
  }
}
.points .jibunpoint {
  color: #0064b4;
  font-size: 18px;
  border-bottom: #0064b4 solid 0.99px;
  position: relative;
}
.points .jibunpoint::after {
  content: "\e91e";
  font-family: "icomoon";
  color: #8250c8;
  position: absolute;
  right: -1.5em;
  top: 50%;
  margin-top: -0.9em;
}
@media (max-width: 767px) {
  .points .jibunpoint::after {
    right: -1.5em;
  }
}
@media (max-width: 767px) {
  .points .jibunpoint {
    font-size: 3.7333333333vw;
  }
}
.points .points_txt {
  font-size: 18px;
  margin-top: 1em;
  font-weight: 400;
}
@media (max-width: 767px) {
  .points .points_txt {
    font-size: 3.7333333333vw;
  }
}
.points .points_txt span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(60%, rgb(250, 230, 150)));
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgb(250, 230, 150) 60%);
  padding-bottom: 0.1em;
}
.points .points_txt b {
  font-weight: 700;
  font-size: 20px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(60%, rgb(250, 230, 150)));
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgb(250, 230, 150) 60%);
  padding-bottom: 0.1em;
}
@media (max-width: 767px) {
  .points .points_txt b {
    font-size: 4.2666666667vw;
  }
}
.points .image {
  margin: 1em auto 1em;
}
.points .image_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 25px;
}
@media (max-width: 767px) {
  .points .image_list {
    margin-top: 2.6666666667vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.points .image_list .image_list_item {
  width: 300px;
}
@media (max-width: 767px) {
  .points .image_list .image_list_item {
    padding: 2.6666666667vw 0;
    width: 74.6666666667vw;
  }
}
.points .image_list .image_list_item p {
  background-color: #787878;
  color: #fff;
  text-align: center;
  padding: 0.2em 0 0.3em;
  font-size: 18px;
}
@media (max-width: 767px) {
  .points .image_list .image_list_item p {
    font-size: 3.7333333333vw;
  }
}
.points .btn {
  text-align: center;
}
.points .btn a {
  display: inline-block;
  margin: 0 auto;
  background: #fff;
  color: #eb193c;
  border-radius: 10px;
  line-height: 1.4;
  border: #eb193c solid 2px;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  padding: 1em;
  padding-right: 2.5em;
  margin: 20px auto 0;
  min-width: 460px;
}
@media (max-width: 767px) {
  .points .btn a {
    width: 80vw;
    font-size: 4.2666666667vw;
    border-width: 0.4vw;
    margin-top: 3.2vw;
    padding: 0.7em 0;
    padding-right: 2em;
    min-width: 0;
  }
}
.points .btn a.second {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .points .btn a.second {
    margin-top: 5.3333333333vw;
  }
}
.points .btn a span {
  text-align: left;
  display: inline-block;
  position: relative;
}
.points .btn a span::after {
  content: "\e91e";
  font-family: "icomoon";
  position: absolute;
  right: -1.5em;
  top: 50%;
  margin-top: -0.7em;
}
@media (max-width: 767px) {
  .points .btn a span::after {
    right: -2em;
  }
}

.point_box {
  position: relative;
  border: #8250c8 solid 3px;
  margin-top: 40px;
  padding: 45px 20px 20px;
}
@media (max-width: 767px) {
  .point_box {
    border-width: 0.6666666667vw;
    margin-top: 5.3333333333vw;
    padding: 8vw 5.3333333333vw 5.3333333333vw;
  }
}
.point_box p {
  margin: 0;
}
.point_box .chk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #8250c8;
  line-height: 1;
  color: #fff;
  position: absolute;
  padding: 0.3em 1em 0.35em 0.5em;
  font-size: 20px;
  font-weight: 700;
  left: 0;
  top: -3px;
}
@media (max-width: 767px) {
  .point_box .chk {
    font-size: 4vw;
    top: -0.6666666667vw;
  }
}
.point_box .chk::before {
  content: "\e949";
  font-family: "icomoon";
  font-size: 1.1em;
  margin-right: 0.5em;
}

.btn {
  display: inline-block;
  margin: 0 auto;
  background: #fff;
  color: #eb193c;
  border-radius: 10px;
  line-height: 1.4;
  border: #eb193c solid 2px;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  padding: 1em;
  padding-right: 2.5em;
  margin-top: 40px;
  min-width: 460px;
}
@media (max-width: 767px) {
  .btn {
    width: 80vw;
    font-size: 4.2666666667vw;
    border-width: 0.4vw;
    margin-top: 6vw;
    padding: 0.7em 0;
    padding-right: 2em;
    min-width: 0;
  }
}
.btn.second {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .btn.second {
    margin-top: 5.3333333333vw;
  }
}
.btn.btn-center span {
  text-align: center;
}
.btn span {
  text-align: left;
  display: inline-block;
  position: relative;
}
.btn span::after {
  content: "\e91e";
  font-family: "icomoon";
  position: absolute;
  right: -1.5em;
  top: 50%;
  margin-top: -0.7em;
}
@media (max-width: 767px) {
  .btn span::after {
    right: -2em;
  }
}

.point2 {
  margin-top: 40px;
  border: #8250c8 solid 3px;
  position: relative;
  padding: 2.6em 1em 0.8em;
  font-size: 18px;
}
@media (max-width: 767px) {
  .point2 {
    font-size: 3.7333333333vw;
    margin-top: 8vw;
    border-width: 0.6666666667vw;
    padding: 3em 1.4em 1.2em;
  }
}
.point2 .point_icon {
  color: #fff;
  background: #8250c8;
  padding: 0.3em 1.2em 0.5em 0.3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 767px) {
  .point2 .point_icon {
    font-size: 4.5333333333vw;
    padding: 0.15em 1.2em 0.3em 0.3em;
  }
}
.point2 .point_icon::before {
  content: "\e949";
  font-family: "icomoon";
  margin-right: 0.5em;
  font-size: 20px;
}
@media (max-width: 767px) {
  .point2 .point_icon::before {
    font-size: 5.3333333333vw;
  }
}
.point2 .point2_midashi {
  font-weight: 700;
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(60%, rgb(250, 230, 150)));
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgb(250, 230, 150) 60%);
}
.point2 .point2_cont {
  margin-top: 0.5em;
}

.case {
  font-weight: 400;
  font-size: 18px;
  margin-top: 1.5em;
}
.case.dl_box {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  border: #b4b4b4 0.5px solid;
  padding: 2em;
}
@media (max-width: 767px) {
  .case.dl_box {
    width: 100%;
  }
}
.case.dl_box dt {
  border-top: #b4b4b4 2px solid;
  padding-top: 0.7em;
  margin-top: 0.7em;
}
@media (max-width: 767px) {
  .case.dl_box dt {
    border-top: #b4b4b4 1px solid;
  }
}
.case.dl_box dt:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
@media (max-width: 767px) {
  .case {
    font-size: 3.7333333333vw;
  }
}
.case p {
  font-size: 18px;
  margin-top: 1em;
  font-weight: 400;
}
@media (max-width: 767px) {
  .case p {
    font-size: 3.7333333333vw;
  }
}
.case p span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(60%, rgb(250, 230, 150)));
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgb(250, 230, 150) 60%);
  padding-bottom: 0.1em;
}
.case p b {
  font-weight: 700;
  font-size: 20px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(60%, rgb(250, 230, 150)));
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgb(250, 230, 150) 60%);
  padding-bottom: 0.1em;
}
@media (max-width: 767px) {
  .case p b {
    font-size: 4.2666666667vw;
  }
}

.cont_hyou {
  border-left: #b4b4b4 solid 1px;
  border-top: #b4b4b4 solid 1px;
  font-size: 18px;
  margin: 40px auto 0;
  border-spacing: 0;
  width: 600px;
}
@media (max-width: 767px) {
  .cont_hyou {
    font-size: 3.7333333333vw;
    margin-top: 8vw;
    border-width: 0.2666666667vw;
    width: 100%;
  }
}
.cont_hyou th, .cont_hyou td {
  padding: 0.5em 1em;
  border-right: #b4b4b4 solid 1px;
  border-bottom: #b4b4b4 solid 1px;
  text-align: center;
  margin: 0;
  font-weight: 400;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .cont_hyou th, .cont_hyou td {
    border-width: 0.2666666667vw;
  }
}
.cont_hyou th.colored, .cont_hyou td.colored {
  background-color: #f0e6ff;
}
.cont_hyou th {
  background: #f0f0f0;
}

.tables {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .tables {
    margin-top: 0vw;
  }
}
.tables table {
  width: 210px;
  border: #b4b4b4 0.5px solid;
  border-right: none;
  border-bottom: none;
  border-spacing: 0;
  text-align: center;
  font-size: 18px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .tables table {
    width: 37.3333333333vw;
    margin-top: 2.6666666667vw;
  }
}
.tables table.w_free {
  width: 300px;
}
@media (max-width: 767px) {
  .tables table.w_free {
    width: 37.3333333333vw;
  }
}
.tables table.w_free td {
  width: 190px;
}
@media (max-width: 767px) {
  .tables table.w_free td {
    width: 20vw;
  }
}
.tables table.w_free .colored {
  width: 110px;
}
@media (max-width: 767px) {
  .tables table.w_free .colored {
    width: 17.3333333333vw;
  }
}
.tables table th, .tables table td {
  border: #b4b4b4 0.5px solid;
  border-left: none;
  border-top: none;
  font-weight: 400;
}
.tables table th {
  background-color: #787878;
  color: #fff;
}
.tables table td {
  background-color: #fff;
}
.tables table td.colored {
  background-color: #f0e6ff;
  width: 60px;
}
@media (max-width: 767px) {
  .tables table td.colored {
    width: 10.6666666667vw;
  }
}

.item_cate {
  background: #e6e6e6;
  position: relative;
  font-weight: 700;
  font-size: 26px;
  margin-top: 80px;
  padding: 0.1em 1em 0.2em;
}
@media (max-width: 767px) {
  .item_cate {
    margin-top: 13.3333333333vw;
    font-size: 5.0666666667vw;
  }
}
.item_cate.little_margin {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .item_cate.little_margin {
    margin-top: 13.3333333333vw;
  }
}
.item_cate::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 4px;
  background: #787878;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
@media (max-width: 767px) {
  .item_cate::after {
    width: 2.6666666667vw;
    height: 1.0666666667vw;
    margin-top: -0.5333333333vw;
  }
}

.items {
  margin-top: 65px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .items {
    margin-top: -6.6666666667vw;
  }
}
.items .item_spacer {
  width: 300px;
}
@media (max-width: 767px) {
  .items .item_spacer {
    width: 0;
  }
}
.items .item {
  width: 300px;
  font-size: 18px;
}
@media (max-width: 767px) {
  .items .item {
    width: 100%;
    font-size: 3.7333333333vw;
    margin-top: 13.3333333333vw;
  }
}
.items .item p {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .items .item p {
    margin-top: 2.6666666667vw;
  }
}
.items .item .item_catch {
  font-weight: 700;
  text-align: center;
  font-size: 22px;
}
@media (max-width: 767px) {
  .items .item .item_catch {
    font-size: 4.2666666667vw;
  }
}
.items .item .item_title {
  background: #e6f0fa;
  text-align: center;
  padding: 0.2em 0 0.3em;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .items .item .item_title {
    margin-top: 4vw;
  }
}
.items .item .item_title2 {
  background: #ffbe00;
  color: #fff;
  text-align: center;
  padding: 0.2em 0 0.3em;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .items .item .item_title2 {
    margin-top: 2.6666666667vw;
  }
}
.items .item .item_names {
  line-height: 1.3;
}
.items .item .item_expla {
  font-size: 14px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .items .item .item_expla {
    font-size: 3.2vw;
  }
}
.items .item .item_expla i {
  display: inline-block;
  height: 1.1em;
  position: relative;
  bottom: -0.1em;
}
.items .item .item_expla i img {
  height: 100%;
  width: auto;
}
.items .item .item_expla .red {
  font-weight: 700;
  color: #eb193c;
}
.items .item .item_types {
  line-height: 1.4;
}
.items .item .item_point {
  margin-top: 5px;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -0.5em;
  width: 103%;
}
@media (max-width: 767px) {
  .items .item .item_point {
    margin-top: 1.3333333333vw;
    font-size: 3.2vw;
  }
}
.items .item .item_point li {
  background: #e6e6e6;
  border: #3c3c3c solid 0.5px;
  line-height: 1.2;
  padding: 0.1em 0.3em 0.2em;
  margin-left: 0.3em;
  margin-bottom: 0.3em;
}
.items .item .item_price {
  color: #eb193c;
  text-align: right;
  font-weight: 700;
  font-size: 28px;
  line-height: 1;
  margin-top: 0;
}
@media (max-width: 767px) {
  .items .item .item_price {
    font-size: 6.1333333333vw;
  }
}
.items .item .item_price span {
  font-size: 14px;
}
@media (max-width: 767px) {
  .items .item .item_price span {
    font-size: 3.4666666667vw;
  }
}
.items .item .item_price.black {
  color: #3c3c3c;
  margin-top: 0.3em;
}

.section-shop {
  background: #f0e6ff;
  margin-top: 130px;
  padding: 45px 35px 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .section-shop {
    margin-top: 13.3333333333vw;
    padding: 8vw 4.6666666667vw 8.6666666667vw;
    width: 100%;
  }
}
.section-shop .shop_cont {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .section-shop .shop_cont {
    font-size: 4.2666666667vw;
  }
}
.section-shop .shop_cont span {
  font-weight: 400;
  font-size: 15px;
  display: block;
  margin-top: 0.5em;
}
@media (max-width: 767px) {
  .section-shop .shop_cont span {
    font-size: 4vw;
  }
}
.section-shop .shop_cont2 {
  font-size: 18px;
  font-weight: 400;
  margin-top: 0.8em;
}
@media (max-width: 767px) {
  .section-shop .shop_cont2 {
    font-size: 3.7333333333vw;
  }
}
.section-shop .shop_cont2 .red {
  font-weight: 700;
  color: #eb193c;
}
.section-shop .shop_cont3 {
  font-size: 18px;
  font-weight: 400;
  margin-top: 0.8em;
  text-align: left;
  padding: 0 35px 0;
}
@media (max-width: 767px) {
  .section-shop .shop_cont3 {
    font-size: 3.7333333333vw;
    padding: 0 4.6666666667vw 0;
  }
}
.section-shop .shop_cont3 span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(60%, rgb(250, 230, 150)));
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgb(250, 230, 150) 60%);
  padding-bottom: 0.1em;
}
.section-shop .shop_cont3 .red {
  font-weight: 700;
  color: #eb193c;
}
.section-shop .shop_cont3 b {
  font-weight: 700;
}
.section-shop .shop_cont4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
  margin: 1em 0 -0.5em;
}
@media (max-width: 767px) {
  .section-shop .shop_cont4 {
    font-size: 4.2666666667vw;
    margin: 1em 0 -0.2em;
  }
}
.section-shop .shop_caution {
  font-size: 15px;
}
@media (max-width: 767px) {
  .section-shop .shop_caution {
    font-size: 4vw;
  }
}
.section-shop .shop_img {
  width: 570px;
  margin: 30px auto 0;
}
@media (max-width: 767px) {
  .section-shop .shop_img {
    width: 65.3333333333vw;
    margin: 4.6666666667vw auto 0;
  }
}
.section-shop .table_midashi {
  padding-top: 1em;
  font-weight: 700;
  font-size: 24px;
  margin-left: 35px;
  text-align: left;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .section-shop .table_midashi {
    font-size: 4.2666666667vw;
    margin-left: 4.6666666667vw;
    line-height: 1.4;
    padding-left: 1.5em;
    text-indent: -1.5em;
  }
}
.section-shop .table_midashi::before {
  content: "\ea1e";
  margin-right: 0.5em;
  font-family: "icomoon";
  color: #8250c8;
}
.section-shop .table_midashi.mtop0 {
  margin-top: 0;
  padding-top: 0;
}
.section-shop .table_midashi_sub {
  font-weight: 700;
  margin-top: 0.5em;
  padding-left: 1.8em;
  text-indent: -1.8em;
  font-size: 18px;
  text-align: left;
  margin-left: 40px;
}
@media (max-width: 767px) {
  .section-shop .table_midashi_sub {
    font-size: 3.7333333333vw;
    margin-top: 0.8em;
    margin-left: 4.6666666667vw;
  }
}
.section-shop .table_midashi_sub::before {
  content: "\ea1c";
  margin-right: 0.8em;
  font-family: "icomoon";
  color: #8250c8;
}
.section-shop .table_midashi_sub2 {
  font-weight: 700;
  margin-top: 0.5em;
  font-size: 18px;
  text-align: left;
  margin-left: 35px;
}
@media (max-width: 767px) {
  .section-shop .table_midashi_sub2 {
    margin-top: 0.8em;
    font-size: 3.7333333333vw;
    margin-left: 4.6666666667vw;
  }
}

.colored_area {
  background: #f0e6ff;
  margin-top: 130px;
  padding: 40px 0 1px;
  text-align: center;
}
@media (max-width: 767px) {
  .colored_area {
    margin-top: 13.3333333333vw;
    padding: 6.6666666667vw 0vw 0.1333333333vw;
    width: 100%;
  }
}
.colored_area .colored_title {
  background: #8250c8;
  color: #fff;
  font-weight: 700;
  font-size: 30px;
  padding: 0.5em 0 0.7em;
  line-height: 1.6;
  position: relative;
  margin-top: 0.8em;
}
@media (max-width: 767px) {
  .colored_area .colored_title {
    font-size: 5.0666666667vw;
  }
}
.colored_area .colored_title span {
  position: absolute;
  background: #ffff00;
  border-radius: 10em;
  line-height: 1.4;
  color: #8250c8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 50%;
  border: #8250c8 5px solid;
  width: 110px;
  height: 110px;
  font-size: 18px;
  margin-top: -55px;
  right: 15px;
}
@media (max-width: 767px) {
  .colored_area .colored_title span {
    font-size: 3.7333333333vw;
    border-width: 0;
    width: 17.3333333333vw;
    height: 17.3333333333vw;
    margin-top: -8.6666666667vw;
    right: 2vw;
  }
}
.colored_area b {
  font-weight: 700;
  font-size: 20px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(60%, rgb(250, 230, 150)));
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgb(250, 230, 150) 60%);
  padding-bottom: 0.1em;
}
@media (max-width: 767px) {
  .colored_area b {
    font-size: 4.2666666667vw;
  }
}
.colored_area .case {
  text-align: left;
  padding-right: 210px;
  position: relative;
}
@media (max-width: 767px) {
  .colored_area .case {
    padding-right: 0;
  }
}
.colored_area .case dt {
  font-weight: 700;
  margin-top: 1.2em;
  padding-left: 0;
  text-indent: 0;
}
@media (max-width: 767px) {
  .colored_area .case dt {
    margin-top: 0.8em;
    padding-left: 1.8em;
    text-indent: -1.8em;
  }
}
.colored_area .case dt::before {
  content: "\ea1c";
  margin-right: 0.8em;
  font-family: "icomoon";
  color: #8250c8;
  display: none;
}
@media (max-width: 767px) {
  .colored_area .case dt::before {
    display: inline;
  }
}
.colored_area .case dd {
  margin-top: 0;
  padding-left: 0;
}
@media (max-width: 767px) {
  .colored_area .case dd {
    margin-top: 0;
    padding-left: 1.8em;
  }
}
@media (max-width: 767px) {
  .colored_area .case dd.short {
    padding-right: 28vw;
  }
}
.colored_area .case .absolute_img {
  position: absolute;
  width: 149px;
  right: 0;
  top: 0;
}
@media (max-width: 767px) {
  .colored_area .case .absolute_img {
    width: 23.7333333333vw;
    top: 34.1333333333vw;
  }
}
.colored_area .cont_text {
  text-align: left;
  margin-top: 100px;
}
@media (max-width: 767px) {
  .colored_area .cont_text {
    text-align: center;
    margin-top: 30.6666666667vw;
  }
}
.colored_area .btn {
  min-width: 460px;
}
@media (max-width: 767px) {
  .colored_area .btn {
    min-width: 0;
  }
}

.appri {
  width: 600px;
  margin: 50px auto 40px;
}
@media (max-width: 767px) {
  .appri {
    width: 90.6666666667vw;
    margin: 8vw auto;
  }
}
.appri .app_title {
  background: #000;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  position: relative;
  padding: 0.5em 0 0.7em;
}
@media (max-width: 767px) {
  .appri .app_title {
    font-size: 4.2666666667vw;
  }
}
.appri .app_title span {
  width: 62px;
  position: absolute;
  left: 100px;
  bottom: 10px;
}
@media (max-width: 767px) {
  .appri .app_title span {
    width: 12.4vw;
    left: 3.3333333333vw;
    bottom: 2vw;
  }
}
.appri .app_cont {
  border: #000 solid 3px;
  background: #fff;
  border-top: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 27px;
}
@media (max-width: 767px) {
  .appri .app_cont {
    padding: 4.5333333333vw 3.3333333333vw;
  }
}
.appri .app_rogo {
  width: 140px;
}
@media (max-width: 767px) {
  .appri .app_rogo {
    width: 33.2vw;
  }
}
.appri .app_qr {
  width: 90px;
}
.appri .app_qr.first {
  margin-right: 30px;
}
@media (max-width: 767px) {
  .appri .app_qr {
    display: none;
  }
}

.midashi2 {
  color: #8250c8;
  text-align: center;
  font-weight: 700;
  padding-bottom: 0.3em;
  margin-top: 130px;
  font-size: 32px;
  border-bottom: #8250c8 solid 3px;
  margin-bottom: -15px;
}
@media (max-width: 767px) {
  .midashi2 {
    margin-top: 12vw;
    font-size: 5.3333333333vw;
    border-width: 0.5333333333vw;
    margin-bottom: -4vw;
  }
}

.q_and_a dt {
  position: relative;
  font-weight: 700;
  font-size: 26px;
  margin-top: 75px;
  padding-left: 60px;
}
@media (max-width: 767px) {
  .q_and_a dt {
    font-size: 4.2666666667vw;
    margin-top: 12vw;
    padding-left: 9.3333333333vw;
  }
}
.q_and_a dt::after {
  color: #8250c8;
  position: absolute;
  content: "\e948";
  font-family: "icomoon";
  font-size: 50px;
  left: 0;
  top: -20px;
}
@media (max-width: 767px) {
  .q_and_a dt::after {
    font-size: 6.6666666667vw;
    top: -2.6666666667vw;
  }
}
.q_and_a dd {
  position: relative;
  margin-top: 40px;
  padding-left: 60px;
  font-size: 18px;
}
@media (max-width: 767px) {
  .q_and_a dd {
    font-size: 3.7333333333vw;
    margin-top: 6.6666666667vw;
    padding-left: 9.3333333333vw;
  }
}
.q_and_a dd::before {
  color: #f0e6ff;
  position: absolute;
  content: "\e946";
  font-family: "icomoon";
  font-size: 50px;
  left: 0;
  top: -28px;
}
@media (max-width: 767px) {
  .q_and_a dd::before {
    font-size: 6.6666666667vw;
    top: -2.6666666667vw;
  }
}
.q_and_a dd::after {
  color: #8250c8;
  position: absolute;
  content: "\e947";
  font-family: "icomoon";
  font-size: 50px;
  left: 0;
  top: -28px;
}
@media (max-width: 767px) {
  .q_and_a dd::after {
    font-size: 6.6666666667vw;
    top: -2.6666666667vw;
  }
}
.q_and_a dd span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(60%, rgb(250, 230, 150)));
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgb(250, 230, 150) 60%);
  padding-bottom: 0.1em;
}

.last_caution {
  text-align: center;
  margin-top: 0.6em;
  font-size: 16px;
}
@media (max-width: 767px) {
  .last_caution {
    font-size: 2.6666666667vw;
  }
}

.writer {
  width: 1000px;
  margin: 90px auto;
  font-size: 18px;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .writer {
    width: 90.6666666667vw;
    font-size: 3.7333333333vw;
    margin: 12vw auto;
  }
}
.writer .writer_name {
  font-weight: 700;
  margin-bottom: 0.2em;
}
.mfp-figure {
  background: #fff;
  position: relative;
}

.mfp-close {
  display: none !important;
}

.mfp-figure:after {
  content: "×";
  opacity: 0.9;
  color: #FFF !important;
  font-size: 34px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  top: -44px;
  right: -16px;
  left: auto;
  bottom: auto;
  position: absolute;
  cursor: pointer;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
}
@media (max-width: 767px) {
  .mfp-figure:after {
    font-size: 9.0666666667vw;
    width: 11.7333333333vw;
    height: 11.7333333333vw;
    line-height: 11.7333333333vw;
    top: -11.7333333333vw;
    right: -4.2666666667vw;
  }
}

img.mfp-img {
  padding: 20px;
}
@media (max-width: 767px) {
  img.mfp-img {
    padding: 5.3333333333vw;
  }
}/*# sourceMappingURL=an_layout.css.map */