@charset "UTF-8";

.track__img--01,
.track__img--02,
.track__img--03,
.track__img--04,
.track__img--05 {
	position: relative;
	border: solid 1px #ef85a1;
}
.track__img--01 figcaption,
.track__img--02 figcaption,
.track__img--03 figcaption,
.track__img--04 figcaption,
.track__img--05 figcaption {
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(239,133,161,.7);
	color: #fff;
	font-size: 1.125em;
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
	width: 100%;
	padding: .51em;
}

.forte {
	background: 50% 0 no-repeat;
	background-size: 100%;
	padding-top: 29.8%;
}

.forte__cont {
	background: #fff;
	max-width: 1380px;
	width: 96%;
	margin: 0 auto;
}

.forte__list .m-lb02 {
	text-align: center;
}

.forte__list__note {
	border: solid 1px #dcdedf;
	padding: .5em 1.2em .6em;
	margin-top: .5em;
}


@media screen and (min-width: 768px) {

	#area-service .txt-box {
		width: 60.83%;
		padding-bottom: 10px;
	}
	#area-service .img-box {
		width: 36.75%;
		margin-top: -20px;
	}

	.track {
		padding: 100px 0 75px;
	}
	.track__inner {
		position: relative;
		width: 763px;
		height: 397px;
		margin: 260px auto 275px;
	}
	.track__cap,
	.track__num--01,
	.track__num--02,
	.track__num--03,
	.track__num--04,
	.track__num--05,
	.track__img--01,
	.track__img--02,
	.track__img--03,
	.track__img--04,
	.track__img--05 {
		position: absolute;
	}
	.track__cap {
		left: 50%;
		bottom: 0;
		-webkit-transform: translate(-33%, 55%);
		    -ms-transform: translate(-33%, 55%);
		        transform: translate(-33%, 55%);
		line-height: 1.1;
		text-align: center;
	}
	.track__cap > span {
		display: inline-block;
		background: #003b77;
		color: #fff;
		padding: .6em .9em;
	}
	.track__num--01,
	.track__num--02,
	.track__num--03,
	.track__num--04,
	.track__num--05 {
		z-index: 1;
		cursor: pointer;
	}
	.track__num--01 {
		top: 103px;
		left: 29px;
	}
	.track__num--02 {
		top: 61px;
		left: 438px;
	}
	.track__num--03 {
		top: 168px;
		right: 0;
	}
	.track__num--04 {
		right: 141px;
		bottom: 152px;
	}
	.track__num--05 {
		left: 360px;
		bottom: 136px;
	}
	.track__img--01,
	.track__img--02,
	.track__img--03,
	.track__img--04,
	.track__img--05 {
		display: inline-block;
		opacity: 0;
		-webkit-transition: opacity .5s;
		transition: opacity .5s;
	}
	.track__num--01:hover ~ .track__img--01,
	.track__num--02:hover ~ .track__img--02,
	.track__num--03:hover ~ .track__img--03,
	.track__num--04:hover ~ .track__img--04,
	.track__num--05:hover ~ .track__img--05 {
		opacity: 1;
	}
	.track__img--01 {
		top: -260px;
		left: -126px;
	}
	.track__img--02 {
		top: -260px;
		left: 50%;
		margin-left: -185px;
	}
	.track__img--03 {
		top: -260px;
		right: -122px;
	}
	.track__img--04 {
		right: -54px;
		bottom: -275px;
	}
	.track__img--05 {
		left: -18px;
		bottom: -275px;
	}
	.track__img--01::before,
	.track__img--02::before,
	.track__img--03::before,
	.track__img--04::before,
	.track__img--05::before {
		content: "";
		position: absolute;
		left: 50%;
		display: block;
		border-left: solid 1px #ef85a1;
	}
	.track__img--01::before,
	.track__img--02::before,
	.track__img--03::before {
		top: 100%;
		-webkit-transform-origin: center top;
		    -ms-transform-origin: center top;
		        transform-origin: center top;
	}
	.track__img--04::before,
	.track__img--05::before {
		bottom: 100%;
		-webkit-transform-origin: center bottom;
		    -ms-transform-origin: center bottom;
		        transform-origin: center bottom;
	}
	.track__img--01::before {
		-webkit-transform: rotate(2deg);
		    -ms-transform: rotate(2deg);
		        transform: rotate(2deg);
		height: 147px;
	}
	.track__img--02::before {
		-webkit-transform: rotate(-37deg);
		    -ms-transform: rotate(-37deg);
		        transform: rotate(-37deg);
		height: 130px;
	}
	.track__img--03::before {
		-webkit-transform: rotate(-9deg);
		    -ms-transform: rotate(-9deg);
		        transform: rotate(-9deg);
		height: 220px;
	}
	.track__img--04::before {
		-webkit-transform: rotate(-9.5deg);
		    -ms-transform: rotate(-9.5deg);
		        transform: rotate(-9.5deg);
		height: 210px;
	}
	.track__img--05::before {
		-webkit-transform: rotate(47deg);
		    -ms-transform: rotate(47deg);
		        transform: rotate(47deg);
		height: 290px;
	}

    .forte__cont {
		padding-top: 70px;
	}

	.forte__list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin-bottom: -60px;
	}
	.forte__list li {
		width: 48.5%;
		margin-bottom: 60px;
	}
	.forte__list .m-lb02 {
		margin-bottom: 25px;
	}
	.forte__list__img {
		margin-bottom: 18px;
	}

}

@media screen and (min-width: 1280px) {

	.track__img--01 {
		left: -223px;
	}
	.track__img--03 {
		right: -212px;
	}
	.track__img--01::before {
		-webkit-transform: rotate(-31deg);
		    -ms-transform: rotate(-31deg);
		        transform: rotate(-31deg);
		height: 167px;
	}
	.track__img--03::before {
		-webkit-transform: rotate(14deg);
		    -ms-transform: rotate(14deg);
		        transform: rotate(14deg);
		height: 240px;
	}

}

@media screen and (max-width: 767px) {

	#area-service .txt-box {
		margin-bottom: 15px;
	}
	#area-service .img-box {
		text-align: center;
	}

	.track {
		padding: 55px 0 65px;
	}

	#trackSlider {
		margin-top: 23px;
	}
	.slick-slide {
		margin-right: 1px;
	}
	.slick-slide img {
		width: 100%;
	}

    .forte__cont {
		padding-top: 50px;
	}

	.forte__list {
		max-width: 582px;
		margin: 0 auto -40px;
	}
	.forte__list li {
		margin-bottom: 40px;
	}
	.forte__list .m-lb02 {
		margin-bottom: 17px;
	}
	.forte__list__img {
		margin-bottom: 14px;
	}

}