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

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

 /* 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 25px;}
.m_pattern_c{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 .box_half{ margin-bottom:20px;}
.clounm_2 .box_half:last-of-type{ margin-bottom:0px;}

.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
/*=================================================================================================================================*/


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


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


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


/*=================================================================================================================================*/
/**  ノートPC	*/
/*=================================================================================================================================*/
@media screen and (min-width:980px) and (max-width:1466px) {
.clounm_1{width: 85% !important;}
.clounm_2{width: 85% !important;}
.clounm_3{width: 85% !important;}
.clounm_4{width: 85% !important;}
}

}