@charset "utf-8";
#page_top {
	background-image: url(../image/service/home/home-page_top@pc.webp);
}

#home {
	width: 100%;
	height: auto;
	padding: 0;
}
	.home__inner {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
		.home__main {
			width: 90%;
			max-width: 960px;
			height: auto;
			padding: 100px 0 150px;
			margin: 0 auto;
			position: relative;
		}
			.home__main__heading {
				display: flex;
				justify-content: center;
				width: 100%;
				height: auto;
				margin: 0 auto 54px;
			}
				.home__main__heading__ttl {
					font-size: 36px;
					font-weight: 700;
					line-height: 1.5;
					letter-spacing: 0.08em;
					color: var(--color--navy-3);
				}
			.home__main__details {
				display: flex;
				justify-content: space-between;
				align-items: flex-end;
				width: 100%;
				height: auto;
				padding: 5px 0 0;
			}
				.home__main__detail__txt {
					flex: 1;
					height: auto;
					font-size: 18px;
					font-weight: 400;
					line-height: 1.8;
					letter-spacing: 0.04em;
					color: var(--color--navy-3);
					white-space: nowrap;
				}
				.home__main__list {
					display: flex;
					flex-direction: column;
					gap: 17px;
					width: 280px;
					height: auto;
					padding: 0 0 26px;
				}
					.home__main__list__item {
						width: 100%;
						height: auto;
					}
						.home__main__list__item a {
							display: flex;
							justify-content: center;
							align-items: center;
							width: 100%;
							height: 50px;
							background-color: var(--color--beige);
							font-size: 16px;
							font-weight: 700;
							line-height: 1;
							letter-spacing: 0.06em;
							color: var(--color--navy-3);
						}
					@media (any-hover: hover) {
						.home__main__list__item a {
							transition: .3s;
						}
						.home__main__list__item a:hover {
							background-color: var(--color--navy-3);
							color: var(--color--white);
						}
					}
		.home__brand {
			width: 100%;
			height: auto;
			padding: 64px 0 150px;
			background-color: var(--color--beige);
		}
			.home__brand__inner {
				width: 90%;
				max-width: 1000px;
				height: auto;
				margin: 0 auto;
			}
				.home__brand__heading {
					width: 100%;
					height: auto;
					padding: 24px 0;
					margin: 0 auto 46px;
					border-bottom: 1px solid var(--color--navy-3);
				}
					.home__brand__heading__ttl {
						width: 100%;
						height: auto;
						font-size: 36px;
						font-weight: 700;
						line-height: 1;
						letter-spacing: -0.01em;
						text-align: center;
						color: var(--color--navy-3);
					}
				.home__brand__list {
					display: flex;
					flex-direction: column;
					gap: 160px;
					width: 100%;
					height: auto;
				}
					.home__brand__list__item {
						width: 100%;
						height: auto;
					}
						.home__brand__list__item__heading {
							display: flex;
							justify-content: flex-start;
							align-items: flex-end;
							gap: calc((72 / 1000) * 100%);
							width: 100%;
							height: auto;
							padding-left: calc((100 / 1000) * 100%);
							margin: 0 auto 28px;
						}
						._myhouse .home__brand__list__item__heading {
							display: block;
							padding: 0;
						}
							.home__brand__list__item__heading__logo {
								width: calc((453 / 1000) * 100%);
								height: 103px;
							}
								.home__brand__list__item__heading__logo svg {
									width: auto;
									height: 100%;
								}
							.home__brand__list__item__heading__ttl {
								font-size: 30px;
								font-weight: 700;
								line-height: 1;
								letter-spacing: 0.08em;
								color: var(--color--navy-3);
							}
							.home__brand__list__item__heading__myhouse {
								width: 351.42px;
								height: auto;
								margin: 0 auto;
							}
						.home__brand__list__item__contents {
							width: 100%;
							height: auto;
						}
							.home__brand__list__item__contents__image {
								width: 100%;
								height: auto;
								margin: 0 auto 62px;
							}
							.home__brand__list__item__contents__ttl {
								width: 100%;
								height: auto;
								margin: 0 auto 32px;
								font-size: 30px;
								font-weight: 700;
								line-height: 1;
								letter-spacing: 0.08em;
								text-align: center;
								color: var(--color--navy-3);
							}
							.home__brand__list__item__contents__txt {
								display: flex;
								justify-content: center;
								width: 100%;
								height: auto;
								margin: 0 auto 30px;
								font-size: 19px;
								font-weight: 500;
								line-height: 2;
								letter-spacing: 0.03em;
								text-align: justify;
								color: var(--color--navy-3);
							}
							.home__brand__list__item__contents__btn_wrap {
								width: 190px;
								height: auto;
								margin: 0 auto;
							}
								.home__brand__list__item__contents__btn {
									font-size: 22px;
									font-weight: 600;
								}
		.home__contact {
			width: 100%;
			height: auto;
			padding: 110px 0 90px;
			background-color: var(--color--navy-3);
		}
			.home__contact__inner {
				width: 90%;
				max-width: 720px;
				height: auto;
				margin: 0 auto;
			}
				.home__contact__ttl {
					width: 100%;
					height: auto;
					margin: 0 auto 34px;
					font-size: 32px;
					font-weight: 700;
					line-height: 1;
					letter-spacing: 0.06em;
					color: var(--color--white);
				}
				.home__contact__txt {
					width: 100%;
					height: auto;
					font-size: 18px;
					font-weight: 500;
					line-height: 2.11;
					letter-spacing: 0.06em;
					color: var(--color--white);
				}

/* PC ================================================== */
@media all and (max-width: 970px){
		.home__main {
			flex-direction: column;
			justify-content: flex-start;
			align-items: stretch;
			padding: 50px 0 80px;
		}
			.home__main__heading {
				width: 100%;
				margin: 0 auto 28px;
			}
				.home__main__heading__ttl {
					width: 100%;
					height: auto;
					font-size: 36px;
					font-weight: 700;
					line-height: 1.5;
					letter-spacing: 0.08em;
					color: var(--color--navy-3);
				}
			.home__main__details {
				flex: initial;
				display: block;
				width: 100%;
				height: auto;
				padding: 0;
			}
				.home__main__detail__txt {
					width: 100%;
					height: auto;
					font-size: 18px;
					font-weight: 400;
					line-height: 1.8;
					letter-spacing: 0.04em;
					color: var(--color--navy-3);
					white-space: initial;
				}
				.home__main__list {
					margin: 0 auto;
					padding: 0;
					margin: 40px auto 0;
				}
						.home__main__list__item a {
							background-color: var(--color--navy-3);
							color: var(--color--white);
						}
						.home__brand__list__item__heading {
							flex-direction: column;
							align-items: center;
							gap: 0;
							padding-left: 0;
							margin: 0 auto 32px;
						}
						._myhouse .home__brand__list__item__heading {
							display: block;
							padding: 0;
						}
							.home__brand__list__item__heading__logo {
								width: 100%;
								margin: 0 auto 24px;
							}
								.home__brand__list__item__heading__logo svg {
									margin: 0 auto;
								}
								.home__brand__list__item__contents__txt {
									display: block;
								}
									.home__brand__list__item__contents__txt br.smallpc {
										display: inline-block;
									}
									.home__brand__list__item__contents__txt br.smallpc_none {
										display: none;
									}
}

/* Tablet ================================================== */
@media all and (max-width: 768px){
#page_top {
	background-image: url(../image/service/home/home-page_top@sp.webp);
}

#home {
	padding: 0;
}
	.home__inner {
		max-width: initial;
	}
		.home__main {
			width: calc((310 / 390) * 100%);
			padding: 46px 0 65px;
		}
				.home__main__heading__ttl {
					font-size: 24px;
					letter-spacing: 0.05em;
				}
			.home__main__details {
				height: auto;
				padding: 0;
				margin: 0 auto;
			}
				.home__main__detail__txt {
					font-size: 14px;
					font-weight: 700;
					line-height: 2.4;
					letter-spacing: 0em;
					white-space: nowrap;
				}
		.home__brand {
			padding: 58px 0 70px;
		}
			.home__brand__inner {
				width: 100%;
				max-width: initial;
			}
				.home__brand__heading {
					padding: 0;
					margin: 0 auto 30px;
					border-bottom: none;
				}
					.home__brand__heading__ttl {
						font-size: 20px;
					}
				.home__brand__list {
					gap: 200px;
				}
						.home__brand__list__item__heading {
							margin: 0 auto 22px;
						}
							.home__brand__list__item__heading__logo {
								height: 76px;
								margin-bottom: 20px;
							}
							.home__brand__list__item__heading__ttl {
								font-size: 20px;
								letter-spacing: -0.03em;
								text-align: center;
							}
							.home__brand__list__item__heading__myhouse {
								width: 250px;
								margin-bottom: 34px;
							}
						.home__brand__list__item__contents {
							display: flex;
							flex-direction: column;
						}
							.home__brand__list__item__contents__image {
								margin: 0 auto 20px;
								order: 2;
							}
							.home__brand__list__item__contents__ttl {
								margin: 0 auto 12px;
								font-size: 24px;
								line-height: 1.5;
								letter-spacing: 0.06em;
								order: 1;
							}
							.home__brand__list__item__contents__txt {
								margin: 0 auto 46px;
								font-size: 14px;
								font-weight: 700;
								line-height: 2.4;
								letter-spacing: 0em;
								text-align: center;
								order: 3;
							}
							.home__brand__list__item__contents__btn_wrap {
								order: 4;
							}
								.home__brand__list__item__contents__btn {
									font-size: 20px;
								}
		.home__contact {
			padding: 56px 0 86px;
		}
			.home__contact__inner {
				width: calc((322 / 390) * 100%);
				max-width: initial;
			}
				.home__contact__ttl {
					margin: 0 auto 30px;
					font-size: 24px;
					line-height: 1.5;
					letter-spacing: 0.05em;
				}
				.home__contact__txt {
					font-size: 14px;
					font-weight: 700;
					line-height: 2.35;
					letter-spacing: 0em;
					white-space: nowrap;
				}
}

/* SP ================================================== */
@media all and (max-width: 575px){

}