body#voice::before {
	width: 100vw;
	height:calc(150vw + 3rem);
	backface-visibility:hidden;
	background:url('img/voice/voice_bg.jpg') no-repeat center 3rem;
	background-size:auto 150vw;
}

/* ********* VOICE ******** */
#voice_text1 {
	bottom:50%;
}

/* **************************************************

  		　　インタビューTOP

************************************************** */
#voice_img {
	position:relative;
	height:calc(150vw + 3rem);

}

/* ********* 優良産廃処理業者認定制度 ******** */
#voice_text2 {
	position:absolute;
	bottom:10%;
	left: 50%;
	transform: translate(-50%, -0%);
	-webkit-transform: translate(-50%, -0%);
	-ms-transform: translate(-50%, -0%);
	z-index:10;
	width:50vw;
	height:auto;
	margin-bottom:calc(3rem + env(safe-area-inset-bottom));
}


/* 業者リスト・インタビュー・漫画のバナー */
section#banner ul {
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
}
section#banner ul li {
	position:relative;
}
.banner_2_cell {
	flex-basis:50%;
}
.banner_1_cell {
	flex-basis:100%;
	width:100%;
}
section#banner ul li.banner_2_cell::after {
	content:'';
	display:block;
	padding-top:100%;
}
section#banner ul li.banner_1_cell::after {
	content:'';
	display:block;
	padding-top:50%;
}
section#banner ul li a {
	position:absolute;
	left:0;
	top:0;
}
section#banner ul li:hover img {
	opacity:1;
}

/* 一番下にくる画像 */
section#banner ul li:hover .hidden_banner {
	display:none;
}
.hidden_banner {
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	width:100%;
	height:100%;
	position:relative;
}
.banner_1_cell .hidden_banner ,
.banner_2_cell .hidden_banner {
	color:#fff;
}

/* こちら */
.kotira {
	width:100%;
	position:absolute;
	bottom:2%;
	left: 50%;
	transform: translate(-50%, -0%);
	-webkit-transform: translate(-50%, -0%);
	-ms-transform: translate(-50%, -0%);
	line-height:1.2em;
}
.kotira img {
	width:1.2em;
	height:1.2em;
	margin-left:0.7em;
}
/* ２番目の画像 */
.kotira_btn {
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	width:100%;
	height:100%;
	position:relative;
}
/* こちら（マウスオーバーで拡大） */
.kotira_hover {
	width:100%;
	position:absolute;
	bottom:2%;
	left: 50%;
	transform: translate(-50%, -0%);
	-webkit-transform: translate(-50%, -0%);
	-ms-transform: translate(-50%, -0%);
	line-height:1.2em;
}
.kotira_btn img {
	width:1.2em;
	height:1.2em;
	margin-left:0.7em;
}
.kotira_btn:hover img {
	transition: all .2s ease-out;
	transform: scale(1.2,1.2);
	opacity:1;
}
.kotira_btn span {
	color:#fff;
}


/* **************************************************

　　　　　　　　　　CSS振り分け

************************************************** */
@media only screen and (min-width: 640px) {

	body#voice::before {
		width: 100%;
		height: 100vh;
		backface-visibility:hidden;
		background:url('img/voice/voice_bg.jpg') no-repeat center top;
		background-size:cover;
	}
	
	#voice_img {
		position:relative;
		height:calc(100vh);
	}

	#voice_text1 {
		top:50%;
		opacity:1;
    }

	/* ********* 優良産廃処理業者認定制度 ******** */
	#voice_text2 {
		position:absolute;
		width:100%;
		z-index:20;
		bottom:10%;
		width:28%;
		height:auto;
		margin-bottom:0;
	}

}