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


/* p-interview-pagettl */
 
.p-interview-pagettl {
	width: 100%;
	position: relative;
	margin-top: 70px;
}

.p-interview-pagettl img {
	width: 100%;
height: auto;
	max-height: 700px;
}
.p-interview-pagettl h4 img{
	width: auto;
	height: 54px;
}
.p-interview-pagettl__img {
	position: relative;
}

.p-interview-pagettl__img::before {
	content: "";
	position: absolute;
left: 0px;
top: 0px;
	display: block;
	width: 70%;
	height: 100%;
	 background : -moz-linear-gradient(100% 50% -180deg,rgba(166, 176, 178, 0) 0%,rgba(166, 176, 178, 1) 100%);
  background : -webkit-linear-gradient(-180deg, rgba(166, 176, 178, 0) 0%, rgba(166, 176, 178, 1) 100%);
  background : -webkit-gradient(linear,100% 50% ,0% 50% ,color-stop(0,rgba(166, 176, 178, 0) ),color-stop(1,rgba(166, 176, 178, 1) ));
  background : -o-linear-gradient(-180deg, rgba(166, 176, 178, 0) 0%, rgba(166, 176, 178, 1) 100%);
  background : -ms-linear-gradient(-180deg, rgba(166, 176, 178, 0) 0%, rgba(166, 176, 178, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6B0B2', endColorstr='#A6B0B2' ,GradientType=0)";
  background : linear-gradient(270deg, rgba(166, 176, 178, 0) 0%, rgba(166, 176, 178, 1) 100%);
	mix-blend-mode: multiply;
}

.p-interview-pagettl__caption {
	position: absolute;
left: 0px;
top: 0px;
	width: 100%;
	height: 70%;
	display: flex;
  justify-content: flex-start;
align-items: center;
	padding-left: 5%;
}

.p-interview-pagettl-ttl {
	position: absolute;
left: 0px;
bottom: 0px;
	width: 530px;
	display: inline-block;
	padding: 40px 0px 10px;
	padding-left: 95px;
	background-color: #FFF;
background-position: right 45px bottom 15px;
background-repeat: no-repeat;
}


.p-interview-pagettl h2 {
	font-size: 42px;
	color: #FFF;
line-height: 1.6;
	letter-spacing: 0.05em;
	font-weight: 600;
}

.p-interview-pagettl h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 32px;
color: #EE1C23;
line-height: 1.2;
letter-spacing: 0.05em;
font-weight: 700;
}

.p-interview-pagettl h4 {
	font-size: 28px;
color: #000;
line-height: 1.2;
letter-spacing: 0.05em;
font-weight: 600;
	padding: 30px 0px 15px;
}

.p-interview-pagettl p {
	font-size: 14px;
color: #000;
line-height: 1.8;
}



/* p-interview-container01 */

.p-interview-container01 {
	width: 100%;
	text-align: center;
	margin-bottom: 180px;
}

.p-interview-container01--mbno {
	margin-bottom: 0px;
}

.p-interview-container01 img {
	width: 100%;
height: 390px;
}

.p-interview-container01__asterisk {
	padding-top: 40px;
	text-align: left;
	width: 900px;
	margin-bottom: 180px;
}

.p-interview-container01__asterisk p {
	font-size: 12px;
}



/* p-interview-container02 */

.p-interview-container02 {
	width: 100%;
	margin-bottom: 90px;
}

.p-interview-container02__item:not(:last-child) {
	margin-bottom: 120px;
}

.p-interview-container02 img {
	width: 100%;
height: 570px;
}

.p-interview-container02 .item01 img {
}

.p-interview-container02 .item02 img {
}

.p-interview-container02 .item01, .p-interview-container02 .item02 {
	display: flex;
  justify-content: flex-end;
flex-wrap: wrap;
	align-items: center;
	gap:0px 95px;
}

.p-interview-container02 .item01 {
	flex-direction: row-reverse;
}

.p-interview-container02__caption {
	width: 520px;
}

.p-interview-container02 .item03, .p-interview-container02 .item03 .p-interview-container02__caption {
	width: 1160px;
}

.p-interview-container02__img {
	width: 49%;
}
.p-interview-fullphoto{
	max-width: 1600px;
	margin: 50px auto 50px;
}
.p-interview-container02 h3 {
	font-size: 26px;
color: #EE1C23;
line-height: 1.6;
letter-spacing: 0.05em;
font-weight: 600;
	margin-bottom: 30px;
}

.p-interview-container02 .item03 h3 {
	text-align: left;
}

.p-interview-container02 p {
letter-spacing: 0em;
	font-size:14px;
	line-height: 2em;
}

.l-recommend__staff{
	position: relative;
	margin-top: 50px;
}
.p-itembox {
	width: 360px;
	margin-right: 60px;
}
.p-itembox img{
	width: 100%;
	height: auto;
}
.p-itembox .p-num{
		font-family: 'Poppins', sans-serif;
	font-size:14px;
	color:#E8350C;
	font-weight: 700;
	margin-bottom: 20px;
}

.p-stories-container02__name {
	position: relative;
	padding: 20px 0px;
}


.p-itembox h4 {
	font-size: 24px;
color: #000;
	line-height: 1.2;
font-weight: 600;
}

.p-itembox h5 {
	font-size: 20px;
color: #000;
	line-height: 1.6;
font-weight: 600;
	letter-spacing: 0.05em;
	padding-top: 20px;
}

.p-itembox p {
	font-size: 14px;
	padding-top: 0px;
	line-height: 1.6;
	letter-spacing: 0em;
}



.slick-list{
	max-width: 1200px;
	margin: 0 auto!important;
}

.p-interview-caption{
	margin-top: 50px;
	text-align: right;
}


.sp-view {
	display: none;
}