@charset "UTF-8";

#perio {
	padding-top: 50px;
	padding-bottom: 20px;	
}
#perio .img img{
	width:auto;
}

#perio h4{
	margin-bottom: 20px;
	color: #FFFFFF;
	font-size: 18px;
	border-bottom: none;
	border-top: none;
	background: #0063C6;
	border-right-style: none;
	border-left-style: none;
	padding-top: 11px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: normal;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
#perio h5{
	margin-bottom: 20px;
	padding: 10px 5px;
	color: #0063C6;
	font-size: 15px;
	border-bottom: 1px dotted #0063C6;
	border-top: 1px dotted #0063C6;
}
#perio h6{
	padding: 10px 5px 5px;
	color: #0063C6;
	font-size: 15px;
	border-bottom: 3px double #0063C6;
	border-top: #0063C6;
	border-right-color: #0063C6;
	border-left-color: #0063C6;
}
.margin_bottom50{
	margin-bottom: 50px;
}

/*perio*/
#perio .h5_line{
	padding: 5px;
	color: #0063C6;
	font-size: 18px;
	border-bottom: 1px dotted #0063C6;
	margin-top: 0px;
	border-top-style: none;
	margin-bottom: 10px;
}
#perio .h5_Q{
	margin-bottom: 10px;
	padding: 10px 5px;
	color: #D75797;
	font-size: 18px;
	border-bottom: 1px dotted #FF99CC;
	border-top: 1px dotted #FF99CC;
}
#perio .h5_A p{
	background: #ECF6FE;
	padding: 10px;
	margin-bottom: 50px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border: 1px solid #B8CBDE;
}




@media screen and (max-width:480px) {
#perio h4{
	margin-top:10px;
	padding: 3px;
	text-align: center;	
}
#perio h5{
	margin-top: 15px;
	margin-bottom: 5px;
	padding: -5px;
	color: #0063C6;
	font-size: 15px;
	border-bottom: 1px dotted #0063C6;
	border-top: 1px dotted #0063C6;
	text-align: center;	
}
#periot .h5_line{
	padding: 1px;
	color: #0063C6;
	font-size: 15px;
	border-bottom: 1px dotted #0063C6;
	margin-top: 0px;
	border-top-style: none;
	margin-bottom: 5px;
}
#perio h6{
	text-align: center;	
}
.margin_bottom100{
	margin-bottom: 100px;
}

}

/* スマホ 767px以下 */
@media only screen and (max-width:767px) {
#perio {
	padding-top: 20px;
	padding-bottom: 50px;	
}
#perio .a_main{
	border-bottom: none;
	padding-bottom: 20px;
}
#perio h4{
	margin-bottom: 10px;
	color: #FFFFFF;
	font-size: 18px;
	border-bottom: none;
	border-top: none;
	background: #0063C6;
	border-right-style: none;
	border-left-style: none;
	font-weight: normal;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 3px 5px;
}
#perio h5{
	margin-bottom: 5px;
	padding: 3px 5px;
	color: #0063C6;
	font-size: 18px;
	border-bottom: 1px dotted #0063C6;
	border-top: 1px dotted #0063C6;
}
#perio h6{
	padding: 10px 5px 5px;
	color: #0063C6;
	font-size: 15px;
	border-bottom: 3px double #0063C6;
	border-top: #0063C6;
	border-right-color: #0063C6;
	border-left-color: #0063C6;
}
}


/* スマホ 400px以下 */
@media only screen and (max-width: 400px) {
#perio .center{
	text-align: center;	
}

}


/* 画像調整　431px以上 */
@media only screen and (min-width: 420px), print {
#perio .img_sp img{
	width:auto;
}

}