@charset "utf-8";

#ContentsWrap  {
	padding-bottom:0;
}

@media screen and (min-width: 561px)  {
	#ContentsWrap {
		margin:0 auto;
		max-width:1600px;
		position:relative;
		left:50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	@media screen and (min-width: 1601px)  {
		#ContentsWrap {
			left:auto;
			-webkit-transform: translateX(0%);
			-ms-transform: translateX(0%);
			transform: translateX(0%);
		}
	}
}


.twDefault {
	position:relative;
	opacity:0;
	left:50px;
	transition:1s;
}
.twDefault.twEnd {
	position:relative;
	opacity:1;
	left:0;
	transition:1s;
}
.snsBtn {
	position:absolute;
	top:0;
	right:0;
	z-index: 10;
	text-align: right;
}
.snsBtn li {
	display:inline-block;
	margin-left:8px;
}
.snsBtn li img {
	width:32px;
}

/* // Mv
----------------------------------------------- */
#Mv {
	display:block;
	width:100%;
	height:560px;
	position:relative;
	margin-bottom:50px;
}
#Mv .image {
	position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* // Intro
----------------------------------------------- */
#Intro {
	margin-bottom:80px;
}
#Intro .interview {
	font-size:36px;
	padding-right:50px;
	line-height:1;
	margin-bottom:8px;
	-webkit-transform:scale(1,0.87) translate3d(0, 0, 0);
	transform:scale(1,0.87) translate3d(0, 0, 0);
	font-weight:700;
}
#Intro .interview span{
	opacity:0.15;
}
#Intro .title {
	font-size:52px;
	padding-right:50px;
	line-height:1.3;
	margin-bottom:15px;
}
#Intro .name {
	font-size:22px;
	line-height:1.4;
	font-weight:100;
	margin-bottom:15px;
}
#Intro .date {
	font-size: 16px;
	line-height:1.4;
	margin-bottom:30px;
	color: #777;
}
/* // section
----------------------------------------------- */
.section {
	margin-bottom:60px;
}
.section .secTit {
	font-size:40px;
	line-height:1.4;
	padding-bottom:20px;
	font-weight:100;
	padding-left:22px;
	position:relative;
	margin-bottom:35px;
}
.section .secTit:after {
	content:" ";
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	left:0;
	bottom:0;
	border-bottom:1px solid #666;
	border-left:1px solid #666;
}
.section .interviewer{
	font-size: 120%;
	font-weight: 500;
	line-height: 1.9;
	letter-spacing: .05em;
}
.section .interviewer + .body{
	margin-top: 40px;
}


/* // imageBlock
----------------------------------------------- */
.imageBlock {
	position:relative;
	height:450px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	margin-bottom:60px;
}

/* // Information
----------------------------------------------- */
#Information {
	margin-bottom:100px;
}
#Information .image {
	float:left;
	width:450px;
	min-height:200px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	display:block;
}
#Information .text {
	float:left;
	display:block;
	width:550px;
	background-color:#F5F5F5;
	font-size:12px;
	line-height:1.8;
	color:#555;
}
#Information .text .inner {
	padding:25px;
	min-height: 300px;
}
#Information .text .title {
	font-size:25px;
	line-height:1;
	margin-bottom:10px;
	-webkit-transform:scale(1,0.87);
	transform:scale(1,0.87);
	font-weight:600;
	color:#CCC;
}
#Information .text .name {
	font-weight:500;
	font-size:130%;
	margin-bottom:8px;
}
#Information .text .body {
	margin-top:10px;
}

/* // StaffWrap
----------------------------------------------- */
#StaffWrap  {
	width:100%;
	margin-bottom: 100px;
}
#StaffWrap .staff  {
	position:relative;
	margin-bottom:80px;
}
#StaffWrap .staff:last-child{
	margin-bottom: 0;
}
#StaffWrap .staff.left .text  {
	padding-right:360px;
}
#StaffWrap .staff.right .text  {
	padding-left:360px;
}
#StaffWrap .staff .image  {
	position:absolute;
	top:0;
	max-width: 640px;
}
#StaffWrap .staff .image .inner  {
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}
#StaffWrap .staff.left .image  {
	right:0;
}
#StaffWrap .staff.right .image  {
	left:0;
}
#StaffWrap .text .title {
	font-size:25px;
	line-height:1;
	margin-bottom:12px;
	-webkit-transform:scale(1,0.9);
	transform:scale(1,0.9);
	font-weight:600;
	color:#333;
}
#StaffWrap .text .htx {
	font-size:28px;
	line-height:1.5;
	margin-bottom:14px;
	font-weight:100;
}
#StaffWrap .text .name {
	font-size:18px;
	line-height:1.5;
	margin-bottom:16px;
	font-weight:100;
}
#StaffWrap .body .addImg {
	height: 240px;
	background-size: cover;
	background-position: center center;
}


/* // Movie
----------------------------------------------- */

#Movie{
	width: 1100px;
	margin:0 auto 120px;
}
#Movie .wrap{
	position: relative;
	padding-top: 160px;
}

#Movie iframe{
	position: relative;
	display: block;
	z-index: 3;
}
#Movie .head{
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
}
#Movie .head .title{
	font-size:25px;
	line-height:1;
	margin-bottom:12px;
	-webkit-transform:scale(1,0.9);
	transform:scale(1,0.9);
	font-weight:600;
	color:#333;
}
#Movie .head .question{
	font-size: 32px;
	font-weight: 100;
	line-height: 1.5;
	/*letter-spacing: .1em;*/
}
#Movie .text{
	position: absolute;
	z-index: 2;
	left: 750px;
	top: 35px;
}
#Movie .text .inner{
	border:1px solid #000;
	width: 340px;
	padding: 70px 50px 80px 70px;
}
#Movie .text .inner .power{
	font-size: 60px;
	margin-bottom: 30px;
	line-height: 1;
}
#Movie .text .inner .name{
	font-weight: 100;
	font-size: 13px;
	line-height: 1.6;
}


/* // CarouselGallery
----------------------------------------------- */

#CarouselGallery {
	padding:0 0 100px;
	overflow:hidden;
	/* */

}
#CarouselGallery ul.slider li.slick-slide {
	padding:0 8px;
}
#CarouselGallery ul.slider li img {
	height:520px;
	width:auto;
}/*
#CarouselGallery .slick-dots {
	opacity:0.3;
}*/
#CarouselGallery .slick-dots li button{
	width: 10px;
	height: 10px;
}
#CarouselGallery .slick-dots li button:before{
	content: "　";
	width: 10px;
	height: 10px;
}

#CarouselGallery .slick-dots li{
	border: 0;
	background-color: #ccc;
	width: 10px;
	height: 10px;
}
#CarouselGallery .slick-dots li.slick-active{
	border: 0;
	background-color: #555;
}

/* // AfterTalk
----------------------------------------------- */

#AfterTalk{
	margin-bottom: 100px;
}
#AfterTalk>div{
	border:1px solid #ccc;
}
#AfterTalk .interviewer{
	display: table-cell;
	width: 270px;
	background-size: cover;
	background-position: center;
}
#AfterTalk .text{
	display: table-cell;
	padding: 40px 40px;
	font-size: 14px;
	background-color:#F5F5F5;
}
#AfterTalk .text .title{
	line-height:1;
	margin-bottom:20px;
	font-weight: 200;
	color: #aaa;
}
#AfterTalk .text .title span{
	font-size:25px;
	-webkit-transform:scale(1,0.87);
	transform:scale(1,0.87);
	font-weight:600;
	color:#CCC;
	padding-right: 15px;
	display: inline-block;
}
#AfterTalk .text p{
	line-height: 1.9;
	color: #222;
}

/* // OtherArticle
----------------------------------------------- */
#OtherArticle  {
	background-color:#F7F7F7;
	border-top:1px solid #E5E5E5;
	padding:50px 0 62px;
}
#OtherArticle .otherTitle {
	text-align:center;
	font-size:35px;
	line-height:1;
	margin-bottom:35px;
	-webkit-transform:scale(1,0.92);
	transform:scale(1,0.92);
	font-weight:500;
	color:#333;
}
#OtherArticle .btn {
	text-align:center;
	margin-top:35px;
}