@charset "UTF-8";

.works-list_01{
width:50%;
float:left;
}
.works-list_01 img{
width:100%;
height:auto;
}
.works-list_02{
width:50%;
float:left;
}
.works-list_02 p{
font-size:0.88em;
padding-left:15px;
}
.works-list_02 p.title{
font-size:1.13em;
line-height:28px;
}
.works-list_02 p.title a{
font-weight:bold;
text-decoration:none;
color:#000;
padding-top:4px;
padding-bottom:2px;
padding-left:40px;
display:block;
background:url(../img/icon_01_o.png) no-repeat;
}
.works-list_02 p.title a:hover{
color:#ccc;
background:url(../img/icon_01_h.png) no-repeat;
}
.works-list_02 p.term{
text-align:left;
padding-left:55px;
}

.section_01 dl.works-list,
.section_01 ul.works-list{
padding:0;
margin:0 0 0 -2.5%;
zoom:1;
}
.section_01 dl.works-list:after,
.section_01 ul.works-list:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}
.section_01 dl.works-list dt{
font-weight:bold;
text-align:left;
padding-left:2.5%;
}
.section_01 dl.works-list dd,
.section_01 ul.works-list li{
float:left;
padding-left:2.5%;
padding-bottom:20px;
width:22.5%;
}
.section_01 dl.works-list dd img,
.section_01 ul.works-list li img{
width:100%;
height:auto;
vertical-align:top;
}

@media screen and (min-width:320px) and (max-width:767px) {
.works-list_02 p.title{
line-height:26px;
}
.works-list_02 p.title a{
padding-top:4px;
padding-bottom:4px;
}
}

@media screen and (min-width:426px) and (max-width:625px) {
.section_01 dl.works-list,
.section_01 ul.works-list{
margin-left:-2.4%;
}
.section_01 dl.works-list dt{
padding-left:2.4%;
}
.section_01 dl.works-list dd,
.section_01 ul.works-list li{
padding-left:2.4%;
padding-bottom:15px;
width:30.93%;
}
}

@media screen and (min-width:320px) and (max-width:425px) {
.section_01 dl.works-list,
.section_01 ul.works-list{
margin-left:-2%;
}
.section_01 dl.works-list dt{
padding-left:2%;
}
.section_01 dl.works-list dd,
.section_01 ul.works-list li{
padding-left:2%;
padding-bottom:10px;
width:48%;
}
}

@media screen and (min-width:320px) and (max-width:420px) {
.works-list_01{
width:100%;
}
.works-list_02{
width:100%;
}
.works-list_02 p{
padding-left:0;
}
.works-list_02 p.title{
padding-top:7px;
}
.works-list_02 p.term{
padding-left:40px;
}
.section_01 p.title {
margin-bottom: 5px;
}
}