@charset "utf-8";

/* =======================================
 コンセプト下層
======================================= */
.sub section#subContainer .sub_main.concept{
	width:96%;
	margin:0 auto 100px;
}
.sub section#subContainer .sub_main.concept h2 {
	position: relative;
	color: #333;
	font-size: 140%;
	line-height: 1.5em;
	letter-spacing: 1px;
	text-align: center;
	margin: 60px 0 30px 0;
	box-sizing: border-box;
	font-weight: bold;
}
.sub section#subContainer .sub_main.concept h3 {
	font-size: 120%;
	font-weight:bold;
	padding: 0 0 5px;
	margin: 0 0 10px;
}
.sub_main.concept h2 span{
	font-size:110% !important;
    color: #7b1b1b !important;
    display: unset !important;
}
.sub_main.concept p,
.main_box.concept p {
	width:100%;
	margin:0;
}
p strong{
	font-size:105%;
	font-weight:bold;
	margin-right:0.3em;
	color:#7b1b1b;
}
/*メインビジュアル*/
.sub_main.concept dl{
	margin: 0 calc(50% - 50vw);
	height: auto;
	max-height:600px;
	display:flex;
	margin-bottom:30px;
	background:#000;
}
.sub_main.concept dl img{
	height: 100%;
	width:100%;
	object-fit: cover;
	display: block;
 	opacity: .8;
}
.sub_main.concept dl dd {
	width: 100%;
	overflow: hidden;
}
.sub_main.concept dl dt{
	color:#fff;
	width:30%;
	height:100%;
	position:absolute;
	right:0;
	padding:5% 0 0 0;
}
.sub section#subContainer .sub_main.concept dl dt h4{
	font-size:140%;
	letter-spacing: 0.1em;
	font-weight:bold;
	-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
    position:relative;
	display: table; /* 縦書きのblock要素はIEで高さが狂うためtableを指定 */
	left: 50%; /* IEはtable要素にmargin:autoが効かないためleftで強制的に中央寄せ */
	transform: transLateX(-50%); /* transformで要素の幅を打ち消す */
	margin:0 ; /* leftで座標指定したのでmarginは0にする */
}
.sub_main.concept dl dt h4 p{
	margin:0;
}
.homeHead_mainText em{
	font-size:110%;
	font-weight:bold;
	font-family: 'Jost', sans-serif;
	-webkit-text-combine: horizontal;
	-ms-text-combine-horizontal: all;
	text-combine-upright: all;
	transform:scale(1.3, 1.0);
	display:inline-block; 
}

/*main_box*/
.main_box.concept{
	width: 96%;
	height: auto;
	margin: 0 auto;
}
.sub section#subContainer div.main_box.concept h2 {
	position: relative;
	color: #333;
	font-size: 140%;
	line-height: 1.5em;
	letter-spacing: 1px;
	text-align: center;
	margin: 60px auto 30px;
	box-sizing: border-box;
	font-weight: bold;
	clear: both;
	width: 90%;
}
.main_box.concept > h3{
	font-size: 120% !important;
	border-bottom:none !important;
}

.sub section#subContainer div.main_box.concept  div.eframe.eframe_blue h3 {
	padding-top: 0;
	margin-top: 0;
}
.sub section#subContainer div.main_box.concept h3 {
	font-size: 140%;
	font-weight:bold;
	padding: 0 0 5px;
	margin: 0 0 10px;
}
.sub section#subContainer div.main_box.concept h3 span{
	font-family: 'Jost', sans-serif;
	font-size:200%;
	font-weight:normal;
	line-height:1em;
	margin-right:0.3em;
	padding-right:0.3em;
	border-right:1px solid #000;
}

/* col Single */
.main_box.concept .columnSingle{
	margin:0 0 50px;
}

.main_box.concept .columnSingle h3{
	font-size: 120% !important;
	border-bottom:none !important;
}


/*column1*/
.main_box.concept ul.column1{
	display:flex;
	justify-content:space-between;
	margin:50px 0 30px;
		flex-direction: row-reverse;

}
.main_box.concept ul.column1 li:nth-child(2) dl h4,.main_box.concept ul.column1 h4{
	font-size: 120% !important;
	font-weight:bold !important;
	padding: 0 0 5px !important;
	margin: 25px 0 5px !important;
	border-bottom: unset !important;
}
.main_box.concept ul.column1 li:nth-child(1){
	width: 40%;
	hidden:100%;
	overflow:hidden;
}
.main_box.concept ul.column1 li:nth-child(1) img {
	width: 100%;
	height:100%;
	object-fit:cover;
}
.main_box.concept ul.column1 li:nth-child(2) {
	width: 58%;
}
.main_box.concept ul.column1 li img {

}
.main_box.concept ul.column1 dl{
	margin-bottom:20px;
}
.sub section#subContainer div.main_box.concept ul.column1 li:nth-child(2) dl > h4 {
    font-size: 130%;
	font-weight:bold;
	padding: 0 0 5px;
	margin: 10px 0 10px;
	border-bottom: 1px solid #aaa;
}
.main_box.concept ul.column1 li:nth-child(2) dl h5{
	font-size: 120%;
	font-weight:bold;
	padding: 0 0 5px;
	margin: 25px 0 5px;
}
.main_box.concept ul.column1 dl h5 span,
.sub section#subContainer div.main_box.concept ul.column1 li:nth-child(2) dl > h4 span{
	font-family: 'Jost', sans-serif;
	font-size:200%;
	font-weight:normal;
	line-height:1em;
	margin-right:0.3em;
	padding-right:0.3em;
	border-right:1px solid #000;
}
/*eframe*/
.sub div.eframe {
	position: relative;
	width: 100%;
	margin: 30px 0 50px 0;
	box-sizing: border-box;
}
.sub div.eframe p{
	width:100%;
}
.sub div.eframe.eframe_blue {
	background: #eff5fb;
}
.sub div.eframe .eframe_text{
	font-weight:bold;
	list-style:decimal;
	margin-left:1.5em;
}
.main_box div.eframe h5 {
	font-size: 100%;
	font-weight:bold;
	letter-spacing: 1px;
	padding:0;
	margin-top:10px;
}
.sub div.eframe ul li {
	font-size: 14px;
	list-style: disc;
	padding: 5px 0;
	list-style:decimal;
}
.sub div.eframe ol li {
    list-style: decimal;
    font-size: 14px;
    padding: 5px 0;
    margin-left: 20px;
}
/*concept_img_2block*/
.main_box.concept .concept_img_2block{
	display:flex;
	margin:20px 0;
}
.main_box.concept .concept_img_2block li{
	width:100%;
	list-style:none;
	text-align:center;
}
.main_box.concept .concept_img_2block li dt{
	font-size:90%;
	font-weight:bold;
}
.main_box.concept .concept_img_2block li dt span{
	border:1px solid #000;
	padding:2px 5px;
}
.main_box.concept .concept_img_2block li img{
	width:75%;
	padding-top:20px;
}
@media screen and (min-width:667px) {
	/*メインビジュアル*/
	.sub section#subContainer .sub_main.concept h3 {
		font-size: 160%;
		margin: 70px 0 50px 0;
	}
	.sub_main.concept dl{
		display:flex;
		margin-bottom:20px;
		height: 400px;
		overflow: hidden;
		position:relative;
	}
	.sub section#subContainer .sub_main.concept dl dt h4{
		font-size:160%;
	}
	/*main_box*/
	.sub section#subContainer div.main_box.concept h2 {
		font-size: 160%;
	}
	.sub section#subContainer div.main_box.concept h4 {
		 font-size: 140%;
		 font-weight:bold;
		 padding: 0 0 5px;
		 margin: 0 0 10px;
		 border-bottom: 1px solid #aaa;
	}
	/*column1*/
	.main_box.concept ul.column1 li:nth-child(1){
	}
	.main_box.concept ul.column1 li:nth-child(1) img{
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /*IE対策*/
	}
	.main_box.concept ul.column1 li.img_heightpriority img {
		object-fit: contain;
		font-family: 'object-fit: contain;'; /*IE対策*/
	}
	/*eframe*/
	.sub div.eframe div.img_l {
		height:300px;
		overflow:hidden;
		position: relative;
	}
	.sub div.eframe div.img_l img{
		position: absolute;
  		top: 50%;
  		left: 50%;
  		transform: translate(-50%, -50%);
	}
}
@media screen and (max-width:666px) {
	.main_box.concept ul.column1{
		display:block;
		justify-content:unset;
		margin:50px 0 30px;
	}
	.main_box.concept ul.column1 li:nth-child(1){
		width: 100%;
	}
	.main_box.concept ul.column1 li:nth-child(2) {
		width: 100%;
	}
}

/* ---------------------------
100年耐久住宅
------------------------------ */
.sub div.eframe.st{
	padding:30px;
	font-weight:bold;
}
.sub div.eframe.st ol{
	list-style:auto;
}
.sub div.eframe.st ol > li > ul{
}
.sub div.eframe.st ol > li > ul li{
	list-style:square;
}
.main_box.concept .column1.st {
	margin-bottom:70px;
}
.main_box.concept .column1.st li:nth-child(1){
	width:40%;
}
.main_box.concept .column1.st li:nth-child(2){
	width:55%;
}
.main_box.concept .column1.st2 {
	display: block;
	justify-content:unset;
}
.main_box.concept .column1.st2 > h4 {
}
.main_box.concept .column1.st2 > h4 span{
	font-family: 'Jost', sans-serif;
	font-size:200%;
	font-weight:normal;
	line-height:1em;
	margin-right:0.3em;
	padding-right:0.3em;
	border-right:1px solid #000;
	display:inline-block;
}
.sub div.eframe.st2{
	padding:20px;
	background:#f5f5f5;
	margin-bottom:70px;
}
.sub div.eframe.st2 ul{
	display:flex;
	justify-content:space-between;
}
.sub div.eframe.st2 ul > li:nth-child(1){
	width:30%;
	overflow:hidden;
}
.sub div.eframe.st2 ul > li:nth-child(1) img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.sub div.eframe.st2 ul > li:nth-child(2){
	width:65%;
	list-style:none;
}
.sub div.eframe.st2 ul > li:nth-child(2) h3{
	font-size: 140% !important;
	border-bottom:1px dotted #000 !important;
	margin-bottom:15px !important;
}
.sub div.eframe.st2 ul > li:nth-child(2) ol{
	font-size:100%;
	font-weight:bold;
	list-style:auto;
	margin-left:1em;
}
@media screen and (max-width:668px) {
	.main_box.concept .column1.st li:nth-child(1){
		width:100%;
	}
	.main_box.concept .column1.st li:nth-child(2){
		width:100%;
	}
	.sub div.eframe.st2 li:nth-child(1){
		display:none;
    }
    .sub div.eframe.st2 ul > li:nth-child(2){
		width:100%;
		list-style:none;
	}
}


/* ---------------------------
 天然無垢材ローカル
------------------------------ */
.main_box.concept .concept_img_1block_natural{
	margin:30px auto 0 auto;
	text-align:center;
}
.main_box.concept .concept_img_1block_natural h5{
	font-size:90%;
	font-weight:bold;
}
.main_box.concept .concept_img_1block_natural h5 span{
	border:1px solid #000;
	padding:2px 5px;
}
.main_box.concept .concept_img_1block_natural dl{
	margin:30px 0 50px 0;
}
.main_box.concept .concept_img_1block_natural dl dd{
	font-size:130%;
	font-weight:bold;
	height:auto;
	vertical-align:middle;
	display:inline-block;
}
.main_box.concept .concept_img_1block_natural dl dd span{
	border-bottom:1px solid #000;
}
.main_box.concept .concept_img_1block_natural dl dd span::after {
	content: "\A" ;
	white-space: pre ;
}
.main_box.concept .column1.na{
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	position: unset;
	display: block;
	justify-content:space-between;
	flex-direction: unset;
	margin-bottom:70px;
}

.main_box.concept .column1.na > h4 span{
	font-family: 'Jost', sans-serif;
	font-size:200%;
	font-weight:normal;
	line-height:1em;
	margin-right:0.3em;
	padding-right:0.3em;
	border-right:1px solid #000;
	display:inline-block;
}
.main_box.concept .column1.na .concept_img_2block{
	display:flex;
	justify-content:space-between;
	margin:50px 0;
}
.main_box.concept .column1.na .concept_img_2block li{
	width:48%;
	overflow:unset;
}
.main_box.concept .column1.na .concept_img_2block li img{
	width:70%;
	height:unset;
	margin-top:30px;
	object-fit:unset;
}
.main_box.concept .column1.na2{
	margin:0 0 70px 0;
}
.sub div.eframe.na{
	background:#f9f9f9;
	padding:20px;
	box-sizing:border-box;
	margin-bottom:70px;
}
.sub div.eframe.na h4{
	font-size:120%!important;
}

h5.na_heading{
	font-size:115%;
	font-weight:bold;
	text-align: center;
	margin:0 0 50px;
}
h5.na_heading span{
	display:inline-block;
	position: relative;
	padding: 2em 2em !important;
}
h5.na_heading span:before,
h5.na_heading span:after {
  position: absolute;
  content: '';
}
h5.na_heading span:after {
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}
h5.na_heading span:before {
  right: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}

/* ---------------------------
 耐震・制震設計ローカル
------------------------------ */
.main_box.concept .column1.eq2 {
	display: block;
	justify-content:unset;
	flex-direction: unset;
}
.sub div.eframe.eq{
	padding:20px;
	background:#f5f5f5;
	box-sizing:border-box;
}
.sub div.eframe.eq dl{
	display:flex;
	justify-content:space-between;
}
.sub div.eframe.eq dl dt{
	width:30%;
	overflow:hidden;
}
.sub div.eframe.eq dl dt img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.sub div.eframe.eq dl dd{
	width:68%;
	padding:20px;
	box-sizing:border-box;
}
.sub div.eframe.eq dl dd ol{
}
.sub div.eframe.eq dl dd ol li{
	font-size:105%;
	list-style:decimal;
	font-weight:bold;
	line-height:2.0em;
}

.eq_se_frame{
	background:#f9f9f9;
	padding:50px 3%;
}
.eq_se_frame table.eq_seishin{
	width:100%;
	margin:50px 0;
	text-align:center;
	/* font-weight:bold; */
	font-size: 12px;
}
.eq_se_frame table.eq_seishin tr td{
	width:28%;
	padding: 10px 3px;
	border: 2px #f9f9f9 solid;
	background:#fff;
}
.eq_se_frame table.eq_seishin tr td img{
	width:100%;
}
.eq_se_frame table.eq_seishin tr td:nth-child(1){
	width:16%;
}
.eq_se_frame table.eq_seishin tr:nth-child(1) td:nth-child(1),
.eq_se_frame table.eq_seishin tr:nth-child(2) td:nth-child(1){
	border:none;
}
.eq_se_frame table.eq_seishin tr:nth-child(2) td:nth-child(2),
.eq_se_frame table.eq_seishin tr:nth-child(2) td:nth-child(4){
	background:#d3e2e2;
	font-size:110%;
}
.eq_se_frame table.eq_seishin tr:nth-child(2) td:nth-child(3){
	background:#5567af;
	color:#fff;
	font-size:110%;
}
.eq_se_frame table.eq_seishin tr td:nth-child(1){
	background:#eaeaea;
}
.eq_se_frame table.eq_seishin tr:nth-child(1) td:nth-child(1),
.eq_se_frame table.eq_seishin tr:nth-child(1) td:nth-child(2),
.eq_se_frame table.eq_seishin tr:nth-child(1) td:nth-child(3),
.eq_se_frame table.eq_seishin tr:nth-child(1) td:nth-child(4),
.eq_se_frame table.eq_seishin tr:nth-child(2) td:nth-child(1){
	background:none;
}
.eq_se_frame table.eq_seishin tr:nth-child(3) td:nth-child(3),
.eq_se_frame table.eq_seishin tr:nth-child(4) td:nth-child(3),
.eq_se_frame table.eq_seishin tr:nth-child(5) td:nth-child(3),
.eq_se_frame table.eq_seishin tr:nth-child(6) td:nth-child(3){
	background:#eceef5;
}
.eq_se_frame > h4{
	font-size:120% !important;
	margin-top:20px !important;
}
#concept .eq_seishin_f_04 img{
	max-width: 100%;
}

/* ---------------------------
 ロープライス高品質素材
------------------------------ */
.main_box.concept ul.column1.rc {
	margin: 50px 0;
}
.main_box.concept ul.column1.rc li:nth-child(2) {
	/* width: 45%; */
	/* margin-right: 2%; */
}
.main_box.concept ul.column1.rc li:nth-child(2) dt {
	font-size: 130%;
	font-weight: bold;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #aaa;
}
.main_box.concept ul.column1.rc li:nth-child(1) {
	/* width: 57%; */
	/* overflow:unset; */
}

.main_box.concept ul.column1.rc li:nth-child(1) img{
	object-fit:unset;
}
.main_box.concept .column1.rc2{
	margin:0 0 70px;
}

/* ---------------------------
 建築家によるデザイン住宅ローカル
------------------------------ */
.main_box.concept .design_sample{
	display:flex;
	flex-wrap:wrap;
	margin:20px 0;
}
.main_box.concept .design_sample li{
	list-style:none;
	width:50%;
}
.main_box.concept .design_sample li img{
	display:block;
}

/* ---------------------------
 夏涼しく冬暖かい家ローカル
------------------------------ */
.main_box.concept ul.column1.op{
	margin-bottom:100px;
}
.main_box.concept .column1.op dl dt {
	color:#7b1b1b;
	font-size: 105%;
	margin:0.8em 0;
}
.main_box.concept .column1.op dl dt strong{
	display:block;
	line-height:2.0em;
	font-weight:bold;
}
.sub div.eframe.op {
	display:flex;
	justify-content:space-between;
}
.sub div.eframe.op dl{
	width:47%;
	overflow:hidden;
	box-sizing:border-box;
}
.sub section#subContainer div.main_box.concept ul.column1 h3 {
	font-size: 130% !important;
    font-weight: bold !important;
    padding: 0 0 5px !important;
    margin: 10px 0 10px !important;
    border-bottom: 1px solid #aaa !important;
}
.sub section#subContainer div.main_box.concept ul.column1 h4{
	font-size: 120% !important;
    font-weight: bold !important;
    padding: 0 0 5px !important;
    margin: 25px 0 5px !important;
}
.sub div.eframe.op dl dt{
	width:100%;
	margin-bottom:15px;
	overflow:hidden;
}
.sub div.eframe.op dl dt img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.sub div.eframe.op dl dd h4{
	margin:0 !important;
	border-bottom:none!important;
}
.sub div.eframe.op dl dd h4{
	font-size: 100% !important;
    margin-top: 10px !important;
	display:inline-block;
	border-bottom:1px solid #000 !important;
	margin-bottom:0.5em !important;
	width: unset !important;
}
.sub div.eframe.op dl dd h4 span{
	font-size:250% !important;
	font-weight:normal !important;
	line-height:1em !important;
	margin-left:0.2em !important;
	vertical-align:baseline !important;
	border-right: unset !important;
}
.sub div.eframe.op2{
	padding:30px 20px;
	background:#f9f9f9;
	margin-bottom:100px;
}
.eframe.op2 dl{
	margin-bottom:50px;
}
.eframe.op2 dl h4{
	width: unset !important;
}
.eframe.op2 ul{
	display:flex;
	justify-content:space-between;
	margin-bottom:30px;
}
.eframe.op2 ul li{
	width:32%;
	background:#fff;
	padding:20px !important;
	box-sizing:border-box;
	list-style:none !important;
}

.eframe.op2 ul li h4{
	font-size: 110% !important;
    font-weight: bold !important;
    padding: 0 0 5px !important;
    margin: 0 0 !important;
	border-bottom: unset !important;
}
.eframe.op2 ul li h4:before{
	font-size:200%;
	font-family: 'Jost', sans-serif;
	font-weight:normal;
	margin-right:0.2em;
}
.eframe.op2 ul li:nth-child(1) h4:before{
	content:"1.";
}
.eframe.op2 ul li:nth-child(2) h4:before{
	content:"2.";
}
.eframe.op2 ul li:nth-child(3) h4:before{
	content:"3.";
}
.main_box.concept ul.column1.op2{
	display:block;
	margin-bottom:70px;
}
.main_box.concept ul.column1.op2 h4{
}



/*ZEH HEAT20*/
.main_box.concept .project_box{
	width:100%;
	margin:100px 0;
}
.main_box.concept .project_box ul li{
	padding:25px;
	box-sizing:border-box;
}
.main_box.concept .project_box ul li:nth-child(1){
	background:#fff3f9;
}
.main_box.concept .project_box ul li:nth-child(2){
	background:#eaf9f3;
}
.main_box.concept .project_box ul li dt{
	width:70%;
	margin:auto;
}
.main_box.concept .project_box ul li dt img{
	width:100%;
}
.main_box.concept .project_box ul li dd{
	margin:20px auto;
}
.main_box.concept .project_box ul li dd h5{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin:20px auto;
}
.main_box.concept .project_box ul li dd .zeh_btn,
.main_box.concept .project_box ul li dd .heat20_btn{
	width:95%;
	margin:auto;
}
.main_box.concept .project_box ul li dd .zeh_btn span .btn{
	color:#fff;
	border:3px solid #009c1b;
	background:#009c1b;
	padding:5px;
}
.main_box.concept .project_box ul li dd .heat20_btn span .btn{
	color:#fff;
	border:3px solid #e85187;
	background:#e85187;
	padding:5px;
}
.main_box.concept .project_box ul li dd .zeh_btn span a:hover {
    color: #009c1b !important;
    background: #fff;
}
.main_box.concept .project_box ul li dd .heat20_btn span a:hover {
    color: #e85187 !important;
    background: #fff;
}
.main_box.concept .project_box ul li dd .zeh_btn span a.animated-button.thar-three:before,
.main_box.concept .project_box ul li dd .heat20_btn span a.animated-button.thar-three:before {
    background: #fff;
}
.main_box.concept .project_box ul li dd .zeh_btn span a i {
    margin-left:10px;
}
/*太陽や風を活かす技術や設備*/
.main_box.concept .opt_option{
	background:#f5f5f5;
	padding:5% 2%;
	margin-bottom:70px;
}
.main_box.concept .opt_option ul{
	margin:0 0 50px 0;
	padding:0 0 30px 0;
	border-bottom:1px dotted #000;
}
.main_box.concept .opt_option ul:last-child{
	border-bottom:none;
	padding:0;
	margin:0;
}
.main_box.concept .opt_option ul li:nth-of-type(1){
	width:90%;
	margin:auto;
}
.main_box.concept .opt_option ul li:nth-of-type(1) img{
	width:100%;
	height:auto;
}
.main_box.concept .opt_option ul li:nth-of-type(2){
	width:100%;
}
.main_box.concept .opt_option ul li:nth-of-type(2) h3{
	font-size:140% !important;
	font-weight:bold !important;
	margin:10px 0 !important;
	text-align:center !important; 
}


/* ---------------------------
 品質管理
------------------------------ */
.main_box.concept ul.column1.qc {
	margin: 0 0 70px;
}


@media screen and (min-width:769px) {
	.main_box.concept .opt_option ul{
		display:flex;
	}
	.main_box.concept .opt_option ul li:nth-of-type(1){
		width:40%;
		margin:0 2% 0 0;
	}
	.main_box.concept .opt_option ul li:nth-of-type(1) img{
		width:100%;
	}
	.main_box.concept .opt_option ul li:nth-of-type(2){
		width:60%;
	}
	.main_box.concept .opt_option ul li:nth-of-type(2) h5{
		text-align:initial;
	}
	.main_box.concept .opt_option ul li:nth-of-type(2) p{
		margin:0;
	}
	.main_box.concept ul.column1.rc {
		display:block;
		justify-content:unset;
	}
	.main_box.concept ul.column1.rc li:nth-child(1){
		width:100%;
		padding:0 0 30px;
		box-sizing:border-box;
	}
	.main_box.concept ul.column1.rc li:nth-child(1) img{
		width:90%;
	}
	.main_box.concept ul.column1.rc li:nth-child(2){
		width:100%;
	}
}
@media screen and (min-width: 667px) {
	.main_box.concept .project_box ul{
		display:flex;
	}
	.main_box.concept .project_box ul li{
		width:50%;
		position: relative;
	}
	.main_box.concept .project_box ul li dt{
		width:90%;
	}
	.main_box.concept .project_box ul li dd{
		padding:0 0 67px;
	}
	.main_box.concept .project_box ul li dd .zeh_btn,
	.main_box.concept .project_box ul li dd .heat20_btn{
		width: calc((100% - 50px) * 0.95);
		margin:auto;
		position: absolute;
		right: 0;
		left: 0;
		bottom: 45px;
	}
}

@media screen and (max-width:769px) {
	.main_box.concept ul.column1.op{
		margin-bottom:50px;
	}
	.eframe.op2 ul{
		display:block;
		justify-content:space-between;
		margin-bottom:30px;
	}
	.eframe.op2 ul li{
		width:100%;
		margin-bottom:30px;
	}

}
@media screen and (max-width:668px) {
		.sub div.eframe.op {
		display:block;
		justify-content:unset;
	}
	.sub div.eframe.op dl{
		width:100%;
		overflow:hidden;
		margin-bottom:30px;
	}
	.sub div.eframe.eq dl{
		display:block;
		justify-content:unset;
	}
	.sub div.eframe.eq dl dt{
		width:100%;
		max-height:250px;
		overflow:hidden;
	}
	.sub div.eframe.eq dl dt img{
		object-fit:cover;
		object-position: center;
	}
	.sub div.eframe.eq dl dd{
		width:100%;
		padding:20px 0;
	}
	.sub div.eframe.eq dl dd ol li{
		line-height:1.3em;
	}
}
@media screen and (max-width:499px) {

}