@charset "utf-8";

/* CSS Document */

@media screen and (max-width: 1200px) {
#header_top .header_top_info, .header, #menu_out .menu_info, #wrapper .content_out .main, #footer_out .footer {
	padding: 0 2%;
	box-sizing:border-box;
}
.con2{
	padding:0 2%;
	box-sizing:border-box;
}
}

@media screen and (max-width: 768px){
#menu_out .menu_info{
	display:none;
}
#menu_out{
	padding:0;
}
.header{
    margin: 55px auto 50px;
}
.header > div{
	margin-right:0;
}
.header .logo{
	width: 100%;
}
.header .con{
	display:none;
}
.con2_out{
	display:block;
    border-top: 4px rgba(0, 102, 81,1.00) solid;
}

.demo-3 {
	display: block;
	width: 100%;
	padding: 0;
	margin-top: -25px;
	margin-bottom: 25px;
}

}
@media screen and (max-width: 640px){
.demo-3 {
	padding: 0;
}
.core_photo{
	display:none;
}
.core_md_photo{
	display:block;
}

}
@media screen and (max-width: 568px){
.con2 > div{
	margin:8px 0;
}
.company{
	border-right:none;
}
.text .h02, .sgs_link{
	display:block;
}
.sgs_link a{
	margin:10px 5px;
	}
}
@media screen and (max-width: 446px){
.header_top_info .fb{
	margin-right:5px;
	margin-bottom:5px;
}	
.header {
    margin: 80px auto 50px;
}
	

}