
.clounm_inner{margin-bottom:0!important;}

/*=================================================================================================================================*/
/** SP
/*=================================================================================================================================*/
@media screen and (max-width: 320px) {
}
@media screen and (max-width: 740px) {
/*---------------------------------------------
 ** 
---------------------------------------------*/
.clounm_1{width: 90%;margin: 0 5%;margin-bottom: 0px;position: relative;}
.clounm_1:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

#search .clounm_1{width: 100%;margin: 0 ;}


.clounm_2{width: 90%;margin: 0 5% 0; position: relative;}
.clounm_2:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

.clounm_2>div{width: 100%;margin-bottom: 30px;}

.clounm_2_inner{width: 90%;margin: 0 auto;/* margin-bottom:20px; */}
.clounm_2_inner:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}
.clounm_2_inner div{width: 100%;margin-bottom:20px;}


/* .clounm_2 div:last-child{width: 100%;margin: 0;position: relative;} */
.floatL{ float:left; position: relative;}
.floatR{ float:right; position: relative;}



.clounm_3{width: 90%;margin: 0 5%;margin-bottom: 10px;}
.clounm_3:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}
.clounm_3 div.clounm_3_inner{margin:0 0 25px 0;float:left;}
.clounm_3 div.clounm_3_inner:last-child{ margin:0;}
.clounm_3 div img{width:100%;}

.clounm_4{  width: 90%; margin: 0 5%; margin-bottom: 60px; }
.clounm_4 div.clounm_4_inner{margin:0 0 30px 0;float:left;}
.clounm_4 div.clounm_4_inner:last-child{ margin:0;}
.clounm_4 div img{width:100%;}
.clounm_4:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

/*---------------------------------------------*/


.bg_gray{background:#F3F3F1;border-top: 1px solid #D6D6D6;border-bottom: 1px solid #D6D6D6;margin: 103px 0 0 0;}

.clounm_3_img{  width: 100%; margin: 0 auto; margin-bottom: 60px; overflow:hidden;}
.clounm_3_img div img{width: 33.333%; height:auto; margin:0 0 0 ;float:left; border-radius:0;}

.clounm_4_img{  width: 100%; margin: 30px auto; overflow:hidden;}
.clounm_4_img div img{width: 50%; height:auto; margin:0 0 0 ;float:left; border-radius:0;}


}

/*=================================================================================================================================*/
/** TAB
/*=================================================================================================================================*/
 @media screen and (min-width: 741px) and (max-width: 1279px) { 
 
 
/*---------------------------------------------
 ** 
---------------------------------------------*/
.clounm_1{width: 90%;margin: 0 5% 0px;position: relative;}
.clounm_1:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}
#search .clounm_1{width: 100%;margin: 0 ;}
#works .clounm_1{width: 100%;margin: 0 ;}


.clounm_2{width: 90%;margin: 0 auto; margin-bottom:20px;}
.clounm_2:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

.clounm_2>div{width:50%;}

.clounm_2_inner{width: 90%;margin: 0px auto 5%; margin-bottom:20px;}
.clounm_2_inner:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

.box_half:nth-child(odd){ float:left;  position: relative; width: calc((50% - 20px));margin-right:20px;}
.box_half:nth-child(even){ float:right; position: relative;width: calc((50% - 20px));margin-right:0;}


.floatL{ float:left;  position: relative; }.floatR{ float:right; position: relative;}

.box_half:nth-child(odd){ float:left;  position: relative; }
.box_half:nth-child(even){ float:right; position: relative;}

#solar #solar_02 div.box_half{display: inline-block;vertical-align: top;float: none;margin-bottom: 30px;}
#solar #solar_02 div.box_half:nth-child(odd){ margin-right:34px; }
#solar #solar_02 div.box_half:nth-child(even){ }



.clounm_3{width: 90%;margin: 0px auto 5%;margin-bottom: 55px;/* overflow:hidden; */}
.clounm_3:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}


.clounm_3 .box_half{width: calc((33.33% - 25px));float:left;position: relative;margin-right: 30px;}
.clounm_3 .box_half:nth-of-type(3n){ width:calc((33% - 10px)); float:left;  position: relative; margin-right:0; }


.clounm_3 div img{width:100%;}




.clounm_3_img{  width: 100%; margin: 0 auto; margin-bottom: 60px; overflow:hidden;}
.clounm_3_img div img{width: 33%; height:auto; margin:0 0 0 ;float:left; border-radius:0;}



.clounm_4{  width: 90%;margin: 0px auto 5%; margin-bottom: 60px; }
.clounm_4 div.clounm_4_inner{width: calc((25.6% - 30px)) ;margin:0 30px 0 0;float:left;}
.clounm_4 div.clounm_4_inner:last-child{width:calc((25.6% - 30px)); margin:0;}
.clounm_4 div img{width:100%;}
.clounm_4:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}


.clounm_4_img{  width: 100%; margin: 0 auto; margin-bottom: 60px; overflow:hidden;}
.clounm_4_img div img{width: 25%; height:auto; margin:25px 0 0 ;float:left; border-radius:0;}



.bg_gray{background:#F3F3F1;border-top: 1px solid #D6D6D6;border-bottom: 1px solid #D6D6D6;margin: 103px 0 0 0;}






}

/*=================================================================================================================================*/
/**  PC	*/
/*=================================================================================================================================*/
@media screen and (min-width: 1280px) {

.mb60{ margin-bottom: 60px; }
.mb90{ margin-bottom: 90px; }

/* ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â£ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â«ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â£ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â£ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â 1 */
.clounm_1{width: 1100px;margin: 0 auto;margin-bottom: 0;position: relative;}
.clounm_1:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

/* ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â£ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â«ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â£ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â£ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â 2 */
.clounm_2{width: 1100px;margin: 0 auto; margin-bottom:0;}
.clounm_2:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

.clounm_2>div{width:50%;}

.clounm_2_inner{width: 1100px;margin: 0 auto; margin-bottom:20px;}
.clounm_2_inner:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

.box_half:nth-of-type(odd){ float:left;  position: relative; width: calc((50% - 20px));margin-right:20px;}
.box_half:nth-of-type(even){ float:right; position: relative;width: calc((50% - 20px));margin-right:0;}



.clounm_3{width: 1100px;margin: 0 auto;margin-bottom: 30px;/* overflow:hidden; */}
.clounm_3:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

.clounm_3.inner{width: 97%;}
.clounm_3 div img{width:100%;}


.clounm_3 .box_half{width: calc((33.33% - 34px));float:left;position: relative;margin-right: 50px;}
.clounm_3 .box_half:nth-of-type(3n){width: calc((33.33% - 34px));float:left;position: relative;margin-right:0;}




.clounm_3_img{  width: 100%; margin: 0 auto; margin-bottom: 60px; overflow:hidden;}
.clounm_3_img div img{width: 33%; height:auto; margin:0 0 0 ;float:left; border-radius:0;}



.clounm_4 .box_half{ width:calc((25%)); float:left;  position: relative; margin-right:0; }
.clounm_4 .box_half:nth-of-type(4n){ width:calc(25%); float:left;  position: relative; margin-right:0; }


.clounm_4_img{  width: 100%; margin: 0 auto; margin-bottom: 60px; overflow:hidden;}
.clounm_4_img div img{width: 25%; height:auto; margin:25px 0 0 ;float:left; border-radius:0;}




}