#service .title_wide_grey p{ margin-top: 1em; text-align: center;} #service ul.service_list{ margin: 60px 0 0 0; display: flex; justify-content: space-between; flex-wrap: wrap;} #service ul.service_list::after { display: block; content:""; width: 380px;} #service ul.service_list li{ width:390px; text-align: center; margin-bottom: 60px;} #service ul.service_list li .thumbnail{ border: 1px solid #D0D0D0; background: #000; width: 380px; height: 200px; margin: 0 auto 1em auto; overflow: hidden; display: flex; justify-content: center; align-items: center;} #service ul.service_list li .thumbnail a{ background: none;} #service ul.service_list li .thumbnail img{ width: 100%; opacity: 1; transition: .3s ease-in-out;} #service ul.service_list li .thumbnail a:hover img{ opacity: .5;} #service ul.service_list li .thumbnail a{ background: none;} #service ul.service_list li p.service_title,#service ul.service_list li h2.service_title{ font-size: 20px; font-weight: 700; line-height: 28px;} #service ul.service_list li a.btn_blue_center{ width: 380px; height: 60px; line-height: 60px; background: #4983AB; color: #FFF; font-size: 20px; font-weight: 700; margin: 0.7em auto; display: block; position: relative; transition: .3s; z-index: 2;} #service .bg_grey{ padding-bottom: 30px;} #service h3{ text-align: center; font-size: 26px; font-weight: 700; padding: 60px 0;} @media screen and (max-width: 768px) { #service .title_wide_grey p{ width: 90%; margin: 0 auto; margin-top: 0.5em; text-align: center; font-size: 14px;} #service ul.service_list{ margin: 30px 0 0 0; display: block;} #service ul.service_list li{ width:100%; margin-bottom: 30px;} #service ul.service_list li .thumbnail{ width: 100%; height: auto;} #service ul.service_list li a.btn_blue_center{ width: 100%;} #service h3{ padding: 30px 0;}#service ul.service_list li .thumbnail img{object-fit: cover;}}