/* =================================================================== */
/* 全体の設定                                                          */
/* =================================================================== */
* {
	word-break:break-all;
}

html {
	color:#444444;
}

body{
	background-color:#f7f6f4;
	font-size:16px;
	margin:0px;
	padding:0px;
	letter-spacing:0.2em;
	line-height:150%;
}

#mosttop {
	height:20px;
}

#wrapper {
	background-color:#ffffff;
	max-width:1200px;
	margin:0 auto 0 auto;
	padding:15px 15px 0 15px;
	border-radius:15px;
	box-sizing:border-box;
}

#mostbottom {
	height:20px;
}


h1 {
	display:block;
	color:#009900;
	font-size:30px;
	font-weight:bold;
	margin:0;
	padding:15px 0 15px 0;
	letter-spacing:0;
	line-height:1.0em;
	text-align:center;
	background: linear-gradient(to left,#99ff99,#ffffff,#ffffff,#99ff99);
}

h2 {
	font-size:26px;
	margin:0;
	padding:20px 0 10px 0;
	line-height:1.0em;
	text-align:center;
}

h3 {
	font-size:24px;
	margin:0;
	padding:30px 0 5px 0;
	line-height:1.0em;
	text-align:center;
}


p {
	margin:10px 0 5px 0;
	padding:0;
}

table {
	border-collapse:collapse;
}


span {
	display:inline-block;
}

footer {
	background-color:#443333;
	color:#ffffff;
	padding:5px;
	text-align:center;
}

@media screen and (max-width:1200px) {

	#wrapper {
		margin:0 10px 0 10px;
	}

	h1 {
		font-size:28px;
	}

	h2 {
		font-size:24px;
	}

	h3 {
		font-size:20px;
	}


}




/* =================================================================== */
/* 共通の設定                                                          */
/* =================================================================== */
.hidden {
	display:none;
}

.box_inline {
	text-align:center;
}

.box_inline .inline {
	display:inline-block;
	text-align:left;
}




/* =================================================================== */
/* フォーム 欄                                                         */
/* =================================================================== */
/* ------------------------------------------------------------------- */
/* 全体                                                                */
/* ------------------------------------------------------------------- */
.inquiry_form {
	padding-bottom:15px;
}

.inquiry_form .bottom {
	margin-top:20px;
	text-align:center;
}


/* ------------------------------------------------------------------- */
/* 基本の項目                                                          */
/* ------------------------------------------------------------------- */
.inquiry_form .inquiry_box {
	border-top:solid 1px #444444;
	border-left:solid 1px #444444;
}

.inquiry_form .inquiry_box .table {
	display:table;
	width:100%;
}

.inquiry_form .inquiry_box .th {
	background-color:#11aa88;
	color:#ffffff;
	font-weight:bold;
	display:table-cell;
	width:30%;
	padding:10px;
	vertical-align:middle;
	border-right:solid 1px #444444;
	border-bottom:solid 1px #444444;
}

.inquiry_form .inquiry_box .td {
	display:table-cell;
	padding:10px;
	vertical-align:middle;
	border-right:solid 1px #444444;
	border-bottom:solid 1px #444444;
}


/* ------------------------------------------------------------------- */
/* 設問の項目                                                          */
/* ------------------------------------------------------------------- */
.inquiry_form .question_box {
	border-top:solid 1px #444444;
	border-left:solid 1px #444444;
}

.inquiry_form .question_box .table {
	display:table;
	width:100%;
}

.inquiry_form .question_box .th {
	background-color:#11aa88;
	color:#ffffff;
	font-weight:bold;
	display:table-cell;
	width:30%;
	padding:10px;
	vertical-align:middle;
	border-right:solid 1px #444444;
	border-bottom:solid 1px #444444;
}

.inquiry_form .question_box .td {
	display:table-cell;
	padding:10px;
	vertical-align:middle;
	border-right:solid 1px #444444;
	border-bottom:solid 1px #444444;
}


.inquiry_form .question_box div[data-row="説明［上部］"] {
	padding-bottom:5px;
}

.inquiry_form .question_box div[data-row="説明［下部］"] {
	padding-top:5px;
}

.inquiry_form .question_box div[data-row="選択肢"] {
	display:table;
}

.inquiry_form .question_box div[data-row="選択肢のタグ"] {
	display:table-cell;
	padding:5px 0 5px 0;
}

.inquiry_form .question_box div[data-row="選択肢の文字"] {
	display:table-cell;
	padding:5px 0 5px 0;
}

.inquiry_form .question_box div[data-row="付帯質問"] {
	margin-top:5px;
	margin-left:30px;
	margin-bottom:5px;
}

.inquiry_form .question_box div[data-row="付帯質問の文"] {

}

.inquiry_form .question_box div[data-row="付帯質問の入力"] {

}

.inquiry_form .question_box span[data-row="付帯質問"] {
	display:table;
	margin-top:5px;
	margin-left:30px;
	margin-bottom:5px;
}

.inquiry_form .question_box span[data-row="付帯質問の文"] {
	display:table-cell;

}

.inquiry_form .question_box span[data-row="付帯質問の入力"] {
	display:table-cell;
}


/* ------------------------------------------------------------------- */
/* 任意/必須　マーク                                                   */
/* ------------------------------------------------------------------- */
.inquiry_form span[data-mark="任意"] {
	background-color:#7777ff;
	color:#ffffff;
	font-size:90%;
	font-weight:bold;
	line-height:1.0em;
	margin-right:5px;
	padding:8px;
	border-radius:5px;
}

.inquiry_form span[data-mark="任意"]:before {
	content:"任意";
}

.inquiry_form span[data-mark="必須"] {
	background-color:#ff7777;
	color:#ffffff;
	font-size:90%;
	font-weight:bold;
	line-height:1.0em;
	margin-right:5px;
	padding:8px;
	border-radius:5px;
}

.inquiry_form span[data-mark="必須"]:before {
	content:"必須";
}


/* ------------------------------------------------------------------- */
/* 入力・選択不備の文字                                                */
/* ------------------------------------------------------------------- */
.inquiry_form div[data-row="入力・選択不備の文字"] {
	background-color:#ff7777;
	color:#ffffff;
	padding:8px;
	margin-bottom:5px;
}




@media screen and (max-width:1200px) {

	.inquiry_form .inquiry_box .table {
		display:block;
		width:initial;
	}

	.inquiry_form .inquiry_box .th {
		display:block;
		width:initial;
	}

	.inquiry_form .inquiry_box .td {
		display:block;
		width:initial;
	}

	.inquiry_form .question_box .table {
		display:block;
		width:initial;
	}

	.inquiry_form .question_box .th {
		display:block;
		width:initial;
	}

	.inquiry_form .question_box .td {
		display:block;
		width:initial;
	}

}




/* =================================================================== */
/* 入力ボックス・選択・ボタン                                          */
/* =================================================================== */
/* ------------------------------------------------------------------- */
/* 共通                                                                */
/* ------------------------------------------------------------------- */
input[type="text"] {
	width:100%;
	padding:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

input[type="password"] {
	width:100%;
	padding:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

input[type="radio"] {
	margin-right:10px;
	transform:scale(1.5);
}

input[type="checkbox"] {
	margin-right:10px;
	transform:scale(1.5);
}

textarea {
	width:100%;
	padding:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

select {
	padding:5px 0 5px 0;
}


/* ------------------------------------------------------------------- */
/* 進むボタン                                                          */
/* ------------------------------------------------------------------- */
input[name="btn_next"] {
	background-color:#007700;
	color:#ffffff;
	font-size:20px;
	min-width:200px;
	margin:0;
	padding:15px 20px 15px 20px;
	border:none;
	border-radius:5px;
	cursor:pointer;
}


/* ------------------------------------------------------------------- */
/* 戻るボタン                                                          */
/* ------------------------------------------------------------------- */
input[name="btn_back"] {
	background-color:#999999;
	color:#ffffff;
	font-size:20px;
	min-width:200px;
	margin:0;
	padding:15px 20px 15px 20px;
	border:none;
	border-radius:5px;
	cursor:pointer;
}




/* =================================================================== */
/* エラー                                                              */
/* =================================================================== */
.error {

}

.error .box_message {
	text-align:center;
	border:solid 1px #444444;
}

.error .box_message .message {
	display:inline-block;
	margin:20px 10px 20px 10px;
	text-align:left;
}

.error .box_message .message li {
	margin-left:20px;
}

.error .bottom {
	margin:20px 0 20px 0;
	text-align:center;
}

.error .btn {
	background-color:#999999;
	color:#ffffff;
	font-size:16px;
	min-width:150px;
	padding:15px 20px 15px 20px;
	border:none;
	border-radius:5px;
}