@charset "utf-8";
/* CSS Document */


@media screen and (min-width:990px) {

/*PC向け記述*/
	
	.image_box{
		display: flex;
		justify-content: center;
		align-items:center;	
		margin-bottom: 30px;
	}
	
	p.middle_image{
		text-align: center;
		margin-bottom: 30px;
	}
	
	p.middle_image img{
		max-width: 100%;
	}
	
	p.image_p{
		text-align: center;
		margin: 0 5px;
	}	
	
	p.image_p img{
		max-width: 100%;
	}
	
	p.text_supple{
		font-size: 0.8em;
	}
	
	a.reference{
		color: #0000de;
	}
	
	a.reference:hover{
		color: #6d6dec;
		text-decoration: underline;
	}
	
	span.annotate{
		font-size: 0.8em;
	}
	
	/*動画*/
	
	section.y_movie{
		padding: 0 0 50px 0;
	}
	
	.movie_case{
		max-width: 400px;
		margin: 0 auto;
		box-shadow: 0px 0px 20px gray;
	}
	
	.movie_iframe_contents{
		position: relative;
		padding-bottom: 56.25%;		
	}
	
	.movie_iframe_contents iframe{
		position: absolute;	top: 0; left: 0;
		width: 100%;
		height: 100%;
	}
	
}



@media only screen and (max-width: 989px)  {
 
/*タブレット向記述*/
	
	.image_box{
		display: flex;
		justify-content: center;
		align-items: center;		
		margin-bottom: 30px;
	}
	
	p.middle_image{
		text-align: center;
		margin-bottom: 30px;
	}
	
	p.middle_image img{
		max-width: 100%;
	}
	
	p.image_p{
		text-align: center;
	}
	
	p.image_p img{
		max-width: 100%;
	}
	
	p.text_supple{
		font-size: 0.8em;		
		text-indent: -12px;
		padding-left: 12px;
	}
	
	a.reference{
		color: #0000de;
	}
	
	span.annotate{
		font-size: 0.8em;
	}

	/*動画*/
	
	section.y_movie{
		padding: 0 0 50px 0;
	}
	
	.movie_case{
		max-width: 400px;
		margin: 0 auto;
		box-shadow: 0px 0px 20px gray;
	}
	
	.movie_iframe_contents{
		position: relative;
		padding-bottom: 56.25%;		
	}
	
	.movie_iframe_contents iframe{
		position: absolute;	top: 0; left: 0;
		width: 100%;
		height: 100%;
	}

	
}


@media only screen and (max-width: 599px) {
 
	/*スマートホン向記述*/
	
	.image_box{
		flex-wrap: wrap;
	}
	
	p.image_p{
		text-align: center;
	}
	
	

 
}