@charset "UTF-8";

/* =====================================================================
 * contents
 * =================================================================== */
.subTitle {
	margin-bottom: 1em;
}
#articleBox > dl {
	margin: 0 auto 60px;
	width: 880px;
}
#articleBox > dl dd {
	padding: 18px 25px 21px;
	border: solid 1px #bbb;
	text-align: center;
}
#articleBox > dl dd .telLink, 
#articleBox > dl dd .telLink a {
	margin-bottom: 6px;
	line-height: 1;
	font-size: 3.2rem;
	font-weight: bold;
	color: #00316c;
}
#articleBox > dl dd .telLink::before {
	content: "";
	position: relative;
	top: 5px;
	display: inline-block;
	margin-right: 10px;
	width: 36px;
	height: 36px;
	background: url(../images/phone.svg) no-repeat;
	background-size: 100%;
}
#articleBox > dl dd .uketsuke {
	position: relative;
	top: -5px;
	margin: 0 1.7em;
	font-size: 1.5rem;
	font-weight: normal;
	color: #333;
}
/* メールフォーム */
#form {
	margin: 0 auto 10px;
	width: 880px;
}
#notes dd {
	padding: 30px 40px;
	border: solid 1px #bbb;
}
#notes dd a {
	text-decoration: underline;
}
#notes dd ol {
	margin: 1em 0;
}
#notes dd ol li {
	margin-left: 35px;
	list-style: decimal;
}
form {
	padding-top: 50px;
}
input[type="text"], input[type="submit"], textarea,
input[type="tel"], input[type="email"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
input[type="text"],
input[type="email"] {
	height: 36px;
}
input[type="checkbox"], input[type="radio"],
#mailfield label {
	cursor: pointer;
}
#mailfield input, #mailfield textarea {
	border: solid 1px #bbb;
	padding: .3em;
	font-size: 1.4rem;
	vertical-align: middle;
}
#mailfield input {
	position: relative;
	top: -1px;
}
.must span, .optional span {
	margin-right: 1em;
	padding: .4em .7em;
	background-color: #439ceb;
	border-radius: 2px;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;
	font-size: 1.2rem;
	color: #fff;
}
.optional span {
	background-color: #999;
}
.mwNotes {
	display: block;
	margin-top: .5em;
	font-size: 1.2rem;
}
.policyTxt {
	display: block;
	margin-top: 10px;
}
#mailfield {
	border-bottom: solid 1px #bbb;
}
#mailfield dl {
	display: table;
	margin: 0;
	width: 100%;
}
#mailfield dt, #mailfield dd {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	border-top: solid 1px #bbb;
	line-height: 1.6;
	text-align: left;
}
#mailfield dt {
	padding: 1em 0 1em 4.2em;
	text-indent: -4.2em;
	width: 20%;
}
#mailfield dd {
	padding: 1em 0 1em 4.2em;
	width: 76%;
}
.mf_buttons {
	margin-top: 25px;
	width: 100%;
	text-align: center;
}
.mf_buttons input {
	display: inline-block;
	margin: 0 10px;
	padding: 20px 130px;
	border: none;
	background-color: #00316c;
	line-height: 1;
	font-size: 1.7rem;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
}
.mf_buttons input:hover {
	opacity: .6;
}
.mf_buttons input.modoru {
	background-color: #999;
}
.mf_buttons input:focus {
	outline: none;
}
.mw_wp_form .error {
	margin-top: .5em;
	font-size: 1.3rem!important;
	color: #f02222!important;
}
/* =====================================================================
 * IEのinput要素に出てくるマークを消去
 * =================================================================== */
/* text */
input::-ms-clear {
	visibility: hidden;
}
/* password */
input::-ms-reveal {
	visibility: hidden;
}
#mailfield input[type="checkbox"]:not(:target) {
	border: 0px\9;
}
/* 確認画面 */
.mw_wp_form_confirm .must span,
.mw_wp_form_confirm .optional span,
.mw_wp_form_confirm #mailfield dl#kakuninEmail,
.mw_wp_form_confirm #mailfield .mwNotes {
	display: none;
}
.mw_wp_form_confirm .optional::after {
	content: "（任意）";
}
#confirmBox {
	margin-bottom: 30px;
}
/* 完了画面 */
#confirmBox dd, #thanksBox dd {
	text-align: center;
}
.mw_wp_form_complete {
	display: none;
}

/* =====================================================================
 * mediaqueries
 * =================================================================== */
@media screen and (max-width: 979px) {
	#articleBox > dl {
		margin: 0 auto 60px;
		max-width: 880px;
		width: 100%;
	}
	/* メールフォーム */
	#form {
		max-width: 920px;
		width: 100%;
	}
	#mailfield textarea, #mailfield .inputTxt input {
		width: 100%;
	}
	#mailfield dd {
		padding: 1em 0 1em 2em;
		width: 65%;
	}
	.mf_buttons input {
		padding: 20px;
		width: 44%;
		transition: 0s;
		-webkit-transition: 0s;
		-moz-transition: 0s;
	}
	.mf_buttons input:hover {
		opacity: 1;
	}
	.thanks .mw_wp_form {
		padding: 0;
	}
}
@media screen and (max-width: 767px) {
	.subTitle {
		margin-bottom: .7em;
	}
	#articleBox > dl {
		margin: 0 auto 40px;
	}
	#articleBox > dl dd {
		padding: 10px 25px 8px;
	}
	#articleBox > dl dd span {
		display: block;
	}
	#articleBox > dl dd .uketsuke {
		margin: .8em 0 0 0;
	}
	/* メールフォーム */
	form {
		padding-top: 40px;
	}
	#notes dd {
		padding: 20px 30px;
	}
	#mailfield dl, #mailfield dt, #mailfield dd,
	.mw_wp_form_preview #mailfield dl, 
	.mw_wp_form_preview #mailfield dt, 
	.mw_wp_form_preview #mailfield dd {
		display: block;
		width: 100%;
	}
	.must, .optional {
		display: inline;
	}
	#mailfield dt {
		padding: 1em 0 0;
		text-indent: 0;
		line-height: inherit;
	}
	#mailfield dt br {
		display: none;
	}
	#mailfield dd {
		padding: .8em 0 1em 0;
		border: none;
	}
	#mailfield textarea {
		margin: 0;
	}
	.mw_wp_form_confirm #mailfield dd {
		padding-top: 0;
	}
	/* 完了画面 */
	#confirmBox dd, #thanksBox dd {
		text-align: left;
	}
}
@media screen and (max-width: 479px) {
	#articleBox > dl {
		margin: 0 auto 30px;
	}
	#articleBox > dl dd {
		padding: 10px 10px 8px;
	}
	#articleBox > dl dd .telLink, 
	#articleBox > dl dd .telLink a {
		font-size: 2.8rem;
	}
	/* メールフォーム */
	form {
		padding-top: 35px;
	}
	#notes dd {
		padding: 6% 6.5%;
	}
	#notes dd ol li {
		margin-left: 25px;
	}
	.mf_buttons input,
	.mw_wp_form_preview .mf_buttons input {
		width: 100%;
	}
	.mf_buttons input {
		display: block;
		margin: 0 auto;
	}
	.mf_buttons input.modoru {
		margin: 0 auto 10px;
	}
	/* 確認画面 */
	#confirmBox {
		margin-bottom: 20px;
	}
}