@charset "utf-8";
#service {
	width: 100%;
	height: auto;
}
	.service__inner {
		width: 100%;
		max-width: 1125px;
		height: auto;
		padding: 74px 0 127px;
		margin: 0 auto;
	}
			.sh_service img {
				width: 114.2378px;
			}
		.service__main {
			width: 100%;
			height: auto;
			padding: 109px 0 243px;
		}
			.service__main__inner {
				width: 90%;
				max-width: 1200px;
				margin: 0 auto;
			}
				.service__main__txt__wrap {
					width: 88.684%;
					height: auto;
					margin: 0 auto;
				}
					.service__main__txt {
						height: auto;
						overflow: hidden;
					}
					.service__main__txt_01 {
						width: 73.984%;
						margin: 0 auto 3.31%;
					}
					.service__main__txt_02 {
						width: 77.854%;
						margin: 0 auto 3.169%;
					}
					.service__main__txt_03 {
						width: 88.5%;
						margin: 0 auto;
					}
						.service__main__txt_01 img {
							transition-delay: .2s;
						}
						.service__main__txt_02 img {
							transition-delay: .4s;
						}
						.service__main__txt_03 img {
							transition-delay: .6s;
						}
		.service__contents {
			width: 100%;
			height: auto;
		}
			.service__contents__list {
				width: 90%;
				max-width: 790px;
				height: auto;
				margin: 0 auto;
			}
				.service__contents__item {
					width: 100%;
					height: auto;
					position: relative;
				}
				.service__contents__item:not(:last-of-type) {
					margin-bottom: 112px;
				}
					.service__contents__item__name {
						width: auto;
						height: 48px;
						position: absolute;
						top: 48px;
						left: 0;
						transform: translate(0%,-100%);
						opacity: 0;
						transition: .3s;
						transition-delay: .6s;
						z-index: -1;
					}
					.run .service__contents__item__name {
						top: 0;
						opacity: 1;
					}
						.service__contents__item__name img {
							width: auto;
							height: 100%;
							margin: 0 auto 0 0;
						}
					.service__contents__item__contents {
						width: 100%;
						height: auto;
					}
						.service__contents__item_wrap {
							display: block;
							width: 100%;
							height: auto;
							overflow: hidden;
							position: relative;
						}
							.service__contents__item_wrap > img {
								width: 100%;
								height: auto;
							}
							.service__contents__item__inner {
								display: flex;
								flex-direction: column;
								justify-content: space-between;
								align-items: flex-start;
								width: 100%;
								height: 100%;
								padding: 22px 35px 32px;
								position: absolute;
								top: 0;
								left: 0;
								z-index: 2;
								color: var(--color--white);
							}
								.service__contents__item__heading {
									font-size: 38px;
									font-weight: 700;
									line-height: 1.3;
									letter-spacing: 0.03em;
									white-space: nowrap;
								}
								.service__contents__item__txt {
									font-size: 19px;
									font-weight: 700;
									line-height: 1.6;
									letter-spacing: 0.02em;
									white-space: nowrap;
								}

/* PC ================================================== */
@media all and (min-width:720px){
						.service__contents__item_wrap > img {
							transform: scale(1);
							opacity: 1;
							transition: .3s;
						}
						.service__contents__item_wrap:hover > img {
							transform: scale(1.03);
							opacity: .9;
						}
}

/* SP ================================================== */
@media all and (max-width:719px){
	.service__inner {
		width: 89%;
		padding: 38px 0 50px;
	}
			.sh_service img {
				width: 91.39024px;
			}
		.service__main {
			padding: 40px 0 80px;
		}
			.service__main__txt__wrap {
				width: 100%;
			}
				.service__main__txt_01 {
					width: 73.984%;
					margin: 0 auto 3.31%;
				}
				.service__main__txt_02 {
					width: 77.854%;
					margin: 0 auto 3.169%;
				}
				.service__main__txt_03 {
					width: 88.5%;
					margin: 0 auto;
				}
					.service__main__txt_01 img {
						transition-delay: .15s;
					}
					.service__main__txt_02 img {
						transition-delay: .3s;
					}
					.service__main__txt_03 img {
						transition-delay: .45s;
					}
			.service__contents__list {
				max-width: initial;
			}
				.service__contents__item:not(:last-of-type) {
					margin-bottom: 76px;
				}
					.service__contents__item__name {
						height: 36px;
						top: 36px;
					}
						.service__contents__item_wrap > img {
							width: 100%;
							height: 100%;
							position: absolute;
							top: 0;
							left: 0;
							object-fit: cover;
							object-position: center;
						}
							.service__contents__item__inner {
								height: auto;
								padding: 11px 18px 16px;
								position: relative;
							}
								.service__contents__item__heading {
									font-size: 20px;
									margin-bottom: 40px;
								}
								.service__contents__item__txt {
									font-size: 14px;
								}
}