@charset "UTF-8";

.top_art01 {
	background: url("images/top_art01_img01.png") no-repeat center left /contain, url("images/top_art01_img02.png") no-repeat bottom right;
}

.top_art02 .back-white.box-50_70 {
	width: 653px;
	top: 50%;
	left: 100px;
	transform: translateY(-50%);
}

.top_art02 .back-white h3::after {
	position: absolute;
	content: "";
	top: 50%;
	left: 5em;
	width: calc(100% - 13em);
	border-bottom: 1px solid #DDDDDD;
}

.top_art02 {
	background: url("images/top_art02_img06.png") no-repeat bottom left, url("images/top_art02_img02.png") no-repeat top 160px right, #eff2f4
}

.top_art03 {
	background: url("images/top_art03_img01.png") no-repeat center /cover;
}

.top_art04 {
	background: url("images/top_art04_img01.png") no-repeat bottom right, #eff2f4;
}

.top_art05 .back-thm {
	background: url("images/top_art05_img01.png") no-repeat right 50px center, linear-gradient(90deg, #003366 0%, #065191 100%);
}

.top_art06 {
	background: url("images/shared/footer_bg.png") no-repeat center left /cover;
}

.underbox01 {
	background: url("images/under/under_img01.png") no-repeat right center/ cover, #eff2f4;
}

@media only screen and (max-width: 800px) {
	.top_art01 {
		background: url(images/top_art01_img01.png) no-repeat center left /contain, url(images/top_art01_img02.png) no-repeat bottom right /250px auto;
	}

	.top_art02 {
		background: url(images/top_art02_img06.png) no-repeat bottom left/contain, url(images/top_art02_img02.png) no-repeat top 160px right, #eff2f4;
	}

	.top_art02 .back-white.box-50_70 {
		width: auto;
		top: 50%;
		left: 100px;
		transform: none;
		position: static !important;
	}

	.top_art05 .back-thm {
		background: linear-gradient(90deg, #003366 0%, #065191 100%);
	}

	.underbox01 {
		background: linear-gradient(rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .7) 100%), url("images/under/under_img01.png") no-repeat right center/ cover;
	}

	.underbox01 p {
		font-weight: bold;
	}
}