/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/* setting */
/*/////////////////////////////////////////////////////////////////////////////////////////////*/



/* body
---------------------------------------------------- */
body {
font-family: -apple-system, BlinkMacSystemFont,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
color: #000;
line-height:1.5em;
font-size:100%;
text-align:center;
background:#FFF;
-webkit-text-size-adjust: 100%;
letter-spacing: -0.05em;
}


/*link
---------------------------------------------------- */
A {text-decoration: none; cursor:pointer;} 
A:link { color: #03C; font-weight:bold; } 
A:visited { color: #03C; }
A:active { color: #03C; }
A:hover { color: #03C; text-decoration: underline; }







/*===============================================
共通
===============================================*/

.topimg img { width:100%;}

main { clear:both; }



footer { background:#816955; padding:1em 0;  }
footer { background:#816955; }
.copyright { font-size:85%; }




.hd01 { margin-bottom:20px; }
.hd02 { border-left:10px solid #0099CC; padding-left:20px;  text-align:left; font-size:140%; margin-bottom:10px; }
.hd03 { background:#FFF; width:90%; font-size:150%; margin:10px auto; padding:20px; }
.hd04 { background:#48d1cc; padding:10px ; margin: 10px 0;}
.hd05 { color: #000080; font-size:140%; margin-bottom:10px; }
.hd06 { color: #000000; font-size:140%; margin-bottom:10px; }

.p01 { color:#000; }
.p01 a { color:#FFF; text-decoration:underline; }


.swiper-container img { width:100%; }

.bg01 { background:#dbbba1; padding:2em 0; width:100%; }





#textsize { float:left; width:60%; text-align:left; margin-top:5px; }
#textsize li { display:inline-block; background:#A7C93E; margin-right:3px;  }
#textsize li a { display:block; padding:2px 6px; color:#000; text-decoration:none; }
#textsize li.title { display:inline-block; background:none; margin-right:3px;  }


.f1 { font-size:smaller; }
.f2 { font-size:100%; }
.f3 { font-size:larger; }


.img100 { width:100%; }


.tb01 { text-align:center; width:100%; }
.tb01 tr { border-bottom:1px dotted #999; }
.tb01 tr td { padding:0.5em 0; text-align:left; }
.tb01 tr td:first-child { width:25%; color:#0099CC; vertical-align:top; }
.tb01 tr:last-child { border-bottom:none; }





 /* others
---------------------------------------------------- */
#scrollUp {
    background:url(../images/btn03.png);
    bottom: 10px;
    right: 10px;
    width: 65px;    /* Width of image */
    height: 65px;   /* Height of image */
}





/* photos
---------------------------------------------------- */



/* address
---------------------------------------------------- */





/*===============================================
タブレット用
===============================================*/
@media screen and (min-width: 860px){

.humWP { display:none; }
#humberger { display:none; }




/* layout */

header { position:fixed; display:block; margin:0 auto; width:100%; }
header h1 { background:#FFF; height:120px; }
header h1 div { width:1100px; margin:0 auto; }
.headertel { padding:10px;}
.headertel_sh { display: none; }

.gnavwp { height:50px; background:#816955; }
.gnav { width:1000px; margin:auto;}

.gnav h2 { width:200px; float:left; }

.gnav-menu ul { float: right; }
.gnav-menu li { float:right; margin:0 3px; }
.gnav-menu li a { display:block; height:50px; line-height:50px; padding:0 1.5em;  color:#FFF; background:#2c3e52; }
.gnav-menu li a:hover { background:url(../images/bk02.png); }

main { padding-top:175px; }




.sec01 { width:1000px; margin:auto; }
.sec02 { width:1000px; margin:auto; padding:2em 0; }
.sec03 { width:90%; margin:auto; padding:2em; }


.flexwp { display:flex; flex-wrap:wrap; justify-content: space-between; align-items: flex-start; }
.flexitem {flex-flow: row wrap; width:30%; text-align:left; margin-bottom:2em; }
.fleximg img { width:100%; border:#000 solid 3px; }
.fleximg { margin-bottom:10px; }


.flexwp2 { display:flex; flex-wrap:wrap; justify-content: space-between; align-items: flex-start; }
.flexitem2 {flex-flow: row wrap;  text-align:left; margin-bottom:2em; }
.fleximg2 .photo { width:40%; border:#000 solid 3px; }
.fleximg2 .yajirusi_pc { width:10%; }
.fleximg2 .yajirusi_sh { display:none; }
.fleximg2 { margin-bottom:10px; }


.wp001 {float:left; width: 48%; }
.wp002 {float:right; width: 48%; }
.companyinfo { text-align:left; }
.companyinfo dt { width:25%; float:left; padding:0.5em 0.5em 0.5em 0; color:#0099CC; }
.companyinfo dd { border-bottom:1px dotted #999; padding:0.5em 0;}

.tb02 { border-collapse: collapse; border: 1px solid #888; width:80%; margin:0 auto; }
.tb02 tr td { padding:0.5em ; text-align:left; border: 1px solid #888;}
.tb02 tr td:first-child { width:10%; border: 1px solid #888;}
.tb02 tr td:last-child { width:20%; border: 1px solid #888;}


.wp003 { margin-bottom:10px; text-align:center; }
.contact { text-align: left; }
.contact dt { width:40%; float:left; padding:0.5em 0.5em 0.5em 0; color:#0099CC; }
.contact dd { border-bottom:1px dotted #999; padding:0.5em 0;}


.job { float:right; width:75%; text-align:left; margin-bottom:2em; }
.job p { width:70%; }
.jobimg { float:left; width:20%; margin-bottom:10px;}
.jobimg img { width:50%; vertical-align:center;}
.job img.image { height:150px; float:right; }
.job img.yajirusi { display: none; }

.photobox { text-align:right; padding:0.5em 0; }

.comp { text-align:center; width:90%; margin:0 auto;}
.comp01 { width:45%; float:left; }
.comp02 { width:45%; float:right; }
.comp img.comppic { border:#000 solid 3px; }
.comp img.yajirusi_pc { width:10%; margin-top:100px;}
.comp img.yajirusi_sh { display:none; }

}






/*===============================================
スマホ用
===============================================*/
@media screen and (max-width: 859px) {


.gnavwp { display:none; }
.gnav-menu { display:none; }

.gnav { display:none; }

header { width:100%; margin:auto; text-align:left; position:fixed; display:block; }
header h1 { background:#FFF; height:100px; padding-top:60px; }
header h1 div { height:100%; margin:0 auto; padding:0 10px ; }
.headertel { display:none;}
.headertel_sh { height:50px; }

main { padding-top:160px; }

.sec01 { margin:auto; width:90%; }
.sec02 { margin:auto; width:90%; padding:2em 0; }
.sec03 { margin:auto; width:90%; padding:2em 0; }


.flexwp { display:flex; flex-wrap:wrap; justify-content: space-between; align-items: flex-start; }
.flexitem {flex-flow: row wrap; width:90%; text-align:left; margin:0 auto 4em auto; }
.fleximg img { width:100%; border:#000 solid 3px; }
.fleximg { margin-bottom:10px; }

.flexwp2 { display:flex; flex-wrap:wrap; justify-content: space-between; align-items: flex-start; }
.flexitem2 {flex-flow: row nowrap; text-align:left; margin:0 auto 4em auto; }
.fleximg2 .photo { width:90%; border:#000 solid 3px; }
.fleximg2 .yajirusi_pc { display:none; }
.fleximg2 .yajirusi_sh { width:10%; }
.fleximg2 { margin-bottom:10px; text-align:center;}


.wp001 { margin-bottom:4em; }
.wp002 { border:solid #000 3px; }
.companyinfo { text-align:left; }
.companyinfo dt { width:25%; float:left; padding:0.5em 0.5em 0.5em 0; color:#0099CC; }
.companyinfo dd { border-bottom:1px dotted #999; padding:0.5em 0;}

.tb02 { border-collapse: collapse; border: 1px solid #888; width:100%; margin:0 auto; }
.tb02 tr td { padding:0.5em ; text-align:left; border: 1px solid #888; vertical-align:top;}
.tb02 tr td:first-child { width:10%; border: 1px solid #888;}
.tb02 tr td:last-child { width:25%; border: 1px solid #888;}


.wp003 { margin-bottom:10px; }
.contact { width:100%; text-align: left; }
.contact dt { width:80%; padding:0.5em 0.5em 0.5em 0; color:#0099CC; }
.contact dd { border-bottom:1px dotted #999; padding:0.5em 0;}


.job { width:100%; text-align:left; margin-bottom:2em; }
.jobimg { width:90%; }
.jobimg img{ display:none; }
.job img { height:80px; margin: 5px auto; }
.job img.image { float:right; }


.photobox { text-align:right; padding:0.5em 0; }


.comp { width:90%; margin:0 auto; }
.comp01 { width:100%;}
.comp02 { width:100%;}
.comp img.comppic { border:#000 solid 3px; }
.comp img.yajirusi_pc { display:none; }
.comp img.yajirusi_sh { width:10%; margin:10px auto; }


.hd01 img { width:100%; }
.hd02 img { width:100%; }



.humWP { width:100%; height:50px; position:fixed; top:0; right:0; display:block; background:#816955; z-index: auto; }
.humWP h2 { width:200px; float:left; }

    body.drawer-opened #page{
        left: -240px;
        box-shadow: 1px 0 2px #000;
        -webkit-box-shadow: 1px 0 2px #000;
    }
    body.drawer-opened .fixed-content{
        left: -240px;
    }
    body.drawer-opened #drawernav{
        right: 0;
    }
    body.drawer-opened #humberger .icon-bar{
        background:#FF9900;
    }
    body.drawer-opened #humberger :nth-child(1){
        transform:translate(0,8px) rotate(45deg);
        -webkit-transform:translate(0,8px) rotate(45deg);
    }
    body.drawer-opened #humberger :nth-child(2){
        transform:translate(-20px ,0);
        -webkit-transform:translate(-20px ,0);
        opacity:0;
    }
    body.drawer-opened #humberger :nth-child(3){
        transform:translate(0,-8px) rotate(-45deg);
        -webkit-transform:translate(0,-8px) rotate(-45deg);
    }
    body.drawer-opened #overlay{
        z-index: 3;
        opacity:0.2;
        left: -240px;
    }


}