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

/* -------------------------------------------
	レイアウト
---------------------------------------------- */
@media only screen and (max-width: 767px) {
	#content2.top #contents_wrap { margin-top: -33px; }
}

/* -------------------------------------------
	ヘッダーラップ
---------------------------------------------- */
#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; }
#content2.top #head_wrap .container #head_image { left: 50%; right: inherit; top: 372px; margin-left: -263px; }
#contents_wrap #article_wrap .headline { margin-bottom: 45px; }
#contents_wrap #article_wrap .headline img { vertical-align: bottom; }

@media only screen and (max-width: 767px) {
	#contents_wrap #article_wrap .headline { margin-bottom: 40px; }
	#head_wrap { height: 343px; background-size: 640px 343px;}
	#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: 70px; margin-bottom: 22px; background: url(../img/title_top_x2.png) no-repeat center top; background-size: 252px auto; padding-right: 0; }
	#content2.top #head_wrap .container #head_lede { height: 212px; 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: 263px; height: auto; background: none; margin: 47px auto 0; }
	#content2.top #head_wrap .container #head_image img { display: inline; width: 100%; }
}

/* -------------------------------------------
	扉
---------------------------------------------- */
#product_wrap { padding-top: 152px; }
#product_wrap .container .product_item {padding: 50px 0 50px 5.11%; background: none; }
#product_wrap .container .product_item .thumb { width:100%; max-width: 200px; margin: 0 auto; }
#product_wrap .container .feature_list .feature_title { text-align: left; }
#product_wrap .container .feature_list li { margin: 0 0 16px; padding: 0 0 10px; background: url(../../img/dotted.gif) repeat-x left bottom; }
#product_wrap .container .feature_list li:first-child { margin-top: 0; padding-top: 0; background: url(../../img/dotted.gif) repeat-x left bottom; }
#product_wrap .container .feature_list ol { padding-top: 20px; }
#product_wrap .container .feature_list .feature_text { padding: 0 0 0 50px; }
#product_wrap .container .feature_list .note_list { margin-top: 2em; }


@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: 117px; 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) { height: 72px; background: url(../img/img_top_feature_01_x2.gif) no-repeat 0 10px; background-size: 240px auto; }
	#product_wrap .container .feature_list li:nth-child(2) { height: 73px; background: url(../img/img_top_feature_02_x2.gif) no-repeat 0 20px; background-size: 238px auto; padding-top:10px; }
	#product_wrap .container .feature_list li:nth-child(3) { height: 73px; background: url(../img/img_top_feature_03_x2.gif) no-repeat 0 center; background-size: 238px auto; padding: 20px 0; margin-bottom: 20px; border-bottom: 1px dotted #ece7e1; }
		#product_wrap .container .feature_list li:nth-child(2) .feature_text { padding: 63px 0 0 0; }
}

/* -------------------------------------------
	記事
---------------------------------------------- */
#head_wrap .container #head_image { right: 38px; top: 44px; }
#content2.report1 #article_wrap #section02 .section + .section dl.article { margin-bottom: 2em; }
#content2.report1 #article_wrap #section02 .small { margin-bottom: 5em; }
#content2.report1 #article_wrap #section02 .section { margin-bottom:58px; }
#content2.report1 #article_wrap #section02 .headline { margin-bottom: 45px; }
#content2.report1 #article_wrap #section03 .headline { margin-bottom: 40px; }

#content2.report2 #article_wrap #section02 .section dl.article { margin-bottom: 2em; }
#content2.report2 #article_wrap #section05.section,
#content2.report3 #article_wrap #section03.section { margin-bottom: 32px; }
#content2.report3 #article_wrap #section04 .article { margin-bottom: 0; }

#article_wrap #banner_wrap .banner { margin-top: 0.75em;text-align: center; border: none; }
#article_wrap #banner_wrap .banner img { max-width: 700px; width: 100%; margin:0 auto; }
.border_title {position: relative;text-align: center;}
.border_title span img {position: relative;padding: 0 20px;background-color: #ffffff; z-index:2;}
.border_title:after {content: "";display: block;height: 1px;width: 100%;position: absolute;top: 50%;background-color: #63439c;z-index: 1;}
.subtitle_underline { padding-bottom: 14px; margin-bottom: 17px; color: #63439c; font-size: 114.2%; font-weight: bold; border-bottom: 1px solid #63439c; }
.inner_section { margin-top: -23px; padding: 54px 49px 53px; border:1px solid #63439c; border-top: none; }


@media only screen and (max-width: 767px) {
.border_title span img { top: 17px; }
.border_title:after {top: 77%;}
.color_purple { padding: 0px 0 14px 0; margin-bottom: 14px; }
.inner_section { padding: 62px 20px 20px; margin-top: -24px; }
#content2.report1 #article_wrap #section02 .small { margin-bottom: 1.5em; }
#head_wrap .container #report_title { height: 62px; margin-bottom: 22px; background: url(../img/title_x2.png) no-repeat center top; background-size: 252px auto; }
#head_wrap .container #head_image { right: inherit; top: 157px; width: 100%; height: 119px; background: url(../img/img_head_x2.png) no-repeat center top; background-size: 263px auto; }
#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.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: 231px 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: 230px auto;}

#content2.report1 #article_wrap #section01 .headline { height: 110px; background: url(../img/label_headline_01_01_x2.gif) no-repeat center top; background-size: 240px auto; }
#content2.report2 #article_wrap #section01 .headline { height: 111px; background: url(../img/label_headline_02_01_x2.gif) no-repeat center top; background-size: 240px auto; }
#content2.report3 #article_wrap #section01 .headline { height: 111px; background: url(../img/label_headline_03_01_x2.gif) no-repeat center top; background-size: 240px auto; }

#content2 #article_wrap #section02 .headline { height: 68px; background: url(../img/label_headline_02_x2.gif) no-repeat center top; background-size: 246px auto; }
#content2 #article_wrap #section03 .headline { height: 104px; background: url(../img/label_headline_03_x2.gif) no-repeat center top; background-size: 240px auto; }
#content2 #article_wrap #section04 .headline { height: 67px; background: url(../img/label_headline_04_x2.gif) no-repeat center top; 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.report1_2 #article_wrap #section01 .headline { height: 108px; background: url(../img/label_headline_05_01_x2.gif) no-repeat center top; background-size: 240px auto; }
#content2.report1_2 #article_wrap #section02 .headline { height: 109px; background: url(../img/label_headline_06_01_x2.gif) no-repeat center top; background-size: 240px auto; }
#content2.report1_2 #article_wrap #section03 .headline { height: 109px; background: url(../img/label_headline_07_x2.gif) no-repeat center top; background-size: 240px auto; }
#content2.report1_2 #article_wrap #section04 .headline { height: 109px; background: url(../img/label_headline_08_x2.gif) no-repeat center top; 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.report2_2 #article_wrap #section01 .headline { height: 108px; background: url(../img/label_headline_05_02_x2.gif) no-repeat center top; background-size: 240px auto; }
#content2.report2_2 #article_wrap #section02 .headline { height: 109px; background: url(../img/label_headline_06_02_x2.gif) no-repeat center top; background-size: 240px auto; }
#content2.report2_2 #article_wrap #section03 .headline { height: 109px; background: url(../img/label_headline_07_x2.gif) no-repeat center top; background-size: 240px auto; }
#content2.report2_2 #article_wrap #section04 .headline { height: 109px; background: url(../img/label_headline_08_x2.gif) no-repeat center top; 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.report3_2 #article_wrap #section01 .headline { height: 108px; background: url(../img/label_headline_05_03_x2.gif) no-repeat center top; background-size: 240px auto; }
#content2.report3_2 #article_wrap #section02 .headline { height: 109px; background: url(../img/label_headline_06_03_x2.gif) no-repeat center top; background-size: 240px auto; }
#content2.report3_2 #article_wrap #section03 .headline { height: 109px; background: url(../img/label_headline_07_x2.gif) no-repeat center top; background-size: 240px auto; }
#content2.report3_2 #article_wrap #section04 .headline { height: 109px; background: url(../img/label_headline_08_x2.gif) no-repeat center top; background-size: 240px auto; }
}

/* -------------------------------------------
	マージン
---------------------------------------------- */
#content2 #article_wrap p.has_under,
#content2 #article_wrap dl.has_under { margin-bottom: 0; }
@media only screen and (max-width: 767px) {
	#content2.report2 #section02 .article_left .has_under,
	#content2.report3 #article_wrap #section02 dl.has_under { margin-bottom: 1.5em; }
	#article_wrap .img_right .has_under { margin-bottom: 20px; }
	#content2.report1 #article_wrap #section02 .section + .section dl.article,
	#content2.report2 #article_wrap #section02 .section dl.article,
	#content2.report3 #article_wrap #section04 .article { margin-bottom: 1.5em; }
}