
.clounm_inner{margin-bottom:0!important;}

/*=================================================================================================================================*/
/** A\a?Ã¯Â¿Â¢a?1A\EÃ¢â‚¬Â A\A|AÃ¢â‚¬â„¢a?!A\ARA! for AÃ¯Â¿Â¡a?Ã¯Â¿Â¢A?SPAÃ¯Â¿Â¡a?Ã¯Â¿Â¢a??
/*=================================================================================================================================*/
@media screen and (max-width: 320px) {
}
@media screen and (max-width: 740px) {
/*---------------------------------------------
 ** AÃ¯Â¿Â¡a??AÃ¢â€°ÂªAÃ¯Â¿Â¡AÃ¢â‚¬â„¢AcAÃ¯Â¿Â¡AÃ¢â‚¬â„¢A?
---------------------------------------------*/
.clounm_1,
.clounm_1b{width: 90%;margin: 0 5%;margin-bottom: 40px;position: relative;}
.clounm_1:after,
.clounm_1b:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

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

.clounm_2>div{width: 100%;margin-bottom:20px;}

.clounm_2_inner{width: 90%;margin: 0 auto; margin-bottom:20px;}
.clounm_2_inner:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}
.clounm_2_inner div{width: 100%;margin-bottom:20px;}


/* .clounm_2 div:last-child{width: 100%;margin: 0;position: relative;} */
.floatL{ float:left; position: relative;}
.floatR{ float:right; position: relative;}

/* AÃ¯Â¿Â¡a??AÃ¢â€°ÂªAÃ¯Â¿Â¡AÃ¢â‚¬â„¢AcAÃ¯Â¿Â¡AÃ¢â‚¬â„¢A?3 */
.clounm_3{width: 90%;margin: 0 5%;margin-bottom: 60px;}
.clounm_3:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}
.clounm_3 div.clounm_3_inner{margin:0 0 25px 0;float:left;}
.clounm_3 div.clounm_3_inner:last-child{ margin:0;}
.clounm_3 div img{width:100%;}

/* AÃ¯Â¿Â¡a??AÃ¢â€°ÂªAÃ¯Â¿Â¡AÃ¢â‚¬â„¢AcAÃ¯Â¿Â¡AÃ¢â‚¬â„¢A?4 */
.clounm_4{  width: 90%; margin: 0 5%; margin-bottom: 60px; }
.clounm_4 div.clounm_4_inner{margin:0 0 30px 0;float:left;}
.clounm_4 div.clounm_4_inner:last-child{ margin:0;}
.clounm_4 div img{width:100%;}
.clounm_4:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

/*---------------------------------------------*/

.bg_blue{background:#2B57B9;padding: 45px 0 25px;}
.bg_gray{background:#F3F3F1;border-top: 1px solid #D6D6D6;border-bottom: 1px solid #D6D6D6;margin: 103px 0 0 0;}

.clounm_3_img{  width: 100%; margin: 0 auto; margin-bottom: 60px; overflow:hidden;}
.clounm_3_img div img{width: 33.333%; height:auto; margin:0 0 0 ;float:left; border-radius:0;}



}

/*=================================================================================================================================*/
/** A\a?Ã¯Â¿Â¢a?1A\EÃ¢â‚¬Â A\A|AÃ¢â‚¬â„¢a?!A\ARA! for AÃ¯Â¿Â¡a?Ã¯Â¿Â¢A?TABAÃ¯Â¿Â¡a?Ã¯Â¿Â¢a??
/*=================================================================================================================================*/
 @media screen and (min-width: 741px) and (max-width: 979px) { 
 
 
/*---------------------------------------------
 **  AÃ¯Â¿Â¡a??AÃ¢â€°ÂªAÃ¯Â¿Â¡AÃ¢â‚¬â„¢AcAÃ¯Â¿Â¡AÃ¢â‚¬â„¢A?
---------------------------------------------*/
/* Ã£â€šÂ«Ã£Æ’Â©Ã£Æ’Â 1 */
.clounm_1,
.clounm_1b{width: 90%;margin: 0 5% 20px; position: relative;}
.clounm_1:after,
.clounm_1b:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

/* Ã£â€šÂ«Ã£Æ’Â©Ã£Æ’Â 2 */
.clounm_2{width: 90%;margin: 0 auto; margin-bottom:20px;}
.clounm_2:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

.clounm_2>div{width:50%;}

.clounm_2_inner{width: 90%;margin: 0px auto 5%; margin-bottom:20px;}
.clounm_2_inner:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}
.clounm_2_inner div{width: calc((50% - 20px));margin-right:20px;}
.clounm_2_inner div:nth-of-type(2n){margin-right:0px; }

.floatL{ float:left;  position: relative; }.floatR{ float:right; position: relative;}

.box_half:nth-child(odd){ float:left;  position: relative; }
.box_half:nth-child(even){ float:right; position: relative;}

/* Ã¤Â¾â€¹Ã¥Â¤â€“ */
div.box_half:nth-of-type(odd).pattern_01 { width:calc((50% - 90px)); padding-left: 60px; padding-right: 30px; }
div.box_half:nth-of-type(even).pattern_01 { width:calc((50% - 90px)); padding-left: 30px; padding-right: 60px;}

div.box_half:nth-of-type(odd).pattern_02 { width:calc((50% - 90px)); padding-left: 60px; padding-right: 30px; }
div.box_half:nth-of-type(even).pattern_02 { width:calc((50% - 90px)); padding-left: 30px; padding-right: 60px;}

div.box_half:nth-of-type(odd).pattern_03 {width:calc((50% - 150px));padding-left: 105px;padding-right: 45px;margin-bottom:60px;}
div.box_half:nth-of-type(even).pattern_03 {width:calc((50% - 150px));padding-left: 45px;padding-right: 105px;margin-bottom: 60px;}


/* Ã£â€šÂ«Ã£Æ’Â©Ã£Æ’Â 3 */
.clounm_3{width: 90%;margin: 0px auto 5%; margin-bottom: 60px;/* overflow:hidden; */}
.clounm_3:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

.clounm_3.inner{width: 97%;}
.clounm_3 div.clounm_3_inner{width: calc((33% - 30px));margin: 0 30px 40px 0;float:left;}
.clounm_3 div.clounm_3_inner:nth-of-type(3n){width: calc((33% - 30px));margin: 0 0 40px 0;}
.clounm_3 div img{width:100%;}

/* Ã£â€šÂ«Ã£Æ’Â©Ã£Æ’Â 3Ã£â‚¬â‚¬Ã§â€Â»Ã¥Æ’Â */
.clounm_3_img{  width: 100%; margin: 0 auto; margin-bottom: 60px; overflow:hidden;}
.clounm_3_img div img{width: 33%; height:auto; margin:0 0 0 ;float:left; border-radius:0;}


/* Ã£â€šÂ«Ã£Æ’Â©Ã£Æ’Â 4 */
.clounm_4{  width: 90%;margin: 0px auto 5%; margin-bottom: 60px; }
.clounm_4 div.clounm_4_inner{width: calc((25.6% - 30px)) ;margin:0 30px 0 0;float:left;}
.clounm_4 div.clounm_4_inner:last-child{width:calc((25.6% - 30px)); margin:0;}
.clounm_4 div img{width:100%;}
.clounm_4:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

/* Ã£â€šÂ«Ã£Æ’Â©Ã£Æ’Â 4Ã£â‚¬â‚¬Ã§â€Â»Ã¥Æ’Â */
.clounm_4_img{  width: 100%; margin: 0 auto; margin-bottom: 60px; overflow:hidden;}
.clounm_4_img div img{width: 25%; height:auto; margin:25px 0 0 ;float:left; border-radius:0;}


.bg_blue{background:#2B57B9;padding: 45px 0 25px;}
.bg_gray{background:#F3F3F1;border-top: 1px solid #D6D6D6;border-bottom: 1px solid #D6D6D6;margin: 103px 0 0 0;}


.bg_orange{background-color: #FFC493;padding: 0 0 1px;}



}

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


    
/* Ã£â€šÂ«Ã£Æ’Â©Ã£Æ’Â 1 */
.clounm_1{width: 1200px;margin: 0 auto;margin-bottom: 60px;position: relative;}
.clounm_1:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

.clounm_1b{ width: 1000px; margin: 0 auto;margin-bottom: 60px;position: relative;}

/* Ã£â€šÂ«Ã£Æ’Â©Ã£Æ’Â 2 */
.clounm_2{width: 1200px;margin: 0 auto; margin-bottom:20px;}
.clounm_2:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

.clounm_2>div{width:50%;}

.clounm_2_inner{width: 1200px;margin: 0 auto; margin-bottom:20px;}
.clounm_2_inner:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}
.clounm_2_inner div{width: calc((50% - 20px));margin-right:20px;}
.clounm_2_inner div:last-child{margin-right:0px; }


.box_half:nth-child(odd){ float:left;  position: relative; }
.box_half:nth-child(even){ float:right; position: relative;}

/* Ã¤Â¾â€¹Ã¥Â¤â€“ */
div.box_half:nth-of-type(odd).pattern_01 { width:calc((50% - 90px)); padding-left: 60px; padding-right: 30px; }
div.box_half:nth-of-type(even).pattern_01 { width:calc((50% - 90px)); padding-left: 30px; padding-right: 60px;}

div.box_half:nth-of-type(odd).pattern_02 { width:calc((50% - 90px)); padding-left: 60px; padding-right: 30px; }
div.box_half:nth-of-type(even).pattern_02 { width:calc((50% - 90px)); padding-left: 30px; padding-right: 60px;}

div.box_half:nth-of-type(odd).pattern_03 {width:calc((50% - 150px));padding-left: 105px;padding-right: 45px;margin-bottom:60px;}
div.box_half:nth-of-type(even).pattern_03 {width:calc((50% - 150px));padding-left: 45px;padding-right: 105px;margin-bottom: 60px;}


/* Ã£â€šÂ«Ã£Æ’Â©Ã£Æ’Â 3 */
.clounm_3{width: 1200px;margin: 0 auto;margin-bottom: 60px;/* overflow:hidden; */}
.clounm_3:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

.clounm_3.inner{width: 97%;}
.clounm_3 div.clounm_3_inner{width:calc((33% - 37px));margin: 0 60px 40px 0;float:left;}
.clounm_3 div.clounm_3_inner:nth-of-type(3n){width:calc((33% - 37px)); margin:0;}
.clounm_3 div img{width:100%;}

/* Ã£â€šÂ«Ã£Æ’Â©Ã£Æ’Â 3Ã£â‚¬â‚¬Ã§â€Â»Ã¥Æ’Â */
.clounm_3_img{  width: 100%; margin: 0 auto; margin-bottom: 60px; overflow:hidden;}
.clounm_3_img div img{width: 33%; height:auto; margin:0 0 0 ;float:left; border-radius:0;}


/* Ã£â€šÂ«Ã£Æ’Â©Ã£Æ’Â 4 */
.clounm_4{  width: 1100px; margin: 0 auto; margin-bottom: 60px; }
.clounm_4 div.clounm_4_inner{width: calc((25.6% - 30px)) ;margin:0 30px 0 0;float:left;}
.clounm_4 div.clounm_4_inner:last-child{width:calc((25.6% - 30px)); margin:0;}
.clounm_4 div img{width:100%;}
.clounm_4:after{ content: "."; display: block; height: 0; font-size:0;clear: both;visibility:hidden;}

/* Ã£â€šÂ«Ã£Æ’Â©Ã£Æ’Â 4Ã£â‚¬â‚¬Ã§â€Â»Ã¥Æ’Â */
.clounm_4_img{  width: 100%; margin: 0 auto; margin-bottom: 60px; overflow:hidden;}
.clounm_4_img div img{width: 25%; height:auto; margin:25px 0 0 ;float:left; border-radius:0;}



}
