@charset "UTF-8";
@-webkit-keyframes load {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes load {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes load-opacity {
  0% {
    opacity: 0;
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }
  100% {
    opacity: 1;
    -webkit-filter: none;
    filter: none;
  }
}
@keyframes load-opacity {
  0% {
    opacity: 0;
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }
  100% {
    opacity: 1;
    -webkit-filter: none;
    filter: none;
  }
}
@-webkit-keyframes load-text {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes load-text {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes scroll-before {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  50% {
    -webkit-transform: translate(-50%, 4px);
    transform: translate(-50%, 4px);
  }
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@keyframes scroll-before {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  50% {
    -webkit-transform: translate(-50%, 4px);
    transform: translate(-50%, 4px);
  }
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@-webkit-keyframes scroll-after {
  0% {
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
  }
  50% {
    -webkit-transform: translate(-50%, 4px) rotate(45deg);
    transform: translate(-50%, 4px) rotate(45deg);
  }
  100% {
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
  }
}
@keyframes scroll-after {
  0% {
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
  }
  50% {
    -webkit-transform: translate(-50%, 4px) rotate(45deg);
    transform: translate(-50%, 4px) rotate(45deg);
  }
  100% {
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
  }
  25% {
    -webkit-transform: translateY(-50%) rotate(15deg);
    transform: translateY(-50%) rotate(15deg);
  }
  50% {
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
  }
  75% {
    -webkit-transform: translateY(-50%) rotate(-15deg);
    transform: translateY(-50%) rotate(-15deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
  }
  25% {
    -webkit-transform: translateY(-50%) rotate(15deg);
    transform: translateY(-50%) rotate(15deg);
  }
  50% {
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
  }
  75% {
    -webkit-transform: translateY(-50%) rotate(-15deg);
    transform: translateY(-50%) rotate(-15deg);
  }
  100% {
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
  }
}
.l-home .l-header__inner {
  opacity: 0;
  -webkit-transform: translateY(-60px);
  transform: translateY(-60px);
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.l-home.delay .l-header__inner {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.p-home {
  width: 100%;
}
.p-home_visual {
  width: 100%;
  height: calc(100vh - 100px);
  height: calc(100svh - 100px);
  min-height: clamp(518px, 41.8918918919vw, 620px);
  background: #f1f5fb;
  margin-bottom: clamp(78px, 10.3333333333vw, 124px);
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .p-home_visual {
    height: calc(100vh - 50px);
    height: calc(100svh - 50px);
    min-height: 518px;
  }
}
@media print {
  .p-home_visual {
    height: 600px;
    background: #f1f5fb;
  }
}
.p-home_visual__inner {
  width: 100%;
  height: 100%;
  position: relative;
}
.p-home_visual_movie {
  width: 100%;
  height: 100%;
  max-width: min(100vw, 1920px);
  max-height: min(56.25vw, 1080px);
  overflow: hidden;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-45%, -60%);
  transform: translate(-45%, -60%);
  -webkit-transition: opacity 1s cubic-bezier(0.2, 0.71, 0.4, 0.96), -webkit-transform 1s cubic-bezier(0.2, 0.71, 0.4, 0.96);
  transition: opacity 1s cubic-bezier(0.2, 0.71, 0.4, 0.96), -webkit-transform 1s cubic-bezier(0.2, 0.71, 0.4, 0.96);
  transition: transform 1s cubic-bezier(0.2, 0.71, 0.4, 0.96), opacity 1s cubic-bezier(0.2, 0.71, 0.4, 0.96);
  transition: transform 1s cubic-bezier(0.2, 0.71, 0.4, 0.96), opacity 1s cubic-bezier(0.2, 0.71, 0.4, 0.96), -webkit-transform 1s cubic-bezier(0.2, 0.71, 0.4, 0.96);
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
@media screen and (max-width: 1024px) {
  .p-home_visual_movie {
    max-width: none;
    max-height: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
  }
}
@media print {
  .p-home_visual_movie {
    display: none;
  }
}
.delay .p-home_visual_movie {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.p-home_visual_movie__inner {
  width: 100%;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .p-home_visual_movie__inner {
    height: calc(100% - max(25%, 120px));
  }
}
@media screen and (max-width: 640px) {
  .p-home_visual_movie__inner {
    height: calc(100% - max(35%, 255px));
  }
}
.p-home_visual_movie__inner::after {
  content: "";
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 10px 0;
  border-color: #f1f5fb;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .p-home_visual_movie__inner::after {
    content: none;
  }
}
.p-home_visual_movie__youtube {
  width: 100%;
  height: 100%;
  position: relative;
  opacity: 0;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}
@media screen and (max-width: 1024px) {
  .p-home_visual_movie__youtube {
    width: 600px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1024px) and (max-height: 650px), screen and (max-width: 640px) {
  .p-home_visual_movie__youtube {
    width: min(100%, 480px);
  }
}
@media screen and (max-width: 640px) and (max-height: 650px) {
  .p-home_visual_movie__youtube {
    width: min(100%, 320px);
  }
}
@media screen and (max-width: 1024px) and (min-height: 800px) {
  .p-home_visual_movie__youtube {
    width: min(100%, 768px);
  }
}
.delay .p-home_visual_movie__youtube {
  opacity: 1;
}
.p-home_visual_movie__cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 1024px) {
  .p-home_visual_movie__cover {
    height: auto;
    aspect-ratio: 9/16;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
  }
}
.p-home_visual_movie__cover::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.p-home_visual_movie__cover #movie {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
  z-index: 0;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.2, 0.71, 0.4, 0.96) 1.2s;
  transition: -webkit-transform 1s cubic-bezier(0.2, 0.71, 0.4, 0.96) 1.2s;
  transition: transform 1s cubic-bezier(0.2, 0.71, 0.4, 0.96) 1.2s;
  transition: transform 1s cubic-bezier(0.2, 0.71, 0.4, 0.96) 1.2s, -webkit-transform 1s cubic-bezier(0.2, 0.71, 0.4, 0.96) 1.2s;
}
.delay .p-home_visual_movie__cover #movie {
  -webkit-transform: translate(-50%, -50%) scale(1.01);
  transform: translate(-50%, -50%) scale(1.01);
}
.p-home_visual_text {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 clamp(16px, 3.3333333333vw, 40px);
  z-index: 3;
}
@media screen and (max-width: 1024px) {
  .p-home_visual_text {
    height: max(25%, 120px);
    padding-top: 40px;
  }
}
@media screen and (max-width: 640px) {
  .p-home_visual_text {
    height: max(35%, 255px);
    padding-top: 0;
  }
}
.p-home_visual_text__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: min(100%, 1400px);
  height: 100%;
  padding-bottom: 20px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .p-home_visual_text__inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 0;
  }
}
.p-home_visual_text__cont {
  width: clamp(367px, 37.7702702703vw, 559px);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: clip-path 0.2s ease-in-out 1.6s;
  transition: clip-path 0.2s ease-in-out 1.6s;
}
@media screen and (max-width: 640px) {
  .p-home_visual_text__cont {
    width: 200px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
}
.delay .p-home_visual_text__cont {
  clip-path: inset(0);
}
.p-home_visual_scroll {
  width: min(100%, 1280px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  padding: 0 clamp(16px, 3.3333333333vw, 40px);
  pointer-events: none;
  z-index: 3;
  opacity: 0;
  -webkit-transform: translate(-50%, -40px);
  transform: translate(-50%, -40px);
  -webkit-transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out;
  transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}
@media print {
  .p-home_visual_scroll {
    opacity: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.delay .p-home_visual_scroll {
  opacity: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.p-home_visual_scroll__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: clamp(51px, 7.96875vw, 72px);
  pointer-events: auto;
}
.p-home_visual_scroll__inner .cont {
  display: block;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-family: "Lato", YakuHanJP, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, sans-serif;
  font-size: clamp(10px, 1.5625vw, 13px);
  letter-spacing: 0.05em;
  font-weight: bold;
  color: #0ba097;
}
.p-home_visual_scroll__inner::before {
  content: "";
  width: 2px;
  height: clamp(35px, 5.46875vw, 45px);
  background: #0ba097;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2px), 0 100%);
  position: absolute;
  left: 50%;
  bottom: clamp(10px, 1.5625vw, 18px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-animation: scroll-before 1.6s ease-in-out infinite;
  animation: scroll-before 1.6s ease-in-out infinite;
}
.p-home_visual_scroll__inner::after {
  content: "";
  width: 2px;
  height: 9px;
  background: #0ba097;
  position: absolute;
  left: 50%;
  bottom: calc(clamp(10px, 1.5625vw, 18px) + 2px);
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-animation: scroll-after 1.6s ease-in-out infinite;
  animation: scroll-after 1.6s ease-in-out infinite;
}
.p-home_visual_loading {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition: opacity 0.3s ease-in-out 1.6s, visibility 0.3s ease-in-out 1.6s;
  transition: opacity 0.3s ease-in-out 1.6s, visibility 0.3s ease-in-out 1.6s;
}
@media print {
  .p-home_visual_loading {
    display: none;
  }
}
.p-home_visual_loading::before {
  content: "";
  width: 100%;
  height: calc(100% + 100px);
  background: #ffffff;
  position: absolute;
  top: -100px;
  left: 0;
  z-index: 1;
  -webkit-transition: height 0.3s ease-in-out 1.3s;
  transition: height 0.3s ease-in-out 1.3s;
}
@media screen and (max-width: 1024px) {
  .p-home_visual_loading::before {
    height: calc(100% + 50px);
    top: -50px;
  }
}
.delay .p-home_visual_loading::before {
  height: 0;
}
.delay .p-home_visual_loading {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.p-home_visual_loading__inner {
  width: 100%;
  height: 100%;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .p-home_visual_loading__inner {
    padding-bottom: 50px;
  }
}
.p-home_visual_loading__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 180px;
  position: relative;
  -webkit-transition: -webkit-filter 0.4s ease-in-out;
  transition: -webkit-filter 0.4s ease-in-out;
  transition: filter 0.4s ease-in-out;
  transition: filter 0.4s ease-in-out, -webkit-filter 0.4s ease-in-out;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
.delay .p-home_visual_loading__box {
  -webkit-filter: blur(150px);
  filter: blur(150px);
}
.p-home_visual_loading__loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-bottom: 20px;
}
.p-home_visual_loading__loader::before, .p-home_visual_loading__loader::after {
  content: "";
  display: block;
  width: 21.6506351px;
  height: 25px;
  background: #0ba097;
  opacity: 0;
  clip-path: polygon(0% 0%, 100% 50%, 0 100%);
  -webkit-animation: load 1.4s ease-in-out infinite;
  animation: load 1.4s ease-in-out infinite;
}
.p-home_visual_loading__loader::before {
  background: rgba(11, 160, 151, 0.3);
}
.p-home_visual_loading__loader::after {
  background: #0ba097;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.p-home_visual_loading__loader .obj {
  width: 21.6506351px;
  height: 25px;
  background: rgba(11, 160, 151, 0.6);
  opacity: 0;
  clip-path: polygon(0% 0%, 100% 50%, 0 100%);
  -webkit-animation: load 1.4s ease-in-out infinite;
  animation: load 1.4s ease-in-out infinite;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.p-home_visual_loading__text {
  width: 100%;
  font-family: "Lato", YakuHanJP, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, sans-serif;
  font-size: 14px;
  text-align: center;
  opacity: 0;
  -webkit-filter: blur(20px);
  filter: blur(20px);
  -webkit-animation: load-opacity 0.3s ease-in-out forwards, load-text 1.4s infinite;
  animation: load-opacity 0.3s ease-in-out forwards, load-text 1.4s infinite;
}
.p-home_works {
  width: 100%;
  padding: 0 clamp(16px, 3.3333333333vw, 40px);
  position: relative;
}
.p-home_works.fadein.active::before {
  width: 100%;
}
.p-home_works::before {
  content: "";
  width: 0;
  height: 100%;
  background: #ebf9f8;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}
@media screen and (max-width: 1024px) {
  .p-home_works::before {
    -webkit-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
  }
}
@media print {
  .p-home_works::before {
    width: 100% !important;
  }
}
.p-home_works__inner {
  padding: clamp(60px, 6vw, 72px) 0 clamp(60px, 8.3333333333vw, 100px);
  position: relative;
}
.p-home_works__ttl {
  padding-left: 0.04em;
  margin: -0.14em 0 -0.125em;
  font-family: "Lato", YakuHanJP, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, sans-serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-size: clamp(50px, 5.3333333333vw, 64px);
  font-weight: bold;
  letter-spacing: 0.04em;
  color: #0ba097;
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -0.3675em);
  transform: translate(-50%, -0.3675em);
}
@media screen and (max-width: 1024px) {
  .p-home_works__ttl {
    padding-left: 0.025em;
    letter-spacing: 0.025em;
  }
}
@media print {
  .p-home_works__ttl {
    opacity: 1 !important;
    -webkit-transform: translate(-50%, -0.3675em) !important;
    transform: translate(-50%, -0.3675em) !important;
  }
}
.p-home_works__ttl.fadein {
  opacity: 0;
  -webkit-transform: translate(-50%, calc(40px - 0.3675em));
  transform: translate(-50%, calc(40px - 0.3675em));
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.p-home_works__ttl.fadein.active {
  opacity: 1;
  -webkit-transform: translate(-50%, -0.3675em);
  transform: translate(-50%, -0.3675em);
}
.p-home_works__text {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  line-height: 2;
  margin-top: clamp(-8px, -0.6666666667vw, -8px);
  margin-bottom: clamp(24px, 2.5833333333vw, 31px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-home_works__text {
    line-height: 1.625;
    margin-top: clamp(-5px, -0.6510416667vw, -5px);
    margin-bottom: clamp(23px, 3.515625vw, 27px);
    text-align: left;
  }
}
@media print {
  .p-home_works__text {
    opacity: 1 !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
}
.p-home_works__text.fadein {
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.p-home_works__text.fadein.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
@media screen and (max-width: 768px) {
  .p-home_works__text br {
    display: none;
  }
}
.p-home_works__link-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(20px, 4.0364583333vw, 31px) 20px;
}
@media screen and (max-width: 1024px) {
  .p-home_works__link-list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .p-home_works__link-list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 550px) {
  .p-home_works__link-list {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    width: min(100%, 320px);
    margin: 0 auto;
  }
}
@media print {
  .p-home_works__link-list {
    opacity: 1 !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
}
.p-home_works__link-list.fadein {
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.p-home_works__link-list.fadein.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.p-home_works__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0px 3px 6px 0 rgba(105, 141, 139, 0.3);
  box-shadow: 0px 3px 6px 0 rgba(105, 141, 139, 0.3);
  position: relative;
}
.p-home_works__link::before {
  content: "";
  width: 28px;
  height: 2px;
  background: #ffffff;
  clip-path: polygon(0 0, calc(100% - 2px) 0, 100% 100%, 0 100%);
  position: absolute;
  right: 5px;
  bottom: 12px;
  z-index: 1;
  -webkit-transition: width 0.3s ease-in-out, right 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, right 0.3s ease-in-out;
}
.p-home_works__link::after {
  content: "";
  width: 10px;
  height: 2px;
  background: #ffffff;
  position: absolute;
  right: 7px;
  bottom: 12px;
  z-index: 1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out;
}
.p-home_works__link-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 285/190;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-home_works__link-img {
    aspect-ratio: 288/170;
  }
}
.p-home_works__link-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media screen and (hover: hover) and (pointer: fine) {
  .p-home_works__link:hover .p-home_works__link-img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.p-home_works__link-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  min-height: clamp(59px, 6.5833333333vw, 79px);
  padding: 17px 30px 19px 19px;
  background: #ffffff;
  position: relative;
}
.p-home_works__link-txt::before {
  content: "";
  width: 40px;
  aspect-ratio: 1;
  background: #0ba097;
  clip-path: polygon(100% 0%, 100% 100%, 0% 100%);
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
@media screen and (hover: hover) and (pointer: fine) {
  .p-home_works__link:hover .p-home_works__link-txt::before {
    width: 0;
  }
}
.p-home_works__link-txt .cont {
  display: block;
  margin: clamp(-4px, -0.2916666667vw, -3.5px) 0;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-size: clamp(16px, 1.5vw, 18px);
  line-height: 1.44;
  font-weight: bold;
  letter-spacing: 0.05em;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
@media screen and (hover: hover) and (pointer: fine) {
  .p-home_works__link:hover .p-home_works__link-txt .cont {
    color: #41aca4;
  }
}
.p-home_works__link-txt .cont ._small {
  display: inline-block;
  font-size: clamp(14px, 1.3333333333vw, 16px);
}
.p-home_info {
  padding: 0 clamp(16px, 3.3333333333vw, 40px);
}
.p-home_info__inner {
  padding: clamp(60px, 8.3333333333vw, 100px) 0 calc(clamp(78px, 8.3333333333vw, 100px) - 5px);
  position: relative;
}
.p-home_info__ttl {
  margin: -0.14em 0 calc(clamp(40px, 6.3333333333vw, 76px) - 0.125em);
  padding-left: 0.04em;
  font-family: "Lato", YakuHanJP, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, sans-serif;
  font-size: clamp(50px, 5.3333333333vw, 64px);
  font-weight: bold;
  letter-spacing: 0.04em;
  color: #0ba097;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .p-home_info__ttl {
    padding-left: 0.025em;
    letter-spacing: 0.025em;
  }
}
@media print {
  .p-home_info__ttl {
    opacity: 1 !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
}
.p-home_info__ttl.fadein {
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.p-home_info__ttl.fadein.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
@media print {
  .p-home_info__list {
    opacity: 1 !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
}
.p-home_info__list.fadein {
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.p-home_info__list.fadein.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.p-home_info__list > li {
  border-bottom: 1px solid #a4b8c4;
}
.p-home_info__list > li a {
  color: #0ba097;
  text-decoration: underline;
}
.p-home_info__list > li a:hover {
  text-decoration: none;
}
.p-home_info__list > li:first-child {
  border-top: 1px solid #a4b8c4;
}
.p-home_info__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 20px 16px 21px;
  -webkit-transition: background 0.3s ease-in-out, padding 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, padding 0.3s ease-in-out;
}
@media screen and (max-width: 1024px) {
  .p-home_info__link {
    display: -ms-grid;
    display: grid;
    justify-items: start;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    row-gap: 14px;
  }
}
/*@media screen and (hover: hover) and (pointer: fine) {
	.p-home_info__link:hover {
		background: rgba(235, 249, 248, 0.5);
	}
}
@media screen and (hover: hover) and (pointer: fine) {
	.p-home_info__link:hover .ttl {
		color: #41aca4;
	}
}*/
.p-home_info__link > .time {
  margin-right: 12px;
  padding: 2px 0 5px;
  letter-spacing: 0.05em;
}
.p-home_info__link > .cat {
  display: inline-block;
  min-width: 90px;
  height: 23px;
  /*padding: 3px 4px 4px calc(4px + 0.05em);*/
  margin-right: 20px;
  background: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-size: 13px;
  letter-spacing: 0;
  color: #078981;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .p-home_info__link > .cat {
    margin-right: 0;
  }
}
.p-home_info__link > .cat.cat_01 {
  border-color: #0ba097;
  color: #0ba097;
}
.p-home_info__link > .cat.cat_02 {
  border-color: #008ed5;
  color: #008ed5;
}
.p-home_info__link > .cat.cat_03 {
  border-color: #e86f17;
  color: #e86f17;
}
.p-home_info__link > .ttl {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-size: 16px;
  line-height: 1.75;
  margin-top: clamp(-3px, -0.25vw, -3px);
  margin-bottom: clamp(-6px, -0.5vw, -6px);
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
@media screen and (max-width: 1024px) {
  .p-home_info__link > .ttl {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    line-height: 1.625;
    margin-top: clamp(-5px, -0.4166666667vw, -5px);
    margin-bottom: clamp(-5px, -0.4166666667vw, -5px);
  }
}
.p-home_info__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 18px;
}
@media screen and (max-width: 1024px) {
  .p-home_info__bottom {
    margin-top: 15px;
  }
}
.p-home_info__bottom.fadein {
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.p-home_info__bottom.fadein.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.p-home_info__backnumber {
  display: inline-block;
  padding: 5px 37px 5px 0;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-size: 15px;
  letter-spacing: 0.05em;
  position: relative;
  -webkit-transition: padding-right 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: padding-right 0.2s ease-in-out, color 0.2s ease-in-out;
}
@media screen and (hover: hover) and (pointer: fine) {
  .p-home_info__backnumber:hover {
    padding-right: 41px;
    color: #41aca4;
  }
}
@media screen and (hover: hover) and (pointer: fine) {
  .p-home_info__backnumber:hover::before {
    width: 32px;
  }
}
.p-home_info__backnumber::before {
  content: "";
  width: 28px;
  height: 2px;
  background: #0ba097;
  clip-path: polygon(0 0, calc(100% - 2px) 0, 100% 100%, 0 100%);
  position: absolute;
  right: 0;
  bottom: 8px;
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}
.p-home_info__backnumber::after {
  content: "";
  width: 10px;
  height: 2px;
  background: #0ba097;
  position: absolute;
  right: 2px;
  bottom: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: right top;
  transform-origin: right top;
}