@charset "utf-8";


/*------------------------*/
/* top image              */
/*------------------------*/
#top-wrap{
	margin-top: 30px;
	position:relative;
	background:url("../images/topCompany.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	width:100%;
	height:300px;
}
#top-wrap #copy{
	position:absolute;
	font-size:34px;
	font-weight:bold;
	color:#ffffff;
	letter-spacing:2px;
	text-align:center;
	text-shadow:1px 1px 3px #000000;
	top:35%;
	left:0%;
	width:100%;
}

@media screen and (max-width: 780px){
#top-wrap #copy{
	font-size:28px;
	left:2%;
	width:96%;
}
}

/*------------------------*/
/*  greeting              */
/*------------------------*/
.greeting-area{
	position:relative;
	margin:20px auto 0px auto;
	width:980px;
}
.greeting-wrap{
	position:relative;
	width:980px;
}
.greeting-wrap .desc-wrap{
	float:left;
	margin-right:50px;
	font-size:20px;
	letter-spacing:2px;
	line-height:40px;
	width:620px;
}
.greeting-wrap .image-wrap{
	float:left;
	width:310px;
}
.greeting-wrap .image-wrap .president-photo{
	margin-top:50px;
}

.greeting-wrap .image-wrap .president-name{
	margin-top:5px;
	font-size:16px;
	text-align:center;
}

@media screen and (max-width: 780px){
.greeting-area{
	width:96%;
}
.greeting-wrap{
	width:100%;
}
.greeting-wrap .desc-wrap{
	margin-right:0px;
	font-size:18px;
	letter-spacing:1px;
	line-height:30px;
	width:100%;
}
.greeting-wrap .image-wrap{
	margin-top:20px;
	width:100%;
	text-align:center;
}
.greeting-wrap .image-wrap .president-photo{
	margin-top:20px;
}
}

/*------------------------*/
/* company                */
/*------------------------*/
.company-area{
	position:relative;
	margin-top:50px;
	padding-top:30px;
	padding-bottom:50px;
	background:#f8f8f8;
	width:100%;
}
.company-area .company-wrap{
	position:relative;
	margin:0px auto 0px auto;
	width:980px;
}

@media screen and (max-width: 780px){
.company-area .company-wrap{
	width:96%;
}
}

.company-area .company-wrap .company-info{
	position:relative;
	margin:20px auto 0px auto;
	padding:10px;
	font-size:20px;
	width:90%;
	border-style:dotted;
	border-width:0px 0px 1px 0px;
	border-color:#ffffff #ffffff #6baf3c #ffffff;
}
.company-area .company-wrap .company-info .company-title{
	float:left;
	text-align:right;
	font-weight:bold;
	color:#6baf3c;
	width:25%;
}
.company-area .company-wrap .company-info .company-desc{
	float:right;
	width:65%;
}
@media screen and (max-width: 780px){
.company-area .company-wrap .company-info{
	font-size:18px;
}
.company-area .company-wrap .company-info .company-title{
	width:100%;
	text-align:left;
}
.company-area .company-wrap .company-info .company-desc{
	margin-top:10px;
	width:95%;
}
}

/*------------------------*/
/* access                 */
/*------------------------*/
.access-area{
	position:relative;
	margin:50px auto 0px auto;
	width:980px;
}
.access-area .access-wrap{
	position:relative;
	margin:20px auto 0px auto;
	width:100%;
}
@media screen and (max-width: 780px){
.access-area{
	margin:30px auto 0px auto;
	width:96%;
}
}

.access-area .access-wrap .access-company-wrap{
	float:left;
	margin-right:20px;
	font-size:18px;
	line-height:34px;
	width:350px;
}
.access-area .access-wrap .access-company-wrap a{
	color:#6baf3c;
}

.access-area .access-wrap .access-company-wrap div{
	margin-top:20px;
}

.access-area .access-wrap .access-map-wrap{
	float:left;
	width:610px;
}
@media screen and (max-width: 780px){
.access-area .access-wrap .access-company-wrap{
	margin-right:0px;
	font-size:16px;
	line-height:28px;
	width:100%;
}
.access-area .access-wrap .access-map-wrap{
	width:100%;
}
.access-area .access-wrap .access-map-wrap iframe{
	margin-top:20px;
	width:100%;
}
}