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

 file name  : contact.css
 author     : Ability Consultant
 style info : お問い合わせ
=================================================================== */
.con_intro, .con_flow, .con_form, .con_thanks {
	max-width: 1260px;
	width: 89.58333%;
	margin-left: auto;
	margin-right: auto;
}

/* -----------------------------------------------------------
	header
----------------------------------------------------------- */
#header .box_main {
	background: url(../sample/images/img_main-pc.jpg);
}

/* -----------------------------------------------------------
	con_intro
----------------------------------------------------------- */
.con_intro {
	margin-bottom: 50px;
	text-align: center;
}

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

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

@media only screen and (max-width: 767px) {
	.con_intro .text {
		text-align: left;
	}
}

.con_intro .text_tel {
	font-family: "Cinzel", serif;
	font-size: 120%;
}

.con_intro .text_tel em {
	font-size: 145%;
}

/* -----------------------------------------------------------
	con_flow
----------------------------------------------------------- */
.con_flow {
	margin-bottom: 60px;
}

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

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

.thanks .con_flow {
	margin-top: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.thanks .con_flow {
		margin-top: 40px;
	}
}

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

.con_flow ul {
	display: flex;
	justify-content: space-between;
}

.con_flow ul li {
	width: 28%;
	text-align: center;
	padding: 13px 0;
	position: relative;
	border: 1px solid #333333;
	line-height: 1.3;
}

@media only screen and (max-width: 767px) {
	.con_flow ul li {
		padding: 0.75em 0;
	}
}

.con_flow ul li.active {
	background: #333333;
	color: #fff;
}

.con_flow ul li:before {
	position: absolute;
	content: '';
	top: 50%;
	right: -20%;
	transform: skewX(55deg) translateY(-50%);
	width: 2em;
	height: 5px;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_flow ul li:before {
		right: -22%;
	}
}

@media only screen and (max-width: 767px) {
	.con_flow ul li:before {
		right: -26%;
	}
}

@media only screen and (max-width: 767px) {
	.con_flow ul li:before {
		width: 1.25em;
	}
}

.con_flow ul li:last-child:before {
	content: none;
}

/* -----------------------------------------------------------
	con_form
----------------------------------------------------------- */
.con_form .box_form {
	margin-bottom: 60px;
}

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

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

.con_form .box_form table {
	width: 100%;
}

@media only screen and (min-width: 768px) {
	.con_form .box_form table th {
		text-align: left;
	}
}

@media print {
	.con_form .box_form table th {
		text-align: left;
	}
}

.ie8 .con_form .box_form table th {
	text-align: left;
}

@media only screen and (min-width: 1025px) {
	.con_form .box_form table th {
		width: 25%;
	}
}

@media print {
	.con_form .box_form table th {
		width: 25%;
	}
}

.ie8 .con_form .box_form table th {
	width: 25%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_form .box_form table th {
		width: 32%;
	}
}

.con_form .box_form table th span {
	background: #8a4b4b;
	color: #fff;
	padding: 0 5px;
	float: right;
	font-size: 94%;
}

@media only screen and (min-width: 1025px) {
	.con_form .box_form table td {
		width: 75%;
	}
}

@media print {
	.con_form .box_form table td {
		width: 75%;
	}
}

.ie8 .con_form .box_form table td {
	width: 75%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_form .box_form table td {
		width: 68%;
	}
}

.con_form .box_form table td .text_error {
	color: #8a4b4b;
	margin-top: 8px;
	line-height: 1.3;
	font-size: 94%;
}

.con_form .box_form table input, .con_form .box_form table textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #cccccc;
	outline: none;
	background: transparent;
}

.con_form .box_form table input {
	width: 100%;
	padding: 0.75em;
}

@media only screen and (min-width: 1025px) {
	.con_form .box_form table input {
		max-width: 395px;
	}
}

@media print {
	.con_form .box_form table input {
		max-width: 395px;
	}
}

.ie8 .con_form .box_form table input {
	max-width: 395px;
}

.con_form .box_form table textarea {
	width: 100%;
	height: 250px;
	padding: 0.75em 0.25em;
}

@media only screen and (max-width: 767px) {
	.con_form .box_form table textarea {
		height: 180px;
	}
}

.con_form .box_btn {
	display: flex;
	justify-content: center;
}

.con_form .box_btn p {
	width: 300px;
}

@media only screen and (max-width: 767px) {
	.con_form .box_btn p.btn_confirm {
		width: 80%;
	}
}

@media only screen and (max-width: 767px) {
	.con_form .box_btn p.btn_return, .con_form .box_btn p.btn_submit {
		width: 49%;
	}
}

@media only screen and (max-width: 767px) {
	.con_form .box_btn p.btn_return a, .con_form .box_btn p.btn_return button, .con_form .box_btn p.btn_submit a, .con_form .box_btn p.btn_submit button {
		padding-right: 1em;
		padding-left: 1em;
	}
}

.con_form .box_btn p.btn_submit {
	margin-left: 1em;
}

@media only screen and (max-width: 767px) {
	.con_form .box_btn p.btn_submit {
		margin-left: 2%;
	}
}

.con_form .box_btn p.btn_submit button {
	height: 100%;
	cursor: pointer;
	outline: none;
}

/* -----------------------------------------------------------
	con_thanks
----------------------------------------------------------- */
.con_thanks {
	text-align: center;
}

.con_thanks .title {
	font-weight: normal;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin-bottom: 5px;
	line-height: 1.3;
}

@media only screen and (min-width: 1025px) {
	.con_thanks .title {
		font-size: 147%;
	}
}

@media print {
	.con_thanks .title {
		font-size: 147%;
	}
}

.ie8 .con_thanks .title {
	font-size: 147%;
}

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

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

@media only screen and (max-width: 767px) {
	.con_thanks .text {
		text-align: left;
	}
}

.con_thanks .text_tel {
	font-family: "Cinzel", serif;
	font-size: 120%;
	margin-bottom: 20px;
}

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

.con_thanks .text_tel span {
	font-family: "Crimson Text", serif;
	font-size: 123%;
}

.con_thanks .btn a {
	margin: auto;
}