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

/*
TOP
========================================================================================== */
section#main-img{
	position: relative;
}
section#main-img li{
	height: 564px;
	background-position: 50% 50%;
	-moz-background-size:cover;
	background-size:cover;
	z-index: -1;
}
#top-img1 {background: url(../../images/top/top_main1.jpg) no-repeat;}
#top-img2 {background: url(../../images/top/top_main2.jpg) no-repeat;}
#top-img3 {background: url(../../images/top/top_main3.jpg) no-repeat;}
#top-img4 {background: url(../../images/top/top_main4.jpg) no-repeat;}
#top-img5 {background: url(../../images/top/top_main5.jpg) no-repeat;}
#top-img6 {background: url(../../images/top/top_main6.jpg) no-repeat;}
#top-img7 {background: url(../../images/top/top_main7.jpg) no-repeat;}
#top-img8 {background: url(../../images/top/top_main8.jpg) no-repeat;}

.top-btn {
	position: absolute;
	top: 0;
	left: 180px;
}
section#main-img h2{
	margin: 300px 0 40px 16%;
}
section#main-img p{
	margin: 0 0 0 16%;
	width: 189px;
}

section#category-nav ul {
	overflow: hidden;
}
section#category-nav li {
	float: left;
	overflow: hidden;
	
	height: 352px;
}

section#category-nav ul li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
section#category-nav li a:hover {
	background: rgba(255,255,255,0.5);
	overflow: hidden;
}

section#category-nav h3 {
	margin-top: 170px;
}

/*  */
section#main-img .top-btn h2 {
    margin-top: 258px;
}
.top-msg-ttl {
    margin-left: 16%;
    margin-bottom: 5px;
    display: block;
    height: 44px;
}
.msg-btn {
    width: 303px;
    display: flex;
    margin-left: 16%;
    justify-content: space-between;
}
section#main-img .msg-btn p {
    margin: 0;
    display: block;
    width: 149px;
}

/*  */
.bg-scale1 {
    position: relative;
    overflow: hidden;
    text-align: center;
	width: 100%;
    height: 100%;
}
.bg-scale1:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	background: url(../../images/top/top_about.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.bg-scale1:hover:after {
    opacity: .8;
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

/*  */
.bg-scale2 {
    position: relative;
    overflow: hidden;
    text-align: center;
	width: 100%;
    height: 100%;
}
.bg-scale2:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	background: url(../../images/top/top_business_person.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.bg-scale2:hover:after {
    opacity: .8;
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

/*  */
.bg-scale3 {
    position: relative;
    overflow: hidden;
    text-align: center;
	width: 100%;
    height: 100%;
}
.bg-scale3:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	background: url(../../images/top/top_photo.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.bg-scale3:hover:after {
    opacity: .8;
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

/*  */
.bg-scale4 {
    position: relative;
    overflow: hidden;
    text-align: center;
	width: 100%;
    height: 100%;
}
.bg-scale4:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	background: url(../../images/top/top_job.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.bg-scale4:hover:after {
    opacity: .8;
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

/*  */
.bg-scale5 {
    position: relative;
    overflow: hidden;
    text-align: center;
	width: 100%;
    height: 100%;
}
.bg-scale5:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	background: url(../../images/top/top_special.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.bg-scale5:hover:after {
    opacity: .8;
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

/*  */
.bg-scale6 {
    position: relative;
    overflow: hidden;
    text-align: center;
	width: 100%;
    height: 100%;
}
.bg-scale6:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	background: url(../../images/top/top_recruit.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.bg-scale6:hover:after {
    opacity: .8;
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

.inner {
    z-index: 1;
    position: relative;
}
.ca-btn1-w{width: 25%;}
.ca-btn2-w{width: 50%;}
.ca-btn3-w{width: 25%;}
.ca-btn4-w{width: 50%;}
.ca-btn5-w{width: 25%;}
.ca-btn6-w{width: 25%;}