@charset "utf-8";

/*--------------------------------------

__main

--------------------------------------*/

#main {
	width:800px;
	margin:0 auto;
	padding:50px 140px;
}
#main h2 {
	font-size:22px;
	font-size:2.2rem;/* =22px */
	line-height:34px;
	line-height:3.4rem;/* =34px */
	font-weight:bold;
	padding-left:38px;
	margin-bottom:16px;
	background-image:url(../img/icon-titile.png);
	background-position:left 2px top 2px;
	background-repeat:no-repeat;
	background-size:32px;
}

.status {
	margin:25px 0;
}
.status ul {
	width:400px;
	margin:0 auto;
	display: -webkit-flex;
	display: flex;
}
.status li {
	width:25%;
	text-align:center;
	padding:20px 0 22px 2%;
	color:#3C9045;
	font-size:12px;
	font-size:1.2rem;/* =12px */
	line-height:14px;
	line-height:1.4rem;/* =14px */
	font-weight:normal;
	background-image:url(../img/leaf_w.png);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.status li:nth-child(even) {
	width:10.5%;
	background-image:url(../img/dotted.png);
	background-position:center 50%;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.status li span {
	font-size:16px;
	font-size:1.6rem;/* =16px */
	line-height:20px;
	line-height:2.0rem;/* =20px */
	font-weight:bold;
}
.status li.achievement {
	color:#fff;
	background-image:url(../img/leaf_g.png);
}

/* テーブル全体の表示 */
table.question {
	width:100%;
	font-size:14px;
	font-size:1.4rem;/* =14px */
	line-height:18px;
	line-height:1.8rem;/* =18px */
	font-weight:normal;
}
table.question th,
table.question td {
	padding:10px 0;
}
table.question th {
	width:25%;
	text-align:left;
	vertical-align:top;
}
table.question th span {
	color:#d54616;
}
table.question td {
	width:75%;
}

input[type="text"] {
	width:99%;
	height:20px;
	border:1px solid #7b7c75;
	background-color:#f6f9ea;
}
input[type="text"]:focus {
	border:1px solid #d54616;
	background-color:#fff;
}
textarea {
	width:99%;
	height:86px;
	border:1px solid #7b7c75;
	background-color:#f6f9ea;
}
textarea:focus {
	border:1px solid #d54616;
	background-color:#fff;
}

.send_message {
	font-size:16px;
	font-size:1.6rem;/* =16px */
	line-height:24px;
	line-height:2.4rem;/* =24px */
	font-weight:bold;
	padding:200px 0;
	text-align:center;
}
.send_message01 {
	margin-bottom:100px;
}

/* エラー時の表示 */
table.question .error_coution {
	color:#F00;
}

/* submitボタンエリア */

.question_submit {
	text-align:center;
	margin:60px 0 10px 0;
}

.question_submit input.button {
	width: 230px;
	color:#fff;
	font-size:14px;
	font-size:1.4rem;/* =14px */
	line-height:48px;
	line-height:4.8rem;/* =48px */
	font-weight:bold;
	background-color:rgba(54,181,162,1);
	cursor:pointer;
}
.question_submit input.button:hover {
	background-color:rgba(54,181,162,0.6);
}


@media screen and ( max-width:768px ) {
	#main {
		width:80%;
		margin:0 auto;
		padding:50px 15% 50px 5%;
	}
}

@media screen and ( max-width:414px ) {
	#main {
		width:90%;
		margin:0 auto;
		padding:50px 5%;
	}
	
	.status ul {
		width:98%;
		margin:0 auto;
		display: -webkit-flex;
		display: flex;
	}
	.status li {
		padding:14px 0 22px 2%;
	}
	
	table.question th {
		width:30%;
	}
	table.question td {
		width:70%;
	}
	
	.send_message {
		padding:100px 0;
	}
.send_message01 {
	margin-bottom:50px;
}
}