/*=================================================================================================================================*/
/** SP
/*=================================================================================================================================*/
.clounm_inner{margin-bottom:0!important;}

/*=================================================================================================================================*/
/** SP
/*=================================================================================================================================*/
@media screen and (max-width: 320px) {
}
@media screen and (max-width: 740px) {

 /* margin */
.m_pattern_a{padding: 0 0 40px;}
.m_pattern_a .box_half:nth-of-type(1n) {margin: 0 0 20px;}
.m_pattern_a .box_half:nth-of-type(2n) {margin: 0 0 0px;}
.m_pattern_b{padding: 0 0 10px;}
.m_pattern_c{padding: 0 0 60px;}
.m_pattern_d{padding: 0 0 60px;}

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

.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_inner{width: 90%;margin: 0 auto;}
.clounm_2_inner:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

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

.clounm_3 { display:flex;flex-wrap:wrap;justify-content: space-between;}
.clounm_3>.box {width: 100%;}


.clounm_4{ display:flex;flex-wrap:wrap;justify-content: space-between;}
.clounm_4>.box {width: 50%;}


}

/*=================================================================================================================================*/
/** TAB
/*=================================================================================================================================*/
 @media screen and (min-width: 741px) and (max-width: 1279px) { 
 
 /* margin */
.m_pattern_a{padding: 0 0 30px;}
.m_pattern_a .box_half:nth-of-type(1n) {margin: 0 0 30px;}
.m_pattern_a .box_half:nth-of-type(2n) {margin: 0 0 0px;}
.m_pattern_b{padding: 0 0 15px;}
.m_pattern_c{padding: 60px 0 0;}

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

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

.clounm_2_inner{width: 90%;margin: 0px auto 5%; }
.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;}



}

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

/* margin */
.m_pattern_a{padding: 0 0 40px;}
.m_pattern_a .box_half:nth-of-type(1n) {margin: 0 0 0;}
.m_pattern_a .box_half:nth-of-type(2n) {margin: 0 0 0px;}
.m_pattern_b{padding: 0 0 30px;}
.m_pattern_c{padding: 0 0 70px;}
.m_pattern_d{padding: 0 0 100px;}


/* clounm */
.clounm_1{width: 1200px;margin: 0 auto; position: relative;}
.clounm_1:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}


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

.clounm_2_inner{width: 1200px;margin: 0 auto; }
.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_2_reverse .box_half:nth-of-type(even){ float:left;  position: relative; width: calc((50% - 20px));margin-right:20px;}
.clounm_2_reverse .box_half:nth-of-type(odd){ float:right; position: relative;width: calc((50% - 20px));margin-right:0;}

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

.clounm_3 { display:flex;flex-wrap:wrap;justify-content: space-between;}
.clounm_3>.box {width: calc((33.33% - 3%));margin-right: 1.5%;}
.clounm_3>.box:nth-of-type(3) { margin-right:0%; }


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

.clounm_4 { display:flex;flex-wrap:wrap;justify-content: space-between;}
.clounm_4>.box {width: calc((26% - 18px));margin-right: 6px;}
.clounm_4>.box:nth-of-type(4) { margin-right:0; }










}