@charset "UTF-8";
*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: 0;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[hidden], template {
  display: none;
}

/*
* foundation/base.css
*/
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.6rem;
  color: #000000;
  background-color: #FFFFFF;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
@media screen and (max-width: 767.98px) {
  img {
    width: 100%;
  }
}

a {
  color: inherit;
  text-decoration: none;
}

ul, ol {
  list-style: none;
}

/*
* layout/l-wrap.css
*/
.l-wrap {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/*
* layout/l-main.css
*/
.l-main {
  flex: 1;
  overflow: hidden;
}

/*
* layout/l-footer.css
*/
.l-footer {
  background-color: #FFFFFF;
  color: #402210;
}
@media screen and (max-width: 767.98px) {
  .l-footer {
    padding: 12px 0;
  }
}
@media screen and (min-width: 768px) {
  .l-footer {
    padding: 28.5px 0;
  }
}
.l-footer__inner {
  display: flex;
  align-items: center;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .l-footer__inner {
    width: 90%;
  }
}
@media screen and (max-width: 767.98px) {
  .l-footer__inner {
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .l-footer__inner {
    justify-content: space-between;
    max-width: 934px;
  }
}
.l-footer__logo {
  display: inline-block;
  transition: opacity 0.2s ease;
}
@media screen and (max-width: 767.98px) {
  .l-footer__logo {
    max-width: 70.9055555556%;
  }
}
@media screen and (min-width: 768px) {
  .l-footer__logo {
    width: 27.329764454%;
  }
}
@media (any-hover: hover) {
  .l-footer__logo:hover {
    opacity: 0.7;
  }
}
.l-footer__copyright-text {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  color: #595858;
}
@media screen and (max-width: 767.98px) {
  .l-footer__copyright-text {
    font-size: 1.1rem;
    letter-spacing: 0.047em;
  }
}
@media screen and (min-width: 768px) {
  .l-footer__copyright-text {
    font-size: 1.1rem;
    letter-spacing: 0.047em;
  }
}

/*
* page/pg-index.css
*/
.p-hero {
  background-color: #574426;
  color: #FFFFFF;
  position: relative;
}
.p-hero__inner {
  position: relative;
  max-width: 1113px;
  margin-inline: auto;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-hero__inner {
    width: 90%;
  }
}
.p-hero__sizer {
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .p-hero__sizer {
    padding-bottom: 120.8333333333%;
  }
}
@media screen and (min-width: 768px) {
  .p-hero__sizer {
    padding-bottom: 51.841868823%;
  }
}
.p-hero__badge {
  position: absolute;
  z-index: 1;
  text-align: center;
}
@media screen and (max-width: 767.98px) {
  .p-hero__badge {
    top: 0;
    right: 0;
    width: 100%;
    padding-bottom: 26.3888888889%;
  }
}
@media screen and (min-width: 768px) {
  .p-hero__badge {
    top: 0;
    right: 16.4420485175%;
    width: 22.641509434%;
    margin-top: 3.3243486074%;
  }
}
@media screen and (max-width: 767.98px) {
  .p-hero__badge::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #231815;
  }
}
@media screen and (max-width: 767.98px) {
  .p-hero__badge::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 9.7222222222vw;
    border-left: 50vw solid #574426;
    border-right: 50vw solid #574426;
    border-top: 9.7222222222vw solid rgba(255, 255, 255, 0);
  }
}
@media screen and (max-width: 767.98px) {
  .p-hero__badge-img {
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 74.6%;
    margin: auto auto 8.0555555556% auto;
  }
}
.p-hero__title {
  position: absolute;
  margin: 0;
}
@media screen and (max-width: 767.98px) {
  .p-hero__title {
    top: 0;
    left: -1.9444444444%;
    width: 74.7222222222%;
    margin-top: 28.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .p-hero__title {
    top: 0;
    left: -3.1446540881%;
    width: 82.7493261456%;
    margin-top: 8.8050314465%;
  }
}
.p-hero__visual {
  position: absolute;
}
@media screen and (max-width: 767.98px) {
  .p-hero__visual {
    bottom: 0;
    right: 0;
    width: 100%;
    margin-bottom: -1.1111111111%;
  }
}
@media screen and (min-width: 768px) {
  .p-hero__visual {
    bottom: 0;
    right: -32.884097035%;
    width: 84.725965858%;
    margin-bottom: -9.2542677448%;
  }
}
.p-hero__buttons {
  position: absolute;
  bottom: 0;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 767.98px) {
  .p-hero__buttons {
    left: 0;
    gap: 1.9444444444%;
    justify-content: center;
    margin-bottom: -1.6666666667%;
  }
}
@media screen and (min-width: 768px) {
  .p-hero__buttons {
    left: -0.8984725966%;
    gap: 1.1680143756%;
    margin-bottom: -0.3593890386%;
  }
}
.p-hero__btn {
  position: relative;
  display: inline-block;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
@media screen and (max-width: 767.98px) {
  .p-hero__btn {
    width: 45.5555555556%;
  }
}
@media screen and (min-width: 768px) {
  .p-hero__btn {
    width: 23.7196765499%;
  }
}
@media (any-hover: hover) {
  .p-hero__btn::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 62.8787878788%;
    height: 0;
    margin-bottom: 9.8484848485%;
    padding-bottom: 0.7575757576%;
    background: #FFFFFF;
    pointer-events: none;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.2s;
    transition-timing-function: ease;
  }
}
@media (any-hover: hover) {
  .p-hero__btn:hover::before {
    opacity: 1;
  }
}

.p-intro {
  background: #231815;
}
.p-intro__inner {
  max-width: 1113px;
  margin-inline: auto;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-intro__inner {
    width: 90%;
  }
}
@media screen and (max-width: 767.98px) {
  .p-intro__inner {
    padding: 0 0 6.6666666667%;
  }
}
@media screen and (min-width: 768px) {
  .p-intro__inner {
    padding: 1.0416666667% 0 3.0555555556%;
  }
}
@media screen and (min-width: 1440px) {
  .p-intro__inner {
    padding: 15px 0 44px;
  }
}
.p-intro__title {
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
  .p-intro__title {
    width: 107.2222222222%;
    margin: 0 auto 0 -3.8888888889%;
    padding-top: 2.2222222222%;
  }
}
@media screen and (min-width: 768px) {
  .p-intro__title {
    width: 854px;
    max-width: 90%;
    margin-left: -2.6954177898%;
  }
}
.p-intro__title::before {
  content: "";
  position: absolute;
  background: url(../img/bg_intro_1.png) no-repeat center;
  background-size: contain;
  mix-blend-mode: screen;
}
@media screen and (max-width: 767.98px) {
  .p-intro__title::before {
    top: 0;
    right: 2.8497409326%;
    width: 35.4922279793%;
    margin-top: -1.0362694301%;
    padding-bottom: 22.2797927461%;
    background-image: url(../img/bg_intro_1_sp.png);
  }
}
@media screen and (min-width: 768px) {
  .p-intro__title::before {
    top: 0;
    right: -4.3325526932%;
    width: 18.149882904%;
    margin-top: 1.6393442623%;
    padding-bottom: 13.8173302108%;
  }
}
.p-intro__title-img {
  position: relative;
}
.p-intro__caption {
  margin: 0;
}
@media screen and (max-width: 767.98px) {
  .p-intro__caption {
    width: 81.4666666667%;
    margin: 0 auto 0;
  }
}
@media screen and (min-width: 768px) {
  .p-intro__caption {
    width: 435.2px;
    max-width: 90%;
    margin: -1.3477088949% auto 0 0.8984725966%;
  }
}
.p-intro__lists {
  line-height: 1;
  margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
  .p-intro__lists {
    margin-top: 7.7777777778%;
  }
}
@media screen and (min-width: 768px) {
  .p-intro__lists {
    margin-top: 1.1680143756%;
  }
}
.p-intro__list {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-intro__list {
    display: flex;
    gap: 45px;
    min-height: 78px;
    padding: 21px 5px;
  }
}
@media screen and (min-width: 768px) {
  .p-intro__list + .p-intro__list::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, rgb(255, 202, 128) 0%, rgb(227, 159, 64) 100%);
  }
}
@media screen and (max-width: 767.98px) {
  .p-intro__list--2 {
    margin-top: 6.3888888889%;
  }
}
@media screen and (max-width: 767.98px) {
  .p-intro__list--3 {
    margin-top: 8.3333333333%;
  }
}
@media screen and (max-width: 767.98px) {
  .p-intro__list--4 {
    margin-top: 7.5%;
  }
}
@media screen and (max-width: 767.98px) {
  .p-intro__list-header {
    width: 91.1111111111%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .p-intro__list-header {
    flex: 0 0 246px;
    margin: 0;
  }
}
@media screen and (max-width: 767.98px) {
  .p-intro__list-text {
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .p-intro__list-text {
    display: flex;
    align-items: center;
    min-height: 31px;
    margin: 0;
  }
}
@media screen and (max-width: 767.98px) {
  .p-intro__list--1 .p-intro__list-text {
    width: 70.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .p-intro__list--1 .p-intro__list-text {
    width: 253.2px;
  }
}
@media screen and (max-width: 767.98px) {
  .p-intro__list--2 .p-intro__list-text {
    width: 24.2861111111%;
  }
}
@media screen and (min-width: 768px) {
  .p-intro__list--2 .p-intro__list-text {
    width: 87.43px;
    margin: 0 30px 0 21px;
  }
}
@media screen and (max-width: 767.98px) {
  .p-intro__list--3 .p-intro__list-text {
    width: 71.5555555556%;
  }
}
@media screen and (min-width: 768px) {
  .p-intro__list--3 .p-intro__list-text {
    width: 257.6px;
  }
}
@media screen and (max-width: 767.98px) {
  .p-intro__list--4 .p-intro__list-text {
    width: 56.2305555556%;
  }
}
@media screen and (min-width: 768px) {
  .p-intro__list--4 .p-intro__list-text {
    width: 202.43px;
  }
}
@media screen and (max-width: 767.98px) {
  .p-intro__list--1 .p-intro__list-text-img {
    transform: translateX(-1.9407677677%);
  }
}
@media screen and (max-width: 767.98px) {
  .p-intro__list--3 .p-intro__list-text-img {
    transform: translateX(-2.3289213213%);
  }
}
.p-intro__list-content {
  margin: 0;
}
@media screen and (max-width: 767.98px) {
  .p-intro__list-content {
    margin: 5.8333333333% auto 0;
  }
}
@media screen and (min-width: 768px) {
  .p-intro__list-content {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
  }
}
@media screen and (max-width: 767.98px) {
  .p-intro__list--2 .p-intro__list-content {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 4.7222222222%;
  }
}
@media screen and (max-width: 767.98px) {
  .p-intro__list--4 .p-intro__list-content {
    margin-top: 6.6666666667%;
  }
}
@media screen and (max-width: 767.98px) {
  .p-intro__list-pic {
    width: 30.2777777778%;
    margin: 0 auto 3.0555555556%;
  }
}
@media screen and (min-width: 768px) {
  .p-intro__list-pic {
    width: 15.8866995074%;
  }
}
.p-intro__prizes {
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 767.98px) {
  .p-intro__prizes {
    margin-top: 5.5%;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .p-intro__prizes {
    overflow: hidden;
  }
}
@media screen and (max-width: 767.98px) {
  .p-intro__prize {
    width: 93.8888888889%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .p-intro__prize {
    float: right;
    width: 51.9317160827%;
  }
}
@media screen and (min-width: 768px) {
  .p-intro__prize--1 {
    float: left;
    width: 47.1698113208%;
  }
}
@media screen and (max-width: 767.98px) {
  .p-intro__prize--2 {
    margin-top: 3.5555555556%;
  }
}
@media screen and (min-width: 768px) {
  .p-intro__prize--2 {
    margin-top: 3.683737646%;
  }
}
@media screen and (max-width: 767.98px) {
  .p-intro__prize--3 {
    margin-top: 4.0277777778%;
  }
}
@media screen and (min-width: 768px) {
  .p-intro__prize--3 {
    margin-top: 0.9883198562%;
  }
}

.p-about {
  background-image: url("../img/bg_about_1.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767.98px) {
  .p-about {
    background-image: url("../img/bg_about_1_sp.jpg");
  }
}
.p-about__inner {
  max-width: 1080px;
  margin-inline: auto;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-about__inner {
    width: 90%;
  }
}
@media screen and (max-width: 767.98px) {
  .p-about__inner {
    padding: 8.0555555556% 0 8.6111111111%;
  }
}
@media screen and (min-width: 768px) {
  .p-about__inner {
    padding: 3.6111111111% 0 3.125%;
  }
}
@media screen and (min-width: 1440px) {
  .p-about__inner {
    padding: 52px 0 45px;
  }
}
.p-about__content {
  display: flex;
  align-items: center;
  gap: 48px;
  margin-bottom: 48px;
}
.p-about__text {
  flex: 1;
}
.p-about__title {
  margin: 0;
}
@media screen and (max-width: 767.98px) {
  .p-about__title {
    width: 77.3916666667%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .p-about__title {
    width: 36.8925925926%;
    margin: 0 auto 2.6851851852% 1.2962962963%;
  }
}
.p-about__description {
  margin: 0;
}
@media screen and (max-width: 767.98px) {
  .p-about__description {
    width: 87.025%;
    margin: 4.4444444444% auto 0;
  }
}
@media screen and (min-width: 768px) {
  .p-about__description {
    width: 62.2712962963%;
    margin: 0 auto 3.7037037037% 1.0185185185%;
  }
}
.p-about__subtitle {
  margin: 0;
}
@media screen and (max-width: 767.98px) {
  .p-about__subtitle {
    width: 92.475%;
    margin: 10% auto 0;
  }
}
@media screen and (min-width: 768px) {
  .p-about__subtitle {
    width: 61.3324074074%;
    margin: 0 auto 1.5740740741% 1.4814814815%;
  }
}
.p-about__detail {
  position: relative;
  margin: 0;
}
@media screen and (max-width: 767.98px) {
  .p-about__detail {
    margin: 0 auto;
    text-align: right;
  }
}
@media screen and (min-width: 768px) {
  .p-about__detail {
    padding: 3.6111111111% 1.5740740741% 2.1296296296%;
    background: #fff;
  }
}
@media screen and (max-width: 767.98px) {
  .p-about__detail-img {
    width: 97.5%;
  }
}
@media screen and (min-width: 768px) {
  .p-about__detail-img {
    width: 73.9206500956%;
  }
}
.p-about__visual {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .p-about__visual {
    width: 23.8888888889%;
  }
}
.p-about__cv {
  text-align: center;
}
@media screen and (max-width: 767.98px) {
  .p-about__cv {
    margin-top: 9.4444444444%;
  }
}
@media screen and (min-width: 768px) {
  .p-about__cv {
    margin-top: 2.962962963%;
  }
}
.p-about__btn {
  position: relative;
  display: inline-block;
  text-decoration: none;
  border: none;
  cursor: pointer;
  margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
  .p-about__btn {
    width: 82.2166666667%;
  }
}
@media screen and (min-width: 768px) {
  .p-about__btn {
    width: 40.6972222222%;
  }
}
@media (any-hover: hover) {
  .p-about__btn::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 0;
    background: #FFFFFF;
    pointer-events: none;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.2s;
    transition-timing-function: ease;
  }
}
@media screen and (max-width: 768px) and (any-hover: hover) {
  .p-about__btn::before {
    width: 56.0848705994%;
    margin-bottom: 5.0679099939%;
    padding-bottom: 0.1351442665%;
  }
}
@media screen and (min-width: 768px) and (any-hover: hover) {
  .p-about__btn::before {
    width: 77.127841103%;
    margin-bottom: 5.0053466203%;
    padding-bottom: 0.6506950606%;
  }
}
@media (any-hover: hover) {
  .p-about__btn:hover::before {
    opacity: 1;
  }
}

.p-howto {
  background-color: #FFFFFF;
}
.p-howto__inner {
  max-width: 1080px;
  margin-inline: auto;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-howto__inner {
    width: 90%;
  }
}
@media screen and (max-width: 767.98px) {
  .p-howto__inner {
    padding: 5.2777777778% 0 4.7222222222%;
  }
}
@media screen and (min-width: 768px) {
  .p-howto__inner {
    padding: 4.7222222222% 0 7.8472222222%;
  }
}
@media screen and (min-width: 1440px) {
  .p-howto__inner {
    padding: 68px 0 113px;
  }
}
.p-howto__title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(50%);
  margin: 0 auto;
  background-color: #402210;
  border-radius: 100vh;
}
@media screen and (max-width: 767.98px) {
  .p-howto__title {
    width: 84.1666666667%;
    min-height: 7.7777777778vw;
  }
}
@media screen and (min-width: 768px) {
  .p-howto__title {
    width: 28.0555555556%;
    min-height: 28px;
  }
}
@media screen and (max-width: 767.98px) {
  .p-howto__title-img {
    width: 24.2673267327%;
  }
}
@media screen and (min-width: 768px) {
  .p-howto__title-img {
    width: 73.53px;
  }
}
.p-howto__steps {
  margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
  .p-howto__steps {
    width: 95.2777777778%;
    padding: 7.2222222222% 0 2.2222222222%;
    border-radius: 15px;
    box-shadow: inset 0 0 0 2.7px #402210;
  }
}
@media screen and (min-width: 768px) {
  .p-howto__steps {
    display: flex;
    border-radius: 18px;
    box-shadow: inset 0 0 0 3.4px #402210;
  }
}
.p-howto__step {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-howto__step {
    flex: 1 1 0%;
    padding: 4.0740740741% 0 2.3148148148%;
  }
}
.p-howto__step-content {
  position: relative;
  height: 100%;
}
@media screen and (max-width: 767.98px) {
  .p-howto__step-content {
    padding: 5.8309037901% 0;
  }
}
.p-howto__step + .p-howto__step .p-howto__step-content::before {
  content: "";
  position: absolute;
  background: #402210;
}
@media screen and (max-width: 767.98px) {
  .p-howto__step + .p-howto__step .p-howto__step-content::before {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 87.4635568513%;
    height: 2px;
  }
}
@media screen and (min-width: 768px) {
  .p-howto__step + .p-howto__step .p-howto__step-content::before {
    top: 0;
    left: 0;
    width: 2px;
    height: calc(100% - 11px);
  }
}
.p-howto__step-title {
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
  .p-howto__step-title {
    margin-left: 6.4139941691%;
  }
}
@media screen and (max-width: 767.98px) {
  .p-howto__step--1 .p-howto__step-title {
    width: 61.3731778426%;
  }
}
@media screen and (min-width: 768px) {
  .p-howto__step--1 .p-howto__step-title {
    width: 58.475%;
    margin-left: 8.6111111111%;
  }
}
@media screen and (max-width: 767.98px) {
  .p-howto__step--2 .p-howto__step-title {
    width: 86.778425656%;
  }
}
@media screen and (min-width: 768px) {
  .p-howto__step--2 .p-howto__step-title {
    width: 82.6805555556%;
  }
}
@media screen and (max-width: 767.98px) {
  .p-howto__step--3 .p-howto__step-title {
    width: 88.2623906706%;
  }
}
@media screen and (min-width: 768px) {
  .p-howto__step--3 .p-howto__step-title {
    width: 84.0944444444%;
  }
}
.p-howto__step-visual {
  position: absolute;
}
@media screen and (max-width: 767.98px) {
  .p-howto__step-visual {
    top: 0;
    right: 3.4985422741%;
    width: 22.4489795918%;
    margin-top: 2.0408163265%;
  }
}
@media screen and (min-width: 768px) {
  .p-howto__step-visual {
    top: 0;
    right: 3.6111111111%;
    width: 21.3888888889%;
    margin-top: 14.4444444444%;
  }
}
.p-howto__step-desc {
  height: 80px;
}
@media screen and (max-width: 767.98px) {
  .p-howto__step-cv {
    text-align: center;
    margin: 5.8309037901% auto 1.4577259475%;
  }
}
.p-howto__step-btn {
  display: inline-block;
  text-decoration: none;
  border: none;
  cursor: pointer;
  border-radius: 9px;
  background: #4cc764;
  transition: opacity 0.2s ease;
}
@media screen and (max-width: 767.98px) {
  .p-howto__step-btn {
    width: 80.4664723032%;
  }
}
@media screen and (min-width: 768px) {
  .p-howto__step-btn {
    width: 76.6666666667%;
    margin: 3.0555555556% 0 0 6.9444444444%;
  }
}
@media (any-hover: hover) {
  .p-howto__step-btn:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767.98px) {
  .p-howto__step-btn-img {
    padding: 2.5362318841% 10.1449275362% 1.8115942029% 5.4347826087%;
  }
}
@media screen and (min-width: 768px) {
  .p-howto__step-btn-img {
    padding: 1.8115942029% 10.5072463768% 2.1739130435% 3.9855072464%;
  }
}
.p-howto__note {
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
  .p-howto__note {
    width: 56.3611111111%;
    margin-top: 4.4444444444%;
  }
}
@media screen and (min-width: 768px) {
  .p-howto__note {
    width: 31.7694444444%;
    margin-top: 8px;
  }
}

.p-bg {
  background-color: #e2d2bd;
}
@media screen and (max-width: 767.98px) {
  .p-bg {
    padding-bottom: 35px;
  }
}

.p-term__inner {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-term__inner {
    width: 90%;
  }
}
@media screen and (max-width: 767.98px) {
  .p-term__inner {
    padding: 6.9444444444% 0 0;
  }
}
@media screen and (min-width: 768px) {
  .p-term__inner {
    max-width: 934px;
    margin-bottom: 3.0555555556%;
    padding: 2.5694444444% 0;
  }
}
@media screen and (min-width: 1440px) {
  .p-term__inner {
    margin-bottom: 44px;
    padding: 37px 0;
  }
}
.p-term__title {
  font-size: 0;
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width: 767.98px) {
  .p-term__title {
    width: 20.375%;
    margin-bottom: 2.7777777778%;
  }
}
@media screen and (min-width: 768px) {
  .p-term__title {
    width: 88.99px;
    margin-bottom: 3.426124197%;
  }
}
.p-term__content {
  margin: 0 auto;
  background-color: #FFFFFF;
}
@media screen and (max-width: 767.98px) {
  .p-term__content {
    width: 93.8888888889%;
    border-radius: 8.6px;
    padding: 21.6px 7.8px 15px 22px;
  }
}
@media screen and (min-width: 768px) {
  .p-term__content {
    padding: 24px 29px 40px 48px;
    border-radius: 26.42px;
  }
}
.p-term__scroll {
  padding-right: 16px;
}
@media screen and (max-width: 767.98px) {
  .p-term__scroll {
    max-height: 600px;
  }
}
@media screen and (min-width: 768px) {
  .p-term__scroll {
    max-height: 600px;
  }
}
.p-term .scroll__inner {
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}
.p-term .scroll__inner::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}
@media screen and (max-width: 767.98px) {
  .p-term .simplebar-track {
    width: 9.8px;
  }
}
@media screen and (min-width: 768px) {
  .p-term .simplebar-track {
    width: 10px;
  }
}
.p-term .simplebar-scrollbar::before {
  left: 0;
  right: 0;
  background: #818181;
  opacity: 1;
  transition-property: background;
  transition-duration: 0.2s;
}
.p-term .simplebar-scrollbar.simplebar-hover::before {
  background: #402210;
}
.p-term__text {
  font-feature-settings: "palt";
}
@media screen and (max-width: 767.98px) {
  .p-term__text {
    font-size: 1.36rem;
    line-height: 1.6109522164;
  }
}
@media screen and (min-width: 768px) {
  .p-term__text {
    font-size: 1.6rem;
    line-height: 1.61095625;
    letter-spacing: 0.04em;
  }
}
.p-term__text-item {
  margin: 0;
}
@media screen and (max-width: 767.98px) {
  .p-term__text-item + .p-term__text-item {
    margin-top: 1.6109522164em;
  }
}
@media screen and (min-width: 768px) {
  .p-term__text-item + .p-term__text-item {
    margin-top: 1.61095625em;
  }
}
@media screen and (min-width: 768px) {
  .p-term__text-item + .p-term__text-item--mgt1 {
    margin-top: 3.2219125em;
  }
}

@media screen and (max-width: 767.98px) {
  .p-faq {
    margin-top: 5%;
  }
}
.p-faq__inner {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-faq__inner {
    width: 90%;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__inner {
    max-width: 934px;
    padding-bottom: 6.4583333333%;
  }
}
@media screen and (min-width: 1440px) {
  .p-faq__inner {
    padding-bottom: 93px;
  }
}
.p-faq__title {
  text-align: center;
}
@media screen and (max-width: 767.98px) {
  .p-faq__title {
    width: 47.0138888889%;
    margin: 0 auto 2.2222222222%;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__title {
    width: 205.78px;
    margin: 0 0 1.4989293362% 1.6059957173%;
  }
}
.p-faq__list {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 767.98px) {
  .p-faq__list {
    width: 93.8888888889%;
  }
}
@media screen and (min-width: 1080px) {
  .p-faq__list {
    overflow: hidden;
  }
}
.p-faq__item {
  font-weight: 500;
  font-feature-settings: "palt";
  background-color: #FFFFFF;
}
@media screen and (max-width: 767.98px) {
  .p-faq__item {
    font-size: 1.5rem;
    line-height: 1.58502;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__item {
    font-size: 2rem;
    line-height: 1.5850174336;
  }
}
@media screen and (max-width: 1079.98px) {
  .p-faq__item {
    border-radius: 8.2px;
    padding: 12px 18px 18px;
  }
}
@media screen and (min-width: 1080px) {
  .p-faq__item {
    display: inline-block;
    width: calc(50% - 9px);
    border-radius: 11px;
    padding: 17px 20px 20px 25px;
  }
}
@media screen and (min-width: 1080px) {
  .p-faq__item:nth-of-type(1) {
    float: left;
  }
}
@media screen and (min-width: 1080px) {
  .p-faq__item:nth-of-type(2) {
    float: left;
    clear: left;
    margin-top: 15px;
  }
}
@media screen and (min-width: 1080px) {
  .p-faq__item:nth-of-type(3) {
    margin-left: 18px;
    padding-bottom: 48px;
  }
}
@media screen and (min-width: 1080px) {
  .p-faq__item:nth-of-type(4) {
    margin-left: 18px;
    margin-top: 15px;
    padding-bottom: 23px;
  }
}
@media screen and (max-width: 1079.98px) {
  .p-faq__item + .p-faq__item {
    margin-top: 9px;
  }
}
@media screen and (max-width: 352px) {
  .p-faq__item-br {
    display: none;
  }
}
@media screen and (max-width: 1079.98px) and (min-width: 560px) {
  .p-faq__item-br {
    display: none;
  }
}
.p-faq__question {
  border-bottom: 1.4px solid #402210;
}
@media screen and (max-width: 767.98px) {
  .p-faq__question {
    margin-bottom: 8px;
    padding-bottom: 6px;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__question {
    margin-bottom: 7px;
    padding-bottom: 8px;
  }
}
.p-faq__question-text {
  position: relative;
  margin: 0;
  color: #402210;
}
@media screen and (max-width: 767.98px) {
  .p-faq__question-text {
    padding-left: 1.6666666667em;
    letter-spacing: -0.035em;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__question-text {
    padding-left: 1.75em;
    letter-spacing: -0.05em;
  }
}
.p-faq__question-text-mark {
  position: absolute;
  left: 0;
}
@media screen and (max-width: 767.98px) {
  .p-faq__question-text-mark {
    top: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__question-text-mark {
    top: 0.025em;
  }
}
.p-faq__answer-text {
  position: relative;
  margin: 0;
  color: #402210;
}
@media screen and (max-width: 767.98px) {
  .p-faq__answer-text {
    padding-left: 1.6666666667em;
    letter-spacing: -0.035em;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__answer-text {
    padding-left: 1.75em;
    letter-spacing: -0.05em;
  }
}
.p-faq__answer-text-mark {
  position: absolute;
  left: 0;
}
@media screen and (max-width: 767.98px) {
  .p-faq__answer-text-mark {
    top: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-faq__answer-text-mark {
    top: 0.025em;
  }
}

.p-info {
  background-color: #402210;
}
.p-info__inner {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-info__inner {
    width: 90%;
  }
}
@media screen and (max-width: 767.98px) {
  .p-info__inner {
    padding: 21px 0 17px;
  }
}
@media screen and (min-width: 768px) {
  .p-info__inner {
    padding: 45px 0 51px;
    max-width: 934px;
  }
}
.p-info__title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background-color: #FFFFFF;
  border-radius: 100vh;
}
@media screen and (max-width: 767.98px) {
  .p-info__title {
    width: 65.8333333333%;
    max-width: 237px;
    height: 6.1111111111vw;
    max-height: 22px;
  }
}
@media screen and (min-width: 768px) {
  .p-info__title {
    width: 60.3854389722%;
    padding: 1.0492505353% 0;
  }
}
@media screen and (max-width: 767.98px) {
  .p-info__title-img {
    width: 35.1308016878%;
  }
}
@media screen and (min-width: 768px) {
  .p-info__title-img {
    width: 20.0336879433%;
  }
}
.p-info__content {
  display: block;
  margin: 0 auto;
  transition: opacity 0.2s ease;
}
@media screen and (max-width: 767.98px) {
  .p-info__content {
    width: 54.2472222222%;
    max-width: 195.29px;
    margin-top: 12px;
  }
}
@media screen and (min-width: 768px) {
  .p-info__content {
    width: 37.0674518201%;
    margin: 1.7130620985% auto 0 28.9079229122%;
  }
}
@media (any-hover: hover) {
  .p-info__content:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767.98px) {
  .p-info__text {
    transform: translateX(-5.6332257899%);
  }
}

/*
 * object/utility/_u-display.scss
 */
@media screen and (min-width: 375px) {
  .u-max-iphone {
    display: none;
  }
}

@media screen and (max-width: 374.98px) {
  .u-min-iphone {
    display: none;
  }
}

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

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

@media screen and (min-width: 360px) {
  .u-max-dssp {
    display: none;
  }
}

@media screen and (max-width: 359.98px) {
  .u-min-dssp {
    display: none;
  }
}

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

@media screen and (max-width: 767.98px) {
  .u-min-br {
    display: none;
  }
}

@media screen and (min-width: 0px) {
  .u-max-m {
    display: none;
  }
}

@media screen and (max-width: -0.02px) {
  .u-min-m {
    display: none;
  }
}

@media screen and (min-width: 1080px) {
  .u-max-l {
    display: none;
  }
}

@media screen and (max-width: 1079.98px) {
  .u-min-l {
    display: none;
  }
}

@media screen and (min-width: 1113px) {
  .u-max-xl {
    display: none;
  }
}

@media screen and (max-width: 1112.98px) {
  .u-min-xl {
    display: none;
  }
}

@media screen and (min-width: 0px) {
  .u-max-head {
    display: none;
  }
}

@media screen and (max-width: -0.02px) {
  .u-min-head {
    display: none;
  }
}

@media screen and (min-width: 560px) and (max-width: 767.98px) {
  .u-tab-s-none {
    display: none;
  }
}

.u-tab-s-block {
  display: none;
}
@media screen and (min-width: 560px) and (max-width: 767.98px) {
  .u-tab-s-block {
    display: block;
  }
}

@media screen and (min-width: 768px) and (max-width: 1112.98px) {
  .u-tab-none {
    display: none;
  }
}

.u-tab-block {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 1112.98px) {
  .u-tab-block {
    display: block;
  }
}

.u-display-none {
  display: none;
}

.u-display-i {
  display: inline;
}

.u-display-b {
  display: block;
}

.u-display-ib {
  display: inline-block;
}

.u-display-flex {
  display: flex;
}

.u-display-if {
  display: inline-flex;
}/*# sourceMappingURL=style.css.map */