/* home_topview */
.top {
	/* padding: 10px 0 0; */
}

.top_firstview-wrapper {
	position: relative;
	/* width: 90%; */
	/* max-width: 1024px; */
	margin: 0 auto;
	/* border-radius: 20px; */
	/* border: #00827E 1px solid; */
	/* box-shadow: 2px 2px 4px; */
	background-image: url("https://waccel.com/wp-content/themes/waccel_theme/img/header_body.gif");
	background-size: cover;
}

.top_firstview-wrapper::before {
  content: '';
  background-color: rgba(255, 255, 255, 0.4);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}


.home_topview-logo {
	position: relative;
	text-align: center;
	padding: 100px 0 50px;
	z-index: 10;
}

.home_topview-logo img {
	width: 60%;
}

section {
	margin: 60px 0;
}

.top_vision-wrapper {
	position: relative;
	z-index: 10;
	width: 100%;
	margin: 0 auto 30px;
	padding: 10px 0;
	background-color: #00827E;
}

.top_vision-txt {
	font-size: 18px;
	letter-spacing: 0.2px;
	line-height: 1.3;
	text-align: center;
	color: #fff;
}


/* home_section_common */
.home_section-ttl {
	background-color: #00827E;
	color: white;
	display: inline-block;
	font-family: 'jockey one',sans-serif;
	font-size: 20px;
	letter-spacing: 10px;
	margin: 0 auto 30px;
	padding: 2px 15px 2px 30px;
	text-align: center;
}

.home_section {
	width: 100%;
  text-align: center;
  margin: 30px 0;
}

.home_section-link {
	text-align: right;
	font-size: 0.8rem;
	margin: 0 1rem;
}

.home_section-link　a {
	color: #03827D;
	
}

/* home_banner */
.top_banner-img {
	width: 90%;
	margin: 0 auto;
}

.top_banner-img img {
	 width: 100%;
    border-radius: 0;
}

/* home_news */
.home_news-item a {
	display: flex;
	width: 100%;
	max-width: 800px;
	margin: 0 auto 32px;
	text-decoration: none;
	color: #000000;
}

.home_news-item-img {
	width: 40%;
	max-width: 320px;
	background-color: #fff;
	position: relative;
}

.home_news-item-img:before {
	content: "";
	display: block;
	padding-top: 56.25%;
}

.home_news-item-img img {
  width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.home_news-item-box {
	background-color: #fff;
	text-align: left;
	width: 60%;
	padding: 1rem 1rem;
}

.home_news-item-date {
	font-size: 12px;
}

.home_news-item-ttl {
	font-size: 22px;
	margin: 8px 0;
}

/* home_project */
.home_project-slider{
	width: 60%;
	height: 500px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.home_project-slider__content{
	min-width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(100%);
	background-color: #fff;
}

.home_project-slider__content:nth-child(1){
	animation: home_project-sliderAnime 18s ease-in-out infinite;
	z-index: 6;
}

.home_project-slider__content:nth-child(2){
	animation: home_project-sliderAnime2 18s ease-in-out 3s infinite;
	z-index: -1;
}

.home_project-slider__content:nth-child(3){
	animation: home_project-sliderAnime2 18s ease-in-out 9s infinite;
	z-index: -1;
}

@keyframes home_project-sliderAnime{
	0%{
			z-index: 5;
			transform: translateX(0);
	}
	16.6%{
			transform: translateX(0);
	}
	33.3%{
			transform: translateX(-100%);
	}
	50%{
			z-index: -1;
			transform: translateX(-100%);
	}
	66.6%{
			transform: translateX(100%);
	}
	83.2%{
			z-index: 5;
			transform: translateX(100%);
	}
	100%{
			z-index: 5;
			transform: translateX(0);
	}
}

@keyframes home_project-sliderAnime2{
	0%{
			z-index: 5;
			transform: translateX(100%);
	}
	16.6%{
			transform: translateX(0);
	}
	33.3%{
			transform: translateX(0);
	}
	50%{
			transform: translateX(-100%);
	}
	66.6%{
			z-index: -1;
			transform: translateX(-100%);
	}
	83.2%{
			transform: translateX(100%);
	}
	100%{
			z-index: 5;
			transform: translateX(100%);
	}
}

.home_project-slider__content img{
	max-width: 100%;
	min-width: 100%;
	object-fit: contain;
}


/* home_collaborator */

.home_collaborator-list {
	display: flex;
	justify-content: space-between;
	width: 90%;
	margin: 1rem auto;
}

.home_collaborator-item {
	width: 23%;
}

.home_collaborator-item img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
}

.top_book .book_items::after {
  width: 16%;
  margin-right: 0;
  margin-left: 0.5%;
}

.top_book .book_item {
	width: 16%;
  margin-right: 0;
  margin-left: 0.5%;
}


/* tablet */
@media screen and (min-width: 450px) and (max-width: 950px) {

	.home_news-item a {
		width: 90%;
		margin: 1rem auto;
	}

	.home_news-item-date {
		font-size: 12px;
	}
	
	.home_news-item-ttl {
		font-size: 16px;
		margin: 8px 0;
	}

	.home_project-slider {
		height: 450px;
	}
}

@media screen and (max-width: 449px) {
	.home_news-item a {
		width: 90%;
		margin: 0 auto 24px;
		flex-direction: column;
	}
	
	.home_news-item-date {
		font-size: 12px;
	}
	
	.home_news-item-ttl {
		font-size: 16px;
		margin: 8px 0;
	}
	
	.home_news-item-img {
		width: 100%;
		max-width: initial;
	}

	.home_news-item-box {
		width: 100%;
	}

	.home_project-slider {
		height: 230px;
	}

	.top_book .book_items::after {
		width: 32%;
	}
	
	.top_book .book_item {
		width: 32%;
	}
}


/* mobile対応 */
@media screen and (max-width: 950px) {
	.home_topview-logo {
		position: relative;
		text-align: center;
		padding: 40px 0 20px;
		z-index: 10;
	}
	
	.home_topview-logo img {
		width: 90%;
	}

	.top_vision-wrapper {
		margin: 0 auto 20px;
		padding: 8px 0;
	}
	
	.top_vision-txt {
		font-size: 16px;
		letter-spacing: 0.1px;
	}
	
	.home_section-ttl {
		margin: 0 auto 10px;
	}
	
	.home_project-slider {
		width: 90%;
	}
	
	.home_collaborator-list {
		flex-wrap: wrap;
	}
	
	.home_collaborator-item {
		width: 45%;
		margin: 1% auto;
	}
}