@charset "UTF-8";
@media screen and (max-width: 767px) {
  .tab {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .tab {
    display: none;
  }
}

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

@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
}

body {
  margin: 0 !important;
}

div.aainc {
  overflow-x: hidden;
  background-color: #fefbf2;
}
div.aainc div:not(.twentytwenty-handle), div.aainc span:not(.twentytwenty-left-arrow, .twentytwenty-right-arrow), div.aainc object, div.aainc iframe,
div.aainc h1, div.aainc h2, div.aainc h3, div.aainc h4, div.aainc h5, div.aainc h6, div.aainc p, div.aainc blockquote, div.aainc pre,
div.aainc abbr, div.aainc address, div.aainc cite, div.aainc code,
div.aainc del, div.aainc dfn, div.aainc em, div.aainc img, div.aainc ins, div.aainc kbd, div.aainc q, div.aainc samp,
div.aainc small, div.aainc strong, div.aainc var,
div.aainc b, div.aainc i,
div.aainc dl, div.aainc dt, div.aainc dd, div.aainc ol, div.aainc ul, div.aainc li,
div.aainc fieldset, div.aainc form, div.aainc label, div.aainc legend,
div.aainc table, div.aainc caption, div.aainc tbody, div.aainc tfoot, div.aainc thead, div.aainc tr, div.aainc th, div.aainc td,
div.aainc article, div.aainc aside, div.aainc canvas, div.aainc details, div.aainc figcaption, div.aainc figure,
div.aainc footer, div.aainc header, div.aainc menu, div.aainc nav, div.aainc section, div.aainc summary,
div.aainc time, div.aainc mark, div.aainc audio, div.aainc video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
div.aainc h1, div.aainc h2, div.aainc h3, div.aainc h4, div.aainc h5, div.aainc h6 {
  font-weight: normal;
  font-size: 100%;
}
div.aainc ul, div.aainc ol {
  list-style: none;
}
div.aainc blockquote, div.aainc q {
  quotes: none;
}
div.aainc blockquote:before, div.aainc blockquote:after,
div.aainc q:before, div.aainc q:after {
  content: "";
  content: none;
}
div.aainc a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
div.aainc del {
  text-decoration: line-through;
}
div.aainc table {
  border-collapse: collapse;
  border-spacing: 0;
}
div.aainc hr {
  display: block;
  height: 1px;
  border: 0;
  margin: 1em 0;
  padding: 0;
}
div.aainc input, div.aainc select {
  vertical-align: middle;
}
div.aainc * {
  box-sizing: border-box;
}
div.aainc div, div.aainc p, div.aainc span, div.aainc small, div.aainc strong, div.aainc a, div.aainc h1, div.aainc h2, div.aainc h3, div.aainc h4, div.aainc h5, div.aainc h6, div.aainc dt, div.aainc dd, div.aainc li {
  font-family: "Zen Maru Gothic", serif;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
  word-wrap: break-word;
  color: #8b6242;
}
div.aainc a {
  text-decoration: none;
  transition: 0.4s;
  color: #8b6242;
}
@media screen and (min-width: 768px) {
  div.aainc a:hover {
    opacity: 0.8;
  }
}
div.aainc img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
div.aainc main {
  display: block;
}
div.aainc .btn.cmn1 {
  text-align: center;
}
div.aainc .btn.cmn1 a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ff5167;
}
@media screen and (min-width: 768px) {
  div.aainc .btn.cmn1 a {
    max-width: 800px;
    height: 140px;
    margin: 60px auto 0;
    border-radius: 16px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc .btn.cmn1 a {
    width: 71.1111111111vw;
    height: 14.2222222222vw;
    margin: 8.8888888889vw auto 0;
    border-radius: 1.4222222222vw;
  }
}
@media screen and (max-width: 767px) {
  div.aainc .btn.cmn1 a img {
    width: 22.5777777778vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc .btn.cmn1 p {
    margin-top: 20px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc .btn.cmn1 p {
    margin-top: 1.7777777778vw;
    font-size: 2.4888888889vw;
  }
}
div.aainc .btn.cmn2 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #8b6242;
  font-weight: 500;
  transition: 0.4s;
}
@media screen and (min-width: 768px) {
  div.aainc .btn.cmn2 {
    width: 480px;
    height: 80px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 16px;
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc .btn.cmn2 {
    width: 56.8888888889vw;
    height: 10.6666666667vw;
    margin: 0 auto;
    border-radius: 1.4222222222vw;
    font-size: 3.7333333333vw;
  }
}
div.aainc .btn.cmn2:hover {
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
  div.aainc .btn.cmn2:hover {
    cursor: pointer;
  }
}
div.aainc .btn.cmn3 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  transition: 0.4s;
  background-color: #fff;
  position: relative;
}
@media screen and (min-width: 768px) {
  div.aainc .btn.cmn3 {
    width: 146px;
    height: 56px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 10px;
    font-size: 24px;
    border: 2px solid #b19d8b;
    gap: 0 16px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc .btn.cmn3 {
    width: 25.9555555556vw;
    height: 9.9555555556vw;
    margin-top: 6.2222222222vw;
    font-size: 4.2666666667vw;
    border: 0.2666666667vw solid #b19d8b;
    border-radius: 0.8888888889vw;
    gap: 0 2.1333333333vw;
  }
}
div.aainc .btn.cmn3:before {
  content: "";
  background: url(../img/sp/btn_icon1.png) 0 0/100% no-repeat;
}
@media screen and (min-width: 768px) {
  div.aainc .btn.cmn3:before {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc .btn.cmn3:before {
    width: 3.6444444444vw;
    height: 3.6444444444vw;
  }
}
div.aainc .btn.cmn3:hover {
  opacity: 0.8;
  cursor: pointer;
}
div.aainc h2.title.cmn1 {
  display: table;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
  position: relative;
}
@media screen and (min-width: 768px) {
  div.aainc h2.title.cmn1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc h2.title.cmn1 {
    line-height: 1.2;
    font-size: 6.2222222222vw;
  }
}
div.aainc h2.title.cmn1:before, div.aainc h2.title.cmn1:after {
  content: "";
  display: block;
  position: absolute;
}
@media screen and (min-width: 768px) {
  div.aainc h2.title.cmn1:before {
    top: 10px;
    left: -70px;
    width: 28px;
    height: 28px;
    background: url(../img/dot2_l.png) 0 0/100% no-repeat;
  }
}
@media screen and (max-width: 767px) {
  div.aainc h2.title.cmn1:before {
    width: 3.1111111111vw;
    height: 3.1111111111vw;
    left: -5.3333333333vw;
    background: url(../img/sp/dot2_l.png) 0 0/100% no-repeat;
  }
}
@media screen and (min-width: 768px) {
  div.aainc h2.title.cmn1:after {
    top: 0;
    right: -130px;
    width: 93px;
    height: 56px;
    background: url(../img/dot2_r.png) 0 0/100% no-repeat;
  }
}
@media screen and (max-width: 767px) {
  div.aainc h2.title.cmn1:after {
    width: 10.3111111111vw;
    height: 6.4vw;
    top: -0.8888888889vw;
    right: -12.4444444444vw;
    background: url(../img/sp/dot2_r.png) 0 0/100% no-repeat;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section + section {
    padding: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section + section {
    padding: 3.5555555556vw 0 4.4444444444vw;
  }
}
div.aainc div.inner.cmn1 {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  div.aainc div.inner.cmn1 {
    max-width: 1046px;
    margin: 20px auto 0;
    padding: 60px 20px;
    border-radius: 70px;
    box-shadow: 0 0 30px 10px #decfc1;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.inner.cmn1 {
    width: 92.8888888889vw;
    margin: 4.4444444444vw auto 0;
    padding: 5.3333333333vw 1.7777777778vw;
    border-radius: 6.2222222222vw;
    box-shadow: 0 0 2.6666666667vw 0.8888888889vw #decfc1;
  }
}
div.aainc .wave {
  background-color: #f3e8dc;
}
div.aainc .wave.top {
  position: relative;
}
@media screen and (min-width: 768px) {
  div.aainc .wave.top {
    margin-top: 165px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc .wave.top {
    margin-top: 5.1555555556vw;
  }
}
div.aainc .wave.top:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  div.aainc .wave.top:before {
    top: -165px;
    height: 165px;
    background: url(../img/wave2.png) center 0/cover no-repeat;
  }
}
@media screen and (max-width: 767px) {
  div.aainc .wave.top:before {
    top: -5.1555555556vw;
    height: 5.1555555556vw;
    background: url(../img/sp/wave2.png) center 0/cover no-repeat;
  }
}
div.aainc .wave.bottom {
  position: relative;
}
@media screen and (min-width: 768px) {
  div.aainc .wave.bottom {
    margin-bottom: 165px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc .wave.bottom {
    margin-bottom: 8.6222222222vw;
  }
}
div.aainc .wave.bottom:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  div.aainc .wave.bottom:after {
    bottom: -165px;
    height: 165px;
    background: url(../img/wave1.png) center 100%/cover no-repeat;
  }
}
@media screen and (max-width: 767px) {
  div.aainc .wave.bottom:after {
    bottom: -8.6222222222vw;
    height: 8.6222222222vw;
    background: url(../img/sp/wave1.png) center 100%/cover no-repeat;
  }
}
div.aainc section.kv div.image picture img {
  width: 100%;
}
div.aainc section.kv div.btn.cmn1 a {
  position: relative;
}
div.aainc section.kv div.btn.cmn1 a:before, div.aainc section.kv div.btn.cmn1 a:after {
  content: "";
  display: block;
  position: absolute;
}
@media screen and (min-width: 768px) {
  div.aainc section.kv div.btn.cmn1 a:before {
    top: 40px;
    left: -150px;
    width: 123px;
    height: 124px;
    background: url(../img/dot1_l.png) 0 0/100% no-repeat;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.kv div.btn.cmn1 a:before {
    width: 11.1111111111vw;
    height: 14.2222222222vw;
    top: 5.3333333333vw;
    left: -12.4444444444vw;
    background: url(../img/sp/dot1_l.png) 0 0/100% no-repeat;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.kv div.btn.cmn1 a:after {
    top: 80px;
    right: -90px;
    width: 55px;
    height: 55px;
    background: url(../img/dot1_r.png) 0 0/100% no-repeat;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.kv div.btn.cmn1 a:after {
    width: 5.5111111111vw;
    height: 5.5111111111vw;
    top: 5.3333333333vw;
    right: -10.6666666667vw;
    background: url(../img/sp/dot1_r.png) 0 0/100% no-repeat;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.item {
    padding-bottom: 80px;
  }
}
div.aainc section.item div.inner {
  position: relative;
}
@media screen and (min-width: 768px) {
  div.aainc section.item div.inner:before, div.aainc section.item div.inner:after {
    content: "";
    display: block;
    position: absolute;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.item div.inner:before {
    top: 210px;
    left: -230px;
    width: 293px;
    height: 483px;
    background: url(../img/dot3_l.png) 0 0/100% no-repeat;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.item div.inner:after {
    top: 60px;
    right: -250px;
    width: 352px;
    height: 728px;
    background: url(../img/dot3_r.png) 0 0/100% no-repeat;
  }
}
div.aainc section.item div.inner h3 {
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  div.aainc section.item div.inner h3 {
    font-size: 36px;
  }
}
div.aainc section.item div.inner div.image {
  text-align: center;
}
@media screen and (min-width: 768px) {
  div.aainc section.item div.inner div.image {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.item div.inner div.image {
    margin-top: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.item div.inner div.image img {
    max-width: 720px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.item div.inner div.image img {
    width: 72.0888888889vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.item div.inner a.btn.cmn2 {
    margin: 40px auto 50px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.item div.inner a.btn.cmn2 {
    margin: 4.4444444444vw auto 3.5555555556vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.item div.inner p {
    text-align: center;
    font-size: 16px;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.item div.inner p {
    display: flex;
    justify-content: center;
    font-size: 2.4888888889vw;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.prize {
    padding-bottom: 30px;
  }
}
div.aainc section.prize div.inner {
  position: relative;
}
div.aainc section.prize div.inner:before, div.aainc section.prize div.inner:after {
  content: "";
  display: block;
  position: absolute;
}
@media screen and (min-width: 768px) {
  div.aainc section.prize div.inner:before {
    top: 50px;
    left: -230px;
    width: 439px;
    height: 576px;
    background: url(../img/dot4_l.png) 0 0/100% no-repeat;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.prize div.inner:before {
    top: 4.4444444444vw;
    left: -2.6666666667vw;
    width: 14.0444444444vw;
    height: 18.3111111111vw;
    background: url(../img/sp/dot4_l.png) 0 0/cover no-repeat;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.prize div.inner:after {
    top: 60px;
    right: -290px;
    width: 535px;
    height: 547px;
    background: url(../img/dot4_r.png) 0 0/100% no-repeat;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.prize div.inner:after {
    top: 4.4444444444vw;
    right: -2.6666666667vw;
    width: 11.6444444444vw;
    height: 60.3555555556vw;
    background: url(../img/sp/dot4_r.png) 0 0/cover no-repeat;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.prize div.inner div.image {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.prize div.inner div.image img {
    max-width: 700px;
  }
}
div.aainc section.prize div.inner .title {
  position: relative;
}
@media screen and (min-width: 768px) {
  div.aainc section.prize div.inner .title {
    margin-top: -35px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.prize div.inner .title {
    margin: -3.5555555556vw auto 4.4444444444vw;
  }
}
div.aainc section.prize div.inner h3 {
  display: table;
  text-align: center;
  color: #fff;
  background-color: #b19d8b;
  margin-right: auto;
  margin-left: auto;
  font-weight: bold;
  line-height: 0.8;
}
@media screen and (min-width: 768px) {
  div.aainc section.prize div.inner h3 {
    padding: 15px;
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.prize div.inner h3 {
    padding: 2.2222222222vw 1.7777777778vw;
    font-size: 3.5555555556vw;
  }
}
div.aainc section.prize div.inner h3 span {
  color: #fff;
}
@media screen and (min-width: 768px) {
  div.aainc section.prize div.inner h3 span {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.prize div.inner h3 span {
    font-size: 2.8444444444vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.prize div.inner h3 + h3 {
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.prize div.inner h3 + h3 {
    margin-top: 1.1555555556vw;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.prize div.inner .btn.cmn2 {
    width: 60.4444444444vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.prize div.inner .btn.cmn2 + .btn.cmn2 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.prize div.inner .btn.cmn2 + .btn.cmn2 {
    margin-top: 2.3111111111vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.w-chance {
    padding-top: 100px;
  }
}
div.aainc section.w-chance div.inner {
  position: relative;
  position: relative;
}
@media screen and (min-width: 768px) {
  div.aainc section.w-chance div.inner {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.w-chance div.inner:before, div.aainc section.w-chance div.inner:after {
    content: "";
    display: block;
    position: absolute;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.w-chance div.inner:before {
    top: 210px;
    left: -230px;
    width: 293px;
    height: 483px;
    background: url(../img/dot5_l.png) 0 0/100% no-repeat;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.w-chance div.inner:after {
    top: 60px;
    right: -260px;
    width: 285px;
    height: 728px;
    background: url(../img/dot5_r.png) 0 0/100% no-repeat;
  }
}
div.aainc section.w-chance h3 {
  position: absolute;
}
@media screen and (min-width: 768px) {
  div.aainc section.w-chance h3 {
    top: -50px;
    left: -8px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.w-chance h3 {
    top: -4vw;
    left: -0.4444444444vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.w-chance h3 img {
    width: 370px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.w-chance h3 img {
    width: 44.2666666667vw;
  }
}
div.aainc section.w-chance div.image {
  text-align: center;
}
@media screen and (max-width: 767px) {
  div.aainc section.w-chance div.image {
    padding-top: 6.2222222222vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.w-chance div.image img {
    width: 880px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.w-chance div.image img {
    width: 84.7111111111vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.w-chance p {
    margin-top: 60px;
    padding: 0 20px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.w-chance p {
    margin-top: 7.1111111111vw;
    padding: 0 2.6666666667vw;
    font-size: 1.9555555556vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.step {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.step {
    padding-bottom: 8vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.step div.inner ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.step div.inner ul {
    padding: 0 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.step div.inner ul li {
    padding: 20px 10px 10px;
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.step div.inner ul li {
    padding: 4.4444444444vw 0vw 3.5555555556vw;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.step div.inner ul li + li {
    border-top: 0.5333333333vw dotted #8b6242;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.step div.inner ul li:nth-of-type(1) {
    border-bottom: 3px dotted #8b6242;
    border-right: 3px dotted #8b6242;
  }
}
div.aainc section.step div.inner ul li:nth-of-type(1) div.title::before {
  background: url(../img/sp/step_icon1.png) 0 0/100% no-repeat;
}
@media screen and (min-width: 768px) {
  div.aainc section.step div.inner ul li:nth-of-type(1) div.image img {
    width: 174px;
    padding: 20px 0;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.step div.inner ul li:nth-of-type(1) div.image img {
    width: 25.0666666667vw;
    margin-top: 1.7777777778vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.step div.inner ul li:nth-of-type(2) {
    border-bottom: 3px dotted #8b6242;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.step div.inner ul li:nth-of-type(2) div.title {
    margin-top: 13px;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.step div.inner ul li:nth-of-type(2) div.title p {
    margin-top: 5px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.step div.inner ul li:nth-of-type(2) div.title p {
    font-size: 2.4888888889vw;
  }
}
div.aainc section.step div.inner ul li:nth-of-type(2) div.title::before {
  background: url(../img/sp/step_icon2.png) 0 0/100% no-repeat;
}
@media screen and (min-width: 768px) {
  div.aainc section.step div.inner ul li:nth-of-type(2) div.image img {
    margin-top: 20px;
    width: 180px;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.step div.inner ul li:nth-of-type(3) {
    border-right: 3px dotted #8b6242;
  }
}
div.aainc section.step div.inner ul li:nth-of-type(3) div.title::before {
  background: url(../img/sp/step_icon3.png) 0 0/100% no-repeat;
}
@media screen and (min-width: 768px) {
  div.aainc section.step div.inner ul li:nth-of-type(3) div.image img {
    width: 220px;
  }
}
div.aainc section.step div.inner ul li:nth-of-type(4) div.title::before {
  background: url(../img/sp/step_icon4.png) 0 0/100% no-repeat;
}
@media screen and (min-width: 768px) {
  div.aainc section.step div.inner ul li:nth-of-type(4) div.image img {
    width: 177px;
  }
}
div.aainc section.step div.inner ul li:nth-of-type(4) p {
  display: flex;
  justify-content: center;
}
div.aainc section.step div.inner ul li div.title {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
div.aainc section.step div.inner ul li div.title:before {
  content: "";
  margin: auto 0;
}
@media screen and (min-width: 768px) {
  div.aainc section.step div.inner ul li div.title:before {
    width: 65px;
    height: 65px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.step div.inner ul li div.title:before {
    width: 11.6444444444vw;
    height: 11.6444444444vw;
    margin-right: 1.7777777778vw;
  }
}
div.aainc section.step div.inner ul li div.title h4 {
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  div.aainc section.step div.inner ul li div.title h4 {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.step div.inner ul li div.title h4 {
    font-size: 4.4444444444vw;
  }
}
div.aainc section.step div.inner ul li div.title h4 span {
  font-size: 0.8em;
}
div.aainc section.step div.inner ul li div.image {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  div.aainc section.step div.inner ul li div.image {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.step div.inner ul li div.image {
    margin-top: 1.7777777778vw;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.step div.inner ul li div.image img {
    width: 24.8888888889vw;
  }
}
div.aainc section.step div.inner ul li div.image + p {
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  div.aainc section.step div.inner ul li div.image + p {
    margin-top: 10px;
    padding: 0 20px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.step div.inner ul li div.image + p {
    margin-top: 0.8888888889vw;
    padding: 0 1.7777777778vw;
    font-size: 2.4888888889vw;
  }
}
div.aainc section.step div.inner ul li .btn.cmn2 {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  div.aainc section.step div.inner ul li .btn.cmn2 {
    display: inline-flex;
    width: auto;
    margin: 0 auto;
    width: 235px;
    height: 50px;
    transform: translateY(-40px);
    font-size: 20px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.step div.inner ul li .btn.cmn2 {
    width: 56.8888888889vw;
    height: 10.6666666667vw;
    transform: translateY(-4vw);
    font-size: 3.5555555556vw;
    border-radius: 1.4222222222vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.rule div.inner {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.rule div.inner {
    padding-right: 2.6666666667vw;
    padding-left: 2.6666666667vw;
  }
}
div.aainc section.rule div.inner div.scroll {
  overflow: scroll;
  scrollbar-color: #e2ccc6 #fff;
}
@media screen and (min-width: 768px) {
  div.aainc section.rule div.inner div.scroll {
    height: 390px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.rule div.inner div.scroll {
    height: 35.5555555556vw;
    padding-right: 2.6666666667vw;
    padding-left: 2.6666666667vw;
  }
}
div.aainc section.rule div.inner div.scroll h3 {
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  div.aainc section.rule div.inner div.scroll h3 {
    margin-bottom: 20px;
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.rule div.inner div.scroll h3 {
    margin-bottom: 2.2222222222vw;
    font-size: 3.5555555556vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.rule div.inner div.scroll h3 + p {
    margin-bottom: 20px;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.rule div.inner div.scroll h3 + p {
    margin-bottom: 2.2222222222vw;
    font-size: 2.8444444444vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.rule div.inner div.scroll div.sec + div.sec {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.rule div.inner div.scroll div.sec + div.sec {
    margin-top: 2.6666666667vw;
  }
}
div.aainc section.rule div.inner div.scroll div.sec h4 {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  div.aainc section.rule div.inner div.scroll div.sec h4 {
    margin-bottom: 4px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.rule div.inner div.scroll div.sec h4 {
    margin-bottom: 0.5333333333vw;
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.rule div.inner div.scroll div.sec p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.rule div.inner div.scroll div.sec p {
    font-size: 2.4888888889vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.rule div.inner div.scroll div.sec p + p {
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.rule div.inner div.scroll div.sec p + p {
    margin-top: 1.0666666667vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.rule a.btn.cmn2 {
    margin: 100px auto 60px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.rule a.btn.cmn2 {
    width: 56vw;
    margin: 8.8888888889vw auto 3.5555555556vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.rule div.text {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.rule div.text {
    padding: 1.7777777778vw 3.5555555556vw 0;
  }
}
div.aainc section.rule div.text h4 {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  div.aainc section.rule div.text h4 {
    margin-bottom: 20px;
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.rule div.text h4 {
    text-align: center;
    margin-bottom: 4.4444444444vw;
    font-size: 3.5555555556vw;
  }
}
div.aainc section.rule div.text p {
  position: relative;
}
@media screen and (min-width: 768px) {
  div.aainc section.rule div.text p {
    display: table;
    margin: 0 auto;
    padding-left: 18px;
    line-height: 2;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.rule div.text p {
    line-height: 1.4;
    margin-top: 0.8888888889vw;
    padding-left: 2.6666666667vw;
    font-size: 2.4888888889vw;
  }
}
div.aainc section.rule div.text p:before {
  content: "※";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
}
@media screen and (min-width: 768px) {
  div.aainc section.rule div.text p:before {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.rule div.text p:before {
    font-size: 2.4888888889vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.brand {
    padding: 50px 0 70px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.brand {
    padding-top: 5.3333333333vw;
    padding-bottom: 8vw;
  }
}
div.aainc section.brand h3 {
  color: #ee859a;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  div.aainc section.brand h3 {
    text-align: center;
    margin-top: 50px;
    font-size: 40px;
    font-weight: bold;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.brand h3 {
    text-align: center;
    line-height: 1.3;
    margin-top: 2.6666666667vw;
    font-size: 7.1111111111vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.brand div.main {
    position: relative;
    max-width: 1046px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.brand div.main div.image {
    position: absolute;
    top: 0;
    right: -120px;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.brand div.main div.image img {
    width: 560px;
  }
}
div.aainc section.brand div.main p {
  position: relative;
  z-index: 1;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  div.aainc section.brand div.main p {
    padding-top: 100px;
    font-size: 30px;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.brand div.main p {
    text-align: center;
    font-size: 4.4444444444vw;
    line-height: 1.5;
  }
}
div.aainc section.brand div.foot a.btn.cmn2 {
  background-color: #b19d8b;
}
@media screen and (min-width: 768px) {
  div.aainc section.brand div.foot a.btn.cmn2 {
    margin-top: 130px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.brand div.foot a.btn.cmn2 {
    width: 53.3333333333vw;
    height: 11.5555555556vw;
    margin-top: 4.4444444444vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc section.brand div.foot p {
    line-height: 2;
    max-width: 846px;
    margin: 40px auto 0;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc section.brand div.foot p {
    margin-top: 4.4444444444vw;
    padding: 0 7.1111111111vw;
    font-size: 2.4888888889vw;
  }
}
div.aainc div.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(185, 163, 145, 0.8);
  transition: 0.4s;
}
div.aainc div.overlay:hover {
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
  div.aainc div.overlay:hover {
    cursor: pointer;
  }
}
div.aainc div.overlay, div.aainc div.modal1, div.aainc div.modal2, div.aainc div.modal3 {
  display: none;
}
div.aainc div.modal1, div.aainc div.modal2, div.aainc div.modal3 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 101;
  width: 100%;
  overflow: hidden;
  height: 90vh;
  margin: 0 auto !important;
}
@media screen and (max-width: 767px) {
  div.aainc div.modal1, div.aainc div.modal2, div.aainc div.modal3 {
    padding-bottom: 8vw !important;
  }
}
div.aainc div.modal1 > div, div.aainc div.modal2 > div, div.aainc div.modal3 > div {
  height: 90vh;
  overflow-y: scroll;
  scrollbar-color: #e2ccc6 #fff;
}
@media screen and (min-width: 768px) {
  div.aainc div.modal1 > div, div.aainc div.modal2 > div, div.aainc div.modal3 > div {
    padding: 0px 20px 100px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal1 > div, div.aainc div.modal2 > div, div.aainc div.modal3 > div {
    padding: 0 0vw 13.3333333333vw;
  }
}
div.aainc div.modal1 {
  background-color: #faf6f3 !important;
}
@media screen and (min-width: 768px) {
  div.aainc div.modal1 {
    padding-top: 25px !important;
  }
}
div.aainc div.modal1 p.notice {
  text-align: center;
}
@media screen and (min-width: 768px) {
  div.aainc div.modal1 p.notice {
    margin-top: -30px;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal1 p.notice {
    margin-top: -1.7777777778vw;
    font-size: 1.6vw;
  }
}
div.aainc div.modal1 div.image2 {
  text-align: center;
}
@media screen and (min-width: 768px) {
  div.aainc div.modal1 div.image2 {
    margin-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal1 div.image2 {
    margin-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal1 div.image2 img {
    width: 71.6444444444vw;
  }
}
div.aainc div.modal1 div.image3 {
  text-align: center;
}
@media screen and (min-width: 768px) {
  div.aainc div.modal1 div.image3 {
    margin-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal1 div.image3 {
    margin-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal1 div.image3 img {
    width: 75.6444444444vw;
  }
}
div.aainc div.modal1 div.btn-wrap {
  text-align: center;
}
@media screen and (min-width: 768px) {
  div.aainc div.modal1 div.btn-wrap {
    margin-top: 80px;
  }
}
div.aainc div.modal2 {
  text-align: center;
}
div.aainc div.modal2 div.head h2 {
  color: #333;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  div.aainc div.modal2 div.head h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal2 div.head h2 {
    font-size: 6.2222222222vw;
  }
}
div.aainc div.modal2 div.head p {
  color: #333;
}
@media screen and (min-width: 768px) {
  div.aainc div.modal2 div.head p {
    line-height: 2;
    margin-top: 40px;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal2 div.head p {
    margin-top: 3.5555555556vw;
    font-size: 3.5555555556vw;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal2 div.head p + p {
    margin-top: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc div.modal2 div.head div.image {
    margin: 50px 0 100px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal2 div.head div.image {
    margin: 4.4444444444vw 0 8.8888888889vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc div.modal2 div.head div.image img {
    max-width: 720px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal2 div.head div.image img {
    width: 80.6222222222vw;
  }
}
div.aainc div.modal2 div.main h2 {
  font-weight: bold;
  color: #333;
}
@media screen and (min-width: 768px) {
  div.aainc div.modal2 div.main h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal2 div.main h2 {
    line-height: 1.2;
    font-size: 6.2222222222vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc div.modal2 div.main ul {
    margin-top: 36px;
    padding: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal2 div.main ul {
    margin-top: 3.5555555556vw;
    padding: 0 2.6666666667vw;
  }
}
div.aainc div.modal2 div.main ul li {
  color: #333;
}
@media screen and (min-width: 768px) {
  div.aainc div.modal2 div.main ul li {
    padding: 36px 0;
    border-top: 3px dotted #a9a9a9;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal2 div.main ul li {
    padding: 3.5555555556vw 0;
    border-top: 0.5333333333vw dotted #a9a9a9;
  }
}
@media screen and (min-width: 768px) {
  div.aainc div.modal2 div.main ul li:last-child {
    border-bottom: 3px dotted #a9a9a9;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal2 div.main ul li:last-child {
    border-bottom: 0.5333333333vw dotted #a9a9a9;
  }
}
div.aainc div.modal2 div.main ul li:nth-of-type(1) h3::before {
  background: url(../img/sp/modal_icon1.png) 0 0/100% no-repeat;
}
@media screen and (min-width: 768px) {
  div.aainc div.modal2 div.main ul li:nth-of-type(1) h3::before {
    width: 26px;
    height: 24px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal2 div.main ul li:nth-of-type(1) h3::before {
    width: 4.0888888889vw;
    height: 3.8222222222vw;
  }
}
div.aainc div.modal2 div.main ul li:nth-of-type(2) h3::before {
  background: url(../img/sp/modal_icon2.png) 0 0/100% no-repeat;
}
@media screen and (min-width: 768px) {
  div.aainc div.modal2 div.main ul li:nth-of-type(2) h3::before {
    width: 24px;
    height: 26px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal2 div.main ul li:nth-of-type(2) h3::before {
    width: 3.7333333333vw;
    height: 4.2666666667vw;
  }
}
div.aainc div.modal2 div.main ul li:nth-of-type(3) h3::before {
  background: url(../img/sp/modal_icon3.png) 0 0/100% no-repeat;
}
@media screen and (min-width: 768px) {
  div.aainc div.modal2 div.main ul li:nth-of-type(3) h3::before {
    width: 22px;
    height: 26px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal2 div.main ul li:nth-of-type(3) h3::before {
    width: 3.5555555556vw;
    height: 4.0888888889vw;
  }
}
div.aainc div.modal2 div.main ul li:nth-of-type(4) h3::before {
  background: url(../img/sp/modal_icon4.png) 0 0/100% no-repeat;
}
@media screen and (min-width: 768px) {
  div.aainc div.modal2 div.main ul li:nth-of-type(4) h3::before {
    width: 26px;
    height: 24px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal2 div.main ul li:nth-of-type(4) h3::before {
    width: 4.0888888889vw;
    height: 3.7333333333vw;
  }
}
div.aainc div.modal2 div.main ul li:nth-of-type(5) h3::before {
  background: url(../img/sp/modal_icon5.png) 0 0/100% no-repeat;
}
@media screen and (min-width: 768px) {
  div.aainc div.modal2 div.main ul li:nth-of-type(5) h3::before {
    width: 20px;
    height: 24px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal2 div.main ul li:nth-of-type(5) h3::before {
    width: 3.0222222222vw;
    height: 3.5555555556vw;
  }
}
div.aainc div.modal2 div.main ul li h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #333;
  position: relative;
}
@media screen and (min-width: 768px) {
  div.aainc div.modal2 div.main ul li h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal2 div.main ul li h3 {
    font-size: 4.4444444444vw;
  }
}
div.aainc div.modal2 div.main ul li h3:before {
  content: "";
}
@media screen and (min-width: 768px) {
  div.aainc div.modal2 div.main ul li h3:before {
    margin-right: 8px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal2 div.main ul li h3:before {
    margin-right: 0.8888888889vw;
  }
}
div.aainc div.modal2 div.main ul li p {
  line-height: 2;
  color: #333;
}
@media screen and (min-width: 768px) {
  div.aainc div.modal2 div.main ul li p {
    margin-top: 10px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal2 div.main ul li p {
    margin-top: 1.2444444444vw;
    font-size: 3.5555555556vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc div.modal2 div.foot div.image {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal2 div.foot div.image {
    margin-top: 4.4444444444vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc div.modal2 div.foot div.image img {
    width: 450px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal2 div.foot div.image img {
    width: 72.8888888889vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc div.modal2 div.foot div.btn.cmn3 {
    margin-top: 80px;
  }
}
div.aainc div.modal3 {
  text-align: center;
}
@media screen and (min-width: 768px) {
  div.aainc div.modal3 div.btn.cmn3 {
    margin-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal3 div.text {
    padding: 0 3.5555555556vw;
  }
}
div.aainc div.modal3 div.text p {
  text-align: left;
  color: #010100;
  position: relative;
}
@media screen and (min-width: 768px) {
  div.aainc div.modal3 div.text p {
    padding-left: 18px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal3 div.text p {
    padding-left: 2.6666666667vw;
    font-size: 2.4888888889vw;
  }
}
@media screen and (min-width: 768px) {
  div.aainc div.modal3 div.text p + p {
    margin-top: 5px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal3 div.text p + p {
    margin-top: 0.8888888889vw;
  }
}
div.aainc div.modal3 div.text p:before {
  content: "※";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
}
@media screen and (min-width: 768px) {
  div.aainc div.modal3 div.text p:before {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  div.aainc div.modal3 div.text p:before {
    font-size: 2.4888888889vw;
  }
}

@media screen and (max-width: 767px) {
  ul.policy {
    margin-top: 0 !important;
    padding: 0 !important;
  }
}

p.copyright {
  margin: 0 !important;
}