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

/* -------------------------------------------
	レイアウト
---------------------------------------------- */
.button_instick { margin-top: 9px; padding: 10px 0 12px; width: 99.34%; background-color: #fafaf8; border: 1px solid #8d7a4f; font-size: 100%; font-weight: normal; }
a.button_instick  { color: #333; }
.button_instick .arr { margin: 0 10px; background-image: url(../img/arr_black.png);}
.button_instick:hover { background-color: inherit; }

@media only screen and (max-width: 767px) {
	#content2.top #contents_wrap { margin-top: -33px; }
	.button_instick .arr { margin: 0 10px; background-image: url(../img/arr_black_x2.png); background-size: 6px auto;}
}

/* -------------------------------------------
	ヘッダーラップ
---------------------------------------------- */
#head_wrap .container #report_title { padding-right: 20%;}
#content2.top #head_wrap .container #page_title { margin-bottom: 25px; }
#head_wrap .container #head_image { right: 16px; top: 13px; width: 18.3%; }
#content2.top #head_wrap .container #head_image { left: 50%; right: inherit; top: 339px; margin-left: -181px; width: 332px; }

@media only screen and (max-width: 767px) {
	#head_wrap { height: 484px; background-size: 640px 484px;}
	#head_wrap .container #report_title { height: 181px; margin-bottom: 28px; background: url(../img/title_x2.png) no-repeat center top; background-size: 239px auto; }
	#content2.top #head_wrap .container #page_title { height: 145px; margin-bottom: 26px; background: url(../img/title_top_x2.png) no-repeat center top; background-size: 280px auto; padding-right: 0; }
	#content2.top #head_wrap .container #head_lede { height: 84px; background: url(../img/label_lede_top_x2.png) no-repeat center top; background-size: 240px auto; }
	#head_wrap .container #head_image { right: inherit; top: 263px; width: 100%; height: 176px; background: url(../img/img_head_x2.png) no-repeat center top; background-size: 259px auto; }
	#content2.top #head_wrap .container #head_image { position: static; left: inherit; top: inherit; width: 220px; height: auto; background: none; margin: 30px auto 0; }
	#content2.top #head_wrap .container #head_image img { display: inline; width: 100%; }
}

/* -------------------------------------------
	扉
---------------------------------------------- */
#product_wrap { padding-top: 168px; }
#product_wrap .container .product_item {padding: 71px 0 50px 5.11%; background: none; }
#product_wrap .container .product_item .thumb { width:100%; max-width: 278px; margin: 0 0 1.7em; }
#product_wrap .container .feature_list .feature_title { text-align: left; }
#product_wrap .container .feature_list ol { padding-top: 27px; }
#product_wrap .container .feature_list li { margin-top: 13px; }
#product_wrap .container .feature_list .feature_text { padding-top: 6px; }
#product_wrap .container .feature_list .note_list { margin-top: 1.5em; }


@media only screen and (max-width: 767px) {
	#product_wrap { padding-top: 65px; }
	#product_wrap .container .product_item { padding: 0; }
	#product_wrap .container .product_item .thumb { max-width: 230px; margin: 0 auto 0.5em; }
	#product_wrap .container .feature_list .feature_title img { display: none; }
	#product_wrap .container .feature_list .feature_title {  height: 19px; text-align: center; margin-top: 44px;
    background: url(../img/img_top_feature_title_x2.gif) no-repeat center top; background-size: 147px auto; }
	#product_wrap .container .feature_list li { margin-top: 20px; }
	#product_wrap .container .feature_list li:nth-child(1) { background: url(../img/img_top_feature_01_x2.gif) no-repeat 0 0; background-size: 233px auto; }
	#product_wrap .container .feature_list li:nth-child(2) { background: url(../img/img_top_feature_02_x2.gif) no-repeat 0 20px; background-size: 188px auto; }
	#product_wrap .container .feature_list li:nth-child(3) { background: url(../img/img_top_feature_03_x2.gif) no-repeat 0 20px; background-size: 216px auto; }
	#product_wrap .container .feature_list li:nth-child(4) { background: url(../img/img_top_feature_04_x2.gif) no-repeat 0 20px; background-size: 232px auto; }
	#product_wrap .container .feature_list li:nth-child(1) .feature_text { padding-top: 63px; }
	#product_wrap .container .feature_list li:nth-child(2) .feature_text { padding-top: 37px; }
	#product_wrap .container .feature_list li:nth-child(3) .feature_text { padding-top: 38px; }
	#product_wrap .container .feature_list li:nth-child(4) .feature_text { padding-top: 38px; }

}

/* -------------------------------------------
	記事
---------------------------------------------- */

@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: 69px; background: url(../img/label_headline_01_01_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report1 #article_wrap #section02 .headline { height: 107px; background: url(../img/label_headline_01_02_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report1 #article_wrap #section03 .headline { height: 68px; background: url(../img/label_headline_01_03_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report1 #article_wrap #section04 .headline { height: 28px; background: url(../img/label_headline_end_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report1 #section02 .section .article_left dl.article { margin-bottom: 1.5em !important; }
	#content2.report2 #article_wrap #section01 .headline { height: 69px; background: url(../img/label_headline_01_01_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report2 #article_wrap #section02 .headline { height: 108px; background: url(../img/label_headline_01_02_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report2 #article_wrap #section03 .headline { height: 28px; background: url(../img/label_headline_end_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report3 #article_wrap #section01 .headline { height: 69px; background: url(../img/label_headline_01_01_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report3 #article_wrap #section02 .headline { height: 107px; background: url(../img/label_headline_01_02_x2.gif) no-repeat center top; background-size: 240px auto; }
    #content2.report3 #article_wrap #section03 .headline { height: 28px; background: url(../img/label_headline_end_x2.gif) no-repeat center top; background-size: 240px auto; }

	#content2.report1_2 #article_wrap #section01 .headline { height: 28px; background: url(../img/label_headline_02_01_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report1_2 #article_wrap #section02 .headline { height: 66px; background: url(../img/label_headline_02_02_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report1_2 #article_wrap #section03 .headline { height: 28px; background: url(../img/label_headline_02_03_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report1_2 #article_wrap #section04 .headline { height: 66px; background: url(../img/label_headline_02_04_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report2_2 #article_wrap #section01 .headline { height: 28px; background: url(../img/label_headline_02_01_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report2_2 #article_wrap #section02 .headline { height: 66px; background: url(../img/label_headline_02_02_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report2_2 #article_wrap #section04 .headline { height: 66px; background: url(../img/label_headline_02_04_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report3_2 #article_wrap #section01 .headline { height: 28px; background: url(../img/label_headline_02_01_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report3_2 #article_wrap #section02 .headline { height: 66px; background: url(../img/label_headline_02_02_x2.gif) no-repeat center top; background-size: 240px auto; }
	#content2.report3_2 #article_wrap #section04 .headline { height: 66px; background: url(../img/label_headline_02_04_x2.gif) no-repeat center top; background-size: 240px auto; }
}

/* -------------------------------------------
	マージン
---------------------------------------------- */
#content2.report2 #section02 .article_left .has_under { padding-bottom: 6.3em; }

@media only screen and (max-width: 767px) {
	#content2.report2 #section02 .article_left .has_under { padding-bottom: 0; }
}