/* CSS Document */

#pagePath{
	display: none;
	}

#notFound{
	text-align: center;
	}
	#notFound figure{
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: 5em;
		}
		#notFound figure svg{
			width: 3.625em;
			order: 2;
			}
		#notFound figure svg+svg{
			width: 2.68em;
			margin: 0 0 0.2em 0;
			order: 1;
			}
	#notFound h2{
		margin-top: 1em;
		color: #999;
		}
	#notFound h2+p{
		margin-top: 1em;
		}
	#notFound div+div{
		margin-top: 2em;
		}

.caution{
	display: inline-block;
	margin: auto;
	padding:1em;
	background:#f2f2f2;
	border:1px solid #ccc;
	font-size: 0.8em;
	line-height: 1.4em;
	}


/* for mobile */
@media (max-width: 767px) {
/*767以下px*/
#notFound{}
	#notFound h2{
		font-size: 1.2em;
		}
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
#notFound{}
	#notFound > svg{
		font-size: 8em;
		}
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
#notFound{}
	#notFound h2{
		font-size: 1.6em
		}
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
}
@media (max-width: 991px) {
/*991px以下*/
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#main{}
	#main h2{
		font-size: 1.8em;
		}
		#main h2:before{
			font-weight: 300;
			}
}
@media (min-width: 1200px) {
/*1200px以上*/
}


/* ie */
@media all and (-ms-high-contrast: none){}