@charset "UTF-8";

/* # =================================================================
    # 共通要素
# ================================================================= */
html {
  font-size: 62.5%;
  font-family: "Noto Sans JP", sans-serif;
}
html.act {
  overflow: hidden;
}

body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  background: #F0F0F0;
  color: #000000;
  font-weight: 400;
  letter-spacing: 0;
}

a, .link {
  color: #000000;
  text-decoration: none;
  transition: all 0.3s;
}
a.fig, .link.fig {
  display: inline-block;
  margin: 0;
  vertical-align: top;
}
a.fig picture, .link.fig picture {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
a.fig img, .link.fig img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

ul,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: inherit;
}

address {
  font-style: normal;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}
img.w100 {
  width: 100%;
}

/* *:focus {outline:none;} */
figure, .fig {
  margin: 0;
  vertical-align: top;
}
figure picture, .fig picture {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
figure img, .fig img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

@supports (-webkit-touch-callout: none) {
  body {
    /* The hack for Safari */
    height: -webkit-fill-available;
  }
}
/* フォント */
/* マージン */
.mb0 {
  margin-bottom: 0 !important;
}

.ptmt {
  margin-top: -5em;
  padding-top: 5em;
}

.relative {
  z-index: 1;
  position: relative;
}

.c-hvr:hover {
  filter: brightness(1.1);
}

.drop-shadow01 {
  filter: drop-shadow(0px 0px 10px rgba(42, 43, 44, 0.3));
}

/* foundation */
/* layout */
/*component*/
/*project*/
/*utility*/
/* .u-bl-lgpc {
  display: none !important;
  @include mq(max-lgpc) {
    display: block !important;
  }
}
.u-bl-pc {
  display: none !important;
  @include mq(max-pc) {
    display: block !important;
  }
}
.u-bl-tb {
  display: none !important;
  @include mq(max-tb) {
    display: block !important;
  }
}

.u-none-tb {
  @include mq(max-tb) {
    display: none !important;
  }
}
.u-none-pc {
  @include mq(max-pc) {
    display: none !important;
  }
}
.u-none-lgpc {
  @include mq(max-lgpc) {
    display: none !important;
  }
} */
.sp {
  display: none !important;
}

.pc {
  display: block !important;
}
/*page*/
header#header {
  position: fixed;
}

footer {
  z-index: 1;
  position: relative;
}

#hajimete-nanto {
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.l-centerarea__fv, .l-centerarea, .l-area, #hajimete-nanto {
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), rgba(242, 173, 96, 0.4) calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), rgba(242, 173, 96, 0.4) calc(100% - 1px));
  background-position: center center;
  background-size: 16px 16px;
  background-repeat: repeat;
  background-color: #FFF100;
}

.l-area {
  display: grid;
  position: sticky;
  top: 141px;
  place-content: center;
  place-items: center;
  width: calc((100% - 390px) / 2);
  height: 100vh;
  height: calc(100vh - 141px);
  max-height: 100vh;
  max-height: calc(100vh - 141px);
}
.l-area .contimg {
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
}
.l-area .contimg img {
  -o-object-fit: cover;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.l-area--left {
  left: 0;
}
.l-area--left .contimg {
  height: 73vh;
}
.l-area--right {
  right: 0;
}
.l-area--right .contimg {
  height: 60vh;
}

.l-centerarea {
  z-index: 1;
  position: relative;
  width: 100%;
  margin: auto;
  padding-top: 0;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), rgba(128, 174, 206, 0.18) calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), rgba(128, 174, 206, 0.18) calc(100% - 1px));
  background-color: #fff;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
}
.l-centerarea__fv-ttl {
  width: 100%;
  margin: auto;
  margin-bottom: 2.67vw;
}
.l-centerarea__fv-btn01, .l-centerarea__fv-btn02 {
  width: 90.67vw;
  margin: auto;
}
.l-centerarea__fv-btn01 {
  margin-bottom: 1.87vw;
}
.l-centerarea__fv-btn02 {
  margin-bottom: 4vw;
}
.l-centerarea__fv-exp {
  position: relative;
  width: 100%;
}
.l-centerarea__fv-exp-img {
  width: 100%;
}
.l-centerarea__fv-exp-txt {
  position: absolute;
  right: 0;
  bottom: 5.07vw;
  left: 0;
  margin: auto;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
}
.l-centerarea__fv-exp-txt a {
  color: #fff;
  text-decoration: underline;
}
.l-centerarea__fv-exp-txt a:hover {
  text-decoration: none;
}
.l-centerarea__tokuten {
  width: 100%;
  padding-top: 4.27vw;
}
.l-centerarea__tokuten-ttl {
  width: 91.2vw;
  margin: 0 auto 14.93vw;
}
.l-centerarea__tokuten .tokuten-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  width: 96.53vw;
  margin: auto;
  gap: 20vw 0;
}
.l-centerarea__tokuten .tokuten-list__item {
  padding-bottom: 4.8vw;
  border: 0.8vw solid #292D6D;
  border-radius: 2.67vw;
  background-color: #fff;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
}
.l-centerarea__tokuten .tokuten-list__item .ttl01 {
  width: 85.87vw;
  margin: -13.5vw auto 2.67vw;
}
.l-centerarea__tokuten .tokuten-list__item--01 .js-lottie_tokuten01 {
  width: 56.8vw;
  margin: 0 auto 3.2vw;
}
.l-centerarea__tokuten .tokuten-list__item--01 .img01 {
  width: 85.87vw;
  margin: 0 auto 3.2vw;
}
.l-centerarea__tokuten .tokuten-list__item--01 .img02_box {
  position: relative;
  width: 85.87vw;
  margin: 0 auto 3.2vw;
}
.l-centerarea__tokuten .tokuten-list__item--01 .img02_box .img02 {
  width: 100%;
}
.l-centerarea__tokuten .tokuten-list__item--01 .img02_box .btn01 {
  position: absolute;
  right: 0;
  bottom: 21.33vw;
  left: 0;
  width: 75.47vw;
  margin: auto;
}
.l-centerarea__tokuten .tokuten-list__item--01 .img03_box {
  position: relative;
  width: 85.87vw;
  margin: auto;
}
.l-centerarea__tokuten .tokuten-list__item--01 .img03 {
  width: 100%;
}
.l-centerarea__tokuten .tokuten-list__item--01 .btn02 {
  position: absolute;
  right: 0;
  bottom: 13.33vw;
  left: 0;
  width: 75.47vw;
  margin: auto;
}
.l-centerarea__tokuten .tokuten-list__item--01 .btn03 {
  position: absolute;
  right: 0;
  bottom: 4.27vw;
  left: 0;
  width: 56vw;
  margin: auto;
}
.l-centerarea__tokuten .tokuten-list__item--02 .js-lottie_tokuten02 {
  width: 56.27vw;
  margin: 0 auto 2.67vw;
}
.l-centerarea__tokuten .tokuten-list__item--02 .img01 {
  width: 88vw;
  margin: 0 auto;
}
.l-centerarea__tokuten .tokuten-list__item--03 .js-lottie_tokuten03 {
  width: 50.93vw;
  margin: 0 auto 3.2vw;
}
.l-centerarea__tokuten .tokuten-list__item--03 .img01 {
  width: 90.67vw;
  margin: 0 auto 2.67vw;
}
.l-centerarea__tokuten .tokuten-list__item--03 .btn01 {
  width: 90.67vw;
  margin: 0 auto 2.67vw;
}
.l-centerarea__tokuten .tokuten-list__item--03 .btn02 {
  width: 85.87vw;
  margin: 0 auto 2.67vw;
}
.l-centerarea__mnpresent {
  width: 100%;
  padding-top: 7.47vw;
}
.l-centerarea__mnpresent-img {
  width: 100%;
}
.l-centerarea__entry {
  position: relative;
  width: 100%;
  padding-top: 7.47vw;
  overflow: hidden;
}
.l-centerarea__entry-img {
  width: 100%;
}
.l-centerarea__entry .js-lottie_entry {
  position: absolute;
  right: -6vw;
  bottom: -13.5vw;
  width: 61.33vw;
}
.l-centerarea__caution {
  padding: 8vw 3.73vw;
}
.l-centerarea__caution-ttl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  aspect-ratio: 362/42;
  width: 100%;
  margin-bottom: 3.2vw;
  border-radius: 100px;
  background-color: #292D6D;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
}
.l-centerarea__caution-dl:not(:last-child) {
  margin-bottom: 3.2vw;
}
.l-centerarea__caution-dl dt {
  margin-bottom: 2.67vw;
  font-weight: 700;
  font-size: 16px;
}
.l-centerarea__caution-dl dd {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.38;
}
.l-centerarea__caution-dl-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 2.67vw 0;
}
.l-centerarea__caution-dl-list li {
  position: relative;
  padding-left: 1em;
}
.l-centerarea__caution-dl-list li::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "・";
  font-weight: 700;
}
@media screen and (max-width: 1536px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 1500px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 1289px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 1100px) {
  body {
    margin: 0;
  }
  .l-area {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  body {
    margin: 0;
  }
  .ptmt {
    margin-top: -8em;
    padding-top: 8em;
  }
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
  .l-centerarea__fv-exp-txt {
    font-size: 3.2vw;
  }
  .l-centerarea__caution-ttl {
    font-size: 4.8vw;
  }
  .l-centerarea__caution-dl dt {
    font-size: 4.27vw;
  }
  .l-centerarea__caution-dl dd {
    font-size: 4.27vw;
  }
}
@media screen and (max-width: 599px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 374px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 319px) {
  body {
    margin: 0;
  }
}
@media screen and (min-width: 1921px) {
  img {
    width: 100%;
  }
}
@media screen and (min-width: 1101px) {
  .tellink {
    cursor: default;
    pointer-events: none;
  }
}
@media screen and (min-width: 768px) {
  .l-centerarea {
    width: 390px;
    padding-top: clamp(0px, 37.6vw, 141px);
  }
  .l-centerarea__fv-ttl {
    margin-bottom: clamp(0px, 2.67vw, 10px);
  }
  .l-centerarea__fv-btn01, .l-centerarea__fv-btn02 {
    width: clamp(0px, 90.67vw, 340px);
  }
  .l-centerarea__fv-btn01 {
    margin-bottom: clamp(0px, 1.87vw, 7px);
  }
  .l-centerarea__fv-btn02 {
    margin-bottom: clamp(0px, 4vw, 15px);
  }
  .l-centerarea__fv-exp-txt {
    bottom: clamp(0px, 5.07vw, 19px);
  }
  .l-centerarea__tokuten {
    padding-top: clamp(0px, 4.27vw, 16px);
  }
  .l-centerarea__tokuten-ttl {
    width: clamp(0px, 91.2vw, 342px);
    margin: 0 auto clamp(0px, 14.93vw, 56px);
  }
  .l-centerarea__tokuten .tokuten-list {
    width: clamp(0px, 96.53vw, 362px);
    gap: clamp(0px, 20vw, 75px) 0;
  }
  .l-centerarea__tokuten .tokuten-list__item {
    padding-bottom: clamp(0px, 4.8vw, 18px);
    border-width: clamp(0px, 0.8vw, 3px);
    border-radius: clamp(0px, 2.67vw, 10px);
  }
  .l-centerarea__tokuten .tokuten-list__item .ttl01 {
    width: clamp(0px, 85.87vw, 322px);
    margin: -47px auto clamp(0px, 2.67vw, 10px);
  }
  .l-centerarea__tokuten .tokuten-list__item--01 .js-lottie_tokuten01 {
    width: clamp(0px, 56.8vw, 213px);
    margin-bottom: clamp(0px, 3.2vw, 12px);
  }
  .l-centerarea__tokuten .tokuten-list__item--01 .img01 {
    width: clamp(0px, 85.87vw, 322px);
    margin-bottom: clamp(0px, 3.2vw, 12px);
  }
  .l-centerarea__tokuten .tokuten-list__item--01 .img02_box {
    width: clamp(0px, 85.87vw, 322px);
    margin-bottom: clamp(0px, 3.2vw, 12px);
  }
  .l-centerarea__tokuten .tokuten-list__item--01 .img02_box .btn01 {
    display: none;
    bottom: clamp(0px, 21.33vw, 80px);
    width: clamp(0px, 75.47vw, 283px);
  }
  .l-centerarea__tokuten .tokuten-list__item--01 .img03_box {
    width: clamp(0px, 85.87vw, 322px);
  }
  .l-centerarea__tokuten .tokuten-list__item--01 .btn02 {
    bottom: clamp(0px, 13.33vw, 50px);
    width: clamp(0px, 75.47vw, 283px);
  }
  .l-centerarea__tokuten .tokuten-list__item--01 .btn03 {
    bottom: clamp(0px, 4.27vw, 16px);
    width: clamp(0px, 56vw, 210px);
  }
  .l-centerarea__tokuten .tokuten-list__item--02 .js-lottie_tokuten02 {
    width: clamp(0px, 56.27vw, 211px);
    margin-bottom: clamp(0px, 3.2vw, 12px);
  }
  .l-centerarea__tokuten .tokuten-list__item--02 .img01 {
    width: clamp(0px, 88vw, 330px);
  }
  .l-centerarea__tokuten .tokuten-list__item--03 .js-lottie_tokuten03 {
    width: clamp(0px, 50.93vw, 191px);
    margin-bottom: clamp(0px, 3.2vw, 12px);
  }
  .l-centerarea__tokuten .tokuten-list__item--03 .img01 {
    width: clamp(0px, 90.67vw, 340px);
    margin-bottom: clamp(0px, 2.67vw, 10px);
  }
  .l-centerarea__tokuten .tokuten-list__item--03 .btn01 {
    width: clamp(0px, 90.67vw, 340px);
    margin-bottom: clamp(0px, 2.67vw, 10px);
  }
  .l-centerarea__tokuten .tokuten-list__item--03 .btn02 {
    width: clamp(0px, 85.87vw, 322px);
    margin-bottom: clamp(0px, 2.67vw, 10px);
  }
  .l-centerarea__mnpresent {
    padding-top: clamp(0px, 7.47vw, 28px);
  }
  .l-centerarea__entry {
    padding-top: clamp(0px, 7.47vw, 28px);
  }
  .l-centerarea__entry .js-lottie_entry {
    right: -21px;
    bottom: -56px;
    width: clamp(0px, 61.33vw, 230px);
  }
  .l-centerarea__caution {
    padding: clamp(0px, 8vw, 30px) clamp(0px, 3.73vw, 14px);
  }
  .l-centerarea__caution-ttl {
    margin-bottom: clamp(0px, 3.2vw, 12px);
  }
  .l-centerarea__caution-dl:not(:last-child) {
    margin-bottom: clamp(0px, 3.2vw, 12px);
  }
  .l-centerarea__caution-dl dt {
    margin-bottom: clamp(0px, 2.67vw, 10px);
  }
  .l-centerarea__caution-dl-list {
    gap: clamp(0px, 2.67vw, 10px) 0;
  }
}