/* CSS Document */
/*---------------------------------------
common 
----------------------------------------*/
a {
	color: #00819C;
}

a:hover {
	opacity: 0.7
}

/*---------------------------------------
body
----------------------------------------*/
#pageError {
	margin: 0 auto;
	width: 95%;
}

body {
	color: #1f1f1f;	
}

/*---------------------------------------
header
----------------------------------------*/
header {
    padding: 2% 0 3%;
	width: 100%;
	box-sizing: border-box;
}

.header-logo {
	width: 24%;
}

.header-logo img {
	width: 100%;
}

#contents {
	font-size: 100%;
}

.error {
    margin-bottom: 4%;
	padding: 2.6% 4%;
	border: 2px solid #F30;
	line-height: 1.3;
}

.error-text {
    margin-bottom: 2%;
	padding: .6% 0 .6% 8.6%;
	color: #F30;
	font-weight: 700;
	background-image: url("https://img.phoenix.webcrew.co.jp/17650/denki/images/error/icon_error.gif");
	background-repeat:  no-repeat;
	background-size: 7%;
	background-position: left center;
	font-size: 100%;
}

.backPage {
    margin-bottom: 1%;
	text-align: center;
}

/*---------------------------------------
footer
----------------------------------------*/

footer .copyright {
	padding: 1.6% 0;
	display: block;
	width: 100%;
	color: #666;
	font-size: 75%;
	text-align: center;
}

@media screen and (min-width:751px) {
/*---------------------------------------
body
----------------------------------------*/
#pageError {
	margin: 0 auto;
	width: 620px;
}

body {
	color: #1f1f1f;	
}

/*---------------------------------------
header
----------------------------------------*/
header {
    padding: 20px 0;
	width: 100%;
	box-sizing: border-box;
}

.header-logo {
	width: 117px;
}

.header-logo img {
	width: 100%;
	vertical-align: middle;
}

#contents {
	font-size: 82%;
}

.error-text {
    margin-bottom: 10px;
	padding: 3px 0 3px 35px;
	color: #F30;
	font-weight: 700;
	background-image: url("https://img.phoenix.webcrew.co.jp/17650/denki/images/error/icon_error.gif");
	background-repeat:  no-repeat;
	background-size: 5%;
	background-position: left center;
	font-size: 131%;
}

.backPage {
    margin-bottom: 2px;
	text-align: center;
}

/*---------------------------------------
footer
----------------------------------------*/

footer .copyright {
	padding:5px 0;
	display:block;
	width:100%;
	color:#666;
	font-size:87%;
	text-align:center;
}
}

