@charset "UTF-8";


span,label{display:inline-block;}
.contact{
margin-top: 30px;}

.contact .text-small {
  color: #000;
  font-size: 1.4rem; 
  }
.contact__nav {
  width: 1200px;
  margin: 0 auto; }

.contact .contact__read {
  margin-bottom: 4%; }

.contact h3 {
  border-bottom: 1px solid #CBCBCB;
  margin-bottom: 1%;
  padding-bottom: 1%;
  font-size: 2.8rem; }

.contact h4 {
  font-size: 2.2rem;
  background: #e3e9f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1%;
  color: #4664AA; }

.contact h4 .contactItems__title--blackBox {
    padding: 1.4% 1.9%;
    background: #000;
    color: #fff;
    margin-right: 20px; }

.contact .readText {
  margin-bottom: 2%; }


.contactMatter {
	padding-left:1.6rem;
	text-indent:-1.6rem;
}

.firstYear {
margin-bottom: 6%; 
display:table;
width:100%;
}
.firstYear h4 {padding: 1.5%;}

.firstYear .text-small--space {margin-bottom: 3%; }

/*
*************************************
フォームはじめ
*************************************
*/
.contactform{
    margin:0px auto;
	
}
.contactform table{
	border-collapse:collapse;
	width:95%;
	margin:0 auto;
}
.contactform table tr th,
.contactform table tr td{
	padding:15px;
	color:#333;
	text-align:left;
	border-top:none;
}
.contactform table tr th span.required{
	background-color:red;
	color:#FFF;
	font-weight:normal;
	padding:3px 5px;
	border-radius:5px;
	font-size:12px;
	margin-left:10px;
}

.contactform .submit{
	margin:30px auto 10px;
	display:table;
}
.submit input.wpcf7-submit{
	background-color:#4664AA;
	color:#FFF;
	text-align:center;
    margin: 0px 15px;
	padding:13px 50px;
	border-style:none;
	border-radius:10px;
	font-size:18px;
	letter-spacing:0.1em;
}
.submit input.wpcf7-confirm {
	background-color:#4664AA;
	color:#FFF;
	text-align:center;
    margin: 0px 15px;
	padding:23px 125px;
	border-style:none;
	border-radius:10px;
	font-size:18px;
	letter-spacing:0.6em;
	font-weight: bold;
}
.contactform .submit p{text-align: center;}

.end_text{
	display: block;
	font-size:25px;
	text-align:center;
	line-height:150%;
	padding:30px 0;
	border-top:#666 solid 1px;
	border-bottom:#666 solid 1px;
}

.contactform textarea{width:100%;}

	
.contactform table tr{
	display:block;
	padding:20px 5px;
	border-bottom:#DDD solid 1px;
}

.contactform table tr th{
	width:350px;
	font-weight: bold;
	text-align:center;
}
.contactform table tr td{
width:auto;
}
.contactform p.contact_txt{
text-align:center;
font-weight:bold;
	padding-top:30px;
}

/**/

.contactform table tr td input{
	width:auto;
	display:inline-table;
	padding:10px;
}
.contactform table tr td span.wpcf7-list-item{
	display:block;
}


/*
**************************************
フォームおわり
**************************************
*/

@media all and (max-width: 1023px) {
.container{
margin: 0px auto;
 }
   
section.contact{
width:88%;
margin:0px auto;
}
#wpcf7-f253-o1{
width:100%;
margin:0px auto;
	}
.contactform{
width:100%;
margin:0px auto;}
.contactform table tr{width:100%;}

}

@media all and (max-width: 768px) {

section.contact{
width:88%;
margin:0px auto;
}
.contact h3 {
border-bottom: 1px solid #CBCBCB;
margin-bottom: 1%;
padding-bottom: 1%;
font-size: 1.8rem;
width:100%;
}
.firstYear{
    margin-bottom: 6%;
    display: table;
    width: 100%;
	margin:15px auto;
}
#wpcf7-f253-o1{
margin:0px auto;
	}
.contactform{
width:100%;
	}
.contactform table{
width:100%;
	margin:0px auto;
	}
.contactform table tr th{
display:block;
width:100%;
}
.contactform table tr th, .contactform table tr td {
    padding: 15px 0px;
    color: #333;
    text-align: left;
    border-top: none;
}
.contactform table tr td span.text-451 input{width:90%;	}	
.contactform p.contact_txt{
text-align:center;
font-weight:bold;
padding-top:30px;
}
.submit input.wpcf7-confirm {
    background-color: #4664AA;
    color: #FFF;
    text-align: center;
    margin: 0px 15px;
    padding: 13px 50px;
    border-style: none;
    border-radius: 10px;
    font-size: 15px;
    letter-spacing: 0.1em;
}
}

@media all and (max-width: 600px) {
section.contact{
width:88%;
margin:0px auto;
}
.contact h3 {
border-bottom: 1px solid #CBCBCB;
margin-bottom: 1%;
padding-bottom: 1%;
font-size: 1.8rem;
width:100%;
}
.firstYear {
    margin-bottom: 6%;
    display: table;
    width: 100%;
	margin:15px auto;
}
.contactform {
width: 100%;}
.contactform table{
width:100%;
margin:0px auto;
	}
.contactform table tr th{
display:block;
width:100%;
}
#wpcf7-f253-o1{
width:100%;
margin:0px auto;
	}
.contactform table tr td input{
display:inline-table;
padding: 10px;
	width:90%;
}
	.contactform table tr td span.wpcf7-list-item input{
		display:inline-table;
		width:auto;
	}	
.contactform table tr td span.text-451{width:75%;}	
.contactform p.contact_txt{
text-align:center;
font-weight:bold;
padding-top:30px;
}
.submit input.wpcf7-confirm {
    background-color: #4664AA;
    color: #FFF;
    text-align: center;
    margin: 0px 15px;
    padding: 13px 98px;
    border-style: none;
    border-radius: 10px;
    font-size: 15px;
    letter-spacing: 0.1em;
}


	}