@charset "UTF-8";
/* =========================================================
mv
========================================================= */
#mv {
	background-image: url(../img/mv-photo.jpg);
}
/* =========================================================
complete
========================================================= */
#complete {
	padding: 4.5em 0 4.5em;
}
#complete .lead {
	padding: 3em 0;
}
/* =========================================================
contact
========================================================= */
#contact {}
#contact h2 {}
#contact .intro {
	width: 900px;
}
#contact .intro .lead {
	padding: 2em 0 0.5em;
	text-align: center;
}
#contact .intro .notice {
	font-size: 90%;
}
#contact .intro .required {
	padding: 3em 0 1em;
	text-align: left;
}
#contact .intro .required span {
	color: #005e9c;
	font-weight: bold;
}
#contact .list {
	display: table;
	border-top: 1px solid #ddd;
}
#contact .list dl {
	width: 900px;
	text-align: justify;
	display: table-row;
}
#contact .list dl:after {
	content: "";
	display: block;
	clear: both;
}
#contact .list dl dt {
	width: 240px;
	background: rgb(0 94 156 / 15%);
	padding: 1.4em 20px;
	display: table-cell;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
}
#contact .list dl dt .required {
	color: #005e9c;
	font-weight: bold;
}
#contact .list dl dd {
	width: 660px;
	background: rgb(0 94 156 / 5%);
	display: table-cell;
	padding: 1.4em 20px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
}
#contact .list dl dd input[type=text] {
	width: 100%;
	padding: 0.5em 10px;
	border: 1px solid #ddd;
}
#contact .list dl dd label {
	padding: 0 1em 0 0;
}
#contact .list dl dd label input {
	margin-right: 0.5em;
}
#contact .list dl dd label span {}
#contact .list dl dd label.date {
	padding: 0 0 0.5em;
	display: block;
	line-height: 2.3;
}
#contact .list dl dd label.date:after {
	content: "";
	display: block;
	clear: both;
}
#contact .list dl dd label.date input[type=text] {
	width: 86%;
	float: right;
}
#contact .list dl dd label.gender {
	padding: 0;
	line-height: 2.3;
}
#contact .list dl dd label.gender input[type=text] {
	width: 60px;
	text-align: center;
}
#contact .list dl dd textarea {
	width: 100%;
	height: 15em;
	padding: 0.5em 10px;
	border: 1px solid #ddd;
}
#contact .btn {
	padding: 5em 0 5em;
}
#contact .btn a {
	padding: 0;
}
#contact .btn input {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	font-size: 100%;
	background: none;
	text-align: center;
	padding: 0.8em 0;
	width: 100%;
	color: #fff;
	letter-spacing: 0.1em;
}
#contact .btn input:hover {
	color: #005e9c;
}
/*
#contact .btn input {
	position: relative;
	display: block;
	width: 244px;
	font-size: 90%;
	font-weight: normal;
	line-height: 1.6;
	border-radius: 50px;
	color: #fff;
	padding: 0.8em 0;
	background: url(/common/img/common-arw1-white.svg) no-repeat right 1.5em center / 6px auto;
}
#contact .btn input::after {
	position: absolute;
	top: -1px;
	bottom: -1px;
	right: -1px;
	left: -1px;
	display: block;
	border-radius: 50px;
	color: #fff;
	padding: 0.8em 0;
	background: linear-gradient(135deg, rgba(13,164,49,1) 10%, rgba(0,160,193,1) 90%);
	content: "";
	z-index: -1;
}
#contact .btn input:hover {
	background-color: #fff;
	background-image: url(/common/img/common-arw1-green.svg);
	color: #06a62f;
	transition: background 0.2s ease, color 0.2s ease;
}
*/
@media screen and (max-width: 768px) {
	/*============================
#contents
============================*/
	#contents {
		padding: 0 0 100px;
	}
	/*============================
#mv
============================*/
	#contents #mv {
		padding: 0 0 31%;
	}
	#contents .page-ttl {
		width: auto;
		padding: 1.5em 0 0.5em;
	}
	/*============================
#contact
============================*/
	#contents #contact {
		padding: 2.5em 0 0 0;
		width: 90%;
	}
	#contents #contact .ttl {}
	#contents #contact .intro {
		width: auto;
	}
	#contents #contact .intro .lead {
		padding: 2em 0 1em;
	}
	#contents #contact .intro .notice {}
	#contents #contact .intro .required {}
	/*============================
#mfp_error
============================*/
	#contents #contact #mfp_error {}
	/*============================
#mfp_warning
============================*/
	#contents #contact #mfp_warning {}
	/*============================
#mfp_phase_confirm
============================*/
	#contents #contact #mfp_phase_confirm {}
	/*============================
#mfp_phase_confirm_inner
============================*/
	#contents #contact #mfp_phase_confirm #mfp_phase_confirm_inner {}
	/*============================
#mailformpro
============================*/
	#contents #contact #mailformpro {}
	/*============================
#mfp_hidden
============================*/
	#contents #contact #mailformpro #mfp_hidden {}
	/*============================
#mfp_input_time
============================*/
	#contents #contact #mailformpro #mfp_hidden #mfp_input_time {}
	/*============================
#mfp_confirm_time
============================*/
	#contents #contact #mailformpro #mfp_hidden #mfp_confirm_time {}
	/*============================
#mfp_referrer
============================*/
	#contents #contact #mailformpro #mfp_hidden #mfp_referrer {}
	/*============================
#mfp_errorlog
============================*/
	#contents #contact #mailformpro #mfp_hidden #mfp_errorlog {}
	/*============================
#mfp_timeline
============================*/
	#contents #contact #mailformpro #mfp_hidden #mfp_timeline {}
	/*============================
#mfp_domain
============================*/
	#contents #contact #mailformpro #mfp_hidden #mfp_domain {}
	/*============================
#mfp_uri
============================*/
	#contents #contact #mailformpro #mfp_hidden #mfp_uri {}
	/*============================
#mfp_jssemantics
============================*/
	#contents #contact #mailformpro #mfp_hidden #mfp_jssemantics {}
	/*============================
#mfp_cart
============================*/
	#contents #contact #mailformpro #mfp_hidden #mfp_cart {}
	/*============================
#mfp_cartprice
============================*/
	#contents #contact #mailformpro #mfp_hidden #mfp_cartprice {}
	/*============================
#mfp_paypal
============================*/
	#contents #contact #mailformpro #mfp_hidden #mfp_paypal {}
	/*============================
#mfp_elementsQty
============================*/
	#contents #contact #mailformpro #mfp_hidden #mfp_elementsQty {}
	/*============================
#mfp_requiredElementsQty
============================*/
	#contents #contact #mailformpro #mfp_hidden #mfp_requiredElementsQty {}
	/*============================
#mfp_elementsArch
============================*/
	#contents #contact #mailformpro #mfp_hidden #mfp_elementsArch {}
	/*============================
#mfp_script
============================*/
	#contents #contact #mailformpro #mfp_hidden #mfp_script {}
	#contents #contact #mailformpro .list {}
	#contact .list dl {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	#contact .list dl dt {
		width: 100%;
		padding: 0.5em 10px;
	}
	#contact .list dl dt .required {}
	#contact .list dl dd {
		width: 100%;
		padding: 0.5em 10px;
		display: flex;
		flex-direction: column;
	}
	#contact .list dl dd br {
		display: none;
	}
	#contact .list dl dd input[type=text] {}
	#contact .list dl dd label {
		padding: 0 0em 0 0;
	}
	#contact .list dl dd label input {}
	#contact .list dl dd label span {}
	#contact .list dl dd label.date {}
	#contact .list dl dd label.date input[type=text] {
		width: 100%;
		margin-right: 0;
	}
	#contact .list dl dd label.gender {}
	#contact .list dl dd label.gender input[type=text] {}
	#contact .list dl dd textarea {}
	#contents #contact #mailformpro .list .required {}
	/*============================
#okmsg_お名前
============================*/
	#contents #contact #mailformpro .list #okmsg_お名前.mfp_ok {}
	/*============================
#errormsg_お名前
============================*/
	#contents #contact #mailformpro .list #errormsg_お名前.mfp_err {}
	/*============================
#okmsg_フリガナ
============================*/
	#contents #contact #mailformpro .list #okmsg_フリガナ.mfp_ok {}
	/*============================
#errormsg_フリガナ
============================*/
	#contents #contact #mailformpro .list #errormsg_フリガナ.mfp_err {}
	/*============================
#mfp_element_2_label
============================*/
	#contents #contact #mailformpro .list #mfp_element_2_label.mfp_not_checked {}
	/*============================
#mfp_element_2
============================*/
	#contents #contact #mailformpro .list #mfp_element_2_label.mfp_not_checked #mfp_element_2.mfp_element_radio.mfp_element_all {}
	/*============================
#mfp_性別_checkobj
============================*/
	#contents #contact #mailformpro .list #mfp_element_2_label.mfp_not_checked #mfp_性別_checkobj.mfp_element_hidden.mfp_element_all {}
	/*============================
#okmsg_性別
============================*/
	#contents #contact #mailformpro .list #mfp_element_2_label.mfp_not_checked #okmsg_性別.mfp_ok {}
	/*============================
#errormsg_性別
============================*/
	#contents #contact #mailformpro .list #mfp_element_2_label.mfp_not_checked #errormsg_性別.mfp_err {}
	/*============================
#errormsg_mfp_性別_checkobj
============================*/
	#contents #contact #mailformpro .list #mfp_element_2_label.mfp_not_checked #errormsg_mfp_性別_checkobj.mfp_err {}
	/*============================
#mfp_element_4_label
============================*/
	#contents #contact #mailformpro .list #mfp_element_4_label.mfp_not_checked {}
	/*============================
#mfp_element_4
============================*/
	#contents #contact #mailformpro .list #mfp_element_4_label.mfp_not_checked #mfp_element_4.mfp_element_radio.mfp_element_all {}
	#contents #contact #mailformpro .list .gender {}
	/*============================
#okmsg_年齢
============================*/
	#contents #contact #mailformpro .list .gender #okmsg_年齢.mfp_ok {}
	/*============================
#errormsg_年齢
============================*/
	#contents #contact #mailformpro .list .gender #errormsg_年齢.mfp_err {}
	/*============================
#okmsg_住所
============================*/
	#contents #contact #mailformpro .list #okmsg_住所.mfp_ok {}
	/*============================
#errormsg_住所
============================*/
	#contents #contact #mailformpro .list #errormsg_住所.mfp_err {}
	/*============================
#okmsg_電話番号
============================*/
	#contents #contact #mailformpro .list #okmsg_電話番号.mfp_ok {}
	/*============================
#errormsg_電話番号
============================*/
	#contents #contact #mailformpro .list #errormsg_電話番号.mfp_err {}
	/*============================
#okmsg_email
============================*/
	#contents #contact #mailformpro .list #okmsg_email.mfp_ok {}
	/*============================
#errormsg_email
============================*/
	#contents #contact #mailformpro .list #errormsg_email.mfp_err {}
	/*============================
#mfp_element_9_label
============================*/
	#contents #contact #mailformpro .list #mfp_element_9_label.mfp_not_checked {
		padding: 0;
	}
	/*============================
#mfp_element_9
============================*/
	#contents #contact #mailformpro .list #mfp_element_9_label.mfp_not_checked #mfp_element_9.mfp_element_checkbox.mfp_element_all {}
	/*============================
#mfp_ご用件の概要_checkobj
============================*/
	#contents #contact #mailformpro .list #mfp_element_9_label.mfp_not_checked #mfp_ご用件の概要_checkobj.mfp_element_hidden.mfp_element_all {}
	/*============================
#okmsg_ご用件の概要
============================*/
	#contents #contact #mailformpro .list #mfp_element_9_label.mfp_not_checked #okmsg_ご用件の概要.mfp_ok {}
	/*============================
#errormsg_ご用件の概要
============================*/
	#contents #contact #mailformpro .list #mfp_element_9_label.mfp_not_checked #errormsg_ご用件の概要.mfp_err {}
	/*============================
#errormsg_mfp_ご用件の概要_checkobj
============================*/
	#contents #contact #mailformpro .list #mfp_element_9_label.mfp_not_checked #errormsg_mfp_ご用件の概要_checkobj.mfp_err {}
	/*============================
#mfp_element_11_label
============================*/
	#contents #contact #mailformpro .list #mfp_element_11_label.mfp_not_checked {
		padding: 0 0em 0 0;
	}
	/*============================
#mfp_element_11
============================*/
	#contents #contact #mailformpro .list #mfp_element_11_label.mfp_not_checked #mfp_element_11.mfp_element_checkbox.mfp_element_all {}
	/*============================
#mfp_element_12_label
============================*/
	#contents #contact #mailformpro .list #mfp_element_12_label.mfp_not_checked {}
	/*============================
#mfp_element_12
============================*/
	#contents #contact #mailformpro .list #mfp_element_12_label.mfp_not_checked #mfp_element_12.mfp_element_checkbox.mfp_element_all {}
	/*============================
#mfp_element_13_label
============================*/
	#contents #contact #mailformpro .list #mfp_element_13_label.mfp_not_checked {}
	/*============================
#mfp_element_13
============================*/
	#contents #contact #mailformpro .list #mfp_element_13_label.mfp_not_checked #mfp_element_13.mfp_element_checkbox.mfp_element_all {}
	/*============================
#mfp_element_14_label
============================*/
	#contents #contact #mailformpro .list #mfp_element_14_label.mfp_not_checked {}
	/*============================
#mfp_element_14
============================*/
	#contents #contact #mailformpro .list #mfp_element_14_label.mfp_not_checked #mfp_element_14.mfp_element_checkbox.mfp_element_all {}
	/*============================
#mfp_element_15_label
============================*/
	#contents #contact #mailformpro .list #mfp_element_15_label.mfp_not_checked {}
	/*============================
#mfp_element_15
============================*/
	#contents #contact #mailformpro .list #mfp_element_15_label.mfp_not_checked #mfp_element_15.mfp_element_checkbox.mfp_element_all {}
	/*============================
#mfp_element_16_label
============================*/
	#contents #contact #mailformpro .list #mfp_element_16_label.mfp_not_checked {}
	/*============================
#mfp_element_16
============================*/
	#contents #contact #mailformpro .list #mfp_element_16_label.mfp_not_checked #mfp_element_16.mfp_element_checkbox.mfp_element_all {}
	/*============================
#mfp_element_17_label
============================*/
	#contents #contact #mailformpro .list #mfp_element_17_label.mfp_not_checked {}
	/*============================
#mfp_element_17
============================*/
	#contents #contact #mailformpro .list #mfp_element_17_label.mfp_not_checked #mfp_element_17.mfp_element_checkbox.mfp_element_all {}
	/*============================
#mfp_element_18_label
============================*/
	#contents #contact #mailformpro .list #mfp_element_18_label.mfp_not_checked {}
	/*============================
#mfp_element_18
============================*/
	#contents #contact #mailformpro .list #mfp_element_18_label.mfp_not_checked #mfp_element_18.mfp_element_checkbox.mfp_element_all {}
	/*============================
#mfp_element_19_label
============================*/
	#contents #contact #mailformpro .list #mfp_element_19_label.mfp_not_checked {}
	/*============================
#mfp_element_19
============================*/
	#contents #contact #mailformpro .list #mfp_element_19_label.mfp_not_checked #mfp_element_19.mfp_element_checkbox.mfp_element_all {}
	#contents #contact #mailformpro .list .date {}
	/*============================
#okmsg_面談第1希望日時
============================*/
	#contents #contact #mailformpro .list .date #okmsg_面談第1希望日時.mfp_ok {}
	/*============================
#errormsg_面談第1希望日時
============================*/
	#contents #contact #mailformpro .list .date #errormsg_面談第1希望日時.mfp_err {}
	/*============================
#okmsg_面談第2希望日時
============================*/
	#contents #contact #mailformpro .list .date #okmsg_面談第2希望日時.mfp_ok {}
	/*============================
#errormsg_面談第2希望日時
============================*/
	#contents #contact #mailformpro .list .date #errormsg_面談第2希望日時.mfp_err {}
	/*============================
#okmsg_面談第3希望日時
============================*/
	#contents #contact #mailformpro .list .date #okmsg_面談第3希望日時.mfp_ok {}
	/*============================
#errormsg_面談第3希望日時
============================*/
	#contents #contact #mailformpro .list .date #errormsg_面談第3希望日時.mfp_err {}
	/*============================
#mfp_element_23
============================*/
	#contents #contact #mailformpro .list #mfp_element_23.mfp_element_textarea.mfp_element_all {}
	/*============================
#okmsg_お問い合わせ内容
============================*/
	#contents #contact #mailformpro .list #okmsg_お問い合わせ内容.mfp_ok {}
	/*============================
#errormsg_お問い合わせ内容
============================*/
	#contents #contact #mailformpro .list #errormsg_お問い合わせ内容.mfp_err {}
	#contents #contact #mailformpro .btn {
		padding: 2em 0 1em;
	}
	#contents #contact #mailformpro .btn .mfp_element_submit.mfp_element_all {}
	/*============================
#mfp_overlay_inner
============================*/
	#mfp_overlay #mfp_overlay_inner {
		width: auto;
		padding: 20px 5%;
	}
	/*============================
#mfp_confirm_table
============================*/
	#mfp_overlay #mfp_overlay_inner #mfp_confirm_table {}
	#mfp_overlay #mfp_overlay_inner #mfp_confirm_table .mfp_achroma {}
	#mfp_overlay #mfp_overlay_inner #mfp_confirm_table .mfp_colored {}
	#mfp_overlay #mfp_overlay_inner .mfp_buttons {
		display: flex;
	}
	/*============================
#mfp_button_send
============================*/
	#mfp_overlay #mfp_overlay_inner .mfp_buttons #mfp_button_send.mfp_element_button {
		width: 50%;
		font-size: 16px;
		padding: 0.5em 0;
	}
	/*============================
#mfp_button_cancel
============================*/
	#mfp_overlay #mfp_overlay_inner .mfp_buttons #mfp_button_cancel.mfp_element_button {
		width: 50%;
		font-size: 16px;
		padding: 0.5em 0;
	}
	#mfp_overlay #mfp_overlay_inner h4 {
		font-size: 16px;
	}
	#mfp_overlay #mfp_overlay_background {
		background-color: #000;
		position: absolute;
		display: none;
		z-index: 10000;
	}
	/* table
------------- */
	#mfp_overlay #mfp_confirm_table {
		border-spacing: 0px;
		border-collapse: collapse;
		width: 100%;
		font-weight: normal;
		margin: 20px 0;
	}
	#mfp_overlay #mfp_confirm_table tr.mfp_colored {}
	#mfp_overlay #mfp_confirm_table tr {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	#mfp_overlay #mfp_confirm_table tr th, #mfp_overlay #mfp_confirm_table tr td {
		text-align: left;
		border-top: solid 1px #CCC;
		padding: 10px 10px;
	}
	#mfp_overlay #mfp_confirm_table tr th {
		white-space: nowrap;
		width: 100%;
		font-size: 13px;
		background: #efefef;
		padding: 6px 10px;
	}
	#mfp_overlay #mfp_confirm_table tr td {
		line-height: 1.5em;
		word-break: break-all;
		width: 100%;
	}
	#mfp_overlay #mfp_phase_confirm {
		clear: both;
	}
	#mfp_overlay #mfp_phase_confirm h4 {
		font-size: 36px;
		padding: 10px 0px 0px 0px;
		text-align: center;
	}
}