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

/* ==========================================
   お問い合わせページ／PCファースト
   ========================================== */
#contact-page{  
	padding: 100px 0 0;
	overflow: hidden;
	min-height: 100vh;
	box-sizing: border-box; /* パディングを含めて100vhに収める */
}
.section-contact-page {
	background: url('../img/bg-texture.jpg') center / cover no-repeat;  
	z-index: 0;
}
.contact-page-title{
	display: flex;
	justify-content: center;
	align-items: center;
}

#formWrap {
	width: 90%;
	margin: 0 auto;
	line-height: 120%;
}
#formWrap p {
	text-align: center;
	margin: 40px 0;	
}

table.formTable{
	width: 100%;
	margin: 2em auto;
	border-collapse: collapse;
}
table.formTable td,table.formTable th{
	border: 1px solid #ccc;
	padding: 20px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}
table.formTable th{
	width: 30%;
	background: #353535;
	color: #fff;
	vertical-align: middle;
}
table.formTable td{
	background: #fff;
	background-color: rgb(255 255 255 / 60%)
}

span.required{
	color: #fff;
    font-size: 1.2rem;
    background: #9b090b;
    padding: 2px 10px;
    margin: 0 10px;
    border-radius: 20px;
}

/*ボタンの色設定*/
form input[type="submit"], form input[type="reset"], form input[type="button"] {
	background: #000;
    color: #fff;
    font-weight: bold;
    padding: 1em 5em 1em 5.5em;
    font-size: 1.8rem;
    border-radius: 3px;
    border: 1px solid #737373;
    letter-spacing: 5px;
	/*width: 130px;
    height: 32px;
    border-radius: 3px;
    border: 1px solid #737373;*/
}
.contact-page-btn{
	display: flex;
	justify-content: center; /* 横方向の中央揃え */
	align-items: center;     /* 縦方向の中央揃え */
	margin-top: 90px;
}
.contact-page-btn:hover {
	opacity: 0.7;
}


@media (max-width: 759px) {

#formWrap {
	width: 95%;
	margin: 0 auto;
}
table.formTable th, table.formTable td {
	width: auto;
	display: block;
}
table.formTable th {
	margin-top: 5px;
	border-bottom: 0;

}
	
form input[type="text"], form textarea {
	width: 96%;
	padding: 5px;
	font-size: 110%;
	display: block;
}
form input[type="submit"], form input[type="reset"], form input[type="button"] {
	display: block;
}
}

input, select {
    vertical-align: middle;
    /*height: 25px;
	/*background: #F17C7E;*/
}

label{
  margin-right:10px;
}
input,textarea,select {
  /*width: 200px;*/
  line-height: 20px;
  padding: 0.5em 1em;
	margin: 0 15px;
  font-size: 16px;
}
::placeholder {
  color: #cdd;
}
select{
	height: 38px;
}



.thanks{
	margin: 5em 0;
	text-align: center;
}


span.list_label {
	display: block;
    padding: 5px 20px 0 0;
}
.agree_check{
	text-align: center;
	margin: 3em;
}
.agree_check span{
	padding: 1em;
}
.agree_check a{
	color: #cc292a;
}
.agree_check a:hover{
	color: #cc292a;
	font-weight: bold;
}