@charset "utf-8";
/* CSS Document */

/* トップページ設定 */

@media print,screen and (min-width: 768px){
/* PC用設定 */

/* タイトルイメージ */
#top_title {
	margin-bottom:60px;
}
#top_title img {
	width:100%;
}
/* 共通設定 */
#contents h2 {
	font-size: 34px;
	line-height: 1em;
	text-align: center;
	margin-bottom: 50px;
	letter-spacing: 0.1em;
}
#contents h2 small {
	font-size: 26px;
	line-height: 1em;
	display:block;
	padding-bottom:15px;
	color: #8CC456;
	font-weight: normal;
	letter-spacing: 0px;
}
/* 診療受付時間設定 */
#contents #timetable {
	margin-bottom:30px;
}
#contents #timetable .section {
	width:685px;
	margin:0px auto;
}
#contents #timetable h6 {
	margin-bottom:20px;
}
/* ツイッター設定 */
#contents #twitter {
	margin-bottom:60px;
	text-align: center;
}
/* 症状別設定 */
#contents #symptoms {
	margin-bottom:50px;
	text-align: center;
}
#contents #symptoms h2 {
	line-height:1.4em;
}
#contents #symptoms ul {
}
#contents #symptoms li {
	font-size: 24px;
	line-height: 1.2em;
	text-align: center;
	float:left;
	width: 33.3%;
	margin-top:50px;
}
#contents #symptoms li img {
	width:auto;
	margin:5px auto;
	display: block;
}
#contents #symptoms li h6 {
	font-size: 28px;
	line-height: 1em;
	margin-bottom:0.5em;
}
#contents #symptoms li:nth-child(3n+1) {
	clear:both;
}
/* ごあいさつ設定 */
#contents #message {
	background-image: url(../img/home/message_bk1.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #DFF7C6;
	padding-top:160px;
	margin-bottom:60px;
}
#contents #message .section {
	background-image: url(../img/home/message_bk2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom:100px;
	padding-left:40px;
	padding-right:40px;
}
#contents #message h6 {
	width:80%;
	margin:0px auto;
	margin-bottom:30px;
}
#contents #message h6 img {
	width:100%;
	border-radius: 15px;
}
/* 院の特長設定 */
#contents #point {
}
#contents #point ul {
	padding-top:20px;
	padding-left:20px;
}
#contents #point li {
	margin-bottom:70px;
}
#contents #point li:before {
	content: "";
	width: 98px;
	height: 79px;
	background-image: url(../img/home/point1.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 100%;
	position: absolute;
	margin-top:-40px;
	margin-left:10%;
}
#contents #point li:nth-child(even) {
	float: right;
}
#contents #point li:nth-child(odd) {
	clear:both;
}
#contents #point li:nth-child(2):before { background-image: url(../img/home/point2.png); }
#contents #point li:nth-child(3):before { background-image: url(../img/home/point3.png); }
#contents #point li:nth-child(4):before { background-image: url(../img/home/point4.png); }
#contents #point li:nth-child(5):before { background-image: url(../img/home/point5.png); }
#contents #point li:nth-child(6):before { background-image: url(../img/home/point6.png); }
#contents #point img {
	display:block;
	width:70%;
	border-radius: 10px;
	margin:0px auto;
	margin-bottom:25px;
}
#contents #point h6 {
	font-size: 26px;
	line-height: 1.3em;
	margin-bottom:0.5em;
	color: #8CC456;
}
#contents #point p {
	font-size: 18px;
	line-height: 1.5em;
}
/* 交通事故・むち打ち治療設定 */
#contents #traffic_accident {
	background-image: url(../img/home/traffic_accident_bk1.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FBFAF6;
	padding-top:110px;
}
#contents #traffic_accident .section {
	background-image: url(../img/home/traffic_accident_bk2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom:100px;
}
#contents #traffic_accident h2 {
	letter-spacing: 0px;
}
#contents #traffic_accident h6 {
	margin-top:30px;
}
#contents #traffic_accident h6 img {
	width:100%;
}
/*治療料金・治療の流れ設定 */
#contents #other {}
#contents #other li {}
#contents #other li:first-child {
	margin-bottom:50px;
}

}
@media screen and (max-width: 767px){
/* スマホ用設定 */

/* タイトルイメージ */
#top_title {
	margin-bottom: 30px;
}
#top_title img {
	width:100%;
}
/* 共通設定 */
#contents h2 {
	font-size: 16px;
	line-height: 1em;
	text-align: center;
	margin-bottom: 30px;
	letter-spacing: 0.1em;
}
#contents h2 small {
	font-size: 12px;
	line-height: 1em;
	display:block;
	padding-bottom:10px;
	color: #8CC456;
	font-weight: normal;
	letter-spacing: 0px;
}
/* 診療受付時間設定 */
#contents #timetable {
	margin-bottom: 20px;
}
#contents #timetable h6 {
	margin-bottom:10px;
}
#contents #timetable h6 img {
	width:100%;
}
/* ツイッター設定 */
#contents #twitter {
	margin:0px 10px;
	margin-bottom:30px;
	text-align: center;
}
#contents #twitter img {
	width:100%;
}
/* 症状別設定 */
#contents #symptoms {
	margin-bottom:20px;
	text-align: center;
}
#contents #symptoms h2 {
	line-height:1.4em;
	letter-spacing: 0px;
	margin-bottom:0px;
}
#contents #symptoms ul {
}
#contents #symptoms li {
	font-size: 12px;
	line-height: 1.2em;
	text-align: center;
	float:left;
	width: 33.3%;
	margin-top:30px;
}
#contents #symptoms li img {
	width:90%;
	margin:5px auto;
	display: block;
}
#contents #symptoms li h6 {
	font-size: 14px;
	line-height: 1em;
	margin-bottom:0.5em;
}
#contents #symptoms li:nth-child(3n+1) {
	clear:both;
}
/* ごあいさつ設定 */
#contents #message {
	background-image: url(../img/home/message_bk1.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:100%;
	background-color: #DFF7C6;
	padding-top:85px;
	margin-bottom:30px;
}
#contents #message .section {
	background-image: url(../img/home/message_bk2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:100%;
	padding-bottom:50px;
}
#contents #message h6 {
	width:80%;
	margin:0px auto;
	margin-bottom:20px;
}
#contents #message h6 img {
	width:100%;
	border-radius: 10px;
}
/* 院の特長設定 */
#contents #point {
}
#contents #point ul {
	padding:10px;
	padding-bottom:0px;
}
#contents #point li {
	margin-bottom:40px;
}
#contents #point li:before {
	content: "";
	width: 50px;
	height: 40px;
	background-image: url(../img/home/point1.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 100%;
	position: absolute;
	margin-top:-20px;
	margin-left:10%;
}
#contents #point li:nth-child(2):before { background-image: url(../img/home/point2.png); }
#contents #point li:nth-child(3):before { background-image: url(../img/home/point3.png); }
#contents #point li:nth-child(4):before { background-image: url(../img/home/point4.png); }
#contents #point li:nth-child(5):before { background-image: url(../img/home/point5.png); }
#contents #point li:nth-child(6):before { background-image: url(../img/home/point6.png); }
#contents #point img {
	display:block;
	width:70%;
	border-radius: 10px;
	margin:0px auto;
	margin-bottom:15px;
}
#contents #point h6 {
	font-size: 15px;
	line-height: 1.3em;
	margin-bottom:0.5em;
	color: #8CC456;
}
#contents #point p {
	font-size: 13px;
	line-height: 1.5em;
}
/* 交通事故・むち打ち治療設定 */
#contents #traffic_accident {
	background-image: url(../img/home/traffic_accident_bk1.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:100%;
	background-color: #FBFAF6;
	padding-top:60px;
}
#contents #traffic_accident .section {
	background-image: url(../img/home/traffic_accident_bk2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:100%;
	padding-bottom:50px;
}
#contents #traffic_accident h2 {
	letter-spacing: 0px;
}
#contents #traffic_accident h6 {
	width:100%;
	margin:0px auto;
	margin-top:20px;
}
#contents #traffic_accident h6 img {
	width:100%;
}
/*治療料金・治療の流れ設定 */
#contents #other {
	padding-right:15px;
}
#contents #other li img {
	width:100%;
}
#contents #other li:first-child {
	margin-bottom:20px;
}

}