#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: 15px 23px;
	background: url('../img/ttl_bg01.jpg') repeat-x;
	border-left:#000 solid 6px;
}
.work_ttl02{
	color:#006600;
	padding-left: 18px;
	line-height: 175%;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 1.125em;
	background: url('../img/ttl_bg_03.png') repeat-y left top;
}

.work_ttl03{
	color:#006600;
	font-size: 1em;
	line-height: 175%;
	padding-bottom: 3px;
	border-bottom:#444 dotted 1px;
	margin-bottom: 16px; 
	font-weight: bold;
}

.title h1{
	font-size: 1.4375em;
	line-height: 175%;
	font-weight: bold;
	border-top: #999 solid 1px;
	padding:7px 0;
	color:#006600;
}
.title{
	padding-bottom: 6px;
	background: url('../img/ttl_bg_02.png') no-repeat bottom left;
	margin-bottom: 25px;
}

#gaiyou aside{
	margin-bottom: 30px;
}
#gaiyou aside .l_box{
	width: 590px;
}
#gaiyou aside .l_box b{
	font-size: 1.153em;
	color:#006600;
}

#gaiyou .top{
	margin-bottom: 30px;
}
#gaiyou .top:last-of-type{
	margin-bottom: 0;
}

#gaiyou .work_wrapper > section{
	margin-bottom: 55px;
}

#gaiyou .midokoro .l_box,
#gaiyou .midokoro .r_box{
	width: 435px;
}
#gaiyou .midokoro p{
	margin-bottom: 30px;
}
#gaiyou .midokoro b{
	font-size: 1.153em;
	color:#DD6C00;
}
#gaiyou .midokoro .border{
	border-bottom:#444 dotted 1px;
	padding-bottom: 20px;
}

#gaiyou .kaisetu p{
	margin-bottom: 30px;
}

#gaiyou .top .l_box,
#gaiyou .top .r_box{
	width: 435px;
}
#gaiyou iframe{
	display: block;
	margin:50px auto 0;
}


#comment p.top{
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom:#444 dotted 1px; 
}
#comment .clearfix p{
	width:590px;
}
#comment .clearfix:first-of-type{
	margin-bottom: 40px;
}


#dantai .top{
	font-weight: bold;
	font-size: 1em;
	vertical-align: middle;
	margin-bottom: 30px;
}
#dantai .top img{
	vertical-align: middle;
	margin-right: 27px;
}

#dantai span{
	color:#D80000;
}
#dantai b{
	font-size: 1.1em;
}
#dantai table{
	width: 100%;
	background: #fff;
	font-size: 0.8125em;
	margin-bottom: 30px;
	margin-top: 30px;
	line-height: 175%;
}
#dantai table th,
#dantai table td{
	border:#ccc solid 1px;
}
#dantai table th{
	padding:0 15px;
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
	white-space: nowrap;
}
#dantai table td{
	padding: 15px 15px;
}
#dantai table td a{
	margin-right: 15px;
}


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

	#gaiyou .l_box,
	#gaiyou .r_box,
	#gaiyou aside .l_box,
	#gaiyou .top .l_box,
	#gaiyou .top .r_box,
	#gaiyou .midokoro .l_box,
	#gaiyou .midokoro .r_box{
		width: 100%;
		float: none;
	}
	#gaiyou .l_box img,
	#gaiyou .r_box img{
		display: block;
		margin: 0 auto 15px;
	}

	#comment .l_box,
	#comment .r_box{
		width: 100%;
		float: none;
	}
	#comment .l_box img,
	#comment .r_box img{
		display: block;
		margin: 0 auto 15px;
	}
	#comment .clearfix p{
		width:100%;
	}
}

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

	#gaiyou iframe{
		height: 280px;
	}
}

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

	#gaiyou iframe{
		width:100%;
		height: 200px;
	}

	#dantai table th,
	#dantai table td{
		display: block;
	}
	#dantai table th{
		border-bottom:none;
	}
	#dantai table th br{
		display: none;
	}
}

@media screen and (max-width: 375px){
	#gaiyou iframe{
		height: 183px;
	}
}

@media screen and (max-width: 360px){
	#gaiyou iframe{
		height: 175px;
	}
}

@media screen and (max-width: 320px){
	#gaiyou iframe{
		height: 150px;
	}
}