@charset "UTF-8";

#main section {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2rem;
	right: auto;
}

#main.wrap-404 .section_main_area {
	padding-top: 15px;
}

#main.wrap-404 p {
	line-height: 1.8;
}

h1 {
	background: none;
	height: auto;
	z-index: 9;
}
h2 {
	background: none;
	height: auto;
	padding: 0;
}

.wrap-404 {
	margin: 0 auto 30px;
}
.content-404 {
	padding: 15px;
	font-size: 15px;
}
h1.title-404-type01 {
	font-size: 23px;
	background: #394584;
	color: #fff;
	padding: 15px;
	line-height: 1.4;
}
h2.title-404-type02 {
	font-size: 26px;
	border-bottom: 5px solid #394584;
	position: relative;
	color: #394584;
	margin-top: 30px;
	padding-bottom: 6px;
}
h2.title-404-type02:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -5px;
	left: 24px;
	height: 5px;
	width: 60px;
}
.title-404-large {
	font-size: 26px;
	margin: 0 5px 0 0;
}
.article-404 {
	padding: 15px;
}
.btn-404-area img {
	width: 100%;
}
.btn-404-area {
	max-width: 270px;
	margin: 15px 0;
}

.srach-404-area {
	vertical-align:baseline;
}
.srach-404-area input.text {
	padding: 0 10px;
	border-radius: 5px;
	border: 1px solid #ccc;
	display: inline-block;
	width: 350px;
	height: 32px;
	position: relative;
	top: 11px;
}
.btn-404-search {
	width: 34px;
	height: 34px;
	display: inline-block;
	position: relative;
	top: 11px;
	left: 5px;
}


@media screen and (max-width:768px){
	#main section {
		width: 98% !important;
	}
	#main.wrap-404 .section_main_area {
		padding-top: 0;
	}
	.srach-404-area #SS_searchForm {
		border:none;
		margin:0;
		padding:0;
		background:none;
		box-shadow:none;
	}
	.srach-404-area #SS_searchQuery {
		border:none;
		margin:0;
		padding:0;
		background:none;
		width:auto;
		border-radius:0;
		box-shadow:none;
	}
	.srach-404-area #SS_searchSubmit {
		border:none;
		margin:0;
		padding:0;
		box-shadow:none;
		float:none;
	}


	h1 {
		background: none;
		height: auto;
	}
	h2 {
		background: none;
		height: auto;
		padding: 0;
	}
	
	.pc-404 {
		display: none;
	}
	.wrap-404 {
		margin: 10px auto 30px;
	}
	.content-404 {
		padding: 15px;
		font-size: 15px;
	}
	.content-404 p{
		line-height:1.4;
	}
	h1.title-404-type01 {
		font-size: 20px;
		background: #394584;
		color: #fff;
		padding: 15px;
		line-height: 1.3;
		margin: 0;
	}
	h2.title-404-type02 {
		font-size: 20px !important;
		border-top: none;
		border-bottom: 5px solid #394584;
		position: relative;
		color: #3341a2;
		margin: 30px 0 0;
	}
	h2.title-404-type02:after {
		content: '';
		display: block;
		position: absolute;
		bottom: -5px;
		left: 24px;
		height: 5px;
		width: 60px;
	}
	.title-404-large {
		font-size: 26px;
		margin: 0 5px 0 0;
	}
	.article-404 {
		padding: 15px;
	}
	.btn-404-area img {
		width: 100%;
	}
	.btn-404-area {
		max-width: 270px;
		margin: 15px auto;
	}
	
	.srach-404-area {
		margin:0 auto 15px;
		vertical-align:baseline;
	}
	.srach-404-area input.text {
		padding: 0 10px !important;
		border-radius: 5px !important;
		border: 1px solid #ccc !important;
		display: inline-block !important;
		width: auto !important;
		max-width: 250px !important;
		height: 32px !important;
	}
	
	.btn-404-search {
		width: 34px !important;
		height: 34px !important;
		display: inline-block !important;
		position: relative !important;
		top: 11px !important;
		left: 5px !important;
	}
}