@charset "UTF-8";


/*PC*/
@media print, screen and (min-width: 768px) {
#hed{
background:url("../images/case/bg_hed_img.jpg") center center no-repeat;
background-size: cover;
}

#case{
margin: 0 auto 220px;
}

#case .section_wrap{
width: 1200px;
margin: auto;
}

#case .section_wrap .block{
background: #F1F1F1;
padding: 35px;
box-sizing: border-box;
margin: 0 0 60px;
border-radius: 1rem;
}

#case .section_wrap .block:last-child{
margin-bottom: 0;
}

#case .section_wrap .block h3{
font-size: 1.2rem;
line-height: 1;
margin: 0 0 20px;
position: relative;
padding-left: 15px;
box-sizing: border-box;
}


#case .section_wrap .block h3::before{
content: "";
display: block;
width: 8px;
height: 8px;
position: absolute;
top:6px;
left: 0;
border-radius:50%;
background-color: #e83828;
}

#case .section_wrap .block ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#case .section_wrap .block ul li{
width: 24%;
}

#case .section_wrap .block ul li img{
border-radius: .6rem;
border:2px solid #FFF;
}

}
/*sp*/
@media only screen and (max-width: 767px) {
#hed{
background:url("../images/case/bg_hed_img.jpg") center center no-repeat;
background-size: cover;
}

#case{
margin: 0 auto 60px;
}

#case .section_wrap{
width: 90%;
margin: auto;
}

#case .section_wrap .block{
background: #F1F1F1;
padding: 15px;
box-sizing: border-box;
margin: 0 0 30px;
border-radius: .6rem;
}

#case .section_wrap .block:last-child{
margin-bottom: 0;
}

#case .section_wrap .block h3{
font-size: .9rem;
line-height: 1;
margin: 0 0 10px;
position: relative;
padding-left: 15px;
box-sizing: border-box;
}


#case .section_wrap .block h3::before{
content: "";
display: block;
width: 8px;
height: 8px;
position: absolute;
top:6px;
left: 0;
border-radius:50%;
background-color: #e83828;
}

#case .section_wrap .block ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#case .section_wrap .block ul li{
width: 48%;
margin-bottom: 2%;
}

#case .section_wrap .block ul li img{
border-radius: .6rem;
border:2px solid #FFF;
}


}