@charset "utf-8";

/* sub - common css */
@import url("../sub-common.css");

@charset "utf-8";

@import url("../sub-common.css");



.error-wrap {width:100%; height:100%; background-color:#f7fff8}
.error-wrap .error {text-align: center; width:1200px; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); padding:100px 20px;}
.error-wrap .error img {max-width:100%; width:350px; margin-bottom: 50px}
.error-wrap .error .tit {font-size:2.2rem; font-weight: 600; padding:30px 0 20px; color:#30b686}
.error-wrap .error .txt {line-height: 24px; font-size:1.5rem; color:#555; padding-bottom: 15px;}

@media (max-width:460px) {
    .error-wrap .error {width:100%;}
    .error-wrap .error img {width:90%; margin-bottom: 30px}
    .error-wrap .error .tit {font-size:1.9rem}
    .error-wrap .error .txt {font-size:1.3rem}
    .btn-wrap button {height: 44px; line-height: 44px}
}

@media(max-width: 350px) {
	.error-wrap .error img {width: 80%}
	  .error-wrap .error .tit {font-size:1.7rem}
    .error-wrap .error .txt {line-height: 20px}
}