@charset "utf-8";
/*=============================================================
	404
=============================================================*/
#page404 .boxContents section{
	background: url("/shared/img/page404_bg.png") right top no-repeat;
	background-size: 50% auto;
	min-height: 850px;
	margin-top: 10px;
	border-top: 1px solid #fff;
}
#page404 .boxContents section h1{
	font-size: 150% !important;
	margin-top: 80px;
}
#page404 .boxContents section h1::after{
	background: none;
}
#page404 .boxContents section #search-section2{
	background: none;
	padding: 2em 0;
}
#page404 .boxContents section #search-section2 form{
	width:100%;
	max-width:690px;
	border:none;
	position:relative;
	margin: 1em 0 0 0;
}
#page404 .boxContents section #search-section2 .boxSearch{
	width:100%;
	box-sizing:border-box;
	padding:0 50px 0 0;
	position:relative;
	border:none;
	background-color:#fff;
	border: 2px solid #ddd;
}
#page404 .boxContents section #search-section2 .boxSearch::after{
	content:"";
	width:1px;
	height:30px;
	background-color:#ccc;
	position:absolute;
	top:10px;
	right:50px;
}
#page404 .boxContents section #search-section2 .search-text{
	border:0 none;
	width:100%;
	height:50px;
	line-height:50px;
	padding:5px;
	box-sizing:border-box;
	font-size:16px;
}
#page404 .boxContents section #search-section2 .search-btn{
	width:50px;
	height:50px;
	position:absolute;
	top:0;
	right:0;
	opacity:1.0;
	transition-property:all;
	transition-duration:.4s;
}
#page404 .boxContents section #search-section2 .search-btn:hover{
	opacity:0.7;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px){
	#page404 .boxContents section h1{
		text-align: left;
		margin-top: 40px;
	}
	#page404 .boxContents section{
		background-size: 80% auto !important;
		background-position: right bottom;
		min-height: 600px;
	}














}
