@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";
}

li {
	list-style-type: none;
}

ul .clearfix {
	content: "";
	display: block;
	clear: both;
	margin-bottom: 5%;
}

h2 {
	font-size: 1.8rem;
	color: #b90613;;
}

h3 {
	font-size: 1.6rem;
}


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


.interview_single_wrapper .row .col p.intro {
	font-size: 0.9rem;
	line-height: 1.6;
	text-align: left;
	padding-top: 8px;
}
.interview_single_wrapper .row {
	font-size: 0;
	letter-spacing: 0;
	margin: 0 0 80px;
}


.interview_single_wrapper li {
	width: 310px;
	float: left;
	margin: 0 10px 10px 0;
}

.interview_single_wrapper .row .col {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	clear: right;
}

.interview_single_wrapper .row .col.head {
	width: 60%;
	margin: 0 40% 5% 0;
	letter-spacing: 0.07em;
	text-align: right;
	clear: left;
}
.interview_single_wrapper .row .col.head2 {
	width: 100%;
	margin: 0;
	letter-spacing: 0.07em;
	text-align: right;
}
.interview_single_wrapper .row .col.ja {
	margin: 0 4% 0 0;
	text-align: justify;
}
.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 {
	width: 60%;
	margin-bottom: 8%;
}
.interview_single_wrapper .row .col.ja .text p{
	font-size: 1.3rem;
	line-height: 1.7;
	letter-spacing: 0.04em;
	margin: 0 0 1.7em;
}
.interview_single_wrapper .row .col.ja .text h2{
	font-size: 1.8rem;
	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 .main_pic {
	width: 100%;
	margin-bottom: 15%;
	clear: left;
}
.interview_single_wrapper .row .designer_pic {
	width: 95%;
	margin-bottom: 8%;
	clear: left;
}
.interview_single_wrapper .row .designer_pic:nth-child(4){
	margin-bottom: 30%;
}
.interview_single_wrapper .row .designer_pic:nth-child(9){
	margin-bottom: 30%;
}

.interview_single_wrapper .row .designer_pic li{
	width: 310px;
	height: 206.7px;
	float: left;
	margin: 0 10px 10px 0;
}

.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 6px;
}
.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.tittle {
	margin-bottom: 10px;
}
.interview_single_wrapper .row .col p.left{
	text-align: left;
}
.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 .tfa_2017 {
	width: 60%;
	margin-bottom: 8%;
}
.interview_single_wrapper #to_all {
		display: none !important;
	}

footer {
	clear: both;
}

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

SmartPohne

------------------------------------------------*/
@media screen and (max-width: 735px) {
  /* bg_area */
  .bg_area {
		background: url('../imgs/common/bg_sp.jpg') repeat-y;
		background-size: 100% auto;
	}
	h2 {
		font-size: 1.6rem;
	}
	h3 {
		margin-bottom: 5px;
	}
  /* 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.ja .text p {
		font-size: 1.5rem;
		letter-spacing: 0.04em;
		line-height: 1.6;
	}
	.interview_single_wrapper .row .col.head .text .name_ja {
		font-size: 1.8rem;
	}
	.interview_single_wrapper .row .col.head .text .title {
		font-size: 1.2rem;
	}
	.interview_single_wrapper .row .col p.intro {
		font-size: 1rem;
		line-height: 2;
	}

	.interview_single_wrapper .row .col.ja .text {
		width: 100%;
	}
	.interview_single_wrapper .row .col.head {
		width: auto;
		margin: 0 0 30px;
	}
	.interview_single_wrapper .row .col.ja {
		width: 100%;
		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 .main_pic {
		width: 100%;
	}
	.interview_single_wrapper .row .main_pic img{
		width: 100%;
	}
	.interview_single_wrapper li {
		width: 100%;
	}

	.interview_single_wrapper .row .tfa_2017 {
		width: 100%;
	}
	.interview_single_wrapper .row .tfa_2017 img {
		width: 100%;
	}
	.interview_single_wrapper .row .main_pic {
		margin-bottom: 30%;
	}
	.interview_single_wrapper .row .designer_pic {
		width: 100%;
	}
	.interview_single_wrapper .row .designer_pic img{
		width: 100%;
	}
	.interview_single_wrapper .row .designer_pic li {
		width: 100%;
		height: auto;
	}
	.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 {
		display: inline-block !important;
		padding-top: 20px;
		font-size: 1.2rem;
		text-align: left;
	}

	.interview_single_wrapper #to_all a {
	text-decoration: underline;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	}
	.interview_single_wrapper #to_all a:hover {
	opacity: 0.5;
	}

	.interview_single_wrapper .row {
		margin: 0;
	}
}