@charset "UTF-8";
/* CSS Document */

/*-------------------------------
	contact.phpとthanks.phpのcss
-------------------------------*/

/*-----contact.php-----*/

.mainback {
background-color: #e7d7bd;
	
}
.contact-title {
	margin-top: 200px;
	text-align: center;
	font-size: 120%;
}
.contact-title h2{
	color: #123352;
}

.contact-inner {
	margin: 0 auto;
  background-color: #123352;
  padding: 25px;
  position: relative;
  color: #fff;
}

legend { color: #fff; }

.contact-inner p,.contact-inner li {
  color: #fff;
  font-size: 0.8em;
}

.contact-inner li {
  padding-bottom: 7px;
}

.contact-inner a {
  border-bottom: solid 1px #fff;
  color: #fff;
}

.contact-inner a:hover {
  border-bottom: none;
  color: #e73828;
}
@media (max-width: 768px) {
  .contact-footer {
    display: block;
  }
  .contact-inner {
    display: block;
  }

}

.contactbutton {
  background: #123352;
  width: 100%;
  display: block;
  text-decoration: none;
  font-size: 1.2em;
  padding:10px;
  border:solid 1px #fff;
  text-align: center;
  color: #fff;
  margin-bottom: 15px;
}
.contactbutton:hover {
  background: #11516f;
  color: #fff;
  border:solid 1px #fff;
}

/*-----thanks.php-----*/

.thanks-inner {
	margin: 0 auto 5%;
  background-color: #123352;
  padding: 50px;
  position: relative;
  color: #fff;
}
.thanks-inner p {
  color: #fff;
}

.thanks-title {
	margin-top: 20px;
	text-align: center;
	font-size: 120%;
}
.thanks-title h2{
	color: #123352;
}

.svg-yubin {
	margin: 200px auto 0;
	width: 30%;
}