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

/* -------------------------------------------
	ヘッダーラップ
---------------------------------------------- */
#content2.top #head_wrap .container #page_title { margin-bottom: 26px; }
#head_wrap .container #head_image { right: 28px; top: 29px; }
#content2.top #head_wrap .container #head_image { left: 50%; right: inherit; top: 333px; margin-left: -242px; }

@media only screen and (max-width: 767px) {
	#head_wrap { height: 330px; }
	#head_wrap .container #report_title { height: 100px; margin-bottom: 28px; background: url(../img/title_x2.png) no-repeat center top; background-size: 160px auto; }
	#content2.top #head_wrap .container #page_title { height: 117px; margin-bottom: 22px; background: url(../img/title_top_x2.png) no-repeat center top; background-size: 187px auto; }
	#content2.top #head_wrap .container #head_lede { height: 234px; background: url(../img/label_lede_top_x2.png) no-repeat center top; background-size: 237px auto; }
	#head_wrap .container #head_image { right: inherit; top: 189px; width: 100%; height: 91px; background: url(../img/img_head_x2.png) no-repeat center top; background-size: 189px auto; }
	#content2.top #head_wrap .container #head_image { left: 0; top: 463px; width: 100%; height: 139px; background: url(../img/img_head_top_x2.png) no-repeat center top; background-size: 283px auto; margin-left: 0; }
}

/* -------------------------------------------
	扉
---------------------------------------------- */
#product_wrap .container .product_item { padding-top: 144px; }
#product_wrap .container .product_item .thumb { width:100%; max-width: 200px; margin: 0 auto 0.5em; }

@media only screen and (max-width: 767px) {
	#product_wrap .container .product_item { padding-top: 101px; }
	#product_wrap .container .product_item .thumb { max-width: 181px; }
	#product_wrap .container .feature_list li:nth-child(1) { height: 73px; background: url(../img/img_top_feature_01_x2.gif) no-repeat 0 0; background-size: 235px auto; }
	#product_wrap .container .feature_list li:nth-child(2) { height: 99px; background: url(../img/img_top_feature_02_x2.gif) no-repeat 0 20px; background-size: 235px auto; }
	#product_wrap .container .feature_list li:nth-child(3) { height: 99px; background: url(../img/img_top_feature_03_x2.gif) no-repeat 0 20px; background-size: 234px auto; }
	#product_wrap .container .feature_list li:nth-child(4) { height: 99px; background: url(../img/img_top_feature_04_x2.gif) no-repeat 0 20px; background-size: 236px auto; }
}

/* -------------------------------------------
	記事
---------------------------------------------- */
#sampling_wrap { margin-bottom: 50px; background: url(../../img/bg.gif); }
#sampling_wrap #label_sampling { height: 144px; background: url(../img/bg_sampling.gif) no-repeat center top; text-indent: -9999px; }
#sampling_wrap .inner { margin: 0 50px; padding: 2em 0 50px; border-top: 1px solid #dbd4cd; }
#sampling_wrap .article { margin-bottom: 1.5em; }
#sampling_wrap .col2 .img_left,
#sampling_wrap .col2 .img_right { width: 45.9%; max-width: 330px; }
#sampling_wrap .col3 .img_left,
#sampling_wrap .col3 .img_right { width: 30.6%; max-width: 220px; }
#sampling_wrap .col3 .img_left { margin-right: 4.1%; }
#sampling_wrap .img_left img,
#sampling_wrap .img_right img { width: 100%; vertical-align: bottom; }

@media only screen and (max-width: 767px) {
	#content2.report1 #article_wrap #page_title { padding-top: 418px; padding-bottom: 30px; background: url(../img/page_title_01_x2.gif) no-repeat center 34px; background-size: 240px auto; }
	#content2.report1_2 #article_wrap #page_title { padding-top: 418px; padding-bottom: 30px; background: url(../img/page_title_01_2_x2.gif) no-repeat center 34px; background-size: 240px auto; }
	#content2.report2 #article_wrap #page_title { padding-top: 418px; padding-bottom: 30px; background: url(../img/page_title_02_x2.gif) no-repeat center 34px; background-size: 240px auto; }
	#content2.report2_2 #article_wrap #page_title { padding-top: 418px; padding-bottom: 30px; background: url(../img/page_title_02_2_x2.gif) no-repeat center 34px; background-size: 240px auto; }
	#content2.report3 #article_wrap #page_title { padding-top: 418px; padding-bottom: 30px; background: url(../img/page_title_03_x2.gif) no-repeat center 34px; background-size: 240px auto; }
	#content2.report3_2 #article_wrap #page_title { padding-top: 418px; padding-bottom: 30px; background: url(../img/page_title_03_2_x2.gif) no-repeat center 34px; background-size: 240px auto; }
	#content2.report1 #article_wrap #section01 .headline { height: 107px; background: url(../img/label_headline_01_01_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report1 #article_wrap #section02 .headline { height: 109px; background: url(../img/label_headline_01_02_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report2 #article_wrap #section01 .headline { height: 147px; background: url(../img/label_headline_02_01_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report2 #article_wrap #section02 .headline { height: 145px; background: url(../img/label_headline_02_02_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report3 #article_wrap #section01 .headline { height: 107px; background: url(../img/label_headline_03_01_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report3 #article_wrap #section02 .headline { height: 108px; background: url(../img/label_headline_03_02_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2 #article_wrap #section03 .headline { height: 68px; background: url(../img/label_headline_end_x2.gif) no-repeat center top; background-size: 240px auto; }

	#sampling_wrap { margin-bottom: 40px; background: url(../../img/bg_x2.gif); background-size: 320px auto; }
	#sampling_wrap #label_sampling { height: 139px; background: url(../img/bg_sampling_x2.gif) no-repeat center top; background-size: 480px; }
	#sampling_wrap .inner { margin: 0 20px; padding: 1em 0 30px; }
	#sampling_wrap .article { margin-bottom: 1.25em; }
	#sampling_wrap .img_left,
	#sampling_wrap .img_right { width: 100% !important; max-width: inherit !important; margin-right: 0 !important; }
	#sampling_wrap .img_left { margin-bottom: 15px; }
}