@charset "UTF-8";
* {
  font-family: "Noto Sans JP", sans-serif;
  text-decoration: none;
}
html {
  scroll-behavior: smooth;
}
html,
body {
  margin: 0;
  padding: 0;
  text-align: center;
}
.wrap h1,
.wrap h2,
.wrap h3,
.wrap h4,
.wrap h5,
.wrap h6,
.wrap header,
.wrap footer,
.wrap section,
.wrap article,
.wrap nav,
.wrap p,
.wrap figure,
.wrap figcaption,
.wrap dl,
.wrap dt,
.wrap dd,
.wrap ul,
.wrap ol,
.wrap li,
.wrap th,
.wrap td,
.wrap img,
.wrap address,
.wrap form,
.wrap input,
.wrap textarea,
.wrap select,
.wrap option,
.wrap span,
.wrap em,
.wrap strong {
  margin: 0;
  padding: 0;
  line-height: 1.4em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.wrap ul,
.wrap ol {
  list-style: none;
}
.wrap table {
  border-collapse: collapse;
  border-spacing: 0;
}
.wrap img,
.wrap a {
  border: none;
  color: #000;
}
.wrap img {
  vertical-align: bottom;
}
.wrap img {
  width: 100%;
  height: auto;
}
body {
  background: url("../img/body_bg.png");
}
.wrap {
  box-shadow: 2px 2px 20px 3px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 2px 2px 20px 3px rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 2px 2px 50px 3px rgba(0, 0, 0, 0.9);
  -o-box-shadow: 2px 2px 20px 3px rgba(0, 0, 0, 0.9);
  -ms-box-shadow: 2px 2px 20px 3px rgba(0, 0, 0, 0.9);
  background-color: rgba(255, 255, 255, 0.1);
}
.wrap .salesSelect_btn {
  margin: 0 auto 5vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 90%;
}
.wrap .salesSelect_btn a {
  width: 48%;
}
.wrap .salesSelect_btn a .submit_btn {
  padding: 1vw;
  font-size: 25px;
  font-weight: 800;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  background-image: repeating-linear-gradient(90deg, #ffe9bf, #d5af00 49%, #ffe9bf 97%);
  box-shadow: 5px 5px 0px 0px #000;
}
.wrap .text {
  font-size: 25px;
  color: #fff;
  text-align: left;
  line-height: 1.6em;
  font-family: "Hina Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
.wrap .text strong {
  color: #f00;
}
.wrap .caption {
  padding: 1%;
  background: #f00;
}
.wrap .caption span {
  padding: 2% 0;
  display: block;
  border: 2px solid #fff;
  color: #fff;
}
.wrap .basic_table {
  background: #fff;
  width: 100%;
}
.wrap .basic_table th,
.wrap .basic_table td {
  padding: 2% 0;
  border: 2px solid #666;
  font-size: 25px;
}
.wrap .basic_table th {
  background: #343434;
  color: #fff;
  width: 25%;
}
.wrap .basic_table td {
  text-align: left;
  padding-left: 2%;
  font-weight: 800;
}
.wrap .title {
  padding: 20% 5% 5% 5%;
  background-image: url("../img/title_bg.png");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  -ms-background-size: contain;
  width: 100%;
}
.wrap .title .memo,
.wrap .title .caution {
  color: #fff;
}
.wrap .title .caption {
  margin: 3% 0;
}
.wrap .title .cta {
  margin: 2% 0;
}
.wrap .description {
  padding: 2%;
  background: rgba(0, 0, 0, 0.6);
}
.wrap .description * {
  color: #fff;
}
.wrap .description dt {
  margin-bottom: 2%;
  padding-bottom: 2%;
  border-bottom: 2px solid #fff;
  font-size: 30px;
  font-weight: 800;
}
.wrap .description dd {
  font-size: 25px;
  text-align: left;
  line-height: 1.6em;
}
.wrap .first,
.wrap .second,
.wrap .third,
.wrap .fourth,
.wrap .fifth {
  padding-left: 4%;
  padding-right: 4%;
}
.wrap footer {
  padding: 1% 0 2%;
  background: #0e0e0e;
}
.wrap footer * {
  color: #fff;
}
.wrap footer nav {
  margin-bottom: 4%;
}
.wrap footer nav ul li {
  margin: 0 1%;
  display: inline-block;
}
body.tos header,
body.law header {
  padding: 3% 0;
  background: rgba(63, 48, 21, 0.4);
}
body.tos header .logo,
body.law header .logo {
  margin: 0 auto;
  width: 60%;
}
body.tos h1,
body.law h1 {
  padding: 3%;
  color: #fff;
  font-size: 20px;
}
body.tos footer,
body.law footer {
  margin-top: 3%;
}
body.tos .terms {
  margin: 0 auto;
  width: 94%;
  text-align: left;
}
body.tos .terms * {
  color: #fff;
}
body.tos .terms h2 {
  margin-bottom: 1%;
}
body.tos .terms dt {
  margin: 3% 0 1%;
  color: #cba64d;
  font-weight: 800;
}
body.tos .terms dd ul {
  margin-top: 2%;
  list-style: disc inside;
}
body.tos .terms dd h3 {
  margin-top: 2%;
}
body.law .basic_table {
  margin: 0 auto;
  width: 94%;
}
body.law .basic_table * {
  font-size: 16px;
}
body.law .basic_table td {
  padding: 2%;
}
body.law .basic_table td .memo {
  margin-top: 2%;
  padding: 2%;
  background: rgba(0, 0, 0, 0.1);
}
body.law .basic_table td .memo * {
  font-size: 14px;
}
body.law .basic_table td .memo dd {
  margin-bottom: 2%;
  font-weight: normal;
}
body.law .basic_table td .memo dd:nth-last-of-type(1) {
  margin-bottom: 0;
}
body.thanks header {
  padding: 3% 0;
  background: rgba(63, 48, 21, 0.4);
}
body.thanks header .logo {
  margin: 0 auto;
  width: 60%;
}
body.thanks .comp_title {
  padding: 45% 5% 5% 5%;
  background: url("../img/thanks/bg.png") no-repeat top center;
}
body.thanks .comp_title h1 {
  margin-bottom: 3%;
}
body.thanks .comp_title .text {
  margin-bottom: 0;
  width: 100%;
}
body.thanks .caption {
  color: #fff;
}
body.thanks .caption span {
  margin-top: 2%;
}
body.thanks .description,
body.thanks .caption {
  margin: 0 auto 3%;
  width: 90%;
}
body.thanks .text,
body.thanks .caution,
body.thanks .cta,
body.thanks .basic_table {
  margin: 0 auto 3%;
  width: 90%;
}
body.thanks .caution {
  color: #fff;
  text-align: left;
}
body.thanks .btn_area {
  margin: 0 auto;
  width: 90%;
}
body.thanks .btn_area li {
  margin: 0 0 2% 0;
  width: 100%;
  display: inline-block;
  width: 48.5%;
}
body.thanks .btn_area .web {
  margin-right: 2%;
}
body.thanks .btn_area .wide_btn {
  display: block;
  width: 100%;
}
body.bank .caption span,
body.credit .caption span,
body.merch .caption span {
  margin-top: 0;
}
body.contents h2,
body.contents h3,
body.contents h4,
body.contents h5,
body.contents h6,
body.contents .text {
  margin-bottom: 3%;
}
body.contents .list {
  margin-bottom: 3%;
}
body.contents .description {
  margin-bottom: 3%;
}
body.contents .results {
  margin-bottom: 3%;
}
body.contents figure {
  margin-bottom: 3%;
}
body.con4 .title,
body.con3 .title,
body.con2 .title,
body.con1 .title {
  padding-bottom: 0;
}
body.con4 .title h2,
body.con3 .title h2,
body.con2 .title h2,
body.con1 .title h2 {
  margin-bottom: 0;
}
body.sales .first ul li {
  margin-bottom: 3%;
}
body.sales .first .movie {
  display: block;
}
body.sales .first .movie video {
  width: 100%;
}
body.sales .fourth ul {
  display: flex;
  flex-wrap: wrap;
}
body.sales .fourth ul li {
  margin: 0 3% 3% 0;
  width: 48.5%;
}
body.sales .fourth ul li:nth-child(2n) {
  margin-right: 0;
}
body.sales .send_form {
  margin: 3vw 0;
  padding: 3vw;
  width: 100%;
}
body.sales .send_form dt {
  text-align: left;
}
body.sales .send_form dd {
  margin-bottom: 3vw;
}
body.sales .send_form dd input {
  width: 100%!important;
}
body.sales .send_form .submit {
  margin-bottom: 0;
}
body.sales .send_form .submit input {
  height: auto;
}
body.optin .wrap {
  background: #000;
}
body.optin .wrap .send_form {
  margin-top: 1em;
}
body.select .salesSelect_btn li {
  width: 48%;
}
body.select .salesSelect_btn li input[type="submit"] {
  padding: 1vw;
  font-size: 25px;
  font-weight: 800;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  background-image: repeating-linear-gradient(90deg, #ffe9bf, #d5af00 49%, #ffe9bf 97%);
  box-shadow: 5px 5px 0px 0px #000;
  width: 100%;
}
body.select .salesSelect_btn li input[type="submit"] {
  transition: opacity 0.3s ease;
}
body.select .salesSelect_btn li input[type="submit"]:hover {
  opacity: 0.7;
}
body.select .settlementInfo {
  margin-bottom: 5vw;
  text-align: center;
}
body.select .settlementInfo p {
  margin-bottom: 3vw;
}
body.select .settlementInfo p a {
  font-size: 1.6rem;
  font-weight: 600;
  color: #f00;
  text-decoration: underline;
}
body.select .settlementInfo h3 {
  margin-bottom: 2vw;
  padding: 1vw 3vw;
  color: #fff;
  font-size: 1.6rem;
  background: #000;
  display: inline-block;
}
body.select .settlementInfo dl * {
  color: #fff;
  font-size: 1.4rem;
}
body.select .settlementInfo dl dd {
  margin-top: 0.5vw;
}
body.select .settlementInfo dl dd a {
  color: #f00;
  font-weight: 600;
  text-decoration: underline;
}
@media screen and (min-width: 750px) {
  .salesSelect_btn a .submit_btn {
    font-size: 25px;
  }
  dl.send_form {
    margin: 0 auto 2em;
    padding: 1.5em 0;
    width: 90%;
    background-color: rgba(168, 138, 47, 0.5);
  }
  dl.send_form dt {
    margin-bottom: 2%;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
  }
  dl.send_form dd input[type="text"] {
    padding: 1.5%;
    border: none;
    border-radius: 3px;
    width: 80%;
    font-size: 20px;
  }
  dl.send_form dd.submit {
    margin-top: 2%;
  }
  dl.send_form dd.submit .submit_btn {
    padding: 1.5% 3%;
    font-size: 25px;
    font-weight: 800;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    background-image: repeating-linear-gradient(90deg, #ffe9bf, #d5af00 49%, #ffe9bf 97%);
    box-shadow: 5px 5px 0px 0px #000;
  }
  body {
    margin: 0 auto;
    width: 1000px;
  }
  br.narrow {
    display: none;
  }
  body.tos h1,
  body.law h1 {
    font-size: 24px;
  }
  body.tos .terms h2,
  body.law .terms h2 {
    font-size: 20px;
  }
  body.tos .terms dl dt,
  body.law .terms dl dt {
    font-size: 20px;
  }
}
@media screen and (max-width: 749px) {
  .salesSelect_btn a .submit_btn {
    font-size: 16px!important;
  }
  dl.send_form {
    margin-bottom: 1em;
    padding: 3%;
    background-color: rgba(168, 138, 47, 0.5);
  }
  dl.send_form dt {
    margin-bottom: 2%;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
  }
  dl.send_form dd input[type="text"] {
    padding: 1.5%;
    border: none;
    border-radius: 3px;
    font-size: 16px;
    width: 100%;
  }
  dl.send_form dd.submit {
    margin-top: 3%;
  }
  dl.send_form dd.submit .submit_btn {
    padding: 1.5% 3%;
    font-size: 18px;
    font-weight: 800;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    background-image: repeating-linear-gradient(90deg, #ffe9bf, #d5af00 49%, #ffe9bf 97%);
    box-shadow: 5px 5px 0px 0px #000;
    color: #000;
  }
  .wrap .text {
    font-size: 16px;
  }
  .wrap .caption {
    font-size: 16px;
  }
  .wrap .basic_table th,
  .wrap .basic_table td {
    font-size: 14px;
  }
  .wrap .title .description {
    font-size: 13px;
  }
  .wrap .title .caution {
    font-size: 13px;
  }
  .wrap .description dt {
    font-size: 16px;
  }
  .wrap .description dd {
    font-size: 13px;
  }
  .wrap footer {
    margin-top: 1em;
  }
  .wrap footer .copyright small {
    font-size: 12px;
  }
  body.tos .terms h2,
  body.law .terms h2 {
    font-size: 18px;
  }
  body.tos .terms dl dt,
  body.law .terms dl dt {
    font-size: 18px;
  }
  body.thanks header .logo {
    width: 90%;
  }
  body.thanks .caption span {
    font-size: 18px;
  }
  body.thanks .comp_title {
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
  }
  body.thanks .btn_area {
    display: block;
  }
  body.thanks .btn_area li {
    width: 100%;
  }
  br.wide {
    display: none;
  }
  body.select .salesSelect_btn li {
    width: 48%;
  }
  body.select .salesSelect_btn li input[type="submit"] {
    padding: 1vw;
    font-size: 18px;
    font-weight: 800;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    background-image: repeating-linear-gradient(90deg, #ffe9bf, #d5af00 49%, #ffe9bf 97%);
    box-shadow: 5px 5px 0px 0px #000;
    width: 100%;
  }
  body.select .salesSelect_btn li input[type="submit"] {
    transition: opacity 0.3s ease;
  }
  body.select .salesSelect_btn li input[type="submit"]:hover {
    opacity: 0.7;
  }
  body.select .settlementInfo {
    margin-bottom: 5vw;
    text-align: center;
  }
  body.select .settlementInfo p {
    margin-bottom: 3vw;
  }
  body.select .settlementInfo p a {
    font-size: 1.3rem;
    font-weight: 600;
    color: #f00;
    text-decoration: underline;
  }
  body.select .settlementInfo h3 {
    margin-bottom: 2vw;
    padding: 1vw 3vw;
    color: #fff;
    font-size: 1.2rem;
    background: #000;
    display: inline-block;
  }
  body.select .settlementInfo dl * {
    color: #fff;
    font-size: 1.1rem;
  }
  body.select .settlementInfo dl dd {
    margin-top: 0.5vw;
    font-size: 1rem;
  }
  body.select .settlementInfo dl dd a {
    color: #f00;
    font-weight: 600;
    text-decoration: underline;
  }
}