@charset "UTF-8";

/*こんな歯並びでお悩みではありませんか？
---------------------------------------------------------*/
.surgery .sick_list{
	margin-bottom:30px;}

.surgery .sick_list li {
	width: 15.4%;
	margin-left: 1.5%;
	float: left;
	text-align: center;
}
.surgery .sick_list li:first-child {
	margin-left: 0;
}

.surgery .sick_list dd{
	text-align:left;
	margin-top:10px;}
	
.surgery .med_slash_y p{
	font-size:130%;
	color:#F85250;
	padding:13px 3%;
	text-align:center;
	font-weight:bold;}	


/* PC調整
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1100px) {
.surgery .sick_list{
	margin-bottom:10px;}	
	
.surgery .sick_list li {
	width: 33.3333%;
	margin-left: 0%;
	margin-bottom: 10px;}
	
.surgery .sick_list li dd{
	width:96%;}	
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.surgery .sick_list{
	margin-bottom:0px;}

.surgery .sick_list li {
	width: 100%;
	margin-left: 0%;
	float: none;
}
.surgery .sick_list dt{
	width:35%;
	margin:0 auto;}

.surgery .sick_list dd{
	margin-bottom:10%;}
	
.surgery .med_slash_y p{
	font-size:110%;}	}
	
	
	
/* 顎関節症
---------------------------------------------------------*/
.surgery .check .bg_g{
	position:relative;
	background-color:#F5F5F0;
	padding:90px 5% 5% 5%;
	margin-top:40px;}
	
.surgery .check .title{
	position:absolute;
	top:-40px;
	left:0;
	right:0;
	text-align:center;}	
	
.surgery .check ul{
	width:48%;}	
	
.surgery .check li{
	background:url(../images/perio/check_box.png) no-repeat left 6px;
	padding-left:25px;
	border-bottom:#756452 1px solid;
	padding-bottom:3px;
	margin-bottom:7px;
	font-weight:500;
	font-size:110%;}
	
.surgery .check .med_slash_y{
	font-size:130%;
	color:#F85250;
	text-align:center;
	font-weight:bold;
	padding:10px 3%;
	margin-bottom:45px;}	
	
.surgery .futan{
	margin-bottom:30px;}
	
.surgery .futan h5{
	text-align:center;
	margin:30px 0 8px 0;
	}	
	
.surgery .futan ul{
	padding:0 5%;}	

.surgery .futan li {
	width: 19%;
	margin-left: 1.25%;
	float: left;
	text-align: center;
}
.surgery .futan li:first-child {
	margin-left: 0;
}
	
 

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.surgery .check .med_slash_y{
	font-size:120%;}
	
.surgery .futan{
	margin-bottom:10px;}	
	
.surgery .futan li {
	width: 33.3333%;
	margin-left: 0%;
	margin-bottom: 10px;}		
	
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.surgery .check .bg_g{
	padding:65px 5% 5% 5%;}
	
.surgery .check ul{
	float:none;
	width:100%;}	
	
.surgery .check li{
	padding-bottom:3px;
	margin-bottom:10px;
	font-size:105%;}
	
.surgery .check .med_slash_y{
	font-size:110%;
	padding:10px 3%;}	
	
.surgery .futan h5{
	display:none;
	}		

.surgery .futan .sp_only{
	margin:5% 0 3% 0;
	font-size:130%;
	font-weight:bold;
	color:#AAD000;
	text-align:center;}	
	
.surgery .futan{
	margin-bottom:30px;}
	
.surgery .futan h5{
	text-align:center;
	margin:30px 0 8px 0;
	}	

.surgery .futan li {
	width: 47%;
	margin-left:4%;
	text-align: center;
	margin-bottom:2%;
}
.surgery .futan li:nth-child(odd) {
	margin-left: 0;
}	
}	
	
	
	
/*歯周病と全身疾患の関係性
---------------------------------------------------------*/
.surgery .cause_list {
	margin-top: 30px;
}
.surgery .cause_list li {
	width: 48.5%;
	margin-left: 3%;
	float: left;
	box-sizing: border-box;
	border: solid 5px #EAEEE8;
}

.surgery .cause_list li:first-child {
	margin-left: 0;
}
.surgery .cause_list dt {
	padding: 15px 0;
	text-align: center;
	color: #444444;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .2em;
	background-color:#FFF984;
}

.surgery .cause_list dd {
	padding: 15px 6%;
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.surgery .cause_list {
	margin-top: 3%;
}
.surgery .cause_list dd {
	padding: 5%;
	line-height: 1.6em;	
}}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.surgery .cause_list {
	margin-top: 5%;
}
.surgery .cause_list li {
	width: 100%;
	margin-left: 0;
	float: none;
	margin-top: 5%;
	font-size: 90%;
}
.surgery .cause_list li:first-child {
	margin-top: 0;
}
.surgery .cause_list dt {
	padding: 10px 0;
}
.surgery .cause_list dd {
	padding: 4% 5%;
	line-height: 1.6em;
}
}