@charset "utf-8";

h2#title_data img{height:780px;}
@media screen and (max-width:1200px) {
h2#title_data img{height:650px;}
}
@media screen and (max-width:960px) {
h2#title_data img{height:auto; object-fit: contain;}
}


p.read{ text-align:center; margin:30px auto;}
select.pagelink{display:none;}

/* 料金 */
table{border:1px solid #CCCCCC; width:47%; margin:0 1.3% 12px 0.8%; float:left; border-collapse:collapse; font-size:0.9em;}
th{background-color:#F0D78A; color:#333333; padding:10px 4px; border-right:1px solid #CCCCCC;}
th span{font-weight:normal; font-size:0.8em;}

td{border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background-color:#F8F8F8; padding:12px 4px;}
td.cont{width:40%;}
td.ope{ font-weight:bold; width:27.5%;}
td.ope span{font-weight:normal;}
td.pri{background-color:#FFFFFF; text-align:right; white-space:nowrap;}
td span.notes{font-size:0.8em;}
td span.sml{font-size:0.9em;}
td span.cam{ color:#CC0000;}


ol {
  counter-reset:num;
  list-style-type: none!important;
  padding:0;
  margin:0;
}
ol strong{font-size:1.2em;}
ol li {
  position: relative;
  padding-left: 30px;
  line-height:1.8em;
  padding: 0.5em 0.5em 1.2em 3em;
}

ol li:before {
  position: absolute;
  counter-increment: num;
  content: counter(num);
  display:inline-block;
  background:#666666;
  color: #FFF;
  font-family: 'Arial',sans-serif;
  font-weight:bold;
  font-size:1.6em;
  border-radius: 50%;
  left: 0;
  width:1.6em;
  height:1.6em;
  line-height:1.6em;
  text-align: center;
  top:0;
}

p.link{margin-top:22px;}
p.link a{ display:inline-block; background-color:#999999; color:#FFFFFF; border-radius:12px; -moz-border-radius:30px; -webkit-border-radius:30px; padding:6px 30px;}
p.link a:hover{background-color:#CCCCCC; text-decoration:none; color:#333333;}

div.payment dl{ margin:0; padding:0;}
div.payment dt{color:#990000;}
div.payment dd{margin:0 0 12px; padding:0 0 0 32px;}


div.medical{background-color:#FBEDC4; padding:12px 18px 0; margin:12px 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
div.medical p{margin:0; padding:0;}
div.medical strong{ color:#666600; font-size:1em;}

div.medical ol{margin:8px 0; padding:0;}
div.medical ol li{padding:0 0 0.5em 1.2em;}
div.medical ol li:before{background:none; color:#666600; font-size:1em; width:auto; height:auto;}

p.notes{font-size:0.9em; margin:0; padding:0; color:#333333;}

dl.qr_pay{margin-top:6px; display:block; float:none; clear:both;}
dl.qr_pay dt{float:left; width:70px; text-align:center; border:1px solid #E6CBCA; padding:0 6px;}
dl.qr_pay dd{margin-left:88px; padding:0;}
dl.qr_pay span{margin-left:4px;}

ul.qr{margin-left:24px;}
ul.qr li{padding:0;}
ul.qr li:before{content:""; border:none; display:none;}


@media screen and (max-width:1080px) {
select.pagelink{clear:both; float:none; display:block; margin:0 auto 30px auto;}
select.pagelink{
	border:1px solid #999999;
	padding: 6px 10px;
	color: #333;
	background: #fff;
	border-radius: 5px;
	cursor:pointer;

	/* Webkit */
	-webkit-border-radius: 5px;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#CCCCCC),
		to(#FFFFFF)
		);	

	/* Firefox */
	-moz-border-radius: 5px;
	background: -moz-linear-gradient(
	top,
	#CCCCCC,		
	#FFFFFF
	);
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#CCCCCC,endColorstr=#FFFFFF);	
	zoom: 1;
	}


table.price{width:96%; margin:12px auto; padding:0; float:none; clear:both; border-left:1px solid #CCCCCC;}
td.cont{width:auto;}
td.pri{width:32%;}
td.ope{vertical-align:top;}

div.payment img{max-width:100%;}
}

@media screen and (max-width:990px) {
}

@media screen and (max-width:560px) {

td.pri{width:auto;}
td span.bl{display:block;}
td span.sml{font-size:0.8em;}
td span.notes{display:block;}

ol li p{margin-left:-2.4em; margin-top:12px;}
div.payment p.notes{margin-left:-2.7em;}

ol li div.medical{margin-left:-2.7em;}
ul.qr{margin-left:-1em;}

div.payment dl{ margin:0 0 0 -2.4em; padding:0;}

div.payment dt{font-weight:bold;}
div.payment dd{margin:0 0 12px; padding:0 0 0 0;}

dl.qr_pay{margin-top:12px;}
dl.qr_pay dt{width:auto; text-align:left; border:none; padding:0;}
dl.qr_pay dt, dl.qr_pay dd{float:none; margin:0; display:block;}
dl.qr_pay dd{margin:0 0 12px 0;}

}