@charset "utf-8";


body {
	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
}

.org-main * {
	font-family: "Noto Sans JP";
	color: #3C3C3A;
}
.org-main {
	overflow: hidden;
}
.section__inner {
	width: 1280px;
	margin: 0 auto;
}

/*-------------------- メイン画像 --------------------*/

.section__mainvie {
	background: url(../images/bg_mainview.webp) no-repeat center / cover;
	padding: 115px 0 137px;
	margin-bottom: 110px;
}
	.mainview__title {
		font-size: 53px;
		font-weight: 700;
		letter-spacing: 10.6px;
		color: #FFF;
		line-height: 1.2;
		text-align: center;
	}
		.mainview__title .cocomore {
			font-size: 70px;
			font-weight: 600;
			color: #FFF;
			font-family: 'Chillax';
			letter-spacing: 0;
		}
		.mainview__title .small {
			font-size: 48px;
			font-weight: 600;
			color: #FFF;
			letter-spacing: 0;
		}

/*-------------------- ここも、あそこも、こだわりのリノベ --------------------*/

.section__renovation {
	padding-bottom: 125px;
}
.renovation__wrap {
	display: flex;
	justify-content: space-between;
	gap: 78px;
}
	.renovation__left {
		width: 487px;
	}
		.renovation__title-wrap {
			margin-bottom: 38px;
		}
			.renovation__en-text {
				color: #3C3C3A;
				font-family: Chillax;
				font-size: 15px;
				font-weight: 700;
				letter-spacing: 6px;
				margin-bottom: 9px;
			}
			.renovation__title {
				font-size: 48px;
				font-weight: 500;
				line-height: 1.3;
				letter-spacing: 14.2px;
			}
				.renovation__title span {
					font-size: 48px;
					font-weight: 500;
					letter-spacing: 7.2px;
					color: #EE848B;
				}
			.renovation__middle-text {
				font-size: 18px;
				font-weight: 600;
				letter-spacing: 3.16px;
				margin-bottom: 15px;
			}
			.renovation__text {
				font-size: 15px;
				font-weight: 500;
				line-height: 1.85;
				letter-spacing: 2.5px;
			}
			.renovation__text:not(:last-child) {
				margin-bottom: 12px;
			}
	.renovation__image {
		min-width: 710px;
		position: relative;
		z-index: 1;
	}
		.renovation__image::before {
			content: '';
			background: #F4F4F4;
			width: 850px;
			height: 610px;
			position: absolute;
			bottom: -254px;
			right: -320px;
			z-index: -1;
		}

/*-------------------- Special Elements --------------------*/

.section__elements {
	padding-bottom: 126px;
	position: relative;
	z-index: 1;
}
.section__title {
	font-size: 66px;
	font-weight: 400;
	font-family: Chillax;
	color: #231815;
	text-align: center;
	margin-bottom: 46px;
	letter-spacing: 0;
}
.section__top {
	margin-bottom: 50px;
}
	.section__sub-title {
		font-size: 24px;
		font-weight: 500;
		letter-spacing: 2.4px;
		text-indent: -23.6px;
		margin-bottom: 26px;
		text-align: center;
	}
		.section__sub-title .cocomore {
			font-size: 30px;
			font-weight: 600;
			letter-spacing: 3px;
			font-family: Chillax;
		}
		.section__sub-title .pink {
			font-size: 24px;
			font-weight: 500;
			letter-spacing: 2.4px;
			color: #EE848B;
		}
	.section__text {
		font-size: 15px;
		font-weight: 500;
		line-height: 1.85;
		letter-spacing: 2.1px;
		text-align: center;
	}
	.elements__list {
		display: flex;
		gap: 0 28px;
	}
		.elements__item {
			width: 299px;
		}
			.elements__image {
				margin-bottom: 12px;
			}
			.elements__title {
				font-size: 18px;
				font-weight: 600;
				letter-spacing: 2.16px;
				text-align: center;
				margin-bottom: 10px;
			}
			.elements__text {
				font-size: 15px;
				font-weight: 500;
				line-height: 1.85;
				letter-spacing: 1.5px;
			}

/*-------------------- Quality Standards --------------------*/

.section__standards {
	padding: 0 0 126px;

	.section__inner {
		position: relative;
		z-index: 1;
	}
		.section__inner::before {
			content: '';
			background: #F4F4F4;
			display: block;
			width: 850px;
			height: 530px;
			position: absolute;
			top: -60px;
        	left: -320px;
			z-index: -1;
		}
	.section__title {
		margin-bottom: 43px;
	}
	.section__sub-title {
		margin-bottom: 23px;
	}
}
	.standards__box {
		background: url(../images/bg_standards.webp) no-repeat center / cover;
		padding: 60px;
		display: flex;
		justify-content: space-between;
		gap: 0 40px;
		margin-bottom: 24px;
	}
		.standards__left {
			width: 580px;
		}
			.standards__title {
				font-size: 34px;
				font-weight: 500;
				letter-spacing: 3.4px;
				color: #FFF;
				margin-bottom: 26px;
				line-height: 1.2;
			}
			.standards__top-text {
				font-size: 15px;
				font-weight: 400;
				letter-spacing: 1.5px;
				line-height: 1.85;
				color: #FFF;
				margin-bottom: 30px;
			}
			[class*="standards__detail"] {
				background: #FFF;
				padding: 22px 30px 20px;
			}
			.standards__detail--top {
				padding: 24px 30px 20px;
			}
			[class*="standards__detail"]:not(:last-of-type) {
				margin-bottom: 4px;
			}
				.detail__title {
					display: flex;
					align-items: center;
					gap: 0 5px;
					font-size: 15px;
					font-weight: 500;
					letter-spacing: 1.5px;
					color: #5385B8;
					margin-bottom: 6px;
				}
				.standards__detail--top .detail__title {
					margin-bottom: 7px;
				}
					.detail__title span {
						display: flex;
						justify-content: center;
						align-items: center;
						width: fit-content;
						height: 24px;
						padding: 0 8px;
						background: #E0E9F2;
						font-size: 12px;
						font-weight: 500;
						letter-spacing: 0.6px;
						color: #5385B8;
					}
				.detail__text {
					font-size: 15px;
					font-weight: 500;
					letter-spacing: 1.5px;
					line-height: 1.85;
				}
		.standards__right {
			display: flex;
			justify-content: center;
			align-items: center;
			background: #FFF;
			padding: 26px 55px 55px;
			position: relative;
		}
			.standards__proof {
				width: 429px;
				padding: 20px 20px 23px;
				background: #5385B8;
				position: absolute;
				top: 56px;
				left: 50%;
				transform: translateX(-50%);
			}
				.standards__proof-title {
					font-size: 18px;
					font-weight: 500;
					letter-spacing: 2.16px;
					color: #FFF;
					text-align: center;
					margin-bottom: 7px;
				}
				.standards__proof-text {
					font-size: 15px;
					font-weight: 400;
					letter-spacing: 1.5px;
					color: #FFF;
					text-align: center;
				}
	.standards__bottom {
		display: flex;
		justify-content: center;
		gap: 0 24px;
	}
		[class*="standards__quality--"] {
			width: 628px;
			border-radius: 25px;
		}
		.standards__quality--usually {
			background: #F4F4F4;
			padding: 33px 193px;
		}
		.standards__quality--cocomore {
			background: #5385B8;
			padding: 33px 151px 0;
		}
			[class*="quality__title--"] {
				display: flex;
				justify-content: center;
				align-items: center;
				gap: 0 8px;
				font-size: 15px;
				font-weight: 500;
				letter-spacing: 1.5px;
			}
			.quality__title--usually {
				color: #807F7F;
				margin-bottom: 22px;
			}
			.quality__title--cocomore {
				color: #FFF;
				margin-bottom: 21px;
			}
				.quality__title--cocomore span {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 74px;
					height: 24px;
					background: #FFF;
					border-radius: 15px;
					font-size: 13px;
					font-weight: 500;
					letter-spacing: 1.3px;
					color: #5385B8;
				}
			[class*="quality__item--"] {
				display: flex;
				align-items: center;
				gap: 0 8px;
				font-size: 15px;
				font-weight: 400;
				letter-spacing: 1.5px;
			}
			.quality__item--cocomore {
				color: #FFF;
			}
			.quality__item--usually {
				font-weight: 500;
			}
			[class*="quality__item--"]:not(:last-child) {
				margin-bottom: 15px;
			}
				[class*="quality__item--"]::before {
					content: '';
					display: block;
					width: 23px;
					height: 23px;
				}
				.quality__item--usually::before {
					background: url(../images/img_usually-check.webp) no-repeat center / cover;
				}
				.quality__item--cocomore::before {
					background: url(../images/img_cocomore-check.webp) no-repeat center / cover;
				}

/*-------------------- Just Right --------------------*/

.section__justright {
	padding-bottom: 126px;

	.section__title {
		margin-bottom: 43px;
	}
	.section__sub-title {
		margin-bottom: 23px;
	}
}
	.justright__summary {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 28px;
		margin-bottom: 50px;
	}
		[class*="justright__detail"] {
			width: 408px;
			background: #FDF3F3;
			padding: 30px 40px;
		}
			.justright__title {
				font-size: 18px;
				font-weight: 600;
				letter-spacing: 2.16px;
				text-align: center;
				margin-bottom: 9px;
			}
			.justright__text {
				font-size: 15px;
				font-weight: 500;
				line-height: 1.85;
				letter-spacing: 1.5px;
			}
	.more__button a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 504px;
		height: 90px;
		margin: 0 auto;
		background: #EF858C;
		border-radius: 8px;
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 3.96px;
		color: #FFF;
		position: relative;
	}
	.more__button a:hover {
		background-color: #FFFFFF;
		color: #3C3C3A;
		border: 1px solid #3C3C3A;
	}
		.more__button a .arrow {
			background: #FFF;
			border-radius: 50%;
			width: 38px;
			height: 38px;
			display: block;
			position: absolute;
			top: 50%;
			right: 27px;
			transform: translateY(-50%);
		}
		.more__button a .arrow:before, .more__button a .arrow:after {
			content: "";
			position: absolute;
			top: calc(50% - 0.031rem);
			left: calc(50% - 0.188rem);
			width: 0.375rem;
			height: 0.063rem;
			border-radius: 9999px;
			background-color: #EF858C;
			transform-origin: calc(100% - 0.031rem) 50%;
		}
		.more__button a .arrow:before {
			transform: rotate(45deg);
		}
		.more__button a .arrow:after {
			transform: rotate(-45deg);
		}
		.more__button a:hover .arrow {
			background-color: #3C3C3A;
		}
		.more__button a:hover .arrow:before, .more__button a:hover .arrow:after {
			background-color: #FFFFFF;
		}

/*-------------------- Spatial Style --------------------*/

.section__style {
	padding-bottom: 126px;

	.section__inner {
		position: relative;
		z-index: 1;
	}
		.section__inner::before {
			content: '';
			background: #F4F4F4;
			display: block;
			width: 800px;
			height: 736px;
			position: absolute;
			top: -50px;
        	right: -320px;
			z-index: -1;
		}

	.section__title {
		margin-bottom: 43px;
	}
	.section__sub-title {
		margin-bottom: 23px;
	}
}
	.style__list {
		display: flex;
		gap: 0 28px;
	}
		.style__item {
			width: 299px;
		}
			.style__image {
				margin-bottom: 12px;
			}
			.style__name {
				font-size: 18px;
				font-weight: 600;
				letter-spacing: 2.16px;
				text-align: center;
			}

#contact.cntc {
	display: none;
}