@charset "utf-8";

/* ---------------------------------------------------------------------------------------------------- */

body {
	background-image: url(../img/bg_other.webp);
	background-position: top;
	background-repeat: repeat;
	background-size: contain;
}

/* ---------------------------------------------------------------------------------------------------- */

.now.area::before {
	content: "";
}

/* ---------------------------------------------------------------------------------------------------- */
.section_4 {}

.section_4 .inner {
	padding: calc(20% + 36px) 0 20%;
}

.section_4 .wrap {
	gap: 48px;
}

.section_4 .heading_wrap {}

.section_4 .heading_wrap .heading {
	font-size: 2rem;
}

.section_4 .heading_wrap .heading::before {
	content: "";
}

.section_4 .heading_wrap .heading::after {
	content: "";
}

.section_4 .heading_wrap .heading .main {
	font-weight: 600;
}

.section_4 .heading_wrap .heading .main::before,
.section_4 .heading_wrap .heading .main::after {}

.section_4 .heading_wrap .heading .sub {}

.section_4 .content_wrap {}

.section_4 .content_wrap .content {
	width: 90%;
}

.section_4 .content_wrap .content .item_wrap {}

.section_4 .content_wrap .content .item_wrap .item {}

.section_4 .content_wrap .content .item_wrap .item .item_inner {
	gap: 24px;
}

.section_4 .content_wrap .content .item_wrap .item .item_inner .text_wrap {}

.section_4 .content_wrap .content .item_wrap .item .item_inner .text_wrap .text_wrap_inner {}

.section_4 .content_wrap .content .item_wrap .item .item_inner .text_wrap .text_wrap_inner .text {
	text-align: center;
}

.section_4 .content_wrap .content .item_wrap .item .item_inner .img_wrap {}

.section_4 .content_wrap .content .item_wrap .item .item_inner .img_wrap .img_wrap_inner {
	gap: 24px;
}

.section_4 .content_wrap .content .item_wrap .item .item_inner .img_wrap .img_wrap_inner .img {}

.section_4 .content_wrap .content .item_wrap .item .item_inner .img_wrap .img_wrap_inner .img_1 {
	width: 50%;
}

.section_4 .content_wrap .content .item_wrap .item .item_inner .img_wrap .img_wrap_inner .img_2 {
	width: 40%;
}

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

	.section_4 .inner {
		padding: calc(10% + 36px) 0 10%;
	}

	.section_4 .wrap {}

	.section_4 .heading_wrap {}

	.section_4 .heading_wrap .heading {}

	.section_4 .heading_wrap .heading::before {}

	.section_4 .heading_wrap .heading::after {}

	.section_4 .heading_wrap .heading .main {}

	.section_4 .heading_wrap .heading .main::before,
	.section_4 .heading_wrap .heading .main::after {}

	.section_4 .heading_wrap .heading .sub {}

	.section_4 .content_wrap {}

	.section_4 .content_wrap .content {}

	.section_4 .content_wrap .content .item_wrap {}

	.section_4 .content_wrap .content .item_wrap .item {}

	.section_4 .content_wrap .content .item_wrap .item .item_inner {
		gap: 48px;
	}

	.section_4 .content_wrap .content .item_wrap .item .item_inner .text_wrap {}

	.section_4 .content_wrap .content .item_wrap .item .item_inner .text_wrap .text_wrap_inner {}

	.section_4 .content_wrap .content .item_wrap .item .item_inner .text_wrap .text_wrap_inner .text {}

	.section_4 .content_wrap .content .item_wrap .item .item_inner .img_wrap {
		width: 45%;
		max-width: 320px;
	}

	.section_4 .content_wrap .content .item_wrap .item .item_inner .img_wrap .img_wrap_inner {}

	.section_4 .content_wrap .content .item_wrap .item .item_inner .img_wrap .img_wrap_inner .img {}

	.section_4 .content_wrap .content .item_wrap .item .item_inner .img_wrap .img_wrap_inner .img_1 {
		width: 100%;
	}

	.section_4 .content_wrap .content .item_wrap .item .item_inner .img_wrap .img_wrap_inner .img_2 {
		position: absolute;
		bottom: 0;
		right: -24px;
		transform: translate(100%, 0);
		width: 50%;
	}
}

@media screen and (min-width: 1280px) {
	.section_4 .content_wrap .content .item_wrap .item .item_inner .img_wrap .img_wrap_inner .img_2 {
		right: -48px;
		width: 75%;
	}
}

@media screen and (min-width: 1440px) {
	.section_4 .content_wrap .content .item_wrap .item .item_inner .img_wrap .img_wrap_inner .img_2 {
		right: -108px;
	}
}

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

/* ---------------------------------------------------------------------------------------------------- */