o0o0o
@charset "utf-8"
    ;


/* CSS LIST--------------

[ PAGE.CSS ]
COMPANYページのCSS
>XXXXXXXX

-----------------------*/
.mainimagebox{
    margin: 80px 0;
}
.box{
    width: 100%;
    margin: 0 auto;
    max-width: 950px;
}

@media screen and(max-width:767px){
    .box{width: 100%;
        margin: 0 auto;}
}

.textbox p {
    width: 100%;
    max-width: 400px; 
    height: auto;
    margin:8px 0 30px 0; 
    float: left; 
    margin-right: 20px;
}
.photogram {
    width: auto;
    height: auto;
    float: left; 
    margin: 0 30px 30px 50px;
}

.photogram img{
    width: 100%;
    max-width: 350px;
    height: auto;
}

#page-main-visual{
    background-image: url("../img/servicetop.jpg");
    background-size: cover;
}

@media screen and(min-width:768px){
    #page-main-visual{background-image: url("../img/servicetop_SP.png")}
}

.basic-section{
    margin: 50px auto 0 auto;
    padding-bottom: 20px;
}

.jigyobox{
    width: auto;
    margin-bottom: 50px;
    height: auto;
}
.box:after {content: "";display: block;clear: both;}

.dobokupic{
    width:auto;
    height: auto;
    margin: 0 30px 0 50px;
    float:left;
    }

.dobokupic img {
    width: 100%;
    max-width: 400px;
    height: auto;
}

#page-contents-area .page-contents section .basic-section h3{
    padding: 8px 15px;
    margin: 30px auto;
    clear: both;
}



/* 4分割画面 */

.jigyo-mainimage {
    width:auto;
    margin-top: 50px;
    margin-bottom:50px;
    padding-bottom: 50px;
    overflow: hidden;
}

.jigyo-mainimage ul {
    width: auto;
    padding-left: 0;
    margin-bottom: 30px;
}

.jigyo-mainimage ul a li {
    color: #fff;
    height:150px; 
    display: table;
    width: 49%;
    margin:1px;
    float:left;}

@media screen and (max-width:767px){
    .jigyo-mainimage ul a li {
        width: 100%;
        margin: 1px;
        float:left;}
}

.jigyo-mainimage ul a:nth-child(1) li {background:url(../img/jigyou-kaitai.jpg)50% 50% no-repeat;background-size: cover;}
.jigyo-mainimage ul a:nth-child(2) li {background:url(../img/jigyo-haiki.jpg)50% 50% no-repeat;background-size: cover;}
.jigyo-mainimage ul a:nth-child(3) li {background:url(../img/jigyou-kensetsu.jpg)50% 50% no-repeat;background-size: cover;}
.jigyo-mainimage ul a:nth-child(4) li {background:url(../img/seihintop.png)50% 50% no-repeat;background-size: cover;}
.iigyo-mainimage ul a li p {display: table-cell;vertical-align: middle;text-align: center;}
.jigyo-mainimage ul a li p span.servicelist01{
    border: 1px solid #fff;
    padding: 0 auto;
    display: block;
    width: 250px;
    margin: 150px auto;
    font-size: 22px;                                      
    text-align: center;}

.jigyo-mainimage ul a li p span.servicelist02{
    display: block;
    font-size: 18px;
    letter-spacing: 0.5px;
    text-align: center;
    }

.jigyo-mainimage ul p-pa li:hover {opacity: 0.7;}
/:checked


@media screen and (min-width:768px){
    .jigyo-mainimage {margin-top: 75px;margin-bottom: 55px;}
    .jigyo-mainimage ul a li {width: 50%;float: left;margin-bottom: 0;height: 300px;}
    .jigyo-mainimage ul a li p span.servicelist01{padding: 18px;}
}



/*///////////////////////////////////////

COMPANYページのCSS

///////////////////////////////////////*/

/* MAP */
#map_canvas {width: 100%;height: 400px;background: #eee;}


--* 追加 *--