#work_head{
	font-size:0;
	margin-bottom: 20px;
}

#work_head menu li{
	float:left;
}

article{
	margin-bottom: 50px;
}

p{
	font-size: 0.8125em;
	line-height: 175%;
}

a{
	color: #0085B2;
}
a:hover{
	text-decoration: none;
	color: #0085B2;
}

.work_wrapper{
	background: url('../img/bg01.jpg') repeat-y left top;
	padding: 30px;
}

.work_ttl01{
	padding:14px 25px;
	background: url('../img/ttl_bg01.jpg') no-repeat right top;
}
.work_ttl02{
	color:#444;
	border-bottom: #444 dotted 1px;
	padding-bottom: 7px;
	line-height: 175%;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 1em;
}

.work_ttl03{
	background: url('../img/ttl_bg02.gif') repeat-y left top;
	padding-left: 20px;
	font-size: 1.125em;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 175%;
}

.title{
	padding-left: 2px;
	border-left: #444 solid 4px;
	margin-bottom: 20px;
}
.title h1{
	font-size: 1.375em;
	line-height: 175%;
	font-weight: bold;
	border-left: #444 solid 1px;
	padding-left: 15px;
	color:#6C3F38;
}

table.normal{
	width: 100%;
	background: #fff;
	font-size: 0.8125em;
	margin-bottom: 30px;
	line-height: 175%;
}
table.normal th,
table.normal td{
	border:#ccc solid 1px;
}
table.normal th{
	padding:0 10px;
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
}
table.normal td{
	padding: 15px 15px;
}

.phone{display: none;}



#top p{
	margin-bottom: 20px;
}
#top p.top{
	margin-bottom: 30px;
	color:#522B1F;
	font-size: 1em;
}

#top section{
	margin-bottom: 30px;
}
#top section.nagare{
	margin-bottom: 50px;
}
#top section > section{
	margin-bottom: 20px;
}
#top section:last-of-type{
	margin-bottom: 0;
}
#top .al_center{
	margin-bottom: 60px;
}

#top .r_box{
	width: 590px;
}
#top .r_box h1{
	font-size: 1em;
	margin-bottom: 10px;
	color:#522B1F;
	font-weight: bold;
}
#top #faq section{
	margin-bottom: 35px;
}
#top #faq section:last-of-type{
	margin-bottom: 0;
}
#top #faq section p big{
	color:#D80600;
	font-weight: bold;
}

.work_wrapper big{
	font-size: 1.15em;
}



#form .top{
	margin-bottom: 30px;
}
#form .top p:first-child{
	margin-bottom: 15px;
}
#form .top p:last-child{
	margin-top: 15px;
}
#form .mid{
	margin-bottom: 20px;
}
#form dl{
	margin-bottom: 40px;
}
#form dt{
	font-size: 0.875em;
	font-weight: bold;
	line-height: 175%;
}
#form dd{
	font-size: 0.8125em;
	margin-bottom: 10px;
	line-height: 175%;
}
#form .att{
	font-size: 0.875em;
	color:#D80000;
	margin-bottom: 10px;
}

#form .mid{
	vertical-align: middle;
}
#form .v_top{
	vertical-align: top;
}
#form #form_main .top p:first-of-type{
	margin-bottom: 15px;
}
#form #form_main .top p:last-of-type{
	margin-top: 15px;
}

#form table.form span{
	color:#D80000;
}
#form table.form{
	line-height: 175%;
	margin-bottom: 40px;
}
#form table.form th{
	font-weight: bold;
	text-align: left;
	font-size: 0.875em;
	padding: 5px 30px 5px 0;
	white-space: nowrap;
}
#form table.form td{
	font-size: 0.75em;
	padding: 5px 0;
	line-height: 175%;
}
#form table.form td span.row2{
	display: inline-block;
	color:inherit;
	padding: 5px 0;
}
#form table.form th.wide,
#form table.form td.wide{
	padding: 20px 0;
}
#form table.form label{
	margin-right: 22px;
	margin-left: 10px;
	font-size: 1.167em;
	line-height: 3em;
}
#form table.form input[type="text"]{
	border:#ccc solid 1px;
	height: 35px;
	width:400px;
	margin-right: 10px;
}
#form table.form input.short{
	width:200px;
}

#form table.form textarea{
	border:#ccc solid 1px;
	width: 500px;
	height: 100px;
}
#form table.form tr.sep th,
#form table.form tr.sep td{
	padding-bottom: 20px;
}

#form table.form tr.text td{
	padding: 10px 0;
}

#form .send_btn input{
	border:none;
	font-size: 1em;
	font-weight: bold;
	width:200px;
	padding: 16px 0;
}
#form .send_btn input[type="submit"]{
	background: #666;
	color:#fff;
	cursor: pointer;
}
#form .send_btn input[type="button"]{
	background: #ddd;
	color:#444;
	margin-left: 20px;
	cursor: pointer;
}

@media screen and (max-width: 960px){
	#top .r_box{
		width: 100%;
	}
	#top .l_box{
		width: 100%;
		text-align: center;
	}
}

@media screen and (max-width: 768px){
	#contents{
		margin-top: 73px;
	}
	menu ul li{
		width: 25%;
	}
	menu ul li img{
		width:100%;
	}

	.work_wrapper .l_box,
	.work_wrapper .r_box{
		width: 100% !important;
	}

	.work_wrapper .l_box{
		margin-bottom: 15px;
	}

	#top section > section .r_box{
		text-align: left;
	}

	#form table.form td textarea{
		width: 100%;
	}

}

@media screen and (max-width: 667px){
	menu ul li{
		width: 50%;
	}
	menu ul li:nth-child(3){
		clear: both;
	}


	#form table.form table th,
	#form table.form table td{
		display: block;
	}
	#form table.form input[type="text"]{
		width:60%;
	}
	#form table.form textarea{
		width:100%;
	}
	#form table.form label:after{
		content: "\A";
		white-space: pre ;
	}
	#form table.form tr.line2 label:after{
		display: none;
	}
	#form table.form label{
		line-height: 2em;
	}

}

@media screen and (max-width: 414px){
	.phone{display: inline;}
	.work_wrapper {
	    padding: 20px;
	}
	.title h1 {
	    font-size: 0.9em;
	}
	#contents {
	    margin-top: 59px;
	}

	table.normal th,
	table.normal td{
		display: block;
	}
	table.normal th{
		border-bottom:none;
	}
	table.normal th br{
		display: none;
	}

	#top p.top{
		font-size: 0.75em;
	}

	#top .clearfix.bottom section,
	#top .clearfix.bottom .r_box{
		width:100%;
		float: none;
	}
	#top .clearfix.bottom .r_box{
		text-align: center;
	}

	#top .support h1 {
		font-size: 1em;
	}

	#form .send_btn input{
		width: 45%;
	}

	#form table.form th,
	#form table.form td{
		font-size: 0.75em;
		line-height: 150%;
		display: block;
	}

	#form table.form th{
		white-space: normal;
	}

	#form table.form tr.sep th{
		padding-bottom: 5px;
	}

}