/* stylelint-disable-next-line scss/dollar-variable-pattern */
.p-home {
  position: relative;
}

.p-home-layer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}
.p-home-layer img {
  width: 100%;
  height: auto;
}

.p-home-mv {
  position: relative;
  height: clamp(30rem, 40dvh, 52rem);
  overflow: hidden;
  text-align: center;
}
.p-home-mv__image {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, from(#75ba2a), to(#007862));
  background: linear-gradient(#75ba2a 0%, #007862 100%);
}
.p-home-mv__image img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-animation: mvimg 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.1s both;
          animation: mvimg 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.1s both;
}
.p-home-mv__texts {
  position: relative;
  z-index: 3;
  display: -ms-grid;
  display: grid;
  place-content: center;
  width: min(100%, 1600px);
  height: 100%;
  margin: 0 auto;
  line-height: 1;
  text-align: center;
}
.p-home-mv__catch {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(80%, 320px);
  height: clamp(175px, 40vw, 220px);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.p-home-mv__catch img {
  width: 100%;
  height: 100%;
}
.p-home-mv__line-sp {
  position: absolute;
  right: 0;
  bottom: -0.5px;
  z-index: 2;
  display: block;
  width: 123px;
  height: 139px;
}
.p-home-mv__line-sp svg {
  width: 100%;
  height: 100%;
}
.p-home-mv__line-pc {
  position: absolute;
  right: -150px;
  bottom: -0.5px;
  z-index: 2;
  display: none;
  width: 550px;
  height: 101%;
}
.p-home-mv__line-pc svg {
  width: 100%;
  height: 100%;
}

@-webkit-keyframes mvimg {
  0% {
    -webkit-filter: blur(6px);
            filter: blur(6px);
    opacity: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes mvimg {
  0% {
    -webkit-filter: blur(6px);
            filter: blur(6px);
    opacity: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes logo {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes logo {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
.p-home-news {
  position: relative;
  z-index: 4;
  width: 100%;
  padding: min(12vw, 6.5rem) 7.5% min(4vw, 10rem);
  text-align: center;
}

.p-home-news__inner {
  width: min(100%, 110rem);
  margin: 3rem auto;
}

.p-home-news .p-news-lists {
  width: min(100%, 76.7rem);
}

.p-home-news .p-news-lists li:first-child {
  padding-top: 1em;
}

.p-home-news .c-title01 {
  width: min(100%, 110rem);
  margin: 0 auto;
  letter-spacing: 0;
}

.p-home-news .c-title01__text02 {
  font-size: min(6vw, 2.8rem);
}

.p-home-news__button-area {
  margin-top: 2em;
  text-align: center;
}
.p-home-news__button-area .c-button01 {
  width: min(80%, 320px);
}

.p-home-service {
  position: relative;
  z-index: 4;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background: #EBFCE5;
}
.p-home-service__image {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.p-home-service__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-home-service__inner {
  position: relative;
  z-index: 2;
  width: min(100vw, 100rem);
  padding-top: min(14vw, 6.5em);
  padding-bottom: min(18vw, 8.5em);
  margin: 0 auto;
  text-align: right;
}
.p-home-service__contents {
  position: relative;
  width: min(80%, 90rem);
  padding: 4.5rem 0.5rem 0.5rem;
  margin: 0 auto;
  background: transparent;
  background-color: rgba(255, 255, 255, 0.72);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
}
.p-home-service__text-area {
  display: -ms-grid;
  display: grid;
  gap: 0;
  padding: min(7vw, 5rem) min(5vw, 5rem) 5rem;
  margin: 3rem auto 0;
  border: #ACC3BE solid 1px;
  border-radius: 1.5rem;
}
.p-home-service .c-title01 {
  margin-left: min(5vw, 5rem);
}
.p-home-service .c-title01__text02 {
  letter-spacing: 0.2em;
}
.p-home-service .c-title03 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-size: min(5.5vw, 2.8rem);
  line-height: 1.25;
  text-align: center;
}
.p-home-service .c-title03 span {
  display: inline-block;
}
.p-home-service p {
  margin-top: 1em;
  font-size: clamp(1.5rem, 1.409rem + 0.39vw, 1.7rem);
  text-align: justify;
}
.p-home-service__button-area {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.p-home-service .c-button01 {
  position: relative;
  width: 27rem;
  margin: 0 auto;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

.is-active .p-home-service__image {
  -webkit-animation: service-image-sp 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
          animation: service-image-sp 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}

@-webkit-keyframes service-image-sp {
  0% {
    opacity: 0;
    -webkit-transform: translateX(3%);
            transform: translateX(3%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes service-image-sp {
  0% {
    opacity: 0;
    -webkit-transform: translateX(3%);
            transform: translateX(3%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes service-image-pc {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-3%);
            transform: translateX(-3%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes service-image-pc {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-3%);
            transform: translateX(-3%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
.p-home-company {
  position: relative;
  z-index: 4;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background: #E0ECFA;
}
.p-home-company__image {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.p-home-company__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-home-company__inner {
  position: relative;
  z-index: 2;
  width: min(100vw, 100rem);
  padding-top: min(14vw, 6.5em);
  padding-bottom: min(18vw, 8.5em);
  margin: 0 auto;
  text-align: right;
}
.p-home-company__contents {
  position: relative;
  width: min(80%, 90rem);
  padding: 4.5rem 0.5rem 0.5rem;
  margin: 0 auto;
  background: transparent;
  background-color: rgba(255, 255, 255, 0.72);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
}
.p-home-company__text-area {
  display: -ms-grid;
  display: grid;
  gap: 0;
  padding: min(5vw, 5rem) min(5vw, 5rem) 5rem;
  margin: 3rem auto 0;
  border: #ACC3BE solid 1px;
  border-radius: 1.5rem;
}
.p-home-company .c-title01 {
  margin-left: min(5vw, 5rem);
}
.p-home-company .c-title01__text02 {
  letter-spacing: 0.2em;
}
.p-home-company p {
  margin-top: 0;
  font-size: clamp(1.5rem, 1.409rem + 0.39vw, 1.7rem);
  text-align: justify;
}
.p-home-company__button-area {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.p-home-company .c-button01 {
  position: relative;
  width: 27rem;
  margin: 0 auto;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

.is-active .p-home-company__image {
  -webkit-animation: company-image-sp 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
          animation: company-image-sp 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}

@-webkit-keyframes company-image-sp {
  0% {
    opacity: 0;
    -webkit-transform: translateX(3%);
            transform: translateX(3%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes company-image-sp {
  0% {
    opacity: 0;
    -webkit-transform: translateX(3%);
            transform: translateX(3%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes company-image-pc {
  0% {
    opacity: 0;
    -webkit-transform: translateX(3%);
            transform: translateX(3%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes company-image-pc {
  0% {
    opacity: 0;
    -webkit-transform: translateX(3%);
            transform: translateX(3%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@media print, screen and (min-width: 768px) {
  .p-home-mv {
    height: min(37vw, 47rem);
    max-height: 100dvh;
  }
  .p-home-mv__texts {
    width: min(80%, 1600px);
  }
  .p-home-mv__catch {
    left: 20px;
    width: min(48vw, 722px);
    height: 122px;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
  .p-home-mv__line-sp {
    display: none;
  }
  .p-home-mv__line-pc {
    display: block;
  }
  .p-home-news .c-title01__text02 {
    font-size: min(4vw, 3.6rem);
  }
  .p-home-news__button-area {
    text-align: left;
  }
  .p-home-service__image {
    right: auto;
    left: 0;
  }
  .p-home-service__inner {
    width: min(90%, 120rem);
  }
  .p-home-service__contents {
    width: min(90%, 90rem);
    padding: 5rem 1rem 1rem;
    padding: 1rem;
    margin: 0 0 0 auto;
  }
  .p-home-service__text-area {
    width: 60%;
    margin: 0 0 0 auto;
  }
  .p-home-service .c-title01 {
    position: absolute;
    top: 50%;
    margin-left: min(7vw, 10rem);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .p-home-service .c-title03 {
    margin: 0;
  }
  .p-home-service__button-area {
    right: min(5vw, 3rem);
    left: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .is-active .p-home-service__image {
    -webkit-animation: service-image-pc 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
            animation: service-image-pc 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  }
  .p-home-company__image {
    right: auto;
    left: 0;
  }
  .p-home-company__inner {
    width: min(90%, 120rem);
  }
  .p-home-company__contents {
    width: min(90%, 90rem);
    padding: 5rem 1rem 1rem;
    padding: 1rem;
    margin: 0 0 0 auto;
  }
  .p-home-company__text-area {
    width: 60%;
    margin: 0 0 0 auto;
  }
  .p-home-company .c-title01 {
    position: absolute;
    top: 50%;
    margin-left: min(7vw, 10rem);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .p-home-company__button-area {
    right: min(5vw, 3rem);
    left: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .is-active .p-home-company__image {
    -webkit-animation: company-image-pc 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
            animation: company-image-pc 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
  }
}