@charset "utf-8";

/*----------------------------------------------*/
/* interview CSS [PC]
/*----------------------------------------------*/

/*---- GNavi用 スペース----*/
.interview-kv {
	/* padding-top: 80px; 20230707 */
}

@media screen and (max-width: 1279px) {
	.interview-kv {
		/* padding-top: 40px; 20230710 */
	}
}

/*---- Interview KV ----*/
#interview-kvframe-pc {
	margin-bottom: 100px;
	width: 100%;
	height: 650px;
}

#interview-kvframe-sp {
	display: none;
}

/*---- Interview 01型 人物BG ----*/
.interview01-kv-bg01-pc {
	background-color: #e6daca;
}

/*---- Interview 01型 テキストBG ----*/
.interview01-kv-bg02-pc {
	background-image: url(../img/interview/interview01/interview01_kv_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/*---- Interview 02型 人物BG ----*/
.interview02-kv-bg01-pc {
	background-image: url(../img/interview/interview02/interview02_kv_bg.jpg);
	background-size: cover;
}

/*---- Interview 01用 ----*/
.interview01-kv-photo-pc {
	height: 650px;
	background-image: url(../img/interview/interview01/interview01_kv_pc.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/*---- Interview 02用 ----*/
.interview02-kv-photo-pc {
	height: 650px;
	background-image: url(../img/interview/interview02/interview02_kv_pc.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/*---- Interview 03用 ----*/
.interview03-kv-photo-pc {
	height: 650px;
	background-image: url(../img/interview/interview03/interview03_kv_pc.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/*---- Interview 04用 ----*/
.interview04-kv-photo-pc {
	height: 650px;
	background-image: url(../img/interview/interview04/interview04_kv_pc.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/*---- Interview 05用 ----*/
.interview05-kv-photo-pc {
	height: 650px;
	background-image: url(../img/interview/interview05/interview05_kv_pc.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/*---- Interview 06用 ----*/
.interview06-kv-photo-pc {
	height: 650px;
	background-image: url(../img/interview/interview06/interview06_kv_pc.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.interview-kvbox-pc {
	overflow: hidden;
	max-width: 1250px;
	margin: 0px auto;
}

.interview-kv-photobox-pc {
	float: left;
	width: 56%;
}

.interview-kv-textbox-pc {
	float: right;
	width: 44%;
	height: 650px;
	padding: 100px 5%;
	max-width: 550px;
}

.interview-kv-photobox-pc2 {
	float: left;
	width: 56%;
}

.interview-kv-textbox-pc2 {
	float: right;
	width: 44%;
	height: 650px;
	padding: 60px 5% 0px;
	max-width: 550px;
}

.interview-kv-copy-pc {
	margin-bottom: 60px;
}

.interview-kv-copy-pc img {
	max-width: 100%;
}

/*---- Interview 01用 コピー ----*/
.interview01-kv-copy-pc {
	width: 410px;
}

/*---- Interview 02用 コピー ----*/
.interview02-kv-copy-pc {
	width: 410px;
}

.interview-kv-text-pc {
	margin-bottom: 60px;
	
	font-family: "Yu Mincho", "YuMincho", "游明朝", "游明朝体", "Noto Serif JP", "Roboto Slab", Garamond, "Times New Roman", "Hiragino Mincho Pro", "HGS明朝E", serif;
	line-height: 2;
	text-align: justify; /* 基本 */
}

.interview-kv-text-pc p {
x	margin-bottom: 10px;
}

.interview-kv-text-pc span {
	font-size: 13px;
}

.interview-kv-namebox-pc {
}

.interview-kv-name-ja {
	font-size: 32px;
	letter-spacing: 0.2em;
	font-family: "Yu Mincho", "YuMincho", "游明朝", "游明朝体", "Noto Serif JP", "Roboto Slab", Garamond, "Times New Roman", "Hiragino Mincho Pro", "HGS明朝E", serif;
}

.interview-kv-name-en {
	font-size: 15px;
	letter-spacing: 0.3em;
	font-family: 'Montserrat', sans-serif;
}

.interview-f-white {
	color: #FFFFFF;
}

/*---- Interview ----*/
#interview-contentsbody {
	overflow: hidden;
	max-width: 1200px;
	margin: 0px auto;
	padding: 0px 10px;
}

.interviewbox {
	width: 100%;
	max-width: 1200px;
	margin: 0px auto 50px;
	
	font-family: "Yu Mincho", "YuMincho", "游明朝", "游明朝体", "Noto Serif JP", "Roboto Slab", Garamodnd, "Times New Roman", "Hiragino Mincho Pro", "HGS明朝E", serif;
	line-height: 2;
x	background-color: #00FF00;
}

.interviewbox-odd {
	overflow: hidden;
}

.interviewbox-odd .interview-photo {
	float: left;
	width: 50%;
	text-align: left;
}

.interviewbox-odd .interview-textbox {
	float: right;
	width: 48%;
	padding-left: 2%;
}

.interviewbox-even {
	overflow: hidden;
}

.interviewbox-even .interview-photo {
	float: right;
	width: 50%;
	text-align: right;
}

.interviewbox-even .interview-textbox {
	float: left;
	width: 48%;
	padding-right: 2%;
}

.interview-photo {
	max-width: 570px;
}

.interview-photo img {
	max-width: 100%;
}

.interview-textbox {
	width: 50%;
	padding-top: 25px;
	font-size: 16px;
	line-height: 2;
}

.interview-question {
	margin-bottom: 30px;
	padding-bottom: 40px;
	font-size: 22px;
	color: #968478;
	line-height: 1.8;
	
	background-image: url(../img/interview/interview_line.png);
	background-size: 560px;
	background-repeat: no-repeat;
	background-position: bottom;
}

.interview-answer {
	text-align: justify; /* 基本 */
}

.interview-answer p {
	margin-bottom: 50px;
}

.interview-answer-fbrown {
	color: #968478;
}

/*---- Massage ----*/
.interview-mgbox {
	overflow: hidden;
	max-width: 1200px;
	margin: 0px auto 60px;
	padding: 50px 0px;
}

/*---- Massage 01用 ----*/
.interview01-mg-bg {
	background-image: url(../img/interview/interview01/interview01_mg_photo_pc.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
}

/*---- Massage 02用 ----*/
.interview02-mg-bg {
	background-image: url(../img/interview/interview02/interview02_mg_photo_pc.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
}

/*---- Massage 03用 ----*/
.interview03-mg-bg {
	background-image: url(../img/interview/interview03/interview03_mg_photo_pc.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
}

/*---- Massage 04用 ----*/
.interview04-mg-bg {
	background-image: url(../img/interview/interview04/interview04_mg_photo_pc.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
}

/*---- Massage 05用 ----*/
.interview04-mg-bg {
	background-image: url(../img/interview/interview05/interview05_mg_photo_pc.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
}

.interview-mg-textbox {
	position: relative;
x	width: 780px;
	width: 65%;
	max-width: 760px;
	margin: 0px 0px 15px 20px;
	padding: 70px;
	box-shadow: 15px 15px 0 0 rgba(150,132,120,0.3);
	border: 1px solid #968478;
	background-color: #FFFFFF;
}

.interview-mg-line {
	position: absolute;
	width: 170px;
	text-align: left;
	left: -20px;
	top: -20px;
}

.interview-mg-line img {
	width: 100%;
}

.interview-mg-title {
	margin-bottom: 40px;
	background-image: url(../img/interview/interview_mg_title_pc.png);
	background-size: 240px;
	height: 61px;
	background-repeat: no-repeat;
	background-position: left;
}

.interview-mg-text {
	margin-bottom: 40px;
	font-family: "Yu Mincho", "YuMincho", "游明朝", "游明朝体", "Noto Serif JP", "Roboto Slab", Garamond, "Times New Roman", "Hiragino Mincho Pro", "HGS明朝E", serif;
	font-size: 16px;
	line-height: 2;
	
	text-align: justify; /* 基本 */
}

.interview-mg-name-ja {
	font-size: 32px;
	letter-spacing: 0.2em;
	font-family: "Yu Mincho", "YuMincho", "游明朝", "游明朝体", "Noto Serif JP", "Roboto Slab", Garamond, "Times New Roman", "Hiragino Mincho Pro", "HGS明朝E", serif;
}

/*---- SNS SHARE ----*/
.interview-sns {
	margin: 40px 0px 50px;
	text-align: center;
}

.interview-sns-title {
	margin-bottom: 25px;
	padding-left: 3px;
	font-size: 15px;
}

.interview-snslistbox {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.interview-sns-line {
	width: 30px;
	height: 30px;
	margin: 0px 10px;
}

.interview-sns-tw {
	width: 30px;
	height: 30px;
	margin: 0px 10px;
	padding-top: 3px;
}

.interview-sns-fb {
	width: 30px;
	height: 30px;
	margin-left: 0px;
}

/*---- Staff ----*/
.interview-staff {
	margin-bottom: 60px;
	font-color: #000000;
	font-size: 13px;
	line-height: 1.3;
	text-align: center;
}

/*---- Back to list ----*/
.interview-backlist {
	padding: 30px 0px;
	text-align: center;
	background-color: #000000;
}

.interview-backlist a {
	color: #FFFFFF;
}

.interview-backlist a:hover {
	opacity: 0.7;
}

/*---- Font ----*/
.interview-f-white {
	color: #000000;
}

.interview-f-white {
	color: #FFFFFF;
}

/*---- Product ----*/
.interview-productnamebox {
	margin-bottom: 25px;
}

.interview-product-copy {
	line-height: 1;
}

.interview-product-name {
	font-size: 36px;
}

.interview-productbox {
	padding: 50px;
	box-shadow: 15px 15px 0 0 rgba(150,132,120,0.3);
	border: 1px solid #968478;
	background-color: #FFFFFF;
}

.interview-product-text {
}

.interview-product-link {
	margin-top: 15px;
}

.interview-product-link a {
	text-decoration: underline;
}
