@media screen and (min-width:769px){
	header {
		position: relative;
	}
	header.header_xd nav.bottom {
		position: fixed;
		top: 0;
	}
	header nav.bottom ul{
		display: inline-block !important;
	}
	header nav.bottom {
		background: #333F48;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 99;
	}
	header nav.bottom ul li a:hover{
		color: white;
		text-decoration: none !important;
	}
	header nav.bottom ul li a.active{
		background: #00adb0;
		color: white;
	}
}
header nav.bottom ul li a{
	padding: 10px;
}
.mb45{
	margin-bottom: 45px !important;
}
.mb30{
    margin-bottom: 30px !important;
}
@media screen and (max-width: 768px) {
	.mb45{
		margin-bottom: 20px !important;
    }
    .mb30{
        margin-bottom: 15px !important;
    }
}
@media all and (min-width: 769px) and (max-width: 950px) {
	.pd-none dt{
		padding: 18px 0 !important;
	}
	.pd-none dd{
		padding: 0 5px !important;
	}
	.pd-none dd ul li{
		padding: 18px 0px !important;
	}
}

#toppage .main-slider {
	padding: 0;
	padding-top: 42px;
}
@media screen and (max-width: 768px){
	#toppage .main-slider {
	padding-top: 12px;
	}
}
@media screen and (max-width: 375px){
	#toppage .main-slider {
	padding-top: 0px;
	}
}
#youtube_flame{
	width: 100%;
	padding-bottom: 56.25% ;
	height: 0;
	position: relative;
	margin-top: 142px;
}
/*
@media screen and (max-width: 768px){
#toppage .main-slider {margin-top: 42px;}
}
*/

#player{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}




.txt-center {
	text-align: center;
}

.video-fluid {
	width: 100%;
}

.page_btn li a:hover, #toppage .page_btn li a.active {
	background: #1AD1C3;
}
#toppage .page_btn ul {
	width: 13px;
	display: block;
}
#toppage .page_btn ul li a{
	padding: 0;
}
.double_box_map{
	display: block;
	overflow: hidden;
}
.double_box_map li{
	width: calc(50% - 5px);
	float: left;
}
.double_box_map li:nth-child(2n){
	float: right;
}
@media screen and (max-width: 746px) {
	.double_box_map li{
		width: 100%;
		margin-bottom: 40px;
	}
	.double_box_map li:last-child{
		margin-bottom: 0;
	}
}
#jobsite .blue ul.double_box li:first-child a p:first-child:before, #jobsite .blue ul.double_box li:last-child a p:first-child:before{
	background: #00AAAD;
	right: auto;
	width: auto;
	left: 10px;
	top: 17%;
	transition: all 0.3s ease;
	-webkit-transform: translate(0,-50%);
	transform: translate(0, 0);
	display: inline-block;
	padding: 0 34px;
}
#jobsite .blue ul.double_box li:first-child a p:first-child:hover:before,
#jobsite .blue ul.double_box li:last-child a p:first-child:hover:before{
	opacity: 0;
	visibility: hidden;
}

@media screen and (max-width: 1008px) {
	#jobsite .blue ul.double_box li:first-child a p:first-child:before, #jobsite .blue ul.double_box li:last-child a p:first-child:before{
		padding: 5px 35px;
		font-size: 15px;
	}
}
@media screen and (max-width: 808px) {
	#jobsite .blue ul.double_box li:first-child a p:first-child:before, #jobsite .blue ul.double_box li:last-child a p:first-child:before{
		top: 10%;
		padding: 5px 47px;
		max-width: 82%;
	}
}
@media screen and (max-width: 500px) {
	#jobsite .blue ul.double_box li:first-child a p:first-child:before, #jobsite .blue ul.double_box li:last-child a p:first-child:before{
		top: 17%;
		padding: 5px 35px;
	}
}
@media screen and (max-width: 399px) {
	#jobsite .blue ul.double_box li:first-child a p:first-child:before, #jobsite .blue ul.double_box li:last-child a p:first-child:before{
		top: 10%;
		padding: 5px 10px;
		width: 292px;
		max-width: 83%;
	}
}
#jobsite .blue ul.double_box li a p:first-child:after{
	display: none;
}