@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : copy.css
 author     : Ability Consultant
 style info : エラーページ
=================================================================== */
.con_misc {
	max-width: 1200px;
	margin: auto;
}
@media only screen and (max-width: 1200px) {
  .con_misc {
		width: 95%;
  }
}

/* -----------------------------------------------------------
	animation
----------------------------------------------------------- */
@-webkit-keyframes fuwafuwa {
	0% {
		-webkit-transform: translate(0, 0);
	}
	50% {
		-webkit-transform: translate(0, -10px);
	}
	100% {
		-webkit-transform: translate(0, 0);
	}
}
@-moz-keyframes fuwafuwa {
	0% {
		-moz-transform: translate(0, 0);
	}
	50% {
		-moz-transform: translate(0, -10px);
	}
	100% {
		-moz-transform: translate(0, 0);
	}
}
@-ms-keyframes fuwafuwa {
	0% {
		-moz-transform: translate(0, 0);
	}
	50% {
		-moz-transform: translate(0, -10px);
	}
	100% {
		-moz-transform: translate(0, 0);
	}
}
@-o-keyframes fuwafuwa {
	0% {
		-o-transform: translate(0, 0);
	}
	50% {
		-o-transform: translate(0, -10px);
	}
	100% {
		-o-transform: translate(0, 0);
	}
}
@keyframes fuwafuwa {
	0% {
		transform: translate(0, 0);
	}
	50% {
		transform: translate(0, -10px);
	}
	100% {
		transform: translate(0, 0);
	}
}
@media only screen and (min-width: 1201px) {
  html.lower #contents .con_title h2 > span em img {
		margin-top: 9em;
  }
}
@media print {
  html.lower #contents .con_title h2 > span em img {
		margin-top: 9em;
  }
}
.ie8 html.lower #contents .con_title h2 > span em img {
	margin-top: 9em;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  html.lower #contents .con_title h2 > span em span {
		text-align: left;
		margin-top: 2em;
  }
}

/* -----------------------------------------------------------
	misc
----------------------------------------------------------- */
.con_misc {
	padding: 60px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .con_misc {
		padding: 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_misc {
		padding: 2em 0;
  }
}
@media only screen and (min-width: 768px) {
  .con_misc {
		text-align: center;
  }
}
@media print {
  .con_misc {
		text-align: center;
  }
}
.ie8 .con_misc {
	text-align: center;
}
.con_misc h3 {
	font-size: 185%;
	margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .con_misc h3 {
		margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_misc h3 {
		margin-bottom: 1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .con_misc h3 {
		font-size: 154%;
  }
}
@media only screen and (max-width: 767px) {
  .con_misc h3 {
		font-size: 120%;
  }
}
@media only screen and (min-width: 768px) {
  .con_misc .txt {
		line-height: 1.71;
  }
}
@media print {
  .con_misc .txt {
		line-height: 1.71;
  }
}
.ie8 .con_misc .txt {
	line-height: 1.71;
}
@media only screen and (min-width: 1201px) {
  .con_misc .txt {
		font-size: 108%;
  }
}
@media print {
  .con_misc .txt {
		font-size: 108%;
  }
}
.ie8 .con_misc .txt {
	font-size: 108%;
}
.con_misc .box_contact {
	max-width: 500px;
	padding: 15px 1em;
	border: 4px solid #e7e0dc;
	margin: 30px auto 0;
	text-align: center;
	background: #fff;
	box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .con_misc .box_contact {
		padding: 0.8em 0.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .con_misc .box_contact {
		margin: 20px auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_misc .box_contact {
		margin: 1em auto 0;
  }
}
@media only screen and (min-width: 768px) {
  .con_misc .box_contact {
		letter-spacing: -.4em;
  }
}
@media print {
  .con_misc .box_contact {
		letter-spacing: -.4em;
  }
}
.ie8 .con_misc .box_contact {
	letter-spacing: -.4em;
}
@media only screen and (min-width: 768px) {
  .con_misc .box_contact > * {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		letter-spacing: normal;
  }
}
@media print {
  .con_misc .box_contact > * {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		letter-spacing: normal;
  }
}
.ie8 .con_misc .box_contact > * {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	letter-spacing: normal;
}
.con_misc .box_contact .st {
	font-size: 124%;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .con_misc .box_contact .st {
		font-size: 116%;
  }
}
@media only screen and (max-width: 767px) {
  .con_misc .box_contact .st {
		font-size: 108%;
  }
}
.con_misc .box_contact .txt_tel {
	margin: 0 0 0 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .con_misc .box_contact .txt_tel {
		margin: 0 0 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_misc .box_contact .txt_tel {
		margin: 0.3em 0 0;
  }
}
.con_misc .box_contact .txt_tel a, .con_misc .box_contact .txt_tel span {
	color: #c4a34a;
	font-size: 124%;
}
@media only screen and (max-width: 767px) {
  .con_misc .box_contact .txt_tel a, .con_misc .box_contact .txt_tel span {
		font-size: 108%;
  }
}
.con_misc .box_contact .txt_tel a em, .con_misc .box_contact .txt_tel span em {
	font-size: 200%;
	font-family: "Cardo", serif;
	line-height: 1;
}
@media only screen and (max-width: 767px) {
  .con_misc .box_contact .txt_tel a em, .con_misc .box_contact .txt_tel span em {
		font-size: 200%;
  }
}