@charset "utf-8";

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
ホーム
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- ヘッダー
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.home-header {
	padding: 120px 0 20px;
}

.page-heading {
	font-size: 3.2rem;
	letter-spacing: 0.04em;
}

.home-header-li .img {
	width: 100%;
	border-radius: var(--border-radius);
}

.swiper-pagination {
	display: flex;
	position: static !important;
	height: 24px;
	margin-top: 12px;
	justify-content: flex-end;
	align-items: flex-start;
}

.swiper-pagination-bullet {
	opacity: 1;
	width: 0 !important;
	height: 50% !important;
	margin: 0 0 0 8px !important;
	border-right: 1.5px solid var(--color_gray_dark);
	border-radius: 0 !important;
	transition: var(--transition);
}

.swiper-pagination-bullet-active {
	border-color: var(--color_main);
	transform: scaleY(2);
	transform-origin: center top;
}

.home-header-scroll {
	margin-top: 38px;
}

.home-header-scroll .text {
	margin-bottom: 0.5em;
	font-weight: 400;
	font-family: var(--font_english);
	letter-spacing: 0.08em;
	text-align: center;
}

.home-header-scroll .button {
	transform: rotate(90deg);
}

@media (min-width: 768px) {
.home-header {
	padding-top: 170px;
}

.home-header .wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.page-heading {
	font-size: min(calc(100vw * 56 / 1202), 5.6rem);
	transform: translateY(-30px);
}

.home-header-swiper {
	width: 52%;
}

.swiper-pagination {
	height: 32px;
	margin-top: 16px;
}

.swiper-pagination-bullet {
	margin-left: 12px !important;
}

.home-header-scroll {
	margin-top: 25px;
}
}

@media (max-width: 767.9px) {
.page-heading {
	margin-bottom: 50px;
}

.home-header-swiper {
	margin: 0 -2.5%;
}

.home-header-scroll .text {
	font-size: 1.4rem;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 会社案内
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.home-about .img {
	border-radius: var(--border-radius);
}

@media (min-width: 768px) {
.home-about .container {
	display: flex;
	align-items: flex-start;
}

.home-about .img {
	margin-right: 5.4%;
}

.home-about .description {
	font-size: 2rem;
}
}

@media (max-width: 767.9px) {
.home-about .img {
	width: 327px;
	margin-bottom: 25px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 事業内容
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.home-service-ul {
	margin-bottom: -80px;
}

.home-service-li {
	margin-bottom: 80px;
}

.home-service-li .img {
	border-radius: var(--border-radius);
}

.home-service-li .heading {
	margin-bottom: 1em;
	font-size: 2rem;
}

@media (min-width: 768px) {
.home-service-li {
	display: flex;
	justify-content: space-between;
}

.home-service-li .heading {
	font-size: 2.4rem;
}

.home-service-li:nth-child(2n+1) {
	max-width: var(--inner-width);
	align-items: flex-start;
}

.home-service-li:nth-child(2n+1) .img {
	width: 47%;
}

.home-service-li:nth-child(2n+1) .text {
	width: 47%;
	padding-top: 7%;
}

.home-service-li:nth-child(2n) {
	flex-flow: row-reverse;
	align-items: center;
}

.home-service-li:nth-child(2n) .img {
	width: 52%;
}

.home-service-li:nth-child(2n) .text {
	width: 43%;
}
}

@media (max-width: 767.9px) {
.home-service-li .img {
	margin-bottom: 25px;
}

.home-service-li:nth-child(2n+1) {
	margin-right: 4.9%;
}

.home-service-li:nth-child(2n) {
	margin-left: 4.9%;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- お知らせ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
@media (min-width: 768px) {
.home-news .inner {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}

.news-post-ul {
	width: 100%;
	order: 3;
}

.home-news .link {
	margin-top: 0;
}
}