@charset "UTF-8";
/* コンテンツ */
.top_slide_bg{position: relative;top:100px;background:url("../img/top_slide_bg_pc.webp");background-repeat: no-repeat;background-size: contain;aspect-ratio: 21.2 / 15.0;}
#topimg {
	position: absolute;
    width: 86%;
    aspect-ratio: 21.2 / 14.3;
	top:0px;
	left:0;
    overflow: hidden;
    transition: all 0.3s;
    margin:0px auto 0;
    padding: 0;
	filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.1));
}
.top_title{position: absolute;top:40%;width: 50%;left: 0%;z-index: 999;}
.swiper-container1 {
	position:relative;
	z-index: 1;
	width: 100%;
    height: 100%;
    overflow: hidden;
}
.swiper-container1 .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.swiper-container1 .swiper-slide span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
}
@keyframes sl_zoom_ani {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);

  }
}



.sd1 span {
    background-image: url("../slide/01_pc.webp");
}
.sd2 span {
    background-image: url("../slide/02_pc.webp");
}
.sd3 span {
    background-image: url("../slide/03_pc.webp");
}
.sd4 span {
    background-image: url("../slide/04_pc.webp");
}





/* 参考事例スライド */

#wrapper02 {
	display: flex;
	flex: 1;
    margin-right: calc(50% - 50vw);
    margin-left: 0%;
  overflow: hidden;
}
.staff-slider__sign{position: relative;height: 480px;width: 250px;margin-right: 2em;}
.staff-slider__sign img{position: absolute; width: 220px;bottom: 0;}
.content_area{
  width: 80%;
  padding: 0px;
  margin: 0% auto 0;

}

.slick-list{
  overflow: visible;
}
.slick-item{margin-right: 2em;}
.slick-item img {
  width: 100%;
}

.slick-prev, .slick-next{
  z-index:100;
}
.slick-prev:before, .slick-next:before{
  color:#75E1D6;
}

.arrow_box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0 0 20px;
    position: relative;
}

.prev-arrow,
.next-arrow {
    display: block;
    width: 50px;
    height: 50px;
    background: #ffffff;
	border: solid 1px #595757
    border-radius: 50%;
    transition: all .3s ease;
    cursor: pointer;
    position:relative;
}

.prev-arrow {
    transform: rotate(180deg);
    margin-right: 20px;
}

.prev-arrow::before,
.next-arrow::before{
    position:absolute;
    content: "";
    width:10px;
    height:10px;
    border-right: 2px solid #595757;
    border-top: 2px solid #595757;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    transform:rotate(45deg);
}
@media screen and (max-width:640px){
	.section_06{position: relative; background:url('../img/sec06_click_sp.webp') no-repeat top right;background-size: 30%;z-index: 0;height: auto;}
  .content_area{
	  width: 100%;
    padding: 0 0px;
  }
  .slick-item p {
    font-size: 14px;
    line-height: 1.4;
    margin: 0px;
    padding: 0%;
  }
.arrow_box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 10px 0 20px;
    position: relative;
}
.prev-arrow,
.next-arrow {
    display: block;
    width: 30px;
    height: 30px;
    background: #ffffff;
    border-radius: 50%;
    transition: all .3s ease;
    cursor: pointer;
    position:relative;
}
.prev-arrow {
    transform: rotate(180deg);
    margin-right: 5px;
}
	}




/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width: 1000px) {
#topimg {
	position: absolute;
    width: 86%;
    aspect-ratio: 21.2 / 14.3;
	top:0px;
	left:0;
    overflow: hidden;
    transition: all 0.3s;
    margin:0px auto 0;
    padding: 0;
	filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.1));
}


}

/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width: 640px) {
.top_slide_bg{position: relative;top:100px;background:url("../img/top_slide_bg_sp.webp");background-repeat: no-repeat;background-size: contain;aspect-ratio: 16.8 / 11.3;}
#topimg {
    position: absolute;
    width: 100%;
    aspect-ratio: 16.8 / 11.3;
	top:0px;
	left:0;
    overflow: hidden;
    transition: all 0.3s;
    margin:0px auto 0;
    padding: 0;
	filter: none;
}
.top_title{position: absolute;top:30%;width: 70%;left: 0%;z-index: 999;}
.sd1 span {
    background-image: url("../slide/01_sp.webp");
}
.sd2 span {
    background-image: url("../slide/02_sp.webp");
}
.sd3 span {
    background-image: url("../slide/03_sp.webp");
}
.sd4 span {
    background-image: url("../slide/04_sp.webp");
}
}