@charset "utf-8";
/**
 *member page
 */
#mvArea .imageMv img {
	width: 100%;
	top:-20.5vw;
}
.mvtitle {
	width: 16.9%;
}
.grside_titlecolor {
	color: #FFF;
	font-size: 2em;
	line-height: 1;
	font-weight: 500;
	padding: .5em 0 .56em .8em;
	margin-bottom: .8em;
	box-sizing: border-box;
	border-radius: 0.6em 0 0 0.6em;
}
.org {
	background: rgb(202,112,79);
	background: linear-gradient(90deg, rgba(202,112,79,1) 0%, rgba(202,112,79,.6) 40%, rgba(202,112,79,0) 60%, rgba(202,112,79,0) 100%);
}
.kk {
	background: rgb(129,138,112);
	background: linear-gradient(90deg, rgba(129,138,112,1) 0%, rgba(129,138,112,.6) 40%, rgba(129,138,112,0) 60%, rgba(129,138,112,0) 100%);
}
.dblue {
	background: rgb(105,131,135);
	background: linear-gradient(90deg, rgba(105,131,135,1) 0%, rgba(105,131,135,.6) 40%, rgba(105,131,135,0) 60%, rgba(105,131,135,0) 100%);
}
.ye {
	background: rgb(207,139,45);
	background: linear-gradient(90deg, rgba(207,139,45,1) 0%, rgba(207,139,45,.6) 40%, rgba(207,139,45,0) 60%, rgba(207,139,45,0) 100%);
}
body .grside_titlecolor.org,
.grside_titlecolor.kk,
.grside_titlecolor.dblue,
.grside_titlecolor.ye {
	opacity: 0;
	transform: translateY(40%);
}
body.is-loaded .grside_titlecolor.org {
	opacity: 1;
	transform: translateY(0);
	transition: all .8s ease .6s;
}
.grside_titlecolor.kk.is-show,
.grside_titlecolor.dblue.is-show,
.grside_titlecolor.ye.is-show {
	opacity: 1;
	transform: translateY(0);
	transition: all .4s ease 0s;
}

.sectionmember {
	padding-bottom: 5em;
	margin-bottom: 5em;
	border-bottom: 1px solid #d2d2d2;
}
/*大きいbox*/
.menbersBxL h3 {
	font-size: 2.5em;
	font-weight: 600;
	letter-spacing: .12em;
	margin-bottom: .4em;
}
.menbersBxL .lead {
	font-size: 1.6em;
	font-weight: 500;
	margin-bottom: 1em;
}
.menbersBxL .flex {
	justify-content: space-between;
}
.menbersBxL .flex .infoArea {
	width: 50%;
}
.menbersBxL .flex .infoArea ul.imageList li {
	margin-top: .5em;
}
.menbersBxL .flex .infoArea ul.imageList li:first-child {
	margin-top: 0;
}
.menbersBxL .flex .interviewArea {
	width: 46.8%;
	font-size: 1.5em;
	line-height: 1.78;
}
.menbersBxL  .coInfo {
	font-size: 1.4em;
	line-height: 1.65;
	margin-top: 1em;
	font-weight:bold;
}
.menbersBxL  .coInfo li::before {
	content:'○';
}
.menbersBxS .flex {
	flex-wrap: wrap;
	padding-top: 2.4em;
}
.menbersBxS .flex li {
	width: 31.2%;
	margin: 0 0 0 3.2%;
}
.menbersBxS .flex li:nth-child(3n +1) {
	margin: 0 0 0 0;
}
.menbersBxS .flex li:nth-child(n + 4) {
	margin-top: 3.6em;
}
.menbersBxS .flex h3 {
	font-size: 2em;
	line-height: 1.4;
	font-weight: 500;
	letter-spacing: .11em;
	margin: .5em 0 .8em;
}
.menbersBxS .flex h3 .co_name {
	font-size: .75em;
	display: block;
	letter-spacing: .1em;
}
.menbersBxS .flex h3 .name_end {
	font-size: .6em;
	letter-spacing: 0;
}
.menbersBxS .flex .interviewArea {
	font-size: 1.5em;
	line-height: 1.78;
}
.menbersBxS .flex .lead {
	font-size: 1.6em;
	font-weight: 500;
	line-height: 1.8;
	margin-bottom: .65em;
    letter-spacing: 0.025em;
}
.interviewArea p {
	text-align: justify;
}

.menbersBxL .btnArea.lLink {
	text-align: left;
}
.menbersBxL .btnArea.lLink a {
	margin: 0 0 0;
	width: 40%;
	color: #FFF;
	box-sizing: border-box;
}

.btnArea a {
	font-size: 1.063em;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .5em .75em;
}
.btnArea {
	margin-top: 1.35vw;
}
#member .menbersBxS .btnArea  .yebtn,
#member .menbersBxS .btnArea  .bluebtn,
#member .menbersBxS .btnArea  .grbtn {
	width: 54%;
	box-sizing: border-box;
	min-width: 180px;
	border-radius: 0.5vw;
	padding: 0.7em 0;
	font-size: 1.083em;
}

@media only screen and (max-width: 768px) {
	#mvArea .imageMv img {
	width: 240%;
	top:-40vw;
	}
	.mvtitle {
	width: 42%;
	}
	.grside_titlecolor {
	font-size: 4.2vw;
	padding: .7em 0 .56em .8em;
	margin-bottom: 2vw;
	border-radius: 2vw 0 0 2vw;
	}
	.org {
	background: linear-gradient(90deg, rgba(202,112,79,1) 0%, rgba(202,112,79,1) 40%, rgba(202,112,79,1) 60%,  rgba(202,112,79,.5) 80%, rgba(1202,112,79,0) 100%);
	}
	.kk {
	background: linear-gradient(90deg, rgba(129,138,112,1) 0%, rgba(129,138,112,1) 40%, rgba(129,138,112,1) 60%, rgba(129,138,112,.5) 80%,rgba(129,138,112,0) 100%);
	}
	.dblue {
	background: linear-gradient(90deg, rgba(105,131,135,1) 0%, rgba(105,131,135,1) 40%, rgba(105,131,135,1) 60%, rgba(105,131,135,.5) 80%,rgba(105,131,135,0) 100%);
	}
	.ye {
	background: linear-gradient(90deg, rgba(207,139,45,1) 0%, rgba(207,139,45,1) 40%, rgba(207,139,45,1) 60%, rgba(207,139,45,.5) 80%,rgba(207,139,45,0) 100%);
	}
	.menbersBxL h3 {
	font-size: 4.8vw;
	}
	.menbersBxL .lead {
	font-size: 3.7vw;
	}
	#member .sectionmember .flex {
	display: block;
	}
	.menbersBxL .flex .interviewArea,
	.menbersBxL .flex .infoArea {
	width: 86%;
	margin: 0 auto;
	}
	.menbersBxL .flex .infoArea {
	margin-bottom: 4vw;
	}
	.menbersBxL .flex .interviewArea {
	font-size: 3.5vw;
	}
	.sectionmember {
	padding-bottom: 9vw;
	margin-bottom: 9vw;
	}
	.menbersBxS .flex li {
	width: 100%;
	margin: 0 auto 9vw;
	padding-bottom: 9vw;
	border-bottom:1px solid #d2d2d2;
	}
	.menbersBxS .flex li:nth-child(3n +1) {
	margin: 0 auto  5vw;
	}
	.menbersBxS .flex li:last-child {
	margin: 0 auto 0;
	padding-bottom: 0;
	border-bottom:0;
	}
	.menbersBxS .flex li section {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	}
	.menbersBxS .flex {
	padding-top: 0;
	}
	.menbersBxS .flex .interviewArea,
	.menbersBxS .flex li .imgBx{
	width: 86%;
	margin: 0 auto 4vw;
	}
	.menbersBxS .flex h3 {
	order:1;
    margin: 0 0 0.4em;
	}
	.menbersBxS .flex .lead {
	order:2;
	}
	.menbersBxS .flex .interviewArea {
	order:4;
	margin: 0 auto 0;
	}
	.menbersBxS .flex li .imgBx {
	order:3;
	}
	.btnArea {
	margin-top: 5vw;
	}
	.menbersBxL .btnArea.lLink a,
	#member .menbersBxS .btnArea  .yebtn,
	#member .menbersBxS .btnArea  .bluebtn,
	#member .menbersBxS .btnArea  .grbtn {
	width: 64%;
	min-width: 160px;
	border-radius:10px;
	font-size: 3.8vw;
	padding: 0.8em 0.75em;
	}
	.menbersBxL .btnArea.lLink a {
	margin: 0 auto;
	}
	.menbersBxL .btnArea.lLink {
	text-align:center;
	}
}