div#hoshin	h2	{	color: #6274C8;	font-weight: normal;}
div.section	h2	{	color: #6274C8;	font-weight: normal;}
div.section	h2.gy6	{	color: #666 !important;}
div.section	h3	{	color: #777;	font-weight: normal;}
div.section	h3.ora	{	color: #FF8848; font-weight: bold;}

div.section	article	section	h4	{	color: #6274C8;display: inline-block;}
div.section	article	section	h4:before	{
	content: url("/common/img/arrow01.png");
	position: relative;
	top: 5px;
	margin-right: 10px;
}
div.section	article	a.to_price	{	background: #EEE;	color: #666;}
div.section	{	border-bottom: solid 1px #E6E6E6;margin-bottom:20px;}
div#contents	{	text-align: left;}
div#contents	h1	{	text-align: center;}
/*===============================================
●style.css	画面の横幅が737px以上
===============================================*/
@media	only	screen	and	(min-width:	737px){
/*============================
#contents
============================*/
div#contents	{
	margin: 15px auto;
	padding: 30px 0;
}
div#contents	h1	{
	margin: 0 auto 45px;
	font-size: 25px;
	line-height: 1;
	vertical-align: middle;
}
div#contents	h1	img	{
	margin-right: 21px;
	vertical-align: middle;
}
/* ============================ */
div#hoshin	{
	width: 94%;
	max-width: 612px;
	margin: 0 auto;
	border-bottom: solid 1px #E6E6E6;
}
div#hoshin	h2	{
	font-size: 23px;
	line-height: 1;
}
div#hoshin	img.switch	{
	float: right;
	margin: 0 0 40px 45px;
}
div#hoshin	p	{
	margin: 21px auto 0;
	font-size: 14px;
}

/* ============================ */
div.section	{
		width: 94%;
	max-width: 612px;
	margin: 0 auto;
	padding: 40px 0 25px;
}
div.section:last-of-type	{	border-bottom: none;}
div.section	h2	{
	margin-bottom: 21px;
	font-size: 23px;
	line-height: 1;
}
div#type.section	h2	{
	margin-top: 40px;
}

div.section h2.gy6	{
	margin-bottom: -13px;
}
div.section	p.btnavi	{

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 auto 40px;
}
div.section	p.btnavi	a	{
	display: table-cell;
	width: 25%;
}
div.section	p.btnavi	a	img	{
	width: 90%;
}

div.section	h3	{
	font-size: 23px;
	line-height: 1;
	vertical-align: bottom;
	margin-top: 20px;
}
div.section	h3.ora	{
	margin-top: 38px;
	font-size: 20px;
	line-height: 1;
	vertical-align: bottom;
}
div.section	h3	img	{
	margin-right: 8px;
	width: 34px;
	vertical-align: bottom;
}
div.section	h3	span	{
	font-size: 14px;
}

div.section	article	img.photo01	{
	float: right;
	margin: 0 0 0 48px;
	width: 25%;
}
div.section	article	h3	{
}
div.section	article	h3	img	{
}
div.section	article	section	{
	margin: 20px auto 0;
	font-size: 15px;
	line-height: 1.4;
}
div.section	article	section	h4	{
	margin-bottom: 12px;
	font-size: 15px;
}
div.section	article	section	p	{
	margin: 15px 0;
	font-size: 13px;
	line-height: 1.3;
}
div.section	article	section	p	a	{
}
div.section	article	a.to_price	{
	clear: both;
	display: inline-block;
	float: right;
	margin: 15px 0 auto;
	padding: 10px 13px;
	background: #EEE;
	color: #666;
}

}
/*===============================================
●smart.css		画面の横幅が736pxまで
===============================================*/
@media	only	screen	and	(max-width:736px){
/*============================
#contents
============================*/
div#contents	{
	margin: 7% auto;
}
div#contents	h1	{
	width: 90%;
	margin: 0 auto;
	font-size: 1.2em;
	line-height: 1;
	vertical-align: middle;
}
div#contents	h1	img	{
	width: 10%;
	max-width: 42px;
	margin-right: 10px;
	vertical-align: middle;
}
/* ============================ */
div#hoshin	{
	width: 90%;
	margin: 6% auto 0;
}
div#hoshin	h2	{
	font-size: 1.1em;
	line-height: 1;
}
div#hoshin	img.switch	{
	float: right;
	width: 30%;
	max-width: 169px;

	margin: 0 0 15px 15px;
}
div#hoshin	p	{
	margin: 4% auto 0;
	font-size: 0.95em;
}
/* ============================ */
div.section	{
		width: 100%;
	margin: 0 auto;
}
div.section	h2	{
	width: 90%;
	margin: 0 auto 15px;
	font-size: 1.1em;
	line-height: 1;
}
div.section	h2.gy6	{
	margin: 30px 5% 0;
	color: #666 !important;
}
div.section	p.btnavi	{
	width: 90%;
	margin: 0 auto;
	padding: 5%;
	background: #F1F4F9;
	-js-display: flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    -webkit-flex-pack:center;
    -moz-flex-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
}
div.section	p.btnavi	a	{
	width: 50%;
	max-width: 200px;
	margin: 0 0 15px;
	text-align: center;
}
div.section	p.btnavi	a	img	{
	width: 90%;
	max-width: 200px;
}

div.section	article	{
		width: 90%;
	margin: 0 auto;
}
div.section	h3	{
	margin: 0 auto;
	padding: 30px 0 0 33px;
	text-indent: -43px;
	font-size: 1.1em;
	line-height: 1.4;
	vertical-align: bottom;
}
div.section	h3.ora	{
	font-size: 1.05em;
	line-height: 1.4;
	vertical-align: bottom;
}
div.section	h3	img	{
	margin-right: 8px;
	width: 34px;
	vertical-align: bottom;
}
div.section	h3	span	{
	font-size: 0.87em;
}

div.section	article	img.photo01	{
	clear: both;
	float: right;
	width: 40%;
	max-width: 212px;
	margin: 0 0 5px 15px;
}
div.section	article	h3	img	{
}
div.section	article	section	{
	margin: 15px auto 0;
	font-size: 15px;
	line-height: 1.4;
}
div.section	article	section	h4	{
	margin-bottom: 8px;
	font-size: 0.95em;
	white-space: nowrap;
}
div.section	article	section	p	{
	margin: 15px 0;
	font-size: 0.85em;
	line-height: 1.3;
}
div.section	article	section	p	a	{
}
div.section	article	a.to_price	{
	clear: both;
	display: inline-block;
	float: right;
	margin: 15px 0;
	padding: 10px 13px;
	background: #EEE;
	color: #666;
	font-size: 0.90em;
}

}
/*==== ** smart*portrait max-width:414px ** ==================================*/
@media only screen and (orientation: portrait) and (max-width:414px) {
div.section	h3	{
	font-size: 4.5vw;
}
div.section	h3	img	{
	margin-right: 8px;
	width: 15%;
	max-width: 24px;
	vertical-align: bottom;
}

}

/*20220219追加*/
.section p{
	font-size: 15px;
	padding:10px 5px;
}
.inline{
	display: inline-block;
}
.insurance,
.not_insurance,
.umeda_iin,
.umeda_tennouji,
.price_botton{
	margin: 10px 0 10px 10px;
    padding: 4px 14px 2px;
    border-radius: 5px;
}
@media only screen and (max-width:736px){
	.insurance,
	.not_insurance,
	.umeda_iin,
	.umeda_tennouji,
	.price_botton{
		font-size:13px;
	}
}
.insurance{
    background: #99CCFF;
}
.not_insurance{
    background: #FFFF8F;
}
.clinic{
	margin: 2px 0;
}
.umeda_iin{
	background: #F6D2FF;
}
.umeda_tennouji{
	background: #F5FFCC;
}
.price_botton{
	background: #A0F9CE;
}
.flex_2{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: start;
	align-items: start;
	flex-wrap: wrap;
	margin: 0 auto;
}
.flex_2 section{
	width:70%;
}
div.section article img.photo01{
	width:calc(30% - 10px);
	margin:0 0 0 10px;
	float:none;
}
/*モーダル*/
.modal-fixed {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch;
}

.modal-content {
    position:relative;
    display:none;
    width: calc(100% - 44px);
    max-width: 500px;
    margin:5px;
    margin-top:50px;
    padding:15px 10px;
    border:2px solid #aaa;
    background:#fff;
}
div.modal-content h3{
	vertical-align: middle;
    font-size: 30px;
    margin: 10px 15px;
    display: inline-block;
    padding: 0 0 0 10px;
    text-indent: 0;
}
div.modal-content table{
	margin:10px auto;
	text-align: center;
}
div.modal-content table th{
	font-size:20px;
	color:#999;
	border:2px solid #99CCFF;
	padding:10px;
	font-weight: 500;
	border-collapse:collapse;
}
div.modal-content table td{
	color:#6274C8;
	border:2px solid #99CCFF;
	padding:10px;
	border-collapse:collapse;
}
div.modal-content table td.t_left{
	text-align: left;
}
.modal-content p {
    margin:0;
    padding:0;
}

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
    z-index: 199999;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}

.modal-open {
    color:#333;
    text-decoration:none;
}

.modal-open:hover {
    cursor:pointer;
    color:#999;
}

.modal-close {
    color:#333;
    text-decoration:none;
    font-size: 40px;
    position: absolute;
    top: 0px;
    right: 10px;
}

.modal-close:hover {
    cursor:pointer;
    color:#999;
}

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