@charset "utf-8";

.readmore{
    margin-top:6vw;
    text-align:center;
}

.readmore a{
    padding:0 65px;
    border: 1px solid #103b5a;
    display: inline-block;
    line-height: 1;
    font-size: 1px;
    box-sizing:border-box;
    height: 80px;
    line-height: 47px;
}

.readmore a:hover {
    border-width:5px;
    transition: all 0.2s ease 0s;
    box-sizing: border-box;
    line-height: 45px;
}

.readmore a:hover img{
    opacity:1 !important;
}

h2{
    margin-bottom:6vw;
    text-align:center;
}

p.copy{
    font-size:20px;
    letter-spacing:3px;
    text-align:center;
    font-size:20px;
}

#mv{
    max-width:1500px;
    min-width:1000px;
    position:relative;
}

#mv .btn00{
    position:absolute;
    left: 2.1%;
    top: 78%;
    width: 20%;
    height: 20%;
    z-index:10000;
	background-image: url(../images/ygs.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-color: white;
}


#mv .btn00 a{
    display:inline-block;
    text-indent:-9999px;
    width:100%;
    height:100%;
}

#mv .pc{
    max-height:690px;
    height: 45.3vw;
}

#mv .pc img{
    width:100%;
    height:auto;
}


#working-enviromentArea{
    background:url("../images/bg_working-enviroment.jpg") no-repeat center center;
    background-size:cover;
    padding:6vw 0;
}

.column2{
    display:table;
    width:100%;
}

.column2 > section{
    display:table-cell;
    padding:6vw 0;
    width:50%;
    text-align:centar;
}

.column2 #our-businessArea{
    background:url("../images/bg_our-business.jpg") no-repeat center center;
    background-size:cover;
}

.column2 #job-opportunityArea{
    background:url("../images/bg_job-opportunity.jpg") no-repeat center center;
    background-size:cover;
}    

.column2 p{
    color:#fff;
}

.column2 p br{
    display:none;
}

.column2 .readmore{
    margin-top:6vw;
}

.column2 .readmore a{
    border-color:#fff
}


#company-informationArea{
    background:url("../images/bg_company-information.jpg") no-repeat center center;
    background-size:cover;
    padding:6vw 0;
}

#company-informationArea .slider{
    width:100%;
    text-align:center;
}

#company-informationArea .slider .box{
    display:inline-block;
    position:relative;
    width:29.734%;
    margin:0 1.334%;
    overflow:hidden;
}

#company-informationArea .slider .box img{
    width:100%;
    height:auto;
    opacity:1;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}

#company-informationArea .slider .box a:hover img.pic {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

#company-informationArea .slider .box a:after{
    content: "";
    width: 100%;
    height: 100%;
    border: 10px solid rgba(255,255,255,0.5);
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;    
}

#company-informationArea .slider .box .txt{
    position:absolute;
    left:0;
    top:0;
}

#newsArea{
    margin:0 auto;
    padding:6vw 0;
    max-width:1000px;
}

#newsArea h2{
    margin-bottom:3vw;
}

#newsArea dl{
    border-bottom:1px solid #e8e8e8;
    padding:10px 0;
    width:100%;
    text-align:left;
}

#newsArea dl dt{
    box-sizing:border-box;
    padding:0 20px;
    display:inline-block;
    width:200px;
}

#newsArea dl dd{
    box-sizing:border-box;
    padding:0 20px;
    display:inline-block;
    width:800px;
}

#newsArea .readmore{
    margin-top:3vw;
}


#bnrArea ul{
    max-width:1500px;
    margin:0 auto;
    text-align:center;
}

#bnrArea ul li{
    display:inline-block;
    width:29.734%;
    margin:0 1.334%;
}

#bnrArea ul li img{
    width:100%;
    height:auto;
}

#bnrArea{
    background-color:#f5f5f5;
    padding:50px 0;
}

#bnrArea ul{
    max-width:1500px;
    margin:0 auto;
    text-align:center;
}

#bnrArea ul li{
    display:inline-block;
    width:29.734%;
    margin:0 1.334%;
}

#bnrArea ul li img{
    width:100%;
    height:auto;
}

#jobArea{
    width: 1100px;
    margin: 0 auto;
    padding: 0 0 3vw;
}

#jobArea .infoBl{
    border:1px solid #009eb7;
    margin:0 0 50px 0;
}

#jobArea .infoBl .ti{
    text-align:center;
    font-weight:500;
    color:#fff;
    background-color:#009eb7;
    font-size:20px;
}

#jobArea .infoBl .inner{
    padding:15px;
}

#jobArea .infoBl .inner dl{
    font-size:18px;
    display:inline-block;
    font-weight:500;
}

#jobArea .infoBl .inner dt{
    color:#009eb7;
    display:inline-block;
    padding-right:30px;
    vertical-align:top;
}

#jobArea .infoBl .inner dd{
    vertical-align:top;
    display:inline-block;
}

@media only screen and (max-width: 1200px) {
.column2 > section h2{
    margin:0 auto 3vw auto;
    width:90%;
    height:auto;
}

.column2 > section h2 img{
    width:100%;
    height:auto;
}

.column2 p br{
    display:block;
}

}

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

h2{
    margin-bottom:6vw !important;
}

.readmore{
    margin-top:10vw !important;
}

.readmore a{
    padding: 0 10%;
    height: 50px;
    line-height: 27px;
}

.readmore a:hover {
    border-width:3px;
    line-height: 25px;
}

.readmore a img{
    width: 90px;
    height: auto;
}

p.copy{
    font-size:14px;
    padding:0 2%;
}

#mv{
    min-width:inherit;
}

#mv .slide{
    margin-bottom:0;
    padding:0;
    margin:0;
    width:100%;
    
}

#working-enviromentArea{
    padding:13vw 0;
}

#working-enviromentArea h2 img{
    width:323px;
    height:auto;
}


.column2{
    display:block;
}

.column2 > section{
    display:block;
    width:100%;
    padding:15vw 0;
}

.column2 > section h2 img{
    width:auto;
    height:39px;
}


.column2 p{
    color:#fff;
}

.column2 p br{
    display:none;
}


#company-informationArea{
    padding:13vw 0;
}

#company-informationArea h2 img{
    width:338px;
    height:auto;
}

#company-informationArea .slider .box{
    margin:0 20px;
}

#company-informationArea .slide div img{
    transition: none !important;
}

#company-informationArea a:hover img.pic {
    transform: scale(1) !important;
}

#company-informationArea .slide .box a:after{
    content: "";
    border: 10px solid rgba(255,255,255,0.5);
}

#company-informationArea .slide .slick-slide{
    position:relative;
    padding:20px;
}

#newsArea{
    padding:6vw 2%;
    box-sizing:border-box;
    
}

#newsArea h2{
    margin-bottom:3vw;
}

#newsArea h2 img{
    width:82px;
    height:auto;
}

#newsArea dl{
    box-sizing:border-box;
}

#newsArea dl dt{
    width:20%;
    padding:0 10px;
}

#newsArea dl dd{
    width:80%;
    padding:0 10px;
}

#bnrArea{
}

#bnrArea ul{
}

#bnrArea{
    padding:5vw 0;
}

#bnrArea ul li{
    display:inline-block;
    margin:0 20px;
}
  
#jobArea {
    padding: 0 2%;
    width: 100%;
    box-sizing: border-box;
}

#jobArea .infoBl{
    margin:0 0 20px 0;
}

#jobArea .infoBl .ti{
    font-size:14px;
}

#jobArea .infoBl .inner{
    padding:10px;
}

#jobArea .infoBl .inner dl{
    font-size:14px;
}

#jobArea .infoBl .inner dt{
    padding-right:10px;
}

}