@charset "utf-8";

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

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

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

.section_1 {
	position: relative;
}

.section_1::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -100%);
	z-index: 0;
	width: 90%;
	max-width: 1280px;
	height: auto;
	aspect-ratio: 2513 / 155;
	background-image: url(../img/company_greeting_deco_text.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.section_1 .inner {
	padding: 10% 0 15%;
}

.section_1 .wrap {
	gap: 24px;
	width: 90%;
	max-width: 1280px;
}

.section_1 .heading_wrap {}

.section_1 .heading_wrap .heading {}

.section_1 .heading_wrap .heading::before {}

.section_1 .heading_wrap .heading::after {}

.section_1 .heading_wrap .heading .main {}

.section_1 .heading_wrap .heading .sub {}

.section_1 .content_wrap {}

.section_1 .content_wrap .content {}

.section_1 .content_wrap .content .item_wrap {}

.section_1 .content_wrap .content .item_wrap .item {}

.section_1 .content_wrap .content .item_wrap .item .item_inner {}

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

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

.section_1 .content_wrap .content .item_wrap .item .item_inner .text_wrap .text_wrap_inner .text {
	line-height: 2;
}

.section_1 .content_wrap .content .item_wrap .item .item_inner .text_wrap .text_wrap_inner .text_1 {}

.section_1 .content_wrap .content .item_wrap .item .item_inner .text_wrap .text_wrap_inner .text_2 {
	margin-left: auto;
	font-size: 1.25rem;
}

@media screen and (min-width: 768px) {
	.section_1 .inner {
		padding: 7.5% 0 12.5%;
	}

	.section_1 .heading_wrap {
		align-items: flex-start;
	}

	.section_1 .heading_wrap .heading {
		align-items: flex-end;
	}

	.section_1 .content_wrap .content {
		width: 80%;
		max-width: 945px;
	}
}

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

@media screen and (min-width: 1440px) {
	.section_1 .wrap {
		gap: 48px;
	}
}

@media screen and (min-width: 1920px) {
	.section_1 .inner {
		padding: 7.5% 0 10%;
	}
}

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

.section_2 {
	background-image: url(../img/other_bg.webp);
	background-position: 50% 0;
	background-repeat: repeat;
	background-size: 100%;
}

.section_2 .inner {
	padding: 10% 0 10%;
}

.section_2 .wrap {
	gap: 24px;
	width: 90%;
	max-width: 715px;
}

.section_2 .heading_wrap {}

.section_2 .heading_wrap .heading {}

.section_2 .heading_wrap .heading::before {}

.section_2 .heading_wrap .heading::after {}

.section_2 .heading_wrap .heading .main {}

.section_2 .heading_wrap .heading .sub {}

.section_2 .content_wrap {}

.section_2 .content_wrap .content {}

.section_2 .content_wrap .content .item_wrap {}

.section_2 .content_wrap .content .item_wrap .item {}

.section_2 .content_wrap .content .item_wrap .item .item_inner {}

@media screen and (min-width: 768px) {
	.section_2 .inner {
		padding: 7.5% 0;
	}
}

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

@media screen and (min-width: 1440px) {
	.section_2 .wrap {
		gap: 60px;
	}
}

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

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

.section_3 {}

.section_3 .inner {
	padding: 10% 0 10%;
}

.section_3 .wrap {
	gap: 24px;
	width: 90%;
	max-width: 1060px;
}

.section_3 .heading_wrap {}

.section_3 .heading_wrap .heading {}

.section_3 .heading_wrap .heading::before {}

.section_3 .heading_wrap .heading::after {}

.section_3 .heading_wrap .heading .main {}

.section_3 .heading_wrap .heading .sub {}

.section_3 .content_wrap {}

.section_3 .content_wrap .content {}

.section_3 .content_wrap .content .item_wrap {}

.section_3 .content_wrap .content .item_wrap .item {}

.section_3 .content_wrap .content .item_wrap .item .item_inner {}

.section_3 .content_wrap .content .item_wrap .item .item_inner .map {
	position: relative;
    width: 100%;
    height: 0;
    padding-top: calc(100% * (1 / 1));
    overflow-y: hidden;
}

.section_3 .content_wrap .content .item_wrap .item .item_inner .map iframe {
	position: absolute;
    top: -150px;
    left: 0;
    width: 100%;
    height: calc(100% + (150px * 2));
}

@media screen and (min-width: 768px) {
	.section_3 .inner {
		padding: 7.5% 0;
	}

	.section_3 .content_wrap .content .item_wrap .item .item_inner .map {
		position: relative;
		width: 100%;
		height: 0;
		padding-top: calc(100% * (1 / 3));
		overflow-y: hidden;
	}
}

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

@media screen and (min-width: 1440px) {
	.section_3 .wrap {
		gap: 60px;
	}
}

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

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