@charset "utf-8";
/*common*/
@media all and (min-width:801px){
	.pc{display: block}
	.sp{display: none}
/* アニメーション設定 */
#main a {
  padding-top: 70px;
  
}
#main a span {
  position: absolute;
  bottom: 10%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin-left: -12px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
  -webkit-animation: sdb 1.5s infinite;
  animation: sdb 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}

@keyframes arrow1 {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  20% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  40% {
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0);
  }

  60% {
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0);
  }

  80% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

@keyframes arrow2 {
  0% {
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0);
  }

  20% {
    -webkit-transform: translate3d(-50%, 20px, 0);
    transform: translate3d(-50%, 20px, 0);
  }

  40% {
    -webkit-transform: translate3d(-50%, 20px, 0);
    transform: translate3d(-50%, 20px, 0);
  }

  60% {
    -webkit-transform: translate3d(-50%, 20px, 0);
    transform: translate3d(-50%, 20px, 0);
  }

  80% {
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0);
  }

  100% {
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0);
  }
}
@keyframes fade-in {
	from {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
}
a#mama{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

/*header*/
#header{width: 98%; padding: 1%; background-color: #ffffff; position: fixed; top: 0; z-index: 2;}
	#header .logo{width: 350px; float: left; margin-right: 2%; padding-top: 15px;}
	#header .subLogo{width: 150px; float: left;}
	#header .subLogo li:first-child{margin-bottom: 10px; padding-top: 10px;}
	#header .tel{width: 300px; float: right; padding-top: 15px;}

/*main*/
#main{width: 100%; background-color: #ffffff; padding-top: 100px; position: relative;}
	#main > div {max-width: 1800px; margin: 0 auto;}
	#main img{width: 100%}

/*concept*/
#concept{padding-top: 70px; position: relative; background-color: #ffffff;}
	#concept p{margin: 0 auto; width: 1000px; padding: 60px 0;}

/*promiss*/
.mama_info{background-color: #fcc800; position: relative; width: 100%;padding-top: 70px; height: 100vh; }
	.mama_info div{margin: 0 auto; width: 1000px; padding: 8% 0; background: url("img/mama_info.png") no-repeat; height: 849px; position: relative;}
	.mama_info .icon01{position: absolute; top: 200px; left: 200px;}
	.mama_info .icon02{position: absolute; top: 200px; right: 200px;}
	.mama_info .icon03{position: absolute; top: 450px; left: 200px;}
	.mama_info .icon04{position: absolute; top: 450px; right: 200px;}
	.mama_info .icon05{position: absolute; top: 700px; left: 200px;}

.mama_concept{margin: 0 auto; width: 1000px; padding: 100px 0;}

.mama_doctor{background-color: #e6f4f9; position: relative; width: 100%;padding-top: 70px;}
	.mama_doctor p{margin: 0 auto; width: 1000px; padding: 60px 0;}
.mama_clinic{margin: 0 auto; width: 1000px; padding: 100px 0 60px; position: relative}
/*info*/
#info{width: 1000px; margin: 0 auto 3%; color: #7f5800; position: absolute; top: 200px; left: 80px;}
	#info h4{ font-size: 24px; font-family: sans-serif}
	#info p{ font-size: 14px; font-family: sans-serif}
	#info .contact-box{float: left;width: 44%; }
	#info .contact-ttl{margin-top: 20px; font-size: 14px; }
	#info .tel-num{font-size: 38px; font-weight: bold; color: #7f5800;}
		#info .tel-num a{color: #7d7b6f; color: #7f5800;}
	#info .logo-sub{float: left;width: 30%; margin-right: 20px;}
	#info .subLogo-sub{float: left;width: 80%; padding-top: 6px;}
	#info .sublogo-box{margin-bottom: 12px;}
	.ft-navi ul{float: left; width: 650px;}
	
	.ft-navi li{float: left; margin-top: 50px; margin-bottom: 30px;}
		.ft-navi li a{ color: #7f5800; margin-right: 16px;}

/* .schedule
------------------------------------*/
.schedule{float: left;	width: 50%;}

.schedule table {
	box-sizing: border-box;
	border-radius: 3px;
	font-family: sans-serif

	text-align: center;
	margin-bottom: 10px;
}

.schedule tr {
	background: linear-gradient(to left, #EB6100 50%, #FCFAEA 50%, #FCFAEA 100%) left top repeat-x;
	background-size: 4px 1px;
}

.schedule tr:first-of-type {
	background: none;
}

.schedule th {
	padding: 12px 5px;
	color: #333;
	font-weight: bold;
}

.schedule tr th:first-of-type {
	padding: 12px;
	letter-spacing: 0.2em;
}

.schedule tr th:last-of-type {
	letter-spacing: 0.1em;
}

.schedule tr th:last-of-type,
.schedule tr td:last-of-type {
	padding-right: 15px;
	padding-left: 0;
	text-align: left;
	color: #7f5800;
}

_::-webkit-full-page-media, _:future, :root .schedule tr td:last-of-type {
	padding-right: 30px !important;
}

.schedule td {
	padding: 5px 12px 5px;
	vertical-align: middle;
	color: #e40080;
	font-weight: bold;
	letter-spacing: 0.1em;
}


.schedule td.close {
	font-size: 20px;
	line-height: 1;
}

_::-webkit-full-page-media, _:future, :root .schedule td.close {
	padding-left: 0 !important;
}
.schedule small{display: block; font-size: 11px; font-family: sans-serif;color: #7f5800;}
.schedule span{display: block; font-size: 11px; font-family: sans-serif;color: #7f5800;}

/*calender*/
#calender{max-width: 1000px; margin: 0 auto; }
	#calender{width: 100%; margin: 0 auto; }

/*map*/
#map{max-width: 100%; margin: 60px auto; }


/*footer*/
#footer{width: 98%; padding: 1%;}
	#footer .logo{width: 400px; float: left; margin-right: 2%; margin-bottom: 2%;}
	#footer .subLogo{width: 500px; text-align: left} 
	#footer .subLogo li{float: left; text-align: left}
	#footer .subLogo li:first-child{margin-bottom: 10px; margin-right: 3%;}
	#footer .tel{width: 300px; float: left;}
	#footer .bnr{width: 300px; float: right;}


}
.map-title{text-align: center; background-color: #f5a333; padding: .5% 0; color: #fff; font-size: 24px;}
@media all and (max-width:800px){
	/* アニメーション設定 */
	.scroll {
    position: fixed;
    bottom: 15%;
    left: 50%;
    z-index: 2;
    margin-left: -69px;
}
.drawer-nav{}
	.drawer-nav li{font-size: 14px;}
		.drawer-nav li a{line-height: 3em; display: block; border-bottom: 1px dotted #dedede;}
#main a {
  padding-top: 70px;
  
}
#main a span {
  position: absolute;
  bottom: 25%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin-left: -12px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
  -webkit-animation: sdb 1.5s infinite;
  animation: sdb 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}

@keyframes arrow1 {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  20% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  40% {
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0);
  }

  60% {
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0);
  }

  80% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

@keyframes arrow2 {
  0% {
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0);
  }

  20% {
    -webkit-transform: translate3d(-50%, 20px, 0);
    transform: translate3d(-50%, 20px, 0);
  }

  40% {
    -webkit-transform: translate3d(-50%, 20px, 0);
    transform: translate3d(-50%, 20px, 0);
  }

  60% {
    -webkit-transform: translate3d(-50%, 20px, 0);
    transform: translate3d(-50%, 20px, 0);
  }

  80% {
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0);
  }

  100% {
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0);
  }
}

	.pc{display: none}
	.sp{display: block}
/*header*/
#header {
    width: 90%;
    padding: 5%;
    background-color: #ffffff;
}	#header .logo{width: 100%;
    float: none;
    margin-right: 0;
    text-align: center;}
    #header .logo img {
    width: 70%;
    float: none;
    margin-right: 0;
    text-align: center;
}
	#header .subLogo{width: 400px; float: left;}
	#header .subLogo li:first-child{margin-bottom: 0; padding-top: 10px;}
.tel {
    width: 100%;
    float: none;
    padding-top: 0;
    position: fixed;
    bottom: 0;
    z-index: 2;
    background-color: #EB6100;
    margin: 0 auto;
    text-align: center;
}
.tel img {
    width: 70%;
    margin: 0 auto;
    padding: 3% 0;
}
/*main*/
#main{width: 100%; background-color: #ffffff; position: relative;}
	#main > div {max-width: 100%; margin: 0 auto;}
	#main img{width: 100%}

/*concept*/
#concept{position: relative; background-color: #ffffff;width: 90%; margin: 0 auto;}
	#concept p{margin: 0 auto; width: 100%; padding: 8% 0;}
	#concept p img{width: 100%;}
/*promiss*/
.mama_info{background-color: #fcc800; position: relative; width: 100%;padding-top: 20px; height: 380px; }
	.mama_info div{margin: 0 auto; width: 90%; padding: 8% 0;
		background: url("img/mama_info.png") no-repeat; height: 360px; position: relative; background-size: contain}
	.mama_info .icon01{position: absolute; top: 70px; left: 18%; width: 16%; display: block;}
	.mama_info .icon01 img {width: 100%}

	.mama_info .icon02{position: absolute; top: 70px; right: 18%; width: 16%; display: block;}
	.mama_info .icon02 img{ width: 100%}

	.mama_info .icon03{position: absolute; top: 155px; left: 18%; width: 16%; display: block;}
	.mama_info .icon03 img{ width: 100%}

	.mama_info .icon04{position: absolute; top: 155px; right: 18%; width: 16%; display: block;}
	.mama_info .icon04 img{ width: 100%}

	.mama_info .icon05{position: absolute; top: 238px; left: 18%; width: 16%; display: block;}
	.mama_info .icon05 img{ width: 100%}

.mama_concept{margin: 0 auto; width: 100%; padding: 0;}
	.mama_concept img{width: 100%;}

.mama_doctor{background-color: #e6f4f9; position: relative; width: 100%; }
	.mama_doctor p{margin: 0 auto; width: 90%; padding: 8% 0 ;}
	.mama_doctor img{width: 100%;}
.mama_clinic{margin: 0 auto; width: 100%; padding: 0 0 8%;}
	.mama_clinic img{width: 100%;}

/*info*/
#info{max-width: 86%; margin: 0 auto 3%; color: #7f5800;}
	#info h4{ font-size: 24px; font-family: sans-serif}
	#info p{ font-size: 14px; font-family: sans-serif; line-height: 1.4em;}
	#info .contact-box{float: none;width: 100%; }
	#info .contact-ttl{margin-top: 20px; font-size: 14px; }
	#info .tel-num{font-size: 28px; font-weight: bold;}
		#info .tel-num a{color: #7f5800;}
	.ft-navi ul{float: left; width: 650px;}
	
	.ft-navi li{float: left; margin-top: 50px; margin-bottom: 30px;}
		.ft-navi li a{ color: #7f5800; margin-right: 16px;}
		
	#info .logo-sub{float: left;width: 40%; margin-right: 20px;}
	#info .subLogo-sub{float: left;width: 50%; padding-top: 6px;}
	#info .sublogo-box{margin-bottom: 12px;}
	.ft-navi ul{float: left; width: 100%;}
	
	.ft-navi li{float: left; margin-top: 50px; margin-bottom: 30px;}
		.ft-navi li a{ color: #7f5800; margin-right: 16px;}


/* .schedule
------------------------------------*/
.schedule{float: none;	width: 100%;}

.schedule table {
	box-sizing: border-box;
	border-radius: 3px;
	font-family: sans-serif;
	width: 100%;

	text-align: center;
	margin-bottom: 10px;
}

.schedule tr {
	background: linear-gradient(to left, #EB6100 50%, #FCFAEA 50%, #FCFAEA 100%) left top repeat-x;
	background-size: 4px 1px;
}

.schedule tr:first-of-type {
	background: none;
}

.schedule th {
	padding: 12px 5px;
	color: #333;
	font-weight: bold;
	text-align: left !important;
}

.schedule tr th:first-of-type {
	padding: 12px;
	letter-spacing: 0.2em;
}

.schedule tr th:last-of-type {
	letter-spacing: 0.1em;
}

.schedule tr th:last-of-type,
.schedule tr td:last-of-type {
	padding-right: 0;
	padding-left: 0;
	text-align: center;
	color: #7f5800;
}

_::-webkit-full-page-media, _:future, :root .schedule tr td:last-of-type {
	padding-right: 30px !important;
}

.schedule td {
	padding: 3%;
	vertical-align: middle;
	color: #e40080;
	font-weight: bold;
	letter-spacing: 0.1em;
}


.schedule td.close {
	font-size: 20px;
	line-height: 1;
}

_::-webkit-full-page-media, _:future, :root .schedule td.close {
	padding-left: 0 !important;
}
.schedule small{display: block; font-size: 11px; font-family: sans-serif}
.schedule span{display: block; font-size: 11px; font-family: sans-serif}

/*calender*/
#calender{max-width: 90%; margin: 0 auto; }
	#calender img{width: 100%; margin: 0 auto; }

/*map*/
#map{max-width: 90%; margin: 60px auto; }


/*footer*/
#footer{width: 98%; padding: 1%; margin-bottom: 130px;}
	#footer .logo{width: 80%; float: none; margin: 0 auto 35px; text-align: center;}
	#footer .subLogo{width: 260px; float: left;}
	#footer .subLogo li:first-child{margin-bottom: 10px;}
	#footer .tel{width: 300px; float: right; padding-top: 15px;}

#footer .bnr {
    width: 70%;
    float: none;
    margin:0 auto;
}
#footer .bnr img{
    width: 100%;
}

}
/************************************************************
HTML TAGS
************************************************************/
*{
	margin:0;
	padding:0px;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	color:#7d7b6f;
	font-style: normal;
	font-size:14px;
	line-height:1.7;
	letter-spacing:1px;
	font-feature-settings : "palt";
	letter-spacing: 0.075em;
	-webkit-text-size-adjust: 100%;
     font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-weight: 400;
	font-style: normal;
	-webkit-font-feature-settings: 'pkna';
	font-feature-settings: 'pkna';
}


::selection {
	background:#000033; /* Safari */
	color:#fff;
}

::-moz-selection {
	background:#000033; /* Firefox */
	color:#fff;

}

h1{}

h2{}

h3{}

h4{}

h5{}

p{
	font-weight:normal;
	letter-spacing:0.01em;
	font-size:14px;
	line-height:1.7;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th{line-height:1.5;}

td{line-height:1.5;}

ul,ol{list-style-type:none;	color:#666666;
}

li img, dt img, dd img{vertical-align:bottom;}

hr{margin:0px;padding:0px;}


a{
	color:#0c0014;
	outline:none;
	text-decoration:none;
}
img {
	vertical-align: top;
}
a img{
	border:none;
}


/* custom size*/
p,li,dt,dd,th,td{
	font-size:15px;
	letter-spacing: 0.01em;
}

textarea{
	font-size:93%;
}

.clear{
	clear:both;
	font-size:0;
	line-height:0;
	height:0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*ﾂ･*//*/
  height: auto;
  overflow: hidden;
  /**/
}