.works img{ width:100%; max-width: 310px; max-height:100%;}
.pc {display: block;}
.sp {display: none;}

@media only screen and (max-width: 768px) {
/** globle **/
.sp {display: block;}
.pc {display: none;}
.f7{font-size:5px;}.f11{font-size:11px;}.f12{font-size:12px;}.f13{font-size:12px;}.f14{font-size:12px;}.f16{font-size:12px;}.f18{font-size:13px;}.f20{font-size:16px;}.f24{font-size:16px;}.f30{font-size:18px;}.f32{font-size:18px;}.f36{font-size:18px;}
.pt10{ padding-top:10px;}.pt20{ padding-top:20px;}.pt30{ padding-top:30px;}.pt40{ padding-top:40px;}
.pb4{ padding-bottom:4px;}.pb10{ padding-bottom:10px;}.pb20{ padding-bottom:20px;}.pb30{ padding-bottom:30px;}.pb40{ padding-bottom:40px;}
.pr10{ padding-right:10px;}.pr20{ padding-right:20px;}.pr30{ padding-right:30px;}.pr40{ padding-right:40px;}.pr50{ padding-right:50px;}.pr60{ padding-right:60px;}
.pl10{ padding-left:10px;}.pl20{ padding-left:20px;}.pl30{ padding-left:30px;}.pl40{ padding-left:40px;}.pl50{ padding-left:50px;}.pl60{ padding-left:60px;}
.mt10{ margin-top:10px}.mt20{ margin-top:20px}.mt30{ margin-top:30px}.mt40{ margin-top:40px}
img{ max-width: 100%; max-height:100%;}
.ls2 {letter-spacing:2px;}.ls4{letter-spacing:2px;}.ls8{letter-spacing:4px;}.ls16{letter-spacing:6px;}.ls20{letter-spacing:8px;}
a {	text-decoration:none; outline: none; color:#000000;}
a:link { text-decoration: none; color:#000000;}
a:visited { text-decoration: none; color:#000000;}
a:hover { text-decoration: none; color:#000000;}
a:active { text-decoration: none; color:#000000;}
a:focus{ outline: none; }

.top_nav ul {
	float:left;
	align-content:center;
}

.top_nav li {
  font-family: "ore";
  font-size:10px;
  letter-spacing: 1px;
  padding:0 2% 0 2%;
  list-style:none outside none;
  cursor:pointer;
  display:inline-block;

}
.top_nav li a {
  display:block;
  padding:1px;
}
.menu {
	height:60px;
	padding-right:20px;
	display: table-cell;    
    vertical-align: middle;
}
.menu ul {
	width:100%;
	float:right;
	align-content:center;
}

.menu ul li { 
  letter-spacing: 2px;
  padding:10px 0 0px 0px;
  list-style:none outside none;
  width:80px;
  text-align:left;
  cursor:pointer;
  display:inline-block;

}
.menu ul li:last-child  { 
  letter-spacing: 3px;
  padding:10px 0 0px 0px;
  list-style:none outside none;
  width:80px;
  text-align:left;
  cursor:pointer;
  display:inline-block;
}
/**company**/

.t_company {
    background-image:url(../img/bg.jpg);
	background-repeat:repeat;
	margin:12% 10% 12% 10%;
	padding:2% 2% 2% 2%;
}
.t_company table{
	background-color:#FFFFFF;
	border-collapse: collapse;
	text-align:left;
}
.t_company table td{
    display: inline-block;
	padding:15px 12px 15px 15px;
}
.t_company table tr{
	border-bottom:1px #f2f2f2 solid;
}
.t_company table tr:last-child{ border:none; }
	
.t1 {
	width:27%;
}

.t2 {
	width:50%;
}
/**contact**/
.table_form {
	padding:0 5% 10% 0;
}
.table_form table tr{
	display:table;
	padding-top:12%;
}
	
#button_submit {
	width:120px;
	height:100%;
	margin:10px auto 0 auto;
}
.button_submit {
	background: url(../img/btn_send.jpg) top no-repeat;
	background-size:120px 29px;
	width:120px;
	height:29px;
	border:0;
	text-align:center;
	letter-spacing:2px;
	cursor:pointer;
}
.button_back {
	background-color:#787878;
	border:1px solid #CCCCCC;
	border-width:1px;
	width:120px;
	height:29px;
	line-height:30px;
	text-align:center;
	color:#fff;
	cursor:pointer;
	margin-bottom:10px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.textarea100 {
	padding:8px 16px;
	font-size:11px;
	color:#000;
	border:solid 1px #ccc;
	margin:0;
	width:100%;
	height:20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.textarea1000 {
	padding:8px 16px;
	font-size:11px;
	color:#000;
	border:solid 1px #ccc;
	margin:0;
	width:100%;
	height:60px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
}