@charset "UTF-8";
/*
 * Config
 */
/*
 * Color
 */
/*
 * Media Break
 */
/*
 * Fonts
 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700;900&display=swap");
@font-face {
  font-family: "Honoka Maru-Gothic";
  src: url("../fonts/Honoka-Maru-Gothic.eot");
  src: url("../fonts/Honoka-Maru-Gothic.eot?#iefix") format("embedded-opentype"), url("../fonts/Honoka-Maru-Gothic.woff2") format("woff2"), url("../fonts/Honoka-Maru-Gothic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*
* BEM関連
*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs
*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

ul li, ol li {
  list-style: none;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  margin-top: 0 !important;
}

html, body {
  font-family: "Noto Sans JP", "Hiragino Sans", sans-serif;
  font-style: normal;
  line-height: 1.4;
  font-weight: 300;
  width: 100%;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  color: #676767;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  background-size: 100%;
  position: relative;
  text-align: unset !important;
  font-size: 1.6rem;
  min-height: 100vh;
}
@media (min-width: 1126px) {
  body {
    font-size: 16px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

header, nav, main, footer, small, button, label {
  display: block;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #676767;
}

a:hover, a:active, button:hover, button:active {
  color: inherit;
  outline: 0;
  text-decoration: none;
}

input, button, textarea, select {
  margin: 0;
  padding: 0;
  border-radius: 0;
}

a:hover, a:active {
  outline: 0;
  opacity: 0.8;
  text-decoration: none;
}

::-webkit-input-placeholder {
  color: #a5a5a5;
}

:-ms-input-placeholder {
  color: #a5a5a5;
}

::-moz-placeholder {
  color: #a5a5a5;
}

::-placeholder {
  color: #a5a5a5;
}

input[type=checkbox] {
  cursor: pointer;
}

select {
  cursor: pointer;
}

.text_indent {
  padding-left: 1em;
  text-indent: -1em;
}

.c-white {
  color: #fff;
}

.c-black {
  color: #000;
}

.c-blue {
  color: #164ecb;
}

.c-red {
  color: #ff5858;
}

.c-orange {
  color: #ce986a;
}

.c-blue_btn {
  color: #6abbce;
}

.is-honoka {
  font-family: "Honoka Maru-Gothic", sans-serif !important;
  font-weight: 400;
}

html {
  font-size: 0.88vw;
}
@media (min-width: 1126px) {
  html {
    font-size: 16px;
  }
}

.header {
  background-color: #94CE5A;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem 0;
}
@media (min-width: 1126px) {
  .header {
    padding: 40px 0;
  }
}
.header h2 {
  font-size: 5rem;
  line-height: 1;
  font-weight: 500;
}
@media (min-width: 1126px) {
  .header h2 {
    font-size: 50px;
  }
}
.header a {
  display: block;
  position: absolute;
  left: 6.5rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 1126px) {
  .header a {
    left: 65px;
  }
}
.header a img {
  height: 6.2rem;
}
@media (min-width: 1126px) {
  .header a img {
    height: 62px;
  }
}

.footer__menu {
  background-color: #ececec;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.footer__menu p {
  width: 100%;
  text-align: center;
}
.footer__menu p:last-child {
  margin-top: 1rem;
}
@media (min-width: 1126px) {
  .footer__menu p:last-child {
    margin-top: 10px;
  }
}
.footer__menu a {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 5rem;
  height: 15rem;
  padding: 0 9rem;
  line-height: 1.3;
  border-bottom: 0.1rem solid #222222;
}
@media (min-width: 1126px) {
  .footer__menu a {
    height: 150px;
    padding: 0 90px;
    font-size: 50px;
  }
}
.footer__menu a:last-child {
  border-bottom: none;
}
.footer__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.3rem 0;
}
@media (min-width: 1126px) {
  .footer__logo {
    padding: 23px 0;
  }
}
.footer__logo img {
  height: 10rem;
}
@media (min-width: 1126px) {
  .footer__logo img {
    height: 100px;
  }
}

.main {
  flex-grow: 1;
  background-color: #f9f7f0;
  display: flex;
  flex-direction: column;
}
.main__content {
  padding: 6rem 8.8rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1126px) {
  .main__content {
    padding: 60px 88px;
  }
}

.wrapper {
  width: 100%;
  max-width: 1125px;
  margin: 0 auto;
  min-height: 100vh;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
}

.btn {
  cursor: pointer;
  border: none;
  display: flex;
  align-items: center !important;
  justify-content: center;
  text-align: center;
  transition: opacity 0.5s;
}
.btn:hover {
  opacity: 0.9;
}
.btn-crown {
  background-color: #ce986a;
  font-size: 3.2rem;
  height: 8.4rem;
  width: 33.8rem;
  margin-bottom: 2.6rem;
  border-radius: 0.5rem;
}
@media (min-width: 1126px) {
  .btn-crown {
    font-size: 32px;
    height: 84px;
    width: 338px;
    margin-bottom: 26px;
    border-radius: 5px;
  }
}
.btn-crown img {
  width: 3.9rem;
  margin-right: 1.8rem;
  margin-top: -0.5rem;
}
@media (min-width: 1126px) {
  .btn-crown img {
    width: 39px;
    margin-right: 18px;
    margin-top: -5px;
  }
}
.btn-save {
  background-color: #6abbce;
  font-size: 3.8rem;
  height: 8.4rem;
  width: 33.8rem;
  border-radius: 0.5rem;
}
@media (min-width: 1126px) {
  .btn-save {
    font-size: 38px;
    height: 84px;
    width: 338px;
    border-radius: 5px;
  }
}
.btn-save small {
  display: inline;
  font-size: 2.5rem;
}
@media (min-width: 1126px) {
  .btn-save small {
    font-size: 25px;
  }
}
.btn-blue {
  color: #fff !important;
  background-color: #6abbce;
  border-radius: 0.5rem;
  height: 11rem;
  font-size: 3.9rem;
}
@media (min-width: 1126px) {
  .btn-blue {
    font-size: 39px;
    height: 110px;
    border-radius: 5px;
  }
}
.btn-white {
  border: 1px solid #6abbce;
  color: #6abbce !important;
  background-color: #fff;
  border-radius: 0.5rem;
  height: 11rem;
  font-size: 3.9rem;
  margin-top: 4.4rem;
}
@media (min-width: 1126px) {
  .btn-white {
    font-size: 39px;
    height: 110px;
    border-radius: 5px;
    margin-top: 44px;
  }
}
.btn-line {
  color: #fff !important;
  background-color: #06C755;
  border-radius: 0.5rem;
  height: 11rem;
  font-size: 3.9rem;
  position: relative;
}
@media (min-width: 1126px) {
  .btn-line {
    font-size: 39px;
    height: 110px;
    border-radius: 5px;
  }
}
.btn-line img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  left: 3.5rem;
  width: 5.2rem;
}
@media (min-width: 1126px) {
  .btn-line img {
    left: 35px;
    width: 52px;
  }
}

.form {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.form__cont {
  flex-grow: 1;
  padding-bottom: 10rem;
}
@media (min-width: 1126px) {
  .form__cont {
    padding-bottom: 100px;
  }
}
.form__line {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 2.7rem;
  max-width: 90rem;
}
@media (min-width: 1126px) {
  .form__line {
    max-width: 900px;
    padding-bottom: 27px;
  }
}
.form__line.is-check {
  text-align: center;
  justify-content: center;
  flex-direction: inherit !important;
  margin-bottom: 5rem;
}
@media (min-width: 1126px) {
  .form__line.is-check {
    margin-bottom: 50px;
  }
}
.form__line.is-check .is-error {
  color: #f00;
  width: 100%;
  font-size: 3.4rem;
}
@media (min-width: 1126px) {
  .form__line.is-check .is-error {
    font-size: 34px;
  }
}
.form__line.is-check p {
  font-size: 3.4rem;
}
@media (min-width: 1126px) {
  .form__line.is-check p {
    font-size: 34px;
  }
}
.form__line.is-check p.is-link {
  margin-top: 3rem;
}
@media (min-width: 1126px) {
  .form__line.is-check p.is-link {
    margin-top: 30px;
  }
}
.form__line.is-check p a {
  color: #6ABBCE;
  border-bottom: 0.1rem solid #6ABBCE;
}
.form__line.is-check label {
  display: flex;
  align-items: center;
  position: relative;
}
.form__line.is-check label input {
  position: absolute;
  opacity: 0;
}
.form__line.is-check label input:checked + .check {
  background-repeat: no-repeat;
  background-image: url(/images/icon_check_bl.png);
  background-size: 3.6rem;
  background-position: center;
}
@media (min-width: 1126px) {
  .form__line.is-check label input:checked + .check {
    background-size: 36px;
  }
}
.form__line.is-check label .check {
  width: 6rem;
  height: 6rem;
  border: 1px solid #969696;
  background-color: #fff;
  border-radius: 0.5rem;
  margin-right: 1.5rem;
}
@media (min-width: 1126px) {
  .form__line.is-check label .check {
    border-radius: 5px;
    width: 60px;
    height: 60px;
    margin-right: 15px;
  }
}
.form__line dl {
  width: 49%;
  max-width: 43rem;
}
@media (min-width: 1126px) {
  .form__line dl {
    max-width: 430px;
  }
}
.form__line dl:first-child {
  margin-right: 3.9rem;
}
@media (min-width: 1126px) {
  .form__line dl:first-child {
    margin-right: 39px;
  }
}
.form__line dl.full {
  width: 100%;
  max-width: none;
  padding-top: 3.7rem;
  margin-right: 0;
}
@media (min-width: 1126px) {
  .form__line dl.full {
    padding-top: 37px;
  }
}
.form__line dl.full.is-center {
  justify-content: center;
  text-align: center;
}
.form__line dl.full.is-tel dd input {
  max-width: 56.7rem;
}
@media (min-width: 1126px) {
  .form__line dl.full.is-tel dd input {
    max-width: 567px;
  }
}
.form__line dl.full dd input {
  max-width: none;
}
.form__line dl.med {
  width: 100%;
  max-width: 56.7rem;
  margin-right: 0 !important;
  padding-bottom: 2.7rem;
}
@media (min-width: 1126px) {
  .form__line dl.med {
    max-width: 567px;
    padding-bottom: 27px;
  }
}
.form__line dl.med dt small {
  font-size: 2.6rem;
}
@media (min-width: 1126px) {
  .form__line dl.med dt small {
    font-size: 26px;
  }
}
.form__line dl.med dt a {
  font-size: 2.6rem;
  margin-left: 4.2rem;
  text-decoration: underline;
}
@media (min-width: 1126px) {
  .form__line dl.med dt a {
    font-size: 26px;
    margin-left: 42px;
  }
}
.form__line dl.med dd input {
  max-width: none;
}
.form__line dl dt {
  font-size: 4rem;
  padding-bottom: 1.6rem;
}
@media (min-width: 1126px) {
  .form__line dl dt {
    font-size: 40px;
    padding-bottom: 16px;
  }
}
.form__line dl dt small {
  display: inline;
}
.form__line dl dt .req {
  color: #ff0000;
  font-weight: 400;
}
.form__line dl dd {
  width: 100%;
}
.form__line dl dd input, .form__line dl dd select {
  width: 100%;
  border: 1px solid #969696;
  border-radius: 0.5rem;
  height: 10.5rem;
  padding: 1rem 2rem;
  font-size: 4rem;
  font-family: "Noto Sans JP", "Hiragino Sans", sans-serif;
  font-weight: 300;
}
@media (min-width: 1126px) {
  .form__line dl dd input, .form__line dl dd select {
    font-size: 40px;
    height: 105px;
    border-radius: 5px;
    padding: 10px 20px;
  }
}
.form__line dl dd select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(/images/ico_arr.svg);
  background-position: 95% center;
  background-repeat: no-repeat;
  background-size: 3.1rem 2.6rem;
}
@media (min-width: 1126px) {
  .form__line dl dd select {
    background-size: 31px 26px;
  }
}
.form__line dl dd textarea {
  width: 100%;
  border: 1px solid #969696;
  border-radius: 0.5rem;
  height: 48.9rem;
  padding: 1rem 2rem;
  font-size: 4rem;
  font-family: "Noto Sans JP", "Hiragino Sans", sans-serif;
  font-weight: 300;
  resize: none;
}
@media (min-width: 1126px) {
  .form__line dl dd textarea {
    font-size: 40px;
    height: 489px;
    border-radius: 5px;
    padding: 10px 20px;
  }
}
.form__line dl dd .is-error {
  color: #f00;
  font-size: 3.4rem;
}
@media (min-width: 1126px) {
  .form__line dl dd .is-error {
    font-size: 34px;
  }
}
.form__line dl dd p {
  font-size: 4rem;
}
@media (min-width: 1126px) {
  .form__line dl dd p {
    font-size: 40px;
  }
}
.form__terms {
  margin-top: 12.3rem;
  background-color: #fcfbf9;
  width: calc(100% + 8.8rem + 8.8rem);
  margin-left: -8.8rem;
  text-align: center;
  padding: 4.4rem 0 7.1rem;
}
@media (min-width: 1126px) {
  .form__terms {
    margin-top: 123px;
    width: calc(100% + 88px + 88px);
    margin-left: -88px;
    padding: 44px 0 71px;
  }
}
.form__terms .is-error {
  color: #f00;
  font-size: 3.4rem;
}
@media (min-width: 1126px) {
  .form__terms .is-error {
    font-size: 34px;
  }
}
.form__terms h3 {
  font-size: 3.1rem;
  padding-bottom: 3.7rem;
  font-weight: 300;
}
@media (min-width: 1126px) {
  .form__terms h3 {
    font-size: 31px;
    padding-bottom: 37px;
  }
}
.form__terms h3 a {
  color: #6ABBCE;
  border-bottom: 0.1rem solid #6ABBCE;
  display: inline-block;
  padding-bottom: 0.8rem;
  margin: 0 2rem;
}
@media (min-width: 1126px) {
  .form__terms h3 a {
    padding-bottom: 8px;
    margin: 0 20px;
  }
}
.form__terms label {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
}
.form__terms label input {
  position: absolute;
  opacity: 0;
}
.form__terms label input:checked + .check {
  background-image: url(/images/ico_check.png);
  background-size: 105% 105%;
  background-position: center;
}
.form__terms label .check {
  width: 4.7rem;
  height: 4.7rem;
  border: 1px solid #676767;
  background-color: #fff;
  border-radius: 0.7rem;
  margin-right: 2rem;
}
@media (min-width: 1126px) {
  .form__terms label .check {
    border-radius: 7px;
    width: 47px;
    height: 47px;
    margin-right: 20px;
  }
}
.form__terms label p {
  font-size: 3.4rem;
  text-align: center;
}
@media (min-width: 1126px) {
  .form__terms label p {
    font-size: 34px;
  }
}
.form__links {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5rem 0;
}
@media (min-width: 1126px) {
  .form__links {
    padding: 50px 0;
  }
}
.form__links a {
  font-size: 3.1rem;
  padding: 0 4rem;
  line-height: 1;
}
@media (min-width: 1126px) {
  .form__links a {
    font-size: 31px;
    padding: 0 40px;
  }
}
.form__links a:first-child {
  border-right: 0.2rem solid #676767;
}

.confirm.thanks .form__line dl:not(:first-child) {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 1126px) {
  .confirm.thanks .form__line dl:not(:first-child) {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.confirm.thanks .is-img {
  text-align: center;
  margin: 7rem auto;
  max-width: 35.3rem;
}
@media (min-width: 1126px) {
  .confirm.thanks .is-img {
    margin-top: 70px;
    margin-bottom: 70px;
    max-width: 353px;
  }
}
.confirm.thanks .is-title {
  text-align: center;
}
.confirm.thanks .is-title h2 {
  font-size: 4.7rem;
  border-bottom: 0.3rem solid #9ece8f;
  padding-bottom: 3.5rem;
  color: #454545;
}
@media (min-width: 1126px) {
  .confirm.thanks .is-title h2 {
    font-size: 47px;
    padding-bottom: 35px;
  }
}
.confirm .form__line {
  flex-direction: column;
  max-width: 100%;
}
.confirm .form__line dl {
  display: flex;
  width: 100%;
  max-width: 100%;
  margin-right: 0 !important;
}
.confirm .form__line dl:not(:first-child) {
  background-color: #fff;
  width: calc(100% + 8.8rem + 8.8rem);
  margin-left: -8.8rem;
  max-width: none;
  padding: 2rem 8.8rem;
}
@media (min-width: 1126px) {
  .confirm .form__line dl:not(:first-child) {
    width: calc(100% + 88px + 88px);
    margin-left: -88px;
    padding: 20px 88px;
  }
}
.confirm .form__line dl.full {
  max-width: none;
}
.confirm .form__line dl.full dd {
  max-width: none;
  width: auto;
}
.confirm .form__line dl dt, .confirm .form__line dl dd {
  width: 49%;
  max-width: 43rem;
  font-size: 4rem;
}
@media (min-width: 1126px) {
  .confirm .form__line dl dt, .confirm .form__line dl dd {
    font-size: 40px;
    max-width: 430px;
  }
}

.o-modal {
  display: none;
}
.o-modal__bg {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.43);
}
.o-modal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
  background-color: #fff;
  margin: auto;
  max-width: 96rem;
  width: 100%;
  border-radius: 1.5rem;
  animation-name: modalopen;
  animation-duration: 1s;
  z-index: 200;
  padding: 5rem 6rem 8rem;
}
@media (min-width: 1126px) {
  .o-modal__content {
    max-width: 960px;
    padding: 50px 60px 80px;
  }
}
.o-modal__content__lottery {
  padding-bottom: 10rem;
  text-align: center;
}
@media (min-width: 1126px) {
  .o-modal__content__lottery {
    padding-bottom: 100px;
  }
}
.o-modal__content__lottery ul li {
  text-align: left;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 4rem;
}
@media (min-width: 1126px) {
  .o-modal__content__lottery ul li {
    font-size: 40px;
  }
}
.o-modal__content__lottery dl dd {
  font-size: 4rem;
}
@media (min-width: 1126px) {
  .o-modal__content__lottery dl dd {
    font-size: 40px;
  }
}
.o-modal__content__lottery dl dt {
  color: #FF5858;
  font-size: 4.7rem;
  font-weight: bold;
  margin-top: 5rem;
  margin-bottom: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (min-width: 1126px) {
  .o-modal__content__lottery dl dt {
    font-size: 47px;
    margin-top: 50px;
    margin-bottom: 40px;
  }
}
.o-modal__content__lottery dl dt img {
  max-width: 5rem;
  margin-right: 2rem;
}
@media (min-width: 1126px) {
  .o-modal__content__lottery dl dt img {
    max-width: 50px;
    margin-right: 20px;
  }
}
.o-modal__content__used {
  padding: 6rem 0 3rem;
  text-align: center;
  font-size: 4rem;
}
@media (min-width: 1126px) {
  .o-modal__content__used {
    font-size: 40px;
    padding-top: 60px;
    padding-bottom: 30px;
  }
}
.o-modal__content__used img {
  margin-top: 2rem;
  max-width: 20.2rem;
}
@media (min-width: 1126px) {
  .o-modal__content__used img {
    margin-top: 20px;
    max-width: 202px;
  }
}
.o-modal__content__end {
  padding: 11rem 0 14rem;
  text-align: center;
}
@media (min-width: 1126px) {
  .o-modal__content__end {
    padding-top: 110px;
    padding-bottom: 140px;
  }
}
.o-modal__content__end img {
  max-width: 45rem;
}
@media (min-width: 1126px) {
  .o-modal__content__end img {
    max-width: 450px;
  }
}
.o-modal__content__point {
  padding-top: 8rem;
  padding-bottom: 10rem;
}
@media (min-width: 1126px) {
  .o-modal__content__point {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}
.o-modal__content__point.is-lottery {
  padding-bottom: 0;
}
.o-modal__content__point.is-lottery ul {
  margin-bottom: 4rem;
}
@media (min-width: 1126px) {
  .o-modal__content__point.is-lottery ul {
    margin-bottom: 40px;
  }
}
.o-modal__content__point .is-alert {
  padding: 0 4.5rem;
  color: #FF5858;
  display: flex;
  align-items: center;
  font-size: 3.4rem;
  margin-top: 2.5rem;
}
@media (min-width: 1126px) {
  .o-modal__content__point .is-alert {
    margin-top: 25px;
    padding: 0 45px;
    font-size: 34px;
  }
}
.o-modal__content__point .is-alert img {
  max-width: 5rem;
  margin-right: 1.2rem;
}
@media (min-width: 1126px) {
  .o-modal__content__point .is-alert img {
    max-width: 50px;
    margin-right: 12px;
  }
}
.o-modal__content__point .is-label {
  background: #CE986A;
  color: #fff;
  border-radius: 0.5rem;
  font-size: 3.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 9.9rem;
  margin: 0 auto;
}
@media (min-width: 1126px) {
  .o-modal__content__point .is-label {
    font-size: 34px;
    height: 99px;
  }
}
.o-modal__content__point .is-label img {
  max-width: 4.1rem;
  margin-right: 1.8rem;
}
@media (min-width: 1126px) {
  .o-modal__content__point .is-label img {
    max-width: 41px;
    margin-right: 18px;
  }
}
.o-modal__content__point ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5rem;
}
@media (min-width: 1126px) {
  .o-modal__content__point ul {
    margin-bottom: 50px;
  }
}
.o-modal__content__point ul li {
  width: 46%;
  margin-right: 8%;
  position: relative;
}
.o-modal__content__point ul li:last-child {
  margin-right: 0;
}
.o-modal__content__point ul li:last-child:before {
  content: "";
  display: block;
  left: -4.5rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #464646;
  border-width: 2.5rem 0 2.5rem 2.4rem;
}
@media (min-width: 1126px) {
  .o-modal__content__point ul li:last-child:before {
    left: -45px;
    border-width: 25px 0 25px 24px;
  }
}
.o-modal__content__point ul li:last-child dl dd {
  background: #F9F7F0;
}
.o-modal__content__point ul li dl {
  border: 0.3rem solid #9ECE8F;
  border-radius: 1.5rem;
  overflow: hidden;
}
.o-modal__content__point ul li dl dd {
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
}
@media (min-width: 1126px) {
  .o-modal__content__point ul li dl dd {
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
.o-modal__content__point ul li dl dd p {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 7.8rem;
  line-height: 1;
}
@media (min-width: 1126px) {
  .o-modal__content__point ul li dl dd p {
    font-size: 78px;
  }
}
.o-modal__content__point ul li dl dd p span {
  min-width: 19.6rem;
  padding-left: 1rem;
  padding-right: 3.4rem;
  text-align: right;
}
@media (min-width: 1126px) {
  .o-modal__content__point ul li dl dd p span {
    padding-left: 10px;
    padding-right: 34px;
    min-width: 196px;
  }
}
.o-modal__content__point ul li dl dd p span.is-pt {
  padding: 0;
  min-width: inherit;
  font-size: 5.2rem;
}
@media (min-width: 1126px) {
  .o-modal__content__point ul li dl dd p span.is-pt {
    font-size: 52px;
  }
}
.o-modal__content__point ul li dl dt {
  background: #9ECE8F;
  font-size: 3.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  height: 9.6rem;
}
@media (min-width: 1126px) {
  .o-modal__content__point ul li dl dt {
    font-size: 34px;
    height: 96px;
  }
}
.o-modal__content__title {
  text-align: center;
}
.o-modal__content__title h2 {
  font-size: 4.7rem;
  padding-bottom: 2.5rem;
  border-bottom: 0.3rem solid #9ECE8F;
}
@media (min-width: 1126px) {
  .o-modal__content__title h2 {
    font-size: 47px;
    padding-bottom: 25px;
  }
}

.top__content .banners {
  text-align: center;
  margin-top: 7.7rem;
}
@media (min-width: 1126px) {
  .top__content .banners {
    margin-top: 77px;
  }
}
.top__content h3 {
  font-size: 6rem;
  line-height: 1.3;
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
}
@media (min-width: 1126px) {
  .top__content h3 {
    font-size: 60px;
    margin-bottom: 30px;
  }
}
.top__content h3:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #676767;
  margin-left: 2.3rem;
}
@media (min-width: 1126px) {
  .top__content h3:after {
    margin-left: 23px;
  }
}
.top__content .point {
  position: relative;
  overflow: hidden;
  border-radius: 3rem;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
  margin-bottom: 5.5rem;
}
@media (min-width: 1126px) {
  .top__content .point {
    border-radius: 30px;
    margin-bottom: 55px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
}
.top__content .point > img {
  width: 100%;
  max-width: none;
}
.top__content .point__content {
  position: absolute;
  top: 44%;
  transform: translateY(-50%);
  background-color: rgb(255, 255, 255);
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 6.9rem 6.5rem 5.5rem;
}
@media (min-width: 1126px) {
  .top__content .point__content {
    padding: 69px 65px 55px;
  }
}
.top__content .point__content .btns {
  width: 47.6%;
  margin-left: 5.6%;
}
.top__content .point__content .btns .btn-save, .top__content .point__content .btns .btn-crown {
  max-width: 100%;
  width: 100%;
  height: 20.8rem;
  background: #94CE5A;
  flex-wrap: wrap;
  font-size: 4.8rem;
  line-height: 1;
}
@media (min-width: 1126px) {
  .top__content .point__content .btns .btn-save, .top__content .point__content .btns .btn-crown {
    height: 208px;
    font-size: 48px;
  }
}
.top__content .point__content .btns .btn-save p, .top__content .point__content .btns .btn-crown p {
  width: 100%;
  margin-bottom: auto;
}
.top__content .point__content .btns .btn-save img, .top__content .point__content .btns .btn-crown img {
  display: block;
  max-width: 5.6rem;
  margin: auto auto 1.32rem;
}
@media (min-width: 1126px) {
  .top__content .point__content .btns .btn-save img, .top__content .point__content .btns .btn-crown img {
    max-width: 56px;
    margin: auto auto 13.2px;
  }
}
.top__content .point__content .btns .btn-crown {
  margin-bottom: 2.6rem;
  background: #6ABBCE;
}
@media (min-width: 1126px) {
  .top__content .point__content .btns .btn-crown {
    margin-bottom: 26px;
  }
}
.top__content .point__content .btns .btn-crown img {
  max-width: 5.1rem;
  margin-bottom: 2.24rem;
}
@media (min-width: 1126px) {
  .top__content .point__content .btns .btn-crown img {
    max-width: 51px;
    margin-bottom: 22.4px;
  }
}
.top__content .point__content .save {
  width: 46.8%;
  text-align: center;
  border: 1px solid #CE986A;
  border-radius: 1.5rem;
  overflow: hidden;
}
@media (min-width: 1126px) {
  .top__content .point__content .save {
    border-radius: 15px;
  }
}
.top__content .point__content .save p:first-child {
  background: #CE986A;
  color: #fff;
  padding: 2rem;
  font-size: 4.8rem;
  line-height: 1;
}
@media (min-width: 1126px) {
  .top__content .point__content .save p:first-child {
    padding: 20px;
    font-size: 48px;
  }
}
.top__content .point__content .save p:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 82%;
}
.top__content .point__content .save p:last-child .value {
  font-size: 7.6rem;
  line-height: 1;
}
@media (min-width: 1126px) {
  .top__content .point__content .save p:last-child .value {
    font-size: 76px;
  }
}
.top__content .point__content .save p:last-child span:last-child {
  font-size: 5rem;
  line-height: 1;
  padding-left: 2rem;
  padding-top: 2rem;
}
@media (min-width: 1126px) {
  .top__content .point__content .save p:last-child span:last-child {
    font-size: 50px;
    padding-left: 20px;
    padding-top: 20px;
  }
}
.top__content .point__name {
  background-color: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 3.2rem;
  height: 9.8rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1126px) {
  .top__content .point__name {
    font-size: 32px;
    height: 98px;
  }
}
.top__content .point__name img {
  width: 18rem;
}
@media (min-width: 1126px) {
  .top__content .point__name img {
    width: 180px;
  }
}
.top__content .menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 2.6rem;
}
@media (min-width: 1126px) {
  .top__content .menu {
    margin-bottom: 26px;
  }
}
.top__content .menu.is-info {
  margin-bottom: 0;
}
.top__content .menu.is-info a {
  background: #6ABBCE;
  width: 30.6%;
  margin-bottom: 0;
}
.top__content .menu.is-info a:nth-child(2) dl dt img {
  width: 9.5rem;
}
@media (min-width: 1126px) {
  .top__content .menu.is-info a:nth-child(2) dl dt img {
    width: 95px;
  }
}
.top__content .menu.is-info a:nth-child(3) dl dt img {
  width: 9rem;
}
@media (min-width: 1126px) {
  .top__content .menu.is-info a:nth-child(3) dl dt img {
    width: 90px;
  }
}
.top__content .menu.is-info a dl {
  height: 31.6rem;
}
@media (min-width: 1126px) {
  .top__content .menu.is-info a dl {
    height: 316px;
  }
}
.top__content .menu.is-info a dl dt img {
  width: 12.3rem;
}
@media (min-width: 1126px) {
  .top__content .menu.is-info a dl dt img {
    width: 123px;
  }
}
.top__content .menu.is-info a dl dd {
  font-size: 4rem;
  line-height: 0.8;
  height: 8.2rem;
}
@media (min-width: 1126px) {
  .top__content .menu.is-info a dl dd {
    height: 82px;
    font-size: 40px;
  }
}
.top__content .menu a {
  display: flex;
  justify-content: center;
  width: 48%;
  max-width: 43.5rem;
  margin-bottom: 4.6rem;
  background-color: #90c87e;
  border-radius: 1rem;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
}
@media (min-width: 1126px) {
  .top__content .menu a {
    max-width: 435px;
    margin-bottom: 46px;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
}
.top__content .menu a:nth-child(2) dl dt img {
  width: 15.3rem;
}
@media (min-width: 1126px) {
  .top__content .menu a:nth-child(2) dl dt img {
    width: 153px;
  }
}
.top__content .menu a:nth-child(3) dl dt img {
  width: 14.2rem;
}
@media (min-width: 1126px) {
  .top__content .menu a:nth-child(3) dl dt img {
    width: 142px;
  }
}
.top__content .menu a:nth-child(4) dl dt img {
  width: 15rem;
}
@media (min-width: 1126px) {
  .top__content .menu a:nth-child(4) dl dt img {
    width: 150px;
  }
}
.top__content .menu dl {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 35.6rem;
  padding: 0 2.7rem 3.4rem;
}
@media (min-width: 1126px) {
  .top__content .menu dl {
    height: 356px;
    padding: 0 27px 34px;
  }
}
.top__content .menu dl dt {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top__content .menu dl dt img {
  width: 16.3rem;
}
@media (min-width: 1126px) {
  .top__content .menu dl dt img {
    width: 163px;
  }
}
.top__content .menu dl dd {
  font-size: 4.8rem;
  width: 100%;
  border: 1px solid #fff;
  text-align: center;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  height: 8rem;
}
@media (min-width: 1126px) {
  .top__content .menu dl dd {
    height: 80px;
    font-size: 48px;
    border-radius: 5px;
  }
}

.register__form {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.register__content > p {
  font-size: 4rem;
  line-height: 1.4;
  padding-bottom: 15rem;
}
@media (min-width: 1126px) {
  .register__content > p {
    font-size: 40px;
    padding-bottom: 150px;
  }
}
.register__content > p.underline {
  padding-bottom: 4.5rem;
  margin-bottom: 12.5rem;
  border-bottom: 1px solid #676767;
}
@media (min-width: 1126px) {
  .register__content > p.underline {
    padding-bottom: 45px;
    margin-bottom: 125px;
  }
}

.points__content.is-top {
  padding-top: 6.5rem;
}
@media (min-width: 1126px) {
  .points__content.is-top {
    padding-top: 65px;
  }
}
.points__content.is-top .points__img img {
  min-width: 104%;
}
.points__top {
  margin-bottom: 18rem;
}
@media (min-width: 1126px) {
  .points__top {
    margin-bottom: 180px;
  }
}
.points__top__img ul {
  margin-top: 9rem;
}
@media (min-width: 1126px) {
  .points__top__img ul {
    margin-top: 90px;
  }
}
.points__top__img ul li {
  font-size: 4rem;
  line-height: 1.8;
  color: #454545;
}
@media (min-width: 1126px) {
  .points__top__img ul li {
    font-size: 40px;
  }
}
.points__top__text {
  margin-bottom: 9rem;
  text-align: center;
  background: #fff;
  border: 0.3rem solid #DC6B6A;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
  border-radius: 4.2rem;
  font-size: 4.7rem;
  padding: 4.5rem 0;
  line-height: 1.6;
}
@media (min-width: 1126px) {
  .points__top__text {
    font-size: 47px;
    margin-bottom: 90px;
    padding: 45px 0;
  }
}
.points__top__text span {
  color: #DC6B6A;
}
.points__top__content {
  position: relative;
  margin-top: 5.4rem;
  margin-bottom: 19rem;
}
@media (min-width: 1126px) {
  .points__top__content {
    margin-top: 54px;
    margin-bottom: 190px;
  }
}
.points__top__content > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}
.points__top__content .is-wrap {
  padding: 9rem 5.3rem 0;
  position: relative;
  z-index: 1;
}
@media (min-width: 1126px) {
  .points__top__content .is-wrap {
    padding: 90px 53px 0;
  }
}
.points__top__content dl {
  background: #F9F7F0;
  border-radius: 4.2rem;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
  padding: 6rem 5rem;
  display: flex;
  align-items: center;
  margin-bottom: 6.9rem;
}
@media (min-width: 1126px) {
  .points__top__content dl {
    padding: 60px 50px;
    margin-bottom: 69px;
  }
}
.points__top__content dl:last-child dd {
  width: 12.3rem;
  min-width: 12.3rem;
}
@media (min-width: 1126px) {
  .points__top__content dl:last-child dd {
    width: 123px;
    min-width: 123px;
  }
}
.points__top__content dl dd {
  width: 20.7rem;
  margin-right: 2.8rem;
}
@media (min-width: 1126px) {
  .points__top__content dl dd {
    width: 207px;
    margin-right: 28px;
  }
}
.points__top__content dl dt {
  font-size: 4.2rem;
  color: #454545;
  line-height: 1.8;
}
@media (min-width: 1126px) {
  .points__top__content dl dt {
    font-size: 42px;
  }
}
.points__top__content dl dt span {
  color: #CE986A;
  border-bottom: 0.1rem solid #CE986A;
}
.points__top__content h3 {
  background: #454545;
  color: #fff;
  border-radius: 7.5rem;
  height: 15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  font-size: 6rem;
  margin-bottom: 5.4rem;
}
@media (min-width: 1126px) {
  .points__top__content h3 {
    font-size: 60px;
    height: 150px;
    margin-bottom: 54px;
  }
}
.points__top__content h3:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #454545 transparent transparent transparent;
  border-width: 2.2rem 1.9rem 0 1.9rem;
  position: absolute;
  display: block;
  bottom: -2.1rem;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1126px) {
  .points__top__content h3:before {
    bottom: -21px;
    border-width: 22px 19px 0 19px;
  }
}
.points__top__content h3 span {
  padding-left: 2rem;
}
@media (min-width: 1126px) {
  .points__top__content h3 span {
    padding-left: 20px;
  }
}
.points__btns {
  padding: 0 3rem;
}
@media (min-width: 1126px) {
  .points__btns {
    padding: 0 30px;
  }
}
.points__btns .is-link {
  text-align: center;
  font-size: 4rem;
  margin-bottom: 5rem;
}
@media (min-width: 1126px) {
  .points__btns .is-link {
    font-size: 40px;
    margin-bottom: 50px;
  }
}
.points__btns .is-link a {
  color: #06C755;
  border-bottom: 0.1rem solid #06C755;
}
.points__btns .is-link a img {
  max-width: 3.3rem;
  margin-right: 1.2rem;
  vertical-align: middle;
}
@media (min-width: 1126px) {
  .points__btns .is-link a img {
    max-width: 33px;
    margin-right: 12px;
  }
}
.points__loading {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding-top: 10rem;
  padding-bottom: 4rem;
}
@media (min-width: 1126px) {
  .points__loading {
    padding-bottom: 40px;
    padding-top: 100px;
  }
}
.points__loading .loading {
  height: 42.3rem;
  width: 42.3rem;
  position: relative;
  margin: 0 auto 25.7rem;
}
@media (min-width: 1126px) {
  .points__loading .loading {
    height: 423px;
    width: 423px;
    margin-bottom: 257px;
  }
}
.points__loading .loading img {
  width: 100%;
  position: absolute; /* Set position to absolute to position the image inside its container */
  top: 0;
  left: 0;
  animation: rotate 4s linear infinite; /* Apply the rotation animation */
}
.points__loading > p {
  font-size: 4.2rem;
  text-align: center;
  line-height: 1.8;
  border-bottom: 1px solid #9ece8f;
  padding-bottom: 5rem;
  width: fit-content;
  margin: 0 auto 12.4rem;
  color: #454545;
}
@media (min-width: 1126px) {
  .points__loading > p {
    border-bottom: 2px solid #9ece8f;
    font-size: 42px;
    padding-bottom: 50px;
    margin-bottom: 124px;
  }
}
.points__loading > p span {
  font-weight: bold;
}
.points__loading .yellow {
  background-color: #fffa88;
  padding: 3.5rem 2rem 6.3rem;
  max-width: 85.6rem;
  margin: 0 auto;
}
@media (min-width: 1126px) {
  .points__loading .yellow {
    max-width: 856px;
    padding: 35px 20px 63px;
  }
}
.points__loading .yellow p {
  text-align: center;
  font-size: 4.7rem;
  text-align: center;
  line-height: 1.8;
}
@media (min-width: 1126px) {
  .points__loading .yellow p {
    font-size: 47px;
  }
}
.points__loading .yellow p img {
  width: 5rem;
  height: 5rem;
  margin-bottom: 1.3rem;
  margin-right: 1rem;
}
@media (min-width: 1126px) {
  .points__loading .yellow p img {
    width: 50px;
    height: 50px;
    margin-bottom: 13px;
    margin-right: 10px;
  }
}
.points__value {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding-top: 40.2rem;
  padding-bottom: 10rem;
}
@media (min-width: 1126px) {
  .points__value {
    padding-bottom: 100px;
    padding-top: 200px;
  }
}
.points__value.is-exchange .is-btn {
  padding: 0 3rem;
  margin-top: 8rem;
}
@media (min-width: 1126px) {
  .points__value.is-exchange .is-btn {
    margin-top: 80px;
    padding: 0 30px;
  }
}
.points__value.is-exchange > img {
  width: 39.5rem;
  margin-bottom: 17rem;
}
@media (min-width: 1126px) {
  .points__value.is-exchange > img {
    width: 395px;
    margin-bottom: 170px;
  }
}
.points__value.is-exchange .text {
  text-align: center;
  line-height: 1.6;
  padding-bottom: 2.5rem;
}
@media (min-width: 1126px) {
  .points__value.is-exchange .text {
    padding-bottom: 25px;
  }
}
.points__value.finish .text {
  text-align: center;
  line-height: 1.8;
  font-size: 7rem !important;
  padding-bottom: 2.5rem;
}
@media (min-width: 1126px) {
  .points__value.finish .text {
    padding-bottom: 25px;
    font-size: 70px !important;
  }
}
.points__value.finish .text.is-access {
  line-height: 1.2;
}
.points__value.finish > img {
  margin-bottom: 17rem;
}
@media (min-width: 1126px) {
  .points__value.finish > img {
    margin-bottom: 170px;
  }
}
.points__value > img {
  width: 34.8rem;
  margin: 0 auto 9.5rem;
}
@media (min-width: 1126px) {
  .points__value > img {
    width: 348px;
    margin-bottom: 95px;
  }
}
.points__value .value {
  margin: 0 auto;
  font-size: 7.8rem;
  padding-bottom: 24.4rem;
}
@media (min-width: 1126px) {
  .points__value .value {
    font-size: 78px;
    padding-bottom: 244px;
  }
}
.points__value .value span {
  padding-left: 3rem;
}
@media (min-width: 1126px) {
  .points__value .value span {
    padding-left: 30px;
  }
}
.points__value .value span:last-child {
  font-size: 5.2rem;
}
@media (min-width: 1126px) {
  .points__value .value span:last-child {
    font-size: 52px;
  }
}
.points__value .text {
  width: fit-content;
  margin: 0 auto;
  font-size: 7.8rem;
  color: #454545;
  border-bottom: 1px solid #9ece8f;
  padding-bottom: 5rem;
  line-height: 1;
}
@media (min-width: 1126px) {
  .points__value .text {
    padding-bottom: 50px;
    border-bottom: 2px solid #9ece8f;
    font-size: 78px;
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg); /* Start rotation from 0 degrees */
  }
  to {
    transform: rotate(360deg); /* Rotate to 360 degrees (1 full rotation) */
  }
}
.charge__data {
  margin-bottom: 6rem;
}
@media (min-width: 1126px) {
  .charge__data {
    margin-bottom: 60px;
  }
}
.charge__data.is-finish dl dd {
  padding-top: 4rem;
  padding-bottom: 6rem;
}
@media (min-width: 1126px) {
  .charge__data.is-finish dl dd {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}
.charge__data.is-finish dl dt {
  padding-left: 10rem;
}
@media (min-width: 1126px) {
  .charge__data.is-finish dl dt {
    padding-left: 100px;
  }
}
.charge__data dl dt {
  padding: 3rem 8rem 1.5rem;
  font-size: 4rem;
  line-height: 1.3;
  background: #F9F7F0;
}
@media (min-width: 1126px) {
  .charge__data dl dt {
    font-size: 40px;
    padding: 30px 80px 15px;
  }
}
.charge__data dl dd {
  background: #fff;
  padding: 2.5rem 8rem;
  font-size: 4rem;
  line-height: 1.5;
}
@media (min-width: 1126px) {
  .charge__data dl dd {
    padding: 25px 80px;
    font-size: 40px;
  }
}
.charge__content.is-last .charge__content__btn {
  margin-top: auto;
}
.charge__content.is-finish {
  flex-grow: initial;
  padding-bottom: 4rem;
}
@media (min-width: 1126px) {
  .charge__content.is-finish {
    padding-bottom: 40px;
  }
}
.charge__content__title {
  text-align: center;
}
.charge__content__title h2 {
  font-size: 4.7rem;
  padding-bottom: 2.5rem;
  border-bottom: 0.3rem solid #9ECE8F;
}
@media (min-width: 1126px) {
  .charge__content__title h2 {
    font-size: 47px;
    padding-bottom: 25px;
  }
}
.charge__content.is-use {
  flex-grow: initial;
}
.charge__content__btn {
  padding: 0 3rem;
  margin-top: auto;
}
@media (min-width: 1126px) {
  .charge__content__btn {
    padding: 0 30px;
  }
}
.charge__content__btn .is-already {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #B9B9B9;
  color: #fff;
  background-color: #B9B9B9;
  border-radius: 0.5rem;
  height: 11rem;
  font-size: 3.9rem;
  margin-top: 4rem;
}
@media (min-width: 1126px) {
  .charge__content__btn .is-already {
    font-size: 39px;
    height: 110px;
    border-radius: 5px;
    margin-top: 40px;
  }
}
.charge__content__btn .is-label {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 0.3rem solid #CE986A;
  color: #CE986A;
  background-color: #fff;
  border-radius: 6.5rem;
  height: 11rem;
  font-size: 3.9rem;
  margin-bottom: 6.5rem;
  position: relative;
}
@media (min-width: 1126px) {
  .charge__content__btn .is-label {
    font-size: 39px;
    height: 110px;
    border-radius: 65px;
    margin-bottom: 65px;
  }
}
.charge__content__btn .is-label:before, .charge__content__btn .is-label:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2.8rem;
  border-top: 2.8rem solid #CE986A;
  border-right: 1.9rem solid transparent;
  border-left: 1.9rem solid transparent;
}
@media (min-width: 1126px) {
  .charge__content__btn .is-label:before, .charge__content__btn .is-label:after {
    bottom: -28px;
    border-top: 28px solid #CE986A;
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
  }
}
.charge__content__btn .is-label:after {
  bottom: -2.3rem;
  border-top: solid 2.8rem #fff;
}
@media (min-width: 1126px) {
  .charge__content__btn .is-label:after {
    bottom: -23px;
    border-top: solid 28px #fff;
  }
}
.charge__content__detail {
  border-radius: 1.5rem;
  border: 0.3rem solid #9ECE8F;
  overflow: hidden;
}
.charge__content__detail.is-pink {
  border-color: #CE8FA0;
}
.charge__content__detail.is-pink dl dt {
  background: #CE8FA0;
}
.charge__content__detail.is-bl {
  border-color: #6ABBCE;
}
.charge__content__detail.is-bl dl dt {
  background: #6ABBCE;
}
.charge__content__detail.is-ore {
  border-color: #CE986A;
}
.charge__content__detail.is-ore dl dt {
  background: #CE986A;
}
.charge__content__detail .is-img {
  text-align: center;
}
.charge__content__detail .is-img img {
  aspect-ratio: 1/1;
  object-fit: cover;
  width: 100%;
}
.charge__content__detail dl {
  background: #fff;
  padding: 5.2rem 6rem 5rem;
}
@media (min-width: 1126px) {
  .charge__content__detail dl {
    padding: 52px 60px 50px;
  }
}
.charge__content__detail dl dd {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4.7rem;
}
@media (min-width: 1126px) {
  .charge__content__detail dl dd {
    font-size: 47px;
  }
}
.charge__content__detail dl dd img {
  max-width: 9rem;
  margin-right: 7.2rem;
}
@media (min-width: 1126px) {
  .charge__content__detail dl dd img {
    max-width: 90px;
    margin-right: 72px;
  }
}
.charge__content__detail dl dt {
  background: #9ECE8F;
  color: #fff;
  border-radius: 0.5rem;
  font-size: 3.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 9.9rem;
  margin: 0 auto 4.5rem;
}
@media (min-width: 1126px) {
  .charge__content__detail dl dt {
    font-size: 34px;
    height: 99px;
    margin-bottom: 45px;
  }
}
.charge__content__detail dl dt img {
  max-width: 4.1rem;
  margin-right: 1.8rem;
}
@media (min-width: 1126px) {
  .charge__content__detail dl dt img {
    max-width: 41px;
    margin-right: 18px;
  }
}
.charge__content__list.is-already ul li .is-wrap {
  padding-top: 5rem;
  padding-bottom: 6rem;
}
@media (min-width: 1126px) {
  .charge__content__list.is-already ul li .is-wrap {
    padding-top: 50px;
    padding-bottom: 60px;
  }
}
.charge__content__list.is-already ul li.is-used {
  background: rgba(80, 73, 73, 0.2);
}
.charge__content__list.is-already ul li.is-used h3 {
  background: #B9B9B9;
}
.charge__content__list.is-already ul li.is-used h3 img {
  margin-right: 1.5rem;
  max-width: 3.2rem;
}
@media (min-width: 1126px) {
  .charge__content__list.is-already ul li.is-used h3 img {
    max-width: 32px;
    margin-right: 15px;
  }
}
.charge__content__list ul {
  display: flex;
  flex-wrap: wrap;
}
.charge__content__list ul li {
  width: 47.5%;
  margin-bottom: 5rem;
  border-radius: 1.5rem;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
  overflow: hidden;
  background: #fff;
}
@media (min-width: 1126px) {
  .charge__content__list ul li {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 15px;
    margin-bottom: 50px;
  }
}
.charge__content__list ul li:nth-child(2n) {
  margin-left: 5%;
}
.charge__content__list ul li.is-member .is-wrap > dl > dd dl dt {
  text-align: center;
}
.charge__content__list ul li h3 {
  background: #9ECE8F;
  font-size: 3.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  height: 9.6rem;
}
@media (min-width: 1126px) {
  .charge__content__list ul li h3 {
    font-size: 34px;
    height: 96px;
  }
}
.charge__content__list ul li h3 img {
  max-width: 4.1rem;
  margin-right: 1rem;
}
@media (min-width: 1126px) {
  .charge__content__list ul li h3 img {
    max-width: 41px;
    margin-right: 10px;
  }
}
.charge__content__list ul li .is-wrap {
  padding: 2rem 4rem 5rem;
}
@media (min-width: 1126px) {
  .charge__content__list ul li .is-wrap {
    padding: 20px 40px 50px;
  }
}
.charge__content__list ul li .is-wrap > dl.is-pink > dd {
  border-color: #CE8FA0;
  align-items: end;
}
.charge__content__list ul li .is-wrap > dl.is-pink > dd h4 {
  background: #CE8FA0;
}
.charge__content__list ul li .is-wrap > dl.is-pink > dd dl dt {
  padding-bottom: 1rem;
}
@media (min-width: 1126px) {
  .charge__content__list ul li .is-wrap > dl.is-pink > dd dl dt {
    padding-bottom: 10px;
  }
}
.charge__content__list ul li .is-wrap > dl.is-pink > dd dl dd {
  margin-top: auto;
  width: 12.7rem;
}
@media (min-width: 1126px) {
  .charge__content__list ul li .is-wrap > dl.is-pink > dd dl dd {
    width: 127px;
  }
}
.charge__content__list ul li .is-wrap > dl.is-ore > dd {
  border-color: #CE986A;
}
.charge__content__list ul li .is-wrap > dl.is-ore > dd h4 {
  background: #CE986A;
}
@media (min-width: 1126px) {
  .charge__content__list ul li .is-wrap > dl.is-ore > dd dl dd {
    width: 100px;
  }
}
.charge__content__list ul li .is-wrap > dl.is-bl > dd {
  border-color: #6ABBCE;
}
.charge__content__list ul li .is-wrap > dl.is-bl > dd h4 {
  background: #6ABBCE;
}
.charge__content__list ul li .is-wrap > dl.is-bl > dd dl dd {
  width: 10rem;
}
@media (min-width: 1126px) {
  .charge__content__list ul li .is-wrap > dl.is-bl > dd dl dd {
    width: 100px;
  }
}
.charge__content__list ul li .is-wrap > dl > dt {
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  font-size: 3.4rem;
  text-align: center;
  color: #9ECE8F;
}
@media (min-width: 1126px) {
  .charge__content__list ul li .is-wrap > dl > dt {
    font-size: 34px;
    padding-top: 20px;
    padding-bottom: 15px;
  }
}
.charge__content__list ul li .is-wrap > dl > dd {
  border: 0.3rem solid #9ECE8F;
  border-radius: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  min-height: 18.3rem;
}
@media (min-width: 1126px) {
  .charge__content__list ul li .is-wrap > dl > dd {
    min-height: 183px;
    border-radius: 10px;
  }
}
.charge__content__list ul li .is-wrap > dl > dd h4 {
  background: #9ECE8F;
  font-size: 3.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  height: 5.6rem;
  width: 100%;
  margin-bottom: auto;
}
@media (min-width: 1126px) {
  .charge__content__list ul li .is-wrap > dl > dd h4 {
    font-size: 31px;
    height: 56px;
  }
}
.charge__content__list ul li .is-wrap > dl > dd dl {
  display: flex;
  justify-content: center;
  align-items: center;
}
.charge__content__list ul li .is-wrap > dl > dd dl dd {
  width: 8.8rem;
}
@media (min-width: 1126px) {
  .charge__content__list ul li .is-wrap > dl > dd dl dd {
    width: 88px;
  }
}
.charge__content__list ul li .is-wrap > dl > dd dl dt {
  padding-left: 1rem;
  font-size: 3.1rem;
  line-height: 1.6;
  max-width: 24rem;
}
@media (min-width: 1126px) {
  .charge__content__list ul li .is-wrap > dl > dd dl dt {
    max-width: 240px;
    font-size: 31px;
    padding-left: 10px;
  }
}
.charge__content__list ul li .is-wrap > dl > dd dl dt i {
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  border: 0.1rem solid #CE986A;
  border-radius: 0.6rem;
  color: #CE986A;
  font-size: 2rem;
  width: 7rem;
  line-height: 1;
  margin: 0 0.5rem;
  padding: 0.6rem;
}
@media (min-width: 1126px) {
  .charge__content__list ul li .is-wrap > dl > dd dl dt i {
    padding: 6px;
    font-size: 20px;
    width: 70px;
    margin: 0 5px;
  }
}
.charge__content__list ul li .is-wrap > dl > dd dl dt span {
  display: inline-block;
  vertical-align: middle;
  border: 0.1rem solid #CE986A;
  background: #CE986A;
  border-radius: 0.6rem;
  color: #fff;
  font-size: 2rem;
  width: 7rem;
  line-height: 1;
  margin: 0 0.5rem;
  padding: 0.6rem;
}
@media (min-width: 1126px) {
  .charge__content__list ul li .is-wrap > dl > dd dl dt span {
    padding: 6px;
    font-size: 20px;
    width: 70px;
    margin: 0 5px;
  }
}
.charge__content__list ul li .is-wrap .is-img {
  border: 0.1rem solid rgba(0, 0, 0, 0.16);
  border-radius: 1rem;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  aspect-ratio: 4/3;
}
.charge__content__list ul li .is-wrap .is-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}
.charge__content__list ul li .is-wrap > p {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 6rem;
  line-height: 1;
  margin-bottom: 3.5rem;
}
@media (min-width: 1126px) {
  .charge__content__list ul li .is-wrap > p {
    font-size: 60px;
    margin-bottom: 35px;
  }
}
.charge__content__list ul li .is-wrap > p span {
  padding-right: 2rem;
  text-align: center;
}
@media (min-width: 1126px) {
  .charge__content__list ul li .is-wrap > p span {
    padding-right: 20px;
  }
}
.charge__content__list ul li .is-wrap > p span.is-pt {
  padding: 0;
  min-width: inherit;
  font-size: 3.4rem;
}
@media (min-width: 1126px) {
  .charge__content__list ul li .is-wrap > p span.is-pt {
    font-size: 34px;
  }
}
.charge__content__head {
  margin-bottom: 5.5rem;
}
@media (min-width: 1126px) {
  .charge__content__head {
    margin-bottom: 55px;
  }
}
.charge__content__head.is-already {
  margin-bottom: 5rem;
}
@media (min-width: 1126px) {
  .charge__content__head.is-already {
    margin-bottom: 50px;
  }
}
.charge__content__head.is-already .is-select {
  margin-top: 0;
}
.charge__content__head p {
  font-size: 4rem;
}
@media (min-width: 1126px) {
  .charge__content__head p {
    font-size: 40px;
  }
}
.charge__content__head .is-select {
  margin-left: auto;
  margin-top: 7.5rem;
  width: 43rem;
}
@media (min-width: 1126px) {
  .charge__content__head .is-select {
    width: 430px;
    margin-top: 75px;
  }
}
.charge__content__head .is-select select {
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  border: 0.1rem solid #969696;
  border-radius: 0.5rem;
  background: url(../images/select_arw.png) right 3rem center no-repeat #fff;
  background-size: 3rem;
  padding: 2.5rem 6rem 2.5rem 3rem;
  font-size: 4rem;
}
@media (min-width: 1126px) {
  .charge__content__head .is-select select {
    padding: 25px 60px 25px 30px;
    border-width: 1px;
    background-size: 30px;
    font-size: 40px;
  }
}

.friend__content__list {
  margin-bottom: 15rem;
}
@media (min-width: 1126px) {
  .friend__content__list {
    margin-bottom: 150px;
  }
}
.friend__content__list > dl > dt {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4.7rem;
  font-weight: bold;
  color: #FF5858;
  margin-bottom: 4.5rem;
}
@media (min-width: 1126px) {
  .friend__content__list > dl > dt {
    font-size: 47px;
    margin-bottom: 45px;
  }
}
.friend__content__list > dl > dt img {
  width: 5rem;
  margin-right: 1.8rem;
}
@media (min-width: 1126px) {
  .friend__content__list > dl > dt img {
    width: 50px;
    margin-right: 18px;
  }
}
.friend__content__list > dl > dd {
  font-size: 3.4rem;
  line-height: 1.4;
}
@media (min-width: 1126px) {
  .friend__content__list > dl > dd {
    font-size: 34px;
  }
}
.friend__content__list .is-btn {
  padding-left: 3rem;
  padding-right: 3rem;
  margin-bottom: 6rem;
}
@media (min-width: 1126px) {
  .friend__content__list .is-btn {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 60px;
  }
}
.friend__content__list ul {
  margin-bottom: 7.5rem;
}
@media (min-width: 1126px) {
  .friend__content__list ul {
    margin-bottom: 75px;
  }
}
.friend__content__list ul li {
  margin-bottom: 4.5rem;
  background: #fff;
  border-radius: 1.5rem;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
  padding: 4rem 5rem;
  position: relative;
}
@media (min-width: 1126px) {
  .friend__content__list ul li {
    padding: 40px 50px;
    border-radius: 15px;
    margin-bottom: 45px;
  }
}
.friend__content__list ul li:last-child > img {
  width: 18.7rem;
}
@media (min-width: 1126px) {
  .friend__content__list ul li:last-child > img {
    width: 187px;
  }
}
.friend__content__list ul li > img {
  position: absolute;
  right: 4rem;
  bottom: 4rem;
  width: 22.6rem;
}
@media (min-width: 1126px) {
  .friend__content__list ul li > img {
    right: 40px;
    bottom: 40px;
    width: 226px;
  }
}
.friend__content__list ul li p {
  font-size: 3.4rem;
  line-height: 1.6;
  max-width: 61.5rem;
}
@media (min-width: 1126px) {
  .friend__content__list ul li p {
    font-size: 34px;
    max-width: 615px;
  }
}
.friend__content__list ul li dl {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 4rem;
}
@media (min-width: 1126px) {
  .friend__content__list ul li dl {
    margin-bottom: 40px;
  }
}
.friend__content__list ul li dl dt {
  width: 21rem;
  margin-right: 4rem;
  text-align: center;
}
@media (min-width: 1126px) {
  .friend__content__list ul li dl dt {
    width: 210px;
    margin-right: 40px;
  }
}
.friend__content__list ul li dl dt img {
  max-width: 17.5rem;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media (min-width: 1126px) {
  .friend__content__list ul li dl dt img {
    max-width: 175px;
  }
}
.friend__content__list ul li dl dt span {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5.2rem;
  font-size: 2.8rem;
  color: #fff;
  background: #CE986A;
  border-radius: 2.6rem;
  margin-top: -2rem;
}
@media (min-width: 1126px) {
  .friend__content__list ul li dl dt span {
    margin-top: -20px;
    height: 52px;
    font-size: 28px;
    border-radius: 26px;
  }
}
.friend__content__list ul li dl dd {
  width: calc(100% - 25rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F9F7F0;
  border-radius: 1.5rem;
  position: relative;
  min-height: 15rem;
  font-size: 3.9rem;
  color: #CE986A;
  line-height: 1.3;
}
@media (min-width: 1126px) {
  .friend__content__list ul li dl dd {
    font-size: 39px;
    min-height: 150px;
    width: calc(100% - 250px);
  }
}
.friend__content__list ul li dl dd:after {
  content: "";
  position: absolute;
  left: -2.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #F9F7F0 transparent transparent;
  border-width: 1.7rem 2.8rem 1.7rem 0;
}
.friend__content__title {
  text-align: center;
  margin-bottom: 7.5rem;
}
@media (min-width: 1126px) {
  .friend__content__title {
    margin-bottom: 75px;
  }
}
.friend__content__title p {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4.6rem;
  margin-top: 6rem;
  margin-bottom: 3.5rem;
}
@media (min-width: 1126px) {
  .friend__content__title p {
    margin-top: 60px;
    font-size: 46px;
    margin-bottom: 35px;
  }
}
.friend__content__title p img {
  max-width: 35.1rem;
  margin-right: 1.5rem;
}
@media (min-width: 1126px) {
  .friend__content__title p img {
    max-width: 351px;
    margin-right: 15px;
  }
}
.friend__content__title h2 {
  font-size: 4.6rem;
  padding-bottom: 2.5rem;
  border-bottom: 0.3rem solid #9ECE8F;
}
@media (min-width: 1126px) {
  .friend__content__title h2 {
    font-size: 46px;
    padding-bottom: 25px;
  }
}
.friend__content__title h2 span {
  color: #CE986A;
}
.friend__content__btn {
  padding: 0 3rem;
  margin-top: auto;
}
@media (min-width: 1126px) {
  .friend__content__btn {
    padding: 0 30px;
  }
}

.history__qa_list {
  padding-top: 8rem;
}
@media (min-width: 1126px) {
  .history__qa_list {
    padding-top: 80px;
  }
}
.history__qa_list dl {
  margin-bottom: 3.5rem;
}
@media (min-width: 1126px) {
  .history__qa_list dl {
    margin-bottom: 35px;
  }
}
.history__qa_list dl.is-active dt {
  background-image: url(../images/qa_down.png);
}
.history__qa_list dl dd {
  padding: 4.5rem 8.8rem 3.5rem;
  font-size: 4rem;
  color: #000;
}
@media (min-width: 1126px) {
  .history__qa_list dl dd {
    padding: 45px 88px 35px;
    font-size: 40px;
  }
}
.history__qa_list dl dt {
  cursor: pointer;
  background: url(../images/qa_up.png) right 8.8rem center no-repeat #fff;
  background-size: 2.4rem;
  padding: 3.5rem 8.8rem;
  display: flex;
  align-items: center;
  font-size: 4rem;
  color: #000;
}
@media (min-width: 1126px) {
  .history__qa_list dl dt {
    font-size: 40px;
    padding: 35px 88px;
    background-position: right 88px center;
    background-size: 24px;
  }
}
.history__qa_list dl dt span {
  color: #9ECE8F;
  padding-right: 7rem;
}
@media (min-width: 1126px) {
  .history__qa_list dl dt span {
    padding-right: 70px;
  }
}
.history__qa_list dl dt p {
  max-width: 80rem;
}
@media (min-width: 1126px) {
  .history__qa_list dl dt p {
    max-width: 800px;
  }
}
.history__list li {
  background: #fff;
  margin-bottom: 2rem;
  padding: 2.5rem 8.8rem;
}
@media (min-width: 1126px) {
  .history__list li {
    margin-bottom: 20px;
    padding: 25px 88px;
  }
}
.history__list li dl {
  display: flex;
  align-items: center;
}
.history__list li dl dt p {
  margin-top: 2rem;
  font-size: 4rem;
  max-width: 80rem;
}
@media (min-width: 1126px) {
  .history__list li dl dt p {
    max-width: 800px;
    margin-top: 20px;
    font-size: 40px;
  }
}
.history__list li dl dt span {
  display: block;
  color: #919191;
  font-size: 3.4rem;
}
@media (min-width: 1126px) {
  .history__list li dl dt span {
    font-size: 34px;
  }
}
.history__list li dl dd {
  margin-left: auto;
}
.history__list li dl dd p {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 5rem;
  line-height: 1;
}
@media (min-width: 1126px) {
  .history__list li dl dd p {
    font-size: 50px;
  }
}
.history__list li dl dd p span {
  padding-right: 1rem;
  padding-left: 2.5rem;
  text-align: right;
}
@media (min-width: 1126px) {
  .history__list li dl dd p span {
    padding-right: 10px;
    padding-left: 25px;
  }
}
.history__list li dl dd p span.c-blue {
  color: #6ABBCE;
}
.history__list li dl dd p span.is-pt {
  padding: 0;
  min-width: inherit;
  font-size: 2.8rem;
}
@media (min-width: 1126px) {
  .history__list li dl dd p span.is-pt {
    font-size: 28px;
  }
}
.history__content.is-top {
  flex-grow: initial;
}
.history__content__title h2 {
  font-size: 4rem;
  margin-bottom: 2rem;
}
@media (min-width: 1126px) {
  .history__content__title h2 {
    font-size: 40px;
    margin-bottom: 20px;
  }
}
.history__content__title p {
  font-size: 3rem;
}
@media (min-width: 1126px) {
  .history__content__title p {
    font-size: 30px;
  }
}
.history__content__btn {
  padding: 0 3rem;
  margin-top: auto;
}
@media (min-width: 1126px) {
  .history__content__btn {
    padding: 0 30px;
  }
}

.terms__content__body {
  color: #454545;
}
.terms__content__body h2 {
  font-size: 4rem;
  padding: 0 4rem 1.5rem;
  border-bottom: 0.3rem solid #9ECE8F;
  margin-top: 5rem;
  margin-bottom: 4rem;
  color: #000;
}
@media (min-width: 1126px) {
  .terms__content__body h2 {
    font-size: 40px;
    padding: 0 40px 15px;
    margin-top: 50px;
    margin-bottom: 40px;
  }
}
.terms__content__body h2:first-child {
  margin-top: 0;
}
.terms__content__body p {
  line-height: 1.5;
  font-size: 4rem;
}
@media (min-width: 1126px) {
  .terms__content__body p {
    font-size: 40px;
  }
}
.terms__content__body ol {
  padding-left: 5rem;
}
@media (min-width: 1126px) {
  .terms__content__body ol {
    padding-left: 50px;
  }
}
.terms__content__body ol li {
  list-style: decimal;
  line-height: 1.5;
  font-size: 4rem;
  margin-bottom: 1rem;
  padding-left: 2rem;
}
@media (min-width: 1126px) {
  .terms__content__body ol li {
    padding-left: 20px;
    font-size: 40px;
    margin-bottom: 10px;
  }
}
.terms__content__btn {
  padding: 0 3rem;
  margin-top: auto;
}
@media (min-width: 1126px) {
  .terms__content__btn {
    padding: 0 30px;
  }
}

.lp.is-line .lp__content {
  padding-top: 6rem;
}
@media (min-width: 1126px) {
  .lp.is-line .lp__content {
    padding-top: 60px;
  }
}
.lp.is-line .lp__content__list {
  margin-bottom: 2rem;
}
@media (min-width: 1126px) {
  .lp.is-line .lp__content__list {
    margin-bottom: 20px;
  }
}
.lp__line {
  background: #fff;
  padding: 6rem 8.8rem 7rem;
  text-align: center;
}
@media (min-width: 1126px) {
  .lp__line {
    padding: 60px 88px 70px;
  }
}
.lp__line .is-btn {
  padding: 0 3rem;
}
@media (min-width: 1126px) {
  .lp__line .is-btn {
    padding: 0 30px;
  }
}
.lp__line p {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4.7rem;
  margin-top: 5rem;
  margin-bottom: 6rem;
}
@media (min-width: 1126px) {
  .lp__line p {
    margin-top: 50px;
    font-size: 47px;
    margin-bottom: 60px;
  }
}
.lp__line p img {
  max-width: 38.4rem;
  margin-right: 1.5rem;
}
@media (min-width: 1126px) {
  .lp__line p img {
    max-width: 384px;
    margin-right: 15px;
  }
}
.lp__line h1 {
  max-width: 49.2rem;
  margin: 0 auto;
}
@media (min-width: 1126px) {
  .lp__line h1 {
    max-width: 492px;
  }
}
.lp__content {
  padding-top: 9rem;
  padding-bottom: 20rem;
}
@media (min-width: 1126px) {
  .lp__content {
    padding-top: 90px;
    padding-bottom: 200px;
  }
}
.lp__content__list {
  margin-bottom: 12rem;
}
@media (min-width: 1126px) {
  .lp__content__list {
    margin-bottom: 120px;
  }
}
.lp__content__list ul li {
  border-radius: 1.5rem;
  background: #fff;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
  margin-bottom: 5rem;
  padding: 6rem 4rem;
  color: #454545;
}
@media (min-width: 1126px) {
  .lp__content__list ul li {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 50px;
    padding: 60px 40px;
  }
}
.lp__content__list ul li:nth-child(2) dt dd img {
  max-width: 26.4rem;
}
@media (min-width: 1126px) {
  .lp__content__list ul li:nth-child(2) dt dd img {
    max-width: 264px;
  }
}
.lp__content__list ul li:last-child {
  margin-bottom: 0;
}
@media (min-width: 1126px) {
  .lp__content__list ul li:last-child dl {
    margin-bottom: 0;
  }
}
.lp__content__list ul li:last-child dl dd img {
  max-width: 27.5rem;
}
@media (min-width: 1126px) {
  .lp__content__list ul li:last-child dl dd img {
    max-width: 275px;
  }
}
.lp__content__list ul li p {
  font-size: 2.8rem;
  line-height: 1.9;
}
@media (min-width: 1126px) {
  .lp__content__list ul li p {
    font-size: 28px;
  }
}
.lp__content__list ul li dl {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5rem;
}
@media (min-width: 1126px) {
  .lp__content__list ul li dl {
    margin-bottom: 50px;
  }
}
.lp__content__list ul li dl dt {
  font-size: 3.4rem;
  width: calc(100% - 34rem);
  line-height: 1.6;
}
@media (min-width: 1126px) {
  .lp__content__list ul li dl dt {
    font-size: 34px;
    width: calc(100% - 340px);
  }
}
.lp__content__list ul li dl dt span {
  color: #CE986A;
  font-weight: bold;
}
.lp__content__list ul li dl dd {
  width: 34rem;
  text-align: center;
}
@media (min-width: 1126px) {
  .lp__content__list ul li dl dd {
    width: 340px;
  }
}
.lp__content__list ul li dl dd img {
  max-width: 30.9rem;
  margin: 0 auto;
  display: block;
}
.lp__content__list ul li h3 {
  position: relative;
  background: #F9F7F0;
  color: #CE986A;
  border-radius: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8rem;
  font-size: 3.9rem;
  height: 15rem;
}
@media (min-width: 1126px) {
  .lp__content__list ul li h3 {
    height: 150px;
    font-size: 39px;
    margin-bottom: 80px;
  }
}
.lp__content__list ul li h3 span {
  font-size: 3rem;
}
@media (min-width: 1126px) {
  .lp__content__list ul li h3 span {
    font-size: 30px;
  }
}
.lp__content__list ul li h3:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #f9f7f0 transparent transparent transparent;
  border-width: 3rem 2.6rem 0 2.6rem;
  position: absolute;
  bottom: -3.1rem;
  left: 50%;
  -webkit-transform: translatX(-50%); /* Safari用 */
  transform: translatX(-50%);
}
@media (min-width: 1126px) {
  .lp__content__list ul li h3:before {
    border-width: 30px 26px 0 26px;
    bottom: -31px;
  }
}
.lp__content__list ul li h2 {
  text-align: center;
  font-size: 4.6rem;
  padding-bottom: 2.5rem;
  border-bottom: 0.3rem solid #9ECE8F;
  margin-bottom: 6rem;
}
@media (min-width: 1126px) {
  .lp__content__list ul li h2 {
    font-size: 46px;
    padding-bottom: 25px;
    margin-bottom: 60px;
  }
}
.lp__content__kv {
  margin-bottom: 7rem;
}
@media (min-width: 1126px) {
  .lp__content__kv {
    margin-bottom: 70px;
  }
}
.lp__content__kv h1 {
  margin: 0 auto 6rem;
}
@media (min-width: 1126px) {
  .lp__content__kv h1 {
    margin-bottom: 60px;
  }
}
.lp__content__kv ul {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.lp__content__kv ul li {
  width: 31%;
}
.lp__content__kv ul li:first-child p {
  background-image: url(../images/lp_bg01.png);
}
.lp__content__kv ul li:nth-child(2) {
  margin-left: 3.5%;
  margin-right: 3.5%;
}
.lp__content__kv ul li:nth-child(2) p {
  background-image: url(../images/lp_bg02.png);
}
.lp__content__kv ul li:last-child p {
  background-image: url(../images/lp_bg03.png);
}
.lp__content__kv ul li p {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29.6rem;
  height: 29.6rem;
  color: #fff;
  font-size: 3.9rem;
  line-height: 1.3;
}
@media (min-width: 1126px) {
  .lp__content__kv ul li p {
    width: 296px;
    height: 296px;
    font-size: 39px;
  }
}
.lp__content__friend p {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4.7rem;
  margin-top: 5rem;
  margin-bottom: 3.5rem;
}
@media (min-width: 1126px) {
  .lp__content__friend p {
    margin-top: 50px;
    font-size: 47px;
    margin-bottom: 35px;
  }
}
.lp__content__friend p img {
  max-width: 38.4rem;
  margin-right: 1.5rem;
}
@media (min-width: 1126px) {
  .lp__content__friend p img {
    max-width: 384px;
    margin-right: 15px;
  }
}
.lp__content__friend h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 0.3rem solid #CE986A;
  color: #454545;
  background-color: #fff;
  border-radius: 7.5rem;
  height: 15rem;
  font-size: 4.7rem;
  max-width: 86.9rem;
  margin: 0 auto 6.5rem;
  position: relative;
}
@media (min-width: 1126px) {
  .lp__content__friend h2 {
    font-size: 47px;
    height: 150px;
    border-radius: 75px;
    max-width: 869px;
    margin-bottom: 65px;
  }
}
.lp__content__friend h2:before, .lp__content__friend h2:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -3.6rem;
  border-top: 3.6rem solid #CE986A;
  border-right: 2.7rem solid transparent;
  border-left: 2.7rem solid transparent;
}
@media (min-width: 1126px) {
  .lp__content__friend h2:before, .lp__content__friend h2:after {
    bottom: -36px;
    border-top: 36px solid #CE986A;
    border-right: 27px solid transparent;
    border-left: 27px solid transparent;
  }
}
.lp__content__friend h2:after {
  bottom: -3.3rem;
  border-top: solid 3.6rem #fff;
}
@media (min-width: 1126px) {
  .lp__content__friend h2:after {
    bottom: -30px;
    border-top: solid 36px #fff;
  }
}
.lp__content__friend h2 span {
  color: #CE986A;
  font-size: 6.5rem;
}
@media (min-width: 1126px) {
  .lp__content__friend h2 span {
    font-size: 65px;
  }
}
.lp__content__friend h3 {
  text-align: center;
  font-size: 4.6rem;
  padding-bottom: 2.5rem;
  border-bottom: 0.3rem solid #9ECE8F;
}
@media (min-width: 1126px) {
  .lp__content__friend h3 {
    font-size: 46px;
    padding-bottom: 25px;
  }
}
.lp__content__friend h3 span {
  color: #CE986A;
}
.lp__content__friend .is-btn {
  padding: 0 3rem;
}
@media (min-width: 1126px) {
  .lp__content__friend .is-btn {
    padding: 0 30px;
  }
}
.lp__content__friend .is-btn .btn {
  margin-top: 5rem;
}
@media (min-width: 1126px) {
  .lp__content__friend .is-btn .btn {
    margin-top: 50px;
  }
}
/*# sourceMappingURL=style.css.map */