header {margin-bottom: 0;}

/* Block 1 */
.home .block_1 {margin-top: 2rem; text-align: center;}
.home .block_1 h2 {font-size: 3.2rem; font-weight: bold;}
.home .block_1 h6 {margin-bottom: 1.5rem;}

@media screen and (min-width: 40em) {
	.home .block_1 {margin-top: 0;}
}

/* Block 2 */
.home .block_2 {margin-top: 3rem;}
.home .block_2 h2 {line-height: 1; font-size: 3.2rem; font-weight: bold;}
.home .block_2 .content {display: flex; flex-direction: column; gap: 2rem; margin-top: 1rem;}

.home .block_2 .content .text .buttons {display: flex; gap: 1rem; margin-top: 2rem;}
.home .block_2 .content .text .buttons .button {margin-bottom: 0; font-weight: bold; font-size: 1rem;}

.home .block_2 .content .image {position: relative;}

@media screen and (min-width: 40em) {
	.home .block_2 .content {flex-direction: row;}
	.home .block_2 .content .text {width: 59%;}
	.home .block_2 .content .image .ellipse {
		position: absolute; top: -200px; left: -100px; z-index: -1; width: 680px; height: 640px;
		background: url('../../../image/module/home/block_2_ellipse.svg') no-repeat;
	}
}

/* Block 3 */
.home .block_3 {margin-top: 3rem;}
.home .block_3 h2 {margin-bottom: 1rem; font-size: 3.2rem; font-weight: bold;}
.home .block_3 .items {display: flex; flex-direction: column;}
.home .block_3 .items .item .icon {float: right; margin-left: 1rem; margin-bottom: 1.5rem;}
.home .block_3 .items .item .title {line-height: 1; font-weight: bold;}

@media screen and (min-width: 40em) {
	.home .block_3 .items {flex-direction: row; justify-content: space-between;}
	.home .block_3 .items .item {width: 17%; padding-right: 2rem; border-right: 1px solid rgba(0, 0, 0, 0.2);}
	.home .block_3 .items .item .icon {float: none; margin-left: 0;}
}

/* Block 4 */
.home .block_4 {position: relative; margin-top: 3rem;}
.home .block_4 h2 {margin-bottom: 1rem; font-size: 3.2rem; font-weight: bold;}

.home .block_4 .items .item {padding: 2rem; background-color: #ffffff; box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);}
.home .block_4 .items .item + .item {display: none;}

.home .block_4 .items .item .image {width: 100%; height: 260px; object-fit: cover; margin-bottom: 1.5rem;}
.home .block_4 .items .item .title {line-height: 1; font-weight: bold; font-size: 1rem;}
.home .block_4 .items .item .description {margin: 0; font-size: 12px;}

.home .block_4 .items .slick-slide.item {display: block;}

.home .block_4 .items .slick-prev,
.home .block_4 .items .slick-next {
	position: absolute; top: 50%; z-index: 1; display: block; width: 3rem; height: 3rem; padding: 0;
	transform: translate(0, -50%); line-height: 0; font-size: 0; outline: none; cursor: pointer;
}
.home .block_4 .items .slick-prev:before,
.home .block_4 .items .slick-next:before {
	line-height: 1; font-family: monospace; font-size: 2.5rem; color: var(--blue-main);
}
.home .block_4 .items .slick-prev:hover:before,
.home .block_4 .items .slick-next:hover:before {font-weight: bold;}
.home .block_4 .items .slick-prev {left: -.5rem;}
.home .block_4 .items .slick-prev:before {content: '>';}
.home .block_4 .items .slick-next {right: -.5rem;}
.home .block_4 .items .slick-next:before {content: '<';}

@media screen and (min-width: 40em) {
	.home .block_4 .ellipse {
		position: absolute; top: 100px; right: -360px; width: 710px; height: 710px; z-index: -1;
		background: url('../../../image/module/home/block_2_ellipse.svg') no-repeat;
	}

	.home .block_4 .items {margin: 0 -1rem; padding: 7rem 0;}
	.home .block_4 .items .item {width: 400px; transition: transform .3s;}

	.home .block_4 .items.slick-initialized {padding: 0;}
	.home .block_4 .items .slick-list {padding: 7rem 0;}

	.home .block_4 .items .slick-current + .item {transform: scale(1.4, 1.4);}

	.home .block_4 .items .slick-prev {left: -3rem;}
	.home .block_4 .items .slick-next {right: -3rem;}
}

.row {overflow: hidden;}
@media screen and (min-width: 102em) {
	.row {overflow: visible;}
}
