@charset "utf-8";
/*
 * CSS base.css
 */
 
/* ---------------------------------------
base
--------------------------------------- */
body{ color: #303030; font-size: 16px; line-height: 1.8; text-align: left; font-family: 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, Karla, "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN" ,"Meiryo UI", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-text-size-adjust: 100%; letter-spacing: 0.001em; max-height: 999999px;
}
/*@media screen and (max-width: 639px) {
	body { font-size: 14px; }
}*/



/* minwidth */
#minwidth{ min-width: 1040px; position: relative; }







/* 
---------------------------------------
#header
--------------------------------------- */
#header{ color:#fff; padding:9px 0 10px 30px; position: absolute; top:0; left:0; right:0; height:30px; background:#21b6c1; }
#header .cap { font-weight: bold; }
/*body.underbottoms #header{ margin-bottom: 30px; }*/
/*@media screen and (max-width: 1040px) {
	#header{ padding:10px 4%; margin-bottom: 100px; }
}
@media screen and (max-width: 639px) {
	#header{ padding:8px 4%; margin-bottom: 60px; line-height: 1.4 }
	#header .cap { font-size: 0.95em }
	body.underbottoms #header{ margin-bottom: 20px; }
}

@media screen and (max-width: 479px) {
	#header{ margin-bottom: 40px; }
}*/








/* 
---------------------------------------
#gnav
--------------------------------------- */
#gnav { z-index: 10001; text-align: center; }








/* ---------------------------------------
#mainv
--------------------------------------- */
#mainv {padding-bottom: 80px;margin-bottom: 40px;padding-top: 170px;/*background:url(../img/index/mv_img1.jpg) no-repeat center center; background-size: 1856px 620px;*//* height: 200px; */}
#mainv .incnt1{ width: 700px; margin:0 auto; }
#mainv .imglist1{  margin:0 0 50px; text-align: center; }
#mainv .imglist1 li{ width: 19%; display: inline-block; margin:0; padding:0; }
body.underbottoms #mainv{ margin:0 auto 0; padding-top: 90px }
#mainv .incnt1 .txt1{ font-size: 1em; display: block; text-align: center; color: #21b6c1; font-weight: bold; margin-bottom: 50px }



/*@media screen and (max-width: 1040px) {
body.underbottoms #mainv{ margin:0 auto 60px; }
}
@media screen and (max-width: 639px) {
	#mainv { width: 92%; margin:0 4% 40px; }
	body.underbottoms #mainv{ margin:0 auto 50px; }
}*/

/* logo */
#mainv #logo{ margin-bottom: 20px }
#mainv #logo .logo1{ margin-bottom: 30px; text-align: center; }
#mainv #logo .logo1 img{ width: 374px;  }
#mainv #logo a{ text-decoration:none; }
#mainv #logo a:hover .logo1, #mainv #logo a:hover .txt1, #mainv #logo a:hover .txt2, #mainv #logo a:hover .logotxt2{ opacity: 0.7 }
#mainv #logo .logotxt1{ margin-bottom: 20px }
#mainv #logo .logotxt1 .txt1{ font-weight: bold; font-size: 2.25em; display: block; text-align: center; line-height: 1.4; }
#mainv #logo .logotxt1 .txt2{ font-size: 1.06em; display: block; text-align: center; }
#mainv #logo .logotxt2{ border-top: 1px solid #392F2C; border-bottom: 1px solid #392F2C; padding:10px 0; width:260px; text-align: center; margin:0 auto; font-weight: bold; font-size: 1.38em; line-height: 1.4 }
#mainv #logo .logotxt2 span{ font-weight: bold; }

body.underbottoms #mainv #logo{ margin-bottom: 0 }
body.underbottoms #mainv #logo .logo1 img{ width: 180px; }
body.underbottoms #mainv #logo .logotxt1 .txt1{ font-size: 1.3em; }
body.underbottoms #mainv #logo .logotxt2{ padding: 5px 0;width: 200px; font-size: 1em; }
/*@media screen and (max-width: 1040px) {
	#mainv #logo{ margin-bottom: 40px }
	#mainv #logo .logo1{ margin-bottom: 25px; }
	#mainv #logo .logo1 img{ max-width: 300px; width: 90% }
	#mainv #logo .logotxt1{ margin-bottom: 15px }
	#mainv #logo .logotxt1 .txt1{ font-size: 1.75em }
	#mainv #logo .logotxt1 .txt2{ font-size: 1em; }
	#mainv #logo .logotxt2{ padding:8px 0; width:180px; font-size: 1.18em; }
}
@media screen and (max-width: 639px) {
	#mainv #logo{ margin-bottom: 30px }
	#mainv #logo .logo1{ margin-bottom: 20px; }
	#mainv #logo .logo1 img{ max-width: 160px; width: 90% }
	#mainv #logo .logotxt1{ margin-bottom: 10px }
	#mainv #logo .logotxt1 .txt1{ font-size: 1em }
	#mainv #logo .logotxt1 .txt2{ font-size: 1em; }
	#mainv #logo .logotxt2{ padding:5px 0; width:120px; font-size: 0.9em; }

	body.underbottoms #mainv #logo .logo1 img{ width: 140px; }
	body.underbottoms #mainv #logo .logotxt1 .txt1{ font-size: 0.9em; }
	body.underbottoms #mainv #logo .logotxt2{ padding: 5px 0;width: 100px; font-size: 0.8em; }
}*/

/* clinic_info */
#mainv #clinic_info .infotxt1{ background: #21b6c1; width: auto; height: 30px; color: #fff; font-size: 1.1em; font-weight: bold; text-align: center; display: table; margin: 0 auto 25px; padding: 5px 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#mainv #clinic_info .infotxt1 span{ font-weight: bold; display: table-cell; vertical-align: middle; }
#mainv #clinic_info .infotxt2{ color: #c12141; padding: 20px 0 0; width: 700px; text-align: center;  margin:0 auto; font-weight: bold; font-size: 1.29em; margin-bottom: 8px; }
#mainv #clinic_info .infotxt2 span{ font-weight: bold; }
#mainv #clinic_info .infotxt3{ color: #303030;font-weight: bold; text-align: left; font-size: 1em;width: 700px;margin:0 auto; }
#mainv #clinic_info .infotxt3 span{ font-weight: bold;padding-left:1em; text-indent:-1em; display:inline-block; }
/*@media screen and (max-width: 639px) {
	#mainv #clinic_info .infotxt1{ background: url(../img/common/mv_bg1.png) no-repeat center center; background-size: contain; width:auto; height:auto; margin:0 auto 15px; padding:5px 4% 3px;  border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size: 0.8em }
	#mainv #clinic_info .infotxt2{ border:1px solid #000; padding: 3px 4%; width: 82%; margin-bottom: 10px; line-height: 1.6 }
	#mainv #clinic_info .infotxt3{ line-height: 1.6 }
}
@media screen and (max-width: 479px) {
	#mainv #clinic_info .infotxt1{ width: 82%; font-size: 0.8em; margin-bottom: 10px }
	#mainv #clinic_info .infotxt2{ width: 92%; font-size: 1em; margin-bottom: 5px }
}*/



/* ---------------------------------------
#sidebtns
--------------------------------------- */
#sidebtns{ position: fixed; top:175px; right:0; z-index: 1000; }
#sidebtns li a:hover{ opacity: 1; }
#sidebtns li a { text-align: center; width: 60px; height: 135px; display: block; padding: 15px 0 10px; text-decoration: none; }
#sidebtns li a img{ width: 34px; display: block; margin:0 auto 10px; }
#sidebtns li a span{ font-weight: bold; font-size: 1.06em; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; margin-bottom: 5px; }
#sidebtns li.pagetop{ display: none; }

#sidebtns li.btn1{ margin-bottom:10px; }
#sidebtns li.btn1 a{ background: #21b6c1; border:1px solid #21b6c1; }
#sidebtns li.btn1 a span{ color:#FFFFFF; }
#sidebtns li.btn1 a:after{ content: " "; background: url(../img/common/arr1.png) no-repeat; background-size: contain; width:9px; height: 6px; display: block; margin:0 auto; }
#sidebtns li.btn1 a:hover{ background: #CDCBCA; border:1px solid #CDCBCA; }

#sidebtns li.btn2 a{ background: #ccd4e6; border:1px solid #ccd4e6; }
#sidebtns li.btn2 a span{ color:#21b6c1; }
#sidebtns li.btn2 a:after{ content: " "; background: url(../img/common/arr3.png) no-repeat; background-size: contain; width:9px; height: 6px; display: block; margin:0 auto; }
#sidebtns li.btn2 a:hover{ background: #fff; border:1px solid #ccd4e6; }
/*@media screen and (max-width: 1040px) {
	#sidebtns{ position: fixed; bottom:0; left:0; top:auto; right:auto; }
	#sidebtns li{ display: block; width: 150px; line-height: 1; float: left; }
	#sidebtns li.btn1{ margin-right:5px; margin-bottom: 0; }
	#sidebtns a { width: 92%; height: auto; padding: 5px 4%; display: block; }
	#sidebtns a img{ width: 34px; margin:0; margin-right:10px; display: inline-block; }
	#sidebtns a span{ -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; margin-bottom: 0; margin-right: 10px; display: inline-block; }
	#sidebtns a:after{ content: none; }
}*/
/*@media screen and (max-width: 1040px) {
	#sidebtns{ position: fixed; bottom:0; left:0; top:auto; right:auto; width: 100% }
	#sidebtns li{ display: block; width: 50%; line-height: 1; float: left; }
	#sidebtns li{ display: block; width: 100%; line-height: 1; float: none; }
	#sidebtns li a { width: 92%; height: auto; padding: 5px 4%; display: block; }
	#sidebtns li a img{ width: 34px; margin:0; margin-right:10px; display: inline-block; }
	#sidebtns li a span{ -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; margin-bottom: 0; margin-right: 10px; display: inline-block; }

	#sidebtns li.btn1{ margin-right:0; margin-bottom: 0; }
	#sidebtns li.btn1 a:after, #sidebtns li.btn2 a:after{ content: none; }
}
@media screen and (max-width: 639px) {
	#sidebtns li a{ padding:10px 4%; }
	#sidebtns li a img{ width: 20px }
}*/

/* ---------------------------------------
#innnernav
--------------------------------------- */
#innnernav{ text-align:center; max-width: 960px; margin: 0 auto 30px; width: 92% }
#innnernav ul{ margin-left:-20px; margin-bottom: -15px; }
#innnernav li{ display: inline-block; margin-left: 20px; margin-bottom: 15px; }
#innnernav li:after{ content: " "; background: url(../img/common/arr2.png) no-repeat; background-size: contain; width: 10px; height:6px; display: inline-block; }
#innnernav li img{ margin-right: 10px; width: 28px; }
#innnernav li span{ margin-right: 5px; font-weight: bold; font-size: 1.06em; vertical-align: middle; }
#innnernav li a{ text-decoration: none; }
#innnernav li.nav1 img{ width: 26px; }
#innnernav li.nav4 img{ width: 22px; }
/*@media screen and (max-width: 696px) {
	#innnernav{ margin:0 4% 60px; }
	#innnernav ul{ margin-left: -4%; margin-bottom: -10px; }
	#innnernav li{ margin-left: 4%; margin-bottom: 10px; }
}*/

/* ---------------------------------------
#pankuzu
--------------------------------------- */
#pankuzu{ width:100%; padding:12px 0; margin-bottom: 20px; }
#pankuzu ul li{ display: inline; font-size: 0.88em; color:#999999; }
#pankuzu ul li a{ text-decoration: underline; padding-right: 10px; }
#pankuzu ul li:after { content:"  "; background: url(../img/common/arr5.png) no-repeat; display: inline-block; padding-right: 5px; width: 8px; height:12px; background-size: contain; z-index: 1001; }
#pankuzu ul li.none:after { content:none; padding:0px;  }
/*@media screen and (max-width: 1040px) {
	#pankuzu{ display: none; }
}*/

/* ---------------------------------------
#content
--------------------------------------- */
#content { width: 100%; padding-top: 50px; }
#cnt_main { width: 100%; margin-bottom: 100px; }
body.underbottoms #content{ background: #F3F2F0; position: relative; padding-top: 120px; padding-bottom: 70px; }
body.underbottoms #cnt_main {  margin-bottom: 0; float: left; width: 680px; }
/*@media screen and (max-width: 1040px) {
	#cnt_main { float: none; width: 100%; margin-bottom: 90px; }
	#content{ padding-top: 30px; }
	body.underbottoms #content{ padding-top:110px; }
	body.underbottoms #cnt_main { float: none; width: 100%; padding-top: 20px;  padding-bottom: 50px; }
}
@media screen and (max-width: 800px) {
	body.underbottoms #content{ padding-top:85px; }
	body.underbottoms #cnt_main { padding-top: 10px; padding-bottom: 40px;}
}
@media screen and (max-width: 639px) {
	#cnt_main { margin-bottom: 60px; }
	#content{ padding-top: 30px; }
	body.underbottoms #content{ padding-top:70px; }
	body.underbottoms #cnt_main { padding-top: 5px; padding-bottom: 30px; }
}*/


#mainbox1{ background: #fff; padding:30px 4%; }
/*@media screen and (max-width: 1040px) {
	#mainbox1{ padding:30px 4%; }
}
@media screen and (max-width: 639px) {
	#mainbox1{ padding:20px 4%; }
}*/








/* ---------------------------------------
#cnt_side
--------------------------------------- */
#cnt_side { float: right; width: 260px; font-size: 14px; background: #fff; padding:20px; }
/*@media screen and (max-width: 1040px) {
	#cnt_side { float: none; width: 92%; padding-top: 0px; padding:15px 4%; }
}*/









/* ---------------------------------------
#pagetop
--------------------------------------- */
#pagetop { width: 72px; height: 72px; position: fixed; bottom: 20px; right: 20px; z-index: 1001; }
/*@media screen and (max-width: 639px) {
	#pagetop{ width:60px; height:60px; bottom:10px; right:10px; }
}*/









/* ---------------------------------------
#footer
--------------------------------------- */
#footer { width: 100%; background: #f7f7f7; padding-bottom:30px; padding-top: 30px }
#footer .box1{ margin: 0 auto; width: 862px; text-align:center; }
#footer .cnt_left{ width:246px; padding-right: 50px; margin-right: 40px; border-right: 1px dotted #21b6c1; text-align: right; padding-left: 60px;display: table; height:100%; }
#footer .cnt_left a{ text-decoration:none; }
#footer .cnt_left a:hover .txt1{ opacity: 0.7; }
#footer .cnt_left .boxlogo1{ display: table-cell; vertical-align: middle; }
#footer .cnt_left img{ width:100%; margin-bottom: 10px; }
#footer .cnt_left .txt1{ font-weight: bold; font-size: 1.3em; text-align: center; }
#footer .cnt_right{ width:465px; padding-top: 5px }
#footer .box2 .txt1{ font-size: 1.5em; color:#21b6c1; font-weight: bold; line-height: 1.4; margin-bottom: 5px; margin-bottom: 5px; }
#footer .box2 .txt1 span, #footer .box2 .txt1 p{ font-weight: bold; }
#footer .box2 .txt1 span.txt1_1{ font-size: 0.63em; font-weight: normal; display: block; }
#footer .box2 .txt1 span.txt1_1.inbtxt{ display: inline-block; }
#footer .box2 .txt2{ font-size: 0.94em; line-height: 2; font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN"; }
/*@media screen and (max-width: 1040px) {
	#footer{ width: 92%; padding:20px 4%; }
	#footer .box1{ width: 100%; }
	#footer .cnt_left{ width:200px; padding-right: 40px; margin-right: 30px; padding-left: 20px }
	#footer .cnt_left .txt1{ font-size: 1.2em }
	#footer .cnt_right{ float: none; width:auto; padding-left: 294px }
	#footer .box2 .txt2{ line-height: 1.6; }
}
@media screen and (max-width: 639px) {
	#footer .cnt_left{ padding-left:0; width:100%; padding-right: 0; margin-right: 0; float: none; margin-bottom: 10px; border-right: none; text-align: center; }
	#footer .cnt_left img{ max-width: 160px; width:90%;  }
	#footer .cnt_left .txt1{ font-size: 1.1em }
	#footer .cnt_right{ float: none; width:100%; padding-left: 0; float: none; text-align: center; }
	#footer .box2 .txt1 span.txt1_1{ display: inline-block; margin-right:10px; }
}*/


/* ---------------------------------------
#copyright
--------------------------------------- */
#copyright { width:100%; padding:10px 0; background:#717071; color:#fff; text-align: center; font-size: 0.81em; }
/*@media screen and (max-width: 1040px) {
	#copyright{ margin-bottom: 60px; }
}
@media screen and (max-width: 639px) {
	#copyright{ text-align: left; padding:10px 30% 10px 4%; width:66%; line-height: 1.6 }
}*/