#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.gif') repeat-y left top;
	padding: 30px;
}

.work_ttl01{
	padding:14px 25px;
	background: url('../img/ttl_bg01.gif') no-repeat right top;
}
.work_ttl02{
	color:#000;
	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:#000;
}

table.normal{
	width: 100%;
	background: #fff;
	font-size: 0.8125em;
	margin-bottom: 30px;
	margin-top: 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;
}


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

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

#top .l_box{
	width: 590px;
}

#top figure{
	margin-bottom: 25px;
}

#top .al_center{
	margin-top: 30px;
}
#top iframe{
	display: block;
	margin:0 auto 50px;
}


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


#gaiyou em{
	color:#D80000;
	font-weight: bold;
	font-size: 1.2em;
}
#gaiyou table.normal span{
	display: inline-block;
	margin-bottom: 10px;
}
#gaiyou table.normal span:last-of-type{
	margin-bottom: 0;
}

#gaiyou #shoukai p.top{
	margin-bottom: 45px;
}
#gaiyou #shoukai p.l_box,
#gaiyou #shoukai p.r_box{
	width:435px;
}
#gaiyou #shoukai figure{
	margin-bottom: 50px;
}
#gaiyou #shoukai p span{
	color:#D80C04;
	font-weight: bold;
}

#interview section{
	margin-bottom: 35px;
	counter-increment:section;
}
#interview section:last-of-type{
	margin-bottom: 0;
}
#interview section h1{
	padding-left: 30px;
	position: relative;
}
#interview section h1:before{
	content: "Q" counter(section) ".";
	position: absolute;
	display: block;
	left: 0;
	top: 0;
}
#interview section p big{
	color:#D80600;
	font-weight: bold;
}
#interview .l_box,
#interview .r_box{
	width: 435px;
}



#form .top{
	margin-bottom: 30px;
}
#form .top .l_box{
	width:435px;
}
#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;
}
#form table.form td{
	font-size: 0.75em;
	padding: 5px 0;
	line-height: 175%;
}
#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 textarea{
	border:#ccc solid 1px;
	width: 500px;
	height: 100px;
}
#form table.form tr.line2 label{
	line-height: 2em;
}

#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%;
	}

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

	#top .r_box{
		text-align: center;
	}

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

	#interview .l_box{
		margin-bottom: 15px;
	}

	#interview .r_box{
		text-align: center;
	}
}

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

	#top iframe{
		height: 280px;
	}


	#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){
	.work_wrapper {
	    padding: 20px;
	}
	.title h1 {
	    font-size: 0.9em;
	}
	#contents {
	    margin-top: 59px;
	}

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

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

	#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%;
	}

}


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

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

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