#mainImg { margin-bottom: 60px; height: 100%; overflow: hidden;}
@media screen and (max-width: 767px) {
	#mainImg { margin-bottom: 30px;}
}
	#mainImg img {width: 100%; }
	.post #concept { text-align: left; font-size: 14px; line-height: 1.8;}
		.post #concept h1{ font-size: 24px; font-weight: bold; margin-bottom: 20px;}
			.post #concept div{ width: 100%; max-width: 940px; font-weight: bold;}

	.item_txtArea{ font-size: 14px; font-weight: bold; line-height: 1.8; width: 100%; max-width: 300px; position: absolute; text-align: left; }
		.item_txtArea h2{ font-size: 22px; margin-bottom: 40px; }
	.item_img{ width: 100%; }
		.item_img img{ width: 50%; max-width: 490px; }
 
	#framingArea{ text-align: left; position: relative; margin-bottom: 80px;}
		#framingArea .item_txtArea{ top: 19%; right: 5%;}
		#framingArea .item_img{}
	#sozaiArea{ text-align: right; position: relative; margin-bottom: 60px; }
		#sozaiArea .item_txtArea{ top: 19%; left: 5%;}
		#sozaiArea .item_img{ width: 100%;}
	@media screen and (max-width: 767px) {
		.item_txtArea{ font-size: 14px; font-weight: bold; line-height: 1.8; max-width: 100%; position: relative; text-align: left; }
			.item_txtArea h2{ font-size: 22px; margin-bottom: 20px; }
		.item_img{ width: 100%; }
			.item_img img{ width: 100%; max-width: 290px; }
		#framingArea{ margin-bottom: 30px;}
			#framingArea .item_txtArea{ top: 00%; right: 0%;}
			#framingArea .item_img{}
		#sozaiArea{ text-align: left; margin-bottom: 30px; }
			#sozaiArea .item_txtArea{ top: 0%; left: 0%;}
	}

	#inqArea { margin-bottom: 50px; padding: 60px 10px 0; text-align: center; font-size: 14px; font-weight: bold; background: url(../../img/framing/framing03.png) no-repeat; background-size:cover; height: 283px; }
		#inqArea h2{ font-size: 22px; margin-bottom: 30px; border: 1px solid #333; width: auto; display: inline-block; padding: 0px 30px; line-height: 40px;}
		#inqArea div{ line-height: 1.8; }

#h2_vari { display: block; text-align: left; font-size: 24px; font-weight: bold; margin-bottom: 40px;}
#variationArea{}
	#variationArea .var_item{ float: left; width: 44.5%; margin-bottom: 80px;}
	#variationArea .var_item:nth-child(even){ margin-left: 10%;}
		#variationArea h2{ margin: 30px 0; font-size: 18px; font-weight: bold;}
		#variationArea img{ width: 100%;}
		#variationArea .var_desc{ text-align: left; font-size: 14px; line-height: 1.8; padding: 0 20px; font-weight: bold;}
	@media screen and (max-width: 767px) {
		#variationArea .var_item{ float: none; width: 100%; margin-bottom: 80px;}
		#variationArea .var_item:nth-child(even){ margin-left: 0%;}
	}
			#bnr_campaign{ position: absolute; top: 155px; left: 20px; width: 50%; max-width: 448px;}
				#bnr_campaign img{ width: 100%; }
			@media screen and (max-width: 979px) {
				#bnr_campaign{ top: 100px;}
			}
			@media screen and (max-width: 767px) {
				#bnr_campaign{ top: 80px; width: 40%;}
			}
			@media screen and (max-width: 420px) {
				#bnr_campaign{ display: none;}
			}