@charset "UTF-8";

/*-------------------------
__header
-------------------------*/
header {
background: #ffffff;
border-top:4px solid #5da81c;
width:100%;
position: fixed;
top: 0;
/*left: 0;*/
left: auto;
z-index:999999;
min-width:1200px;
}
#header {
position: fixed;
left: 0;
top: 0;
}

#header_block {
width: 1200px;
height: 100px;
margin: 0 auto;
text-align: left;
position: relative;
}
#header_block #logo {padding: 10px 0 0;}
#header_block #logo h1 {
width: 345px;
display: inline-block;
vertical-align: middle;
margin:10px 10px 0 0;
}
#header_block #logo h1 img {width:100%;}
#header_block #logo h2 {
font-size: 18px;
display: inline-block;
vertical-align: middle;
}
.contents_detail_btn {padding: 10px 0 0;}
.contents_detail_btn .detail {
background-color: #000000;
display: inline-block;
cursor: pointer;
color: #bba649;
font-size: 14px;
padding: 14px 40px;
font-weight: 700;
text-decoration: none;
}
.contents_detail_btn .detail:hover {
background-color: #333333;
}
.contents_detail_btn .detail:active {
position: relative;
top: 1px;
}
.interview_btn {
padding: 20px 0 0;
}
.interview_btn .interview_detail {
display: inline-block;
cursor: pointer;
color: #ffffff;
font-size: 16px;
padding: 8px 14px 8px 48px;
font-weight: 700;
text-decoration: none;
background: url(../images_new/interview_btn.png) left center no-repeat #000000;
}
.interview_btn .interview_detail:hover {
background-color: #333333;
}
.interview_btn .interview_detail:active {
position: relative;
top: 1px;
}




/*-------------------------
__footer
-------------------------*/

#footer {
}
#copyright {
background: #5da81c;
}
#copyright p {
font-size: 12px;
line-height: 80px;
color: #FFFFFF;
}

#copyright .copyright_box {
	width:1200px;
	margin:0 auto;
	position:relative;}
#copyright .copyright_box .ssl {
	position:absolute;
	top:13px;
	right:0;}




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

/*-------------------------
__header
-------------------------*/
header {
background: #FFFFFF;
min-width: inherit;
}
#header {
position: fixed;
left: 0;
top: 0;
}
#header_back {}
#header_block {
width:100%;
height: 70px;
margin: 0 auto;
text-align: left;
position: relative;
}
#header_block #logo {
padding: 10px 0 0;
margin: 0 10px 0 10px;
}
#header_block #logo h1 {
width: 250px;
display: inline-block;
vertical-align: middle;
margin:4px 10px 0 0
}
#header_block #logo h1 img {
	width:100%;}
#header_block #logo h2 {
font-size: 12px;
font-weight:700;
display: inline-block;
vertical-align: middle;
}

.contents_detail_btn {
padding: 0 0 ;
}
.contents_detail_btn .detail {
background-color: #000000;
display: inline-block;
cursor: pointer;
color: #bba649;
font-size: 14px;
padding: 14px 40px;
font-weight: 700;
text-decoration: none;
margin:0 0 4%;
}
.contents_detail_btn .detail:hover {
background-color: #333333;
}
.contents_detail_btn .detail:active {
position: relative;
top: 1px;
}
.interview_btn {
padding:4% 0;
}
.interview_btn .interview_detail {
display: inline-block;
cursor: pointer;
color: #ffffff;
font-size: 12px;
padding: 8px 14px 8px 48px;
font-weight: 700;
text-decoration: none;
background: url(../images_new/interview_btn.png) left center no-repeat #000000;
}
.interview_btn .interview_detail:hover {
background-color: #333333;
}
.interview_btn .interview_detail:active {
position: relative;
top: 1px;
}

/*-------------------------
__footer
-------------------------*/

#footer {
	width:100%;
}
#copyright {
background: #5da81c;
}
#copyright p {
font-size: 12px;
line-height: 80px;
color: #FFFFFF;
}
#copyright .copyright_box {
	width:100%;
	margin:0 auto;
	position:relative;
	padding:0 0 3%;}
#copyright .copyright_box .ssl {
	position: inherit;
	top:inherit;
	right:inherit;}

}