@charset "utf-8";
/* CSS Document */
h1.page_title{
	background-color:#002E62;
	width:300px;
	height: 300px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	position:inherit;
	display:flex;
	align-items: center;
	flex-wrap: wrap;
	box-shadow: 7px 7px 0px 1px #0085bc;
}

#contact h1.page_title img{
	width:63px;
	height: auto;
	margin-left: auto;
  margin-right: auto;
	margin-top: 11%;
}

h1.page_title p{
	color:#fff;
	width:100%;
	text-align:center;
	margin-top: -38%;
}

h1.page_title p small{
	display:block;
	font-family: "adage-script-jf", sans-serif;
  font-weight: 400;
  font-style: normal;
	color:#9EBBD8;
}

#contact .pageheader{
	background-image:url("../img/contact/page_header.jpg");
	backgroudn-repeat:no-repeat;
	background-size: cover;
	background-position:center center;
	width:100%;
	height: 600px;
	text-align:center;
	position:inherit;
	padding-top:6%;
	box-sizing: border-box;
}

/*header#masthead, header.entry-header, footer.entry-footer, footer#colophon{
	display:none;
}*/

.main #formWrap p.center{
	text-align: center;
	margin-bottom:30px;
	margin-left: 126px;
}

section.main{
	background-image:url("../img/contact/bg01.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding:80px 0;
	box-sizing: border-box;
}

form table{
	border-collapse:collapse;
}

form table tr th,
form table tr td{
	padding:10px 20px;
	box-sizing: border-box;
}

form table tr th small{
	display:inline-block;
	margin-left: 10px;
	font-size:0.9rem;
	background-color:#002E62;
	padding:2px 10px;
	color:#fff;
	box-sizing: border-box;
	display:none;
}

form table tr th {
  width: 27%;
  padding: 10px;
  box-sizing: border-box;
	vertical-align: middle;
}

form table tr td input,
form table tr td textarea{
	padding:5px 10px;
	box-sizing: border-box;
	width:100%;
}

form table tr:nth-child(2) th{
	vertical-align:top;
	letter-spacing: 0.15em;
}

form table tr:last-child th{
	vertical-align:top;
}

form table tr:first-child th{
  letter-spacing: 1.7em;
}

/*form table tr:first-child th{
  letter-spacing: 4.7em;
}*/

/* 送信ボタン */
button#submit {
  /* buttonタグのリセットCSS */
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;

  color: #fff;
  padding: 8px 24px;
  background-color: #FF930B;
  cursor: pointer; /* ポインターカーソルを表示 */
	border-radius: 100px;
	display:block;
	box-shadow: 10px 10px 17px -5px #c0c0c0;
	color: #fff;
	padding:15px;
	border:solid 5px #fff;
	box-sizing: border-box;
}

button#submit[disabled] {
  background-color: #DEDEDE;
  cursor: not-allowed; /* クリック不可のカーソルを表示 */
	border-radius: 100px;
	display:block;
	box-shadow: 10px 10px 17px -5px #c0c0c0;
	/*color: #fff;*/
	padding:15px;
	border:solid 5px #fff;
	box-sizing: border-box;
}

#contact div.privacy_confirmation{
  text-align: justify;
  width: 51%;
  margin: 30px auto;
	display:flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding-left: 50px;
	box-sizing: border-box;
}

#contact div.privacy_confirmation a {
  color: #002E62;
	display:block;
	width:100%;
	/*text-align: center;*/
}

#contact div.privacy_confirmation a:hover{
	text-decoration:underline;
}

#contact div.privacy_confirmation p{
  width: 50%;
  text-align: center;
  display: flex;
  align-items: center;
}

#contact div.privacy_confirmation label{
  width: 95%;
}

#contact div.privacy_confirmation button{
  margin-top: 30px;
  width: 47%;
  display: inline-block;
  border-radius: 50px;
  border: solid 3px #fff;
  padding: 10px;
  box-sizing: border-box;
}

#contact div.privacy_confirmation button#reset-btn{
	border:solid 3px #fff;
	box-shadow: 10px 10px 17px -5px #c0c0c0;
	box-sizing: border-box;
}

/*div.privacy_confirmation{
	display:flex;
	justify-content: space-between;
	width:52%;
	margin: 30px auto;
	flex-wrap: wrap;
}

div.privacy_confirmation p,
div.privacy_confirmation label,
div.privacy_confirmation button{
	width:47%;
	display:flex;
	align-items: center;
	text-align: center;
}

div.privacy_confirmation p{
	width:100%;
}

div.privacy_confirmation button{
	width:100%;
	background-color:#ccc;
	border:solid 5px #fff;
	border-radius: 100px;
	display:block;
	box-shadow: 10px 10px 17px -5px #c0c0c0;
	color: #fff;
	padding:15px;
	box-sizing: border-box;
}

div.privacy_confirmation button:first-child{
	background-color:#666666;
}*/

table.confirm_table{
	border-collapse:collapse;
}

table.confirm_table tr th,
table.confirm_table tr td{
	border:solid 1px #666666;
	box-sizing: border-box;
	background-color:#fff;
}

table.confirm_table tr th{
	text-align:justify;
}

table.confirm_table tr:first-child th{
  letter-spacing: 4.7em;
}

table.confirm_table tr:last-child th{
  letter-spacing: 2em;
}

#contact main.thanks p{
	text-align:center;
}



#contact.page table.confirm_table tr th{
	background-color:#e8e8e8;
}

/*#contact div.privacy_confirmation p label{
  width: 100%;
}*/

#contact div.privacy_confirmation p input[type="checkbox"]{
  margin-left: 22px;
}

ul.form_btns{
	display:flex;
	justify-content: space-between;
	width:50%;
	margin: 30px auto;
}

ul.form_btns li{
	width:47%;
	display:flex;
	align-items: center;
	text-align: center;
}

ul.form_btns li p{
	width:100%;
}

ul.form_btns li input{
	width:100%;
	background-color:#FF930B;
	border:solid 5px #fff;
	border-radius: 100px;
	display:block;
	box-shadow: 10px 10px 17px -5px #c0c0c0;
	color: #fff;
	padding:15px;
	box-sizing: border-box;
}

ul.form_btns li:first-child input{
	background-color:#666666;
}

#contact.thanks .main #formWrap p.center {
  text-align: center;
  margin-bottom: 30px;
  margin-left: 0;
}

#contact.confirm form table tr:first-child th {
  letter-spacing: 5.5em;
}

#contact.confirm form table tr:nth-child(n+4){
	display:none;
}

#contact.confirm form table{
	margin-bottom:30px;
}

#contact.confirm form .form_btns{
	text-align:center;
	margin-top:30px;
}

#contact.confirm input.return{
  border: solid 3px #fff;
  box-shadow: 10px 10px 17px -5px #c0c0c0;
	padding:10px;
	width:30%;
	display:inline-block;
	box-sizing: border-box;
	border-radius: 50px;
}

#contact.confirm input.submit {
  /* buttonタグのリセットCSS */
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;

  color: #fff;
	display:inline-block;
  background-color: #FF930B;
  cursor: pointer; /* ポインターカーソルを表示 */
	border-radius: 100px;
	box-shadow: 10px 10px 17px -5px #c0c0c0;
	color: #fff;
	padding:10px;
	width:30%;
	border:solid 3px #fff;
	box-sizing: border-box;
}

@media screen and (max-width: 1023px) {
h1.page_title{
	width:190px;
	height: 190px;
}

#contact h1.page_title img{
	width:38px;
	height: auto;
	margin-left: auto;
  margin-right: auto;
	margin-top: 0%;
}

h1.page_title p{
	color:#fff;
	width:100%;
	text-align:center;
	margin-top: -38%;
	font-size: 1.2rem;
}

h1.page_title p small{
	display:block;
	font-family: "adage-script-jf", sans-serif;
  font-weight: 400;
  font-style: normal;
	color:#9EBBD8;
}

#contact .pageheader{
	height: 350px;
	padding-top:13%;
}
	
form table tr th, form table tr td {
  padding: 10px;
  box-sizing: border-box;
}
	
table.confirm_table tr th {
  text-align: justify;
  width: 27%;
  padding: 10px;
  box-sizing: border-box;
}
	
form table tr th {
    width: 20%;
    padding-left: 0;
    padding-right: 0;
  }
	
ul.form_btns  ul.form_btns {
    width: 65%;
    margin-left: 20%;
  }
	
form table tr:last-child th{
	vertical-align:top;
	letter-spacing: 0;
}

form table tr:first-child th{
  letter-spacing: 1.5em;
}
	
#contact div.privacy_confirmation {
  width: 65%;
}
	
}

@media screen and (max-width: 580px) {
h1.page_title {
    width: 135px;
    height: 135px;
  }
	
 h1.page_title img {
    width: 45px;
    margin-top: 0;
  }
	
h1.page_title p {
  font-size: 1.0rem;
}
	
#contact .pageheader {
    height: 230px;
    padding-top: 19%;
  }
	
form table tr th {
    width: 36%;
  }
	
form table tr th small {
  font-size: 0.7rem;
}
	
ul.form_btns {
  width: 100%;
}
	
main form > p.center{
	text-align: justify;
}
	
 form table tr:last-child th {
    letter-spacing: 0;
  }
	
form table tr:first-child th {
    letter-spacing: 1.5em;
  }
	
 #contact div.privacy_confirmation {
    width: 100%;
    flex-wrap: wrap;
  }
	
 #contact div.privacy_confirmation {
    width: 100%;
    flex-wrap: wrap;
	 padding-left: 0;
  }
	
#contact div.privacy_confirmation button {
  width: 100%;
}
	
#contact div.privacy_confirmation p {
  width: 100%;
  text-align: justify;
  display: flex;
  align-items: center;
}
	
#contact div.privacy_confirmation a {
  color: #002E62;
  display: block;
  width: 100%;
  text-align: left;
  margin-left: 40px;
  margin-bottom: 10px;
}
	
#contact div.privacy_confirmation p input[type="checkbox"] {
  margin-left: 22px;
  margin-right: 5px;
}
	
ul.form_btns {
  width: 100%;
}
	
table.confirm_table tr th {
  width: 42%;
}
	
table.confirm_table tr:first-child th {
  letter-spacing: 3.0em;
}
	
table.confirm_table tr:last-child th {
  letter-spacing: 1.5em;
}
	
.main #formWrap p.center {
  text-align: justify;
  margin-bottom: 30px;
  margin-left: 0;
}
	
#contact.confirm input.return {
  width: 100%;
	margin-bottom:20px;
	height: inherit;
}
	
#contact.confirm input.submit {
  padding: 10px;
  width: 100%;
	height: inherit;
}
	
#contact.confirm form table tr th,
	#contact.confirm form table tr td{
		white-space: normal;
		word-break: break-all;
word-wrap: break-all;
	}
	
}