@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : inquiry.css
 author     : Ability Consultant
 style info : コピー
=================================================================== */
/*----------------------------------------------//*/
/* *Media Queries								//*/
/*----------------------------------------------//*/
/*tab*/
/*sp*/
/*----------------------------------------------//*/
/* *Variable									//*/
/*----------------------------------------------//*/
/* メインカラム*/
/* フォントのベースサイズ*/
/* フォントのベーカラー*/
/*----------------------------------------------//*/
/* *Placeholder									//*/
/*----------------------------------------------//*/
/* コンテンツ幅 - baceWidth*/
#main {
	max-width: 1024px;
	margin: auto;
	/*tab & sp*/
}

@media only screen and (max-width: 1024px) {
	#main {
		width: 95%;
	}
}

/* クリアフィックス - clearFix*/
#main:after {
	content: "";
	display: table;
	clear: both;
}

/*----------------------------------------------//*/
/* *Function									//*/
/*----------------------------------------------//*/
/* %計算*/
/*----------------------------------------------//*/
/* *mixin										//*/
/*----------------------------------------------//*/
/* フォントサイズ*/
/* @include fsz(任意のサイズ,親要素のサイズ); ※px不要*/
/* 値を振り分け - choiceValue*/
/* @include cV(プロパティ,pc幅,tab~sp幅); or @include cV(プロパティ,pc幅,tab幅,sp幅);*/
/* ホバー*/
/* @include hover {*/
/*		style*/
/* }*/
/* 幅を決めて中央寄せ - choiceWidth*/
/* @include cW(任意の幅px);*/
/* 画像を拡大*/
/* @include zoomImg(拡大率,x軸基点);*/
/* リンクの下線を逆にする*/
/* @include reverseDecoration;*/
/* 縦方向のグラデーション(IE8対応)*/
/* @include gradient(上側のカラー,下側のカラー);*/
/*icon style*/
/* -----------------------------------------------------------
	SLICK SLIDER
----------------------------------------------------------- */
/*@include dots(#color1,#color2,width);*/
/*@include btn_slider(#color1,#color2,size);*/
/*フォントサイズ設定*/
/*keyframes*/
/*keyframes srcoll*/
@-webkit-keyframes animationScrollDown {
	0% {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	50% {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
	}
	100% {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
		-webkit-transform: translate(0, 6px);
		-moz-transform: translate(0, 6px);
		-ms-transform: translate(0, 6px);
		-o-transform: translate(0, 6px);
		transform: translate(0, 6px);
	}
}

@keyframes animationScrollDown {
	0% {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	50% {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
	}
	100% {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
		-webkit-transform: translate(0, 6px);
		-moz-transform: translate(0, 6px);
		-ms-transform: translate(0, 6px);
		-o-transform: translate(0, 6px);
		transform: translate(0, 6px);
	}
}

/* -----------------------------------------------------------
	page_title
----------------------------------------------------------- */
.page_title {
	min-height: 479px;
	/*sp*/
	background: url("../inquiry/images/bg_pageTitle.jpg") no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	font-size: 370%;
	/*tab*/
	/*sp*/
}

@media only screen and (max-width: 767px) {
	.page_title {
		min-height: 300px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.page_title {
		font-size: 324%;
	}
}

@media only screen and (max-width: 767px) {
	.page_title {
		font-size: 247%;
	}
}

.page_title h2 {
	top: 65%;
	/*sp*/
}

@media only screen and (max-width: 767px) {
	.page_title h2 {
		width: 100%;
	}
}

#main {
	max-width: 1200px;
}

/* -----------------------------------------------------------
	con_intro
----------------------------------------------------------- */
.con_intro {
	overflow: hidden;
	*zoom: 1;
	background: #fff;
	padding: 25px 30px;
	/*tab*/
	/*sp*/
	margin: 2em auto 3em;
	border: 1px solid #d6dce2;
	/*pc & tab*/
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_intro {
		padding: 25px 30px;
	}
}

@media only screen and (max-width: 767px) {
	.con_intro {
		padding: 5% 3%;
	}
}

@media only screen and (min-width: 768px) {
	.con_intro {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

@media print {
	.con_intro {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

.ie8 .con_intro {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.con_intro .box_left {
	width: 61.66667%;
	float: left;
	/*pc & tab*/
	padding-left: 5.40541%;
	/*tab*/
	/*sp*/
}

@media only screen and (min-width: 768px) {
	.con_intro .box_left {
		border-right: 1px solid #dfdfdf;
		padding: 0 4em 0 0;
	}
}

@media print {
	.con_intro .box_left {
		border-right: 1px solid #dfdfdf;
		padding: 0 4em 0 0;
	}
}

.ie8 .con_intro .box_left {
	border-right: 1px solid #dfdfdf;
	padding: 0 4em 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_intro .box_left {
		width: 50%;
		padding-left: 0;
	}
}

@media only screen and (max-width: 767px) {
	.con_intro .box_left {
		width: 100%;
		margin-bottom: 3%;
	}
}

.con_intro .box_left ul {
	overflow: hidden;
	*zoom: 1;
}

.con_intro .box_left ul li {
	position: relative;
	margin-bottom: .5em;
	letter-spacing: .1em;
}

.con_intro .box_right {
	width: 33.33333%;
	float: right;
	padding: 1em 0 0;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*tab*/
	/*sp*/
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_intro .box_right {
		width: 45%;
	}
}

@media only screen and (max-width: 767px) {
	.con_intro .box_right {
		width: 100%;
		padding-left: 0;
		border-left: none;
		border-top: 1px solid #dfdfdf;
		padding-top: 1.5em;
		text-align: center;
	}
}

.con_intro .box_right .tel_txt {
	font-size: 185%;
	/*tab*/
	/*sp*/
	font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
	color: #000000;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_intro .box_right .tel_txt {
		font-size: 154%;
	}
}

@media only screen and (max-width: 767px) {
	.con_intro .box_right .tel_txt {
		font-size: 124%;
	}
}

.con_intro .box_right .tel_txt a, .con_intro .box_right .tel_txt span {
	text-decoration: none;
	font-size: 150%;
	/*tab*/
	/*sp*/
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_intro .box_right .tel_txt a, .con_intro .box_right .tel_txt span {
		font-size: 150%;
	}
}

@media only screen and (max-width: 767px) {
	.con_intro .box_right .tel_txt a, .con_intro .box_right .tel_txt span {
		font-size: 213%;
	}
}

.con_intro .box_right .txt {
	font-size: 116%;
	font-weight: 500;
}

.con_intro .box_right .txt i {
	font-size: 134%;
	padding-right: 5px;
}

/* -----------------------------------------------------------
	step_contact
----------------------------------------------------------- */
.step_contact {
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 50px;
	/*tab*/
	/*sp*/
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.step_contact {
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.step_contact {
		margin-bottom: 2em;
	}
}

.step_contact li {
	width: 28.33333%;
	float: left;
	margin-right: 7.41667%;
	background: #d8e1e6;
	color: #000;
	padding: 1em 0;
	text-align: center;
	font-size: 139%;
	font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
	font-weight: 100;
	position: relative;
	/*sp*/
}

.step_contact li:before, .step_contact li:after {
	font-family: FontAwesome;
	vertical-align: middle;
}

.step_contact li > * {
	vertical-align: middle;
	/*display: inline;*/
}

.step_contact li:after {
	content: "";
	margin-left: .5em;
	position: absolute;
	right: -50px;
	/*tab*/
	/*sp*/
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 9;
	color: #6c9bb6;
	font-size: 145%;
	margin-left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.step_contact li:after {
		right: -30px;
	}
}

@media only screen and (max-width: 767px) {
	.step_contact li:after {
		right: 0;
	}
}

.step_contact li:last-child {
	margin-right: 0;
}

.step_contact li.active {
	background: #15608b;
	color: #fff;
}

@media only screen and (max-width: 767px) {
	.step_contact li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 1.5em;
		padding: .8em 0;
	}
	.step_contact li:before, .step_contact li:after {
		font-family: FontAwesome;
		vertical-align: middle;
	}
	.step_contact li > * {
		vertical-align: middle;
		/*display: inline;*/
	}
	.step_contact li:after {
		content: "";
		margin-left: .5em;
		position: absolute;
		left: 50%;
		bottom: -.5em;
		top: inherit;
		right: inherit;
		-webkit-transform: translate(-50%, 50%);
		-moz-transform: translate(-50%, 50%);
		-ms-transform: translate(-50%, 50%);
		-o-transform: translate(-50%, 50%);
		transform: translate(-50%, 50%);
		z-index: 9;
		color: #505050;
		font-size: 154%;
		margin-left: 0;
		line-height: 0;
	}
}

/* -----------------------------------------------------------
	box_form
----------------------------------------------------------- */
.box_form {
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 120px;
	/*tab*/
	/*sp*/
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.box_form {
		margin-bottom: 100px;
	}
}

@media only screen and (max-width: 767px) {
	.box_form {
		margin-bottom: 4em;
	}
}

.box_form .tbl_contact {
	width: 100%;
	border-top: 1px solid #d6dce2;
}

.box_form .tbl_contact th, .box_form .tbl_contact td {
	padding: 1em 2em;
	/*sp*/
	border-bottom: 1px solid #d6dce2;
	font-size: 116%;
	/*sp*/
}

@media only screen and (max-width: 767px) {
	.box_form .tbl_contact th, .box_form .tbl_contact td {
		padding: 1em;
	}
}

@media only screen and (max-width: 767px) {
	.box_form .tbl_contact th, .box_form .tbl_contact td {
		font-size: 100%;
	}
}

.box_form .tbl_contact th {
	background: #e5edf6;
	font-weight: normal;
	width: 300px;
	/*tab*/
	/*sp*/
	/*sp*/
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.box_form .tbl_contact th {
		width: 300px;
	}
}

@media only screen and (max-width: 767px) {
	.box_form .tbl_contact th {
		width: 100%;
	}
}

.box_form .tbl_contact th span.en {
	font-size: 77%;
}

.box_form .tbl_contact th .txt_clr {
	float: right;
	color: #fff;
	background: #ae0015;
	padding: 2px 5px;
	font-size: 93%;
	margin-top: -10px;
}

@media only screen and (max-width: 767px) {
	.box_form .tbl_contact th {
		width: 100%;
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

.box_form .tbl_contact td {
	background: #fff;
	/*sp*/
}

@media only screen and (max-width: 767px) {
	.box_form .tbl_contact td {
		width: 100%;
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

.box_form .tbl_contact td p {
	margin-bottom: .5em;
}

.box_form .tbl_contact td p.txt_clr {
	color: #962929;
	letter-spacing: .2em;
}

.box_form .tbl_contact td .lbl_radio {
	display: inline-block;
	margin-right: 1em;
}

.box_form .input_form {
	border: 1px solid #cccccc;
	min-width: 470px;
	padding: 1em 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*tab*/
	/*sp*/
}

.box_form .input_form.wfull {
	width: 100%;
}

.box_form .input_form.wtel {
	width: 170px;
	min-width: inherit;
}

.box_form .input_form.textarea {
	width: 100%;
	height: 150px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.box_form .input_form {
		min-width: inherit;
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.box_form .input_form {
		width: 100% !important;
		min-width: inherit;
	}
}

.box_form .btn_contact {
	margin-top: 4em;
	/*sp*/
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.box_form .btn_contact {
		margin-top: 2em;
	}
}

.box_form .btn_contact .btn_pre {
	padding: .7em 0;
	width: 230px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #15608b;
	color: #15608b;
	display: inline-block;
	text-decoration: none !important;
	font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
	font-size: 116%;
	margin-right: 2em;
	/*sp*/
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	/*sp*/
}

@media only screen and (max-width: 767px) {
	.box_form .btn_contact .btn_pre {
		margin-right: 0;
	}
}

.box_form .btn_contact .btn_pre:before, .box_form .btn_contact .btn_pre:after {
	font-family: FontAwesome;
	vertical-align: middle;
}

.box_form .btn_contact .btn_pre > * {
	vertical-align: middle;
	/*display: inline;*/
}

.box_form .btn_contact .btn_pre:after {
	content: "";
	margin-left: .5em;
	margin-left: .5em;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	vertical-align: baseline;
}

.box_form .btn_contact .btn_pre:hover {
	background: #15608b;
	color: #fff !important;
	border-color: #fff;
}

.box_form .btn_contact .btn_pre:hover:after {
	margin-left: 1.2em;
}

@media only screen and (max-width: 767px) {
	.box_form .btn_contact .btn_pre {
		display: inline-block;
		width: 48%;
	}
}

.box_form .btn_contact .btn_next {
	padding: .7em 0;
	width: 230px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	text-decoration: none !important;
	font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
	font-size: 116%;
	background: #15608b;
	color: #fff;
	border: 1px solid #fff;
	margin: auto;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	/*sp*/
}

.box_form .btn_contact .btn_next.tbn_index {
	/*sp*/
}

@media only screen and (max-width: 767px) {
	.box_form .btn_contact .btn_next.tbn_index {
		width: 60%;
	}
}

.box_form .btn_contact .btn_next:hover {
	background: #fff;
	color: #15608b !important;
	border: 1px solid #15608b;
}

.box_form .btn_contact .btn_next:hover:after {
	margin-left: 1.2em;
}

@media only screen and (max-width: 767px) {
	.box_form .btn_contact .btn_next {
		display: inline-block;
		width: 48%;
	}
}

::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #cccccc;
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: #cccccc;
}

:-ms-input-placeholder {
	/* IE 10+ */
	color: #cccccc;
}

:-moz-placeholder {
	/* Firefox 18- */
	color: #cccccc;
}

/* -----------------------------------------------------------
	form_thanks
----------------------------------------------------------- */
.form_thanks {
	margin: 5em 0 8em;
}

.form_thanks .txt_alert {
	font-size: 116%;
	line-height: 1.8;
}

.form_thanks .btn_rooms {
	margin-top: 3em;
	width: 230px;
}

.form_thanks .btn_rooms a {
	background: #15608b;
	color: #fff;
}

/*# sourceMappingURL=../maps/inquiry.css.map */