@charset "UTF-8";

.main-content-box03 .main-mini-wrap{margin:0 auto;padding:80px 0;max-width:1400px;}

.main-content-box03 .main-banner-box ul{display:flex;flex-wrap:wrap;margin:-30px;}
.main-content-box03 .main-banner-box ul li{padding:30px;width:50%;box-sizing:border-box;}
.main-content-box03 .main-banner-box ul li a{display:flex;position:relative;align-items:center;padding:20px;width:100%;min-height:350px;background-repeat:no-repeat;background-position:center center;text-align:center;box-sizing:border-box;}
.main-content-box03 .main-banner-box ul li a:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/_res/service/dea/img/main/bg-banner01.gif) no-repeat;transition:all .2s;}
.main-content-box03 .main-banner-box ul li:nth-of-type(2) a:after{background-image:url(/_res/service/dea/img/main/bg-banner02.gif);}
.main-content-box03 .main-banner-box ul li a:hover:after{opacity:0.3;}
.main-content-box03 .main-banner-box ul li a div{width:100%;z-index:10;}
.main-content-box03 .main-banner-box ul li a div .txt01{padding:0 0 22px;font-size:3rem;line-height:3.5rem;}
.main-content-box03 .main-banner-box ul li a div .txt02{padding:0 0 30px;font-size:2rem;font-weight:200;line-height:2.5rem;}
.main-content-box03 .main-banner-box ul li a div .txt03{display:inline-block;border-bottom:2px solid #0f0000;font-size:1rem;font-weight:500;line-height:1.5rem;}

@media screen and (max-width:1024.98px) {
	.main-content-box03 .main-banner-box ul{margin:-20px;}
	.main-content-box03 .main-banner-box ul li{padding:20px;}
	.main-content-box03 .main-banner-box ul li a div .txt01{font-size:2.625rem;line-height:3.125rem;}
	.main-content-box03 .main-banner-box ul li a div .txt02{font-size:1.625rem;line-height:2.125rem;}
}

@media screen and (max-width:768px) {
	.main-content-box03 .main-mini-wrap{padding:30px 20px;}
	
	.main-content-box03 .main-banner-box ul{display:block;flex-wrap:unset;margin:0;}
	.main-content-box03 .main-banner-box ul li{padding:0 0 20px;width:100%;}
	.main-content-box03 .main-banner-box ul li:last-of-type{padding:0;}
	.main-content-box03 .main-banner-box ul li a{padding:10px;}
	.main-content-box03 .main-banner-box ul li a div .txt01{padding:0 0 10px;font-size:1.571rem;line-height:2.142rem;}
	.main-content-box03 .main-banner-box ul li a div .txt02{padding:0 0 15px;font-size:1.071rem;line-height:1.642rem;}
}

@media screen and (max-width:480px) {
	.main-content-box03 .main-banner-box ul li a{min-height:230px;}
}