#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-bottom: 15px;
	background: url('../img/ttl_bg01.gif') no-repeat right top;
}
.work_ttl02{
	color:#E02B31;
	border-bottom: #444 dotted 1px;
	padding-bottom: 7px;
	line-height: 175%;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 1em;
}

.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:#E02B31;
}


#overtop .l_box,
#overtop .r_box{
	width:435px;
}
#overtop .ttl02{
	background:#DF2E37 url('../img/ttl_bg02.gif') no-repeat top right;
	font-size: 1.125em;
	padding: 9px;
	color:#fff;
	margin-bottom: 10px;
}

#overtop h1.ttl01{
	font-style: 1.125em;
	line-height: 175%;
	color:#DF2B31;
	font-weight: bold;
	margin-bottom: 10px;
}
#overtop section.clearfix{
	margin: 30px 0;
}
#overtop section.clearfix:nth-of-type(2){
	margin-bottom: 40px;
}
#overtop .tpf section{
	margin-bottom: 25px;
}
#overtop .tpf > p{
	margin: 20px 0;
}
#overtop .tpf section:last-of-type{
	margin-bottom: 0px;
}
#overtop .tpf section b{
	font-size: 1.15em;
}
#overtop .tpf .red{
	color: #DF2B31;
}
#overtop .tpf span{
	font-size: 1.23em;
	color: #DF2B31;
	font-weight: bold;
	display: inline-block;
	margin-top: 10px;
}
@media screen and (max-width: 960px){
	#overtop .l_box,
	#overtop .r_box{
		width:48.3%;
	}
}
@media screen and (max-width: 480px){
	#overtop .l_box,
	#overtop .r_box{
		width:100%;
		float: none;
	}

	#overtop .l_box img,
	#overtop .r_box img{
		margin-top: 10px;
	}
}


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

/*ext*/
#gaiyou .clearfix{
	margin-bottom: 30px;
}
#gaiyou .clearfix.top{
	margin-top: 20px;
}
#gaiyou .clearfix.top section{
	width: 48%;
}
#gaiyou .clearfix section .ttl02{
	background:#DF2E37 url('../img/ttl_bg02.gif') no-repeat top right;
	font-size: 1.125em;
	padding: 9px;
	color:#fff;
	margin-bottom: 10px;
}
#gaiyou .clearfix.bottom section{
	width:66%;
}
#gaiyou .clearfix.bottom .r_box{
	width:30%;
	position: relative;
}

#gaiyou .support{
	text-align: center;
	border:#DF2E37 solid 1px;
	background: #fff;
}
#gaiyou .support h1{
	color:#fff;
	background: #DF2E37;
	font-size: 1.375em;
	padding: 11px;
	position: relative;
}
#gaiyou .support h1:before{
	position: absolute;
	top: -15px;
	left: 0;
	width:100%;
	height: 14px;
	background: url('../img/arrow.png') no-repeat center top;
	content: " ";
}

#gaiyou .support p:first-of-type{
	font-size: 0.937em;
	margin: 20px 3% 5px;
}
#gaiyou .support p:last-of-type{
	margin: 0px 3% 20px;
}
/*---*/


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


#kousi .table{
	display: table;
	margin-bottom: 30px;
}
#kousi .table:last-of-type{
	margin-bottom: 0;
}
#kousi .table_cell{
	display: table-cell;
	vertical-align: top;
}
#kousi figure.table_cell{
	padding-right: 30px;
}
#kousi .ttl03{
	font-size: 1em;
	line-height: 175%;
	border-bottom: #444 dotted 1px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-weight: bold;
}

@media screen and (max-width: 960px){
	#kousi figure.table_cell{
		width: 100px;
	}
}


#schedule .top{
	margin-bottom: 20px;
}
#schedule section h1{
	font-style: 1.125em;
	line-height: 175%;
	color:#DF2B31;
	font-weight: bold;
	margin-bottom: 10px;
}
#schedule section h1 img{
	margin-right: 10px;
}
#schedule section h1 small{
	font-weight: normal;
	font-size: 0.722em;
	margin-left: 15px;
}

#schedule table{
	width:50%;
	font-size: 0.8125em;
}
#schedule table.r_box th{
	border-left:none;
}
#schedule table th,
#schedule table td{
	border:#ccc solid 1px;
	padding: 15px 20px;
}
#schedule table th{
	font-weight: bold;
	background: #FFF9CA;
	width: 60px;
}
#schedule table td{
	background: #fff;
	text-align: left;
}
#schedule table td:first-of-type{
	width:105px;
}
#schedule table td:last-of-type{
	width: auto;
}
#schedule .clearfix{
	margin-bottom: 10px;
}
#schedule section{
	margin-bottom: 30px;
}
#schedule .att{
	color:#DF2B31;
}

#form .top{
	margin-bottom: 25px;
}
#form .top p{
	margin-bottom: 10px;
}
#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 span{
	color:#D80000;
}
#form table{
	line-height: 175%;
	margin-bottom: 40px;
}
#form th{
	font-weight: bold;
	text-align: left;
	font-size: 0.875em;
	padding: 5px 30px 5px 0;
}
#form td{
	font-size: 0.75em;
	padding: 5px 0;
	line-height: 175%;
}
#form th.wide,
#form td.wide{
	padding: 20px 0;
}
#form label{
	margin-right: 22px;
	margin-left: 10px;
	font-size: 1.167em;
	line-height: 3em;
}
#form input[type="text"]{
	border:#ccc solid 1px;
	height: 35px;
	width:400px;
	margin-right: 10px;
}

#form textarea{
	border:#ccc solid 1px;
	width: 500px;
	height: 100px;
}

#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: 768px){
	#contents{
		margin-top: 73px;
	}
	menu ul li{
		width: 25%;
	}
	menu ul li img{
		width:100%;
	}
}

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

	#schedule table{
		float: none;
		width: 100%;
	}
	#schedule table th,
	#schedule table td{
		padding: 10px;
	}
	#schedule table.r_box th{
		border-left:#ccc solid 1px;
	}
	#schedule table.l_box tr:last-of-type td,
	#schedule table.l_box tr:last-of-type th{
		border-bottom:none;
	}

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

}

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

	#gaiyou .clearfix.top section{
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}

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

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

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

	#kousi .table{
		display: block;
	}
	#kousi .table_cell{
		display: block;
	}
	#kousi figure.table_cell{
		padding-right: 0px;
		text-align: center;
		width: auto;
	}

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

}