@media screen and (min-width: 480px){
.areaHead1{
height:218px;
background: url("../img/area/area_bk.jpg") no-repeat 0 0;
margin-bottom:40px;
}

.areaHText{
width:400px;
padding:155px 0 0 290px;
line-height:150%;
}

.areaBox1{
width:700px;
overflow:hidden;
margin-bottom:30px;
}
.areaBox1:last-child {
margin-bottom:100px;
}

.areaBHead1{
color:#418401;
border-bottom:1px solid #88C121;
font-size:16px;
font-weight:bold;
line-height:160%;
padding:0 0 5px 10px;
}

.areaBData1{
width:700px;
}

.areaBData1 ul{
list-style-type:disc;
margin:10px 0 0 20px;
}

.areaBData1 li{
float:left;
width:20%;
line-height:40px;
}

.areaBData1 a{
color:#000000;
text-decoration:underline;
}

.areaBData1 a:hover{
color:#fc6810;
}

.areaBData1 p {
margin:20px 10px;
line-height:200%;
}

.listSNone{
color:#ffffff;
}

.areaBLine{
border-bottom:solid 1px #D3D0D1;
margin-bottom:20px;
}

}
@media screen and (max-width: 479px){
.areaHead1{
background: url(../img/area/area_bk.jpg) no-repeat 0 0;
    padding-bottom: 35%;
    margin-bottom: 20px;
    background-size: contain;
    background-position: bottom;
}

.areaHText{

line-height:150%;
}

.areaBox1{

overflow:hidden;
margin-bottom:30px;
}
.areaBox1:last-child {
margin-bottom:100px;
}

.areaBHead1{
color:#418401;
border-bottom:1px solid #88C121;
font-size:16px;
font-weight:bold;
line-height:160%;
padding:0 0 5px 10px;
}

.areaBData1{

}

.areaBData1 ul{
list-style-type:disc;
margin:10px 0 0 20px;
}

.areaBData1 li{
float: left;
    width: 33%;
    line-height: 40px;
}

.areaBData1 a{
color:#000000;
text-decoration:underline;
}

.areaBData1 a:hover{
color:#fc6810;
}

.areaBData1 p {
margin:20px 10px;
line-height:200%;
}

.listSNone{
color:#ffffff;
}

.areaBLine{
border-bottom:solid 1px #D3D0D1;
margin-bottom:20px;
}

}
