/*--------------------------------------------------------------
FV スライダ
--------------------------------------------------------------*/
.fv_slide{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 830px;
  width: 100%;
  max-width: 597px;
  position: relative;
  overflow: hidden;
  position: absolute;
  right: -100px;
  top: -100px;
}

.swiper{
  height: 100%;
  width: 291px;
  position: absolute!important;
  &.swiper1{
    left: 0;
    top: 0;
  }
  &.swiper2{
    left: calc(50% + 10px);
    top: 0;
  }
}
/* スライドの動き等速 */
.swiper-wrapper {
  transition-timing-function: linear;
}
/* 画像のサイズ調整 */
.swiper-slide {
  img {
    height: 154px;
    width: 291px;
    border-radius: 10px;
  }
}

#mask{
    position: absolute;
    bottom: -8px;
    right: -1px;
    z-index: 2;
}


/*--------------------------------------------------------------
What is T&T Group? スライダ
--------------------------------------------------------------*/

/* スライドの動き等速 
.swiper-wrapper {
  transition-timing-function: linear;
}
*/
/*
.swiper3{
    width: 100%;
    overflow:hidden;
    margin: 0 auto
}
*/
.swiper3{
    margin:50px calc(50% - 50vw);
    width: 100vw;
	overflow: hidden
}
.swiper3 .swiper-slide{
	height: 154px;
    width: 291px !important;
	display: block;
	overflow: hidden
}


/*--------------------------------------------------------------
interview スライダ
--------------------------------------------------------------*/
/*
.swiper4{
    width: 100%;
    height: 460px;
    margin: 0 auto;
	display: block;
	overflow: hidden
}
*/
.swiper4{
    height: 470px;
	margin:50px calc(50% - 50vw) 0  calc(50% - 50vw);
    width: 100vw;
	overflow: hidden
}

.swiper4 .swiper-slide{
    position: relative;
	width: 360px !important;
    height: 390px;
    margin: 0 auto;
    transition: ease-in-out .5s;
	display: block;
	overflow: hidden
}
.swiper4 .swiper-slide:hover{
    opacity: .7
}
.swiper4 .swiper-slide img{
    width: 360px;
    height: 390px;
	object-fit: cover;
}

.swiper4 .swiper-slide h4{
    text-align: center;
    font-weight: bold;
    line-height: 1.4em;
    margin: 5px 0;
	width: 360px;
}
.swiper4 .swiper-slide p{
    text-align: center;
	width: 360px;
}
.red_number{
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  position: absolute;
  z-index: 2;
  top: -30px;
  left:-110px;
  color: var(--red);
  font-size: 94px
}
.red_btn{
    position: absolute;
    bottom: 10px;
    right:10px;
    width: 30px !important;
    height: 30px !important
}

/* スライドの動き等速 
.swiper-wrapper {
  transition-timing-function: linear;
}
*/


/*
.swiper4{
    width: 100%;
    height: 600px;
    overflow:hidden;
    margin: 30px auto
}

.swiper_interview_slide{
    position: relative;
    height: 390px;
    width: 360px;
    margin: 0 auto;
    transition: ease-in-out .5s
}
.swiper_interview_slide img{
    height: 390px;
    width: 360px;
}
.swiper_interview_slide:hover{
    opacity: .7
}
.swiper_interview_slide h4{
    text-align: center;
    font-weight: bold;
    line-height: 1.4em;
    margin: 5px 0
}
.swiper_interview_slide p{
    text-align: center
}
.red_number{
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  position: absolute;
  z-index: 2;
  top: -30px;
  left:10px;
  color: var(--red);
  font-size: 94px
}
.red_btn{
    position: absolute;
    bottom: 10px;
    right:10px;
    width: 30px !important;
    height: 30px !important
}
*/