@charset "UTF-8";
/*--------------------
00_共通
--------------------*/		
.page_nav {
	margin-bottom: 70px;
}
.page_nav ul {
	text-align: center;
}
.page_nav li {
	display: inline-block;
}
.page_nav li a {
	padding: 0 1em;
	color: #000;
	font-size: 81.25%;
	text-decoration: none;
}
.page_nav li a:hover {
	text-decoration: underline;
}
.page_nav li:after {
	content: '|';
}
.page_nav li:first-child:before {
	content: '|';
}
h3.blue {
	margin-bottom: 20px;
	color: #0097C5;
	font-size: 125%;
	font-weight: bold;
}
/*--------------------
01indexページ
--------------------*/		
#page_ttl {
	background: url(../images/house/page_ttl_bg.jpg) top center no-repeat;
}
#page_ttl .inner {
	background: url(../images/house/page_ttl.jpg) top center no-repeat;
}
.content_list {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-around;
}
.content_list li {
	width: 480px;
	margin-bottom: 40px;
	text-align: left;
}
.content_list li img {
	display: block;
	margin-bottom: 20px;
}
.content_list li a {
	text-decoration: none;
}
.content_list li a:hover {
	opacity: .6;
}
.content_list h2 {
	margin-bottom: 20px;
	color: #0097C8;
	font-size: 112.5%;
	font-weight: bold;
	letter-spacing: .2em;
	text-indent: -.2em;
	text-align: center;
}
.content_list p {
	font-size: 81.25%;
	height: 1.6;
}
.housetxt {
	margin-bottom: 30px;
	color: #FF7F00;
	font-size: 120%;
}
.housetxt strong {
	color: #FF7F00;
	font-size: 200%;
}
/*--------------------
02_HEAT20G20
--------------------*/	
.heat #dannetsu ul {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	justify-content: space-between;
}
.heat #grade .img_right {
	width: 420px;
}
.heat #grade h4 {
	margin-bottom: 30px;
	font-size: 156.25%;
	font-weight: bold;
}
.heat #grade h4 span {
	color: #FF3F00;
}
.heat #effect ul {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.heat #effect li {
	width: 310px;
}
.heat #effect .heat_shock .midashi_sub {
	text-align: left;
}
.heat #effect .heat_shock .img_right {
	width: 655px;
	padding: 0;
}
.heat #bouon .midashi_sub {
	text-align: left;
}
.heat #bouon .img_right {
	width: 465px;
	padding: 0;
}
.heat #shaon .img_left {
	width: 625px;
	padding: 0;
}
.heat #shaon .img_left table {
	width: 100%;
	margin-bottom: 20px;
}
.heat #shaon .img_left th, .heat #shaon .img_left td {
	padding: 1em;
	border: #ccc 1px solid;
	text-align: center;
	line-height: 1.0;
}
.heat #shaon .img_left th {
	background: #FFFFBF;
}
.heat #shaon .img_left td {
	background: #FFF;
}
.heat #shaon .img_left thead {
	background: #F0F0E1;
}
.heat #shaon .img_left .grade3 {
	background: #FFDFBF;
	color: #FF3F00;
	font-size: 125%;
	font-weight: bold;
}
.heat #shaon .img_right {
	width: 345px;
	padding: 0;
}
.heat #shaon .img_right table {
	width: 100%;
}
.heat #shaon .img_right th, .heat #shaon .img_right td {
	padding: .5em;
	border: #ccc 1px solid;
	font-size: 87.5%;
	font-weight: normal;
	line-height: 1.0;
	text-align: center;
}
.heat #shaon .img_right th {
	background: #FFFFBF;
}
.heat #shaon .img_right td {
	background: #FFCFBF;
}
.heat #shaon .img_right td.blue {
	background: #EAFFF4;
}
.heat #shaon .img_right caption {
	caption-side: bottom;
	font-weight: bold;
	line-height: 2.0;
}
/*--------------------
03_ZEH
--------------------*/	
.zeh #zeh p {
	margin-bottom: 40px;
	font-size: 125%;
	line-height: 2.0;
}
.zeh #sekou h3 {
	margin-top: 30px;
	padding: .6em;
	background: url(../images/common/back_blue.gif);
	border: #CCC 1px solid;
	color: #FFF;
	font-size: 125%;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}
.zeh #sekou dl {
	margin-bottom: 10px;
	padding: 0 20px;
	background: #F3F3F3;
	border: #CCC 1px solid;
	border-top: none;
}
.zeh #sekou dt {
	clear: both;
	float: left;
	width: 200px;
	margin: 20px 0 0 0;
	padding: .2em;
	background: #FF8000;
	color: #FFF;
	font-size: 125%;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}
.zeh #sekou dt.small {
	padding: .4em;
	font-size: 100%;
}
.zeh #sekou dd {
	padding: 20px 0 10px 220px;
	border-bottom: #CCC 1px solid;
}
.zeh #sekou dd:last-child {
	border-bottom: none;
}
.zeh #sekou dd h4 {
	margin: .2em 0;
	font-size: 125%;
	font-weight: bold;
	line-height: 1.2;
}
.zeh #sekou dd h4 span {
	font-size: 65%;
	font-weight: normal;
}
.zeh #sekou dd p {
	font-size: 93.75%;
	line-height: 1.6;
}
.zeh #sekou .note {
	font-size: 81.25%;
	text-align: right;
}
.zeh #energy .graph {
	margin-bottom: 10px;
	padding-right: 360px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/house/zeh/bg_energy_02.jpg);
}
.zeh #energy .note {
	font-size: 75%;
	text-align: right;
}
.zeh #merit .meritbase {
	margin-bottom: 20px;
	background-color: #F0F0E1;
	clear: both;
}
.zeh #merit .meritnum {
	float: left;
	text-align: center;
	width: 100px;
	height: 75px;
	background: #8EC31F;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 40px;
	padding-top: 25px;
}
.zeh #merit .merittxt {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 600px;
	float: left;
	padding: 20px 0 0 30px;
}
.zeh #merit .merittxt dt {
	font-size: 125%;
}
.zeh #merit .merittxt dd {
	font-size: 85%;
}
.zeh #merit .meritimg {
	width: 300px;
	float: right;
}
.zeh #merit .meritbase:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.zeh #support .project h3 {
	margin-bottom: 25px;
	font-size: 150%;
	font-weight: normal;
	text-align: center;
}
.zeh #support .project .text {
	margin-bottom: 25px;
	font-size: 100%;
	line-height: 2.0;
}
.zeh #support .project .redtxt {
	margin-bottom: 40px;
	color: #FF3F00;
	font-size: 125%;
	text-align: center;
}
.zeh #support .project .redtxt br {
	display: none;
}
.zeh #support .notice {
	padding: 20px 30px;
	background: #FFEFBF;
	border-radius: 10px;
}
.zeh #support .notice p {
	font-size: 85%;
	line-height: 2.0;
}
/*--------------------
04_耐震性
--------------------*/
.taishin #grade .midashi_sub span {
	color: #FF3F00;
}
.taishin #grade .grade_list {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.taishin #grade .strong {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.taishin #grade .strong .img_right {
	width: 505px;
}
.taishin #grade .img_list {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.taishin #grade .img_list li {
	width: 480px;
}
.taishin #grade .img_list li.w100 {
	width: 100%;
}
.taishin #merit li {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.taishin #merit li:last-child {
	margin-bottom: 0;
}
.taishin #merit li .img_right {
	width: 465px;
}
.taishin #merit li .midashi_sub {
	text-align: left;
}
/*--------------------
05_長期優良住宅
--------------------*/
.choki #choki .flex_wrap {
	justify-content: space-between;
	margin-bottom: 50px;
}
.choki #choki .flex_left {
	width: 550px;
}
.choki #choki .flex_right {
	width: 410px;
}
.choki #choki table {
	width: 100%;
}
.choki #choki th, .choki #choki td {
	padding: .5em;
	background: #FFF;
	border: #ccc 1px solid;
	font-size: 93.75%;
	font-weight: normal;
	text-align: center;
}
.choki #choki thead th {
	background: #F0F0E1;
	font-size: 100%;
	font-weight: bold;
}
.choki #seek .flex_wrap {
	justify-content: space-between;
	margin-bottom: 50px;
}
.choki #seek .flex_right {
	width: 385px;
}
.choki #seek h3 {
	font-family: 'Hiragino Mincho ProN', serif;
	font-size: 187.5%;
	color: #0077B7;
	text-align: center;
	/*clear: both;*/
	margin-bottom: 30px;
	font-weight: normal;
}
.choki #seek .merit_list {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.choki #seek .choki_4sys {
	min-height: 314px;
	background: url(../images/house/choki/seek_04.jpg) bottom center no-repeat;
}
.choki #seek .choki_4sys .np {
	width: 310px;
	margin: 0 auto;
	padding-bottom: 50px;
}
.choki #elderly {
	padding: 30px 20px;
}
.choki #elderly li {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.choki #elderly li:last-child {
	margin-bottom: 0;
}
.choki #elderly li .flex_right {
	width: 465px;
}
.choki #elderly li .midashi_sub {
	text-align: left;
}
/*--------------------
06_構造
--------------------*/
.kouzou #kouhou .feature_list li {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.kouzou #kouhou .feature_list .flex_right {
	width: 465px;
}
.kouzou #kouhou .feature_list .midashi_sub {
	text-align: left;
}
.kouzou #kouhou .feature_list .midashi_sub span {
	color: #0097C5;
}
.kouzou #kouhou .feature_list .midashi_sub strong {
	color: #FF3F00;
	font-size: 70%;
}
.kouzou #jikugumi li {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	justify-content: space-between;
}
.kouzou #jikugumi .flex_right {
	width: 465px;
}
.kouzou #jikugumi .midashi_sub {
	text-align: left;
}
.kouzou #thickness .midashi_sub {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #FF3F00;
	font-size: 156.25%;
	margin-bottom: 30px;
}
.kouzou #thickness .merit_list li {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.kouzou #thickness .merit_list .merit {
	width: 200px;
	background: #0097C8;
	font-family: 'Hiragino Mincho ProN', serif;
	color: #FFF;
	font-size: 125%;
	text-align: center;
}
.kouzou #thickness .merit_list .text {
	width: 780px;
	font-size: 125%;
}
/*--------------------
07_光熱費について
--------------------*/
.kounetsu #eco .eco_list {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.kounetsu #eco .eco_list li {
	width: 310px;
}
.kounetsu #eco .eco_list h4 {
	margin-bottom: 20px;
	font-family: 'Hiragino Mincho ProN', serif;
	font-size: 125%;
	text-align: center;
}
.kounetsu #eco .eco_list h4 img {
	display: inline-block;
	margin-top: 10px;
}
.kounetsu #eco .merit_list {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	justify-content: space-between;
}
.kounetsu #eco .merit_list li {
	width: 310px;
}
.kounetsu #solar li {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	justify-content: space-between;
}
.kounetsu #solar li .flex_right {
	width: 465px;
}
.kounetsu #solar li .midashi_sub {
	margin-bottom: 20px;
	text-align: left;
}
.kounetsu #solar .plan_list li {
	margin-bottom: 20px;
}
.kounetsu #thickness .product_list {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.kounetsu #thickness li {
	width: 310px;
	margin-bottom: 30px;
}
.kounetsu #thickness figure {
	margin-bottom: 10px;
}
.kounetsu #thickness h3 {
	margin-bottom: 10px;
	font-family: 'Hiragino Mincho ProN', serif;
	font-size: 125%;
	text-align: center;
	font-weight: bold;
}
/*--------------------
08_防犯
--------------------*/
.bouhan #enter .enter_list {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.bouhan #enter .enter_list li {
	width: 48%;
}
.bouhan #enter .flex_wrap {
	justify-content: space-between;
}
.bouhan #enter .flex_wrap .flex_left {
	width: 48%;
}
.bouhan #enter .flex_wrap .flex_right {
	width: 48%;
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.bouhan #enter .flex_wrap .flex_right h4 {
	width: 100%;
}
.bouhan #enter .flex_wrap .flex_right figure {
	width: 35%;
}
.bouhan #enter .flex_wrap .flex_right p {
	width: 63%;
}
.bouhan #performance ul:last-child {
	padding-top: 40px;
	border-top: #DFDFD0 7px solid;
}
.bouhan #performance li {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.bouhan #performance li figure {
	width: 48%;
}
.bouhan #performance li .flex_right {
	width: 48%;
}
.bouhan #performance li .flex_right .midashi_sub {
	text-align: left;
}
/*--------------------
09_住宅保証
--------------------*/
.hosho #hoken .about {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	justify-content: space-between;
}
.hosho #hoken .about .flex_left {
	width: 310px;
}
.hosho #hoken .about .flex_right {
	width: 660px;
}
.hosho #hoken .about .flex_right .midashi_sub {
	text-align: left;
}
.hosho #hoken .taishou {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}
.hosho #hoken .taishou .flex_left {
	width: 613px;
}
.hosho #hoken .taishou .flex_right {
	width: 350px;
	padding-top: 50px;
}
.hosho #hoken .taishou .flex_right .midashi_sub {
	text-align: left;
}
.hosho #hoken .plus_list {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}


@media only screen and (max-width: 640px) {
/*--------------------
00_共通
--------------------*/		
.page_nav {
	margin-bottom: 30px;
}
.page_nav li {
	display: inline-block;
	margin-bottom: .5em;
	padding: .5em;
	background: #00a0e9;
	border-radius: 5px;
}
.page_nav li a {
	padding: 0;
	color: #FFF;
	font-size: 81.25%;
	text-decoration: none;
}
.page_nav li a:hover {
	text-decoration: underline;
}
.page_nav li:after {
	content: none;
}
.page_nav li:first-child:before {
	content: none;
}
h3.blue {
	margin-bottom: 20px;
	color: #0097C5;
	font-size: 125%;
	font-weight: bold;
}	
/*--------------------
01_indexページ
--------------------*/	
.content_list li {
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: #CCC 1px solid;
}
.content_list li a {
	width: 100%;
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start;
	align-items: flex-start;
	justify-content: space-between;
}
.content_list li img {
	order: 2;
	width: 30%;
	height: 25vw;
	margin: 0;
	object-fit: cover;
}
.content_list h2 {
	width: 100%;
	order: 1;
	margin-bottom: .5em;
	font-size: 100%;
	letter-spacing: 0;
	text-indent: 0;
	text-align: left;
}
.content_list p {
	order: 3;
	width: 65%;
	margin-left: auto;
	font-size: 75%;
	height: 1.8;
}

/*--------------------
01_HEAT20G
--------------------*/			
.heat #dannetsu li {
	width: 48%;
}
.heat #grade .img_left {
	float: none;
	width: 70%;
	margin: 0 auto 30px;
	padding: 0;
}
.heat #grade .img_right {
	float: none;
	width: 100%;
	padding: 0;
}
.heat #grade h4 {
	margin-bottom: 30px;
	font-size: 140%;
}
.heat #effect ul {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.heat #effect li {
	width: 100%;
}
.heat #effect .heat_shock .img_right {
	width: 100%;
}
.heat #bouon .img_left {
	width: 100%;
	margin-bottom: 30px;
}
.heat #bouon .img_right {
	width: 100%;
	padding: 0;
}
.heat #shaon .img_left {
	width: 100%;
	padding: 0;
}
.heat #shaon .img_left th, .heat #shaon .img_left td {
	font-size: 87.5%;
}

.heat #shaon .img_left .grade3 {
	font-size: 100%;
}
.heat #shaon .img_right {
	width: 100%;
}
/*--------------------
02_ZEH
--------------------*/		
.zeh #zeh p {
	margin-bottom: 20px;
	font-size: 100%;
}
.zeh #sekou.sp_inner {
	padding: 30px 20px;
}
.zeh #sekou dl {
	padding: 20px 20px 0;
}
.zeh #sekou dt {
	float: none;
	width: 100%;
	margin: 0;
}
.zeh #sekou dd {
	padding: 20px 0;
	border-bottom: none;
}
.zeh #sekou dd h4 {
	margin: .2em 0 .5em;
}
.zeh #sekou dd h4 img {
	width: auto;
	max-width: 100%
}
.zeh #sekou dd h4 img.mgl40 {
	margin-left: 0!important;
	margin-top: 10px;
}
.zeh #merit.sp_inner {
	padding: 30px 20px;
}
.zeh #merit .meritbase {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: stretch;
}
.zeh #merit .meritnum {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 10px 0;
	float: none;
	width: 20%;
	height: auto;
	vertical-align: middle;
}
.zeh #merit .merittxt {
	width: 75%;
	margin: 0;
	padding: 10px;
	float: none;
	font-weight: normal;
	line-height: 160%;
}
.zeh #merit .merittxt br {
	display: none;
}
.zeh #merit .merittxt dt {
	font-size: 113%;
}
	.zeh #energy .graph {
	margin-bottom: 10px;
	padding-right: 100%;
	background-image: none;
	display: block;
}
/*#about .section {
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}*/
/*#about h2+.serif {
	margin-bottom: 30px;
	font-size: 113%;
	line-height: 1.4;
}*/
/*#facility .eco table {
	width: 100%;
	float: none;
	margin: 0 0 10px 0;
}
#facility .note {
	text-align: left;
}
#energy .graph {
	margin-bottom: 10px;
	padding-right: 0;
	background: none;
}
#energy .note {
	text-align: left;
}	
#support .project h3 {
	margin-bottom: 25px;
	font-size: 125%;
	font-weight: normal;
	text-align: center;
}
#support .project .text {
	margin-bottom: 25px;
	font-size: 100%;
	line-height: 1.4;
}
#support .project .redtxt {
	margin-bottom: 40px;
	color: #FF3F00;
	font-size: 113%;
	text-align: left;
}
#support .project .redtxt br {
	display: inline;
}
#support .notice {
	padding: 20px 30px;
	background: #FFEFBF;
	border-radius: 10px;
}
#support .notice p {
	font-size: 85%;
	line-height: 2.0;
}	*/
/*--------------------
03_耐震性
--------------------*/	
.taishin #grade .grade_list {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.taishin #grade .grade_list li {
	margin-bottom: 20px;
}
.taishin #grade .strong {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.taishin #grade .strong figure {
	margin-bottom: 20px;
}
.taishin #grade .strong .img_right {
	width: 100%;
	padding: 0;
}
.taishin #grade .img_list li {
	width: 48%;
}
.taishin #merit li {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.taishin #merit li:last-child {
	margin-bottom: 0;
}
.taishin #merit li figure {
	margin-bottom: 20px;
}
.taishin #merit li .img_right {
	width: 100%;
	padding: 0;
}
/*--------------------
04_長期優良住宅
--------------------*/		
.choki #choki .flex_wrap {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.choki #choki .flex_left {
	width: 100%;
}
.choki #choki .flex_left figure {
	margin-bottom: 20px;
}
.choki #choki .flex_right {
	width: 100%;
}
.choki #seek .flex_wrap {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.choki #seek .flex_right {
	width: 100%;
}
.choki #seek h3 {
	font-size: 110%;
}
.choki #seek .merit_list {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.choki #seek .merit_list li:last-child {
	width: 65%;
	margin: 0 auto;
}
.choki #seek .choki_4sys {
	min-height: auto;
	background: none;
}
.choki #seek .choki_4sys .np {
	width: 100%;
	padding-bottom: 0;
}
.choki #elderly li {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.choki #elderly li .flex_right {
	width: 100%;
}
.choki #elderly li figure {
	margin-bottom: 20px;
}
/*--------------------
05_構造
--------------------*/		
.kouzou #kouhou {
	padding: 50px 20px;
}
.kouzou #kouhou .feature_list li {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.kouzou #kouhou .feature_list figure {
	margin-bottom: 20px;
}
.kouzou #kouhou .feature_list .flex_right {
	width: 100%;
}
.kouzou #jikugumi li {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.kouzou #jikugumi figure {
	margin-bottom: 20px;
}
.kouzou #jikugumi .flex_right {
	width: 100%;
}
.kouzou #thickness .midashi_sub {
	font-size: 120%;
}
.kouzou #thickness .merit_list li {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.kouzou #thickness .merit_list .merit {
	width: 100%;
	margin-bottom: 10px;
	font-size: 100%;
}
.kouzou #thickness .merit_list .text {
	width: 100%;
	font-size: 100%;
}
/*--------------------
06_光熱費について
--------------------*/		
.kounetsu #eco {
	padding: 50px 20px;
}
.kounetsu #eco .eco_list {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	margin-bottom: 40px;
}
.kounetsu #eco .eco_list li {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 0;
	padding: 20px 0;
	border-bottom: #000 1px dotted;
}
.kounetsu #eco .eco_list figure {
	order: 2;
	width: 30%;
}
.kounetsu #eco .eco_list h4 {
	order: 1;
	width: 100%;
	margin-bottom: 10px;
	font-size: 100%;
	text-align: left;
}
.kounetsu #eco .eco_list h4 img {
	display: inline-block;
	width: 25vw;
	margin: 0 0 0 1em;
}
.kounetsu #eco .eco_list p {
	order: 3;
	width: 66%;
}
.kounetsu #eco .merit_list {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.kounetsu #eco .merit_list li {
	width: 48%;
	margin-bottom: 20px;
}
.kounetsu #solar li {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.kounetsu #solar li figure {
	margin-bottom: 20px;
}
.kounetsu #solar li .flex_right {
	width: 100%;
}
.kounetsu #thickness {
	padding: 50px 20px;
}
.kounetsu #thickness .product_list {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.kounetsu #thickness li {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 0;
	padding: 20px 0;
	border-bottom: #000 1px dotted;
}
.kounetsu #thickness figure {
	order: 2;
	width: 30%;
	margin-bottom: 0;
	object-fit: contain;
}
.kounetsu #thickness h3 {
	order: 1;
	width: 100%;
	font-size: 100%;
	text-align: left;
}
.kounetsu #thickness p {
	order: 3;
	width: 66%;
}
/*--------------------
07_防犯
--------------------*/	
.bouhan #enter {
	padding: 50px 20px;
}
.bouhan #enter .enter_list {
	margin-bottom: 30px;
}
.bouhan #enter .flex_wrap {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.bouhan #enter .flex_wrap .flex_left {
	width: 100%;
	margin-bottom: 40px;
}
.bouhan #enter .flex_wrap .flex_right {
	width: 100%;
}
.bouhan #performance li {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.bouhan #performance li figure {
	width: 100%;
}
.bouhan #performance li .flex_right {
	width: 100%;
}
/*--------------------
08_住宅保証	
--------------------*/	
.hosho #hoken {
	position: relative;
	padding: 50px 20px;
}
.hosho #hoken .about {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.hosho #hoken .about .flex_left {
	position: absolute;
	top: 20px;
	right: 0;
	width: 30vw;
}
.hosho #hoken .about .flex_right {
	width: 100%;
}
.hosho #hoken .about .flex_right .midashi_sub {
	text-align: left;
}
.hosho #hoken .taishou {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.hosho #hoken .taishou .flex_left {
	width: 100%;
}
.hosho #hoken .taishou .flex_right {
	width: 100%;
	padding-top: 0;
}
.hosho #hoken .taishou .flex_right .logo {
	width: 50%;
	margin: 0 auto;
}
.hosho #hoken .plus_list {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.hosho #hoken .plus_list li:last-child {
	width: 66%;
	margin: 0 auto;
}
}
.shiest_ttl {
	margin-bottom: 20px;
	color: #0097C8;
	font-size: 250%;
	font-weight: bold;
	letter-spacing: .2em;
	text-indent: -.2em;
}
@media only screen and (max-width: 640px) {
	.shiest_ttl {
    font-size: 125%;
	}
}
.shiest_txt {
	margin-bottom: 30px;
	color: #FF7F00;
	font-size: 81.25%;
	font-weight: 400;
}
@media only screen and (max-width: 640px) {
	.shiest_txt {
		width: 100%;
		margin-left: auto;
		font-size: 75%;
	}
}
.shiest_txt strong {
    color: #FF7F00;
    font-size: 200%;
}
.shiest_txt.npc {
	color: #000;
	font-size: 81.25%;
}
@media only screen and (max-width: 640px) {
	.shiest_txt.npc {
			font-size: 75%;
	}
}