@charset "utf-8";

#multipleDiv_dcia_52 { background-color:#f5f5f5; }
.multipleContentsDiv { max-width:1280px; margin:0 auto; overflow:hidden; }
@media all and (max-width: 1280px) {
	.multipleContentsDiv { padding:0 20px; }
}


.main-sec02 > ul { display:flex; flex-flow:row wrap; justify-content:flex-start; row-gap:0; max-width:1200px; margin: 0 auto; }
.main-sec02 > ul > li { margin:35px 0; flex:0 0 165px; }
.main-sec02 > ul > li > a { text-align:center; transition: all 0.3s ease-in-out; background: url("../../images/main/icon_f_banner.gif") no-repeat center top; padding:110px 0 0 0; display:block;  }
.main-sec02 > ul > li > a::hover { background: url("../../images/main/icon_f_banner_on.gif") no-repeat center top; }
.main-sec02 > ul > li.icon2 a { background-position: center -151px; }
.main-sec02 > ul > li.icon3 a { background-position: center -301px; }
.main-sec02 > ul > li.icon4 a { background-position: center -451px; }
.main-sec02 > ul > li.icon5 a { background-position: center -601px; }
.main-sec02 > ul > li.icon6 a { background-position: center -751px; }
.main-sec02 > ul > li.icon7 a { background-position: center -902px; }

.serviceWrap { display:flex; }
.serviceWrap .item01 { flex: 0 0 700px; background: url(../../images/main/bg_popular.gif) left top; padding: 19px 30px; }	
.serviceWrap .item02 { flex: 0 0 calc(100% - 700px); background: url(../../images/main/bg_quick.gif) left top; padding: 20px; }

.serviceWrap .item01 .tit { background: url(../../images/main/icon_home.png) no-repeat; padding-left:60px; min-height:50px; color:#fff; font-size:14px; display:flex; align-items:center; }
.serviceWrap .item01 .tit span { color:#fff3a5; font-size:20px; display:inline-block; padding-right:10px; }
.serviceWrap .item01 .serviceList { background-color:#fff; padding:20px; color:#434343; font-size:13px; display:flex; flex-flow:row wrap; row-gap:10px; column-gap:3%; margin-top:30px; }
.serviceWrap .item01 .serviceList > li { flex:1 0 22%; }
.serviceWrap .item01 .serviceList > li > a { display:block; background:url("../../images/main/check_popular.gif") no-repeat left -2px; padding-left:15px; }
@media all and (max-width: 1280px) {
	.serviceWrap .item01 .serviceList > li { flex:1 0 48%; }
	.main-sec02 > ul > li { margin:15px 0; }
}

.serviceWrap .item02 .workWrap { display:flex; column-gap:2%; row-gap:20px; flex-flow:row wrap; }
.serviceWrap .item02 .workWrap > li { flex:1 0 48%; padding:14px 0; }
.serviceWrap .item02 .workWrap > li > a { color: #fff; padding: 8px 0 16px 90px; background: url(../../images/main/icon_quick.png) no-repeat left top; display:block; }
.serviceWrap .item02 .workWrap > li > a h2 { font-size: 14px; margin-bottom: 11px; }
.serviceWrap .item02 .workWrap > li > a p { font-size: 11px; }
@media all and (max-width: 1280px) {
	.serviceWrap { flex-wrap:wrap;  }
	.serviceWrap .item01 { flex: 1 1 100%; }
	.serviceWrap .item02 { flex: 1 1 100%; }
}