@charset "utf-8";
/* CSS Document */

#container{width: 100%;
	min-width: 1200px;}

.top_logo{width: 100px;
	position: fixed; top: 10px; left: 10px;
	background: rgba(255,255,255,1.00);
	z-index: 3;}
	
.top_logo img{width: 100%;}

header{width: 100%;
	height: 50px;
	position: fixed; top: 0; left: 0;background: rgba(255,255,255,0.80);
	overflow: hidden;
	z-index: 2;}
	
.pc_menu{width: calc(100% - 200px);
	height: 40px;
	padding: 4px 0 5px;
	float: right;
	border-bottom: rgba(0,0,0,0.30) solid 1px;
	overflow: hidden;}
	
.menu_btn1{width: 120px;
	line-height: 40px;
	margin-right: 5px;
	font-size: 14px;
	text-align: center;
	background: rgba(0,0,0,1.00);
	float: right;}

.menu_btn1:hover{opacity: 0.7;}

.menu_btn1 a{display: block;
	color: rgba(255,255,255,1.00);}

.sub_main{min-height: calc(100vh - 285px);
	padding-top: 70px;}

.con1{width: 900px;
	margin: 0 auto;}

.bar1{width: 100%;
	height: 2px;
	background: url("../img/colorbar1.png");
	background-size: 100% auto;
	background-repeat: repeat-y;}

footer{width: 100%;
	padding: 20px 0;
	margin-top: 50px;
	background: rgba(25,25,25,1.00);}
	
.footer_logo{width: 50px;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	background: rgba(255,255,255,1.00);}
	
.footer_logo img{width: 100%;}

.footer_link1{display: inline-block;
	overflow: hidden;}
	
.copyright{font-size: 14px;
	text-align: center;
	color: rgba(255,255,255,1.00);}

@media screen and ( max-width:736px )
{
#container{min-width: 320px;}

.top_logo{width: 50px;
	position: fixed; top: 10px; left: 10px;
	background: rgba(255,255,255,1.00);
	z-index: 3;}
	
header{display: none;
	width: 0;
	height: 0;
	overflow: hidden;}
	
.con1{width: 100%;}

}