@charset "UTF-8";

.wrap {
  max-width: 1140px;
  padding: 0 20px;
}

.mv {
  position: relative;
  z-index: 2;
}
.mv_content {
  position: relative;
}

.mv_img {
  min-height: 520px;
  position: relative;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .mv_img {
    min-height: unset;
  }
}

@media screen and (min-width: 1440px) {
  .mv_img img {
    object-position: 0;
  }
}

.mv_img > img {
  z-index: 0;
  opacity: 0;
  min-height: 520px;
}

@media screen and (min-width: 768px) {
  .mv_img > img {
    min-height: 800px;
  }
}

.slideshow {
  height: 100%;
  width: 100%;
  min-height: 520px;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 768px) {
  .slideshow {
    height: 110vh;
  }
}

.slideshow_image {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-animation-name: kenburns;
  animation-name: kenburns;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 25s;
  animation-duration: 25s;
  opacity: 1;
  transform: scale(1.2);
}

.slideshow_image:nth-child(1) {
  -webkit-animation-name: kenburns-1;
  animation-name: kenburns-1;
  z-index: 4;
  background-position: 70%;
  background-image: url(../../assets/images/top/img_mv01_sp.webp);
}
@media screen and (min-width: 768px) {
  .slideshow_image:nth-child(1) {
    background-image: url(../../assets/images/top/img_mv01.webp);
  }
}

.slideshow_image:nth-child(2) {
  -webkit-animation-name: kenburns-2;
  animation-name: kenburns-2;
  z-index: 3;
  background-image: url(../../assets/images/top/img_mv02_sp.webp);
}
@media screen and (min-width: 768px) {
  .slideshow_image:nth-child(2) {
    background-image: url(../../assets/images/top/img_mv02.webp);
  }
}

.slideshow_image:nth-child(3) {
  -webkit-animation-name: kenburns-3;
  animation-name: kenburns-3;
  z-index: 2;
  background-position: center;
  background-image: url(../../assets/images/top/img_mv03_sp.webp);
}
@media screen and (min-width: 1000px) {
  .slideshow_image:nth-child(3) {
    background-image: url(../../assets/images/top/img_mv03.webp);
  }
}

.slideshow_image:nth-child(4) {
  -webkit-animation-name: kenburns-4;
  animation-name: kenburns-4;
  z-index: 1;
  background-position: 25%;
  background-position: 25%;
  background-image: url(../../assets/images/top/img_mv04_sp.webp);
}

@media screen and (min-width: 768px) {
  .slideshow_image:nth-child(4) {
    background-image: url(../../assets/images/top/img_mv04.webp);
  }
}

.mv_desc {
  color: #FFF;
  position: absolute;
  top: 54%;
  right: 4.1666666667vw;
  transform: translate(0, -50%);
  font-family: "Myriad Pro", "Noto Sans JP", sans-serif;
  z-index: 99;
}
@media screen and (min-width: 768px) {
  .mv_desc {
    top: 60%;
    right: 5.2083333333vw;
  }
}
@media screen and (min-width: 1200px) {
  .mv_desc {
    right: 8.125vw;
  }
}
@media screen and (min-width: 1440px) {
  .mv_desc {
    right: 18.125vw;
  }
}
.mv_desc .mv_txt01 {
  line-height: 1.0909090909;
  line-height: 0.92;
  font-size: 6rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .mv_desc .mv_txt01 {
    font-size: 8rem;
  }
}
@media screen and (min-width: 1440px) {
  .mv_desc .mv_txt01 {
    font-size: clamp(9rem,
        6.25vw + 0rem,
        12rem);
  }
}
.mv_desc .mv_txt02 {
  line-height: 2.125;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 768px) {
  .mv_desc .mv_txt02 {
    font-size: 4rem;
    padding-left: 7px;
  }
}
.mv_desc_decor {
  width: 104.1666666667vw;
  position: absolute;
  top: 50%;
  left: calc(50% - 30px);
  transform: translate(-50%, -50%) scale(1.1);
  pointer-events: none;
  max-width: 530px;
}
@media screen and (min-width: 768px) {
  .mv_desc_decor {
    left: calc(50% - 70px);
    max-width: 750px;
  }
}
@media screen and (min-width: 1200px) {
  .mv_desc_decor {
    transform: translate(-50%, -50%) scale(1.4);
    width: 41.6666666667vw;
    top: calc(50% - 3.35vw);
    left: calc(50% - 4.5vw);
    max-width: unset;
  }
}
@media screen and (min-width: 1440px) {
  .mv_desc_decor {
    top: calc(50% - 6.35vw);
  }
}

.decor {
  position: absolute;
  z-index: 0;
}
.decor01 {
  width: 25.5208333333vw;
  left: 2.96875vw;
  top: 10.643776824%;
  z-index: 0;
}
.decor02 {
  width: 28.4375vw;
  right: 2.34375vw;
  bottom: -10px;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .decor02 {
    bottom: -7.0386266094%;
  }
}

@media screen and (max-width: 428px) {
  .decor01 {
    width: 45.5208333333vw;
  }
  .decor02 {
    width: 48.4375vw;
  }
}

.decor01 img ,.decor02 img{
animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(10%);
  }
}

.p_top01 {
  width: 100%;
  position: relative;
  z-index: 3;
  margin: -160px 0 60px;
}
@media screen and (min-width: 768px) {
  .p_top01 {
    margin: -200px 0 60px;
  }
}
@media screen and (min-width: 1024px) {
  .p_top01 {
    margin: -260px 0 128px;
  }
}
.p_top01::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -20px;
  left: 0;
  z-index: -2;
  mask-image: url(../../assets/images/top/bg_01.webp);
  -webkit-mask-image: url(../../assets/images/top/bg_01.webp);
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-position: top center;
  -webkit-mask-position: top center;
  backdrop-filter: blur(30px) brightness(1.3);
  -webkit-backdrop-filter: blur(30px) brightness(1.3);
}
.p_top01 .wrap {
  position: relative;
  z-index: 1;
}
.p_top01 .overlay {
  mix-blend-mode: overlay;
}
.p_top01_frame {
  max-width: 749px;
  margin: 0 auto;
}
.p_top01_content {
  padding: 150px 20px 60px;
  color: #FFF;
  width: 100%;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p_top01_content {
    padding: 198px 0 192px;
  }
}
.p_top01_content::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../../assets/images/top/bg_01.webp) no-repeat center;
  background-size: cover;
  background-position: top center;
  z-index: -1;
}
.p_top01_ttl {
  font-family: "Source Han Serif", "Noto Serif", serif;
  font-weight: 400;
  line-height: 1.3636363636;
  font-size: 2.5rem;
  padding-bottom: 40px;
  mix-blend-mode: overlay;
}
@media screen and (min-width: 768px) {
  .p_top01_ttl {
    padding-bottom: 84px;
    font-size: 5.5rem;
  }
}
.p_top01_txt {
  font-size: 1.6rem;
  line-height: 2.5;
  width: 100%;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p_top01_txt {
    font-size: 1.8rem;
  }
}

.p_top02 {
  position: relative;
  margin-bottom: 120px;
}
@media screen and (min-width: 768px) {
  .p_top02 {
    margin-bottom: 194px;
  }
}
.p_top02::after {
  content: "";
  position: absolute;
  width: 83.3333333333%;
  height: 106.5%;
  right: 0;
  top: 0;
  background: url(../../assets/images/top/bg_02.webp) no-repeat;
  background-size: contain;
  background-position: top right;
  z-index: -1;
}
@media screen and (min-width: 1200px) {
  .p_top02::after {
    width: 52.1875%;
    background-size: contain;
  }
}
.p_top02 .c_ttl_jp {
  color: #005CA2;
}
.p_top02 .c_ttl_jp img{
  max-width: 475px;
}
@media screen and (max-width: 428px) {
.p_top02 .c_ttl_jp img{
  max-width: 250px;
}
}

.p_top02_content {
  width: 100%;
  margin: 40px 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_top02_content {
    margin: 41px 0 57px;
  }
}
.p_top02 .item01 {
  margin-bottom: 40px;
}
.p_top02 .slide_item {
  width: 86.2727272727%;
  max-width: 90.5454545455%;
}
@media screen and (min-width: 768px) {
  .p_top02 .item01 {
    margin-bottom: 71px;
  }
}
.p_top02 .slick-list {
  overflow: visible;
}
.crosstalk_slide_js .slick-list {
  padding-right: 0!important;
}
.crosstalk_slide_js .slide_item:first-child {
  margin-right: 20px !important;
}

@media screen and (min-width: 768px) {
  .crosstalk_slide_js .slide_item:first-child {
    margin-right: 40px!important;
  }
  .p_top02 .item03 {
    width: 86.2727272727%;
  }
}
@media screen and (min-width: 768px) {
  .p_top02 .item03 .img {
    width: 55.8482613277%;
  }
}
.p_top02 .item03 .desc {
  width: 44.2571127503%;
}
@media screen and (min-width: 768px) {
  .p_top02 .item03 .desc {
    padding: 0 20px 18px;
  }
}
@media screen and (min-width: 1200px) {
  .p_top02 .item03 .desc {
    padding: 0 0 18px 52px;
  }
}
@media screen and (min-width: 768px) {
  .p_top02 .item03 .p_top02_frame::after {
    left: calc(10.5374077977% + 15px);
  }
}
@media screen and (min-width: 768px) {
  .p_top02 .item03 .p_top02_frame::before {
    left: calc(12.6448893572% + 35px);
  }
}
@media screen and (min-width: 768px) {
  .p_top02 .item03 .img_txt {
    bottom: 14px;
  }
}
@media screen and (min-width: 768px) {
  .p_top02 .item03 .tag {
    margin-left: 7px;
  }
}
.p_top02_item {
  width: 100%;
  position: relative;
  border-radius: 30px;
  background: #FFF;
  box-shadow: 5px 10px 15px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) {
  .p_top02_item {
    max-width: 90.5454545455%;
  }
}

.p_top02_item:hover .img img {
  scale: 1.1;
}
.p_top02_frame {
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 3;
  transition: 0.5s;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p_top02_frame:hover .icon {
    transform: translate(-25px, -50%);
  }
  .p_top02_frame:hover::after {
    opacity: 1;
  }
}
.p_top02_frame::after {
  content: "";
  position: absolute;
  width: 40.562248996%;
  height: 100%;
  top: 0;
  left: calc(10.5374077977% - 12px);
  background: url(../../assets/images/top/img_wave.webp) no-repeat;
  background-size: 100% 100%;
  z-index: 1;
  pointer-events: none;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
@media screen and (min-width: 768px) {
  .p_top02_frame::after {
    width: 100%;
    background-size: contain;
    left: calc(4.2149631191% + 15px);
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
  }
}
.p_top02_frame::before {
  content: "";
  position: absolute;
  width: 40.562248996%;
  height: 100%;
  top: 0;
  left: calc(10.5374077977% - 5px);
  z-index: -1;
  mask-image: url(../../assets/images/top/img_wave.webp);
  -webkit-mask-image: url(../../assets/images/top/img_wave.webp);
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: top left;
  -webkit-mask-position: top left;
  backdrop-filter: blur(30px) brightness(1.0);
  -webkit-backdrop-filter: blur(30px) brightness(1.0);
  pointer-events: none;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
@media screen and (min-width: 768px) {
  .p_top02_frame::before {
    left: calc(10.5374077977% + 20px);
  }
}
.p_top02_frame .desc {
  position: absolute;
  height: 100%;
  width: 40.562248996%;
  left: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 99;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
@media screen and (min-width: 768px) {
  .p_top02_frame .desc {
    padding-right: 10px;
    background: #fff;
  }
}
@media screen and (min-width: 1200px) {
  .p_top02_frame .desc {
    padding-bottom: 80px;
    padding-left: 33px;
  }
}
.item03 .p_top02_frame .desc {
  padding-right: 15px;
}
.p_top02_frame .tag {
  background-color: #005CA2;
  color: #FFF;
  font-size: 1.4rem;
  line-height: 1;
  width: 90%;
  min-width: 100px;
  max-width: 120px;
  border-radius: 100px;
  padding: 4px;
  text-align: center;
  margin-bottom: 15px;
  letter-spacing: -0.1rem;
}
@media screen and (min-width: 768px) {
  .p_top02_frame .tag {
    width: 100%;
    max-width: 200px;
    letter-spacing: unset;
  }
}
@media screen and (min-width: 1200px) {
  .p_top02_frame .tag {
    max-width: 270px;
    padding: 5px 5px;
    font-size: clamp(1.8rem,
        1.6203703704vw + 0.5555555556rem,
        2.5rem);
  }
}
.p_top02_frame .name {
  font-weight: 700;
  line-height: 1.3714285714;
  color: #005CA2;
  font-size: 1.4rem;
  letter-spacing: -0.11rem;
}
@media screen and (min-width: 768px) {
  .p_top02_frame .name {
    font-size: 2.4rem;
    letter-spacing: unset;
  }
}
@media screen and (min-width: 1200px) {
  .p_top02_frame .name.no_wrap {
    white-space: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .p_top02_frame .name {
    font-size: clamp(2.4rem,
        2.5462962963vw + 0.4444444444rem,
        3.5rem);
    padding-left: 7px;
  }
}
.p_top02_frame .icon {
  position: absolute;
  top: calc(50% - 1px);
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: linear-gradient(130deg, rgb(78, 122, 232) 0%, rgb(118, 217, 254) 100%);
  z-index: 4;
  border-radius: 100%;
  transition: 0.5s;
  right: -38%;
}
.item03 .p_top02_frame .icon {
  right: -30%;
}

@media screen and (min-width: 500px) {
  .p_top02_frame .icon {
    right: -30%;
  }
  .item03 .p_top02_frame .icon {
    right: -20%;
  }
}
@media screen and (min-width: 768px) {
  .p_top02_frame .icon {
    width: 50px;
    height: 50px;
    right: -12vw;
  }
  .item03 .p_top02_frame .icon {
    right: -12vw;
  }
}
@media screen and (min-width: 1200px) {
  .p_top02_frame .icon {
    width: 86px;
    height: 86px;
    right: -40%;
  }
  .item03 .p_top02_frame .icon {
    right: -40%;
  }
}
.p_top02_frame .icon::after, .p_top02_frame .icon::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 2px;
  border-radius: 3px;
  background: #FFF;
  left: calc(49% + 2px);
}
@media screen and (min-width: 1200px) {
  .p_top02_frame .icon::after, .p_top02_frame .icon::before {
    width: 24px;
    height: 3px;
  }
}
.p_top02_frame .icon::after {
  transform: translate(-50%, -50%) rotate(-40deg);
  top: calc(49% + 4px);
}
@media screen and (min-width: 1200px) {
  .p_top02_frame .icon::after {
    top: calc(49% + 7px);
  }
}
.p_top02_frame .icon::before {
  transform: translate(-50%, -50%) rotate(40deg);
  top: calc(49% - 4px);
}
@media screen and (min-width: 1200px) {
  .p_top02_frame .icon::before {
    top: calc(49% - 7px);
  }
}
.p_top02_frame .img {
  width: 59.437751004%;
  position: relative;
  z-index: -2;
  overflow: hidden;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.p_top02_frame .img img {
  min-height: 190px;
  object-fit: cover;
  object-position: top 0 right -15px;
  transition: 300ms ease;
  scale: 1.05;
}
.p_top02_frame .img_txt {
  color: #FFF;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
@media screen and (min-width: 768px) {
  .p_top02_frame .img img {
    object-position: top center;
  }
  .p_top02_frame .img_txt {
    bottom: 29px;
    right: 28px;
  }
}
.p_top02_frame .img_txt_jp {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p_top02_frame .img_txt_jp {
    font-size: 2rem;
  }
}
.p_top02_frame .img_txt_en {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .p_top02_frame .img_txt_en {
    font-size: 4rem;
  }
}

.p_top03 {
  position: relative;
  padding: 60px 0 80px;
}
@media screen and (min-width: 768px) {
  .p_top03 {
    padding: 139px 0 215px;
  }
}
.p_top03::after {
  content: "";
  position: absolute;
  width: 125vw;
  height: 131vw;
  left: -25.8vw;
  top: -10vw;
  background: url(../../assets/images/top/bg_03.webp) no-repeat;
  background-size: contain;
  background-position: top right;
  z-index: -1;
  max-width: 650px;
}
@media screen and (min-width: 768px) {
  .p_top03::after {
    max-width: 800px;
    left: clamp(-10rem,
        -85.9375vw + 56rem,
        -32rem);
    top: clamp(-8rem,
        -7.8125vw + -2rem,
        -10rem);
  }
}
@media screen and (min-width: 1200px) {
  .p_top03::after {
    max-width: unset;
    width: 68.614583%;
    height: 100%;
    left: -11.8vw;
    top: -4.5%;
  }
}
.p_top03 .c_ttl {
  color: #FFF;
}
.p_top03 .c_ttl_sub {
  opacity: 0.5;
  padding-bottom: 0;
}
.p_top03 .c_ttl_en {
  margin-left: -2px;
}
.p_top03_content {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin: 60px 0 40px;
}
@media screen and (min-width: 768px) {
  .p_top03_content {
    gap: 30px;
    flex-direction: row;
    margin: 54px 0 96px;
  }
}
@media screen and (min-width: 1200px) {
  .p_top03_content {
    gap: 47px;
    width: calc(100% + 44px);
  }
}
.p_top03_item {
  background: #FFF;
  border-radius: 15px;
  max-width: 350px;
  margin: 0 auto;
}
.p_top03_item:hover .img img {
  scale: 1.1;
}
.p_top03_frame {
  position: relative;
  background: #FFF;
  z-index: 1;
  border-radius: 15px;
  box-shadow: 7px 7px 20px 0 rgba(0, 0, 0, 0.16);
  transition: 0.5s;
}
@media screen and (min-width: 768px) {
  .p_top03_frame {
    margin: 0;
  }
  .p_top03_frame:hover .icon {
    transform: translate(5px, -50%);
  }
}
.p_top03_frame::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: calc(18.540433925% - 15px);
  left: 0;
  background: url(../../assets/images/top/img_wave02.webp) no-repeat;
  background-size: contain;
  z-index: 1;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p_top03_frame::after {
    top: 28.4023668639%;
  }
}
@media screen and (min-width: 1024px) {
  .p_top03_frame::after {
    top: 18.540433925%;
  }
}
.p_top03_frame::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: calc(18.540433925% - 5px);
  left: 0;
  z-index: 0;
  mask-image: url(../../assets/images/top/img_wave02.webp);
  -webkit-mask-image: url(../../assets/images/top/img_wave02.webp);
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: top left;
  -webkit-mask-position: top left;
  backdrop-filter: blur(30px) brightness(1.1);
  -webkit-backdrop-filter: blur(30px) brightness(1.1);
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p_top03_frame::before {
    top: calc(28.4023668639% + 10px);
  }
}
@media screen and (min-width: 1024px) {
  .p_top03_frame::before {
    top: calc(18.540433925% + 10px);
  }
}
.p_top03 .desc {
  text-align: center;
  padding: 10px 0 0;
  position: relative;
  z-index: 2;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-color: #FFF;
}
@media screen and (min-width: 768px) {
  .p_top03 .desc {
    padding: 25px 20px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .p_top03 .desc {
    padding: 25px 0 29px;
  }
}
.p_top03 .name {
  padding-bottom: 5px;
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p_top03 .name {
    font-size: clamp(2rem,
        1.5625vw + 0.8rem,
        2.4rem);
  }
}
.p_top03 .tag {
  background-color: #005CA2;
  color: #FFF;
  line-height: 1;
  max-width: 270px;
  margin: 0 auto;
  border-radius: 20px;
  padding: 8px 0px 10px 3px;
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p_top03 .tag {
    margin-bottom: 15px;
    font-size: clamp(1.4rem,
        0.78125vw + 0.8rem,
        1.6rem);
  }
}
.p_top03 .icon {
  position: absolute;
  left: 50%;
  top: calc(100% + 51px);
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background: linear-gradient(130deg, rgb(78, 122, 232) 0%, rgb(118, 217, 254) 100%);
  z-index: 4;
  border-radius: 100%;
  transition: 0.5s;
}
@media screen and (min-width: 768px) {
  .p_top03 .icon {
    top: calc(100% + 5vw);
  }
}
@media screen and (min-width: 1200px) {
  .p_top03 .icon {
    width: 68px;
    height: 68px;
    transform: translateY(-50%);
    left: calc(50% - 44px);
    top: calc(100% + 40px);
  }
}
.p_top03 .icon::after, .p_top03 .icon::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 3px;
  border-radius: 3px;
  background: #FFF;
  left: calc(49% + 2px);
}
@media screen and (min-width: 1200px) {
  .p_top03 .icon::after, .p_top03 .icon::before {
    width: 24px;
    height: 3px;
  }
}
.p_top03 .icon::after {
  transform: translate(-50%, -50%) rotate(-40deg);
  top: calc(49% + 4px);
}
@media screen and (min-width: 1200px) {
  .p_top03 .icon::after {
    top: calc(49% + 7px);
  }
}
.p_top03 .icon::before {
  transform: translate(-50%, -50%) rotate(40deg);
  top: calc(49% - 4px);
}
@media screen and (min-width: 1200px) {
  .p_top03 .icon::before {
    top: calc(49% - 7px);
  }
}
.p_top03 .img {
  width: 100%;
  position: relative;
  z-index: -1;
  max-height: 300px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  overflow: hidden;
  margin-top: -10px;
}
@media screen and (min-width: 768px) {
  .p_top03 .img {
    margin-top: unset;
    max-height: unset;
  }
}
.p_top03 .img img {
  transition: 300ms ease;
  scale: 1.05;
}

.p_top04 {
  position: relative;
  width: 100%;
  padding: 40px 0;
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .p_top04 {
    padding: 67px 0 88px;
    margin-bottom: 117px;
  }
}
.p_top04::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 0;
  width: calc(100% + 20px);
  height: 100%;
  background: linear-gradient(126deg, rgb(78, 122, 232) 0%, rgb(118, 217, 254) 100%);
  z-index: -1;
  border-radius: 15px;
}
@media screen and (min-width: 1200px) {
  .p_top04::after {
    width: calc(44% + 724px);
    border: 0;
  }
}
@media screen and (min-width: 1440px) {
  .p_top04::after {
    width: calc(50% + 724px);
  }
}
.p_top04 .c_ttl {
  color: #FFF;
}
.p_top04 .c_ttl_sub {
  opacity: 0.5 !important;
}
@media screen and (min-width: 768px) {
  .p_top04 .c_ttl_sub {
    padding-bottom: 16px;
  }
}
@media screen and (min-width: 768px) {
  .p_top04 .c_ttl_en {
    margin-top: -10px;
    padding-bottom: 4px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) {
  .p_top04 .c_ttl_jp {
    margin-top: -10px;
  }
}
.p_top04_content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  padding: 40px 0 0;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .p_top04_content {
    grid-template-columns: 1fr 1fr;
    padding: 97px 0 0 4px;
    gap: 53px 44px;
  }
}
.p_top04_item {
  width: 100%;
  max-width: 524px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #FFF;
  border-radius: 80px;
  padding: 10px 56px 10px 10px;
  position: relative;
  transition: 0.5s;
}
@media screen and (min-width: 768px) {
  .p_top04_item:hover .icon {
    transform: translate(5px, -50%);
  }
}
@media screen and (min-width: 1200px) {
  .p_top04_item {
    padding: 8.5px 20px;
    gap: 13px;
  }
}
.p_top04_item img {
  width: 50px;
  border-radius: 100vh;
}
@media screen and (min-width: 1200px) {
  .p_top04_item img {
    width: 96px;
  }
}
.p_top04_txt {
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p_top04_txt {
    font-size: clamp(1.6rem,
        0.9259259259vw + 0.8888888889rem,
        2rem);
  }
}
.p_top04 .icon {
  position: absolute;
  right: 10px;
  top: calc(50% - 1px);
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  background: linear-gradient(130deg, rgb(78, 122, 232) 0%, rgb(118, 217, 254) 100%);
  z-index: 4;
  border-radius: 100%;
  transition: 0.5s;
}
@media screen and (min-width: 768px) {
  .p_top04 .icon {
    right: 14px;
  }
}
@media screen and (min-width: 1200px) {
  .p_top04 .icon {
    width: 60px;
    height: 60px;
    right: 20px;
  }
}
.p_top04 .icon::after, .p_top04 .icon::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 3px;
  border-radius: 3px;
  background: #FFF;
  left: calc(49% + 2px);
}
@media screen and (min-width: 1200px) {
  .p_top04 .icon::after, .p_top04 .icon::before {
    width: 24px;
    height: 3px;
  }
}
.p_top04 .icon::after {
  transform: translate(-50%, -50%) rotate(-40deg);
  top: calc(49% + 4px);
}
@media screen and (min-width: 1200px) {
  .p_top04 .icon::after {
    top: calc(49% + 7px);
  }
}
.p_top04 .icon::before {
  transform: translate(-50%, -50%) rotate(40deg);
  top: calc(49% - 4px);
}
@media screen and (min-width: 1200px) {
  .p_top04 .icon::before {
    top: calc(49% - 7px);
  }
}

.p_top05 {
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .p_top05 {
    margin-bottom: 128px;
  }
}
.p_top05_content {
  display: flex;
  gap: 40px 61px;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p_top05_content {
    gap: 0 61px;
    flex-direction: row;
    justify-content: space-between;
  }
}
.p_top05_item {
  width: 100%;
  border-radius: 15px;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  z-index: 5;
  max-width: 360px;
  margin: 0 auto;
  box-shadow: 7px 7px 20px 0 rgba(0, 0, 0, 0.16);
  transition: 0.5s;
}
@media screen and (min-width: 768px) {
  .p_top05_item {
    max-width: unset;
  }
  .p_top05_item:hover .icon {
    transform: translate(5px, -50%);
  }
  .p_top05_item:hover .img img {
    scale: 1.1;
  }
}
.p_top05_item::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: calc(17.2413793103% - 2px);
  background: url(../../assets/images/top/img_wave03.webp) no-repeat;
  background-size: contain;
  z-index: 2;
  pointer-events: none;
}
.p_top05_item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: calc(17.2413793103% + 11px);
  z-index: 1;
  mask-image: url(../../assets/images/top/img_wave03.webp);
  -webkit-mask-image: url(../../assets/images/top/img_wave03.webp);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  backdrop-filter: blur(30px) brightness(1.1);
  -webkit-backdrop-filter: blur(30px) brightness(1.1);
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p_top05_item.item02 .desc {
    padding-left: 15px;
    padding-bottom: 16px;
  }
}
.p_top05_item .desc {
  width: 44.061302682%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  left: 0;
  z-index: 3;
  background: #FFF;
  padding-left: 24px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media screen and (min-width: 768px) {
  .p_top05_item .desc {
    padding-top: 7px;
    width: 45.061302682%;
  }
}
.p_top05_item .name {
  font-weight: 700;
  line-height: 1.3714285714;
  font-size: 2.4rem;
  line-height: 0.9;
  font-family: "Myriad Pro", "Noto Sans JP", sans-serif;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p_top05_item .name {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1200px) {
  .p_top05_item .name {
    font-size: clamp(3.5rem,
        1.3888888889vw + 1.8333333333rem,
        4.5rem);
  }
}
.p_top05_item .txt {
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p_top05_item .txt {
    letter-spacing: -0.04rem;
  }
}
.p_top05_item .icon {
  position: absolute;
  left: calc(100% + 14px);
  top: calc(50% - 1px);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: linear-gradient(130deg, rgb(78, 122, 232) 0%, rgb(118, 217, 254) 100%);
  z-index: 4;
  border-radius: 100%;
  transition: 0.5s;
}
@media screen and (min-width: 768px) {
  .p_top05_item .icon {
    width: 50px;
    height: 50px;
  }
}
.p_top05_item .icon::after, .p_top05_item .icon::before {
  content: "";
  position: absolute;
  width: 11px;
  height: 3px;
  border-radius: 3px;
  background: #FFF;
  left: calc(49% + 2px);
}
@media screen and (min-width: 768px) {
  .p_top05_item .icon::after, .p_top05_item .icon::before {
    width: 15px;
  }
}
.p_top05_item .icon::after {
  transform: translate(-50%, -50%) rotate(-40deg);
  top: calc(49% + 2.6px);
}
@media screen and (min-width: 768px) {
  .p_top05_item .icon::after {
    top: calc(49% + 4px);
  }
}
.p_top05_item .icon::before {
  transform: translate(-50%, -50%) rotate(40deg);
  top: calc(49% - 2.6px);
}
@media screen and (min-width: 768px) {
  .p_top05_item .icon::before {
    top: calc(49% - 4px);
  }
}
.p_top05_item .img {
  width: 53.6398467433%;
  transition: 0.5s;
  overflow: hidden;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
@media screen and (min-width: 768px) {
  .p_top05_item .img {
    width: 65.1340996169%;
    z-index: -1;
  }
}
.p_top05_item .img img {
  transition: 300ms ease;
  scale: 1.05;
}

.p_top06 {
  background: #F3F3F3;
  padding: 60px 0;
}
@media screen and (min-width: 768px) {
  .p_top06 {
    padding: 106px 0 76px;
  }
}
.p_top06_content {
  width: 340px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
  padding-top: 30px;
}
@media only screen and (min-width: 640px) {
  .p_top06_content {
    width: 570px;
    padding-top: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .p_top06-list {
    transform: translateX(-30px);
  }
}
.p_top06 .slide_item {
  max-width: 100%;
  margin-right: 10px;
  margin-left: 10px;
  box-shadow: 10px 20px 30px 0 rgba(0, 0, 0, 0.2);
  border-radius: 15px;
}
@media only screen and (min-width: 640px) {
  .p_top06 .slide_item {
    max-width: 530px;
    margin-left: 20px;
    margin-right: 20px;
  }
}
.p_top06 .slide_item img {
  border-radius: 15px;
}
.p_top06 .slick-list {
  overflow: visible;
}

/* MVアニメーション */
@-webkit-keyframes kenburns-1 {
  0% {
    opacity: 1;
    transform: scale(1.2);
  }

  1.5625% {
    opacity: 1;
  }

  23.4375% {
    opacity: 1;
  }

  26.5625% {
    opacity: 0;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(1.2);
  }

  98.4375% {
    opacity: 0;
    transform: scale(1.2117647059);
  }

  100% {
    opacity: 1;
  }
}

@keyframes kenburns-1 {
  0% {
    opacity: 1;
    transform: scale(1.2);
  }

  1.5625% {
    opacity: 1;
  }

  23.4375% {
    opacity: 1;
  }

  26.5625% {
    opacity: 0;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(1.2);
  }

  98.4375% {
    opacity: 0;
    transform: scale(1.2117647059);
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes kenburns-2 {
  23.4375% {
    opacity: 1;
    transform: scale(1.2);
  }

  26.5625% {
    opacity: 1;
  }

  48.4375% {
    opacity: 1;
  }

  51.5625% {
    opacity: 0;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}

@keyframes kenburns-2 {
  23.4375% {
    opacity: 1;
    transform: scale(1.2);
  }

  26.5625% {
    opacity: 1;
  }

  48.4375% {
    opacity: 1;
  }

  51.5625% {
    opacity: 0;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}

@-webkit-keyframes kenburns-3 {
  48.4375% {
    opacity: 1;
    transform: scale(1.2);
  }

  51.5625% {
    opacity: 1;
  }

  73.4375% {
    opacity: 1;
  }

  76.5625% {
    opacity: 0;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}

@keyframes kenburns-3 {
  48.4375% {
    opacity: 1;
    transform: scale(1.2);
  }

  51.5625% {
    opacity: 1;
  }

  73.4375% {
    opacity: 1;
  }

  76.5625% {
    opacity: 0;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}

@-webkit-keyframes kenburns-4 {
  73.4375% {
    opacity: 1;
    transform: scale(1.2);
  }

  76.5625% {
    opacity: 1;
  }

  98.4375% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1);
  }
}

@keyframes kenburns-4 {
  73.4375% {
    opacity: 1;
    transform: scale(1.2);
  }

  76.5625% {
    opacity: 1;
  }

  98.4375% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1);
  }
}

/*# sourceMappingURL=top.css.map */