@charset "UTF-8";

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

/*---------------------------------------------------------
common
---------------------------------------------------------*/
.com_index_radi span,
#tmj .med_pickbox .pick_title .bubble span {
	color: #7AA700;
}


/*---------------------------------------------------------
trouble
---------------------------------------------------------*/
.trbl_list {
	display: grid;
	justify-content: space-between;
}
.trbl_list .com_ccl_txt {
	color: #FFF;
	font-family: "a-otf-ryumin-pr6n", serif;
	font-weight: 300;
	font-style: normal;
	font-size: min(2.6vw,175%);
	background-color: #A27EA2;
	margin: 0 auto .8em;
}
.trbl_list > li:nth-of-type(3) .com_ccl_txt {
	line-height: 1.2;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
#trouble .med_pick_txt {
	font-size: min(2.5vw,156%);
}
.trbl_list {
	grid-template-columns: repeat(3, 30%);
}
.trbl_list > li:nth-of-type(n+4) {
	margin-top: 50px;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

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

.trbl_list {
	grid-template-columns: repeat(2, 48.5%);
}
.trbl_list > li:nth-of-type(n+3) {
	margin-top: 10%;
}
.trbl_list .com_ccl_txt {
	font-size: 105%;
}
.trbl_list p {
	font-size: 90%;
}
}

/*---------------------------------------------------------
wisdom_tooth
---------------------------------------------------------*/
#wisdom_tooth .com_style1 dd dt {
	position: relative;
	font-size: 112%;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: .12em;
	padding-left: 1.2em;
	margin-top: .5em;
	margin-bottom: .3em;
}
#wisdom_tooth .com_style1 dd dt:first-of-type {
	margin-top: 0;
}
#wisdom_tooth .com_style1 dd dt::before {
	position: absolute;
	font-family: 'fontello';
	content: '\e805';
	color: #7D9F00;
	font-size: 120%;
	left: -0.2em;
	top: -0.1em;
}
/* risk */
#wisdom_tooth .risk {
	background-color: #7D9F55;
	box-sizing: border-box;
	padding: 50px 3.8%;
}
#wisdom_tooth .risk .com_index_radi span,
.med_dl_list li dt span {
	color: #9862A2;
}
#wisdom_tooth .med_dl_list {
	width: 96%;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#wisdom_tooth .risk {
	padding: 5% 3.8%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#wisdom_tooth .risk {
	padding: 7% 5% 8%;
}
#wisdom_tooth .com_style1 dd dt {
	font-size: 105%;
	letter-spacing: .06em;
}
}


/*---------------------------------------------------------
tmj
---------------------------------------------------------*/
#tmj .med_pickbox {
	background-color: rgba(122,167,0,0.2);
}
#tmj .med_pickbox ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#tmj .med_pickbox ul > li {
	width: 18.6%;
}
#tmj .med_pickbox p.ft_min {
	text-align: center;
	font-size: min(2.1vw,143%);
	letter-spacing: .06em;
	line-height: 1.5;
	margin-top: 1.6em;
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

#tmj .med_pickbox {
	padding-top: 15%;
	margin-top: 18%;
}
#tmj .med_pickbox ul {
	width: 106%;
	justify-content: center;
	margin-left: -3%;
}
#tmj .med_pickbox ul > li {
	width: 32%;
	margin-right: 2%;
}
#tmj .med_pickbox ul > li:nth-of-type(3n) {
	margin-right: 0;
}
#tmj .med_pickbox p.ft_min {
	font-size: 110%;
	margin-top: 1em;
}
}


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

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

/* 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) {

}