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

/* margin */
.m_pattern_a{padding: 0 0 40px;}
.m_pattern_b{padding: 0 0 10px;}
.m_pattern_c{padding: 0 0 60px;}

/* clounm */
.clounm_1{width: 100%;margin: 0 auto; 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_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 40px;}
.m_pattern_b{padding: 0 0 10px;}
.m_pattern_c{padding: 0 0 60px;}

/* clounm */
.clounm_1{width: 96%;margin: 0 auto; 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;}

.inner_box:nth-child(odd){ float:left;  position: relative; width: calc((50% - 20px));margin-right:20px;}
.inner_box: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_b{padding: 0 0 30px;}
.m_pattern_c{padding: 0 0 60px;}

/* 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;}
.inner_box:nth-of-type(odd){ float:left;  position: relative; width: calc((50% - 20px));margin-right:20px;}
.inner_box: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_4{width: 1200px;margin: 0 auto;/* overflow:hidden; */}
.clounm_4:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

}
