@charset 'UTF-8';

.blue_border{border-bottom:1px solid #6C7BFF;}
.green_border{border-bottom:1px solid #68D135;}
.yellow_border{border-bottom:1px solid #FFDC41;}
.pink_border{border-bottom:1px solid #EF7988;}


.blue_color{color: #6C7BFF;}
.green_color{color:#68D135;}
.yellow_color{color:#FF8C00;}
.pink_color{color:#EF7988;}

.blue_color_btn{color:#3296FF;}

.green_bg_c{background:#68D135;}
/*----------------------------------------------------------------------------

メインビジュアル(詳細)

-----------------------------------------------------------------------------*/
.main_contents_interview{
	position:relative;
	padding:7em 0 ;
}
@media all and (min-width: 769px) and (max-width: 1280px) {
.main_contents_interview{
	position:relative;
	padding:0em 0 7em;
	}
}

@media screen and (max-width:768px){
.main_contents_interview{
	position:relative;
	padding:0em 0 4em;
	}
}
.mainvisual_interview_copy{
	padding:80px 0 0;
	font-size:1.7rem;
	font-weight:700;
}
@media all and (min-width: 769px) and (max-width: 1280px) {
.mainvisual_interview_copy{
	font-size:1.4rem;
	}
}
@media screen and (max-width:768px){
.mainvisual_interview_copy{
	font-size:.9rem;
	}
}

.main_contents_interview .members_number{
	text-align:center;
	max-width:250px;
	margin: 60px auto 0;
	/*filter: drop-shadow(1px 1px 0px white) drop-shadow(-1px -1px 0px white) drop-shadow(-1px 1px 0px white) drop-shadow(1px -1px 0px white);*/
}

.main_contents_interview  .rightstyle{
	margin: 60px 0 0 auto ;
}

@media all and (min-width: 769px) and (max-width: 1280px) {
.main_contents_interview .members_number img{
	max-width:70%;
	}

}
@media all and (min-width: 769px) and (max-width: 1280px) {
.main_contents_interview .members_number{
	margin:70px auto 0 ;
	}
.main_contents_interview  .rightstyle{
	margin: 70px 0 0 auto ;
	}
}

@media screen and (max-width:768px){
.main_contents_interview .members_number{
	margin:150px auto 0 ;
}
.main_contents_interview .members_number img{
	max-width:50%;
	}
.main_contents_interview  .rightstyle{
	margin: 150px 0 0 auto ;
	}
}


.main_contents_interview .members_number span{
	text-align:left;
	display:block;
}
.main_contents_interview .members_name{
	position:absolute;
	left:0;
	bottom:0;
	font-weight:500;
}
@media all and (min-width: 769px) and (max-width: 1280px) {
.main_contents_interview .members_name{
	bottom:-10px;
	}

}
@media screen and (max-width:768px){
.main_contents_interview .members_name{
	bottom:-10px;
	}
}

.main_contents_interview .members_name span{
	font-weight:700;
	font-size:1.7rem;
}

/*----------------------------------------------------------------------------

LOOP

-----------------------------------------------------------------------------*/
.scroll-infinity{
	padding: 40px 0;
	background:#FFFAE8;
}
@media screen and (max-width:768px){
.scroll-infinity{
	padding: 20px 0;
	}
}

	@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;

}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}


.scroll-infinity__list--left {
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
.scroll-infinity__item {
  width: calc(100vw / 4);
  margin: 0 10px;
	}

@media screen and (max-width:768px){
.scroll-infinity__item {
  width: calc(100vw / 2);
  margin: 0 5px;
	}
}


.scroll-infinity__item:hover{
  animation: hoverShake 0.15s linear 3;
}
.scroll-infinity__item>img {
  width: 100%;
  border-radius:0px;

}
.scroll-infinity__item a{

}

.post02 .image {
	height: auto;
	overflow: hidden;
}

.post02 .image img {
	max-width: 100%;
	height: auto;
	transition: .3s;
}

.post02:hover .image img {
	transform: scale(1.1);
}