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

/* margin */
.m_pattern_a{padding: 0 0 30px;}
.m_pattern_b{padding: 0 0 10px;}
.m_pattern_c{padding: 0 0 50px;}

/* 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.sp_full_wrapper { width:100%; margin:0 0; }
.clounm_2.sp_full_wrapper > div { width:90%; margin-left:auto; margin-right:auto; }
.clounm_2.sp_full_wrapper > div.sp_full_inner { width:100%;}

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


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

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

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

}