@charset "UTF-8";
/* CSS Document */

/* 中身-モバイルファースト======================================================================================================== */

#contents ul{
}
#contents li{
padding: 20px;
border-top: solid 1px #3d9940;
background-color: #D8EBD8;
position: relative;
}
#contents li:first-child{
margin: 0;
}


#contents li .photo{
margin-bottom: 20px;
}

#contents li .text h3{
font-size: 20px;
color: #3d9940;
vertical-align: middle;
}
#contents li .text h3 img{
max-height: 20px;
width: auto;
vertical-align: middle;
padding: 0 10px 0 0;
}
#contents li .text p{
font-size: 14px;
margin: 0 0 20px;
}






/* スマホのみ======================================================================================================== */
@media screen and (max-width: 750px){
.contents_size#contents{
padding-right: 0;
padding-left: 0;
}


}

/* PCのみ======================================================================================================== */
@media print, screen and (min-width: 751px){

#contents li{
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
padding: 40px;
margin: 60px 0 0;
border-top: none;
background-repeat: no-repeat;
background-position: 100px center;
background-size: auto 120%;
}
#contents li#bunjyo{ background-image: url(images/bg_bunjyo.svg); }
#contents li#order{  background-image: url(images/bg_order.svg); background-position: 50px center; }
#contents li#reform{ background-image: url(images/bg_reform.svg); }
#contents li#life{ background-image: url(images/bg_life.svg); background-position: -200px center; }
#contents li .photo{
margin-bottom: 0px;
width: 380px;
}
#contents li .text{
flex: 1;
}
#contents li .text h3{
font-size: 30px;
padding: 30px 0 20px;
}
#contents li .text p{
font-size: 18px;
}
#contents li .common_btn{
text-align: left;
}










}