@charset "UTF-8";
/* ========================
  🎨 Design Tokens - Variables
======================== */
/* Color */
/* Breakpoints */
/* Font Family */
.bg-gradient-soft {
  background-image: var(--gradient-primary), url(../images/img/bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@keyframes page01-blur-in {
  from {
    opacity: 0;
    filter: blur(16px);
    transform: scale(1.03);
  }
  to {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
}
.page01 {
  background-size: 100% 120%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.page01 .Img {
  width: clamp(14.7541rem, 12.2672rem + 10.61vw, 25rem);
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}
.page01 .Img .innerImg {
  padding-top: 100%;
}
.page01 .Img .innerImg .image {
  background-size: 100% auto;
  background-position: center;
  animation: page01-blur-in 1.2s ease-out both;
}
.page01 .Img .innerImg .image:nth-child(1) {
  animation-delay: 0s;
}
.page01 .Img .innerImg .image:nth-child(2) {
  animation-delay: 0.25s;
}
.page01 .Img .innerImg .image:nth-child(3) {
  animation-delay: 0.5s;
}
.page01 .Img .innerImg .image:nth-child(4) {
  animation-delay: 0.75s;
}
.page01 .Img .innerImg .image:nth-child(5) {
  animation-delay: 1s;
}
.page01 .Img .innerImg .image:nth-child(6) {
  animation-delay: 1.25s;
}
.page01 .logo {
  width: clamp(5.5712rem, 4.6328rem + 4vw, 9.4375rem);
  max-width: 100%;
  margin-top: clamp(3.3811rem, 2.8669rem + 2.19vw, 5.5rem);
  margin-bottom: clamp(4.6107rem, 3.9094rem + 2.99vw, 7.5rem);
  animation: page01-blur-in 1.2s ease-out both;
  animation-delay: 0.8s;
}
.page01 h2 {
  margin-bottom: 1.5rem;
  font-size: clamp(1rem, -0.0273rem + 4.38vw, 2.6875rem);
  animation: page01-blur-in 1.2s ease-out both;
  animation-delay: 1.1s;
}
@media (min-width: 992px) {
  .page01 h2 {
    font-size: clamp(0.875rem, -0.194rem + 1.72vw, 1.875rem);
    margin-bottom: 2.5rem;
  }
}
.page01 .brand-logo {
  width: clamp(7.6875rem, -0.0362rem + 32.95vw, 20.375rem);
  animation: page01-blur-in 1.2s ease-out both;
  animation-delay: 1.4s;
}
@media (min-width: 992px) {
  .page01 .brand-logo {
    width: clamp(6.75rem, -0.0647rem + 10.99vw, 13.125rem);
  }
}

.page02 .Img .innerImg {
  padding-top: 100%;
}
.page02 .innerImg .image {
  background-color: rgba(255, 255, 255, 0.3);
}
.page02 .Txt {
  position: relative;
}
.page02 .Txt::before {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  right: -4%;
  bottom: -20%;
  width: 30%;
  padding-top: 45%;
  background-image: url(../images/img/page02-deco-1.png);
}
@media (min-width: 992px) {
  .page02 .Txt::before {
    right: 0;
    bottom: -53px;
  }
}

.page03 .Txt,
.page07 .Txt {
  position: relative;
}
.page03 .Txt::before,
.page07 .Txt::before {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  left: -10%;
  top: -9%;
  width: 24%;
  padding-top: 38%;
  background-image: url(../images/img/page03-deco-1.png);
}
@media (min-width: 992px) {
  .page03 .Txt::before,
  .page07 .Txt::before {
    left: 11%;
    top: -20%;
    width: 19%;
    padding-top: 31%;
  }
}
.page03 .Txt::after,
.page07 .Txt::after {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/img/page03-deco-2.png);
  right: -10%;
  top: 72%;
  width: 32%;
  padding-top: 36%;
}
@media (min-width: 992px) {
  .page03 .Txt::after,
  .page07 .Txt::after {
    right: 0%;
  }
}

@media (max-width: 991px) {
  .page04,
  .page05,
  .page06 {
    padding-inline: 0px;
  }
}

.page04 .Txt {
  position: relative;
}
.page04 .Txt::before {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  width: 23%;
  padding-top: 30%;
  right: 77%;
  top: 11%;
  background-image: url(../images/img/page04-deco-1.png);
}
@media (min-width: 992px) {
  .page04 .Txt::before {
    width: 10%;
    padding-top: 13%;
    right: 60%;
    top: 7%;
  }
}

.page05 .Txt {
  position: relative;
}
.page05 .Txt::before {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  width: 32%;
  padding-top: 43%;
  right: -4%;
  top: -6%;
  background-image: url(../images/img/page05-deco-1.png);
}
@media (min-width: 992px) {
  .page05 .Txt::before {
    width: 10%;
    padding-top: 13%;
    right: 32%;
    top: 1%;
  }
}

@media (max-width: 991px) {
  .page08 {
    padding-top: clamp(2rem, 0.8rem + 6.51vw, 10rem);
  }
}

.page09 {
  position: relative;
}
@media (min-width: 992px) {
  .page09::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 50%;
    right: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(to right, rgb(197, 229, 232) 0%, rgba(202, 231, 234, 0.7558) 24.42%, rgba(216, 238, 240, 0.4677) 53.23%, rgba(240, 248, 249, 0.1587) 84.13%, rgba(255, 255, 255, 0) 100%);
  }
}
@media (max-width: 991px) {
  .page09 {
    padding-inline: 0px;
  }
}
.page09 .title {
  font-size: clamp(0.8125rem, -0.0246rem + 3.57vw, 2.1875rem);
}
.page09 .title::after {
  content: "";
  display: block;
  width: 70%;
  height: 1px;
  background-color: #000;
  margin-inline: auto;
  margin-top: clamp(1.5rem, -0.0219rem + 6.49vw, 4rem);
  margin-bottom: clamp(1rem, -0.1034rem + 4.71vw, 2.8125rem);
}
@media (min-width: 992px) {
  .page09 .title::after {
    margin-bottom: clamp(0.875rem, -0.194rem + 1.72vw, 1.875rem);
    margin-top: clamp(1.25rem, 0.181rem + 1.72vw, 2.25rem);
  }
}
@media (min-width: 992px) {
  .page09 .title {
    font-size: clamp(0.75rem, 0.0819rem + 1.08vw, 1.375rem);
  }
}
.page09 .contactInfo li {
  display: flex;
  align-items: center;
}
.page09 .contactInfo li span {
  display: inline-block;
  width: 5em;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
.page09 .contactInfo li b {
  flex: 1;
  word-break: break-all;
  font-weight: 600;
}
.page09 .caseInfo {
  line-height: 2;
  letter-spacing: 2px;
  font-size: clamp(0.475rem, 0.0032rem + 2.01vw, 1.25rem);
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .page09 .caseInfo {
    font-size: clamp(0.4125rem, -0.0819rem + 0.8vw, 0.875rem);
  }
}
.page09 .contact_sex {
  font-size: 0.8rem;
}/*# sourceMappingURL=style.css.map */