@charset "UTF-8";

/* 共通
-----------------------------------------------------------------------------*/
.mtm .detailBtn a{
	background-color:#518BC9;
}



/* intro */
.mtm .intro{
	text-align:center;
}

.mtm .lead strong{
	color:#EB8C78;
	font-weight:normal;
}

.mtm .intro dl{
	padding:4% 0;
}
.mtm .intro dd{
	margin-top:2.5%;
}

.mtm .intro strong.fs_l{
	color:#ED5953;
}

/* tab */
.mtm .tab ul{
	display:table;
	margin-top:4%;
}
.mtm .tab li{
	display:table-cell;
}

/* content */
.mtm .content{
	background:#fff;
	padding-top:8%;
	padding-bottom:3%;
}

/* 診療の流れ横スクロール */
.otona .scrollBox{
	background:#E1EEF5;
	margin:5% 0 0;
	padding:0 5%;
	text-align:center;
}
.kids .scrollBox{
	background:#F9EEF7;
	margin:5% 0 0;
	text-align:center;
}
.ortho .scrollBox{
	background:#EFF8E0;
	margin:5% 0 0;
	padding:0 5%;
	text-align:center;
}


/* block */
.mtm .block{
	padding-top:9%;
	padding-bottom:3%;
}

.mtm .subTitle{
	background:#46AB94;
	color:#fff;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:1.5%;
	text-align:center;
	position:relative;
}
.mtm .subTitle div{
	position:absolute;
	width:90%;
	margin:0 auto;
	text-align:center;
	top:-2.8em;
	z-index:0;
}
.mtm .subTitle h3 , .mtm .subTitle p{
	position:relative;
	z-index:1;
}
.mtm .subTitle h3{
	font-size:1.3em;
	padding-top:5.5%;
	letter-spacing:.1em;
}
.mtm .subTitle p{
	margin-top:1.5%;
}
.mtm .subTitle span{
	background:#fff;
	border-radius:2em;
	padding:.6em 2em .5em;
	color:#46AB94;
	font-weight:bold;
}
.mtm .priceBox{
	background:#32957B;
	text-align:center;
	color:#fff;
	font-weight:bold;
	padding:.5em;
}

.mtm .inner{
	padding-left:3%;
	padding-right:3%;
}

.mtm .flowList ul{
	_zoom:1;
	overflow:hidden;
}
.mtm .flowList li{
	margin-top:5%;
}
.mtm h4 {
	position: relative;
	color:#46AB93;
	left:1.2em;
	font-size:1.25em;
}
.mtm h4::after {
	display: block;
	content: '';
	position: absolute;
	top: .4em;
	left: -1.2em;
	width: .6em;
	height: .6em;
	background-color: #DEF0EE;
	border-radius: 100%;
}
.mtm .flowList ul:nth-child(2){
	border-top:dotted 1px #46AB94;
	margin-top:6%;
	margin-bottom:6%;
}
.mtm .flowList li p{
	margin-top:1.8%;
	margin-bottom:3.3%;
}

.mtm .flowList p a{
	color:#ED5953;
	text-decoration:underline;
}

.mtm .flowList div{
	text-align:center;
}

.mtm .column4 ul{
	_zoom:1;
	overflow:hidden;
}
.mtm .column2 ul{
	_zoom:1;
	overflow:hidden;
}

.mtm .kensa{
	border:solid 3px #EC8784;
	padding:5% 4%;
}
.mtm .kensa h5{
	background:url(../images/mtm/deco_bar.png) no-repeat center bottom;
	color:#EC8784;
	padding-bottom:2.5%;
	margin-bottom:5%;
	text-align:center;
	font-size:1.4em;
}

.mtm .kensa h6 {
	color:#46AB93;
	font-size:1.1em;
	text-align:center;
	margin-top:3%;
	margin-bottom:2%;
}
.mtm .kensa p{
	font-size:.95em;
}

.mtm .case ul{
	_zoom:1;
	overflow:hidden;
}
.mtm .case li{
	margin-top:3%;
}
.mtm .case li:first-child{
	border:solid 3px #FAA08A;
}
.mtm .case li:last-child{
	border:solid 3px #9DD86D;
}
.mtm .case li p:first-child{
	color:#fff;
	text-align:center;
	font-size:1.4em;
	padding:7% 2% 14%;
	font-weight:bold;
}
.mtm .case li:first-child  p:first-child{
	background:#FAA08A;
}
.mtm .case li:last-child  p:first-child{
	background:#9DD86D;
}
.mtm .case li div{
	margin-top:-7%;
}
.mtm .case li p:last-child{
	padding:5% 7%;
}

.mtm .topi{
	position:relative;
}
.mtm .topi dl{
	display:table;
	background:#EDFCFE;
}
.mtm .topi dt{
	background:#C8EFEF;
	color:#2C9F86;
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
	padding:4% 2%;
}
.mtm .topi dd{
	padding:4% 20% 4% 4%;
}

.mtm .type{
	_zoom:1;
	overflow:hidden;
}
.mtm .type li{
	background-color:#FDFFAF;
}

.mtm .type li:first-child div{
	background:url(../images/mtm/arrow_pk.png) no-repeat center top;
}
.mtm .type li:last-child div{
	background:url(../images/mtm/arrow_bl.png) no-repeat center top;
}
.mtm .good , .mtm .bad{
	color:#fff;
	font-size:1.25em;
	text-align:center;
	padding:.7em .4em;
	font-weight:bold;
}
.mtm .good{
	background:#FAA08A;
}
.mtm .bad{
	background:#8CB7D1;
}
.mtm .type li dt{
	font-size:1.2em;
	text-align:center;
	padding-top:2em;
	padding-bottom:.5em;
	padding-left:.5em;
	padding-right:.5em;
	background-color:#FDFFAF;
	font-weight:bold;
}
.mtm .type li:first-child dt{
	color:#EB8684;
}
.mtm .type li:last-child dt{
	color:#8CB7D1;
}
.mtm .type li dd{
	padding-bottom:2em;
	padding-left:2em;
	padding-right:2em;
	background-color:#FDFFAF;
}




/* PC
------------------------------------------*/
@media only screen and (min-width: 768px)  {

/* tab */
.mtm .tab ul{
	padding:0 10%;
}

/* block */
.mtm .block{
	padding-left:3%;
	padding-right:3%;
}

.mtm .flowList li p{
	margin-left:1.5em;
}

.mtm .column3 li{
	float:left;
	width:30.3%;
	margin-left:4%;
}
.mtm .column4 li{
	float:left;
	width:22%;
	margin-left:4%;
}

.mtm .column2 li{
	float:left;
	width:48%;
	margin-left:4%;
}
.mtm .column3 li:first-child , .mtm .column4 li:first-child , .mtm .column2 li:first-child{
	margin-left:0;
}

.set2 , .set3{
	position:relative;
}
.set2 ul{
	position:relative;
	left:17%;
}
.set3 ul{
	position:relative;
	left:12%;
}

.mtm .case li{
	width:48%;
}
.mtm .case li:first-child{
	float:left;
}
.mtm .case li:last-child{
	float:right;
}

.mtm .topi dt , .mtm .topi dd{
	display:table-cell;
	vertical-align:middle;
}
.mtm .topi dt{
	width:20%;
}

.mtm .topi div{
	position:absolute;
	right:0;
	bottom:0;
	padding-left:76%;
}

.mtm .type ul{
	display:table;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 20px 0;  /* 左右 上下で記述 */
	margin-top:5%;
	margin-left:-20px;
}
.mtm .type li{
	display:table-cell;
	border-spacing: 0 0;  /* 左右 上下で記述 */
}
.mtm .type li div{
	display:table-cell;
	vertical-align:top;
	padding-top:4.5em;
}
.mtm .otona #flow6 .type li:first-child div{
	width:50%;
}
.mtm .type .lastBox{
	border-left:solid 10px #fff;
}

}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.mtm .subTitle div{
	width:10%;
	padding:0 45%;
	top:-2em;
}
.mtm .topi dt{
	width:25%;
}
.scrollBox{
	text-align:center;
}
.scrollBox img{
	max-height:250px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.mtm .subTitle div{
	width:10%;
	padding:0 43%;
	top:-.8em;
}
.mtm .subTitle h3{
	padding-top:7.5%;
	padding-bottom:.5%;
}
.mtm .flowList li{
	border-top:dotted 1px #46AB94;
	padding-top:6%;
	margin-bottom:6%;
}
.mtm .flowList li:first-child{
	border:none;
	padding-top:0;
}

.mtm .kensa{
	text-align:center;
}
.mtm .kensa li{
	margin-top:5%;
	margin-bottom:8%;
}
.mtm .kensa h5{
	background:url(../images/mtm/deco_bar.png) no-repeat center bottom;
	background-size:70%;
	font-size:1.3em;
	padding-top:4%;
}
.mtm .kensa h6{
	margin:2% 0 0;
}
.mtm .topi dd{
	padding:4%;
}
.mtm .topi div{
	background:#EDFCFE;
	text-align:center;
}
.mtm .type li p{
	margin-top:5%;
}
.mtm .type li:first-child div:last-child{
	background-image:none;
	padding-top:0;
	margin-top:-10%;
}
.mtm .type li:first-child div , .mtm .type li:last-child div{
	background-size:contain;
}
.mtm .type li div{
	padding-top:2em;
}
}



/* 成人、小児
------------------------------------------*/
.otona #flow7 .flowList li p:first-child{
	margin-left:0;
}
.otona #flow10 .kensa , .kids #flow5 .kensa{
	margin-top:6%;
	margin-bottom:4%;
}
.mtm .kensa .matome{
	text-align:center;
	margin-top:4%;
}
.mtm .kensa .matome span{
	background:#FAA08A;
	display:inline;
	padding:.7em 2em;
	color:#fff;
	font-size:1.2em;
	border-radius:30px;
}

/* PC
------------------------------------------*/
@media only screen and (min-width: 768px)  {
.kids #flow2 .detailBtn a{
	width:15em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.mtm .kensa .matome span{
	display:block;
	border-radius:30px;
}
}



/* 矯正
------------------------------------------*/
.ortho #flow1 .flowList{
	margin-bottom:5%;
}
.ortho #flow1 .flowList ul:first-child{
	margin-top:3%;
}
.ortho #flow1 .flowList ul:nth-child(2){
	border-top:none;
	margin-top:0;
	margin-bottom:3%;
}
.ortho #flow1 .flowList li{
	margin-top:1.5%;
}

.ortho #flow1 .kensa{
	padding:5% 0 0;
}
.ortho #flow1 .kensa .column4{
	padding-left:4%;
	padding-right:4%;
}
.ortho #flow1 .kensa .bg_ye{
	background:#FCFFAA;
	padding-top:4%;
	padding-bottom:4%;
	margin-top:4%;
}

.ortho .case li p:first-child{
	padding:3% 2%;
}

.ortho #flow4 .txt_al_c{
	background:#FDFFAF;
	color:#EB8584;
	font-size:1.3em;
	font-weight:bold;
	padding:3%;
	margin-top:3%;
}
.ortho #flow8 .kensa{
	margin-top:6%;
	margin-bottom:4%;
}

/* PC
------------------------------------------*/
@media only screen and (min-width: 768px)  {
.ortho #flow1 .set2 ul{
	position:relative;
	left:25%;
}
.ortho #flow6 .column3{
	border-top:dotted 1px #46AB94;
	margin-top:6%;
	margin-bottom:6%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}


/* 定期検診
------------------------------------------*/
.kenshin .content{
	margin-top:5%;}

.kenshin .mtm .subTitle {
	margin-top:-15%;}

.kenshin .mtm .subTitle h3{
	padding-top:1.5%;
}

.kenshin .mtm .kensa{
	margin-top:5%;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
	.kenshin .mtm .subTitle {
	margin-top:-20%;}
}





/* PC
------------------------------------------*/
@media only screen and (min-width: 768px)  {
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Landscape)
------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {}