@charset "UTF-8";

#pagehead{
background:url(img/pagehead.jpg) no-repeat center;
}
#pagehead h1 span{
letter-spacing: 1px;
}
.list li span{
width:23%;
display:inline-block;
vertical-align: top;
font-weight: bold;
}
.list li p{
display:inline-block;
width:70%;}
.list li:before{
content:"";
width:8px;
height:8px;
background:url(img/dotted.gif) no-repeat center;
background-size:100%;
margin-right:10px;
display:inline-block;
}
#contents01 table{
margin-top:30px;
}
.page table th{
width:25%;}
#contents01 .list li {
margin-bottom:10px;
}
#contents01 .list li p{
width:100%;}
#contents01 .list li p:before{
content: "【事業内容】";
display:inline-block;
margin-right:5px;
}
#contents02{
padding:30px 0 95px 0;
margin:0;
background:url(img/content2.jpg) no-repeat center left;
background-size:cover;
}
#contents02 div.box{
padding-left:15%;
}

#contents02 div.box p{
margin-top:10px;
line-height: 1.8;
}
#contents02 div.box p span{
font-weight: bold;}

#contents02 div.box .list{
margin-top:40px;
}
#contents02 div.box .list p{
margin:0;
}

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

#contents02 div.box{
padding:0;
}
}
@media screen and (max-width: 640px) {

.page table th{
width:100%;}

#contents01  .list li span{
width: 90%;
}
#contents01  .list li p{
width: 100%;
}
#contents02{
background-position:15% 50%;
}
#contents02 div.box .list p{
display:block;
width: 100%;
}
}