@charset "utf-8";
/* CSS Document */

/*
* MAIN VISUAL
******************************************************/
.point-image {
	background:url('../img/point/mainvisual.jpg')no-repeat center center;
	background-size: cover;
}
@media (max-width: 768px) {
	.point-image {
		background:url('../img/point/mainvisual-sp.jpg')no-repeat center center;
		background-size: cover;
	}
}

/*
* TITLE
******************************************************/
.quality-title img {
	width:100%;
	max-width:55px;
}
.service-title img {
	width:100%;
	max-width:115px;
}

.point-subtitle {
	text-align: center;
}
.quality-subtitle01 img {
	width:100%;
	max-width:304px;
}
.quality-subtitle02 img {
	width:100%;
	max-width:304px;
}
.quality-subtitle03 img {
	width:100%;
	max-width:162px;
}
.service-subtitle01 img {
	width:100%;
	max-width:175px;
}
.service-subtitle02 img {
	width:100%;
	max-width:200px;
}
.service-subtitle03 img {
	width:100%;
	max-width:315px;
}

/*
* CONTENTS
******************************************************/
.quality {
	background: #ffffff;
}
.service {
	background:#F8F8F4;
}
.point__content {
	width:100%;
	display:table;
	padding-bottom: 80px;
}
.point-images-slider__wrapper {
	width:65.7%;
	display:table-cell;
	vertical-align: middle;
}
.point-images {
	max-width:690px;
	display:table-cell;
	vertical-align: middle;
}
.point-images img {
	width:100%;
	max-width:690px;
}
.spaceL {
	padding-left:40px;
}
.spaceR {
	padding-right:40px;
}
.point-description {
	width: 34.3%;
	max-width:360px;
	display:table-cell;
	vertical-align: middle;
}
.point-description p {
	padding-top:40px;
	line-height: 2.4rem;
}
.point-text {
	line-height: 1.6rem;
    font-family:'Noto Serif JP', -apple-system,BlinkMacSystemFont,'Times New Roman',serif;
    font-weight:400;
}
.point-text p {
	line-height: 2.4rem;
}
@media (max-width: 1050px) {
	.point-images {
		max-width:inherit;
	}
	.point-images-slider figure {
		width:100%;
	}
	.point-description {
		max-width:inherit;
	}
}
@media (max-width: 834px) {
	.point__content {
		width:100%;
		max-width: 690px;
		padding-bottom: 35px;
		display:block;
		margin:auto;
	}
	.point-images-slider__wrapper {
		width:100%;
		max-width:initial;
		display:block;
		max-width:690px;
		margin: 20px 0;
	}
	.point-images {
		max-width:initial;
		display:block;
		width:100%;
		padding: 20px 0;
	}
	.point-images-slider figure {
		width:100%;
		max-width:inherit;
	}
	.point-description {
		display:block;
		max-width:initial;
	}
	.flex-wrap {
		display: flex;
		flex-direction: row;
	}
	.order01 {
	 	order: 0;
	}
	.order02 {
		order: 1;
	}
	.order03 {
		order: 2;
	}
	.spaceL {
		padding-left:0px;
	}
	.spaceR {
		padding-right:0px;
	}
}

/*
* CONTENTS
******************************************************/
.about-kimono {
	border: 1px solid #efefef;
	margin: 0 auto 60px;
	padding: 40px 0;
}
.about-kimono__header {
	text-align: center;
	margin-bottom: 40px;
}
.about-kimono__lists {
	padding: 0 60px;
}
.about-kimono__lists li {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom:30px;
}
.about-kimono__list-img {
	width: calc(100% / 2);
	text-align: center;
}
.about-kimono__list-img img {
	max-width:100%;
}
.about-kimono__list-desc {
	width: calc(100% / 2 - 20px);
	text-align: left;
	padding-left: 20px;
}
.about-kimono__seasons {
	text-align: center;
}
.about-kimono__seasons img {
	max-width: 100%;
}
.about-kimono__notes {
	max-width: 640px;
	margin:auto;
}
@media (max-width: 834px) {
	.about-kimono {
		margin: 16px;
		padding: 16px;
	}
	.about-kimono__header {
		text-align: left;
	}
	.about-kimono__header h2 {
		font-size: 1.8rem;
		margin-bottom: 1em;
	}
	.about-kimono__lists {
		padding: 0;
	}
	.about-kimono__lists li {
		display: block;
	}
	.about-kimono__list-img {
		width: auto;
	}
	.about-kimono__list-desc {
		width: auto;
		padding-left: 0;
		margin-top: 1em;
	}
}