@charset "UTF-8";

#contents {
  width: 90%;
  margin: 0 auto;
  transition: width .2s;
}

#error {
  padding: 200px 0;
  /* padding: 150px 0; */
}

#error h1 {
	font-weight: bold;
	color: #000;
	font-size: 2rem;
	text-align: center
}

#error p {
	color:#333;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}

#error .bottom-button {
  margin: 3rem auto 0;
}
#error .link-button {
  margin-bottom: 0;
}
#error .link-button span::after {
  width: 7px;
  height: 7px;
  border: 1px solid;
  border-color: #000 #000 transparent transparent;
  top: 55%;
  right: 3px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  transition: all .2s;
}

#error .link-button.external span::after {
  width: 18px;
  height: 18px;
  border: none;
  padding-right: 22px;
  background: url(../images/common/icon-external.svg) no-repeat right center;
  background-size: 14px auto;
  top: 54%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(0);
  transform: translateY(-50%) rotate(0);
}


@media screen and (max-width: 768px) {
  #contents {
    width: 80%;
  }
  #error {

  }
	#error h1 {
    font-size: 1.8rem;
	}
  .br-pc {
    display: none;
  }

  #error .link-button.external span::after {
    width: 14px;
    height: 14px;
    background-size: 12px auto;
  }
}