@charset "UTF-8";

.main {
}

.pagehd {
	padding-bottom: 0;
	border-bottom: none;
}

.pagehd_ttl {
}

.pagehd_ttl::before {
	background: url(../img/menu/bruxism/pagehd-icon@2x.png) center / 100% 100%;
}

.pagehd_catch {
	margin-bottom: 40px;
}

.pagehd_txt {
}

.grinding {
}

.grinding_hd {
}

.grinding_txt {
	margin-bottom: 30px;
}

.grinding_case {
}

.grinding_case_fig {
	margin-bottom: 55px;
}

.grinding_case_fig_top {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	position: relative;
	margin: 0 auto 65px;
	padding: 30px;
	border-radius: 10px;
	background: #c3c3c3;
}

.grinding_case_fig_top::after {
	content: "";
	display: block;
	position: absolute;
	top: calc(100% - 10px);
	right: 50%;
	width: 107px;
	height: 62px;
	background: url(../img/menu/bruxism/grinding-arrow01@2x.png) center / 100% 100%;
	transform: translateX(50%);
}

.grinding_case_fig_cnt {
	display: flex;
	align-items: center;
	gap: 17px;
	padding: 18px 30px;
	border-radius: 10px;
	background: #ffffff;
}

.grinding_case_fig_cnt span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	color: #ffffff;
	font-size: 24px;
}

.grinding_case_fig_cnt.noon span {
	background: #d05d5d;
}

.grinding_case_fig_cnt.night span {
	background: #3c90c4;
}

.grinding_case_fig_list {
	font-size: 24px;
}

.grinding_case_fig_list li {
	position: relative;
	padding-left: 15px;
}

.grinding_case_fig_list li::before {
	content: "";
	display: block;
	position: absolute;
	top: 20px;
	left: 0;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #a57165;
}

.grinding_case_fig_cnt.noon .grinding_case_fig_list li::before {
	background: #d05d5d;
}

.grinding_case_fig_cnt.night .grinding_case_fig_list li::before {
	background: #3c90c4;
}

.grinding_case_fig_mid {
	position: relative;
	width: fit-content;
	margin: 0 auto 75px;
	padding: 30px;
	border-radius: 10px;
	background: linear-gradient(#c3c3c3, #d9d2c3);
}

.grinding_case_fig_mid::after {
	content: "";
	display: block;
	position: absolute;
	top: calc(100% - 10px);
	right: 50%;
	width: 107px;
	height: 62px;
	background: url(../img/menu/bruxism/grinding-arrow02@2x.png) center / 100% 100%;
	transform: translateX(50%);
}

.grinding_case_fig_cnt.disease {
	padding: 18px 55px;
}

.grinding_case_fig_btm {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 25px;
}

.grinding_case_fig_btm_cnt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: auto;
	background: url(../img/menu/bruxism/grinding-bg@2x.png) center / 100% 100%;
	font-size: 30px;
	aspect-ratio: 219 / 209;
}

.grinding_self {
	padding: 30px;
	border-radius: 10px;
	background: #ffffff;
}

.grinding_self_hd {
	margin-bottom: 15px;
	color: #6ba333;
	font-size: 20px;
}

.grinding_self_wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	gap: 10px;
	margin-bottom: 18px;
}

.grinding_self_cnt {
	overflow: hidden;
	border: #d9d2c3 1px solid;
	border-radius: 10px;
}

.grinding_self_cnt.selftxt {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 20px 17px;
}

.grinding_self_cnt span {
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #6ba333;
	color: #ffffff;
}

.grinding_self_cnt.self01 {
	grid-column: 1 / 3;
}

.grinding_self_cnt.self02 {
	grid-column: 3 / 5;
}

.grinding_self_cnt.self03 {
	grid-column: 5 / 7;
}

.grinding_self_cnt.self04 {
	grid-column: 1 / 4;
}

.grinding_self_cnt.self05 {
	grid-column: 4 / 7;
}

.grinding_self_img {
	position: relative;
}

.grinding_self_img > span {
	position: absolute;
	right: 8px;
	bottom: 8px;
}

.grinding_self_txt {
}

.selfimg .grinding_self_txt {
	display: flex;
	justify-content: center;
	align-items: center;
	height: min-content;
	padding: 15px;
}

.grinding_treatment {
	padding-top: 70px;
}

.grinding_treatment_ttl {
}

.grinding_treatment_wrap {
}

.grinding_treatment_cnt {
	margin-bottom: 10px;
	padding: 28px 30px 30px;
	border: 1px solid #d9d2c3;
	border-radius: 10px;
}

.grinding_treatment_cnt:last-child {
	margin-bottom: 0;
}

.grinding_treatment_hd {
	color: #6ba333;
	font-size: 20px;
}

.grinding_treatment_txt {
}

.grinding_treatment_row {
	display: flex;
	justify-content: space-between;
	gap: 35px;
}

.grinding_treatment_img {
	flex-shrink: 0;
	height: fit-content;
	overflow: hidden;
	border-radius: 10px;
}

.snore {
	padding-bottom: 0;
	border-bottom: none;
}

.snore_hd {
}

.snore_txt {
	margin-bottom: 40px;
}

.snore_img {
	display: flex;
	align-items: end;
	gap: 55px;
}

.snore_img_cnt {
}

.snore_img_cnt figcaption {
	margin-top: 20px;
}

.snore_img_item {
}

@media screen and (max-width:1240px) {
}

@media screen and (max-width:768px) {
	.main {
	}

	.pagehd {
	}

	.pagehd_ttl {
	}

	.pagehd_ttl::before {
	}

	.pagehd_catch {
		margin-bottom: 20px;
	}

	.pagehd_txt {
	}

	.grinding {
	}

	.grinding_hd {
	}

	.grinding_txt {
	}

	.grinding_case {
	}

	.grinding_case_fig {
		margin-bottom: 30px;
	}

	.grinding_case_fig_top {
		grid-template-columns: 1fr;
		gap: 10px;
		padding: 30px 20px;
	}

	.grinding_case_fig_top::after {
	}

	.grinding_case_fig_cnt {
		flex-flow: column;
		gap: 10px;
		padding: 15px 20px;
	}

	.grinding_case_fig_cnt span {
		width: 55px;
		height: 55px;
		font-size: 20px;
	}

	.grinding_case_fig_cnt.noon span {
	}

	.grinding_case_fig_cnt.night span {
	}

	.grinding_case_fig_list {
		font-size: 20px;
	}

	.grinding_case_fig_list li {
	}

	.grinding_case_fig_list li::before {
		top: 15px;
	}

	.grinding_case_fig_cnt.noon .grinding_case_fig_list li::before {
	}

	.grinding_case_fig_cnt.night .grinding_case_fig_list li::before {
	}

	.grinding_case_fig_mid {
		width: 100%;
		padding: 30px 20px;
	}

	.grinding_case_fig_mid::after {
	}

	.grinding_case_fig_cnt.disease {
		padding: 15px 28px;
	}

	.grinding_case_fig_btm {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		max-width: 330px;
		margin: 0 auto;
	}

	.grinding_case_fig_btm_cnt {
		width: 151px;
		margin: 0 auto;
	}

	.grinding_case_fig_btm_cnt:first-child {
		grid-column: 1 / 3;
	}

	.grinding_self {
		padding: 30px 19px;
	}

	.grinding_self_hd {
		font-size: 18px;
	}

	.grinding_self_wrap {
		grid-template-columns: 1fr;
		max-width: 240px;
		margin: 0 auto 15px;
	}

	.grinding_self_cnt {
	}

	.grinding_self_cnt.selftxt {
		flex-flow: column;
		gap: 5px;
		padding: 15px 10px;
	}

	.grinding_self_cnt span {
	}

	.grinding_self_cnt.self01 {
		grid-column: unset;
	}

	.grinding_self_cnt.self02 {
		grid-column: unset;
	}

	.grinding_self_cnt.self03 {
		grid-column: unset;
	}

	.grinding_self_cnt.self04 {
		grid-column: unset;
	}

	.grinding_self_cnt.self05 {
		grid-column: unset;
	}

	.grinding_self_img {
	}

	.grinding_self_img > span {
	}

	.grinding_self_txt {
	}

	.selfimg .grinding_self_txt {
		padding: 15px 10px;
	}

	.grinding_treatment {
		padding-top: 30px;
	}

	.grinding_treatment_ttl {
	}

	.grinding_treatment_wrap {
	}

	.grinding_treatment_cnt {
		padding: 28px 20px 30px;
	}

	.grinding_treatment_cnt:last-child {
	}

	.grinding_treatment_hd {
	}

	.grinding_treatment_txt {
	}

	.grinding_treatment_row {
		flex-flow: column;
		align-items: center;
		gap: 15px;
	}

	.grinding_treatment_img {
	}

	.snore {
	}

	.snore_hd {
	}

	.snore_txt {
		margin-bottom: 20px;
	}

	.snore_img {
		flex-flow: column;
		align-items: center;
		gap: 20px;
	}

	.snore_img_cnt {
		width: fit-content;
		margin: 0 auto;
	}

	.snore_img_cnt figcaption {
		margin-top: 5px;
		font-size: 14px;
	}

	.snore_img_item {
		width: 90px;
	}
}