@media screen and (max-width: 1100px) {
.content_area { width:100%;}

#bo_gall .gall_li { width:33% !important; margin:0 !important;}
#bo_gall .gall_con > .gall_href > a >img { width:96% !important; margin:0 2% !important; height:auto !important;}
#bo_gall .gall_con > .gall_text_href { width:100% !important;}
}

@media screen and (max-width: 980px) {

#sub_visual { background-size:cover; height:auto !important;}
.content_area { width:94%; margin:50px 3% 30px;}

.s_menu_area { width:100%; margin-top:25px;}
.s_menu_area ul li { width:25%; margin:0;}
.s_menu_area ul li a { width:100%;display:block;     padding: 12px 0;    min-width: 0;}
.s_menu_area ul.sub01 li { width:50%;}
.s_menu_area ul.sub01 li a{ width:100%;}

.s_menu_area ul.menu003 li { width:33.3%;}

.s_title { text-align:center; font-size:32px; padding-top:30px;}

.greeting_list > ul > li:first-child {width:100%;}
.greeting_list > ul:nth-child(6) > li:first-child {padding:15px 20px}
.greeting_list > ul:nth-child(12) > li:first-child {padding:15px 20px}
.certifi_img img { width:100%;}
.certifi_img2  img{ width:100%;}

}

@media screen and (max-width: 800px) {
.greeting_area { background:none;}
.private_area ul li img { width:100%;}
.certifi_img { margin:10px 0;}

.product_area img {width:100%;}

#bo_gall .gall_li { width:50% !important; margin:0 !important;}
#bo_v_con iframe { width:100% !important;}
}

@media screen and (max-width: 640px) {

.content_area { width:90%; margin:50px 5% 30px;}
.s_menu_area ul li a { font-size:12px;    white-space: nowrap;}
.s_title_area { font-size:24px; margin-top:21px;}

.greeting_title { padding:0 0 30px; font-size:26px;}

.private_area ul li { width:100%;}
.path_area ul li { font-size:12px;}
#bo_gall .gall_li { width:100% !important; margin:0 !important;}




.location_map1 {display:none; width:100%;padding:20px 0;} 
.location_map2 {display:block; width:100%;padding:20px 0;  width: initial;}
.location_img { width:100%;}
.location_img img { width:100%;}
.location_txt {width:100%; padding-top:30px;} 

.certifi_img ul li { float:left; width:33%;} 
}

@media screen and (max-width: 480px) {
.certifi_img ul li { float:left; width:50%;} 

}

@media screen and (max-width: 320px) {
}