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

/* nav*/
nav#g-nav .b-about a {
	border-bottom: #000000 solid 2px;
	font-weight: bold;
	letter-spacing: 0;
}

/*
ABOUT US
========================================================================================== */
section.about-inner{
}
section.about-inner h3{
	background: #EBEBEB;
	text-align: center;
	padding: 40px 0 50px 0;
}
.arrow {
	position: relative;
	background: url(../../images/about/about_arrow.gif) no-repeat top center;
	height: 28px;
	z-index: 9;
}


section.about-inner div.about-backimg1{
	position: relative;
	height: 1030px;
	top: -28px;
	z-index: -1;
}
#about-img1 {
	background: url(../../images/about/about_mimg1.jpg) no-repeat;
	background-position: 50% 50%;
	-moz-background-size:cover;
	background-size:cover;
	height: 726px;
}
.about-backimg1 p {
	position: absolute;
	top: 225px;
	left: 50%;
}
.about-backimg1 h4 {
	position: absolute;
	width: 267px;
	height: 238px;
	top: 64px;
	right: 10%;
}
.about-backimg1 h5 {
	position: absolute;
	width: 500px;
	background: #FFF;
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 2em;
	padding: 40px;
	top: 547px;
	left: 10%;
	letter-spacing: -0.1em;
	text-align: justify;
	
}


#about-img2 {
	background: url(../../images/about/about_mimg2.jpg) no-repeat;
	background-position: 50% 50%;
	-moz-background-size:cover;
	background-size:cover;
	height: 726px;
}
#about-img3 {
	background: url(../../images/about/about_mimg3_3.jpg) no-repeat;
	background-position: 50% 50%;
	-moz-background-size:cover;
	background-size:cover;
	height: 726px;
}


section.about-inner div.about-backimg2{
	position: relative;
	top: -28px;
}

section#por-img {
	position: relative;
}
section#por-img li{
	height: 610px;
	background-position: 50% 50%;
	-moz-background-size:cover;
	background-size:cover;
	z-index: -1;
}
#por-img1 {background: url(../../images/about/about_por1.jpg) no-repeat;}
#por-img2 {background: url(../../images/about/about_por2.jpg) no-repeat;}
#por-img3 {background: url(../../images/about/about_por3.jpg) no-repeat;}

section#por-img h4{
	position: absolute;
	width: 360px;
	right: 10%;
	top: 40px;
}
section#por-img h5{
	position: absolute;
	width: 208px;
	left: 10%;
	top: 370px;
}

.por-btn {
	position: absolute;
	display: inline-block;
	height: 50px;
	right: 10%;
	top: 530px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
}
.por-btn a {
	color: #FFFFFF;
	display: block;
	background:#FF807A url(../images/btn_arrow.png) no-repeat right;
	width: 100%;
	height: 50px;
	padding: 0 30px;
}