@charset "utf-8";

/*
 * not.css
 *
 *  version --- 1.0
 *  updated --- 2017/11/30
 */

#not #contents {
	background: #EAF3F9;
	padding: 8rem 0 16rem;
}

.not-found {
	max-width: 60rem;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.not-found__title {
	font-size: 2.8rem;
	font-weight: 400;
	line-height: 1.42;
	margin: 3.7rem 0;
}

.not-found__text {
	font-size: 1.6rem;
	line-height: 1.875;
}

.not-found__search input[type='search'] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 4.2rem;
	width: 100%;
	border-radius: 2.1rem;
	background: url(../img/news/icon_search.svg) center right 2rem no-repeat;
	background-size: 1.7rem auto;
	padding: 0 4.6rem 0 3.2rem;
	color: #0059AA;
	font-size: 1.4rem;
	line-height: 1.5;
	outline: none;
	border: none;
}

.not-found__search {
	max-width: 32rem;
	width: 100%;
	border-radius: 2.1rem;
	margin: 3.7rem auto 0;
	background: #fff;
	position: relative;
}

input::-webkit-input-placeholder{ /*WebKit browsers*/
	color: #A4C4E0;
	font-size: 1.3rem;
}

input::-moz-input-placeholder{ /*Mozilla Firefox*/
	color: #C0BBD8;
	font-size: 1.3rem;
}

input::-ms-input-placeholder{ /*Internet Explorer*/ 
	color: #C0BBD8;
	font-size: 1.3rem;
}

.not-found__search input[type='button']{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	width: 4.6rem;
	height: 100%;
	opacity: 0;
}

.not-found__button {
	display: flex;
	margin-top: 12.5rem;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 999px) {
	#not #contents {
		padding: 6rem 0 10rem;
	}
	
	.not-found__image {
		max-width: 9.9rem;
		width: 100%;
		margin: 0 auto;
	}
	
	.not-found__image img {
		width: 100%;
	}
	
	.not-found__title {
		font-size: 2rem;
		margin: 3.4rem 0 1.8rem;
	}
	
	.not-found__text {
		font-size: 1.4rem;
		line-height: 1.714;
	}
	
	.not-found__search input[type='search'] {
		height: 5.2rem;
		border-radius: 2.6rem;
		background: url(../img/news/icon_search.svg) center right 2.7rem no-repeat;
		background-size: 1.7rem auto;
		font-size: 1.6rem;
		padding: 0 2.9rem;
	}
	
	input::-webkit-input-placeholder{ /*WebKit browsers*/
		font-size: 1.6rem;
	}
	
	input::-moz-input-placeholder{ /*Mozilla Firefox*/
		font-size: 1.6rem;
	}
	
	input::-ms-input-placeholder{ /*Internet Explorer*/ 
		font-size: 1.6rem;
	}
	
	.not-found__search {
		max-width: 32.7rem;
		border-radius: 2.6rem;
	}
	
	.not-found__button {
		margin-top: 7.5rem;
	}
}