@charset "utf-8";

/* ===================================================================
CSS information

 File Name  : concept.css
 Author     : 
 Style Info : 片山酒造の思い
=================================================================== */

#concept .main_txt{width: 600px; margin: 40px; float: left;}
#concept .main_txt h2{background: url(../img/mark.png) no-repeat; font-size: 22px; padding: 0 0 3px 25px; margin-bottom: 25px; border-bottom: solid 1px #000;}
#concept .main_txt p{margin-bottom: 40px;}
#concept .side_img{width: 320px; float: left; margin-top: 40px;}
#concept .side_img img{width: 100%; margin-bottom: 20px;}
#concept .side_img p{margin: -15px 0 20px;}

@media screen and (max-width:480px) { 
/*　画面サイズが480pxまではここを読み込む　*/
	#concept h1{width: 100%; margin-top: 17%;}
	#concept .main_txt{width: 90%; margin: 20px auto; float: none;}
	#concept .main_txt h2{background-position: left bottom 5px; font-size: 17px; line-height: 1.4; margin-bottom: 15px; border-top: dotted 2px #999; padding-top: 20px;}
	#concept .main_txt h2:first-of-type{border-top: none; padding-top: 0;}
	#concept .main_txt p{margin-bottom: 10px;}
	#concept .main_txt div img{width: 90%; max-width: 300px;}
	#concept .main_txt div+p{width: 90%; max-width: 300px; margin: 0 auto;}
	#concept .side_img{display: none;}
}