@charset "utf-8";

/* =========================================================
 #page_title
========================================================= */

#page_title:after{
	background-image:url(../img/contact/page_title.jpg);
}

/* =========================================================
 #privacy
========================================================= */

#privacy{
}
#privacy .wrap{
	width:1200px;
	margin:0 auto;
}
#privacy .button{
	width:400px;
	margin:80px auto 0 auto;
}
#privacy .button a{
	transition:.5s;
}
#privacy .button a:after{
	display:none;
}
#privacy .button a:hover{
	opacity:0.7;
}

/* animation */

#privacy.fadein {
  transform : translate(200px, 0);
}
#privacy.fadein.scrollin {
  transform : translate(0, 0);
}

/* =========================================================
 #inquiry
========================================================= */

#inquiry{
}
#inquiry .wrap{
	width:1200px;
	margin:0 auto;
}
#inquiry .button{
	width:400px;
	margin:50px auto 0 auto;
}

/* animation */
#inquiry.fadein {
  transform : translate(200px, 0);
}
#inquiry.fadein.scrollin {
  transform : translate(0, 0);
}

/* =========================================================
 form
========================================================= */

form dl{
	display:flex;
	flex-wrap:wrap;
	margin:30px 0 0 0;
}
form dl dt{
	width:30%;
	padding:1em;
	box-sizing:border-box;
	font-weight:bold;
}
form dl dt.required:after{
	content:"必須";
	display:inline-block;
	background-color:#e71a0f;
	color:#ffffff;
	font-size:1.2rem;
	padding:4.5px .8em;
}
form dl dd{
	width:70%;
	padding:1em;
	box-sizing:border-box;
}
form span.error{
	display:block;
	color:#e71a0f;
	font-size:1.3rem;
	margin:10px 0 0 0;	
}
form input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  /*-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;*/
}

/* Chrome */
form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
  color: #9fa2a3;
}
/* Firefox */
form input::-moz-placeholder,
form textarea::-moz-placeholder{
  color: #4b4b4b;
}
/* IE */
form input::-ms-input-placeholder,
form textarea::-ms-input-placeholder{
  color: #9fa2a3;
}

form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="url"]{
	border:solid 1px #cccccc;
	font-family:"游ゴシック体", YuGothic, "Yu Gothic", sans-serif;
	font-size:1.6rem;
	width:70%;
	box-sizing:border-box;
	padding:10px;
}
form textarea{
	border:solid 1px #cccccc;
	font-family:"游ゴシック体", YuGothic, "Yu Gothic", sans-serif;
	font-size:1.6rem;
	width:100%;
	box-sizing:border-box;
	padding:10px;
	min-height:200px;
}
form select {
  border: solid 1px #cccccc;
  font-family: "游ゴシック体", YuGothic, "Yu Gothic", sans-serif;
  font-size: 1.6rem;
  width: 70%;
  box-sizing: border-box;
  padding: 10px 40px 10px 10px; /* 右側に矢印分の余白 */
  line-height: 1.4;
  background-color: #fff;

  /* ブラウザ既定の装飾をオフにして統一 */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /* 右側に下向き矢印（SVG）を表示 */
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px 14px;
}

/* フォーカス時（必要なら） */
form select:focus,
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="tel"]:focus,
form input[type="url"]:focus,
form textarea:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 83, 156, 0.15);
  border-color: #00539c;
}

/* iOS/Safariの角丸・影の差異を抑える（任意） */
@supports (-webkit-touch-callout: none) {
  form select {
    border-radius: 0;
  }
}

/* button */

form .submit{
	margin:30px 0 0 0;
	text-align:center;
}
form .submit input{
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
	margin:0 10px;
	text-align:center;
	padding:16px 25px;
	width:400px;
	transition:.5s;
	font-size:1.8rem;
	font-family:"游ゴシック体", YuGothic, "Yu Gothic", sans-serif;
	border-radius:30px;
}
form .submit input[type="submit"] {
	color:#fff;
  background-color:#00539c;
}
form .submit input:hover{
	opacity:0.7;	
}
form .submit input[disabled="disabled"],
form .submit input[disabled="disabled"]:hover{
	background-color:#8d8d8d;
	cursor: default;
}

/* 戻る */
form .submit input[type="button"]{
	background-color:#b5b5b5;
	margin:0 10px;
}

#email2{
	margin:10px 0 0 0;
}