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

	三浦知良特設サイト │ トップページ

---------------------------------------------- */
header .text h1 {
	display: none;
}
/* ---------------------------------------------
MV
---------------------------------------------- */
#mv {
	position: relative;
}
#mv .mv_inner {
	max-width: 972px;
	width: 88.36%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1;
}
#mv .text {
	position: absolute;
	left: 0;
	top: min(6.7vw, 67px);
	width: 64%;
	max-width: 580px;
	font-family: "BIZ UDMincho", serif;
	font-weight: 700;
	letter-spacing: normal;
	color: #3F3A39;
	text-align: left;
	margin-bottom: 10%;
}
#mv .text .mv_name {
	line-height: 1.83;
	font-size: min(2.4vw, 24px);
	font-weight: 700;
	position: relative;
	margin-bottom: min(5.4vw, 50px);
}
#mv .text .mv_name::after {
	position: absolute;
	content: "";
	bottom: 0;
	top: 0;
	right: 0;
	margin: auto;
	height: 1px;
	width: 100%;
	background-color: #3F3A39;
	z-index: -1;
}
#mv .text .mv_title {
	margin-bottom: min(6.5vw, 43px);
}
#mv .text .mv_title img {
	width: 100%;
	max-width: 566px;
}
#mv .text .mv_title,
#mv .text p {
	padding-left: 3px;
}
#mv .text p {
	line-height: 1.94;
	font-size: min(1.8vw, 18px);
	font-weight: 700;
}
#mv .text p:last-child {
	margin-bottom: 0;
}
#mv .text p:nth-child(3) {
	margin-bottom: 2.1em;
}
#mv .text p.text-l {
	line-height: 1.54;
	font-size: min(2.1vw, 24px);
}
#mv .ph {
	display: block;
	width: 100%;
	height: 80vw;
	max-height: 966px;
}
#mv .ph img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}
@media screen and (max-width: 767px) {
	#mv .mv_inner {
		width: 100%;
		display: block;
		height: auto;
		padding-top: min(6.13vw, 23px);
		/*padding-top: clamp(23px, 6.13vw, 21px);*/
	}
	#mv .text {
		width: 58.4%;
		position: relative;
		top: initial;
		right: initial;
		/*margin: min(12vw, 45px) auto min(10.5vw, 40px) auto;*/
		margin: min(1vw, 10px) 0 min(1vw, 10px) 7.2%;
	}
	#mv .text .mv_name {
		width: 98.2%;
		/*font-size: min(2.93vw, 11px);*/
		font-size: min(2.85vw, 21px);
		line-height: 1.9;
	}
	#mv .text .mv_title,
	#mv .text p  {
		padding-left: 2px;
	}
	#mv .text p {
		/*font-size: min(3.2vw, 12px);*/
		font-size: min(3.22vw, 21px);
		line-height: 1.5;
		margin-bottom: 1.5em;
	}
	#mv .text p:nth-child(3) {
		margin-bottom: 1em;
	}
	#mv .text p.text-l {
		/*font-size: min(4.53vw, 17px);*/
		font-size: min(4.53vw, 31px);
		line-height: 1.65;
	}
	#mv .ph {
		height: 100%;
		max-height: none;
	}
	#mv .ph img {
		width: 100%;
		position: relative;
	}
}

/* ---------------------------------------------
MOVIE
---------------------------------------------- */
#movie .inner {
	text-align: center;
	padding-top: min(10.0vw, 100px);
	padding-bottom: min(6.0vw, 60px);
}
#movie .inner p {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 700;
	line-height: 1.8;
	margin-bottom: 2em;
	font-size: min(1.6vw, 16px);
}
#movie .inner p:last-child {
	margin-bottom: 0;
}
#movie_kazu {
	text-align: center;
	margin: auto;
	padding-bottom: min(13.7vw, 137px);
}
#movie_kazu a {
	display: block;
}
#movie_kazu figure {
	margin: auto;
	width: min(56.3vw, 563px);
	text-align: center;
}
@media screen and (max-width: 767px) {
	#movie .inner {
		padding-top: min(7.47vw, 28px);
		padding-bottom: min(8vw, 30px);
	}
	#movie .inner p {
		/*font-size: min(3.47vw, 13px);*/
		/*font-size: clamp(13px, 3.47vw, 19px);*/
		font-size: min(3.47vw, 19px);
		line-height: 1.85;
		margin-bottom: 1.8em;
	}
	#movie #movie_kazu {
		padding-bottom: min(16.5vw, 62px);
	}
	#movie_kazu figure {
		width: min(80%, 563px);
	}
}

/* ---------------------------------------------
インタビュー
---------------------------------------------- */
#interview {
	color: #3F3A39;
}
#interview .inner {
	text-align: center;
}
#interview .title_line {
	position: relative;
	text-align: center;
	margin-bottom: min(7.2vw, 72px);
}
#interview .title_line img {
	display: block;
	margin: 0 auto;
	width: min(39.3vw, 393px);
}
#interview .title_line::after {
	position: absolute;
	content: "";
	bottom: 0;
	top: 0;
	right: 0;
	margin: auto;
	height: 1px;
	width: 100%;
	background-color: #3F3A39;
	z-index: -1;
}
#interview .title_sub {
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	font-size: min(5.8vw, 58px);
	font-weight: 900;
	letter-spacing: 0.1em;
	line-height: 1.2; 
	margin-bottom: min(3.4vw, 24px);
	text-align: center;
}
#interview .title_sub span {
	font-family: "BIZ UDMincho", serif;
	font-weight: 700;
	line-height: inherit;
	letter-spacing: inherit;
}
#interview .coment {
	font-size: min(2.2vw, 22px);
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.55;
	margin-bottom: min(6.3vw, 63px);
	text-align: center;
}
#interview .coment span {
	line-height: inherit;
	letter-spacing: inherit;
}
@media screen and (max-width: 767px) {
	#interview .title_sub {
		font-size: min(6.4vw, 24px);
		letter-spacing: 0.16em;
		line-height: 1.5;
		margin-left: 1em;
	}
	#interview .coment {
		/*font-size: min(3.47vw, 13px);*/
		/*font-size: clamp(13px, 3.47vw, 19px);*/
		font-size: min(3.47vw, 19px);
		letter-spacing: normal;
		line-height: 1.84;
		margin-bottom: min(7.2vw, 27px);
	}
	#interview .title_line {
		margin-bottom: min(8vw, 30px);
	}
	#interview .title_line img {
		width: min(54.67vw, 205px);
	}
}
/*.btn_read*/
#interview .btn_read {
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	font-size: min(2.0vw, 20px);
	line-height: 1.2;
	letter-spacing: 0.12em;
	border: 2px solid #3F3A39;
	display: inline-block;
	padding: 0.65em;
	margin-bottom: 0;
	width: 88%;
	max-width: 240px;
	position: relative;
	text-align: center;
	font-weight: 700;
}
#interview .btn_read::before {	
	content: "";
	position: absolute;
	left: 2em;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 2.5em;
	height: 1em;
	background-image: url(../img/icon_arrow.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
#interview .btn_read:hover {
	cursor: pointer;
	-webkit-box-shadow: 8px 8px 0px 0px #3F3A39;
	box-shadow: 8px 8px 0px 0px #3F3A39;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	opacity: 1;
	-webkit-transform: translate(-10px, -10px);
	transform: translate(-10px, -10px);
}
@media screen and (max-width: 767px) {
	#interview .btn_read {
		/*font-size: min(3.73vw, 14px);
		width: 48%;*/
		font-size: min(3.2vw, 12px);
		width: 40%;
		padding-left: 1.3em;
	}
}
/*#interview_kazu*/
#interview #interview_kazu .pc_flex {
	display: flex;
	justify-content: space-between;
	padding: min(3.6vw, 36px) 20px min(5.7vw, 57px) 20px;
	margin: 0 auto min(14vw, 140px) auto;
	width: 88%;
	max-width: 1040px;
}
#interview #interview_kazu figure {
	width: 54.3%;
	max-width: 543px;
}
#interview #interview_kazu .text {
	width: 46%;
	padding-left: 10px;
	text-align: left;
	padding-top: min(6.4vw, 64px);
}
#interview #interview_kazu .text .coment {
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	text-align: left;
	font-size: min(1.9vw, 19px);
	line-height: 1.8;
	margin-bottom: min(4.1vw, 41px);
}
#interview #interview_kazu .text .btn_read {
	font-size: min(2.5vw, 25px);
	max-width: 291px;
	padding-left: 1.3em;
}
@media screen and (max-width: 767px) {
	#interview #interview_kazu .pc_flex {
		display: block;
		padding: 0;
		margin-bottom: min(265.87vw, 97px);
		width: 100%;
	}
	#interview #interview_kazu figure {
		width: 100%;
		margin: 0 auto;
	}
	#interview #interview_kazu .text {
		width: 100%;
		text-align: center;
		padding-top: 0;
		padding-left: 0;
		margin-bottom: min(7.2vw, 27px);
	}
	#interview #interview_kazu .text .coment {
		text-align: center;
		/*font-size: min(3.47vw, 13px);*/
		/*font-size: clamp(13px, 3.47vw, 19px);*/
		font-size: min(3.47vw, 19px);
		margin-bottom: min(5.33vw, 20px);
	}
	#interview #interview_kazu .text .btn_read {	
		font-size: min(3.2vw, 12px);
	}
}
/*#interview_list*/
#interview_list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto min(6.5vw, 65px) auto;
	max-width: 1234px;
}
#interview_list li {
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	width: min(40.4vw, 499px);
	text-align: center;
	margin: 0 min(4.05vw, 50px);
	padding-bottom: min(6.5vw, 65px);
}
#interview_list li:last-child {
	margin-top: min(2.5vw, 25px);
}
#interview_list li a {
	color: #3F3A39;
	display: block;
}
#interview_list li a:hover,
#interview_list li a:hover img {
	opacity: 1;
}
#interview_list li figure {
	width: 100%;
	height: auto;
	margin-bottom: 13px;
}
#interview_list li h3,
#interview_list li p {
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.15;
	margin-bottom: 0.5em;
}
#interview_list li h3 {
	font-size: min(2.9vw, 29px);
	margin-bottom: 0.7em;
}
#interview_list li .cat {
	font-size: min(2.3vw, 23px);
	color: #ffffff;
	background-color: #989898;
	display: inline-block;
	padding: 0.4em 0.8em;
}
#interview_list li .name {	
	font-size: min(2.4vw, 24px);
}
@media screen and (max-width: 767px) {
	#interview_list ul {
		margin-bottom: 0;
	}
	#interview_list li {
		width: 45%;
		margin: 0 min(1.82vw, 35px);
		padding-bottom: min(12.8vw, 48px);
	}
	#interview_list li:last-child {
		margin-top: 0;
	}
	#interview_list li figure {
		margin-bottom: 10px;
	}
	#interview_list li h3 {
		font-size: min(4.53vw, 17px);
		line-height: 1.52;
    	margin-bottom: 1em;
	}
	#interview_list li .cat {
		font-size: min(4.27vw, 16px);
		line-height: 1.3;
	}
	#interview_list li .name {
		font-size: min(4.27vw, 16px);
	}
}
@media screen and (max-width: 540px) {
	#interview_kazu .inner,
	#interview_list .inner {
		width: auto;
	}
	#interview_list ul {
		display: block;
	}
	#interview_list li {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	#interview_list li:last-child {
		padding-bottom: 0;
	}
}