@charset "utf-8";

@font-face {
   src: url(/contents/sangubashi-dc/fonts/hkreing.ttf);
   font-family: "hkreing";
}

body {
	font-size:16px;	
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5em;
	color:#333;
	text-align:center;
	position:relative;
	background:url(../images/common/body_bg.html) 0 0 repeat-x;
	min-width:1200px;
}

html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td,img,figure {
    margin:0;
    padding:0;
}

p {
	font-size:16px;
	line-height:1.5em;
	margin-bottom:10px;
}

em{
	font-style:normal;
	font-size:20px;
	font-weight:bold;
}

strong{
	color:#22ad49;
}

mark{
	background: linear-gradient(transparent 70%, #ffcce2 70%);
}


main aside{
	background:#f8f7f2 url(../images/index/commitment_bg.html) center top;
	padding:20px;
	margin-bottom:30px;
}

main aside h4{
	background:#fff;
}

main aside ul{
	margin-left:20px;
}

main aside ul li{
	font-size:16px;
	line-height:1.2em;
	margin-bottom:10px;
}


main ul{
	margin-left:0px;
	list-style:none;
}


dt,dd{
	font-size:16px;
	line-height:1.5em;
}


.content,
#content01,
#content02,
#content03,
#content04,
#content05,
#content06,
#content07,
#content08,
#content09,
#content10{
	margin-bottom:30px;
}

main .inner{
	width:980px;
	margin:0 auto;
}

.phone{
	font-size:50px;
	line-height:1em;
}


img.waku{
	padding:3px;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	box-sizing:border-box;
	box-shadow:1px 1px 5px #ccc;
}


.imgR{
	float:right;
	margin-left:10px;
}

.imgL{
	float:left;
	margin-left:10px;
}

.backtop {
	z-index: 100;
	position:fixed;
	bottom:40px;
	right:40px;
	width:110px;
	height:110px;
}

.backtop a:nth-child(1) {
	width:100%;
	height:100%;
	padding:10px 0 0;
	box-sizing:border-box;
	display:block;
	background:#ff8a00 url(../contents/sangubashi-dc/images/common/h_logo.png) no-repeat 50% 24%;
	text-indent:0;
	font-size:16px;
	font-weight: bold;
	line-height:1.2em;
	text-align:center;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	opacity:1;
	border-radius:50%;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.backtop a:nth-child(2) {
	width:30%;
	height:30%;
	padding:5px 0 0;
	box-sizing:border-box;
   display:block;
   margin-left: 110px;
	background:#ff8a00 url(../contents/sangubashi-dc/images/common/h_logo.png) no-repeat 50% 24%;
	text-align:center;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	opacity:1;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.backtop a:hover {
	color: #fff;
	background:#22ad49;
}


.detailbtn{
	width:100%;
	text-align:center;
}

.detailbtn a{
	margin:0 auto;
	display:inline-block;
	padding:5px 10px;
	background:#fff;
	border:1px solid #3690c9;
	border-radius:5px;
	color:#3690c9;
	text-decoration:none;
}

.detailbtn a:hover{
	color:#fff;
	background:#3690c9;
	border:1px solid #3690c9;
}


.linkbtn{
	width:100%;
	text-align:center;
}

.linkbtn a{
	margin:0 auto;
	display:inline-block;
	padding:10px 20px;
	background:#22ad49;
	border:1px solid #22ad49;
	border-radius:20px;
	color:#fff;
	text-decoration:none;
}

.linkbtn a:hover{
	color:#22ad49;
	background:#fffbfa;
	border:1px solid #22ad49;
}

#breadcrump{
	font-size:14px;
	line-height:1.5em;
	text-align:center;
	color:#615644;
	margin-bottom:30px;
}

#breadcrump .inner{
	width:980px;
	margin:0 auto;
	text-align:left;
}

#breadcrump i{
	font-size:20px;
	line-height:1.5em;
}

#breadcrump a{
	color:#615644;
	text-decoration:none;
}

#breadcrump a:hover{
	color:#ad9670;
	text-decoration:none;
}

main .pagenavi ul{
	list-style:none;
}

main .pagenavi ul li{
	background:url(../images/common/li_001.html) left 7px no-repeat;
	padding-left:20px;
}

main .pagenavi ul li a{
	color:#615644;
}

main .pagenavi ul li a:hover{
	color:#ff6600;
	text-decoration:underline;
}

.sp{
	display: none;
}

.container {
	position: relative;
	text-align: center;
	color: white;
  }

.centered {
	position: absolute;
	top: 70%;
	left: 50%;
	width: 90%;
	transform: translate(-50%, -50%);
}

.centered p{
	font-size: 32px;
	color: #FFF;
	text-shadow: 4px 0 0 rgba(25,25,230,.8), -4px 0 0 rgba(25,25,230,.8),0 4px 0 rgba(25,25,230,.8),0 -4px 0 rgba(25,25,230,.8),2px 2px rgba(25,25,230,.8),-2px -2px 0 rgba(25,25,230,.8),2px -2px 0 rgba(25,25,230,.8),-2px 2px 0 rgba(25,25,230,.8);
	margin-bottom: 45%;
	font-weight: 551;
}

.oshirase-outer .linkbtn {
	padding-bottom: 30px;
}

#main-inner #oshirase{
width: 80%;
padding-left: 10%;
padding-bottom: 20px;
position: relative;
text-align: center;
}

#main-inner #oshirase li{
	border-bottom:1px dotted #666;
	list-style:none;
	padding:10px;
	text-align: left;
}
#main-inner #oshirase a{
	color:#000;
	text-decoration:none;
  }
#main-inner #oshirase  span{
	background-color:#22ad49;
	border-radius:3px;
	color:#fff;
	font-size: 16px;
	display:inline-block;
	margin-right:20px;
   padding:5px;
   width: 7%;
   text-align: center;
  }
#main-inner #oshirase time{
	display: inline-block;
	font-weight: bold;
	margin-right:40px;
	font-size: 16px;
  }
#main-inner #oshirase p {
	color:#1c448d;
	display: inline-block;
	text-decoration:underline;
	cursor: pointer;
  }

#main-inner #oshirase .oshirase-text{
   color:rgb(10, 10, 10);
   font-weight: 500; 
   text-decoration: none;
   margin-left: 9%;
}

#main-inner #oshirase .hide{
   color: rgb(34, 173, 73);
   margin-left: 10%;
}

#main-inner #oshirase .new::after{
	content:"NEW";
	color: #d10606;
	font-size: 1.1rem;
	border: 1px solid #d10606;
	padding: 4px 8px;
	margin: 0 0 0 20px;
	display: inline-block;
	line-height: 1;
}

main .container-inside-clinic {
	position: relative;
	text-align: center;
	color: wrgb(196, 173, 173);
	padding-top: 10px;
	background: #f9f8e6;
}

main .container-inside-clinic .top-left {
	position: absolute;
	font-size: 30px;
	top: 45%;
	left: 35%;
	transform: translate(-50%, -50%);
}
main .container-inside-clinic .bottom-left {
	position: absolute;
	font-size: 30px;
	top: 95%;
	left: 32%;
	transform: translate(-50%, -50%);
}
main .container-inside-clinic .top-right {
	position: absolute;
	font-size: 30px;
	top: 45%;
	left: 75%;
	transform: translate(-50%, -50%);
}
main .container-inside-clinic .bottom-right {
	position: absolute;
	font-size: 30px;
	top: 95%;
	left: 75%;
	transform: translate(-50%, -50%);
}
main .container-inside-clinic .bottom-right p, .bottom-left p, .top-left p, .top-right p{
	font-size: 25px;
}

main .container-button-taisetsu {
	position: relative;
	text-align: center;
	background: #f9f8e6;
}

main .container-button-taisetsu .centered {
	position: relative;
	text-align:center;
}

main .container-button-taisetsu .centered a{
	margin:0 auto;
	display:inline-block;
	padding:10px 20px;
	background:#22ad49;
	border:1px solid #22ad49;
	border-radius:20px;
	color:#fff;
	margin-top: 30px;
	text-decoration:none;
}

main .container-button-taisetsu .centered a:hover{
	color:#22ad49;
	background:#fffbfa;
	border:1px solid #22ad49;
}

#wideslider{
	margin-bottom:0px;
	box-shadow:0 10px 15px #eee;
}

.wideslider{
	z-index:1;
	position:relative;
}

.wideslider .catchcopy{
	position:relative;
	top:50px;
	text-align:center;
	z-index:3;
	font-family: Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:1.5em;
}

.wideslider figure{
	position:relative;
	overflow: hidden;
	width:100%;
	margin:0;
}

.wideslider figcaption{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height:60px;
	background: rgba(0,0,0,.5);
	-webkit-transition: .3s;
	transition: .3s;
	font-size:200%;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:20px;
	padding-right:10px;
	color:#fff;
	text-align:center;
}

.wideslider figure:hover figcaption{
	bottom: 0;
}

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin-bottom:0;
}


.wideslider ul,
.wideslider ul li {
   float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}

.wideslider .slider_prev,
.wideslider .slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}

.slider_prev {background: #ffffff url(../images/index/prev.png) no-repeat right center;}
.slider_next {background: #ffffff url(../images/index/next.png) no-repeat left center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	border-radius:10px;
	display: inline-block;
	overflow: hidden;
	background: #fff;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}



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

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}


main .syncer-acdn-faq{
	margin: 0;
}

main .syncer-acdn-faq dt ,
main .syncer-acdn-faq dd{
	margin: 0;
	padding: 0;
}

main .syncer-acdn-faq dt:hover{
	cursor: pointer ;
	color: #22ad49 ;
}

main .syncer-acdn-faq dt{
	font-size:18px;
	color:#333;
	margin-bottom:10px;
	display:flex;
}


main .syncer-acdn-faq dt i{
	font-size:30px;
	font-weight:nomal;
	color:#22ad49;
	display:block;
	width:50px;
}

main .syncer-acdn-faq dd{
	display: none ;
	font-size:16px;
	border:1px solid #ccc;
	background:#fafafa;
	padding:20px;
	margin-bottom:20px;
}

main .syncer-acdn-faq dd p:last-child{
	margin-bottom:0;
}


#container{
	width:100%;
	text-align:center;
}

#container-inner{
	width:100%;
	line-height:100%;
	margin:0 auto;
	text-align:left;
}



header{
	width:100%;
	box-shadow:0 0 5px #ccc;
	margin-bottom:0px;
	text-align:center;
	background: #f9f8e6;
}

header .inner{
	width:1080px;
	height:100%;
	margin:0 auto;
	position:relative;
	text-align:left;
}

header .top_line{
	text-align:left;
	color:#22ad49;
	height:3px;
	width: 100%;
	font-weight:normal;
	text-align:center;
	background:#22ad4988;
}

header #header-logo{
	font-size:40px;
	font-family: "a-otf-gothic-bbb-pr6n", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	color:#000;
	position:absolute;
	top:5px;
	/* left:-2%; */
	left: 5%;
   text-align:center;
}

header #header-logo p {
   margin-top: 8px;
   font-size: 20px;
   color: #22ad49;
   font-weight: 550;
   font-family: "hkreing";
}


header #header-logo a{
	font-size:40px;
	line-height:1em;
	font-family: "a-otf-gothic-bbb-pr6n", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	color:#000;
	text-decoration:none;
	box-sizing:border-box;
   text-align:center;
   display: flex;
}

header #header-logo a span{
   font-family: "a-otf-gothic-bbb-pr6n", "ヒラギノ角ゴ Pro W3";
   font-weight: 550;
   font-size: 16px;
}

header #header-content{
	height: 3.5em;
	align-self: center;
	color:#000;
}

header #header-content p{
	color:#000;
	background:none;
	margin-left:20px;
}


header #header-content .tel{
   position: absolute;
	font-size:24px;
	padding: 4px;
	color:#000;
	background:none;
	text-align:center;
   /* margin-left: 28%; */
	margin-left: 40%;
}

header #header-content .tel i{
	/* font-size:24px; */
	font-size:28px;
	color:#22ad49;
   margin-right:5px;
}

header #header-content .phonelink{
	/* font-size:20px; */
	font-size:28px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
	line-height:1em;
	color:#22ad49;
   margin-bottom:5px;
}

header #header-linkbtn{
	font-size: 12px;
	align-self: center;
	color: #1201D6;
	font-weight: 700;
	position: absolute;
   /* right: 30%; */
   right: 8%;
   top: 10px;
   display: flex;
   flex-direction: column;
   width: 24%;
   text-align: center;
}

header #header-linkbtn a{
   color: #CA2F2F;
   border: 1px solid #CA2F2F;
   border-radius: 5px;
   font-size: 11px;
   text-decoration: none;
}

header #header-linkbtn a:hover{
   color: #FFF;
   border: 1px solid #22ad49;
   background-color: #22ad49;
}

header #header-linkbtn i{
   padding: 0 3px;
}

header #header-email {
	display: flex;
	font-size: 14px;
	font-weight: 700;
	margin-left: 32%;
}

header #header-email span {
	color: #22ad49;
}

header #header-email a{
	color:#CBBB44;
}

header #header-lineicon{
	height: 3.5em;
	width: 12%;
	font-size: 12px;
	align-self: center;
	color:#000;
	position: absolute;
   right: 15%;
	top: 10px;
}


#header-qrcode {
   position: absolute;
   width: 16%;
   height: 96%;  
   color: black;
   right: -5%;
   top: 2px;
}

#header-qrcode span {
   position: absolute;
   top: 10%;
   left: 0.5%;
   width: 90px;
   padding: 3px;
   color: #333;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: 600;
   line-height: 1.5em;
}

#header-qrcode img {
   position: absolute;
   left: 75%;
	top: 50%;
	transform: translate(-50%, -50%);
}


header #header-lineicon div{
	margin-left: 15px;
}


.btnMenu,#sp_gnavi{
	display:none;
}

.dropbtn {
	background-color: #f8f7f2;
	color: #000;
	min-width: 100px;
	min-height: 50px;
	font-size: 16px;
	border: none;
  }
  
  .dropdown {
	position: relative;
	display: inline-block;
  }
  
  .dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 100px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
  }
  
.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
  
.dropdown-content a:hover {background-color: #22ad4955;}
  
.dropdown:hover .dropdown-content {display: block;}
  
.dropdown:hover .dropbtn {
	background-color: #22ad49;
	color: #fff;
}

#gnavi{
	background:#f8f7f2;
	text-align:center;
	padding:10px 0;
	z-index: 200;
	position: relative;
	box-shadow:0 5px 5px #ccc;
}

#gnavi2{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background:#f8f7f2;
	width:100%;
	text-align:center;
	margin-bottom:0;
	padding:10px 0;
	box-shadow:0 5px 5px #ccc;
}

#gnavi2 .inner{
	width:980px;
	margin:0 auto;
	position:relative;
	display:flex;
	padding-top:10px;
	box-sizing:border-box;
}

#gnavi2 .g2_logo{
	padding-top:15px;
	box-sizing:border-box;
	text-align:center;
}

#gnavi2 .g2_point{
	padding-top:50px;
	font-size:16px;
	text-align:center;
	display:flex;
}

#gnavi2 .g2_point div{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	width:90px;
	-webkit-width:100px;
	border-radius:5px;
	background:#22ad49;
	color:#fff;
	padding:8px;
	box-sizing:border-box;
	margin:0 5px;
}

#gnavi2 .g2_point div span{
	display:block;
	font-size:18px;
	font-weight:bold;
	margin-top:5px;
}

#gnavi2 .g2_point div:first-child{
	background:#8fc31f;
}

#gnavi2 .g2_point div:nth-child(2){
	background:#22ad49;
}

#gnavi2 .g2_point div:last-child{
	background:#22ad49;
}

#gnavi2 .g2_content{
	font-size:16px;
	color:#22ad49;
	background:none;
	text-align:center;
}

#gnavi2 .g2_content .phonelink{
	font-size:38px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
	line-height:1em;
	color:#22ad49;
	margin-bottom:5px;
}

#gnavi2 .g2_content dl{
	display:flex;
}

#gnavi2 .g2_content dt{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:7px;
	width:80px;
	background:#22ad49;
	color:#fff;
}

#gnavi2 .g2_content dd{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.3em;
	text-align:left;
	color:#333;
	letter-spacing:-0.05em;
	padding-left:10px;
	box-sizing:border-box;
}

#gnavi ul,
#gnavi2 ul{
	list-style:none;
	width:980px;
	margin:0 auto;
	box-sizing:border-box;
	font-size: 12px;
}

#gnavi ul li,
#gnavi2 ul li{
	box-sizing:border-box;
	float:left;
	width:110px;
	height:50px;
	border-right:1px solid #efefef;
	position:relative;
}

#gnavi ul li span,
#gnavi2 ul li span{
	display:block;
	text-align:center;
}

#gnavi ul li:nth-child(8),
#gnavi2 ul li:nth-child(8){
	width:80px;
}

#gnavi ul li a,
#gnavi2 ul li a{
	display:block;
	width:100%;
	height:auto;
	color:#333;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:400;
	line-height:1.2em;
	padding-top:10px;
	padding-bottom:10px;
	box-sizing:border-box;
}


#gnavi ul li a:hover,
#gnavi2 ul li a:hover{
	background-color: #22ad49;
	color: #fff;
}

#gnavi ul li ul,
#gnavi2 ul li ul{
	display: none;
	width:100%;
	position: absolute;
	top:55px;
	left:0;
}

#gnavi ul li ul li,
#gnavi2 ul li ul li{
	float:none;
	font-size:13px;
	line-height:0;
	border:none;
	width:100% !important;
	height:30px;
	margin-bottom:1px;
	position:relative;
}

#gnavi ul li ul li:first-child,
#gnavi2 ul li ul li:first-child{
	border-left:none;
}

#gnavi ul li ul li:last-child,
#gnavi2 ul li ul li:last-child{
	border-right:none;
}

#gnavi ul li ul li a,
#gnavi2 ul li ul li a{
	display:block;
	width:100%;
	height:100%;
	padding:8px 0 0 10px;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	text-align:left;
	background:rgba(0,160,233,0.70);
	background:#22ad49;
}

#gnavi ul li ul li a:hover,
#gnavi2 ul li ul li a:hover{
	color:#fff;
	background:#22ad49;
}

#gnavi ul li ul li a i,
#gnavi2 ul li ul li a i{
	position:absolute;
	right:10px;
	top:10px;
}



#content{
	clear:both;
	text-align:center;
	width:100%;
	margin-top:0px;
	margin-bottom:30px;
}

#content-inner {
	width:980px;
	margin:0 auto;
	margin-top:0;
}


#side1{
	width:240px;
	float:left;
	text-align:center;
	margin-bottom:20px;
}

#side1 nav#side1-nav1{
	margin-bottom:20px;
	border:1px solid #ccc;
	box-sizing:border-box;
}

#side1 nav#side1-nav1 p{
	font-size:18px;
	line-height:50px;
	color:#fff;
	background:#22ad49 url(../images/common/side1_title.png);
	background-size:cover;
	border-bottom:1px solid #22ad49;
	margin-bottom:0;
	color:#fff;
}

#side1 nav#side1-nav1 p a{
	font-size:18px;
	line-height:50px;
	color:#fff;
	text-decoration:none;
	background:#22ad49;
	margin-bottom:0;
}

#side1 nav#side1-nav1 ul{
	list-style:none;
	margin:0;
}

#side1 nav#side1-nav1 ul li{
	border-top:none;
	font-size:100%;
	line-height:1.5em;
	text-align:left;
	border-top:1px solid #ccc;
	position:relative;
}

#side1 nav#side1-nav1 ul li a{
	display:block;
	width:100%;
	min-height:30px;
	padding:10px 0 5px;
	padding-left:20px;
	box-sizing:border-box;
	text-decoration:none;
	font-size:14px;
	color:#333;
	background:#fff;
}

#side1 nav#side1-nav1 ul li a:hover{
	color:#fff;
	background:#22ad49;
}

#side1 nav#side1-nav1 ul li a span{
	position:absolute;
	right:20px;
	top:10px;
	font-size:12px;
	color:#22ad49;
}

#side1 nav#side1-nav1 ul li a:hover span{
	color:#fff;
}

#side1 nav#side1-nav1 ul li a i{
	position:absolute;
	right:20px;
	top:10px;
	font-size:20px;
	font-weight:bold;
}

#side1 nav#side1-nav1 ul li ul li a{
	background:#f8f7f2;
}

#side1 nav#side1-nav1 ul li.sub a{
	font-size:14px;
	padding-left:40px;
	color:#333;
	background:#fafafa;
}

#side1 nav#side1-nav1 ul li.sub a i{
	position:absolute;
	right:20px;
	top:10px;
	font-size:20px;
	font-weight:bold;
	color:#333;
}

#side1 nav#side1-nav1 ul li.sub a:hover{
	color:#fff;
	background:#bae6ec;
}
#side1 nav#side1-nav1 ul li.sub a:hover i{
	color:#fff;
}



main{
	width:740px;
	float:left;
	text-align:center;
}

main #main-inner {
	width:700px;
	margin:0 auto;
	text-align:left;
}

main .main-inner-center {
   padding-left: 20%;
}



#content h1{
	font-size:35px;
	line-height:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color:#615644;
	text-align:center;
	text-shadow:0 0 10px #fff;
	padding:40px 0;
	box-sizing:border-box;
	margin-bottom:30px;
}



main h1{
	font-size:40px;
	line-height:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color:#615644;
	text-align:center;
	padding:20px 0 20px;
	box-sizing:border-box;
	margin-bottom:10px;
}

main h2{
	font-size:28px;
	line-height:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	background:url(../images/common/h2_bg.png) left bottom repeat-x;
	margin-bottom:20px;
	padding-bottom: 10px;
}

main h3{
	font-size:25px;
	line-height:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color:#412710;
	background:url(../images/common/h3_bg.html) left center no-repeat;
	background-size:40px;
	padding:10px 10px 10px 20px;
	padding-left:45px;
	margin-bottom:20px;
}

main h4{
	font-size: 20px;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
   color: #22ad49;
	background: #f8f7f2;
	padding: 5px 10px;
	margin-bottom: 20px;
	border-left: 5px solid #412710;
	box-shadow: 2px 2px 5px #ccc;
}

main h5{
	font-size:24px;
	line-height:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	background:#ff98a4;
	padding:5px 10px 5px 20px;
	border-bottom:2px solid #22ad49;
	margin-bottom:20px;
}

main h6{
	font-size:20px;
	line-height:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	margin-bottom:10px;
}



nav#pagenavi{
	background:#fff;
	border-top:3px dotted #999;
	border-bottom:3px dotted #999;
	border-radius:0px;
	padding:20px 20px 10px 20px;
	margin-bottom:10px;
}

nav#pagenavi h4{
	background:none;
	min-height:20px;
}

nav#pagenavi ul{
	list-style:none;
}

nav#pagenavi ul li{
	font-size:100%;
	line-height:1.5em;
	text-align:left;
	float:left;
}

nav#pagenavi ul li a{
	background:url(../images/common/side1_navi1_sub.html) 15px center no-repeat;
	display:block;
	min-height:30px;
	padding-top:10px;
	padding-right:10px;
	padding-left:32px;
	text-decoration:none;
	color:#333;
}

nav#pagenavi ul li a:hover{
	color:#077bc5;
	background:#e5f6fe url(../images/common/side1_navi1_sub.html) 15px center no-repeat;;
}

footer{
	width:100%;
	background: #f9f8e6;
	color:#333;
	border-top:1px solid #f8f7f2;
	padding:30px 0 0;
	box-sizing:border-box;
}

footer #footer-inner{
	width:980px;
	margin:0 auto;
	text-align:center;
	position:relative;
}

footer h4{
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}


footer #footer_info{
	display:flex;
	text-align:left;
}

footer #footer_info .box{
	width:50%;
	text-align:left;
	padding:10px;
	box-sizing:border-box;
}

footer #footer_info .box_clinic{
	width:400px;
	text-align:left;
	padding:10px;
	box-sizing:border-box;
	
}

footer #footer_info .box_map{
	width:580px;
	text-align:left;
	padding:10px;
	box-sizing:border-box;
}

footer #footer_info .box_map iframe{
	width:580px;
}

footer #footer_info a{
	color:#333;
	text-decoration:underline;
}

footer #clinicinfo a:hover{
	color:#22ad49;
	text-decoration:underline;
}


footer #footer_info .box_clinic .logo{
	text-align:left;
	margin-bottom:20px;
}



footer #footer_info .box_clinic .tel{
	font-size:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1em;
	letter-spacing:0.05em;
	background:none;
	color:#22ad49;
}

footer #footer_info .box_clinic .tel a{
	font-size:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1em;
	letter-spacing:0.05em;
	background:none;
	color:#22ad49;
	text-decoration: none;
}

footer #footer_info .box_clinic .tel i{
	font-size:30px;
	color:#22ad49;
	margin-right:10px;
}


footer #footer_info .box_clinic .fax{
	font-size:30px;
	color:#000;
	display:none;
}

footer #footer_info .box_clinic .fax i{
	font-size:30px;
	color:#22ad49;
	margin-right:10px;
}

footer #footer_info .box_clinic .email{
	padding: 10px 0;
	font-size: 15px;
}

footer #footer_info .box_clinic .email span{
	color: #22ad49;
}

footer #footer_info .box_clinic .email a{
	color:#CBBB44;
	font-weight: 700;
}


footer #footer_info .box_clinic .mail{
	display:inline-block;
	display:none;
	margin:0 auto;
	margin-bottom:20px;
}

footer #footer_info .box_clinic .mail a{
	font-size:18px;
	display:block;
	padding:10px 20px;
	text-decoration:none;
	border:1px solid #22ad49;
	border-radius:20px;
	color:#fff;
	background:#22ad49;
}

footer #footer_info .box_clinic .mail a:hover{
	border:1px solid #22ad49;
	background:#fff;
	color:#22ad49;
}


footer #footer_info .box_clinic table[title="診療時間"]{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:360px;
	margin-bottom:10px;
}

footer #footer_info .box_clinic table[title="診療時間"] th{
	font-size:14px;
	font-weight:normal;
	line-height:1.5em;
	color:#fff;
	background:#645140;
	border-bottom:1px solid #000;
}

footer #footer_info .box_clinic table[title="診療時間"] td{
	font-size:14px;
	font-weight:normal;
	line-height:1.5em;
	text-align:center;
	vertical-align:middle;
	color:#645140;
	background:#fff;
	border-bottom:1px solid #000;
}

footer #footer_info .box_clinic table[title="診療時間"] + p{
	font-size:14px;
	text-align:left;
	width:360px;
}


#footer-tel{
	display:none;
}


footer #footer-copyright{
	text-align:center;
	font-size:14px;
	color: #fff;
	padding: 15px 0;
	box-sizing: border-box;
	background: #22ad49;
}


#index #gnavi {
	margin-bottom:0;
}

#index #content {
	width:100%;
	margin-bottom:0;
}

#index #content-inner {
   width:100%;
}

#index main{
	width:100%;
	float:none;
	text-align:center;
}

#index main #main-inner {
	width:100%;
	text-align:center;
}

#index main #main-inner .inner{
	width:980px;
	margin:0 auto;
	text-align:left;
}



#index main #index_catchcopy{
	font-family: Arial, Helvetica, sans-serif;
	background:url(../images/common/inside_clinic_rect.png) right bottom no-repeat;
	width: 100%;
	margin-bottom:0;
}

#index main #index_catchcopy p{
	font-size:30px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5em;
	text-align:center;
	margin-bottom:50px;
}


#index main #content02{
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	line-height:1.5em;
	padding:50px 0;
	box-sizing:border-box;
	margin-bottom:0;
}

#index main #content02 h2{
	font-size:30px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	text-align:center;
	border:none;
	background:none;
}

#index main #content02 h2 span{
	color:#22ad49;
}

#index main #content02 h2 strong{
	font-size:60px;
	line-height:1.2em;
	color:#333;
	display:block;
}

#index main #content02 div[title="解説"]{
	text-align:center;
	margin-bottom:20px;
}

#index main #content02 div[title="解説"] p{
	display:inline;
	margin-right:10px;
}

#index main #content02 span.close{
	display:inline-block;
	width:22px;
	background:#ffe6e6;
	color:#ffe6e6;
	margin-right:5px;
	text-align:center;
}

#index main #content02 .calendar{
	display:flex;
}

#index main #content02 .calendar div{
	width:48%;
	margin:1%;
	font-size: 25px;
	padding: 4px;
	color: #22ad49;
}

#index main #content02 .calendar table{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:100%;
	margin-bottom:10px;
}

#index main #content02 .calendar table th{
	font-size:14px;
	font-weight:normal;
	line-height:1.5em;
	text-align:center;
	color:#fff;
	background:#22ad49;
	border:1px solid #000;
}

#index main #content02 .calendar table td{
	font-size:14px;
	font-weight:normal;
	text-align:center;
	vertical-align:top;
	color:#645140;
	background:#fff;
	border:1px solid #666;
	height:50px;
}

#index main #content02 .calendar table span{
	font-size:17px;
}

#index main #content02 .calendar table td.close{
	font-size:14px;
	font-weight:normal;
	line-height:1.5em;
	text-align:center;
	color:#aaa;
	background:#d4cdcd;
}

#index main #content02 .calendar table td.close a{
  pointer-events: none;
  cursor: default;
}

#index main #content02 .calendar table td.lastDay{
   opacity: 0.6;
}

#index main #content02 .calendar table td.toDay{
	color:#645140;
   background:#7bc991;
}

#index main #content02 .calendar table + p{
	font-size:14px;
	text-align:left;
}

#index main #content02 .calendar a{
   text-decoration: none;
}


#index main #content02 .inner p span{
   margin-left: 10px;
}


#index main #content03{
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	background:#6bb070 ; 
	padding-top: 40px;
	box-sizing:border-box;
	margin-bottom:0;
}

#index main #content03 div{
	font-size: 20px;
	color: #fff;
	margin-top: -20px;
}


#index main #content03 .inner{
	display:flex;
	flex-direction: row;
}

#index main #content03 h2{
	font-size:60px;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	border:none;
	background:none;
}

#index main #content03 .inner p{
	width:20%;
	margin:6% 1%;
	text-align:center;
}

#index main #content03 .inner p a:hover{
	color:#ff8a00;
}

#index main #content03 .inner p a{
	width:100%;
	height:100%;
	display:block;
	font-size:22px;
	color:#fff;
	text-align:center;
	text-decoration:none;
}

#index main #content03 .inner p a:first-child{
	font-size:20px;
}

#index main #content03 .inner p a img{
	width:100%;
	display:block;
	margin-bottom:10px;
}

#index main #content03 .inner p a:hover img{
	box-shadow:0 0 20px #ff8a00;
	border-radius:50%;
}

#index main #content04 {
   width: 100%;
   background: #6bb070;
   margin-bottom: -30px;
   padding-bottom: 60px;
}

#index main #content04 a {
   margin: 2%;
   align-items: center;
}

#index main #content04 .box {
   text-align: center;
   display: flex;
      width: 100%;
   align-items: center;
   justify-content: center;
   
}

#index main #content04 p {
   text-align: center;
   width: 44%;
   margin: 0 28%;
   color:#FFF ;
   border-bottom: 2px solid #FFF;
   font-size: 40px;
}

#index main #content04 button {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  font-size: inherit;
  font-family: inherit;
}

#index main #content04 button.box-linkbtn {
  padding: 0.3em 2em;
  border: 2px solid #5153cf;
  border-radius: 0.75em;
  font-weight: 300;
  font-size: 20px;
  color: #382b22;
  text-transform: uppercase;
  background: #5f67da;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -ms-transform-style: none;
  transition: .15s cubic-bezier(0, 0, .6, 1);
  color: #FFF;
}

#index main #content04 button.box-linkbtn::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: #8fadee;
  -webkit-box-shadow: 0 0 0 2px #5153cf, 0 .625em 0 0 #7aa5da;
  -moz-box-shadow: 0 0 0 2px #5153cf, 0 .625em 0 0 #7aa5da;
  -o-box-shadow: 0 0 0 2px #5153cf, 0 .625em 0 0 #7aa5da;
  box-shadow: 0 0 0 2px #5153cf, 0 .625em 0 0 #7aa5da;
  -ms-box-shadow: 0 0 0 2px #5153cf, 0 .625em 0 0 #7aa5da;
  -webkit-transform: translate3d(0, .75em, -1em);
  -moz-transform: translate3d(0, .75em, -1em);
  -o-transform: translate3d(0, .75em, -1em);
  transform: translate3d(0, .75em, -1em);
  -ms-transform: translate3d(0, 2em, 0em);
  transition: .15s cubic-bezier(0, 0, .6, 1);
}

#index main #content04 button.box-linkbtn:hover {
  background: #5f67da;
  -webkit-transform: translate(0, .25em);
  -moz-transform: translate(0, .25em);
  -o-transform: translate(0, .25em);
  transform: translate(0, .25em);
}

#index main #content04 button.box-linkbtn:hover::before {
  -webkit-box-shadow: 0 0 0 2px #5153cf, 0 .5em 0 0 #7aa5da;
	-moz-box-shadow: 0 0 0 2px #5153cf, 0 .5em 0 0 #7aa5da;
	-o-box-shadow: 0 0 0 2px #5153cf, 0 .5em 0 0 #7aa5da;
	box-shadow: 0 0 0 2px #5153cf, 0 .5em 0 0 #7aa5da;
  -ms-box-shadow: 0 0 0 2px #5153cf, 0 .5em 0 0 #7aa5da;
  
  -webkit-transform: translate3d(0, .5em, -1em);
  -moz-transform: translate3d(0, .5em, -1em);
  -o-transform: translate3d(0, .5em, -1em);
  transform: translate3d(0, .5em, -1em);
  -ms-transform:translate3d(0, .75em, -1em) translate(0, .25em) translate3d(0, .5em, -1em);
}

#index main #content04 button.box-linkbtn:active {
  background: #5f67da;
  -webkit-transform: translate(0, 75em);
  -moz-transform: translate(0, 75em);
  -o-transform: translate(0, 75em);
  transform: translate(0, .75em);
}

#index main #content04 button.box-linkbtn:active::before {
  box-shadow: 0 0 0 2px #5153cf, 0 0 #7aa5da;
  -moz-box-shadow: 0 0 0 2px #5153cf, 0 0 #7aa5da;
  -o-box-shadow: 0 0 0 2px #5153cf, 0 0 #7aa5da;
  -webkit-box-shadow: 0 0 0 2px #5153cf, 0 0 #7aa5da;
  -ms-box-shadow: 0 0 0 2px #5153cf, 0 0 #7aa5da;

  -moz-transform: translate3d(0, 0, -1em);
  -o-transform: translate3d(0, 0, -1em);
  -webkit-transform: translate3d(0, 0, -1em);
  transform: translate3d(0, 0, -1em);
  -ms-transform:translate3d(0, .75em, -1em) translate(0, .25em) translate3d(0, .5em, -1em) translate(0, 75em) translate3d(0, 0, -1em);
}

#index main #latest_news dl{
	width:500px;
}
#index main #latest_news dt{
	border-bottom:1px solid #ccc;
	float:left;
	padding:10px 5px;
}
#index main #latest_news dd{
	border-bottom:1px solid #ccc;
	margin-left:100px;
	padding:10px 5px;
}
#index main #latest_news a{
	background-color:red;
	border-radius:5px;
	color:#fff;
	margin:0 20px;
	padding:5px 15px;
	text-decoration:none;
}

#index main #index_news{
	text-align:center;
	background:#fff;
	padding:50px;
	box-sizing:border-box;
}

#index main #index_news h2{
	font-size:40px;
	font-family: Arial, Helvetica, sans-serif;
	color:#22ad49;
	color:#333;
	text-align:center;
	border:none;
}

#index main #index_news h2 i{
	color:#22ad49;
}

#index main #index_news .inner{
	text-align:center;
}

#index main #index_news dl{
	padding-left:140px;
	text-align:left;
}

#index main #index_news dt{
	width:120px;
	float:left;
	margin-bottom:20px;
}

#index main #index_news dt i{
	color:#22ad49;
	margin-right:5px;
}

#index main #index_news dd{
	padding-left:130px;
	margin-bottom:20px;
}

#index main #index_news dd a{
	color:#333;
	text-decoration:none;
}

#index main #index_news dd a:hover{
	color:#22ad49;
	text-decoration:none;
}


#greeting main h2.name{
	font-size:30px;
	line-height:1em;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	margin-top:30px;
}

#greeting main h2.name span{
	font-size:20px;
	color:#333;
	margin-right:10px;
}

#greeting main h2.name b{
	color:#22ad49;
}

#greeting main .status{
	display:flex;
}

#greeting main .status > div{
	width:50%;
}

#greeting main #staff_other .box{
	border:2px solid #ccc;
	border-radius:10px;
	background:#f8f7f2;
	padding:20px;
	margin-top:10px;
}

#news .content-news {
	min-height: calc(100vh - 648px);
}

#news main ul li{
	font-size:16px;
	line-height:1.2em;
	margin-bottom:10px;
	background:url(../images/common/li_arrow_001%402x.png) no-repeat;
	background-size:10px;
	background-position:0 5px;
	padding-left:25px;
}

#news main ul li a{
	color:#333;
	text-decoration:none;
}

#news main ul li a:hover{
	color:#22ad49;
	text-decoration:underline;
}

#news h3{
   text-align: center;
	font-size:25px;
	line-height:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color:#412710;
	background:url(../images/common/h3_bg.html) left center no-repeat;
	background-size:40px;
	padding:10px 10px 10px 20px;
	padding-left:45px;
	margin-bottom:20px;
}



#general main .tel{
	font-size:30px;
	color:#666;
	text-decoration:none;
	text-align:center;
}

#general main .tel i {
	font-size:30px;
	color:#22ad49;
	text-decoration:none;
}


main .meta{
	font-size:12px;
	text-align:right;
}


.eyecatch img{
	width:100%;
	height:auto;
}

#question .entrybody,
#column .entrybody{
	margin-bottom:50px;
}

#question .entrybody .meta,
#column .entrybody .meta{
	font-size:12px;
	text-align:right;
	color:#ccc;
}

#question aside,
#column aside{
	background:#f5f5f5;
	padding:20px;
}

#question aside ul,
#column aside ul{
	margin-left:15px;
}