﻿/* ----------------------------------------------------------------------
CONTACT
---------------------------------------------------------------------- */
/* ------------------------------
FORM
------------------------------ */
.page-form {
	padding-bottom:100px;
}

.page-form .info {
	padding:30px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-bottom:50px;
	text-align:center;
}

.page-form .info em {
	font-size:1.8rem;
	font-style:normal;
	display:inline-block;
}

.page-form .info span {
	display:inline-block;
}

.page-form .form-box {
	text-align:left;
	width:650px;
	margin:0 auto;
}

.page-form .form-box .required {
	color:#f00;
	display:inline-block;
	margin-left:10px;
}

.page-form .form-box dl {
	margin-bottom:45px;
}

.page-form .form-box dt {
	margin-bottom:5px;
}

.page-form .form-box dd li {
	display:inline-block;
	margin-left:10px;
}

.page-form .form-box dd li:first-child {
	margin-left:0;
}

.page-form .form-box input[type='text'],
.page-form .form-box input[type='tel'],
.page-form .form-box input[type='email'],
.page-form .form-box textarea {
	width:100%;
	padding:10px;
	font-size:1.5rem;
	border:1px solid #ccc;
}

.page-form .form-box input[type='radio'] {
	margin-right:5px;
}

/*
.page-form .form-box input[type='submit'] {
	display:block;
	width:100%;
}

.page-form .form-box input[type='submit'] span::before {
	border-top:solid 1px #014099;
	border-right:solid 1px #014099;
}

.page-form .form-box .postalcocde input {
	width:50%;
}
*/

@media only screen and (max-width: 768px) {
	.page-form {
		padding-bottom:80px;
	}
	.page-form .info em {
		font-size:1.6rem;
	}
	.page-form .form-box {
		width:100%;
	}
	.page-form .form-box dd li {
		display:block;
		margin:0 0 10px 0;
	}
}

@media only screen and (max-width: 450px) {
	.page-form {
		padding-bottom:70px;
	}
	.page-form .info em {
		font-size:1.5em;
	}
	.page-form .form-box dl {
		margin-bottom:25px;
	}
}

@media only screen and (max-width: 350px) {
	.page-form .form-box .postalcocde input {
		width:100%;
	}
}

.btn-form-box {
	text-align:center;
}
.btn-form-box input {
	color: #014099;
	border: 1px solid #014099;
	padding: 12px 0;
	font-size: 15px;
	letter-spacing: 0.07em;
	width: 210px;
	box-sizing: border-box;
	margin: 0 10px;
}
@media only screen and (max-width: 510px) {
	.btn-form-box input {
		font-size: 13px;
		width: auto;
		padding: 12px 40px;
	}
}

/*
.btn-form {
	display:inline-block;
	cursor:pointer;
	width:auto;
}

.btn-form span {
	display:block;
	text-align:center;
	padding:15px 40px;
	font-family:'lato', sans-serif;
	letter-spacing:.02em;
	position:relative;
	overflow:hidden;
	height:50px;
	-webkit-transition:.5s;
	        transition:.5s;
	line-height:1;
}
*/
.wpcf7-recaptcha div{
	margin: 0 auto;
}
span.wpcf7-not-valid-tip{
	color: #e22e2e !important;
	font-size: 12px !important;
}
.wpcf7-mail-sent-ok,
.wpcf7-mail-sent-ng,
.wpcf7-validation-errors,
.wpcf7-spam-blocked{
	font-size: 13px !important;
}
/* ------------------------------
CONFIRM
------------------------------ */
.page-thanks .l-sec-inner {
	text-align:center;
}

.page-thanks .info {
	margin-bottom:110px;
}

.page-thanks .info p {
	font-size:1.2rem;
}

.page-thanks .info em {
	font-size:2rem;
	font-family:'lato', sans-serif;
	font-weight:normal;
}

.page-thanks .form-box p {
	margin-bottom:50px;
}

.page-thanks .form-box p.btn-g {
	display:inline-block;
	margin:19px auto 70px;
}

.page-thanks .form-box p.btn-g a {
	width:350px;
	padding:20px 10px;
	text-decoration:none;
	background:none;
	-webkit-transition:.5s;
	        transition:.5s;
}

.page-thanks .form-box p.btn-g a:before {
	content:none;
}

.page-thanks .form-box p.btn-g a:hover {
	background:#014099;
}

.page-thanks .form-box p:last-child {
	margin-bottom:100px;
}

.page-thanks .form-box .img {
	width:70px;
	height:70px;
	margin:0 auto 50px;
}

.form-info {
	text-align:left;
	padding:50px 20px 10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.form-info em {
	font-size:1.8rem;
}

.form-info em span {
	font-size:1.5rem;
}

.form-info .note {
	font-size:1.3rem;
}

.wpcf7c-conf{
	background-color: #eee !important;
}
@media only screen and (max-width: 768px) {
	.form-info {
		padding:40px 0;
	}
	.form-info .l-grid {
		width:100%;
		float:none;
		margin:0;
		text-align:center;
	}
	.form-info em {
		font-size:1.6rem;
	}
	.page-thanks .info {
		margin-bottom:70px;
	}
	.page-thanks .btn-g a {
		width:250px;
		padding:15px 10px;
	}
}

@media only screen and (max-width: 450px) {
	.page-thanks .info em {
		font-size:1.7rem;
	}
	.page-thanks .form-box p {
		margin-bottom:35px;
	}
	.page-thanks .form-box p.btn-g a {
		width:250px;
		padding:11px 10px;
	}
	.page-thanks .form-box p:last-child {
		margin-bottom:80px;
	}
	.form-info {
		text-align:left;
		font-size:1.2rem;
	}
	.form-info .l-grid {
		width:227px;
		margin:0 auto !important;
	}
	.form-info .ft-logo-jp {
		margin:0 0 10px;
	}
	.form-info p {
		text-align:left;
	}
	.form-info em {
		font-size:1.4rem;
	}
	.form-info em span {
		font-size:1.2rem;
		display:block;
	}
	.form-info .note {
		font-size:1.1rem;
	}
}
