.pre-inc {
  padding-top: 0;
}
.pre-inc.is-intro {
  position: fixed;
  max-width: 100vw;
}
.pre-inc .p-home .main-area {
  position: relative;
  width: 100%;
  height: 56.25vw;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .main-area {
    height: calc(125vw + 71px);
  }
}
.pre-inc .p-home .js-replay-video {
  position: absolute;
  display: inline-block;
  right: 5px;
  bottom: 5px;
  padding: 5px 10px;
  background: rgb(108, 90, 59);
  color: #fff;
  z-index: 4;
  cursor: pointer;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .js-replay-video {
    padding: 5px;
    bottom: initial;
    top: 76px;
  }
}
.pre-inc .p-home .main-video {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  transform: translateX(-50%);
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .main-video {
    height: calc(125vw + 71px);
    padding-top: 71px;
  }
}
.pre-inc .p-home .main-video .js-close-video {
  position: absolute;
  display: inline-block;
  right: 5px;
  bottom: 5px;
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  z-index: 6;
  cursor: pointer;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .main-video .js-close-video {
    bottom: initial;
    top: 76px;
    right: 5px;
  }
}
.pre-inc .p-home .main-video > div {
  position: relative;
  width: 100%;
  height: 100%;
}
.pre-inc .p-home .main-video video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.pre-inc .p-home .main-visual {
  width: 100%;
  overflow-x: hidden;
}
.pre-inc .p-home .main-visual .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/home/02/bg_pastel.webp) no-repeat center center;
  background-size: cover;
}
.pre-inc .p-home .main-visual .parse {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 63.359375vw;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s, transform 1s;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .main-visual .parse {
    width: 105%;
  }
}
.pre-inc .p-home .main-visual .parse figcaption {
  position: absolute;
  left: 5px;
  bottom: 5px;
  font-size: 10px;
  color: #fff;
}
.pre-inc .p-home .main-visual .txt01 {
  position: absolute;
  right: 9.375vw;
  top: 17.1875vw;
  width: 30.46875vw;
  opacity: 0;
  transform: translateY(20px);
  filter: blur(10px);
  transition: opacity 1s, transform 1s, filter 1s;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .main-visual .txt01 {
    right: 15.7142857143vw;
    top: calc(2.1428571429vw + 71px);
    width: 68.5714285714vw;
  }
}
.pre-inc .p-home .main-visual .txt02 {
  position: absolute;
  right: 9.375vw;
  top: 17.1875vw;
  width: 30.46875vw;
  opacity: 0;
  filter: blur(10px);
  transition: opacity 1.5s, transform 1.5s;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .main-visual .txt02 {
    right: initial;
    left: 16vw;
    top: calc(2.8571428571vw + 71px);
    width: 70.7142857143vw;
  }
}
.pre-inc .p-home .main-visual .txt03 {
  position: absolute;
  right: 13.28125vw;
  top: 24.21875vw;
  width: 26.40625vw;
  opacity: 0;
  filter: blur(10px);
  transition-delay: 0.5s;
  transition: opacity 1.5s, transform 1.5s;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .main-visual .txt03 {
    right: initial;
    left: 16vw;
    top: calc(15.7142857143vw + 71px);
    width: 58.7142857143vw;
  }
}
.pre-inc .p-home .main-visual .icon-scroll {
  position: absolute;
  display: inline-block;
  right: 25vw;
  top: 42.96875vw;
  padding-bottom: 40px;
  color: #333;
  text-shadow: 0 0 4px #fff;
  z-index: 4;
  font-size: 13px;
  transform: translateX(50%);
}
@media screen and (min-width: 768px) {
  .pre-inc .p-home .main-visual .icon-scroll {
    display: none;
  }
}
.pre-inc .p-home .main-visual .icon-scroll:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 30px;
  width: 1px;
  background: #ddd;
}
.pre-inc .p-home .main-visual .icon-scroll:after {
  content: "";
  position: absolute;
  right: calc(50% - 2px);
  bottom: 30px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #333;
  animation: scrollDot 2.5s ease-in-out infinite;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .main-visual .icon-scroll {
    writing-mode: vertical-rl;
    right: 15px;
    top: initial;
    bottom: 10px;
    font-size: 12px;
  }
}
@keyframes scrollDot {
  0% {
    bottom: 30px;
    opacity: 1;
  }
  60% {
    bottom: 0;
    opacity: 0;
  }
  100% {
    bottom: 0;
    opacity: 0;
  }
}
.pre-inc .p-home .main-visual.is-on .parse {
  opacity: 1;
  transform: translateY(0);
}
.pre-inc .p-home .main-visual.is-panel01 .txt01 {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}
.pre-inc .p-home .main-visual.is-panel02 .txt01 {
  opacity: 0;
  transform: translateY(0);
  filter: blur(10px);
}
.pre-inc .p-home .main-visual.is-panel02 .txt02 {
  opacity: 1;
  filter: blur(0);
}
.pre-inc .p-home .main-visual.is-panel02 .txt03 {
  opacity: 1;
  filter: blur(0);
}
.pre-inc .p-home .block-feature {
  width: 100%;
  padding: 30px 20px;
  background: #161763;
}
.pre-inc .p-home .block-feature .feature {
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .block-feature .feature {
    border-bottom: none;
  }
}
.pre-inc .p-home .block-feature .action {
  width: 100%;
  max-width: 950px;
  margin-inline: auto;
  margin-top: 25px;
}
.pre-inc .p-home .block-price {
  display: flex;
  justify-content: center;
  margin-inline: auto;
  padding: 40px 20px 0;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .block-price {
    display: block;
  }
}
.pre-inc .p-home .block-price p {
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .block-price p {
    padding: 15px 0;
    display: block;
  }
}
.pre-inc .p-home .block-price .price02 {
  border-left: 1px solid #000;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .block-price .price02 {
    border-left: none;
    border-top: 1px solid #000;
  }
}
.pre-inc .p-home .block-price .price03 {
  border-left: 1px solid #000;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .block-price .price03 {
    border-left: none;
    border-top: 1px solid #000;
  }
}
.pre-inc .p-home .block-entry {
  padding: 30px 20px 40px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .block-entry {
    padding: 30px 20px 20px;
  }
}
.pre-inc .p-home .block-entry .prebtn img {
  max-width: 100%;
  height: auto;
}
.pre-inc .p-home .block-entry .btns {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
  margin-bottom: 60px;
  padding-inline: 20px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .block-entry .btns {
    margin-bottom: 40px;
  }
}
.pre-inc .p-home .block-entry .btns .btn {
  width: 263px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .block-entry .btns .btn {
    width: 100%;
  }
}
.pre-inc .p-home .block-entry .campaign {
  margin-top: 30px;
  padding-inline: 20px;
  max-width: 800px;
  margin-inline: auto;
}
.pre-inc .p-home .block-entry .campaign .bnr {
  text-align: center;
}
.pre-inc .p-home .block-entry .campaign .bnr img {
  max-width: 100%;
  height: auto;
}
.pre-inc .p-home .btn-more {
  width: 214px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .btn-more {
    width: 140px;
  }
}
.pre-inc .p-home .section-hakata {
  position: relative;
  width: 100%;
  padding: 150px 0 80px;
  background: url(../images/home/02/bg_pastel.webp) no-repeat center center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-hakata {
    padding: 45px 0;
  }
}
.pre-inc .p-home .section-hakata .inner {
  max-width: 1000px;
  margin-inline: auto;
  padding-inline: 20px;
}
.pre-inc .p-home .section-hakata .content {
  position: relative;
}
.pre-inc .p-home .section-hakata h2 {
  width: 520px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-hakata h2 {
    width: 100%;
  }
}
.pre-inc .p-home .section-hakata .lead {
  margin-top: 50px;
  font-size: 27px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-hakata .lead {
    margin-top: 30px;
    font-size: 20px;
  }
}
.pre-inc .p-home .section-hakata .body {
  margin-top: 40px;
  line-height: 2.5;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-hakata .body {
    margin-top: 20px;
    font-size: 13px;
  }
}
.pre-inc .p-home .section-hakata .body sup {
  font-size: 0.7em;
  vertical-align: top;
}
.pre-inc .p-home .section-hakata .rank {
  margin-top: 50px;
  width: 38.3333333333%;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-hakata .rank {
    width: 79.3333333333%;
    margin-inline: auto;
  }
}
.pre-inc .p-home .section-hakata .map {
  position: absolute;
  right: -30px;
  bottom: -30px;
  width: 58.2291666667%;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-hakata .map {
    width: 100%;
    position: static;
  }
}
.pre-inc .p-home .section-hakata .btn {
  margin-top: 40px;
  margin-left: auto;
}
.pre-inc .p-home .section-hakata .imagelist {
  max-width: 1920px;
  display: flex;
  margin-top: 55px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-hakata .imagelist {
    margin-top: 30px;
  }
}
.pre-inc .p-home .section-hakata .imagelist .each {
  width: 33.333%;
}
.pre-inc .p-home .section-hakata .imagelist .each .image {
  position: relative;
  aspect-ratio: 425/226;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-hakata .imagelist .each .image {
    aspect-ratio: 232/228;
  }
}
.pre-inc .p-home .section-hakata .imagelist .each .image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pre-inc .p-home .section-hakata .imagelist .each figcaption {
  margin-top: 5px;
  font-size: 10px;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-hakata .imagelist .each figcaption {
    width: 143%;
    margin-left: -43%;
    transform-origin: right top;
    transform: scale(0.7);
  }
}
.pre-inc .p-home .section-design {
  position: relative;
  width: 100%;
}
.pre-inc .p-home .section-design .inner {
  max-width: 1000px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-design .inner {
    margin-top: 0;
  }
}
.pre-inc .p-home .section-design .mainimage {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-design .mainimage {
    width: 100vw;
  }
}
.pre-inc .p-home .section-design .mainimage figcaption {
  position: absolute;
  right: 10px;
  bottom: -5px;
  font-size: 10px;
  text-align: right;
  transform: translateY(100%);
}
.pre-inc .p-home .section-design .content {
  padding: 80px 20px 120px;
  background: url(../images/home/02/bg_pastel.webp) no-repeat center center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-design .content {
    padding: 40px 20px;
  }
}
.pre-inc .p-home .section-design h2 {
  width: 430px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-design h2 {
    width: 70.7142857143vw;
  }
}
.pre-inc .p-home .section-design .lead {
  margin-top: 50px;
  font-size: 27px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-design .lead {
    margin-top: 30px;
    font-size: 20px;
  }
}
.pre-inc .p-home .section-design .body {
  line-height: 2.5;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-design .body {
    font-size: 13px;
  }
}
.pre-inc .p-home .section-design .btn {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-design .btn {
    margin-top: 10px;
    margin-left: auto;
  }
}
.pre-inc .p-home .section-design .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-design .flex {
    margin-top: 20px;
    display: block;
  }
}
.pre-inc .p-home .section-design .flex .text {
  width: 405px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-design .flex .text {
    width: 100%;
  }
}
.pre-inc .p-home .section-design .flex .image {
  width: calc(100% - 425px);
  max-width: 505px;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-design .flex .image {
    width: 100%;
    margin-top: 30px;
  }
}
.pre-inc .p-home .section-design .flex .image figcaption {
  margin-top: 5px;
  font-size: 10px;
  text-align: right;
}
.pre-inc .p-home .section-plan {
  position: relative;
  width: 100%;
}
.pre-inc .p-home .section-plan .mainimage {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
}
.pre-inc .p-home .section-plan .mainimage figcaption {
  position: absolute;
  right: 10px;
  bottom: -5px;
  font-size: 10px;
  text-align: right;
  transform: translateY(100%);
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-plan .mainimage .image {
    position: relative;
    aspect-ratio: 700/446;
  }
  .pre-inc .p-home .section-plan .mainimage .image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.pre-inc .p-home .section-plan .content {
  padding: 80px 20px 120px;
  background: url(../images/home/02/bg_pastel.webp) no-repeat center center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-plan .content {
    padding: 40px 20px;
  }
}
.pre-inc .p-home .section-plan .inner {
  max-width: 1000px;
  margin-inline: auto;
}
.pre-inc .p-home .section-plan .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-plan .flex {
    position: relative;
    display: block;
  }
}
.pre-inc .p-home .section-plan .flex .text {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-plan .flex .text {
    width: 100%;
  }
}
.pre-inc .p-home .section-plan h2 {
  width: 270px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-plan h2 {
    width: 44.2857142857vw;
  }
}
.pre-inc .p-home .section-plan .lead {
  margin-top: 50px;
  line-height: 1.8;
  font-size: 27px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-plan .lead {
    margin-top: 30px;
    font-size: 20px;
  }
}
.pre-inc .p-home .section-plan .body {
  margin-top: 30px;
  line-height: 2.5;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-plan .body {
    margin-top: 20px;
    font-size: 13px;
  }
}
.pre-inc .p-home .section-plan .btn {
  margin-top: 40px;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-plan .btn {
    margin-top: 10px;
  }
}
.pre-inc .p-home .section-plan .imagelist {
  display: flex;
  gap: 10px;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-plan .imagelist {
    margin-top: 30px;
  }
}
.pre-inc .p-home .section-plan .imagelist .each {
  width: calc(50% - 5px);
  max-width: 190px;
}
.pre-inc .p-home .section-plan .imagelist .each figcaption {
  margin-top: 5px;
  font-size: 10px;
  text-align: right;
}
.pre-inc .p-home .section-location {
  position: relative;
  width: 100%;
  overflow-x: clip;
}
.pre-inc .p-home .section-location .inner {
  max-width: 1000px;
  margin-inline: auto;
}
.pre-inc .p-home .section-location .mainimage {
  position: relative;
  width: 100%;
}
.pre-inc .p-home .section-location .mainimage figcaption {
  position: absolute;
  right: 10px;
  bottom: -5px;
  font-size: 10px;
  text-align: right;
  transform: translateY(100%);
}
.pre-inc .p-home .section-location .content {
  padding: 80px 20px 120px;
  background: url(../images/home/02/bg_pastel.webp) no-repeat center center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-location .content {
    padding: 40px 20px;
  }
}
.pre-inc .p-home .section-location h2 {
  width: 538px;
  max-width: 100%;
}
.pre-inc .p-home .section-location .lead {
  margin-top: 50px;
  font-size: 27px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-location .lead {
    margin-top: 30px;
    font-size: 20px;
  }
}
.pre-inc .p-home .section-location .body {
  line-height: 2.5;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-location .body {
    font-size: 13px;
  }
}
.pre-inc .p-home .section-location .btn {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-location .btn {
    margin-top: 10px;
    margin-left: auto;
  }
}
.pre-inc .p-home .section-location .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-location .flex {
    margin-top: 20px;
  }
}
.pre-inc .p-home .section-location .flex .text {
  width: 40.9090909091%;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-location .flex .text {
    width: 100%;
  }
}
.pre-inc .p-home .section-location .flex .image {
  width: 63.8636363636%;
  max-width: 562px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-location .flex .image {
    margin-top: 30px;
    width: 100%;
  }
}
.pre-inc .p-home .section-location .flex .image figcaption {
  margin-top: 5px;
  font-size: 10px;
  text-align: right;
}
.pre-inc .p-home .section-access {
  position: relative;
  width: 100%;
  padding: 160px 20px 120px;
  background: url(../images/home/02/bg_access.webp) no-repeat center center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-access {
    padding: 40px 20px 60px;
  }
}
.pre-inc .p-home .section-access .caption {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 10px;
}
.pre-inc .p-home .section-access .inner {
  position: relative;
  max-width: 970px;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-access .inner {
    display: block;
  }
}
.pre-inc .p-home .section-access .text {
  width: 47.0103092784%;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-access .text {
    width: 100%;
  }
}
.pre-inc .p-home .section-access .img {
  width: 40.9278350515%;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-access .img {
    width: 100%;
    margin-top: 40px;
  }
}
.pre-inc .p-home .section-access .img figcaption {
  margin-top: 5px;
  font-size: 10px;
  text-align: right;
}
.pre-inc .p-home .section-access h2 {
  width: 454px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-access h2 {
    width: 74.5714285714vw;
  }
}
.pre-inc .p-home .section-access .lead {
  margin-top: 50px;
  line-height: 1.8;
  font-size: 27px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-access .lead {
    font-size: 20px;
  }
}
.pre-inc .p-home .section-access .body {
  margin-top: 30px;
  line-height: 2.5;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-access .body {
    font-size: 13px;
  }
}
.pre-inc .p-home .section-access .btn {
  margin-top: 40px;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .section-access .btn {
    margin-top: 10px;
    margin-top: 30px;
  }
}
.pre-inc .p-home .section-access .imagelist {
  display: flex;
  gap: 10px;
  margin-top: 60px;
}
.pre-inc .p-home .section-access .imagelist .each {
  width: calc(50% - 5px);
  max-width: 190px;
}
.pre-inc .p-home .section-access .imagelist .each figcaption {
  margin-top: 5px;
  font-size: 10px;
  text-align: right;
}
.pre-inc .p-home .block-limited {
  width: calc(100% - 40px);
  max-width: 930px;
  margin-inline: auto;
  margin-top: 150px;
  padding: 70px 36px 36px;
  background: rgba(29, 32, 136, 0.15);
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .block-limited {
    margin-top: 60px;
    padding: 35px 15px;
  }
}
.pre-inc .p-home .block-limited h2 {
  text-align: center;
  color: #161763;
  font-size: 40px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .block-limited h2 {
    font-size: 32px;
  }
}
.pre-inc .p-home .block-limited .desc {
  text-align: center;
  margin-top: 10px;
  line-height: 1.6;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .block-limited .desc {
    font-size: 13px;
  }
}
.pre-inc .p-home .block-limited .btn {
  margin-top: 20px;
  text-align: center;
}
.pre-inc .p-home .block-limited .block-steps .each {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  padding: 25px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .block-limited .block-steps .each {
    display: block;
    padding: 20px;
  }
}
.pre-inc .p-home .block-limited .block-steps .each .image {
  position: relative;
  width: 214px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .block-limited .block-steps .each .image {
    width: 100%;
  }
}
.pre-inc .p-home .block-limited .block-steps .each .image figcaption {
  position: absolute;
  left: 5px;
  bottom: 5px;
  font-size: 10px;
}
.pre-inc .p-home .block-limited .block-steps .each .image figcaption.white {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .block-limited .block-steps .each .image figcaption {
    left: initial;
    right: 5px;
  }
}
.pre-inc .p-home .block-limited .block-steps .each .text {
  width: calc(100% - 248px);
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .block-limited .block-steps .each .text {
    width: 100%;
    margin-top: 10px;
  }
}
.pre-inc .p-home .block-limited .block-steps .each .text .num {
  color: #161763;
  font-size: 32px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .block-limited .block-steps .each .text .num {
    font-size: 20px;
  }
}
.pre-inc .p-home .block-limited .block-steps .each .text .lead {
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .block-limited .block-steps .each .text .lead {
    padding-bottom: 5px;
    margin-top: 0;
    font-size: 15px;
  }
}
.pre-inc .p-home .block-limited .block-steps .each .text .body {
  margin-top: 10px;
  line-height: 1.6;
  font-size: 13px;
}
@media screen and (max-width: 767px) {
  .pre-inc .p-home .block-limited .block-steps .each .text .body {
    margin-top: 5px;
  }
}
.pre-inc .p-home .block-limited .block-steps .each:nth-child(n+2):before {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  width: 50px;
  height: 18px;
  background: #646464;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  transform: translate(-50%, -100%);
}
.pre-inc .p-home .temporary-info {
  padding: 16px;
  background-color: #C80505;
  color: #fff;
  text-align: center;
}
.pre-inc .p-home .temporary-info p {
  font-size: 16px;
}
.pre-inc .section-bnr {
  background: #fff;
  padding: 80px 15px;
}
@media screen and (max-width: 767px) {
  .pre-inc .section-bnr {
    padding: 40px 15px 0;
  }
}
.pre-inc .section-bnr .inner {
  max-width: 800px;
  margin-inline: auto;
}
.pre-inc {
  /* ---
      MODAL for campaign banner
  --- */
}
.pre-inc #campaign_block {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1001;
}
.pre-inc #campaign_block.closed {
  display: none;
}
.pre-inc #campaign_block a.none_alpha .image:hover,
.pre-inc #campaign_block a.none_alpha:hover {
  opacity: 1;
}
.pre-inc #campaign_block .modal-cp {
  width: 90%;
  max-width: 700px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 910;
}
.pre-inc #campaign_block .modal__content {
  max-height: 720px;
  text-align: center;
  position: relative;
  /* width: 90%; */
}
.pre-inc #campaign_block .modal__content .modal-link {
  display: block;
}
.pre-inc #campaign_block .modal__content .modal__bnrImg {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
.pre-inc #campaign_block .modal__content .image {
  margin: auto;
  max-width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.pre-inc #campaign_block .modal__content figcaption {
  margin-top: 5px;
  color: #fff;
  font-size: 11px;
}
.pre-inc #campaign_block .cap {
  margin: 0 auto;
  width: 100%;
  padding: 6px 12px;
  font-size: 1rem;
  line-height: 1.3;
  background: #867325;
  color: #fff;
  text-align: justify;
  text-justify: inter-ideograph;
}
.pre-inc .modal__bg {
  background: rgba(0, 0, 0, 0.6);
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
}
.pre-inc .btn_close .button {
  position: absolute;
  display: inline-block;
  top: -30px;
  right: -30px;
  width: 85px;
  height: 85px;
  border: 0;
  background-color: black;
  border-radius: 80px;
  margin: 0;
  padding: 0;
  transform: scale(0.5);
  cursor: pointer;
  background-color: #333;
  border: solid 4px #fff;
}
.pre-inc .btn_close .button::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 10px;
  left: 35px;
  width: 7px;
  height: 60px;
  border: 0;
  margin: 0;
  padding: 0;
  background-color: white;
  transform: rotate(45deg);
}
.pre-inc .btn_close .button::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 10px;
  left: 35px;
  width: 7px;
  height: 60px;
  border: 0;
  margin: 0;
  padding: 0;
  background-color: white;
  transform: rotate(-45deg);
}
@media (max-width: 767px) {
  .pre-inc #campaign_block .modal__content .image {
    margin: auto;
    max-height: 90%;
  }
}/*# sourceMappingURL=home02.css.map */