@charset "utf-8";
/* CSS Document */

/* ----- key-visual ----- */

.kv-wrap {
	width: 100%;
	height: 700px;
	position: relative;
	overflow: hidden;
}

img.kv-ph {
	width: 100%;
	height: 700px;
	object-fit: cover;
	object-position: center;
}
h1 {
	position: absolute;
	top: 50%;
	left: 7%;
	transform: translateY(-50%) translateX(-7%);
	-webkit- transform: translateY(-50%) translateX(-7%);
}
h1 img {
	width: 400px;
}
.leadTxet {
	margin: 40px 0;
}

@media screen and (max-width: 1080px) {
	.kv-wrap {
		width: 100%;
		height: 400px;
		position: relative;
		overflow: hidden;
	}
	img.kv-ph {
		width: 100%;
		height: 400px;
	}
	h1 {
		top:  50%;
		left: 10%;
		transform: translateY(-50%) translateX(-10%);
		-webkit- transform: translateY(-50%) translateX(-10%);
	}
	h1 img {
		width: 250px;
	}
}
@media screen and (max-width: 600px) {
	.kv-wrap {
		width: 100%;
		height: 200px;
		position: relative;
		overflow: hidden;
		margin-top: 80px;
	}
	img.kv-ph {
		width: 100%;
		height: auto;
	}
	h1 {
		position:absolute;
		top:  50%;
		left: 10%;
		transform: translateY(-50%) translateX(-10%);
		-webkit- transform: translateY(-50%) translateX(-10%);
	}
	h1.right {
		position:absolute;
		top: 55%;
		left: 5%;
		right: 5%;
		transform: translateY(0%) translateX(0%);
		-webkit- transform: translateY(0%) translateX(0%);
		text-align: right;
	}
	h1 img {
		width: 50%;
	}
}
/* ----- key-visual ----- */

/* ----- profile ----- */
#profile {
	background: repeating-linear-gradient(45deg, #e5e5e5, #e5e5e5 13px, #fff 15px, #fff 30px);
}

.profile_wrap {
	display:flex;
	flex-wrap:wrap;
	align-items: stretch;
	width: 780px;
	margin:0 auto;
	padding: 80px 0;
}
.profile_wrap div:nth-of-type(1){
	width: 280px;
	height: 280px;

}
.profile_wrap div:nth-of-type(1) img {
	width: 280px;
	height: auto;
}

.profile_wrap div:nth-of-type(2){
	width: 500px;
	height: 190px;
	background-image: url(../images/voice/bg_bubble.svg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 35px 40px 25px 60px;
}
.profile_wrap div:nth-of-type(2) span {
	display: block;
	font-size: 20px;
	font-weight: 700;
	color: #D83D8A;
	text-align: left;
	padding-left: 2em;
}
.profile_wrap div:nth-of-type(2) h2 {
	font-size: 26px;
	color: #D83D8A;
	line-height:1.4;
	margin-top: 10px;
}

@media screen and (max-width: 1080px) {
	.profile_wrap {
		display:flex;
		flex-wrap:wrap;
		align-items: stretch;
		width: 90%;
		margin:0 auto;
		padding: 80px 0;
	}
	.profile_wrap div:nth-of-type(1){
		width: 30%;
		height: auto;
	
	}
	.profile_wrap div:nth-of-type(1) img {
		width: 100%;
		height: auto;
	}
	
	.profile_wrap div:nth-of-type(2){
		width: 70%;
		height: auto;
		background-size: contain;
		padding: 45px 60px;
	}
	.profile_wrap div:nth-of-type(2) span {
		display: block;
		font-size: 1.8518518518518516vw;
		font-weight: 700;
		color: #D83D8A;
		text-align: left;
		padding-left: 2em;
	}
	.profile_wrap div:nth-of-type(2) h2 {
		font-size: 3vw;
		color: #D83D8A;
		line-height:1.4;
		margin-top: 5px;
	}
}
@media screen and (max-width: 600px) {
	.profile_wrap {
		display:block;
		flex-wrap:nowrap;
		width: 90%;
		margin:0 auto;
		padding: 40px 0 0;
		align-items: center;
	}
	.profile_wrap div:nth-of-type(1){
		width: 100%;
		height: auto;
	
	}
	.profile_wrap div:nth-of-type(1) img {
		width: 50%;
		height: auto;
	}
	
	.profile_wrap div:nth-of-type(2){
		width: 100%;
		height: 200px;
		background-image: url(../images/voice/bg_bubble_sp.svg);
		background-size: 100%;
		padding: 0px;
	}
	.profile_wrap div:nth-of-type(2) span {
		display: block;
		font-size: 4vw;
		font-weight: 700;
		color: #D83D8A;
		text-align: center;
		padding-top: 2.3em;
		padding-left: 0;
	}
	.profile_wrap div:nth-of-type(2) h2 {
		font-size: 5vw;
		color: #D83D8A;
		line-height:1.4;
		margin-top: 2px;
	}

}
/* ----- interview ----- */

#interview_wrap {
	position: relative;
	width: 1000px;
	margin: 250px auto 120px;
	background-image: url(../images/bg_cross.png);
	background-color: #fff;
	border: #999 1px solid;
	filter: drop-shadow(10px 10px 0px #ddd);
	text-align: left;
}
#interview dl {
	width: 840px;
	margin: 80px auto;
}
#interview dl dt {
	font-weight: 700;
	background-color: #fdb007;
	border-left: #1a2c40 10px solid;
	padding: 20px 40px;
}
#interview dl dd {
	margin: 40px 10px 80px;
}

#intaview_logo {
	position:absolute;
	top: -60px;
    left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
#intaview_logo img {
	width: 240px;
	height: auto;
}

@media screen and (max-width: 1080px) {
	#interview_wrap {
		position: relative;
		width: 90%;
		margin: 180px auto 60px;
	}
	#interview dl {
		width: 90%;
		margin: 80px auto;
	}
	#interview dl dt {
		font-size: 2.2vw;
		font-weight: 700;
		background-color: #fdb007;
		border-left: #1a2c40 10px solid;
		padding: 1em 2em;
	}
	#interview dl dd {
		font-size: 2vw;
		margin: 30px 10px 50px;
	}
	
	#intaview_logo {
		position:absolute;
		top: -40px;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
	}
	#intaview_logo img {
		width: 240px;
		height: auto;
	}
}
@media screen and (max-width: 600px) {
	#interview_wrap {
		position: relative;
		width: 90%;
		margin: 130px auto 60px;
	}
	#interview dl {
		width: 90%;
		margin: 50px auto;
	}
	#interview dl dt {
		font-size: 3.5vw;
		font-weight: 700;
		background-color: #fdb007;
		border-left: #1a2c40 10px solid;
		padding: 1em 2em;
	}
	#interview dl dd {
		font-size: 3.5vw;
		margin: 20px 10px 40px;
	}
	
	#intaview_logo {
		position:absolute;
		top: -30px;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
	}
	#intaview_logo img {
		width: 100%;
		height: auto;
	}
}

/* ----- interview ----- */

/* ----- /voice ----- */
#voice h4 img {
	width: 40%;
}
#list {
	width: 1100px;
	margin: 20px auto 0;
	display:flex;
	flex-wrap:wrap;
	align-items: stretch;
}
#list div {
	position: relative;
	width: calc(1080px / 7);
	background-color: #fdb007;
	line-height: 0;
	margin: 0 1px;
	align-items: center;
	border-radius: 10px;
	overflow: hidden;
}
#list div img {
	width: 100%;
}
#list div span {
	display:block;
	padding: 5px;
	font-size: 12px;
	line-height: 1.2;
}
@media screen and (max-width: 1080px) {
	#list {
		width: 90%;
	}
	#list div {
		position: relative;
		width: 23%;
		background-color: #fdb007;
		line-height: 0;
		margin: 0 1% 5px;
		align-items: center;
		border-radius: 10px;
    	overflow: hidden;
		}
	}

@media screen and (max-width: 600px) {
	#voice {
		display: none; }
}
/* ----- /list ----- */


#btn_review {
	margin: 40px auto 80px;
}

#btn_review img {
    width: 350px!important;
}

#btn {
    margin-bottom: 80px;
}

#btn img {
    width: 150px!important;
}

@media screen and (max-width: 600px) {
#btn_review {
	margin: 40px auto;
}
#btn_review img {
    width: 80%!important;
}
#btn {
    margin-bottom: 40px;
}
#btn img {
    width: 100px!important;
}
	
}