@charset "utf-8";
/* CSS Document */
a {
	color: #175b2c;
}
a:hover {
	color: #339966!important;
}

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

  main

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

.contentWrap {
	/* position: relative; */
	margin: 80px auto;
	padding: 80px 0;
	text-align: left;
	background: #f4f7de;
	transform: rotate(0.05deg);
}
.contentWrap h2 {
	width: 100%;
	background: #175b2c;
	padding: 15px 0;
	font-size: 28px;
	font-family: "Sawarabi Mincho";
	text-align: center;
	color: #ffffff;
}
.contentWrap .staff_txt {
	padding: 30px 10px 10px;
	text-align: center;
}
@media screen and (max-width:640px) {
	.contentWrap {
		width: 100%;
		padding: 0;
		margin: 20px auto;
	}
	.contentWrap h2 {
		font-size: 20px;
	}
	.contentWrap .staff_txt {
		padding: 5px 10px;
		text-align: left;
	}
}
/********************************

  動画

********************************/
.staffM {
	text-align: center;
	padding: 40px 0;
}

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

  senpai

********************************/
/* .senpaiWrap {
	width: 100%;
	padding: 20px;

} */
.senpaiBlock_pc {
	width: 100%;
	max-width: 1000px;
	/* padding-bottom: -46.396%; */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 30px auto;
}
.senpaiBlock_sp {
	display: none;
}
.senpaiBlock_pc .senpaiBlock_item {
	width: calc(33% - 20px);
	/* width: calc(46% - 20px); */
	max-width: 330px;
	margin: 10px;
}
.senpaiBlock_pc .senpaiBlock_item img {
	width: 100%;
	display: block;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	opacity: 1;
}
.senpaiBlock_pc .senpaiBlock_item img:hover {
	opacity: .8;
}

@media screen and (max-width:640px) {
	.senpaiBlock_pc {
		display: none;
	}
	.senpaiBlock_sp {
		display: block;
		width: 98%;
		/* display: flex;
		flex-wrap: wrap; */
		margin: 0 1%;
		padding-bottom: 20px;
	}
	.senpaiBlock_sp .senpaiBlock_item {
		width: 94%;
		margin: 20px 3%;

	}
}
/********************************

  キャリアモデル

********************************/
.case_pc {
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.case_sp {
	display: none;
}
.caseList {
	display: block;
	margin: 20px auto;
}
.caseCmt {
	width: calc(100% - 15px);
	padding: 20px;
	margin: 0 15px 30px 0;
	border: 2px #175b2c solid;
	background: #ffffff;
	box-shadow: 15px 15px 0 0 rgba(0, 0, 0, .4);
}
.caseCmt .close {
	float: right;
}
.caseCmt .case_ttl{
	font-size: 20px;
	color: #175b2c;
}
@media screen and (max-width:640px) {
	.case_pc {
		display: none;
	}
	.case_sp {
		display: block;
		width: 96%;
		margin: 10px auto;
		padding-bottom: 30px;
	}
	.case_spList {
		width: 100%;
		margin: 20px auto;
	}
}