@charset "UTF-8";

/*---------------------------------------------------------
m_img
---------------------------------------------------------*/
.contentpage .m_img > div {
	background-image: url(../../images/medical/mouthpiece/m_img@2x.jpg);
}
/*---------------------------------------------------------

---------------------------------------------------------*/
.med_col_list.type_bg > li:nth-of-type(1) dt {	background-image: url(../../images/medical/mouthpiece/col3_bg1@2x.jpg)}
.med_col_list.type_bg > li:nth-of-type(2) dt {	background-image: url(../../images/medical/mouthpiece/col3_bg2@2x.jpg)}
.med_col_list.type_bg > li:nth-of-type(3) dt {	background-image: url(../../images/medical/mouthpiece/col3_bg3@2x.jpg)}


/*---------------------------------------------------------
med_bdrbox
---------------------------------------------------------*/
.med_bdrbox .bdr_inbox dt {
	font-size: min(162%,2.4vw);
	letter-spacing: .15em;
	line-height: 1.5;
	padding-bottom: .5em;
	margin-bottom: 1em;
	border-bottom: 1px solid rgba(67,50,0,0.4);
}
.med_bdrbox .com_marulist.col2 {
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(7, auto);
}
.med_bdrbox dl:last-of-type .com_marulist.col2 {
	grid-template-rows: repeat(12, auto);
}
.med_bdrbox .com_marulist > li {
	font-size: 112%;
	/* word-break: keep-all;
    overflow-wrap: break-word; */
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.med_bdrbox .bdr_inbox {
	display: grid;
	justify-content: space-between;
	grid-template-columns: 48% 48%;
}
.med_bdrbox .bdr_inbox dl:nth-of-type(1) {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}
.med_bdrbox .bdr_inbox dl:nth-of-type(2) {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	margin-top: 8%;
}
.med_bdrbox .bdr_inbox dl:nth-of-type(3) {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_bdrbox .com_marulist > li {
	font-size: 105%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_bdrbox .bdr_inbox dl:nth-of-type(n+2) {
	margin-top: 6%;
}
.med_bdrbox .bdr_inbox dt {
	font-size: 110%;
	letter-spacing: .1em;
	margin-bottom: .8em;
}
.med_bdrbox .com_marulist > li {
	font-size: 90%;
	margin-top: .3em;
}
}


/*---------------------------------------------------------

---------------------------------------------------------*/

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}