/*////////////////////////////////////////
共通
////////////////////////////////////////*/


/* ////////////////////////////////////////
スマートフォン向けのスタイル：479px以下 
////////////////////////////////////////*/
@media screen and (max-width: 479px) {
	
	
/*title*/
div.title-inner{
	width:96%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
h2.title-title{
	text-align: center;
	font-size:300%;
	line-height: 1.2;
	font-family: 'Raleway', sans-serif;
	font-weight:900;
	color:#000;
	margin-top:0px;
	margin-bottom: 0px;
}
p.title-sub-title{
	text-align: center;
	color:#ec6600;
}
	
/*cnt01*/	
	section#cnt01{
		width:96%;
		margin-left: auto;
		margin-right: auto;
		padding: 15px;
		margin-top: 20px;
	}
	
	section#cnt01 img{
		width: 100%;
	}
	
	
/*section#youtube-cnt*/
	section#youtube-cnt{
		width: 96%;
		margin-left: auto;
		margin-right: auto;
	}
	
	section#youtube-cnt h3{
		background: #000;
		color:#fff;
		padding: 10px;
		margin-top: 100px;
		margin-bottom: 20px;
		font-weight: bold;
	}
	
	div.youtube-cnt-inner{
		width: 96%;
		margin-left: auto;
		margin-right: auto;		
	}
	
	p.youtube-arrow{
		width: 80px;
		margin-left: auto;
		margin-right: auto;
	}

	p.youtube-arrow img{
		width: 100%;
	}
	
	div.youtube-cnt-inner01{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	div.youtube-cnt-inner02{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	p.youtube-text{
		width: 260px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}
	
	p.youtube-text02{
		text-align: left!important;
	}

	/*テスト画像表示用の記述*/
	div.youtube-cnt-inner01 img{width: 100%;}
	div.youtube-cnt-inner02 img{width: 100%;}
	
	

}





/*////////////////////////////////////////
 タブレット向けのスタイル：481px ～ 768px 
////////////////////////////////////////*/
@media only screen and (min-width: 481px) {
	
/*title*/
div.title-inner{
	width:980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}
h2.title-title{
	text-align: center;
	font-size:370%;
	font-family: 'Raleway', sans-serif;
	font-weight:900;
	color:#000;
	margin-top:25px;
	margin-bottom: 25px;
}
p.title-sub-title{
	text-align: center;
	color:#ec6600;
}
	
/*cnt01*/	
	section#cnt01{
		width:930px;
		margin-left: auto;
		margin-right: auto;
		padding: 15px;
		margin-top: 50px;
	}
	
	section#cnt01 img{
		width: 100%;
	}
	
/*section#youtube-cnt*/
	section#youtube-cnt{
		width: 780px;
		margin-left: auto;
		margin-right: auto;
	}
	
	section#youtube-cnt h3{
		background: #000;
		color:#fff;
		padding: 10px;
		margin-top: 100px;
		margin-bottom: 20px;
		font-weight: bold;
	}
	
	div.youtube-cnt-inner{
		width: 780px;
		margin-left: auto;
		margin-right: auto;		
	}
	
	p.youtube-arrow{
		width: 120px;
		margin-left: auto;
		margin-right: auto;
	}
	p.youtube-arrow img{
		width: 100%;
	}

	
	div.youtube-cnt-inner01{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	div.youtube-cnt-inner02{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	p.youtube-text{
		width: 260px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}
	
	p.youtube-text02{
		text-align: left!important;
	}

	/*テスト画像表示用の記述*/
	div.youtube-cnt-inner01 img{width: 100%;}
	div.youtube-cnt-inner02 img{width: 100%;}

}



/*////////////////////////////////////////
PC向けのスタイル：769px～960px 
////////////////////////////////////////*/
@media only screen and (min-width: 769px) {




}