@charset "UTF-8";
/* CSS Document */

.contents.company {
	width: 100%;
	height: 100%;
	margin: 430px 0 0;
	padding: 0;
	float: left;
	background-color: #FFF;
}


.contents.company .outline {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	background: -webkit-linear-gradient(right, #FFF, #FFF 20%, #F5F8FC 20%, #F5F8FC 100%);
	background: -o-linear-gradient(right, #FFF, #FFF 20%, #F5F8FC 20%, #F5F8FC 100%);
	background: linear-gradient(to left, #FFF, #FFF 20%, #F5F8FC 20%, #F5F8FC 100%);
}


.contents.company .outline h2 {
	font-size: 250%;
	letter-spacing: 0.4em;
	text-align: center;
	color: #FFF;
	margin: 120px 0 0;
}

.contents.company .outline .main dl { margin: 20px 0 50px; }

.contents.company .outline .main dl dt {
	font-size: 120%;
	font-weight: 700;
	letter-spacing: 0;
	text-align: center;
	color: #FFF;
}

.contents.company .outline .main dl dd {
	width: 60px;
	height: 3px;
	background-color: #FFF;
	margin: 10px auto 0;
}


.contents.company .outline .glid-left {
	width: 20%;
	margin: 0;
	padding: 0;
	float: left;
}

.contents.company .outline .footprint01 {
	width: 70%;
	float: left;
	margin: 100px 15% 0;
}

.contents.company .outline .footprint02 {
	width: 100%;
	float: left;
	margin: 100px 0 0;
}

.contents.company .outline .footprint03 {
	width: 70%;
	float: left;
	margin: 100px 15% 0;
	text-align: right;
}

.contents.company .outline .footprint04 {
	width: 100%;
	float: left;
	margin: 10px 0 0;
	text-align: right;
}

.contents.company .outline .footprint05 {
	width: 70%;
	float: left;
	margin: 100vh 15% 0;
}

.contents.company .outline .footprint06 {
	width: 70%;
	float: left;
	margin: 10px 15% 0;
}

.contents.company .outline .serv_bg_right {
	width: 100%;
	float: left;
	margin: 20px 0 0;
	text-align: right;
}

.contents.company .outline .glid-mid {
	width: 60%;
	margin: 0;
	padding: 50px 0 0;
	float: left;
}

.contents.company .outline .glid-mid .wrapper {
	width: 80%;
	margin: 0 10%;
	padding: 0;
	float: left;
}

.contents.company .outline .glid-right {
	width: 20%;
	height: 1000px;
	margin: 0;
	padding: 0;
	float: right;
	background-image: url("../images/company/bg_cream.png");
	background-repeat: no-repeat;
	background-position: bottom;
}

.contents.company .outline table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: #707070 1px solid;
}

.contents.company .outline table td { border-bottom: #707070 1px solid; }

.contents.company .outline table td li {
	list-style: outside square;
	letter-spacing: 0;
	margin: 0.2em 0 0;
	text-align: justify;
}

.contents.company .outline table td:nth-of-type(1) {
	width: 10em;
}

.contents.company .access {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	background-image: url("../images/company/bg_cream.png");
	background-position: top left;
	background-repeat: no-repeat;
}

.contents.company .access .wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	background-image: url("../images/company/map_bg.jpg");
	background-position: top right;
	background-repeat: no-repeat;
}

.contents.company .access .map {
	width: 45%;
	height: 450px;
	margin: 50px 0 50px 10%;
	padding: 0;
	float: left;
}

.contents.company .access .box {
	width: 45%;
	height: 450px;
	margin: 50px 0;
	padding: 0;
	float: right;
	color: #FFF;
}

.contents.company .access .box h2 {
	width: 90%;
	margin: 100px 5% 50px;
	font-size: 400%;
	letter-spacing: 0;
}

.contents.company .access .box h2 span {
	font-size: 40%;
	line-height: 4em;
	margin-left: 3.3em;
}

.contents.company .access .box .address {
	width: 90%;
	margin: 0 5% 50px;
}


/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 1300px */
/* **************************************************************** */
@media only screen and (max-width:1300px){

.contents.company .outline .glid-left,
.contents.company .outline .glid-right { width: 10%; }
.contents.company .outline .glid-mid { width: 80%; }
.contents.company .outline .glid-mid .wrapper { width: 90%;margin: 0 5%; }

.contents.company .access .map { width: 80%;margin: -80px 10% 50px; }
.contents.company .access .box { width: 90%;margin: 50px 5%; }
.contents.company .access .box h2 { text-align: center;margin: 0.5em 5% 0; }
.contents.company .access .box h2 span { margin-left: 0; }
.contents.company .access .box .address { text-align: center; }

}

/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 780px */
/* **************************************************************** */
@media only screen and (max-width:780px){

.contents.company .outline table {
	margin: 0 0 50px;
	border-top: none;
	border-bottom: #00719d 1px solid;
}

.contents.company .outline table td { border-bottom: none; }

.contents.company .outline table td:nth-of-type(1) {
	width: 100%;
	float: left;
	background-color: #00719d;
	color: #FFF;
	text-align: center;
}

.contents.company .outline table td:nth-of-type(2) {
	width: 100%;
	float: left;
	letter-spacing: 0;
	border-left: #00719d 1px solid;
	border-right: #00719d 1px solid;
	box-sizing: border-box;
}

}


/* ************************************************** */
/*         width    580px    */
/* ************************************************** */

@media screen and (max-width:580px) {

.contents.company { margin: 400px 0 0; }

}

/* ************************************************** */
/*         width    480px    */
/* ************************************************** */

@media screen and (max-width:480px) {

.contents.company { margin: 85vw 0 0; }

}