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

/* //////////////////////////

SECTION_09
CONTACT

 ////////////////////////// */
section#section09 {
    background-color: #FFFED1;
	border: none;
}
section#section09 h2{
	border-bottom: 2px solid #B576AF;
	border-top: 2px solid #B576AF;
	background-color: #fff;
	color: #B576AF;
	padding: 2% 0;
	font-size: 28px;
}
strong.contact_txt{
	display: block;
	text-align: center;
	margin: 20px auto;

	
}
.page-block__contact-form{
	width:80%;
	margin:0 10%;;
	padding:3% 0;
}
.page-block__contact-form table{
	width: 100%;
	background-color: #fff;
}
.page-block__contact-form table th{
	width: 30%;
	color: #fff;
	text-align: left;
	background-color: #B576AF;
}
.page-block__contact-form table th,.page-block__contact-form table td{
	padding: 10px;
	border: 1px solid #fff;
	vertical-align: middle;
}
.page-block__contact-form input,
.page-block__contact-form textarea {
    padding: 10px;
	width:100%;
	margin-bottom:20px;
}
.page-block__contact-form input.form-control {
    height: auto;
}
.page-block__contact-form textarea.form-control {
    height: 236px;
}
.page-block__contact-form .form-control:focus {
    border-color:#E3E3E3;
    box-shadow: none;
}
.page-block__contact-form::-webkit-input-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}
.page-block__contact-form:-moz-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}
.page-block__contact-form::-moz-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}
.page-block__contact-form:-ms-input-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}
/* 送信ボタン */
.page-block__contact-form button.submit_btn {
	display:block;
    background-color: #A6C66B;
	color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
	border:0;
    font-size: 120%;
    line-height: 20px;
    margin: 20px auto;
    padding: 10px;
    transition: background-color 0.5s ease 0s;
	width: 100%;
}
.page-block__contact-form button.submit_btn:hover{
	background:#678236;
}


.contact_wrap{
	width:800px;
	margin:5% auto;
	padding:5%;
	background:#F7F7F6;
	text-align:center;
	line-height:1.75em;
	border-radius:12px;
}
.contact_wrap h2{
	background:#B576AF;
	color:#FFFFFF;
	line-height:1.75em;
	margin-bottom:50px;
	border-radius:12px;
}
.contact_wrap h4{
	margin-bottom:50px;
}
.formTable{
	width:100%;
	margin-bottom:50px;
	text-align:left;
}
.formTable th , .formTable td{
	padding:10px;
	border-bottom:1px solid #aaa;
}
.formTable td{
	background:#FFFFFF;
}
.contact_btn{
	display:block;
    background-color: #B576AF;
    border-radius: 12px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    color: #fff;
	border:0;
    font-size: 16px;
    line-height: 20px;
    margin: 20px auto;
    padding: 10px;
    transition: background-color 0.5s ease 0s;
    width: 160px;
}
.contact_btn:hover{
	background:#4A4A4A;
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_

 画面サイズが480px以下の場合に適用
 
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

@media only screen and (max-width: 480px) {
	
.contact_wrap{
	width:90%;
	margin:0 5%;
	padding:5%;
}
}