@charset "utf-8";

/*=======================================
全体
=======================================*/

#wrapper{
	width:100%;
	margin:0  auto;
}



/*=======================================
ヘッダー & ナビゲーション
=======================================*/

header{
	width:100%;
	margin:10px auto;
}

header h1{
	padding:10px 0 0 30px;
	float:left;
}

header nav{
	padding:10px 30px 0 0;
	float:right;
}

header nav ul{
	list-style: none;
}

header nav ul li{
	float:left;
}



/*=======================================
メインコンテンツ
=======================================*/

main{
	width:100%;
	margin:0 auto;
}

#production{
	background: url(image/p_back.jpg) no-repeat;
	background-size: cover;
	width:50%;
	min-height: 100%;
	padding:270px 0;
	float: left;
	text-align: center;
}

#production h2:hover{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	transition: linear 0.2s;
}

#production a img:hover{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	transition: linear 0.2s;
}
	
#academy{
	background: url(image/a_back.jpg) no-repeat;
	background-size: cover;
	width:50%;
	min-height: 100%;
	padding:270px 0;
	float: right;
	text-align: center;
}

#academy h2:hover{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	transition: linear 0.2s;
}

#academy a img:hover{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	transition: linear 0.2s;
}

#production p,#academy p{
	padding: 40px 0;
	text-align: center;
}




/*=======================================
フッター
=======================================*/

.copy{
	padding:10px 0;
	font-size:0.9rem;
	text-align: center;
}





/*=======================================
レスポンシブ
=======================================*/
/*--- タブレット ---
@media all and (max-width:760px){}
*/

/*--- スマホ_L ---*/

@media all and (max-width:414px){
	
img{
	max-width: 100%;
	height:auto;
}

/*=======================================
ヘッダー & ナビゲーション
=======================================*/

header{
	width:100%;
	margin:10px auto;
}

header h1{
	padding:10px 0;
	float:none;
	text-align: center;
}

header nav{
	padding:10px 0;
	float:none;
}

header nav ul{
	width:100%;
	margin:0 auto;
	list-style: none;
}

header nav ul li{
	width:32.5%;
	float:left;
	text-align: center;
}



/*=======================================
メインコンテンツ
=======================================*/

main{
	width:100%;
	margin:0 auto;
}

#production{
	background: url(image/p_back.jpg) no-repeat;
	background-size: cover;
	width:100%;
	min-height: 100%;
	padding:100px 0;
	float: none;

}

#production h2:hover{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	transition: linear 0.2s;
}

#production a img:hover{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	transition: linear 0.2s;
}
	
#academy{
	background: url(image/a_back.jpg) no-repeat;
	background-size: cover;
	width:100%;
	min-height: 100%;
	padding:100px 0;
	float: none;
	text-align: center;
}

#academy h2:hover{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	transition: linear 0.2s;
}

#academy a img:hover{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	transition: linear 0.2s;
}

#production p,#academy p{
	padding: 40px 0;
	text-align: center;
}




/*=======================================
フッター
=======================================*/

.copy{
	padding:10px 0;
	font-size:0.9rem;
	text-align: center;
}



}


/*--- スマホ_M ---*/

@media all and (max-width:375px){

.service_content ul li section{
	padding-left:0;
}



}


/*--- スマホ_S ---*/

@media all and (max-width:320px){
	
}