@media screen and (min-width: 481px) and (max-width: 1023px){

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

ul {
  	list-style: none;
	font-size: 18px;
    	font-family: "arial black","Times New Roman","Meiryo","ヒラギノ角ゴ","sans-serif";	
}

li { 	
	display: inline-block;	
}

.nav_1{ margin: 0px 15px 0px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;	
}
.nav_1{
	margin: 0px 15px 0px 0px;
	font-size: 16px;
}

a:hover img {
	opacity: 0.8; filter: alpha(style=0, opacity=60);
}

a {
	text-decoration: none;
}

a:link {
	color: #fff;
}

a:active {
	color: #fff;
}

a:visited {
	color: #fff;
}

a:hover {
	color: #daa520;
}

.afont {
	color: #daa520;
}

p {
	line-height: 18px; 
}

body {
	background: #000;
	margin: auto;
	text-align: center;
	border-collapse:collapse;
	border: 0;
    	font-family: "arial black","Times New Roman","Meiryo","ヒラギノ角ゴ","sans-serif";
}

table, tbody, tr, th, td {
display: block;
}

table {
	table-layout: fixed;
	width: 100%;
	margin: auto;
	border-collapse: collapse;
}

td.main	 {
  	background: url('../images/main.jpg') center;
  	background-size: cover;
	width: 100%;
  	padding-top: 50%;
	margin: auto;
	text-align: center;
	vertical-align: top;
}

td.main2	 {
  	background: url('../images/lifestyle.jpg') center;
  	background-size: cover;
	width: 100%;
  	padding-top: 50%;
	margin: auto;
	text-align: center;
	vertical-align: top;
}

td.main3	 {
  	background: url('../images/service.png') center;
  	background-size: cover;
	width: 100%;
  	padding-top: 50%;
	margin: auto;
	text-align: center;
	vertical-align: top;
}

td.main4	 {
  	background: url('../images/solution.jpg') center;
  	background-size: cover;
	width: 100%;
  	padding-top: 50%;
	margin: auto;
	text-align: center;
	vertical-align: top;
}

td.main5	 {
  	background: url('../images/interview.jpg') center;
  	background-size: cover;
	width: 100%;
  	padding-top: 50%;
	margin: auto;
	text-align: center;
	vertical-align: top;
}

td.main6	 {
  	background: url('../images/company.jpg') center;
  	background-size: cover;
	width: 100%;
  	padding-top: 50%;
	margin: auto;
	text-align: center;
	vertical-align: top;
}

td.sub	 {
	background: #000;
	color: #fff;
	width: 100%;
	text-align: center;
	vertical-align: top;
}

td.left1	 {
	background: #332d14;
	width: 100%;
	margin: auto;
	text-align: left;
	vertical-align: top;
}

td.left2	 {
	background: #332d14;
	width: 100%;
	margin: auto;
	text-align: left;
	vertical-align: top;
	color: #fff;
}

td.right {
	background: #000;
	color: #fff;
	width: 100%;
	margin: auto;
	text-align: center;
	vertical-align: bottom;
}

.mainfont1  {
	padding: 10px 10px 10px 10px;
	background: #4d462e;
	font-size: 25px;
	color: #fff;
	text-align: center;
	vertical-align: top;
}

.mainfont2  {
	padding: 10px 10px 10px 10px;
	background: #4d462e;
	font-size: 25px;
	color: #fff;
	text-align: center;
	vertical-align: top;
}


.mainfont3  {
	margin: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	vertical-align: top;
    	font-family: "arial","Times New Roman","Meiryo","ヒラギノ角ゴ","sans-serif";
}

.subfont  {
	font-size: 16px;
	color: #fff;
	margin: 15px;
	text-align: left;
	vertical-align: top;
    	font-family: "arial","Times New Roman","Meiryo","ヒラギノ角ゴ","sans-serif";
}

.subfont1  {
	border-bottom: 1px #4d462e dotted;
	font-size: 16px;
	color: #fff;
	margin: 15px;
	text-align: left;
	vertical-align: top;
    	font-family: "arial","Times New Roman","Meiryo","ヒラギノ角ゴ","sans-serif";
}

.title  {
	font-size: 25px;
	color: #fff;
	position: absolute;
  	top: 0px;
  	left: 15px;
}

.title2  {
	font-size: 25px;
	color: #999;
	position: absolute;
  	top: 0px;
  	left: 15px;
}
}