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


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

#main section 			{ padding-top: 92px; }
#main section .textBox 	{  }
#main section .textBox p{ color: #000; line-height: 1.9; }
#main section ul 		{ margin-top: 33px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#main section ul li 	{ width: 32.292%; margin-right: 1.562%; padding: 35px 15px 31px; text-align: center; background: url('../img/common/stripe.png') 0 0 repeat; background-size: 7px; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }
#main section ul li:nth-of-type(3n){ margin-right: 0; }
#main section ul li:nth-of-type(n+4){ margin-top: 11px; }
#main section ul li h2 	{ font-size: 1.15rem; line-height: 1.4; position: relative; }
#main section ul li h2 span{ font-size: .8rem; display: block; }
#main section ul li h2:after{ content: ''; width: 82px; height: 1px; display: block; position: absolute; bottom: -10px; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); border-bottom: 1px solid #0a3190; }
#main section ul li figure{ margin-top: 42px; }
#main section ul li:nth-of-type(1) figure{ margin-top: 42px; }
#main section ul li:nth-of-type(2) figure{ margin-top: 56px; padding-left: 25px; }
#main section ul li:nth-of-type(3) figure{ margin-top: 64px; padding-right: 15px; }
#main section ul li:nth-of-type(4) figure{ margin-top: 30px; }
#main section ul li:nth-of-type(5) figure{ margin-top: 30px; }
#main section ul li:nth-of-type(6) figure{ margin-top: 40px; }
#main section ul li:nth-of-type(7) figure{ margin-top: 40px; }

.btnArea 				{ margin-top: 144px; }
}


@media screen and (max-width: 1100px) 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') 50% 50% no-repeat; background-size: cover; }

#main section 			{ padding-top: 35px; }
#main section .textBox 	{  }
#main section .textBox p{ color: #000; line-height: 1.9; }
#main section ul 		{ margin-top: 33px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#main section ul li 	{ width: 49%; padding: 17px 10px 15px; text-align: center; background: url('../img/common/stripe.png') 0 0 repeat; background-size: 7px; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }
#main section ul li:nth-of-type(2n){ margin-left: auto; }
#main section ul li:nth-of-type(n+3){ margin-top: 2%; }
#main section ul li h2 	{ font-size: .9rem; line-height: 1.4; position: relative; }
#main section ul li h2 span{ font-size: .6rem; display: block; }
#main section ul li h2:after{ content: ''; width: 82px; height: 1px; display: block; position: absolute; bottom: -10px; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); border-bottom: 1px solid #0a3190; }
#main section ul li figure{ margin-top: 42px; }
#main section ul li:nth-of-type(1) figure{ margin-top: 30px; }
#main section ul li:nth-of-type(2) figure{ margin-top: 40px; }
#main section ul li:nth-of-type(3) figure{ margin-top: 40px; }
#main section ul li:nth-of-type(4) figure{ margin-top: 25px; }
#main section ul li:nth-of-type(5) figure{ margin-top: 30px; }
#main section ul li:nth-of-type(6) figure{ margin-top: 25px; }
#main section ul li:nth-of-type(7) figure{ margin-top: 40px; }

.btnArea 				{ margin-top: 80px; }
}