@charset "UTF-8";

/* ====================================
	共通スタイル
 ==================================== */

h3.sub-title.anchor {
	display: block;
	padding-top: 7rem;
	margin-top: -7rem;
}
.sub-sub-item.anchor {
	display: block;
	padding-top: 8rem;
	margin-top: -2rem;
}
.sub-sub-item.anchor h4.sub-sub-title {
	margin-top: 0;
}


.maxw1200 {
	display: block;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/* 選択的補修システム */
.haircaresystem {
	display: flex;
	flex-direction: column;
	gap: 20px;
	background-color: #F5F9FC;
	padding: 20px;
	width: 100%;
	border-radius: 10px;
}
.haircaresystem .mechanism {
	background-color: #FFFC;
	padding: 10px;
	border-radius: 6px;
}
.haircaresystem p {
	font-size: 1.4rem;
}
.haircaresystem p.hcs-ttl {
	font-size: 1.8rem;
	font-weight: bold;
}
.haircaresystem p.hcs-ttl2 {
	font-size: 1.5rem;
	margin-top: 10px;
	font-weight: bold;
}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {

}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print , screen and (min-width: 768px) {

	/* 選択的補修システム */
	.haircaresystem {
		flex-direction: row;
	}
	.haircaresystem p.hcs-ttl {
		font-size: 2rem;
		font-weight: bold;
	}
	.haircaresystem p.hcs-ttl2 {
		font-size: 1.6rem;
		margin-top: 10px;
		font-weight: bold;
	}
	.haircaresystem .flex-item.hastxt {
		width: 45%;
	}
	.haircaresystem .flex-item.hasimg {
		width: 55%;
	}
	
	h3.sub-title.anchor {
		padding-top: 14rem;
		margin-top: -14rem;
	}	
	.sub-sub-item.anchor {
		padding-top: 18rem;
		margin-top: -10rem;
	}	

}

/* ====================================
	タブレット専用スタイル
===================================== */
@media screen and (min-width:768px) and (max-width:1079px) {

}

/* ====================================
	PC専用スタイル
===================================== */
@media only screen and (min-width: 1080px) {

	
}

/* ====================================
	印刷専用スタイル
===================================== */
@media print {
}