.sub-section {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 0;
}
.sub-section .img-container {
    position: relative;
    overflow: hidden;
}
.sub-section .img-container > img {
    position: relative;
    left: 50%;
    width: 1920px;
    transform: translate(-50%, 0);
}
.sub-section .img-container > p {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 980px;
    padding: 0 24px;
    transform: translate(-50%, -50%);
}
.sub-section .img-container > p > img{
    height: auto;
	margin-top: 24px;
	max-width: 480px;
	margin-bottom: 24px;
}

.sub-section .img-container > p > span {
    display: block;
    color: #000000;
    font-size: 15px;
}
.sub-section .img-container > p > span.title {
    margin-bottom: 12px;
	padding-top: 10px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.25;
	word-break: keep-all;
}

.sub-section .img-container > p span.text {
	display: inline-block;
	width: 100%;
    margin-top: 8px;
	padding: 0 8px;
	word-break: keep-all;
	text-decoration: underline;
	text-underline-position: under;


}



.sub-section .img-container > p > span.target-box {
	margin-top: 24px;
	background-color: rgba(255, 255, 255, 0.8);
	max-width: 480px;
	height: 100px;
	position: relative;

}

.sub-section .img-container > p > span.target-box > span.target-box-text {
	position: absolute;
    line-height: 1.2;
    word-break: keep-all;
	width: calc(100% - 24px);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	word-break: keep-all;

}

.sub-section .img-container > p > span.target-box > span.target-box-text > .target {
	position: relative;
	width: 100%;
	height: auto;
    font-size: 15px;
    line-height: 1.2;
    word-break: keep-all;
	

}

.sub-section:nth-child(2n) .img-container > p {
	top:50%;
	right:50%;
	width: 50%;
	max-width: 980px;
	padding: 0 24px;
	transform: translate(0%, -50%);
}

.sub-section .img-container .pc {
	display: block;
}
.sub-section .img-container .mobile {
	display: none;
}

@media only screen and (max-width: 979px) {
    .sub-section .img-container .pc {
		display: none;
	}
	.sub-section .img-container .mobile {
		display: block;
	}
	.sub-section .img-container > .mobile {
		width: 100%;
	}
}

@media only screen and (max-width: 979px) {
	.sub-section-2 .img-container > p {
		top: 5% !important;
		transform: translate(-50%, 0) !important;
	}
	.sub-section .img-container > p {
		width: 100% !important;
		max-width: 540px !important;
	}
	.sub-section:nth-child(2n) .img-container > p { 
		left: 50%;
		right: auto;
		transform: translate(-50%, -50%);
	}
}

@media only screen and (max-width: 720px) {
	.sub-section .img-container .mobile {
		width: 720px;
	}
}