@charset "utf-8";
/* CSS Document */
#navArea{ display:none;}
.pcno { display:none;}
img { max-width:100%;}

/*----- 初期化 -----*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding:0px; margin:0px; font-size:16px; line-height:1.5em; letter-spacing:1px; color:#774529;-webkit-text-size-adjust:100%; font-weight:400;font-family: 'Zen Maru Gothic', serif;}
table { border-collapse:collapse; }
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6, .more{ padding:0px; margin:0px; font-size:100%; font-weight:normal; font-family: 'Zen Maru Gothic', serif;}
a { overflow:hidden; outline:none; }
img { border:none; vertical-align:bottom; }
table td { border:none; vertical-align:top; }
.text99 { text-indent:-9999px; }
a{-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
a:hover { text-decoration:none; }
a:hover { opacity:0.5; filter:alpha(opacity=50);-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
.kadomaru{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/*▲ 初期化 ▲*/
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}



/*----- エリア・背景設定 -----*/
body{ min-width:1200px;}
#body-top{ overflow:hidden;}

h1{ text-indent:-9999px; height:0;}

/*----- ヘッダー -----*/
#header{ background:#52bde0; padding-bottom:20px;}
#header #hmid{ width:1024px; margin:auto; overflow:hidden; padding-top:10px;}
#header #hmid .left{ float:left; padding-top:10px;}
#header #hmid .left .logo{width:300px;height:auto;}
#header #hmid .left p{ font-size:16px; font-weight:700; color:#fff; letter-spacing:normal;font-family: 'Zen Maru Gothic', serif;}
#header #hmid .right{ float:right; overflow:hidden; text-align:right;}
#header #hmid .right #htel{ float:right; padding-top:25px;}
#header #hmid .right #htel p{ font-size:20px; font-weight:bold;font-family: 'Zen Maru Gothic', serif;}
#header #hmid .right #htel p a{color:#fff; text-decoration:none;font-size:28px;}
#header #hmid .right .ico{ display:inline-block; position:relative; margin-right:0px; top:5px}
#header #hmid .right .ico a{}
#header #hmid .right .inner{ display:inline-block;background:#fff; font-size:15px; font-weight:bold; color:#52bde0; text-align:center; padding:5px 20px; border-radius:30px; font-family: 'Zen Maru Gothic', serif; margin:10px 0px 0 0;}



/*----- メインビジュアル -----*/
#mp{position:relative;}
#mp p{ width:80px; font-size:36px; font-weight:bold; color:#fff; position:absolute; top:60px; left:0; right:0; margin:auto; letter-spacing:5px; -ms-writing-mode:tb-rl; writing-mode:vertical-rl; font-family: 'Zen Maru Gothic', serif; text-shadow:0 0 10px rgba(0, 0, 0, .5),0 0 10px rgba(0, 0, 0, .5);}

#home #mp{ padding-bottom:0px;}
#medical #mp { background:url(../images/medical/mp.png) center no-repeat;}
#about-us #mp { background:url(../images/about-us/mp.png) center no-repeat;}
#time-access #mp { background:url(../images/time-access/mp.png) center no-repeat;}
#time-access #mp h1{ left:340px;}

#mp .area-01{ width:1200px; margin:auto; position:relative; height:700px;}
#mp .area-01 h1{ width:370px; font-size:36px; font-weight:bold; color:#457b92; margin-bottom:20px; font-family: 'Zen Maru Gothic', serif; position:absolute; left:291px; top:290px; display:inline-block; text-align:center; letter-spacing:3px; text-indent:0; height:auto;}
#mp .area-01 h1 span{ font-size:20px; color:#457b92; display:block; padding:0; line-height:1.7em;}


/*----- ナビゲーション -----*/
#mp .area-01 #navi{ background:#fff; width:260px; text-align:center; vertical-align:top; z-index:999; border-radius:0 0 20px 20px; padding:25px 30px 10px;}
#mp .area-01 #navi #hlogo{ width:240px; display:inline-block; margin-bottom:15px;}
#mp .area-01 #navi #hlogo .down{ display:none;}
#mp .area-01 #navi li { font-size:18px; font-weight:bold; text-align:left; margin-bottom:10px; font-family: 'Zen Maru Gothic', serif;}
#mp .area-01 #navi li a{ color:#457b9c; text-decoration:none; position:relative; display:block;}
#mp .area-01 #navi li a span{ font-size:14px; color:#8fd0e3; display:block; padding:0;}
#mp .area-01 #navi li a:hover{ opacity:1; transition:0.3s;}
#mp .area-01 #navi li a:after /*ナビ下線*/{ content:""; position:absolute;left:0;bottom:23px;width:100%;height:2px;background:#8fd0e3;transform:scale(0, 1);transition:0.3s;}
#mp .area-01 #navi li a:hover:after{ transform:scale(1);}




/*----- フッター -----*/
#footer { background:#dddddd;}
#footer #fmid{ width:1024px; margin:auto; padding:60px 0 60px; text-align:center;}

/*フッターナビ*/
#fnavi{ text-align:center; margin-bottom:70px;}
#fnavi li { display:inline-block; font-size:17px; font-weight:bold; text-align:center; padding-right:30px; margin-right:30px; font-family: 'Zen Maru Gothic', serif; position:relative;}
#fnavi li:after{ content:""; width:1px; height:20px; background:#8fd0e3; display:inline-block; position:absolute; top:4px; right:0;}
#fnavi li a{ color:#457b9c; text-decoration:none; position:relative; display:block; padding:0 5px 5px;}
/*文字・位置調整*/
#fnavi li:last-child{ padding-right:0; margin-right:0;}
#fnavi li:last-child:after{ display:none;}


#footer #fmid .fname{}
#footer #fmid .fname a{ display:inline-block; text-decoration:none; margin-bottom:15px;}
#footer #fmid .fname .p-01{ font-size:15px; font-weight:500; letter-spacing:normal; margin-bottom:15px; font-family: 'Zen Maru Gothic', serif;}
#footer #fmid .logo{width:150px;margin:0 auto 30px;}
#footer #fmid .area-01{ display:inline-block;}
#footer #fmid .area-01 .p-tel{ font-size:20px; font-weight:700; line-height:1em; display:inline-block; vertical-align:middle; display:inline-block; font-family: 'Zen Maru Gothic', serif; vertical-align:top;}
#footer #fmid .area-01 .p-tel a{ color:#457b9c; text-decoration:none; font-size:30px; }
#footer #fmid .area-01 .p-tel i{ font-size:26px;transform: rotate(10deg);}
#footer #fmid .area-01 a.ico{ display:inline-block; text-decoration:none; margin:3px 0 0 30px;}


#footer #tamonten { clear:both; text-align:center; font-size:10px; padding:10px 0;}
#footer #tamonten a { display:block; cursor:default; color:#774529; text-decoration:none; opacity:1; filter:alpha(opacity=100);}

#yoyaku{ position:fixed; bottom:220px; right:50px; z-index:999;}
#yoyaku-sp{ display:none;}
.page-top {
	position:fixed;
    bottom:70px;
    right:70px;
	background-image:url(../images/common/totop.png);
	width:100px; height:100px; text-indent:-9999px;
    -ms-filter:"alpha(opacity=80)";
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
	z-index:10;
	-webkit-transition:0s; -moz-transition:0s; -ms-transition:0s; transition:0s;}



/*----- エリア・背景設定 -----*/
.bk-blue{ background:#d6eff8;}
.box{ width:1024px; margin:auto; padding:70px 0;}


.h2-01{ font-size:36px; font-weight:bold; color:#457b9c; text-align:center; padding-bottom:20px; margin-bottom:50px; padding-bottom:20px; border-bottom:2px solid #52b3d6;}
.h2-01 span{ font-size:18px; font-weight:bold; color:#52bde0; display:block; line-height:1.7em;}

.h2-02{ font-size:26px; font-weight:bold; color:#457b9c; -ms-writing-mode:tb-rl; writing-mode:vertical-rl; padding-right:10px;}
.h2-02 span{ font-size:16px; color:#52bde0; display:block; line-height:1.3em;}

.h2-03{ font-size:36px; font-weight:bold; color:#457b9c; text-align:center; padding-bottom:20px; margin-bottom:50px; padding-bottom:20px; border-bottom:2px solid #eae3de;}
.h2-03 span{ font-size:18px; font-weight:bold; color:#52bde0;; display:block; line-height:1.7em;}

.h2-04{ background:#52bde0; width:440px; font-size:24px; font-weight:bold; color:#fff; text-align:center; padding:10px 0; margin:0 auto 30px; border-radius:15px;}
.h2-04.red{ background:#457b9c;}


.more { width:220px; margin:0 auto 50px; text-align:center; position:relative;}
.more a{ background:#52bde0; line-height:45px; font-size:18px; font-weight:600; color:#fff; text-decoration:none; display:block; -webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px; border:2px solid #52bde0;}
.more a i{ margin-left:30px;}
.more a:hover{ background:#fff; color:#52bde0; opacity:1;}
.more a:hover span{ right:5px;}




/*----- ホーム　home -----*/ 
#home .bk-blue{ background:url(../images/common/bk-right.png),linear-gradient(45deg, #def2f9 0%, #bae4f3 100%); background-position:right 80px,0 0;  background-repeat:no-repeat;}
#home .bk-blue2{ background:url(../images/common/bk-right.png),url(../images/common/bk-bottom.png),linear-gradient(45deg, #def2f9 0%, #bae4f3 100%); background-position:right 0 bottom 50px,center bottom,0 0; background-repeat:no-repeat;}
#home .bk-blue3{ background:url(../images/common/bk-bottom.png),linear-gradient(45deg, #def2f9 0%, #bae4f3 100%); background-position:center bottom,0 0;  background-repeat:no-repeat;}
#home .bk-blue4{ background:url(../images/common/bk-left.png),linear-gradient(45deg, #def2f9 0%, #bae4f3 100%); background-position:left 90px,0 0;  background-repeat:no-repeat;}

#home .bk-01{ background:url(../images/home/bk-01.jpg)center no-repeat; height:530px;}
#home .bk-02{ background:url(../images/home/bk-02.jpg)center bottom no-repeat;}

#home #box-01{ padding:80px 0 90px;}
#home #box-01 .area-01{ background:#fff url(../images/common/bk-img.png)left -50px bottom -15px no-repeat; width:770px; padding:30px 30px 30px 90px; border-radius:20px; box-sizing:border-box; position:relative; margin:auto;}
#home #box-01 .area-01 h2{ position:absolute; top:30px; left:15px;}
#home #box-01 .area-01 dl{min-height:200px;}
#home #box-01 .area-01 dl dt{ padding:15px 0 0;}
#home #box-01 .area-01 dl dd{ padding:0 0 15px; border-bottom:2px solid #99d8ec; font-size: 16px;}
#home #box-01 .area-01 dl dd a{ font-weight: bold; color: #0066c0; display: inline-block;}
#home #box-01 .area-01 dl dt:first-child{ padding-top:0;}
#home #box-01 .area-01 dl dd:last-child{ border:none;}
#home #box-01 .area-01 .more{ width:250px; margin:0; position:absolute; right:-30px; bottom:-30px;}

#home #box-02{ padding:0;}
#home #box-02 .area-01{ padding:35px 0 0 120px; position:relative;}
#home #box-02 .area-01 h2{ position:absolute; top:70px; left:0px;}
#home #box-02 .area-01 p{ font-size:20px; font-weight:bold; margin-bottom:25px; line-height:2em; font-family: 'Zen Maru Gothic', serif;}
#home #box-02 .area-01 p span{ font-size:28px;}
#home #box-02 .area-01 .more{ margin:0;}


#home #box-03{}
#home #box-03 .area-01{ padding:0px 0 0 80px; position:relative;}
#home #box-03 .area-01 h2{ position:absolute; top:0px; left:0px;}
#home #box-03 .area-01 .entry{ overflow:hidden; position:relative; margin-bottom:50px;}
#home #box-03 .area-01 .entry img{ position:absolute; left:0; top:0;}
#home #box-03 .area-01 .entry .inner{ width:700px; min-height:280px; float:right; background:#fff; padding:30px 50px; border-radius:20px; box-sizing:border-box;}
#home #box-03 .area-01 .entry .inner ul.ul-01{ text-align:center; margin-bottom:25px;}
#home #box-03 .area-01 .entry .inner ul.ul-01 li{ font-weight:bold; font-family: 'Zen Maru Gothic', serif;}
#home #box-03 .area-01 .entry .inner ul.ul-01 li:nth-child(1){ font-size:22px;}
#home #box-03 .area-01 .entry .inner ul.ul-01 li:nth-child(2){ font-size:16px; color:#52bde0; margin-bottom:10px;}
#home #box-03 .area-01 .entry .inner ul.ul-01 li:nth-child(3){ font-size:17px; font-weight:500;}
#home #box-03 .area-01 .entry .inner p{ line-height:1.7em;}
#home #box-03 .area-01 .entry .inner p span{ display:block; font-size:18px; font-weight:bold; font-family: 'Zen Maru Gothic', serif;}
#home #box-03 .area-01 .entry-02 img{ position:absolute; right:0; left:inherit; top:0;}
#home #box-03 .area-01 .entry-02 .inner{ float:left;}

#home #box-03 .area-01 .more-01 { width:220px; margin:0 auto 0px; padding-top:10px;text-align:center; position:relative;}
#home #box-03 .area-01 .more-01 a{ background:#52bde0; line-height:45px; font-size:18px; font-weight:600; color:#fff; text-decoration:none; display:block; -webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px; border:2px solid #52bde0;}
#home #box-03 .area-01 .more-01 a i{ margin-left:30px;}
#home #box-03 .area-01 .more-01 a:hover{ background:#fff; color:#52bde0; opacity:1;}
#home #box-03 .area-01 .more-01 a:hover span{ right:5px;}



#home #box-04{ padding:80px 0 0;}
#home #box-04 h2{ border-bottom:none; margin-bottom:20px;}


#home #box-05{ padding:80px 0;}
#home #box-05 .area-01{ padding-left:80px; position:relative; overflow:hidden;}
#home #box-05 .area-01 h2{ position:absolute; top:0px; left:0px;}
#home #box-05 .area-01 .entry{ background:#fff; width:280px; float:left; border:2px solid #33b1da; padding:20px 15px; box-shadow:10px 10px 0 #90d4eb; box-sizing:border-box; margin:0 40px 40px 0;}
#home #box-05 .area-01 .entry:nth-of-type(3n){ margin-right:0;}
#home #box-05 .area-01 .entry h3{ font-size:22px; font-weight:bold; color:#52bde0; text-align:center; margin-bottom:15px;}
#home #box-05 .area-01 .entry h3 span{ font-size:15px; display:block; line-height:1.5em;}
#home #box-05 .area-01 .entry img{ display:block; margin:0 auto 20px;}
#home #box-05 .area-01 .entry .more{ width:180px; margin-bottom:10px;}
#home #box-05 .area-01 .entry .more a{ background:#774529; border-color:#774529;}
#home #box-05 .area-01 .entry .more a:hover{ background:#fff; color:#774529;}
#home #box-05 .area-01 .p-01{ font-size:24px; font-weight:bold; color:#774529; -ms-writing-mode:tb-rl; writing-mode:vertical-rl; position:absolute; bottom:100px; left:0; font-family: 'Zen Maru Gothic', serif;}


#home #box-06{ padding:60px 0 50px;}
#home #box-06 h2{ position:absolute; top:0px; left:0px;}
#home #box-06 .area-01{ padding:20px 0 0 90px; position:relative; overflow:hidden; min-height:250px;}


#home #box-06 .area-01 .left{ overflow:hidden; margin-bottom:20px;}
#home #box-06 .area-01 .right{}

/* アコーディオンメニュー */
#home #box-06 .area-01 .accordion { margin-bottom:30px; width:455px; float:left; margin:auto;}
#home #box-06 .area-01 .accordion:nth-child(2n){ float:right;}

/* 質問部分 */
#home #box-06 .area-01 .accordion dt{ background:#52bde0; padding: 15px 20px 15px 70px; font-size:17px; color:#fff; font-weight: 700; position: relative; cursor:pointer; font-family: 'Zen Maru Gothic', serif; border-radius:10px; transition:.5s;}
#home #box-06 .area-01 .accordion dt:hover{ opacity:.6;}
/* Qマーク */
#home #box-06 .area-01 .accordion dt::before { content: 'Q'; background:#fff; width:35px; height:35px; font-size:24px; color:#52bde0; text-align:center; position: absolute; border-radius:50%; left: 20px; top: 50%; transform: translateY(-50%);}
  
/* 回答部分は最初非表示 */
#home #box-06 .area-01 .accordion dd{ display: none;/* 非表示にしておく */ padding: 15px 20px 15px 70px; font-size:15px; border:2px solid #52bde0; position: relative; letter-spacing:normal; border-radius:10px; margin-top:15px;}
/* Aマーク */
#home #box-06 .area-01 .accordion dd::before { content: 'A'; background:#52bde0; width:35px; height:35px; line-height:30px; font-size:24px; color:#fff; text-align:center; position: absolute; border-radius:50%; left: 20px; top: 50%; transform: translateY(-50%);}


#home #box-06 .area-01 .accordion .p-table{ width:100%; display:table;height:100%; color:#FFF;font-family: 'Zen Maru Gothic', serif; font-size:17px; color:#fff; font-weight: 700;}
#home #box-06 .area-01 .accordion .p-td{ display:table-cell; vertical-align:middle;font-family: 'Zen Maru Gothic', serif; font-size:17px; color:#fff; font-weight: 700;color:#fff;}


#home #box-07{ padding:70px 0;}
#home #box-07 .area-01{ background:#fff; width:770px; margin:auto; padding:20px 50px 30px 120px; position:relative; border-radius:20px; box-sizing:border-box;}
#home #box-07 .area-01 h2{ position:absolute; top:40px; left:30px;}
#home #box-07 .area-01 table{ width:100%; text-align:center; border-radius:20px;}
#home #box-07 .area-01 table th{ border-bottom:2px solid #99d8ec; padding:15px 0; font-size:22px; font-weight:600; min-width:30px; font-family: 'Zen Maru Gothic', serif;}
#home #box-07 .area-01 table td{ font-size:20px; font-weight:bold; border-bottom:2px solid #99d8ec; padding:20px 0; color:#52bde0; font-family: 'Zen Maru Gothic', serif;}
#home #box-07 .area-01 table tr>*:first-child{ width:150px; font-size:24px; color:#774529;}
#home #box-07 .area-01 p{ font-size:15px; letter-spacing:normal; padding-top:10px;}
#home #box-07 .area-01 p span{ color:#52bde0;}

#home #box-08{}
#home #box-08 .area-01{ padding:20px 0 0 120px; position:relative;}
#home #box-08 .area-01 h2{ position:absolute; top:25px; left:15px;}


#home .medicaldoc{ width:1024px; margin:auto; padding:10px;}


/*----- 診療内容　medical -----*/
#medical .p-title{ background:#fff; font-size:18px; font-weight:bold; text-align:center; line-height:80px; font-family: 'Zen Maru Gothic', serif;}

#medical .bk-01{ background:url(../images/common/bk-right.png),url(../images/medical/bk-bottom.png),linear-gradient(45deg, #def2f9 0%, #bae4f3 100%); background-position:right 0 bottom 150px,center bottom,0 0; background-repeat:no-repeat;}

#medical .bk-02{ background:url(../images/medical/bk-right2.png),url(../images/medical/bk-right2.png),url(../images/common/bk-right.png),url(../images/medical/bk-left2.png),url(../images/medical/bk-left2.png),url(../images/medical/bk-02.png),#f4f4f4; background-position:right 250px,right bottom 1400px,right top 1800px, left 1400px,left bottom 500px,center bottom,0 0; background-repeat:no-repeat;}


#medical #box-01{ width:1084px; padding-top:100px;}
#medical #box-01 .area-01{ padding-left:80px; position:relative; overflow:hidden;}
#medical #box-01 .area-01 h2{ position:absolute; top:0px; left:0px;}
#medical #box-01 .area-01 .entry{ background:#fff; width:280px; float:left; border:2px solid #33b1da; padding:20px 15px; box-shadow:10px 10px 0 #90d4eb; box-sizing:border-box; margin:0 40px 40px 0;}
#medical #box-01 .area-01 .entry:nth-of-type(3n){ margin-right:0;}
#medical #box-01 .area-01 .entry h3{ font-size:22px; font-weight:bold; color:#52bde0; text-align:center; margin-bottom:15px;}
#medical #box-01 .area-01 .entry h3 span{ font-size:15px; display:block; line-height:1.5em;}
#medical #box-01 .area-01 .entry img{ display:block; margin:0 auto 20px;}
#medical #box-01 .area-01 .entry .more{ width:180px; margin-bottom:10px;}
#medical #box-01 .area-01 .entry .more a{ background:#774529; border-color:#774529;}
#medical #box-01 .area-01 .entry .more a:hover{ background:#fff; color:#774529;}
#medical #box-01 .area-01 .p-01{ font-size:24px; font-weight:bold; color:#774529; -ms-writing-mode:tb-rl; writing-mode:vertical-rl; position:absolute; bottom:100px; left:0; font-family: 'Zen Maru Gothic', serif;}


#medical #box-02{ width:1100px; padding-top:0px;}
#medical #box-02 .area-01{ padding-top:180px; margin-bottom:30px;}
#medical #box-02 .area-01 .entry{ background:#fff; box-shadow:10px 10px 0 #dcdcdc; position:relative; padding:70px 0 0;}
#medical #box-02 .area-01 .entry .img{ background:#fff; width:220px; height:220px; border-radius:50%; text-align:center; position:absolute; top:-110px; left:260px; padding-top:35px; box-sizing:border-box;}
#medical #box-02 .area-01 .entry .img img{ height:110px;}
#medical #box-02 .area-01 .entry h2{ background:#52bcdf; width:370px; line-height:50px; text-align:center; font-size:26px; font-weight:bold; color:#fff; border-radius:30px; position:absolute; left:500px; top:-25px}

#medical #box-02 .area-01 .inner{ overflow:hidden; position:relative; z-index:1;}
#medical #box-02 .area-01 .inner h3{ font-size:20px; font-weight:bold; margin-bottom:3px; padding-left:30px;}
#medical #box-02 .area-01 .inner table{ width:100%;}
#medical #box-02 .area-01 .inner table td{ font-size:15px; letter-spacing:normal; height:35px; vertical-align:middle; line-height:1em;}
#medical #box-02 .area-01 .inner .left{ margin-bottom:20px;}
#medical #box-02 .area-01 .inner .left-01{ padding-bottom:50px;}
#medical #box-02 .area-01 .inner .left table tr>*:first-child{ padding-left:30px;}
#medical #box-02 .area-01 .inner .left ul{ padding-left:30px;}
#medical #box-02 .area-01 .inner .left ul li{ font-size:15px; margin-bottom:10px;vertical-align:top;text-indent:-1.2em; padding-left:1.2em; display:inline-block; margin-right:20px;}

#medical #box-02 .area-01 .inner .left .text-01{ padding-left:30px;}
#medical #box-02 .area-01 .inner .left .text-01 p{ font-size:15px; line-height:2em;}


#medical #box-02 .area-01 .inner .right{ padding-bottom:80px;}
#medical #box-02 .area-01 .inner .right h3{ color:#457b9b; padding:0; margin-left:30px;}
#medical #box-02 .area-01 .inner .right a{ color: #0066c0; display: inline-block; text-indent:-1em; padding-left:1em;}
#medical #box-02 .area-01 .inner .right ul{ margin-left:30px;}
#medical #box-02 .area-01 .inner .right ul li{display:inline-block; font-size:14px; line-height:2em; vertical-align:top; margin-right:20px;}
#medical #box-02 .area-01 .inner .right ul li i{ display:inline-block; margin-left:10px;}


#medical #box-02 .area-01 .entry .more{ width:inherit; position:absolute; right:15px; bottom:15px; margin:auto; z-index:2;}
#medical #box-02 .area-01 .entry .more a{ background:#774529; border-color:#774529;font-size:16px; letter-spacing:normal; padding:0 25px;}
#medical #box-02 .area-01 .entry .more a:hover{ background:#fff; color:#774529;}
#medical #box-02 .area-01 .entry .more a i{ margin-left:20px;}








/*----- 診療時間・アクセス　time-access -----*/
#time-access .bk-blue{ background:url(../images/common/bk-right.png),linear-gradient(45deg, #def2f9 0%, #bae4f3 100%); background-position:right bottom 150px,0 0;  background-repeat:no-repeat;}
#time-access .bk-01{ background:url(../images/time-access/bk-01.jpg) center top no-repeat; padding-bottom:60px; }
#time-access .bk-02{ background:url(../images/home/bk-02.jpg)center bottom no-repeat;}

#time-access .h3-01{ background:#52b3d6; font-size:20px; font-weight:bold; color:#fff; text-align:center; margin:0 auto 10px; padding:7px 0; width:inherit; clear:both;}
#time-access .h3-02{ font-size:20px; font-weight:bold; color:#457b92; text-align:center; margin:0 auto 20px; padding-bottom:10px; border-bottom:2px solid #457b92;}

#time-access #box-01{ width:1084px;}
#time-access #box-01 .area-01{ background:#52b3d6; width:770px; margin:auto; padding:30px; text-align:center; margin-bottom:50px; border-radius:20px; box-sizing:border-box;}
#time-access #box-01 .area-01 h2{ font-size:22px; font-weight:bold; color:#fff; margin-bottom:10px;}
#time-access #box-01 .area-01 p{ font-size:18px; font-weight:bold; color:#fff; margin-bottom:10px;}
#time-access #box-01 .area-01 ul li{ font-size:18px;}
#time-access #box-01 .area-01 ul{ background:#FFF; padding:20px;border-radius:25px;}



#time-access #box-01 .area-01 h3{ font-size:19px; font-weight:bold; color:#fff; padding:25px 0 5px; margin:0 25px 15px; border-bottom:2px solid #fff;}
#time-access #box-01 .area-01 .p-tel{ font-size:28px; font-weight:bold; display:inline-block;}
#time-access #box-01 .area-01 .p-tel a{ display:block; text-decoration:none; color:#fff;}

#time-access #box-01 .area-01 .more{margin:auto; width:550px;}
#time-access #box-01 .area-01 .more a{ background:#774529; border-color:#774529;font-size:20px;padding:0 25px;}
#time-access #box-01 .area-01 .more a:hover{ background:#fff; color:#774529;}
#time-access #box-01 .area-01 .more a i{ margin-left:20px;}


#time-access #box-01 .area-02{ background:#fff; width:770px; margin:auto; padding:20px 50px 30px 120px; position:relative; border-radius:20px; box-sizing:border-box; margin-bottom:10px;}
#time-access #box-01 .area-02 h2{ position:absolute; top:40px; left:30px;}
#time-access #box-01 .area-02 table{ width:100%; text-align:center; border-radius:20px;}
#time-access #box-01 .area-02 table th{ border-bottom:2px solid #99d3e7; padding:15px 0; font-size:22px; font-weight:600; min-width:30px; font-family: 'Zen Maru Gothic', serif;}
#time-access #box-01 .area-02 table td{ font-size:20px; font-weight:bold; border-bottom:2px solid #99d3e7; padding:20px 0; color:#52b3d6;}
#time-access #box-01 .area-02 table tr>*:first-child{ width:150px; font-size:24px;  color:#774529; font-family: 'Zen Maru Gothic', serif;}
#time-access #box-01 .area-02 p{ font-size:15px; letter-spacing:normal; padding-top:10px;}



#time-access #box-02{ width:1084px; padding-bottom:0; padding-top:80px;}
#time-access #box-02 .area-01{ background:#fff url(../images/common/bk-03.png)left bottom no-repeat; padding:40px 30px 20px 130px; position:relative; border-radius:20px; margin-bottom:60px;}
#time-access #box-02 .area-01 h2{ position:absolute; top:30px; left:30px;}
#time-access #box-02 .area-01 p { margin-bottom:30px;}
#time-access #box-02 .area-01 ul{}
#time-access #box-02 .area-01 ul li{ font-size:16px; margin-bottom:15px;}
#time-access #box-02 .area-01 ul li .no{ width:40px; line-height:40px; color:#457b92; text-align:center; border:2px solid #457b92; box-sizing:border-box; display:inline-block; vertical-align:top; margin-right:20px;}
#time-access #box-02 .area-01 ul li .text{ display:inline-block; vertical-align:middle; letter-spacing:normal; font-size:15px; max-width:800px;}
#time-access #box-02 .area-01 ul li .text span{ color:#52b3d6;}
#time-access #box-02 .area-01 .p-01{ text-indent:-1em; padding-left:1em;}

#time-access #box-02 .area-02{ background:#fff; padding:20px 30px 40px 130px; position:relative; border-radius:20px; margin-bottom:60px;}
#time-access #box-02 .area-02 h2{ position:absolute; top:30px; left:30px;}
#time-access #box-02 .area-02 table{ width:100%; text-align:center; border-radius:20px;}
#time-access #box-02 .area-02 table th{ border-bottom:2px solid #99d3e7; padding:0 0 15px; font-size:20px; font-weight:600; min-width:30px; font-family: 'Zen Maru Gothic', serif;}
#time-access #box-02 .area-02 table td{ font-size:16px; font-weight:bold; border:2px solid #99d3e7; padding:20px 0; color:#52b3d6; font-family: 'Zen Maru Gothic', serif;vertical-align:middle;}
#time-access #box-02 .area-02 table tr>*:first-child{ width:150px; font-size:17px;  color:#774529; font-family: 'Zen Maru Gothic', serif; border-left:none;}
#time-access #box-02 .area-02 table tr>*:last-child{ border-right:none;}

#time-access #box-02 .area-03{  background:#fff; padding:40px 30px 40px 130px; position:relative; border-radius:20px; margin-bottom:0px;}
#time-access #box-02 .area-03 img{  display:block; margin-top:20px;}
#time-access #box-02 .area-03 h2{ position:absolute; top:30px; left:30px;}




#time-access #box-03{ width:1084px; padding:80px 0 50px;}
#time-access #box-03 .area-01 h2{ position:absolute; top:20px; left:30px;}
#time-access #box-03 .area-01{ padding:0 0 0 130px; position:relative; margin-bottom:50px; overflow:hidden;}
#time-access #box-03 .area-01 .left{ width:430px; float:left;}
#time-access #box-03 .area-01 .left p{ margin-bottom:40px;}
#time-access #box-03 .area-01 .left dl dt{ background:#457b92; width:80px; line-height:30px; font-size:15px; font-weight: bold; color:#fff; text-align:center; display:inline-block; margin-right:10px; vertical-align:middle; margin-bottom:20px; border-radius:10px;}
#time-access #box-03 .area-01 .left dl dd{ display:inline-block; vertical-align:middle; margin-bottom:20px; letter-spacing:normal;}
#time-access #box-03 .area-01 .googlemap{ width:490px; height:600px; float:right;}



/*----- 当院について　about-us -----*/
#about-us .bk-01{ background:linear-gradient(45deg, #def2f9 0%, #bae4f3 100%);}
#about-us .bk-02{ background:url(../images/about-us/bk-01.jpg)center top no-repeat; height:560px;}
#about-us .bk-blue{ background:url(../images/common/bk-right.png),url(../images/common/bk-left.png),url(../images/common/bk-bottom.png),linear-gradient(45deg, #def2f9 0%, #bae4f3 100%); background-position:right 670px, left 1400px,center bottom,0 0; background-repeat:no-repeat;}


#about-us .h3-01{ background:#52bcdf; font-size:18px; font-weight:bold; color:#fff; text-align:center; margin:0 auto 20px; padding:7px 0; width:inherit; clear:both;}

#about-us #box-01{ width:inherit; background:url(../images/about-us/bk-bottom.png),#fff; background-position:center bottom; background-repeat:no-repeat;}
#about-us #box-01 h2{ margin-bottom:30px;}
#about-us #box-01 .area-01{ width:1024px; text-align:center; margin:0 auto 80px;}
#about-us #box-01 .area-01 .p-01{ font-size:18px; font-weight:bold; line-height:2em; margin-bottom:70px; font-family: 'Zen Maru Gothic', serif;}
#about-us #box-01 .area-01 .p-02{ font-size:24px; font-weight:bold; color:#52b3d6; margin-bottom:40px; font-family: 'Zen Maru Gothic', serif;}
#about-us #box-01 .area-01 .tb{ position:relative; height:430px;}
#about-us #box-01 .area-01 .tb .entry{ width:400px; position:absolute;}
#about-us #box-01 .area-01 .tb .entry h3{ background:#52b3d6; width:200px; line-height:35px; font-size:18px; font-weight:bold; color:#fff; margin:auto; border-radius:30px; z-index:2; position:relative;}
#about-us #box-01 .area-01 .tb .entry .inner{ background:rgba(207,233,243,.5); border-radius:60%; height:200px; box-sizing:border-box; position:relative; top:-20px; padding-top:35px;}
#about-us #box-01 .area-01 .tb .entry:nth-of-type(1){ top:0; left:0; right:0; margin:auto;}
#about-us #box-01 .area-01 .tb .entry:nth-of-type(2){ top:100px; right:0;}
#about-us #box-01 .area-01 .tb .entry:nth-of-type(3){ top:100px; left: 0;}
#about-us #box-01 .area-01 .tb .entry p{ font-size:16px; font-weight:bold; line-height:1.8em; font-family: 'Zen Maru Gothic', serif;}
#about-us #box-01 .area-01 .tb .entry p span{ font-size:22px; color:#52b3d6; display:block; line-height:1.8em;}
#about-us #box-01 .area-01 .tb .entry-02{ display:inline-block; position:absolute; bottom:0; left:0; right:0; margin:auto;}
#about-us #box-01 .area-01 .tb .entry-02 p{ font-size:18px; font-weight:bold; line-height:1.8em; padding-top:25px; font-family: 'Zen Maru Gothic', serif;}

#about-us #box-01 .area-02{ width:1084px; overflow:hidden; margin:0 auto 20px;}
#about-us #box-01 .area-02 .entry{ background:#cebcb2; width:338px; float:left;margin-right:35px; height:280px;}
#about-us #box-01 .area-02 .entry-last{ margin-right:0px;}
#about-us #box-01 .area-02 .entry a{ text-decoration:none;}
#about-us #box-01 .area-02 .entry .inner{ padding:20px 30px 25px; position:relative; margin-top:-150px;}
#about-us #box-01 .area-02 .entry .inner .no{ background:#cebcb2; width:80px; height:80px; line-height:80px; text-align:center; font-size:30px; font-weight:bold; color:#fff; position:absolute; left:0; right:0; top:-60px; margin:auto; border-radius:50%; font-family: 'Zen Maru Gothic', serif;}
#about-us #box-01 .area-02 .entry .inner h3{ font-size:22px; font-weight:bold; color:#fff; text-align:center; margin-bottom:0px; position:relative; z-index:1;}
#about-us #box-01 .area-02 .entry .inner p{ font-size:15px; line-height:1.6em;}
#about-us #box-01 .area-02 .entry .inner p span{ font-weight:bold; color:#fff; font-family: 'Zen Maru Gothic', serif;}


#about-us #box-01 .area-02 .entry .photo{
  background-color: black;
  display: inline-block;
}

#about-us #box-01 .area-02 .entry .photo img{
  width: 400px;
  display: block;
  opacity: 0.5;
}


body .modal-content01,
body .modal-content02,
body .modal-content03{ font-size:20px !important;}

.modal-open01 { cursor: pointer;}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container01 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(0, 0, 0, 50%); padding: 40px 20px; overflow: auto; opacity: 0; visibility: hidden; transition: .3s; box-sizing: border-box; z-index:9999;}
/*モーダル本体の擬似要素の指定*/
.modal-container01:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; }
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container01.active { opacity: 1; visibility: visible; }
/*モーダル枠の指定*/
.modal-body01 { position: relative; display: inline-block; vertical-align: middle; max-width: 500px; width: 90%; }
/*モーダルを閉じるボタンの指定*/
.modal-close01 { position: absolute; display: flex; align-items: center; justify-content: center; top: -40px; right: -40px; width: 40px; height: 40px; font-size: 40px; color: #fff; cursor: pointer; }
/*モーダル内のコンテンツの指定*/
.modal-content01 { background: #fff; text-align: left; padding: 30px; }


.modal-open02 { cursor: pointer;}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container02 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(0, 0, 0, 50%); padding: 40px 20px; overflow: auto; opacity: 0; visibility: hidden; transition: .3s; box-sizing: border-box; z-index:9999;}
/*モーダル本体の擬似要素の指定*/
.modal-container02:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; }
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container02.active { opacity: 1; visibility: visible; }
/*モーダル枠の指定*/
.modal-body02 { position: relative; display: inline-block; vertical-align: middle; max-width: 500px; width: 90%; }
/*モーダルを閉じるボタンの指定*/
.modal-close02 { position: absolute; display: flex; align-items: center; justify-content: center; top: -40px; right: -40px; width: 40px; height: 40px; font-size: 40px; color: #fff; cursor: pointer; }
/*モーダル内のコンテンツの指定*/
.modal-content02 { background: #fff; text-align: left; padding: 30px; }

.modal-open03 { cursor: pointer;}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container03 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(0, 0, 0, 50%); padding: 40px 20px; overflow: auto; opacity: 0; visibility: hidden; transition: .3s; box-sizing: border-box; z-index:9999;}
/*モーダル本体の擬似要素の指定*/
.modal-container03:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; }
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container03.active { opacity: 1; visibility: visible; }
/*モーダル枠の指定*/
.modal-body03 { position: relative; display: inline-block; vertical-align: middle; max-width: 500px; width: 90%; }
/*モーダルを閉じるボタンの指定*/
.modal-close03 { position: absolute; display: flex; align-items: center; justify-content: center; top: -40px; right: -40px; width: 40px; height: 40px; font-size: 40px; color: #fff; cursor: pointer; }
/*モーダル内のコンテンツの指定*/
.modal-content03 { background: #fff; text-align: left; padding: 30px; }



#about-us #box-02{ width:1084px; padding-left:120px; box-sizing:border-box; position:relative; padding-top:0px;}
#about-us #box-02 h2{ position:absolute; top:100px; left:30px;}
#about-us #box-02 .area-01{ background:#fff; border-radius:20px; padding:40px 35px 40px 290px; position:relative; margin-bottom:0px;}
#about-us #box-02 .area-01 img{ position:absolute; top:60px; left:-15px;}

#about-us #box-02 .area-01 .ul-01{ text-align:center; margin-bottom:25px;}
#about-us #box-02 .area-01 .ul-01 li{ font-weight:bold; font-family: 'Zen Maru Gothic', serif;}
#about-us #box-02 .area-01 .ul-01 li:nth-child(1){ font-size:22px;}
#about-us #box-02 .area-01 .ul-01 li:nth-child(2){ font-size:16px; color:#52bde0; margin-bottom:10px;}
#about-us #box-02 .area-01 .ul-01 li:nth-child(3){ font-size:17px; font-weight:500;}
#about-us #box-02 .area-01 p{ line-height:1.7em;}
#about-us #box-02 .area-01 .inner{ margin-bottom:50px;}
#about-us #box-02 .area-01 .inner-02{ overflow:hidden;}
#about-us #box-02 .area-01 .inner-02 .entry li{ letter-spacing:normal; margin-bottom:10px;}
#about-us #box-02 .area-01 .inner-02 .entry table{ width:100%;}
#about-us #box-02 .area-01 .inner-02 .entry table th{ text-align:left; padding:0 0px 10px 0; letter-spacing:normal; vertical-align:top;}
#about-us #box-02 .area-01 .inner-02 .entry table td{ padding:0 0 10px 0; letter-spacing:normal;}
#about-us #box-02 .area-01 .inner-02 .entry:nth-child(1){ margin-bottom:50px;}
#about-us #box-02 .area-01 .inner-02 .entry:nth-child(2){ width:310px; float:left;}
#about-us #box-02 .area-01 .inner-02 .entry:nth-child(3){ width:310px; float:right;}
#about-us #box-02 .area-01 .p-01{ font-size:46px; font-weight:bold; color:#52bcdf; position:absolute; bottom:50px; left:20px; -ms-writing-mode:tb-rl; writing-mode:vertical-rl; font-family: 'Zen Maru Gothic', serif;}
#about-us #box-02 .link-doctor{ padding-top:100px;}

#about-us #box-03{ padding-top:70px;}
#about-us #box-03 h2{ border-bottom:none; margin-bottom:20px;}
#about-us #box-03 .p-01{ font-size:18px; font-weight:bold; text-align:center; line-height:2em; font-family: 'Zen Maru Gothic', serif; margin-bottom:50px;}


#about-us #box-04{ padding:35px 0 0;}
#about-us #box-04 h2{ border-bottom:none; margin-bottom:20px;}
#about-us #box-04 .area-01{ background:#fff; padding:30px 40px 50px; border-radius:20px;}
#about-us #box-04 .area-01 ul{ overflow:hidden;}
#about-us #box-04 .area-01 ul li{ width:450px; float:left; font-size:22px; font-weight:bold; text-align:center; font-family: 'Zen Maru Gothic', serif; margin-bottom:40px; letter-spacing:normal;}
#about-us #box-04 .area-01 ul li a{ display:block; text-decoration:none; background:#457b9b; color:#fff; line-height:70px; border-radius:10px;}
#about-us #box-04 .area-01 ul li:nth-child(2n){ float:right;}
#about-us #box-04 .area-01 ul li:nth-child(5){ width:700px; float:none; clear:both; margin:auto;}

#about-us #box-05{ padding:35px 0 0;}
#about-us #box-05 .area-01{ background:#fff; padding:30px 40px 50px; border-radius:20px;}
#about-us #box-05 h2{ border-bottom:none; margin-bottom:20px;}
#about-us #box-05 h3{ font-size: 20px; font-weight: bold; color: #52bcdf;}
#about-us #box-05 p{ margin:10px 0 30px; padding-left:30px;}


/*--- スライド　swiper ---*/

/*参考サイト
https://b-risk.jp/blog/2022/04/swiper/
https://b-risk.jp/wp/wp-content/themes/brisk/sample/entry/20220425/dl/07.html
*/

  .l-inner { position: relative; -webkit-box-sizing: content-box; box-sizing: content-box; max-width: 1200px; margin: 0 auto; padding: 0 10rem; }
.l-section .l-inner { padding-bottom: 100px; }
[class*=swiper]:focus { outline: none; }
.slide-media,
 .thumb-media { position: relative; overflow: hidden; }
.slide-media img,
 .thumb-media img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.swiper-button-disabled { pointer-events: none; opacity: 0; }


.gallery01 { overflow: hidden; }
.gallery01 .swiper { max-width: 750px; margin: auto; }
.gallery01 .swiper-main { overflow: visible; }
.gallery01 .swiper-thumb { padding-top: 8px; }
.gallery01 .swiper-fade .swiper-slide { -webkit-transition-property: opacity, -webkit-transform !important; transition-property: opacity, -webkit-transform !important; transition-property: opacity, transform !important; transition-property: opacity, transform, -webkit-transform !important; pointer-events: none; }
.gallery01 .swiper-fade .swiper-slide-active { pointer-events: auto; }
.gallery01 .swiper-controller { position: absolute; top: 0; left: 0; width: 100%; padding-top: 62.5%; }
.gallery01 .swiper-button-prev,
.gallery01 .swiper-button-next { position: absolute; z-index: 1; top: 0; bottom: 0; margin: auto; }
.gallery01 .swiper-button-prev { left: -20px; }
.gallery01 .swiper-button-next { right: -20px; }
.gallery01 .swiper-scrollbar { position: relative; margin-top: 1.6rem; }
.gallery01 .swiper-scrollbar::after { position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; width: 100%; height: 4px; margin: auto; content: ""; background-color: #eee; }
.gallery01 .swiper-scrollbar-drag { height: 20px; padding: 8px 0; cursor: pointer; background-color: var(--color-theme); background-clip: content-box; }
.gallery01 .swiper-scrollbar-drag:active { background-color: var(--color-theme-darken); }
.gallery01 .slide { display: block; overflow: hidden; }
.gallery01 .slide-media { padding-top: 62.5%; border-radius: 4px; }
.gallery01 .slide-media img { -o-object-fit: contain; object-fit: contain; }
.gallery01 .slide-title { font-size: 15px; font-weight: bold; line-height: 1.6; padding: 50px 0 30px; text-align: center; font-family: 'Zen Maru Gothic', serif; }
.gallery01 .slide-title span { background: #52b3d6; width: 200px; line-height: 30px; font-size: 18px; font-weight: bold; color: #fff; margin: 0 auto 10px; border-radius: 10px; z-index: 2; position: relative; display: block; }
.gallery01 .thumb-media { padding-top: 100%; -webkit-transition: var(--transition); transition: var(--transition); border-radius: 4px; }
.gallery01 .thumb-media img { height: calc(100% + 8px); -webkit-transition: var(--transition); transition: var(--transition); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
.gallery01 .swiper-slide-thumb-active { -webkit-transition: var(--transition); transition: var(--transition); opacity: 0.3; }
.gallery01 .swiper-slide-thumb-active .thumb-media { -webkit-transform: translateY(-8px); transform: translateY(-8px); }
.gallery01 .swiper-slide-thumb-active .thumb-media img { -webkit-transform: translateY(0); transform: translateY(0); }



  :root {
  --easing: cubic-bezier(.2, 1, .2, 1);
  --transition: .8s var(--easing);
  --color-base: #f8f8f8;
  --color-gray: #ddd;
  --color-theme: #f5695f;
  --color-theme-darken: #f12617;
  --box-shadow: .8rem .8rem 1.2rem rgba(0, 0, 0, .05), -.8rem -.8rem 1.2rem #fff;
  --box-shadow-hover: 1rem 1rem 1.5rem rgba(0, 0, 0, .08), -1rem -1rem 1.5rem #fff;
  --box-shadow-inset: inset .8rem .8rem 1.2rem rgba(0, 0, 0, .05), inset -.8rem -.8rem 1.2rem #fff;
  --box-shadow-dark: .8rem .8rem 1.2rem rgba(0, 0, 0, .1), -.8rem -.8rem 1.2rem rgba(#fff,.2);
}


/*アニメーション*/
#mp .mv{ position: absolute; width:1920px;
  height     : 670px;}
#mp .mv .slider {
  position   : absolute;
  top        : 0;
  left       : 0;
  bottom     : 0;
  right      : 0;
  opacity    : 0;
  animation  : bgAnime 15s infinite;   /* 4画像 × 各5s = 20s */
}

#mp .mv .slider-01 {
   background-image:url(../images/home/mp.png);
}
#mp .mv .slider-02 {
   background-image:url(../images/home/mp1.png);
  animation-delay  : 5s;
}
#mp .mv .slider-03 {
   background-image:url(../images/home/mp2.png);
  animation-delay  : 10s;
}

/*参考サイト*/
/*https://1-notes.com/css-replace-images-automatically-animation/*/

@keyframes bgAnime {
   0% { opacity: 0; }
   25% { opacity: 1; }
  41% { opacity: 1; }
  49% { opacity: 0; }
 100% { opacity: 0; }
}





/*----- ナビゲーションを上部固定させるためのCSS -----*/

/*上に上がる動き*/
#mp{ position:relative;}
#mp .area-01{ height:670px;}
#navi.navup{
	position: fixed;
	width:100%;
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
  from {
    opacity: 1;
	transform: translateY(0);
  }
  to {
    opacity: 0;
	transform: translateY(-100px);
  }
}

/*下に下がる動き*/
#navi.navdown{
	position: fixed;
	width:100%;
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 0;
	transform: translateY(-100px);
  }
  to {
  	opacity: 1;
	transform: translateY(0);
  }
}

/*　ナビ固定時のレイアウト　*/
#mp .area-01 #navi.navdown{ background:rgba(255,255,255,.8); width:100%;text-align:center; left:0; top:0; padding-top:20px;}
#mp .area-01 #navi.navdown #hlogo{ vertical-align:middle; position:relative; left:-70px;}
#mp .area-01 #navi.navdown #hlogo .down{ display:block; width:220px;}
#mp .area-01 #navi.navdown #hlogo .kotei{ display:none;}
#mp .area-01 #navi.navdown ul{ display:inline-block; vertical-align:middle; position:relative; right:-70px;}
#mp .area-01 #navi.navdown ul li{ display:inline-block; padding:0 15px;}

#mp .area-01 #navi.navup{ background:rgba(255,255,255,.8); width:100%;text-align:center; left:0; top:0; padding-top:20px;}
#mp .area-01 #navi.navup #hlogo{ vertical-align:middle; position:relative; left:-70px;}
#mp .area-01 #navi.navup #hlogo .down{ display:block; width:220px;}
#mp .area-01 #navi.navup #hlogo .kotei{ display:none;}
#mp .area-01 #navi.navup ul{ display:inline-block; vertical-align:middle; position:relative; right:-70px;}
#mp .area-01 #navi.navup ul li{ display:inline-block; padding:0 15px;}


#qa #mp { background: url(../images/qa/mp.png) center no-repeat;}
#qa #box-01 .area-01{}

/* アコーディオンメニュー */
#qa #box-01 .area-01 .accordion { margin-bottom:30px;}

/* 質問部分 */
#qa #box-01 .area-01 .accordion dt{ background:#52bde0; padding: 15px 20px 15px 70px; font-size:17px; color:#fff; font-weight: 700; position: relative; cursor:pointer; font-family: 'Zen Maru Gothic', serif; border-radius:10px; transition:.5s;}
#qa #box-01 .area-01 .accordion dt:hover{ opacity:.6;}
/* Qマーク */
#qa #box-01 .area-01 .accordion dt::before { content: 'Q'; background:#fff; width:35px; height:35px; font-size:24px; color:#52bde0; text-align:center; position: absolute; border-radius:50%; left: 20px; top: 50%; transform: translateY(-50%);}
  
/* 回答部分は最初非表示 */
#qa #box-01 .area-01 .accordion dd{ display: none;/* 非表示にしておく */ padding: 15px 20px 15px 70px; font-size:15px; border:2px solid #52bde0; position: relative; letter-spacing:normal; border-radius:10px; margin-top:15px;}
/* Aマーク */
#qa #box-01 .area-01 .accordion dd::before { content: 'A'; background:#52bde0; width:35px; height:35px; line-height:30px; font-size:24px; color:#fff; text-align:center; position: absolute; border-radius:50%; left: 20px; top: 50%; transform: translateY(-50%);}




#medical-detail #mp { background:url(../images/medical/mp.png) center no-repeat;}
#medical-detail .bk-blue{ background:url(../images/common/bk-right.png),url(../images/common/bk-left.png),url(../images/common/bk-bottom.png),linear-gradient(45deg, #def2f9 0%, #bae4f3 100%); background-position:right 670px, left 1400px,center bottom,0 0; background-repeat:no-repeat;}
#medical-detail #box-01{ overflow:hidden;}
#medical-detail #box-01 h2{ display: inline-block;-ms-writing-mode: bt; writing-mode:vertical-lr; padding-right:10px;}
#medical-detail #box-01 .area-01{ background:#fff; border-radius:20px; padding:40px; float:right; width:880px;}


#news #mp { background:url(../images/news/mp.png) center no-repeat;}
#news .bk-blue{ background:url(../images/common/bk-right.png),url(../images/common/bk-left.png),url(../images/common/bk-bottom.png),linear-gradient(45deg, #def2f9 0%, #bae4f3 100%); background-position:right 670px, left 1400px,center bottom,0 0; background-repeat:no-repeat;}
#news #box-01{ overflow:hidden;}
#news .h2-news{ font-size:26px; font-weight:bold; color:#457b9c; text-align:center; margin-bottom:20px;}
#news #box-01 .area-01{ background:#fff; border-radius:20px; padding:40px;}

#news #box-01 ol li { list-style: decimal; }


#list #mp { background:url(../images/news/mp.png) center no-repeat;}
#list #box-01{}
#list #box-01 .area-01{ background:#fff ;width:; padding:30px; border-radius:20px; box-sizing:border-box; position:relative; margin:auto;}
#list #box-01 .area-01 table{ width:100%;}
#list #box-01 .area-01 td{ padding:15px 0;}
#list #box-01 .area-01 td:first-child{ width:140px;}
#list #box-01 .area-01 tr{border-bottom:2px solid #99d8ec;}
#list #box-01 .area-01 a{ font-weight: bold; color: #0066c0; display: inline-block;}


.pagination { margin: 40px 0 0; text-align:center;}
.pagination .page-numbers { display: inline-block; margin-right: 20px; padding: 10px 15px; color: #333; border-radius: 3px; box-shadow: 0 3px 3px #999; background: #fff; vertical-align:top;}
.pagination .current { padding: 10px 15px; background: #457b9c; color: #fff; }
.pagination .prev,
.pagination .next { background: transparent; box-shadow: none; color: #457b9c; }
.pagination .dots { background: transparent; box-shadow: none; }


#open-chatbot{ position:fixed; bottom:10px; left:20px;}
#open-chatbot img{ width:350px;}
#open-chatbot:hover{  opacity:0.5; filter:alpha(opacity=50);-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; cursor : pointer;}