
/* Contact Form7 */
#content { color: #fff; margin-top: 100px;}
@media screen and (min-width: 964px) {
  #content { margin-top: 200px;}
    .container { max-width: 900px!important;}
}
.contact7 {
	box-sizing: border-box;
	margin: auto;
}
.contact7 dd {
	margin: 0 0 30px 0;
}
.contact7 dt {
	font-weight: normal;
    margin-bottom: 15px;
}

/* 必須マーク */
.contact7 .must {
	background: #a25350;
}

/* 任意マーク */
.contact7 .optional {
	background: #999;
}

.contact7 .must,
.contact7 .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 12px;
	margin: 0 10px 0 0;
	padding: 5px 10px;
	letter-spacing: 2px;
}
.btn_contact7 {
	margin: auto;
	width: 80%;
}
.btn_contact7 input {
	width: 100%;
	background-color: #a25350;
	border: 1px solid #333;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #a25350;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
    font-family: 'Oswald', sans-serif;
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #a25350;
}
@media screen and (min-width: 768px) {
    .contact7 dt {
        float: left;
        clear: left;
        width: 25%;
        padding: 5px 10px 5px 0;
	}
    .contact7 dd { margin-left: 25%;}
    .btn_contact7 input { padding: 20px 0;}

}

input,textarea {width: 100%;padding: 5px 8px;border: 1px solid #333;}
input[type="checkbox"] { width: 14px;}
.check_contact7 {margin: 0 auto 30px;text-align: center;}
.via {
    margin-bottom: 20px;
    padding-left: 1%;
}
.via input {
    border: none;
    pointer-events: none;
}

.wpcf7 form.sent .wpcf7-response-output {  border-color: #261E47;}
.wpcf7 form .wpcf7-response-output { border: 2px solid #261E47;}


@media screen and (min-width: 960px){
    .contact7 .must,
    .contact7 .optional { margin: 0 10px;}


}
