@charset "UTF-8";

.bs-docs-section {
	margin: -50px auto 80px;
	width: 75.714285714286%;
	padding: 62px 7.1428571428571% 70px;
	background: #fff;
}
.bs-component {
	position: relative;
}
.progress {
	margin-bottom: 10px;
}
@media (max-width: 1024px) {
	.bs-docs-section {
		width: 83.984375%;
	}
}
@media (max-width: 991px) {
	.bs-docs-section {
		margin: -35.392857142857px auto 80px;
		width: 86.78102926337%;
		padding: 43.887142857143px 7.1428571428571% 49.55px;
	}
}
@media (max-width: 800px) {
	.bs-docs-section {
		width: 90%;
		padding: 30px 3.5714285714286% 35px;
	}
}
@media (max-width: 767px) {
	.bs-docs-section {
		margin: -30px auto 30px;
		width: 89.333333333333%;
		padding: 30px 5.3333333333333%;
		background: #fff;
	}
}
/* メインビジュアル
----------------------------------------------*/

.main-container {
	background: url('/contact/style/img/bg_main_pc.jpg') center top no-repeat;
	background-size: cover;
	padding-bottom: 50px;
}
.main-container h2 {
	margin: 0 auto;
	max-width: 212px;
	padding-bottom: 50px;
	padding-top: 63px;
	text-align: center;
	width: 15.142857142857%;
}
@media (min-width: 1400px) {
	.main-container h2 {
		width: 212px;
	}
}
@media (max-width: 991px) {
	.main-container h2 {
		padding-bottom: 35.392857142857px;
		padding-top: 44.595px;
		width: 21.392532795156%;
	}
}
@media (max-width: 767px) {
	.main-container {
		background: url('/contact/style/img/bg_main_sp.jpg') center top no-repeat;
		padding-bottom: 30px;
	}
	.main-container h2 {
		max-width: 252px;
		padding-bottom: 42px;
		padding-top: 56px;
		width: 33.6%;
	}
}
@media (max-width: 640px) {
	.main-container h2 {
		max-width: 252px;
		padding-bottom: 29.73px;
		padding-top: 39.64px;
		width: 33.6%;
	}
}
/* フォーム
----------------------------------------------*/

.stepBar {
	margin: 0 auto 50px;
	text-align: center;
	width: 78.139534883721%;
}
.form-horizontal .form-group table {
	width: 100%;
}
.form-horizontal .form-group table td {
	width: 67.441860465116%;
}
@media (max-width: 1024px) {
	.stepBar {
		margin: 0 auto 30px;
		width: 94.15285547957%;
	}
}
@media (max-width: 991px) {
	.stepBar {
		margin: 0 auto 30px;
		width: 94.15285547957%;
	}
}
@media (max-width: 767px) {
	.stepBar {
		margin: 0 auto 30px;
		width: 100%;
	}
	.form-horizontal .form-group table td {
		width: 100%;
	}
}
.col-sm-12 {
	padding: 0;
}
.icon_mail {
	margin: 0 auto 30px;
	width: 70px;
}
@media (max-width: 767px) {
	.icon_mail {
		margin: 0 auto 30px;
		width: 70px;
	}
}
ul.text-blue {
	line-height: 1.625;
	list-style-type: none;
	margin-bottom: 0;
	padding-left: 1em;
	text-indent: -1em;
}
ul.text-blue li:before {
	content: "・";
}
ul.text-blue li a {
	color: #083f5b;
	text-decoration: underline;
}
ul.text-blue li a:hover {
	text-decoration: none;
}
h3.text-blue {
	border-bottom: 1px #083f5b solid;
	font-size: 112.5%;
	margin-top: 0;
	padding-bottom: 8px;
}
p.text-blue {
	color: #083f5b;
	font-size: 112.5%;
	font-weight: 300;
	line-height: 2.22;
	margin-bottom: 0;
	text-align: center;
}
@media (max-width: 1024px) {
	ul.text-blue {
		font-size: 93.75%;
	}
}
@media (max-width: 767px) {
	ul.text-blue {
		line-height: 1.625;
		list-style-type: none;
		margin-bottom: 0;
		text-indent: -1em;
	}
	p.text-blue {
		color: #083f5b;
		font-size: 100%;
		line-height: 1.5;
		margin-bottom: 30px;
	}
}
@media (max-width: 640px) {
	ul.text-blue {
		font-size: 81.25%;
	}
	p.text-blue {
		font-size: 87.5%;
	}
}
@media (max-width: 360px) {
	h3.text-blue {
		font-size: 100%;
	}
}
@media (max-width: 320px) {
	h3.text-blue {
		font-size: 93.75%;
	}
}
.form-group {
	margin: 55px 0 0;
}
.form-group th, .form-group td {
	padding-bottom: 40px;
	vertical-align: middle;
}
.form-group td {
	color: #333;
}
@media (max-width: 991px) {
	.form-group {
		margin-top: 38.932142857143px;
	}
	.form-group th, .form-group td {
		padding-bottom: 28.314285714286px;
	}
}
@media (max-width: 767px) {
	.form-group {
		margin-top: 30px;
	}
	.form-horizontal .form-group table th {
		display: block;
		padding-bottom: 10px;
	}
	.form-horizontal .form-group table td {
		display: block;
		padding-bottom: 20px;
	}
	.form-horizontal .form-group table tr:nth-child(12) td {
		padding-bottom: 10px;
	}
}
.form-horizontal .control-label {
	color: #083f5b;
	font-weight: 500;
	margin-bottom: 0;
	padding-top: 0;
	vertical-align: middle;
}
.form-group th label .text-danger {
	font-size: 75%;
}
.form-control {
	background-color: #fbfbfb;
	background-image: none;
	border: 1px solid #e0e0e0;
	border-radius: 2px;
	color: #555;
	display: block;
	font-size: 16px;
	height: 60px;
	line-height: 1.25;
	padding: 20px 12px;
	width: 100%;
}
textarea.form-control {
	max-height: 178px;
}
@media (max-width: 767px) {
	.form-control {
		height: 40px;
		padding: 20px 6px;
	}
	textarea.form-control {
		max-height: 228px;
	}
}
.zip {
	float: left;
	width: 48.275862068966%;
}
.zipBtn {
	background: #7291a2;
	border: none;
	border-radius: 0;
	float: right;
	font-size: 16px;
	height: 60px;
	line-height: 1.25;
	padding: 20px 0 22px;
	width: 43.103448275862%;
}
@media (max-width: 767px) {
	.zipBtn {
		padding: 10px 0;
		height: 40px;
		width: 48.103448275862%;
	}
}
@media (max-width: 640px) {
	.zipBtn {
		padding: 12px 0;
	}
}
.zipBtn:hover {
	background: #7291a2;
	opacity: 0.8;
}
.prefectures {
	float: left;
	padding-bottom: 0;
	padding-top: 0;
	width: 48.275862068966%;
}
.radio input[type="radio"] {
	margin-top: 9px;
}
@media (max-width: 767px) {
	.radio input[type="radio"] {
		margin-top: 5px;
	}
}
.radio label {
	line-height: 1.875;
}
@media (max-width: 1024px) {
	.radio label, .zipBtn {
		font-size: 93.75%;
	}
}
@media (max-width: 864px) {
	.radio label, .zipBtn {
		font-size: 87.5%;
	}
}
@media (max-width: 400px) {
	.zipBtn {
		font-size: 81.25%;
	}
}
@media (max-width: 359px) {
	.zipBtn {
		font-size: 68.75%;
	}
}
.inlineFrame {
	border: 1px #01b4b6 solid;
	border-radius: 8px;
	height: 200px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 30px 3.4965034965035%;
}
.inlineFrame h5 {
	color: #000;
	font-size: 112.5%;
	line-height: 1.25;
	margin: 0 0 25px;
	text-align: center;
}
.inlineFrame ul {
	line-height: 2.142857142857143;
	list-style-type: none;
	padding: 0 0 30px;
}
.inlineFrame li {
	color: #333;
	font-size: 87.5%;
}
.inlineFrame li a {
	color: #333;
	text-decoration: underline;
}
.inlineFrame li a:hover {
	text-decoration: none;
}
@media (max-width: 767px) {
	.inlineFrame {
		padding: 20px 3.4965034965035%;
	}
	.inlineFrame h5 {
		font-size: 87.5%;
		margin: 0 0 15px;
	}
	.inlineFrame ul {
		padding: 0;
		font-size: 81.25%;
	}
}
.form-horizontal .checkbox {
	margin: 20px auto 50px;
	padding-top: 0;
	text-align: center;
}
.form-horizontal .checkbox .is-sp360 {
	display: none !important;
}
@media (max-width: 991px) {
	.form-horizontal .checkbox {
		margin: 15px auto 35.392857142857px;
		padding-top: 0;
		text-align: center;
	}
}
@media (max-width: 768px) {
	.form-horizontal .checkbox {
		margin: 14.157142857143px auto 30px;
		padding-top: 0;
		text-align: center;
	}
}
@media (max-width: 359px) {
	.form-horizontal .checkbox .is-sp360 {
		display: block !important;
		line-height: 1;
		font-size: 1px;
	}
}
.form-horizontal .checkbox label {
	color: #000;
	font-size: 112.5%;
	font-weight: 500;
}
.form-horizontal .checkbox label input[type="checkbox"] {
	margin-top: 7px;
}
@media (max-width: 767px) {
	.form-horizontal .checkbox label {
		font-size: 87.5%;
		min-height: 24px;
	}
}
@media (max-width: 640px) {
	.form-horizontal .checkbox label {
		font-size: 81.25%;
	}
	.form-horizontal .checkbox label input[type="checkbox"] {
		margin-top: 2px;
	}
}
.confirmBtn, .sendBtn, .correctionBtn {
	border: 0;
	display: block;
	height: 80px;
	margin: 0 auto;
	max-height: 80px;
	max-width: 400px;
	padding: 0;
	text-align: center;
	text-indent: -9999px;
	width: 46.511627906977%;
}
.confirmBtn {
	background: url('/contact/style/img/btn_confirm_pc.png') center top no-repeat;
	background-size: 100% auto;
}
.confirmBtn:hover {
	background: url('/contact/style/img/btn_confirmOn_pc.png') center top no-repeat;
	background-size: 100% auto;
}
.confirmBtn:disabled {
	background: url('/contact/style/img/btn_confirm_Grayout_pc.png') center top no-repeat;
	background-size: 100% auto;
}
.sendBtn {
	background: url('/contact/style/img/btn_send_pc.png') center top no-repeat;
	background-size: 100% auto;
	margin: 50px auto 30px;
}
.sendBtn:hover {
	background: url('/contact/style/img/btn_sendOn_pc.png') center top no-repeat;
	background-size: 100% auto;
}
.correctionBtn {
	background: url('/contact/style/img/btn_correction_pc.png') center top no-repeat;
	background-size: 100% auto;
}
.correctionBtn:hover {
	background: url('/contact/style/img/btn_correctionOn_pc.png') center top no-repeat;
	background-size: 100% auto;
}
@media (max-width: 1024px) {
	.confirmBtn, .sendBtn, .correctionBtn {
		width: 55.6767297716%;
	}
}
@media (max-width: 767px) {
	.confirmBtn, .sendBtn, .correctionBtn {
		width: 81.35593220339%;
		max-width: 480px;
		max-height: 100px;
		height: 100px;
	}
	.confirmBtn {
		background: url('/contact/style/img/btn_confirm_sp.png') center top no-repeat;
		background-size: 100% auto;
	}
	.confirmBtn:hover {
		background: url('/contact/style/img/btn_confirmOn_sp.png') center top no-repeat;
		background-size: 100% auto;
	}
	.confirmBtn:disabled {
		background: url('/contact/style/img/btn_confirm_Grayout_sp.png') center top no-repeat;
		background-size: 100% auto;
	}
	.sendBtn {
		background: url('/contact/style/img/btn_send_sp.png') center top no-repeat;
		background-size: 100% auto;
	}
	.sendBtn:hover {
		background: url('/contact/style/img/btn_sendOn_sp.png') center top no-repeat;
		background-size: 100% auto;
	}
	.correctionBtn {
		background: url('/contact/style/img/btn_correction_sp.png') center top no-repeat;
		background-size: 100% auto;
	}
	.correctionBtn:hover {
		background: url('/contact/style/img/btn_correctionOn_sp.png') center top no-repeat;
		background-size: 100% auto;
	}
	.confirm .sendBtn {
		margin-top: 30px;
	}
}
@media (max-width: 640px) {
	.confirmBtn, .sendBtn, .correctionBtn {
		height: 85px;
	}
}
@media (max-width: 414px) {
	.confirmBtn, .sendBtn, .correctionBtn {
		height: 55px;
	}
}
@media (max-width: 375px) {
	.confirmBtn, .sendBtn, .correctionBtn {
		height: 50px;
	}
}
@media (max-width: 320px) {
	.confirmBtn, .sendBtn, .correctionBtn {
		height: 43px;
	}
}
/* トップページへ戻る
----------------------------------------------*/

.topBtn {
	margin: 80px auto;
	max-height: 80px;
	max-width: 400px;
	width: 28.571428571429%;
}
.topBtn a {
	background: url('/contact/style/img/btn_top_pc.png') center top no-repeat;
	background-size: 100% auto;
	display: block;
	height: 80px;
	text-indent: -9999px;
	width: 100%;
}
.topBtn a:hover {
	background: url('/contact/style/img/btn_topOn_pc.png') center top no-repeat;
	background-size: 100% auto;
}
.thanks .topBtn {
	margin: 60px auto 0;
	width: 46.511627906977%;
}
@media (max-width: 1024px) {
	.topBtn {
		width: 39.0625%;
	}
}
@media (max-width: 991px) {
	.topBtn {
		margin: 56.628571428571px auto;
		width: 40.363269424823%;
	}
}
@media (max-width: 800px) {
	.topBtn {
		width: 46.13125%;
	}
}
@media (max-width: 767px) {
	.topBtn {
		margin: 30px auto 0;
		max-height: 80px;
		max-width: 480px;
		width: 64%;
	}
	.topBtn a {
		background: url('/contact/style/img/btn_top_sp.png') center top no-repeat;
		background-size: 100% auto;
		display: block;
		height: 100px;
		width: 100%;
	}
	.topBtn a:hover {
		background: url('/contact/style/img/btn_topOn_sp.png') center top no-repeat;
		background-size: 100% auto;
	}
	.thanks .topBtn {
		margin: 30px auto 0;
		width: 64%;
	}
}
@media (max-width: 640px) {
	.topBtn {
		margin: 30px auto;
	}
	.thanks .topBtn {
		margin: 30px auto 0;
	}
	.topBtn a {
		background: url('/contact/style/img/btn_top_sp.png') center top no-repeat;
		background-size: 100% auto;
		height: 85px;
	}
}
@media (max-width: 414px) {
	.topBtn a {
		background: url('/contact/style/img/btn_top_sp.png') center top no-repeat;
		background-size: 100% auto;
		height: 55px;
	}
}
@media (max-width: 375px) {
	.topBtn a {
		background: url('/contact/style/img/btn_top_sp.png') center top no-repeat;
		background-size: 100% auto;
		height: 50px;
	}
}
@media (max-width: 320px) {
	.topBtn a {
		background: url('/contact/style/img/btn_top_sp.png') center top no-repeat;
		background-size: 100% auto;
		height: 43px;
	}
}