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

#header .navi li:nth-child(3) .hrunderline:before{
  left: 0;
  right: 0;
}

#header .navi li:nth-child(3) a{
font-weight:700;
color:#000;
}


#mainimage{
background-image:url(img/mainimage.jpg);
}

.business h2{
text-align:center;
font-size:2.8rem;
line-height:1;
padding-bottom:3rem;
}


#work{}
#work h2{
padding:9rem 0 5rem 0;
}
#work ul{
letter-spacing:-.4em;
}
#work li{
display:inline-block;
vertical-align:top;
letter-spacing:normal;
margin-right:3%;
width:30%;
padding-bottom:7.5rem;
}
#work li:nth-child(3n){
margin-right:0;
}
#work h3{
font-size:2rem;
text-align:center;
padding:2.5rem 0;
}
#work p{
text-align:justify;
}
#work h3 span{
font-size:1.6rem;
}


#jigyo{
background-color:#f6f6f6;
padding:7rem 0;
}
#jigyo h2{
}
#jigyo .box{
color:#fff;
position:relative;
}

#jigyo .leftbox{
margin-bottom:12rem;
}
#jigyo .rightbox{
margin-bottom:5rem;
}
#jigyo .txtbox{
position:relative;
z-index:2;
width:60%;
min-height:43rem;
}
#jigyo .image{
position:absolute;
z-index:3;
width:60%;
}
#jigyo .leftbox .txtbox{
padding:6rem 24% 4rem 5rem;
}
#jigyo .leftbox .image{
top:5rem;
right:0;
}
#jigyo .rightbox .txtbox{
padding:6rem 5rem 4rem 24%;
margin-left:40%
}
#jigyo .rightbox .image{
top:-4rem;
left:0;
}
#jigyo .b_b{ background-color:#313131}
#jigyo .b_r{ background-color:#c00b0b;}
#jigyo .b_g{ background-color:#00a0b0;}
#jigyo .b_bl{ background-color:#007cb5;}
#jigyo h3{
font-size:2rem;
padding-bottom:2rem;
}
#jigyo p{
text-align:justify;
}


#product{
padding:7rem 0;
}
#product h2{}
#product .box{
}
#product .box .right{
border:1px solid #b5b5b5;
width:55%;
padding:4rem 6rem;
margin-top:7rem;
}
#product .box .image{
width:40%;
float:left;
text-align:center;
padding:2rem 0;
}
#product .box .image2{}
#product .box .imagesp{
display:none;
}
#product h3{
font-size:1.8rem;
padding-bottom:2rem;
}
#product .box p{
text-align:justify;
}


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

#drawer .spnavi li:nth-child(2) a{
color:#00a0b0;
}

#mainimage{
background-image:url(img/mainimage.jpg);
}

.business h2{
font-size:2.5rem;
padding-bottom:3rem;
}


#work{
padding-bottom:0;
}
#work h2{
padding:7rem 0 4rem 0;
}
#work ul{
}
#work li{
display:block;
margin:0 auto;
width:100%;
max-width:500px;
padding-bottom:6rem;
}
#work li:nth-child(3n){
margin:0 auto;
}
#work h3{
font-size:2rem;
text-align:center;
padding:2.5rem 0 1.5rem 0;
}
#work p{
text-align:justify;
}
#work h3 span{
font-size:1.6rem;
}


#jigyo{
padding:6rem 0 2rem 0;
}
#jigyo .container{
padding:0 1rem;
}
#jigyo .box{
color:#fff;
position:relative;
}

#jigyo .leftbox{
margin-bottom:5rem;
}
#jigyo .rightbox{
margin-bottom:5rem;
}
#jigyo .txtbox{
position:relative;
z-index:2;
width:100%;
min-height:auto;
}
#jigyo .image{
position:relative;
z-index:3;
width:100%;
margin:0 auto;
text-align:center;
}
#jigyo .leftbox .txtbox{
padding:4rem 2rem;
}
#jigyo .leftbox .image{
top:auto;
right:auto;
}
#jigyo .rightbox .txtbox{
padding:4rem 2rem;
margin-left:0;
}
#jigyo .rightbox .image{
top:auto;
left:auto;
}
#jigyo h3{
font-size:2rem;
padding-bottom:2rem;
}
#jigyo p{
text-align:justify;
}


#product{
padding:6rem 0 2rem 0;
}
#product .container{
padding:0 1rem;
}
#product .box{
margin-bottom:3rem;
}
#product .box .right{
width:100%;
padding:4rem 2rem 2rem 2rem;
margin-top:0;
}
#product .box .image{
display:none;
}
#product .box .imagesp{
display:block;
text-align:center;
margin:0 auto;
}
#product h3{
font-size:1.8rem;
padding-bottom:2rem;
}
#product .box p{
padding-bottom:3rem;
}




}