@charset "utf-8";


.clfix:after{
	content:"";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}
#Cont .float_l{
	float:left;
}

#Cont .float_r{
	float:right;
}

#Cont .img_dummy{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

#Cont .wrap img {
	width:100%;
}
#Cont{
	width:100% !important;
	height:100% !important;
	position:relative;
}

#Cont .btn_over {
	background-color:#fff;	
}
#Cont .btn_over img:hover {
	opacity:0.7;
}

#Cont .main_contents_b{
	margin-bottom:50px;
}


/***************
+ header_wrap
***************/
#Cont .header_wrap {
	width:100%;
}
#Cont .header_wrap img {
	width:100%;
}
#Cont .nav_area{
	width:100%;
	height:auto;
	max-height:100px;
	padding-top:10%;
	background:#dc7507;
	position:relative;
}
#Cont .nav_area .logo{
	width:17%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	z-index:999;
}

#Cont #menu {
	max-width:50px;
	width:9%;
	height: 19px;
	position: absolute;
	top: 50%;
	right: 1.5%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#Cont #menu .bar {
	display: inline-block;
	width: 90%;
	height: 3px;
	background-color: #ffb93f;
	position: absolute;
	left: 0;
	-webkit-transition: .20s ease-in-out;
	transition: .20s ease-in-out;
}
#Cont #bar01 {
	top: 0;
}
#Cont #bar02 {
	top: 8px;
}
#Cont #bar03 {
	top: 16px;
}
#Cont .active #bar01 {
	top: 8px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#Cont .active #bar02 {
	width: 0;
}
#Cont .active #bar03 {
	top: 8px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#Cont .menu_list{
	width:100%;
	position:absolute;
	z-index:998;
	display:none;
	padding-bottom:75px;
}
#Cont .menu_list .menu_1{
	width:100%;
	background:rgba(0,45,73,0.9);
	padding:12% 0 12px;
}
#Cont .menu_list .menu_2{
	width:100%;
	background:rgba(220,117,7,0.9);
	padding:12px 0;
}
#Cont .menu_list .menu_3{
	width:100%;
	background:rgba(250,190,0,0.9);
	padding:12px 0;
}
#Cont .menu_list li{
	width:100%;
	margin:0 auto;
}
#Cont .menu_list li.title{
	width:100%;
	margin:0 auto 12px;
}
#Cont .menu_list li a{
	display:block;
	width:100%;
	padding:12px 0;
}


/***************
+ main_area
***************/
#Cont .main_area {
	width:100%;
	position:relative;
}
	#Cont .main_area img { 
		max-width:100%;
	}

#Cont .pagetop{
	width:40px;
	position:fixed;
	bottom:5%;
	right:3px;
	z-index:999;
	display:none;
}

/***************
+ gon_footer
***************/

#Cont .gon_pagetop{
    position: fixed;
    right: 1%;
    bottom: 0;
    margin:0 0 0 -63px;
}
#Cont .gon_pagetop a{
    width: 75px;
    height: 100px;
    display: block;
}