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

#mainbox h2 p{
color:rgba(255,255,255,0.9);
}


#service{
padding:8rem 0;
background-repeat:no-repeat;
background-position:0% 100%;
background-size:100% auto;
}
#service h3{
text-align:center;
font-size:3rem;
font-weight:500;
}
#service h3.h3_2{
padding-top:7rem;
}
#service .read{
padding:4rem 16% 6rem 16%;
text-align:justify;
line-height:2.2;
}
#service .image{}
#service .txt{
padding:4rem 16% 8rem 16%;
text-align:justify;
line-height:2.2;
}
#works{
background-color:#f9f9f9;
padding:10rem 0 5rem 0;
}
#works h3{
padding-bottom:5rem;
color:#000;
}
#works h3 .mincho{
font-weight:normal;
}
#works h3 .mplus{
font-size:3rem;
}
#works ul{
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}
#works li{
text-align:justify;
width:48%;
padding-bottom:7rem;
}
#works h4{
font-size:2rem;
line-height:1.4;
padding-bottom:2rem;
}
#works dl{
display:flex;
padding:1rem 0;
border-bottom:1px solid #d2d2d2;
}
#works dt{
width:7em;
font-weight:700;
}
#works dd{
flex:1;
}



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


#service{
padding:6rem 0;
background-size:200% auto;
}
#service h3{
font-size:2rem;
}
#service h3.h3_2{
padding-top:7rem;
}
#service .read{
padding:3rem 0 6rem 0;
line-height:2;
}
#service .image{}
#service .txt{
padding:3rem 0 6rem 0;
line-height:2;
}
#works{
padding:7rem 0 2rem 0;
}
#works h3{
padding-bottom:5rem;
}
#works h3 .mincho{
font-weight:normal;
}
#works h3 .mplus{
font-size:3rem;
}
#works ul{
display:block;
}
#works li{
width:100%;
padding-bottom:8rem;
}
#works h4{
font-size:1.8rem;
line-height:1.2;
padding-bottom:1rem;
}
#works dl{
display:block;
padding:1rem 0 1rem 0;
}
#works dt{
width:7em;
font-weight:700;
}
#works dd{
flex:1;
}


}