@charset "UTF-8";
/* CSS Document */
/*PC*/
@media print, screen and (min-width: 768px) {
#csr {
position:relative;
margin: 0 auto 160px
}

#csr .section_wrap{
width: 1000px;
margin: 0 auto;
}

#csr .section_wrap .block{
position: relative;
margin: 0 auto 80px;
background: #FFF;
padding: 30px;
box-sizing: border-box;
}


#csr .section_wrap .block h3{
font-size: 1.8rem;
line-height: 1;
margin: 0 0 40px;
}

#csr .section_wrap .block h3 span{
font-size: .7rem;
margin: 0 0 10px;
display: block;
color: #0a7fd3;
}

#csr .section_wrap .block .txt{
font-weight: 500;
}

#csr .section_wrap .block .csr_box{
box-sizing: border-box;
margin: 0 0 40px;
}

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

#csr .section_wrap .block .csr_box h4{
font-size: 1.3rem;
line-height: 1;
color:#0a7fd3;
margin: 0 0 30px;
border: 1px solid #0a7fd3;
padding: 10px;
box-sizing: border-box;
}

#csr .section_wrap .block .csr_box h5{
font-size: 1.1rem;
line-height: 1;
margin: 0 0 15px;
padding-bottom: 5px;
box-sizing: border-box;
border-bottom: 1px solid rgba(0,0,0,.25);
}

#csr .section_wrap .block .csr_box .csr_box_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#csr .section_wrap .block .csr_box .csr_box_list li{
width: 48%;
}

#csr .section_wrap .block .csr_box .csr_box_list2{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#csr .section_wrap .block .csr_box .csr_box_list2 .img{
width: 18%;
}

#csr .section_wrap .block .csr_box .csr_box_list2 .txt_box{
width: 79%;
}

#csr .section_wrap .block .csr_box .csr_box_list3{

}

#csr .section_wrap .block .csr_box .csr_box_list3 .txt_box{
width: 100%;
}

#csr .section_wrap .block .csr_box .s_img{
width: 30%;
margin:30px auto 0;
}

}
/*sp*/
@media only screen and (max-width: 767px) {
#csr {
position:relative;
margin: 0 auto 60px
}

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

#csr .section_wrap .block{
position: relative;
margin: 0 auto 40px;
background: #FFF;
padding: 15px;
box-sizing: border-box;
}


#csr .section_wrap .block h3{
font-size: 1.4rem;
line-height: 1;
margin: 0 0 20px;
}

#csr .section_wrap .block h3 span{
font-size: .6rem;
margin: 0 0 10px;
display: block;
color: #0a7fd3;
}

#csr .section_wrap .block .txt{
font-weight: 500;
}

#csr .section_wrap .block .csr_box{
box-sizing: border-box;
margin: 0 0 40px;
}

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

#csr .section_wrap .block .csr_box h4{
font-size: 1rem;
line-height: 1.3;
color:#0a7fd3;
margin: 0 0 30px;
border: 1px solid #0a7fd3;
padding: 6px;
box-sizing: border-box;
}

#csr .section_wrap .block .csr_box h5{
font-size: .9rem;
line-height: 1;
margin: 0 0 15px;
padding-bottom: 5px;
box-sizing: border-box;
border-bottom: 1px solid rgba(0,0,0,.25);
}

#csr .section_wrap .block .csr_box .csr_box_list{
}

#csr .section_wrap .block .csr_box .csr_box_list li{
width: 100%;
margin: 0 0 20px;
}

#csr .section_wrap .block .csr_box .csr_box_list2{
}

#csr .section_wrap .block .csr_box .csr_box_list2 .img{
width: 50%;
margin: 0 auto 20px;
}

#csr .section_wrap .block .csr_box .csr_box_list2 .txt_box{
width:100%;
}

#csr .section_wrap .block .csr_box .csr_box_list3{

}

#csr .section_wrap .block .csr_box .csr_box_list3 .txt_box{
width: 100%;
}

#csr .section_wrap .block .csr_box .s_img{
width: 80%;
margin:20px auto 0;
}


}