@charset "utf-8";
/*.design-bg{ width: 1280px; height: 4621px; background: url('../design_img/welfare.jpg') 0 0 no-repeat; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); z-index: -1; opacity: .5; background-size: 1280px; }*/


@media print, screen and (min-width: 751px) {
.mainImage 				{ background: url('../img/welfare/main-image.jpg') 50% 50% no-repeat; background-size: cover; }

#welfare 				{ max-width: 1100px; padding: 155px 0 250px; }
#welfare .top p 		{ font-size: .8rem; }
#welfare dl 			{ margin-top: 22px; border: 1px solid #b2b2b2; font-size: 1.1rem; line-height: 1.5; font-size: .93rem; }
#welfare dl div 		{ display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #b2b2b2; }
#welfare dl div:first-of-type{ border-top: 0; }
#welfare dl div dt 		{ width: 220px; padding: 30px 30px; background-color: #f2f5dc; }
#welfare dl div dd 		{ width: calc(100% - 220px); padding: 30px 30px; border-left: 1px solid #b2b2b2; text-align: justify; }
}


@media screen and (max-width: 1100px) and (min-width: 751px) {
}


@media screen and (max-width: 1000px) and (min-width: 751px) {

}


@media screen and (max-width: 900px) and (min-width: 751px) {

}


@media screen and (max-width: 750px) {
.mainImage 				{ background: url('../img/welfare/main-image.jpg') 10% 50% no-repeat; background-size: cover; }

#welfare 				{ padding: 60px 0 80px; }
#welfare .top p 		{ line-height: 2; }
#welfare dl 			{ margin-top: 22px; border: 1px solid #b2b2b2; font-size: .9rem; line-height: 1.8; }
#welfare dl div 		{ border-top: 1px solid #b2b2b2; }
#welfare dl div:first-of-type{ border-top: 0; }
#welfare dl div dt 		{ padding: 15px 15px; background-color: #f2f5dc; }
#welfare dl div dd 		{ padding: 15px 15px; text-align: justify; }
}