/*=================================================================================================================================*/
/** 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;}

/* 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%;}

}

/*=================================================================================================================================*/
/** 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;}
 
/* 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: 30px 0 0;}


/* 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_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%; }










}