@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Cardo:700');


/*-------------------------------------------------
.bg_area
------------------------------------------------*/
.bg_area {
	background: url('../imgs/common/bg.jpg') repeat-y;
	background-size: 100% auto;
	padding: 70px 0 0;
	font-family: "游明朝", "Cardo", "Yu Mincho", "YuMincho",serif ;
}



/*-------------------------------------------------
Single
------------------------------------------------*/
.interview_single_wrapper {
	padding: 0 80px;
}

.interview_single_wrapper .row {
	font-size: 0;
	letter-spacing: 0;
	margin: 0 0 200px;
}
.interview_single_wrapper .row .col {
	width: 30%;
	display: inline-block;
	vertical-align: top;
}

.interview_single_wrapper .row .col.head {
	width: 60%;
	margin: 0 40% 9% 0;
	letter-spacing: 0.07em;
	text-align: right;
}
.interview_single_wrapper .row .col.head2 {
	width: 100%;
	margin: 0;
	letter-spacing: 0.07em;
	text-align: left;
}
.interview_single_wrapper .row .col.ja {
	margin: 0 5% 0 0;
	text-align: justify;
}
.interview_single_wrapper .row .col.ja .text p.name_ja {
	color: #b90613;
	font-size: 2.4rem;
	line-height: 1.6;
	margin: 0 0 5px;
	font-weight: normal;
	text-align: left;
}
.interview_single_wrapper .row .col.ja .text p.date, .interview_single_wrapper .row .col.ja .text p.credit {
	margin: 0 0 3.4em 0;
}
.interview_single_wrapper .row .col.ja .text p.info {
	color: #b90613;
	font-weight: bold;
	font-size: 1.3rem;
	line-height: 1.8;
}
.interview_single_wrapper .row .col.ja p.mg {
	margin-bottom: 10%;
}
.interview_single_wrapper .row .col.ja p.bold {
	font-weight: bold;
}
.interview_single_wrapper .row .col.ja .text p{
	font-size: 1.2rem;
	font-weight: normal;
}
.interview_single_wrapper .row .col.ja .text h2{
	font-size: 2.4rem;
	line-height: 1;
	color: #b90613;
	margin: 0;
}
.interview_single_wrapper .row .col.ja .text h3{
	font-size: 1.3rem;
	color: #b90613;
	line-height: 1.7;
}
.interview_single_wrapper .row .col.ja .text p.sub {
	font-size: 1.2rem;
	line-height: 1.25;
	margin: 0 0 0.7em 0;
}

.interview_single_wrapper .row .col.ja:last-child {
	margin: 0 0 0 0;
	text-align: left;
}
.interview_single_wrapper .row .col.ja img.top {
	width: 75%;
}
.interview_single_wrapper .row .col.ja img{
	margin-bottom: 9%;
}
.interview_single_wrapper .row.first .col.head img {
	width: 100%;
}
.interview_single_wrapper .row .col.head .text {
	text-align: left;
	margin: 0 0 45px;
}
.interview_single_wrapper .row .col.head .text p{
	font-size: 1.2rem;
}

.interview_single_wrapper .row .col.head .text .name_ja {
	color: #b90613;
	font-size: 2.4rem;
	line-height: 1;
	margin: 0 0 25px;
}
.interview_single_wrapper .row .col.head .text .title,
.interview_single_wrapper .row .col.head .text .date,
.interview_single_wrapper .row .col.head .text .collaborators {
	font-size: 1.2rem;
	line-height: 1.7;
	margin: 0 0 1.25em;
}
.interview_single_wrapper .row .col p {
	font-size: 1.3rem;
	line-height: 1.7;
	letter-spacing: 0.04em;
	margin: 0 0 1.7em 0;
}
.interview_single_wrapper .row .col p.caption {
	font-size: 10px;
	text-align: left;
	line-height: 1.3;
	margin-bottom: 2.5em;
}
.interview_single_wrapper .row .col p.left{
	text-align: justify;
}
.interview_single_wrapper .row.second .col.head {
	vertical-align: bottom;
	padding: 0 0 0 4%;
	box-sizing: border-box;
}
.interview_single_wrapper .row.third .col:not(.head) {
	margin-top: 60px;
}
.interview_single_wrapper .row .col.ja img.caption {
	margin-bottom: 4%;
}



/*-------------------------------------------------

SmartPohne

------------------------------------------------*/
@media screen and (max-width: 735px) {
  /* bg_area */
  .bg_area {
		background: url('../imgs/common/bg_sp.jpg') repeat-y;
		background-size: 100% auto;
	}

  /* Single */
  .interview_single_wrapper {
		padding: 0;
		padding: 0 40px;
	}
	.interview_single_wrapper .row {
		margin: 0 0 140px;
	}
	.interview_single_wrapper .row .col {
		width: auto;
		display: block;
		margin: 0 0 30px;
	}
	.interview_single_wrapper .row .col.head {
		width: auto;
		margin: 0 0 30px;
	}
	.interview_single_wrapper .row .col.ja {
		margin: 0 0 30px;
			}
	.interview_single_wrapper .row .col.ja p{
		margin: 0 0 30px;
		letter-spacing: 0.04em;
	}
	.interview_single_wrapper .row.first .col.head img {
		width: 100%;
	}
	.interview_single_wrapper .row .col.head .text {
		text-align: left;
		margin: 0 0 50px 0;
	}
	.interview_single_wrapper .row .col.ja .text h2{
	font-size: 1.2rem;
	color: #b90613;
	text-align: left;
	margin: 0;
	}
	.interview_single_wrapper .row .col.ja .text h3{
		font-size: 1.2rem;
	}
	
	.interview_single_wrapper .row .col.head .text h3 {
		font-size: 1.5rem;
		margin: 0 0 10px;
	}
	.interview_single_wrapper .row .col.head .text .name_ja {
		font-size: 1.8rem;
	}
	.interview_single_wrapper .row .col.head .text .title,
	.interview_single_wrapper .row .col.head .text .date,
	.interview_single_wrapper .row .col.head .text .collaborators {
		font-size: 1.2rem;
		line-height: 1.15;
		margin: 0 0 1.15em;
		letter-spacing: 0.04em;
	}
	.interview_single_wrapper .row .col p {
		font-size: 1.5rem;
		line-height: 1.6;
		letter-spacing: 0;
		margin: 0 0 1.86em;
	}
	.interview_single_wrapper .row.second .col.head {
		padding: 0;
	}
	.interview_single_wrapper .row.third .col:not(.head) {
		margin-top: 0;
	}
	.interview_single_wrapper #to_all {
		text-align: left;
	}
	.interview_single_wrapper #to_all p {
		font-size: 1.2rem;
		text-align: left;
		text-decoration: underline;
	}
	.interview_single_wrapper #to_all a {
		text-decoration: underline;
	}
	.interview_single_wrapper .row .col.ja.title {
		text-align: left;
	}
	.interview_single_wrapper .row .col.ja img.top {
	width: 100%;
	}
	.interview_single_wrapper .row .col.ja .text p.sub {
	margin: 0 0 6px 0;
	}
	.interview_single_wrapper .row .col.ja .text p.info {
	font-size: 1.2rem;	
    }
}