@charset "UTF-8";
/* sets the base font to 10px for easier math */
/*----------------------------------------------------
	お問い合わせ
----------------------------------------------------*/
.wrap .contents h2 {
  background: url(../images/common/ttl_bg.png) left bottom no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  padding: 5px 0 25px;
  font-size: 4.5rem;
  text-align: center;
  font-weight: bold;
  margin: 0 0 20px;
}
.wrap .contents h2 + p {
  padding: 0 20px;
}
.wrap .contents p + ul {
  padding: 0 20px;
  margin: 0 0 40px;
  color: #888;
}
.wrap .contents table.contact {
  background-color: #f5f5f5;
  padding: 0 0 70px;
  margin: 0 0 60px;
  display: block;
  width: 100%;
}
.wrap .contents table.contact tbody th {
  display: block;
  background-color: #f5f5f5;
  padding: 40px 0 0;
  margin: 0 20px 10px;
  border-right: 0;
  border-bottom: 1px solid #888;
}
.wrap .contents table.contact tbody th em {
  color: #e60012;
}
.wrap .contents table.contact tbody th em.company {
  color: #888;
}
.wrap .contents table.contact tbody td {
  display: block;
  background-color: #f5f5f5;
  padding: 0 20px;
  color: #888;
  text-align: left;
}
.wrap .contents table.contact tbody td input[type="email"],
.wrap .contents table.contact tbody td input[type="text"],
.wrap .contents table.contact tbody td input[type="tel"],
.wrap .contents table.contact tbody td textarea {
  width: 100%;
  margin: 0 0 5px;
  border: 1px solid #ccc;
}
.wrap .contents table.contact tbody td p.confirm {
  margin: 20px 0px 10px;
}
.wrap .contents table.contact tbody td label.name {
  display: block;
  color: #888;
  margin: 0 0 10px;
}
.wrap .contents table.contact tbody td label.name em {
  width: 12%;
  display: inline-block;
}
.wrap .contents table.contact tbody td label.name span {
  display: inline-block;
  width: 88%;
}
.wrap .contents table.contact tbody td em.company {
  color: #888;
}
.wrap .contents table.contact tbody td label.company {
  min-height: 1px;
}
.wrap .contents table.contact tbody td label.company:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.wrap .contents table.contact tbody td label.company span.company_input,
.wrap .contents table.contact tbody td label.company span.company_input2 {
  width: 20%;
  display: inline-block;
  white-space: nowrap;
  float: left;
}
.wrap .contents table.contact tbody td label.company em {
  float: none;
  white-space: nowrap;
  display: inline-block;
}
.wrap .contents table.contact tbody td label.company select {
  font-size: 3.2rem;
  width: 80%;
  padding: 10px;
}
.wrap .contents table.contact tbody td label.company input {
  width: 80%;
  float: right;
}
.wrap .contents table.contact tbody td .message-select {
  color: #231815;
}
.wrap .contents table.contact tbody td .message-select input[type="radio"] {
  -moz-transform: scale(2, 2);
  -webkit-transform: scale(2, 2);
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.wrap .contents table.contact tbody td textarea {
  height: 350px;
}
.wrap .contents p.button {
  text-align: center;
}
.wrap .contents p.button input {
  background-color: #0068B6;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  color: #fff;
  line-height: 84px;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  padding: 0 30px;
  letter-spacing: 3px;
  border: 0;
  display: inline-block;
  padding: 0 60px;
}
.wrap .contents p.button input:before {
  content: "▶︎";
  padding: 0 1rem 0 0;
  font-size: 2.1rem;
  vertical-align: middle;
}
/* 期間中の出荷スケジュール */
.contact .schedule-info_area h3.contact-page_title {
  font-size: 32px;
  font-size: 3.2rem;
  margin: 0 0 10px;
  text-align: left;
  font-weight: bold;
}
.contact .schedule-info_area .sub-title {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4;
}
.contact .schedule-info_area {
  width: 90%;
  border: 2px solid #005BAC;
  border-radius: 10px;
  margin: 35px auto 60px;
  padding: 20px 20px 0;
}
/*----------------------------------------------------
	お問い合わせ - 送信完了
----------------------------------------------------*/
.contact_complete h2 {
  background: url(../images/common/ttl_bg.png) left bottom no-repeat;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  padding: 5px 0 25px;
  font-size: 4.5rem;
  text-align: center;
  font-weight: bold;
}
.contact_complete h2 + p {
  margin: 50px 0 80px;
  text-align: center;
}
.contact_complete p.link {
  text-align: center;
}
.contact_complete p.link a {
  background-color: #0068B6;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  color: #fff;
  line-height: 84px;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  padding: 0 30px;
  letter-spacing: 3px;
  border: 0;
}
.contact_complete p.link a:before {
  content: "▶︎";
  padding: 0 1rem 0 0;
  font-size: 2.1rem;
  vertical-align: middle;
}