@charset "utf-8";


/* -----------------------------------------------------------
    MV
-------------------------------------------------------------- */
#service-detail.infrastructure .lower-ttl-area {
	height: 800px;
}

#service-detail.infrastructure .lower-ttl-area .int-mv-inner .img-area {
	height: 800px;
}

#service-detail.infrastructure .lower-ttl-area .titlebox::before{
	content: '';
	position: absolute;
	width: 180px;
	height: 154px;
	top: 70px;
	left: 450px;
	background: url("../img/job-career-link02.png") no-repeat top center / contain;
}

#service-detail.infrastructure .lower-ttl-area .job-cate {
	background-color: #22C7EF;
}
#service-detail.infrastructure .lower-ttl-area .job-cate:before {
    border-top: 10px solid #22C7EF;
}

#service-detail.infrastructure .h1-wrap h1 {
    top: 840px;
}
#service-detail.infrastructure .breadcrumbs {
    top: 830px;
}

@media screen and (max-width: 1350px){
	.lower-ttl-area .catch {
		max-width: 570px;
	}
	
	.lower-ttl-area .txt {
		width: 570px;
	}
	
}

@media screen and (max-width: 768px) {
	#service-detail.infrastructure .lower-ttl-area {
		height: 100%;
	}

	#service-detail.infrastructure .lower-ttl-area .int-mv-inner .img-area {
		height: 200px;
	}
	
	#service-detail.infrastructure .lower-ttl-area .titlebox::before{
		width: 96px;
        height: 74px;
        top: 35px;
        left: auto;
        right: -10px;
	}
	
	.lower-ttl-area .catch {
		max-width: 100%;
	}
	
	.lower-ttl-area .txt {
		width: 100%;
	}
		
	#service-detail.infrastructure .h1-wrap h1 {
		top: 5px;
	}
}



/* -------------------------------------------------------------
    よくあるアプリケーション開発の課題
-------------------------------------------------------------- */
.solution-area .solution-task-list .s-t-wrap .solution-wrap .solution-list li.result::before {
    content: '\f0da';
	left: -5px;
    font-size: 2.5rem;
}


@media screen and (max-width: 768px) {
	.solution-area .solution-task-list .s-t-wrap .solution-wrap .solution-list li.result::before {
		left: 0px;
		font-size: 2.2rem;
	}
	}



/* -------------------------------------------------------------
    支援領域
-------------------------------------------------------------- */
.region-area .region-table .region-wrap .list02 li {
    width: calc(100% / 5 - 0px);
    position: relative;
    text-align: center;
}

.region-area .region-table .region-wrap .list01 li::before {
    content: none;
}
		

@media screen and (max-width: 768px) {
	.region-area .region-table .region-wrap .list01 li {
		padding-left: 0px;
	}
	
	.region-area .region-table .region-wrap .list02 li {
		width: calc(100% / 2 - 10px);
	}
	
}