@charset "utf-8";

#mv{
width:100%;
height: 100hv;
}

.works#mv{
background:url(../img/mv1.jpg) no-repeat;
background-position: center center;
background-size: cover;
}


.works_hospital#mv{
background:url(../img/mv_hospital.jpg) no-repeat;
background-position: center center;
background-size: cover;
}

.works_house#mv{
background:url(../img/mv_house.jpg) no-repeat;
background-position: center center;
background-size: cover;
}

.works_house2#mv{
background:url(../img/mv_house2.jpg) no-repeat;
background-position: center center;
background-size: cover;
}

.works_office#mv{
background:url(../img/mv_office.jpg) no-repeat;
background-position: center center;
background-size: cover;
}


.works_school#mv{
background:url(../img/mv6.jpg) no-repeat;
background-position: center center;
background-size: cover;
}


.works_other#mv{
background:url(../img/mv_other.jpg) no-repeat;
background-position: center center;
background-size: cover;
}


.company#mv{
background:url(../img/mv2.jpg) no-repeat;
background-position: center center;
background-size: cover;
}

.flow#mv{
background:url(../img/mv7.jpg) no-repeat;
background-position: center center;
background-size: cover;
}

.history#mv{
background:url(../img/mv8.jpg) no-repeat;
background-position: center center;
background-size: cover;
}

.news#mv{
background:url(../img/mv5.jpg) no-repeat;
background-position: center center;
background-size: cover;
}


.inquiry#mv{
background:url(../img/mv_inqury.jpg) no-repeat;
background-position: center center;
background-size: cover;
}



@media only screen and (min-width: 768px) {/*pc*/
#mv,
.mvmask{
min-height:266px;
}
}


@media only screen and (max-width: 767px) {/*sp*/
#mv,
.mvmask{
min-height:350px;
}

}


.mvmask{
background:url(img/mask.png) 0 0 repeat-x;
border-top:1px solid #333;
}




/**  works **/




#main{
background:#fff;
margin:2em auto;
}
@media only screen and (min-width: 1170px) { /*pc*/
#main{
max-width:1150px;
}

}

@media only screen and (max-width: 1169px) { /*pc*/
#main{
max-width:100%;
}

}

@media only screen and (max-width: 767px) {/*sp*/
#main{
margin:0em 10px 1em;
max-width:100%;
}

}

#main h2{
color:#417084;
text-align:center;
margin-bottom:1em;
padding-top:0.7em;
font-size:220%;
letter-spacing:0.2em;
}
@media only screen and (max-width: 767px) {/*sp*/

#main h2{
padding-top:0.5em;
font-size:180%;
letter-spacing:0em;
}
}


#main h2 span{
display:inline-block;
border-bottom:3px solid #417084;
padding:0 0.3em 0 0.5em;
}


#main h2 span span{
border-bottom:none;
padding:0 0.5em;
font-size:60%;
letter-spacing:0em;
}




#main h2 span.cate {
text-align:center;
background:#609FB3;
border-radius: 10px; 
-webkit-border-radius: 10px;  
-moz-border-radius: 10px;
color:#fff;
padding:0.2em 1em;
border:none;
font-size:50%;
letter-spacing:0em;
}

.flex-workcontainer{
display:-webkit-box;
display:flex;
-webkit-flex-wrap:wrap;
flex-wrap: wrap;
flex-direction:row ;

}



#main .linkbtn{
clear:both;
padding-top:3em;
text-align:center;
}



#main .bumon{
celar:both;
display:inline-block;
border:1px solid #79796A;
color:#444;
background:#fff;
padding:10px 20px 10px 40px;
border-radius: 10px; 
-webkit-border-radius: 10px;  
-moz-border-radius: 10px;
margin-bottom:0em;
margin-right: 10px;
background:url(img/ic_01.png) 15px center no-repeat;
text-decoration:none;
}

#main  a.bumon{
-moz-transition: 0.3s ease;
-webkit-transition:  0.3s ease;
-o-transition:  0.3s ease;
-ms-transition:  0.3s ease;
transition: 0.3s ease;
}

#main  a.bumon:hover{
padding:10px 40px 10px 20px;

background: url(img/ic_01w.png) 92% center no-repeat #3D8FA7;
color:#fff;
}

@media only screen and (max-width: 767px) {/*sp*/
#main a.bumon{
background:url(img/ic_01w.png) 15px center no-repeat #3D8FA7;
color:#fff;
}
}

/**/







#okudaadd{
margin:3em auto 5em;
background:#3C3C3C;
color:#fff;
background:url(img/kaisya_bg.png) 0 0 no-repeat #3C3C3C;
position:relative;
height:260px;
display:table;
width:100%;
}

#okudaadd address{
display:block;
width:40%;
height:260px;
text-align:center;
font-style:normal;
display:table-cell;
}

#okudaadd address h2{
padding:1.5em 0 1em;
}

#okudaadd a{
color:#fff;

}


#okudaadd .bumon{
celar:both;
display:inline-block;
border:1px solid #79796A;
color:#fff;
background:#fff;
padding:10px 20px 10px 40px;
border-radius: 10px; 
-webkit-border-radius: 10px;  
-moz-border-radius: 10px;
margin-bottom:0em;
margin-right: 10px;
background:url(img/ic_01.png) 15px center no-repeat;
text-decoration:none;
}

#okudaadd a.bumon{
-moz-transition: 0.3s ease;
-webkit-transition:  0.3s ease;
-o-transition:  0.3s ease;
-ms-transition:  0.3s ease;
transition: 0.3s ease;
}

#okudaadd a.bumon:hover{
padding:10px 40px 10px 20px;

background: url(img/ic_01w.png) 92% center no-repeat #3D8FA7;
color:#fff;
}


#okudaadd .map{
width:60%;
}
#okudaadd iframe{
width:60%;
position:absolute;
top:0;
right:0;
}

@media only screen and (max-width: 1169px) {/*sp*/
#okudaadd{
margin:3em auto;
width:96%;

}

}

@media only screen and (max-width: 767px) {/*sp*/

#okudaadd{
margin:3em 3%;
width:94%;
height:520px;

}


#okudaadd address{
width:100%;
}
#okudaadd iframe{
width:100%;
position:absolute;
top:260px;
right:0;
}

#okudaadd a.bumon{
background:url(img/ic_01w.png) 15px center no-repeat #3D8FA7;
color:#fff;
}

}