

/* ----------------------------------------
interview -menber
----------------------------------------*/
.memberImage {
	height: calc(636 / 750 * 100vw);
 background-position: center;
	/*display: flex;
		justify-content: center;
		flex-wrap: wrap;
	margin-bottom: 80px;
	overflow: hidden;*/}
/*.memberImage img {
	width: auto;
	height: 318px;}*/
.profileArea {
	width: 100%;
	padding: 0 30px;
margin-bottom: 60px;}
.profileArea [class^="people"][class$="-icon"] {
	min-width: 90px;
	padding: 5px 16px;
	font-size: 1.4rem;
	text-align: center;}
.profileArea .from {
	font-size: 1.2rem;}
.profileArea .initial {
	font-size: 3rem;}

.memberIntro h1 {
	margin-bottom: 60px;
	padding: 0 30px;
	color: #000;
	font-size: 2.6rem;
	line-height: 3.4rem;
text-align: left;}
.memberIntro section {
	margin-bottom: 100px;}
	.memberIntro section:nth-of-type(2n) {
		padding-bottom: 100px;}
.memberIntro h2 {
	width: auto;
	padding: 0 30px;
	font-size: 2.2rem;
	line-height: 3rem;}
.memberIntro figure {
	margin-bottom: 50px;
	overflow: hidden;}
.memberIntro figure[class*="sp-img-position"] {
	margin-right: 10px;
	margin-left: 10px;}
.memberIntro figure[class*="sp-img-position"] img {
	width: 100%;
	height: auto;
	min-width: 488px;}
	.memberIntro figure.sp-img-position-L img { /*Left*/
		width: 100%;
		margin: 0 auto;
		min-width: 100%;
		/*width: calc(100% + 26px);
		margin: 0 0 0 -26px;*/}
	.memberIntro figure.sp-img-position-C { /*Center*/
		display: flex;
			justify-content: center;}
	.memberIntro figure.sp-img-position-C img { /*Center*/
			flex-shrink: 0;
		height: 100%;}
	.memberIntro figure[class*="pc-img-position"] img {
			flex-shrink: 0;
		width: 100%;
		/*width: auto;*/
		/*min-height: 300px;*/}

.question {
	/*width: auto;*/
	width: calc(100% - 30px * 2);
	padding: 0;
	text-indent: -74px;
	padding-left: 74px;
	transform: skew(-10deg);}
.question:before {
	width: 40px;}
.question span {
	display: inline;}
.answer {
	width: auto;
	padding: 0 30px;
	color: #000;}

.notes {
	width: auto;
	margin: 0 30px 100px 30px;
	padding: 0;}

/* slider
------------------------------*/
/*ガターなど*/
.similarContents {
	margin-bottom: 130px;}
.similarContents .slick-list {
	margin-right: -20px; /* ガター分ネガティブマージン */}
.similarContents .slick-slide {
	margin-right: 20px; /* ガター */}
/*arrow*/
.similarContents .slick-arrow {
		bottom: 56px;
	width: 20px;}
	/*.slick-prev*/
	.similarContents .slick-prev.slick-arrow:before {
		width: 10px;
		height: 10px;}
	.similarContents .slick-prev.slick-arrow:after {
		margin-left: -10px;}
	.similarContents .slick-next.slick-arrow:after {
		width: 10px;
		height: 10px;
		margin-left: -10px;}
/*dots*/
.interview-dots {
	margin-top: 34px;}

.similarContents {
	width: auto;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 45px;
	padding-right: 0;
	padding-left: 0;}
.similarContents h3 {
	margin-bottom: 45px;
	color: #000;
	font-size: 2.3rem;}
.similarContents .slider {
	width: calc(100% + 10px * 2);
	margin-left: -10px;
	overflow: hidden;}
.similarContents [class^="people"][class$="-icon"] {
	padding-top: 6px;
	padding-bottom: 6px;}

/*btn*/
.viewAll {
	width: calc(100% - 53px * 2);}