.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: 30px;position: relative;}
.clounm_1:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

.clounm_2{width: 90%;margin: 0 5% 20px; 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_blue{background:#2B57B9;padding: 45px 0 25px;}
.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;}



}

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

/* カラム２ */
.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;}
.clounm_2_inner div{width: calc((50% - 20px));margin-right:20px;}
.clounm_2_inner div:nth-of-type(2n){margin-right:0px; }

.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;}


/* A￡a??A≪A￡A’AcA￡A’A 3 */
.clounm_3{width: 90%;margin: 0px auto 5%;margin-bottom: 25px;/* overflow:hidden; */}
.clounm_3:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}


.clounm_3 .box_half{width:31%;float:left;position: relative;margin-right: 2.7%;}
.clounm_3 .box_half:nth-of-type(3n){ width:width:31%; float:left;  position: relative; margin-right:0; }


.clounm_3 div img{width:100%;}

.clounm_3 .box_half_full{width: 33%; height:auto; margin:0 0 20px ;float:left; border-radius:0;}



/* A￡a??A≪A￡A’AcA￡A’A 3A￡a?￢a?￢A§a??A≫A\A’A? */
.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;}


/* A￡a??A≪A￡A’AcA￡A’A 4 */
.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;}

/* A￡a??A≪A￡A’AcA￡A’A 4A￡a?￢a?￢A§a??A≫A\A’A? */
.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;}

.clounm_4 .box_half_full{width: 25%; height:auto; margin:25px 0 0 ;float:left; border-radius:0;}



.bg_blue{background:#2B57B9;padding: 45px 0 25px;}
.bg_gray{background:#F3F3F1;border-top: 1px solid #D6D6D6;border-bottom: 1px solid #D6D6D6;margin: 103px 0 0 0;}


.bg_orange{background-color: #FFC493;padding: 0 0 1px;}

#house .clounm_4 .box_half_full{
  float:none;
  display:inline-block;
  width: calc((50% - 3px));
  vertical-align: top;
  height:auto;
  margin:25px 0 0;
  border-radius:0;
}

}

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

/* 1カラム */
.clounm_1{width: 1080px;margin: 0 auto;margin-bottom: 60px;position: relative;}
.clounm_1:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

/* ２カラム */
.clounm_2{width: 1080px;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%;}

.bg_beige .clounm_1 {width: 1200px;margin: 0 auto;}

.clounm_2_inner{width: 1080px;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: calc((50% - 20px));margin-right:20px;}
.clounm_2_inner div:last-child{margin-right:0px; }

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

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


/*  */
div.box_half:nth-of-type(odd).pattern_01 { width:calc((50% - 90px)); padding-left: 60px; padding-right: 30px; }
div.box_half:nth-of-type(even).pattern_01 { width:calc((50% - 90px)); padding-left: 30px; padding-right: 60px;}

div.box_half:nth-of-type(odd).pattern_02 { width:calc((50% - 90px)); padding-left: 60px; padding-right: 30px; }
div.box_half:nth-of-type(even).pattern_02 { width:calc((50% - 90px)); padding-left: 30px; padding-right: 60px;}

div.box_half:nth-of-type(odd).pattern_03 {width:calc((50% - 150px));padding-left: 105px;padding-right: 45px;margin-bottom:60px;}
div.box_half:nth-of-type(even).pattern_03 {width:calc((50% - 150px));padding-left: 45px;padding-right: 105px;margin-bottom: 60px;}


/* 3カラム */
.clounm_3{width: 1080px;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% - 10px)); float:left;  position: relative; margin-right:20px; }
.clounm_3 .box_half:nth-of-type(3n){ width:calc((33% - 10px)); float:left;  position: relative; margin-right:0; }

.clounm_3 .box_half_full{width: 33%; height:auto; margin:0 0 20px ;float:left; border-radius:0;}


/* 3カラム　画像 */
.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: 1080px; margin: 0 auto; 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;}

.clounm_4 .box_half_full{width: 25%; height:auto; margin:25px 0 0 ;float:left; border-radius:0;}




}