@charset "utf-8";
/*.design-bg{ width: 1440px; height: 4400px; background: url('../design_img/welfare-education.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: 1440px; }*/

body{ background-color: #F0F5FB; }
.btnArea{ background-image: -webkit-gradient(linear, left bottom, left top, from(#9fd9f6), to(#f0f5fb)); background-image: linear-gradient(0deg, #9fd9f6, #f0f5fb); }

#header>.logo img{ -webkit-filter: invert(100%); filter: invert(100%); }


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

#education{ margin-top: 107px; }
.topText{ width: 100%; max-width: 900px; margin: 30px auto 0; line-height: 1.8; text-align: center; }
#education .box{ margin-top: 45px; padding: 50px 50px 50px; background-color: #fff; }
#education .box h3{ font-size: 1.8rem; font-weight: 600; }
#education .box h3:nth-of-type(n+2){ margin-top: 40px; }
#education .box figure{ margin-top: 25px; }

#welfare{ margin-top: 80px; }
#welfare ul{ margin-top: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 40px; }
#welfare ul li:nth-of-type(-n+3){ width: calc((100% - (40px * 2)) / 3); padding: 48px 30px 40px; text-align: center; background-color: #fff; }
#welfare ul li:nth-of-type(-n+3) figure{ min-height: 70px; }
#welfare ul li:nth-of-type(-n+3) h3{ margin-top: 20px; font-size: 2.2rem; font-weight: 600; line-height: 1.5; }
#welfare ul li:nth-of-type(-n+3) div{ margin-top: 15px; font-size: 2.2rem; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
#welfare ul li:nth-of-type(-n+3) div>.num{ margin-right: 15px; font-size: 7.2rem; color: #005eb8; }
#welfare ul li:nth-of-type(-n+3) div>.row{ line-height: 1.2; }
#welfare ul li:nth-of-type(-n+3) p{ margin-top: 10px; line-height: 1.8; text-align: justify; }

#welfare ul li:nth-of-type(n+4){ width: calc((100% - 40px) / 2); padding: 31px 31px 47px; background-color: #fff; }
#welfare ul li:nth-of-type(n+4) h3{ line-height: 1.5; font-size: 2.2rem; font-weight: 600; }
#welfare ul li:nth-of-type(n+4) div{ margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#welfare ul li:nth-of-type(n+4) div>p{ width: calc(100% - 130px); line-height: 1.8; }
#welfare ul li:nth-of-type(n+4) div>figure{ width: 100px; margin: 5px 0 0 auto; }
}



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

}



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

#education{ margin-top: 60px; }
.topText{ width: 100%; max-width: 900px; margin: 30px auto 0; line-height: 1.8; }
#education .box{ margin-top: 45px; padding: 30px 15px 30px; background-color: #fff; }
#education .box .scrollArea{ width: 100%; overflow:auto; }
#education .box h3{ font-size: 1.7rem; font-weight: 600; }
#education .box h3:nth-of-type(n+2){ margin-top: 40px; }
#education .box figure{ width: 600px; margin-top: 25px; }

#welfare{ margin-top: 80px; }
#welfare ul{ margin-top: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; }
#welfare ul li:nth-of-type(-n+3){ width: 100%; /*width: calc((100% - (10px * 2)) / 3);*/ padding: 20px 15px 20px; text-align: center; background-color: #fff; }
#welfare ul li:nth-of-type(1) figure img{ width: 75px; }
#welfare ul li:nth-of-type(2) figure img{ width: 53px; }
#welfare ul li:nth-of-type(3) figure img{ width: 56px; }
#welfare ul li:nth-of-type(-n+3) h3{ margin-top: 20px; font-size: 1.8rem; font-weight: 600; line-height: 1.5; }
#welfare ul li:nth-of-type(-n+3) div{ margin-top: 15px; font-size: 2.0rem; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
#welfare ul li:nth-of-type(-n+3) div>.num{ margin-right: 10px; font-size: 6.2rem; color: #005eb8; }
#welfare ul li:nth-of-type(-n+3) div>.row{ line-height: 1.2; }
#welfare ul li:nth-of-type(-n+3) p{ margin-top: 10px; line-height: 1.8; text-align: justify; }

#welfare ul li:nth-of-type(n+4){ width: 100%; /*width: calc((100% - 40px) / 2);*/ padding: 20px 15px; background-color: #fff; }
#welfare ul li:nth-of-type(n+4) h3{ line-height: 1.5; font-size: 1.8rem; font-weight: 600; }
#welfare ul li:nth-of-type(n+4) div{ margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#welfare ul li:nth-of-type(n+4) div>p{ width: calc(100% - 90px); line-height: 1.8; }
#welfare ul li:nth-of-type(n+4) div>figure{ width: 70px; margin: 5px 0 0 auto; }
}