﻿@media screen and (min-width: 1024px){

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

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

li { 	margin: 25px 0px 10px -10px;	
}

.nav_1{ font-weight: bold;
	color: #fff;	
}


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";
}

#wrapper  {
  	width: 100%;
  	height: 100vh;
}

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

table.t1 {
	table-layout: fixed;
  	width: 100%;
  	height: 100vh;
	margin: auto;
	border-collapse: collapse;
}

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

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

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

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

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

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

td.sub	 {
	background: #000;
	color: #fff;
	width: 25%;
	padding: 10px 0 0 10px;
	margin: auto;
	text-align: left;
	vertical-align: top;
}

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

td.left2	 {
	background: #4d462e;
  	background-size: cover;
	width: 37.5%;
	margin: auto;
	text-align: left;
	vertical-align: top;
}

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

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

.mainfont2  {
	padding: 10px 10px 10px 10px;
	background: #332d14;
	font-size: 20px;
	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: 35px;
	color: #fff;
	position: absolute;
  	top: 0px;
  	left: 10px;

}

.title2  {
	font-size: 40px;
	color: #999;
	position: absolute;
  	top: 5px;
  	left: 5px;
}
}