@charset "utf-8";

/*-----------------------------------------------------
font
-------------------------------------------------------*/
#Vision div.inline h2,
#Vision div.inline div.point h3 em.num,
section.items h2,
section.items div.lists figure ul li a{
	letter-spacing:0.1em;
	font-feature-settings: "palt";
}
section.items p.more{
	letter-spacing:0.1em;
	font-feature-settings: "palt";
}

/*-----------------------------------------------------
Container
-------------------------------------------------------*/
#Container{
	position:relative;
	z-index:10;
}


/*-----------------------------------------------------
GlobalNavi
-------------------------------------------------------*/
#GlobalNavi div.btn.top{
	display:block;
}



/*-----------------------------------------------------
Content
-------------------------------------------------------*/
#Content{
	max-width:100%;
}



/*-----------------------------------------------------
Main
-------------------------------------------------------*/
#Main{}
@media screen and (max-width:1140px){ /* == device-width < 1140 == */
	#Main{
		padding-left:0;
		padding-right:0;
	}
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Main{
		padding-top:0;
		padding-left:0;
		padding-right:0;
	}
}

/*-------------------------------------
section.items
---------------------------------------*/
section.items{
	padding:100px 0;
	color:#EEEEEE;
}
section.items a{color:#EEEEEE;}
section.items div.inline{
	max-width:1140px;
	position:relative;
	overflow:hidden;
	margin:0 auto;
}
@media screen and (max-width:1140px){ /* == device-width < 1140 == */
	section.items div.inline{
		padding:0 60px;
	}
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	section.items{
		padding:40px 25px;
	}
	section.items div.inline{
		min-width:auto;
		padding:0;
	}
}

/* h2
---------------------*/
section.items h2{
	line-height:1;
	font-size:64px;
	letter-spacing:0;
	z-index:10;
	text-align:center;
	padding:0 0 20px;
}
@media screen and (max-width:1140px){ /* == device-width < 1140 == */
	section.items h2{
	}
}
@media screen and (max-width:780px){ /* == device-width < 780 == */
	section.items h2{
		font-size:48px;
		padding:0 0 20px;
	}
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	section.items h2{
		padding:0 0 10px;
		font-size:28px;
	}
}

/* h3
---------------------*/
section.items h3{
	line-height:1;
	font-size:24px;
	letter-spacing:0.05em;
	z-index:10;
	text-align:center;
	padding:0 0 80px;
}
@media screen and (max-width:1140px){ /* == device-width < 1140 == */
	section.items h3{
	}
}
@media screen and (max-width:780px){ /* == device-width < 780 == */
	section.items h3{
		font-size:18px;
		padding:0 0 50px;
	}
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	section.items h3{
		font-size:14px;
		padding:0 0 30px;
	}
}




/* reel
---------------------*/
section.items div.reel{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

section.items div.reel iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#SNS_Button{
	border-top:solid 1px #ccc;
	padding:2em 0 8em;
	position:relative;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#SNS_Button{
	padding:2em 0 5em;
	}
}

.SNS_Button_box_1 a{
	display:block;
	text-align:center;
	width:49%;
	padding:0.8em 0;
	position:absolute;
	top:2em;
	left:0;
	text-decoration:none;
	font-size:120%;
	border:solid 1px #fff;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	.SNS_Button_box_1 a{
	width:48%;
	padding:0.5em 0;
	font-size:100%;
	}
}

.SNS_Button_box_2 a{
	display:block;
	text-align:center;
	width:49%;
	padding:0.8em 0;
	position:absolute;
	top:2em;
	right:0;
	text-decoration:none;
	font-size:120%;
	border:solid 1px #fff;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	.SNS_Button_box_2 a{
	width:48%;
	padding:0.5em 0;
	font-size:100%;
	}
}

/* About us
---------------------*/
#About_Title{
	font-size:36px;
	margin-top:40px;
	color:#00b3e3;
	padding:0 0 60px;
}
@media screen and (max-width:1140px){ /* == device-width < 1140 == */
	#About_Title{
	}
}
@media screen and (max-width:780px){ /* == device-width < 780 == */
	#About_Title{
	font-size:30px;
	margin-top:40px;
	color:#00b3e3;
	padding:0 0 60px;
	}
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#About_Title{
	font-size:20px;
	margin-top:40px;
	color:#00b3e3;
	padding:0 0 40px;
	}
}

#About_p{
	text-align:center;
	font-size:18px;
	margin-bottom:40px;
}
@media screen and (max-width:1140px){ /* == device-width < 1140 == */
	#About_p{
	}
}
@media screen and (max-width:780px){ /* == device-width < 780 == */
	#About_p{
	text-align:center;
	font-size:16px;
	margin-bottom:40px;
	}
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#About_p{
	text-align:center;
	font-size:14px;
	margin-bottom:40px;
	}
}


/* News
---------------------*/

#Main_Title{
	padding:0 0 0.5em;
	margin-bottom:0.4em;
}

#News_Content{
	border-top:solid 1px #ddd;
	padding:4em 0;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#News_Content{
	padding:2em 0;
	}
}

.News_date{
	font-size:120%;
	margin-bottom:1em;
	letter-spacing:0.1em;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	.News_date{
	font-size:90%;
	}
}

#News_Title{
	text-align:left;
	font-size:150%;
	padding:0 0 0.5em;
	line-height:130%;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#News_Title{
	font-size:110%;
	padding:0 0 0.5em;
	}
}

.News_Text{
	font-size:120%;
	margin-bottom:3em;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	.News_Text{
	font-size:90%;
	}
}

.News_Text_2{
	font-size:120%;
	
margin-bottom:3em;
	
	line-height:2;
}

@media screen and (max-width:640px){ /* == device-width < 640 == */
	.News_Text_2{
	font-size:90%;
	}
}

.News_Image img{
	max-width:100%;
	height:auto;
	padding:0 0 5em;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	.News_Image img{
	padding:0 0 2em;
	}
}

.News_Image_H img{
	max-width:24%;
	height:auto;
	padding:0 0 5em;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	.News_Image_H img{
	max-width:23%;
	height:auto;
	padding:0 0 2em;
	}
}

.News_Movie{
	position:relative;
	width:100%;
	padding-top:56.25%;
}

.News_Movie iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

/* Works
---------------------*/
#Button{
	border-top:solid 1px #ccc;
	padding:4em 0 10em;
	position:relative;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Button{
	padding:2em 0 5em;
	}
}

.Button_box_1 a{
	display:block;
	text-align:center;
	width:32%;
	padding:0.8em 0;
	position:absolute;
	top:4em;
	left:0;
	text-decoration:none;
	font-size:120%;
	border:solid 1px #fff;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	.Button_box_1 a{
	width:31%;
	padding:0.5em 0;
	top:2em;
	font-size:100%;
	}
}

.Button_box_2 a{
	display:block;
	text-align:center;
	width:32%;
	padding:0.8em 0;
	position:absolute;
	top:4em;
	left: -100%;
	right: -100%;
	margin:auto;
	text-decoration:none;
	font-size:120%;
	border:solid 1px #fff;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	.Button_box_2 a{
	width:31%;
	padding:0.5em 0;
	top:2em;
	font-size:100%;
	}
}

.Button_box_3 a{
	display:block;
	text-align:center;
	width:32%;
	padding:0.8em 0;
	position:absolute;
	top:4em;
	right:0;
	text-decoration:none;
	font-size:120%;
	border:solid 1px #fff;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	.Button_box_3 a{
	width:31%;
	padding:0.5em 0;
	top:2em;
	font-size:100%;
	}
}

#Works_Content{
	margin-bottom:10em;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Works_Content{
	margin-bottom:2em;
	}
}

.Works_Movie{
	position:relative;
	width:100%;
	padding-top:56.25%;
	margin-bottom:2em;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	.Works_Movie{
	margin-bottom:1em;
	}
}
.Works_Movie iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

#Works_Title{
	font-size:130%;
	padding:0 0 0.5em;
	line-height:130%;
	margin-bottom:5em;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Works_Title{
	font-size:90%;
	}
}

/* Members
---------------------*/
#Members_Content{
	padding:2em 0 5em;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Members_Content{
	padding:1em 0 5em;
	}
}

#Members_Photo.items{
	padding:0;
	margin-bottom:7em;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Members_Photo.items{
	margin-bottom:3em;
	}
}

#Members_Photo img{
	max-width:100%;
	height:auto;
	padding:0;
}

#Members.items{
	padding:0;	
}

#Member_image{
	float:left;
	width:65%;
	margin-right:5%;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Member_image{
	float:none;
	width:100%;
	}
}

#Member_image img{
	max-width:100%;
	height:auto;
	padding:0;
}

#Member_info{
	float:left;
	width:30%;
	padding-top:11em;
}

@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Member_info{
	float:none;
	width:100%;
	padding-top:2em;
	text-align:center;
	}
	#Member_info h3{
	text-align:center!important;
	}
}

@media screen and (max-width:1140px){ /* == device-width < 640 == */
	#Member_info{
	padding-top:5em;
	}
}

.Member_info_3{
	margin-bottom:2em;
	font-weight:bold;
}

.Member_name_1{
	text-align:left!important;
	padding:0!important;
	margin-bottom:0.3em;
	font-weight:bold;
}

@media screen and (max-width:640px){ /* == device-width < 640 == */
	.Member_name_1{
	font-size:18px!important;
	}
}

.Member_name_2{
	margin-bottom:2em;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	.Member_name_2{
	font-size:10px;
	}
}


.Member_info_1,.Member_info_2{
	margin-bottom:1em;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	.Member_info_1,.Member_info_2{
	font-size:12px;
	}
}

.ja_1{
	font-weight:bold;
	vertical-align:1px;
}


/* Company
---------------------*/
#Company_Content{
	border-top:solid 1px #ccc;
	padding:10em 0 5em;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Company_Content{
	padding:4em 0;
	}
}

#Company_table{
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 640px;
}
@media screen and (max-width:780px){ /* == device-width < 780 == */
	#Company_table{
	width:100%;
	font-size:90%;
	}
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Company_table{
	width:100%;
	font-size:80%;
	}
}

#Company_table th,#Company_table td{
	padding:1em;
}
	
#Company_table th{
	text-align:right;
	width:20%;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Company_table th{
	width:25%;
	}
}

#Contact_Button a{
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width:40%;
display:block;
border:solid 1px #ccc;
padding:1em 2em;
text-align:center;
text-decoration:none;
}