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

/*PC*/
@media print, screen and (min-width: 768px) {
.bg_hed {
width:100%;
height:360px;
background: url(../images/company/hed_img.jpg) center center no-repeat;
background-size:cover;
margin:0 0 10px;
}


.company_wrap {
width:1240px;
margin:0 auto 80px;
position:relative;
}

.company_wrap .img {
width:42%;
float:right;
margin:0 0 5% 5%;
}

.company_wrap .img::after {
content: '';
display: block;
position: absolute;
top: 30%;
right: 0;
width: 70%;
height: 50%;
background-color: #f4f4f4;
z-index: -1;
}

.company_wrap .img02 p {
font-size:12px;
}


.access_map {
width:90%;
margin:0 auto 30px;
}


.kenko_img_box {
width: 70%;
margin: 0 auto 60px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.kenko_img {
width: 35%;
margin: 0;
}

.kenko_img2 {
width: 60%;
position: relative;
}

.kenko_img img,
.kenko_img2 img{
border: 1px solid #000;
}

}

/*sp*/
@media only screen and (max-width: 767px) {
.bg_hed {
width:100%;
height:180px;
background: url(../images/company/hed_img.jpg) center center no-repeat;
background-size:cover;
margin:0 0 10px;
}

.company_wrap {
width:90%;
margin:0 auto 40px;
position:relative;
}

.company_wrap .img {
width:80%;
float:none;
margin:0 auto 5%;
}

.company_wrap .img::after {
content: '';
display: block;
position: absolute;
top: 20%;
right: 0;
width: 70%;
height: 20%;
background-color: #f4f4f4;
z-index: -1;
}

.company_wrap .img02 p {
font-size:12px;
}


.access_map {
width:96%;
margin:0 auto 30px;
}


.kenko_img_box {
width: 70%;
margin: 0 auto 40px;
}

.kenko_img {
width: 100%;
margin: 0 auto 30px;
}

.kenko_img2 {
width: 80%;
position: relative;
margin: auto;
}

.kenko_img img,
.kenko_img2 img{
border: 1px solid #000;
}



}