@charset "UTF-8";

/***********************************
* service	*
***********************************/
.top-rental-pic .top-fit-img,
.top-dressing-pic .top-fit-img,
.top-cleaning-pic .top-fit-img{
	width: 100%;
}
.top-dressing-pic{
	margin-left: -15px;
}
.top-rental-pic,
.top-cleaning-pic{
	margin-right: -15px;
}

.top-dressing-pic,
.top-cleaning{
	margin-top: 1rem;
}

.sec .cont-service p{
	font-size: 0.8rem;
	line-height: 1.7;
}
.sec .cont-service p.btn-more{
	text-align: center;
	margin-bottom: 0;
}
.sec .cont-service p.btn-more i{
	font-size: 0.6rem;
}

	@media (min-width: 576px) {
		.top-dressing,
		.top-cleaning{
			margin-top: -2rem;
		}
		.top-rental-txt,
		.top-dressing-txt{
			padding-bottom: 2rem;
		}
		.top-cleaning-txt{
			padding-top: 2rem;
		}
		.sec .cont-service p{
			text-align: center;
		}
		.sec .cont-service p span{
			display: block;
		}
	}
	@media (min-width: 768px) {
		.top-dressing,
		.top-cleaning{
			margin-top: -5rem;
		}
		.top-rental-txt,
		.top-dressing-txt{
			padding-bottom: 5rem;
		}
		.top-cleaning-txt{
			padding-top: 5rem;
		}
		.sec .cont-service p{
			font-size: 0.9rem;
			margin-bottom: 2rem;
		}
	}
	@media (min-width: 992px) {
		.sec .cont-service p{
			font-size: 1rem;
			margin-bottom: 3rem;
		}
		.top-dressing-txt{
			margin-left: 0;
			margin-right: 0;
			padding-left: 5%;
			max-width: 580px;
		}
		.top-rental-txt,
		.top-cleaning-txt{
			margin-left: auto;
			margin-right: 0;
			padding-right: 5%;
			max-width: 580px;
		}
		.top-dressing-pic .top-fit-img,
		.top-cleaning-pic .top-fit-img{
			height: 719px;
			object-fit: cover;
			font-family: 'object-fit: cover;'
		}
		.sec .cont-service p.btn-more{
			font-size: 1.2rem;
			text-align: center;
			margin-bottom: 0;
		}
		.sec .cont-service p.btn-more i{
			font-size: 0.9rem;
		}
	}

	/* h2*/
	.cont-usecase h2{
		text-align: right;
	}
	.cont-service h3{
		text-align: center;
		margin-bottom: 1rem;
	}
	.cont-sns h2{
		text-align: center;
		margin-bottom: 2rem;
	}

	.cont-usecase h2,
	.cont-service h3,
	.cont-sns h2{
		font-style: italic;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ 明朝", serif!important;
		letter-spacing: 0.05em;
		font-size: 1.2rem;
	}
	.cont-usecase h2 span,
	.cont-service h3 span,
	.cont-sns h2 span{
		display: block;
		font-family: "Brandon Grotesque", "Didact Gothic", Helvetica, Arial, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color:#96a0ac;
		letter-spacing: 0.1em;
		font-size: 0.8rem;
		line-height: 2.0;
	}
		@media (min-width: 576px) {
			.cont-usecase h2,
			.cont-service h3,
			.cont-sns h2{
				font-size: 1.5rem;
			}
			.cont-usecase h2 span,
			.cont-service h3 span,
			.cont-sns h2 span{
				font-size: 0.9rem;
			}
		}
		@media (min-width: 768px) {
			.cont-service h3{
				margin-bottom: 2rem;
			}
			.cont-sns h2{
				margin-bottom: 3rem;
			}
			.cont-usecase h2,
			.cont-service h3,
			.cont-sns h2{
				font-size: 2rem;
			}
			.cont-usecase h2 span,
			.cont-sns h2 span{
				font-size: 1rem;
			}
		}
		@media (min-width: 992px) {
			.cont-service h3{
				margin-bottom: 4rem;
			}
			.cont-sns h2{
				margin-bottom: 5rem;
			}
			.cont-usecase h2,
			.cont-service h3,
			.cont-sns h2{
				font-size: 2.5rem;
			}
			.cont-usecase h2 span,
			.cont-service h3 span,
			.cont-sns h2 span{
				font-size: 1.2rem;
			}
		}




		/* btn-more02*/
		.sec a.btn-more-02{
			display: inline-block;
			background-color: #96a0ac;
			text-decoration: none;
			font-family: "Brandon Grotesque", "Didact Gothic", Helvetica, Arial, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			color:#fff;
			padding: 0.3rem 1rem;
		}

		.sec a.btn-bgc01{
			background: rgba(200, 148, 164, 0.8);
		}
		.sec a.btn-bgc01:hover{
			background: rgba(200, 148, 164, 1);
		}

		.sec a.btn-bgc02{
			background: rgba(182, 201, 149, 0.8);
		}
		.sec a.btn-bgc02:hover{
			background: rgba(182, 201, 149, 1);
		}

		.sec a.btn-more-02 i{
			padding-left: 5px;
		}
			@media (min-width: 992px){
				.sec a.btn-more-02{
					padding: 0.5rem 2rem;
				}
			}