@charset "utf-8";
/* CSS Document */
.pcno { display:none;}
img { max-width:100%;}
#navArea{ display:none;}
/*▼ 初期化 ▼*/
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:#3d3d3d;-webkit-text-size-adjust:100%; font-weight:500; 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;}
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;}
#body-top{ background:#ebf6fd url(../images/home/bk-body.jpg)center top no-repeat;}


/*▼ヘッダー▼*/
h1{ opacity:0; height:0; text-indent:-9999px;}
#header{ max-width:1300px; min-width:1024px; margin:auto; position:relative; padding:0 20px;}
#header #hmid{ overflow:hidden; padding-bottom:10px;}
#header .left { float:left; padding:15px 0 0; position:relative;}
#header .left a{ text-decoration:none; display:inline-block;}
#header .left a img{ vertical-align:middle; margin-right:10px;}
#header .left a .p-01{ font-size:30px; font-weight:800; display:inline-block; vertical-align:middle;}
#header .left a .p-01 span{ font-size:18px; font-weight:700; display:block; line-height:1.5em;}
#header .left .p-02{ font-size:16px; letter-spacing:normal; position:absolute; left:100px; bottom:-5px;}


#header .right{ float:right; text-align:right; padding-top:20px; margin-bottom:10px;}
#header .right .btn{ width:300px; display:inline-block; vertical-align:middle;}
#header .right .btn a{ font-weight:bold; color:#fff; display:block; text-decoration:none; padding:15px 0px; text-align:center; border-radius:50px; background:linear-gradient(to right, #67bbce, #98c71c); font-size:30px;}
#header .right .btn a span{ background:url(../images/common/ico-tel.png)left 10px no-repeat; padding-left:35px;}
#header .right .p-01{ font-size:16px; letter-spacing:normal; display:inline-block; vertical-align:middle; margin-left:15px;}


/*▼メインナビゲーション▼*/
#navi{ float:right; text-align:right; padding:20px 0px 0 0;}
#navi ul{ display:inline-block; position:relative; z-index:4;}
#navi li { display:inline-block; font-size:15px; font-weight:bold; line-height:1.5em; text-align:center; padding:0 10px; position:relative; letter-spacing:normal;}
#navi li:last-child{ padding-right:0;}
#navi li a{ color:#333333; text-decoration:none; position:relative; display:block; padding:0 0 15px;}
#navi li a:hover{ opacity:1; transition:0.3s; color:#98c71c;}
#navi li a:after /*ナビ下線*/{ content:""; position:absolute;left:0;bottom:2px;width:100%;height:2px;background:linear-gradient(to right, #67bbce, #98c71c);transform:scale(0, 1);transition:0.3s;}
#navi li a:hover:after{ transform:scale(1);}



/*▼メインビジュアル▼*/
#mp{}
#mp .area-01{ width:1024px; height:621px; margin:auto; position:relative;}
#mp .area-01 .p-01{ font-size:44px; font-weight:bold; color:#0066dd; position:absolute; left:0; bottom:0px; font-family:"Zen Kurenaido", sans-serif;}
#mp .area-01 .p-01 span{ font-size:20px; display:block;}


#pain #mp{ background:url(../images/pain/mp.png) center top no-repeat;}
#clinic #mp{ background:url(../images/clinic/mp.png) center top no-repeat;}
#medical #mp{ background:url(../images/medical/mp.png) center top no-repeat;}
#conditions #mp{ background:url(../images/conditions/mp.png) center top no-repeat;}
#woc #mp{ background:url(../images/woc/mp.png) center top no-repeat;}
#qa #mp{ background:url(../images/qa/mp.png) center top no-repeat;}
#single #mp{ background:url(../images/clinic/mp.png) center top no-repeat;}
#list #mp{ background:url(../images/clinic/mp.png) center top no-repeat;}
#recruit #mp{ background:url(../images/clinic/mp.png) center top no-repeat;}


#hmp{ position:relative; background:url(../images/home/mp.png)center top no-repeat;}
#hmp .inner{ max-width:1560px; min-width:1024px; margin:auto; height:820px; position:relative;}
#hmp .inner .p-01{ width:620px; font-size:30px; font-weight:bold; color:#333; text-align:center; position:absolute; right:20px; bottom:50px; font-family:"Zen Kurenaido", sans-serif;}
#hmp .inner .p-01 span{ background:rgba(255,255,255,.8); display:inline-block; padding:15px 0; width:100%; margin-bottom:20px;}
#hmp .inner .p-01 span.blue{ font-size:40px; color:#0066dd;}


#hmp .area-01 { width:600px; padding:0 0 70px 90px; position:absolute; left:-600px; right:0; margin:auto; bottom:0px; box-sizing:border-box;}
#hmp .area-01 table{ width:100%; text-align:center;}
#hmp .area-01 table th{ border-bottom:1px solid #87b827; padding:15px 0; font-size:18px; font-weight:600; color:#333; min-width:30px;}
#hmp .area-01 table td{ border-bottom:1px solid #87b827; padding:15px 0; font-size:20px; color:#87b827; vertical-align:middle;}
#hmp .area-01 table td span{}
#hmp .area-01 table tr>*:first-child{ width:170px; color:#333;}
#hmp .area-01 table tr>*:first-child span{ font-size:15px; letter-spacing:normal; display:block; line-height:1.5em;}
#hmp .area-01 table tr>td:first-child{ font-size:22px; font-weight:bold;}
#hmp .area-01 table tr:last-child th,#hmp .area-01 table tr:last-child td{ border-bottom:none;}
#hmp .area-01 h2{ font-size:32px; font-weight:bold; color:#0066dd; position:absolute; top:20px; left:0px; -ms-writing-mode:tb-rl; writing-mode:vertical-rl; display:inline-block; font-family:"Zen Kurenaido", sans-serif;}
#hmp .area-01 h2 span{ font-size:20px; display:block; line-height:1.5em;}
#hmp .area-01 .p-02{ font-size:16px; font-weight:bold; color:#fff; text-align:center; padding:15px 0; background:linear-gradient(to right, #67bbce, #98c71c); position:absolute; left:0; bottom:0; width:100%;}
#hmp .area-01 .p-02 span{ font-size:22px; display:inline-block; margin:0 15px 0 5px;}



/*----- フッター -----*/
#footer { background:url(../images/common/bk-footer.png)center top no-repeat;}
#footer #fmid{ width:1200px; margin:auto; overflow:hidden; padding:20px 0 70px;}

#footer #fmid .left{ float:left;}
#footer #fmid .left .name{ position:relative;}
#footer #fmid .left a{ text-decoration:none; display:inline-block;}
#footer #fmid .left a img{ vertical-align:middle; margin-right:10px;}
#footer #fmid .left a .p-01{ font-size:30px; font-weight:800; display:inline-block; vertical-align:middle;}
#footer #fmid .left a .p-01 span{ font-size:18px; font-weight:700; display:block; line-height:1.5em;}
#footer #fmid .left .p-02{ font-size:16px; letter-spacing:normal; position:absolute; left:100px; bottom:0px;}
#footer #fmid .left .btn{ width:300px; display:block; margin:20px 20px 0 100px;}
#footer #fmid .left .btn a{ background:linear-gradient(to right, #67bbce, #98c71c); font-size:30px; font-weight:bold; color:#fff; display:block; text-decoration:none; padding:18px 0px 20px; text-align:center; border-radius:50px;}
#footer #fmid .left .btn a span{ background:url(../images/common/ico-tel.png)left 8px no-repeat; padding-left:33px;}
#footer #fmid .left .p-03{ font-size:16px; letter-spacing:normal; margin:10px 0 0 100px;}


#footer #fmid .right{ float:right; padding-top:50px;}
#footer #fmid .right a{ background:url(../images/common/bnr.png),url(../images/common/arrow-blue.png); background-repeat:no-repeat; background-position:0 0,25px 25px; width:540px; height:201px; padding-top:30px; box-sizing:border-box; display:inline-block; text-decoration:none; margin-right:30px;}
#footer #fmid .right a h2{ background:#0066dd; font-size:24px; font-weight:bold; color:#fff; padding:10px 100px 10px 30px; display:inline-block; margin-bottom:25px; border-radius:0 20px 20px 0;}
#footer #fmid .right a p { font-size:16px; padding-left:30px;}
/*ナビ*/
#footer #fnavi{ text-align:center; padding:20px 0 50px;}
#footer #fnavi li { font-size:17px; font-weight:bold; display:inline-block; letter-spacing:normal; padding-right:30px; position:relative;}
#footer #fnavi li a{ padding:0 0 8px; color:#fff; text-decoration:none; position:relative; display:block; transition:.3s;}
#footer #fnavi li:last-child{ padding-right:0px; margin-right:0px;}

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

.page-top {
	position:fixed;
    bottom:70px;
    right:60px;
	background-image:url(../images/common/totop.png);
	width:103px; height:103px; 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;}

/* 追従ボタン */
#fixd-btn{ position:fixed; top:200px; right:0; z-index:2;}
#fixd-btn a{ background:#0066dd; width:70px; height:280px; border-radius:20px 0 0 20px; display:block; text-decoration:none; text-align:center; margin-bottom:5px;}
#fixd-btn a p{ font-size:24px; font-weight:bold; color:#fff; -ms-writing-mode:tb-rl; writing-mode:vertical-rl; text-orientation:upright; display:inline-block; margin:30px 0 0 5px; letter-spacing:4px; font-family:"Zen Maru Gothic", serif;}
#fixd-btn a p img{ margin-bottom:10px;}

#fixd-btn a.tel{ background:linear-gradient(to right, #67bbce, #98c71c);}
#fixd-btn a.tel i{ margin-bottom:6px;}



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

.h2-01{ font-size:32px; font-weight:bold; color:#0066dd; position:absolute; top:20px; left:-10px; -ms-writing-mode:tb-rl; writing-mode:vertical-rl; display:inline-block; font-family:"Zen Kurenaido", sans-serif;}
.h2-01 span{ font-size:20px; display:block; line-height:1.5em;}


.h2-02{ background:#87b827; width:500px; font-size:30px; font-weight:bold; color:#fff; text-align:center; margin:0 auto 50px; padding:12px 40px; border-radius:50px;}
.h2-02.white{ background:#fff; color:#0066dd;}


.h3-01{ font-size:30px; font-weight:bold; color:#333; margin-bottom:30px; position:relative; background:linear-gradient(transparent 60%, #fff 30%); display:inline-block;}


.more{ width:320px; margin:50px auto; font-size:18px; font-weight:bold; text-align:left; padding:15px 0; position:relative;}
.more a{ background:#fff; color:#87b827; padding:10px 0 10px 30px; display:block; text-decoration:none; border-radius:15px; margin-right:20px;}
.more a img{ position:absolute; right:0; top:0;}





/*----- ホーム　home -----*/
#home .bk-01{ background:url(../images/home/bk-01.png)center 50% no-repeat;}

#home #box-01{ width:1200px; padding:100px 0 100px;}
#home #box-01 .area-01{ height:450px; position:relative;}
#home #box-01 .area-01 .tb{ padding:70px 0 0 620px;}
#home #box-01 .area-01 .tb p{ font-size:18px; font-weight:500; line-height:2em;}
#home #box-01 .area-01 .img-01{ position:absolute; left:0; top:0;}
#home #box-01 .area-01 .img-02{ position:absolute; left:350px; bottom:0;}

#home #box-02{ background:url(../images/home/bk-news.png); height:560px; position:relative; box-sizing:border-box; margin-bottom:150px; padding-top:50px;}
#home #box-02 .area-01{ width:600px; padding:0px 0 0 160px;}
#home #box-02 .area-01 table { width:100%;}
#home #box-02 .area-01 table th { font-size:18px; font-weight:bold; width:150px; padding:25px 0; border-bottom:1px solid #87b827; text-align:left; vertical-align:middle;}
#home #box-02 .area-01 table td { font-size:18px; padding:25px 0; border-bottom:1px solid #87b827; font-weight:bold; vertical-align:middle;}
#home #box-02 .area-01 table td a{ color:#333; display:inline-block; text-decoration:none;}
#home #box-02 .area-01 .more{ margin:50px 0 0;}
#home #box-02 .img-01{ position:absolute; right:-80px; bottom:-80px;}

#home #box-03{ background:url(../images/home/bk-03.png)center top no-repeat; height:1000px; margin-bottom:120px;}
#home #box-03 .area-01{ width:1024px; margin:auto; padding:40px 0 0 150px; box-sizing:border-box; position:relative;}
#home #box-03 .area-01 .p-01{ font-size:18px; line-height:1.8em; margin-bottom:50px;}
#home #box-03 .area-01 .inner{ overflow:hidden;}
#home #box-03 .area-01 .inner .entry{ width:260px; float:left; margin:0 40px 30px 0;}
#home #box-03 .area-01 .inner .entry:nth-child(3n){ margin-right:0;}
#home #box-03 .area-01 .inner .entry .img{ background:#cce5f0; height:200px; position:relative; border-radius:20px 20px 0 0;}
#home #box-03 .area-01 .inner .entry .img img{ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
#home #box-03 .area-01 .inner .entry a{ background:#fff; font-size:20px; font-weight:bold; color:#0066dd; padding:20px 0 20px 25px; display:block; text-decoration:none; position:relative; border-radius:0 0 20px 20px; overflow:inherit;}
#home #box-03 .area-01 .inner .entry a img{ position:absolute; right:10px; top:-10px;}
#home #box-03 .area-01 .more{ margin:0;}


#home .bk-02{ background:url(../images/home/bk-02.png)center bottom 50px no-repeat;}
#home #box-04{ min-width:1500px; position:relative; padding-bottom:120px;}
#home #box-04 .area-01{ width:1200px; margin:auto; position:relative;}
#home #box-04 .area-01 .img-01{ position:absolute; bottom:-50px; right:00px;}
#home #box-04 .img-02{ position:absolute; top:-50px; right:0px;}
#home #box-04 .area-01 .googlemap{ width:1024px; height:500px; margin:auto;}




/*----- 診療案内 medical -----*/
#medical .bk-01{ background:url(../images/medical/bk-01.jpg)center top no-repeat; height:1230px; margin-top:80px;}
#medical #box-01{ width:1200px;}
#medical #box-01 h2{ font-size:30px; font-weight:bold; color:#fff; text-align:center; margin-bottom:50px;}
#medical #box-01 h2 span{ background:#87b827; display:inline-block; padding:15px 40px; border-radius:50px;}
#medical #box-01 .area-01{ background:rgba(255,255,255,.8); padding:50px 80px 50px; position:relative; border-radius:20px; margin-bottom:50px;}
#medical #box-01 .area-01 ul{ margin-bottom:40px;}
#medical #box-01 .area-01 ul li{ font-size:18px; margin-bottom:15px; position:relative; padding-left:23px;}
#medical #box-01 .area-01 ul li:before{ content:""; display:inline-block; width:15px; height:15px; background:#87b827; border-radius:50%; position:absolute; left:0; top:7px;}
#medical #box-01 .area-01 .btn{ width:400px; text-align:center; margin-bottom:30px;}
#medical #box-01 .area-01 .btn a{ background:url(../images/medical/ico-01.png),url(../images/medical/arrow.png),#478fe3; background-repeat:no-repeat; background-position:25px 10px,right 20px top 15px,0 0; font-size:20px; font-weight:bold; color:#fff; padding:35px 0; display:block; text-decoration:none; border-radius:10px;}
#medical #box-01 .area-01 p{ font-size:18px; line-height:1.8em;}
#medical #box-01 .area-01 .img-01{ position:absolute; right:300px; top:50px;}
#medical #box-01 .area-01 .img-02{ position:absolute; right:-80px; bottom:30px;}

#medical #box-01 .area-02{ background:rgba(255,255,255,.8); padding:0px 0px 50px; text-align:center; border-radius:20px; overflow:hidden;}
#medical #box-01 .area-02 h2{ background:#0066dd; font-size:30px; font-weight:bold; color:#fff; padding:15px 0; margin-bottom:30px;}
#medical #box-01 .area-02 h2 img{ vertical-align:middle; margin-right:15px;}
#medical #box-01 .area-02 .p-01{ font-size:20px; margin-bottom:20px;}
#medical #box-01 .area-02 .inner{ text-align:center; margin-bottom:20px;}
#medical #box-01 .area-02 .inner h3{ background:#0066dd; font-size:18px; font-weight:500; color:#fff; padding:10px 30px; display:inline-block; vertical-align:middle; margin-right:30px; border-radius:30px;}
#medical #box-01 .area-02 .inner .p-tel{ font-size:50px; font-weight:bold; display:inline-block; vertical-align:middle; line-height:1em;}
#medical #box-01 .area-02 .inner .p-tel a{ background:url(../images/medical/ico-tel.png)left 8px no-repeat; padding-left:40px; color:#0066dd; display:inline-block; text-decoration:none;}
#medical #box-01 .area-02 .p-02{ font-size:18px;}
#medical #box-01 .area-02 .p-02 a{ color:#0066dd;}



#medical .bk-02{ background:url(../images/home/bk-02.png)center 50% no-repeat;}
#medical #box-02{ width:1200px; padding:100px 0 100px;}
#medical #box-02 .area-01{ background:rgba(216,234,210,.8); padding:70px 0 50px; border-radius:20px; margin-bottom:80px;}
#medical #box-02 .area-01 h2{ margin-bottom:20px;}
#medical #box-02 .area-01 table{ width:700px; margin:auto; text-align:center;}
#medical #box-02 .area-01 table th{ border-bottom:1px solid #87b827; padding:15px 0; font-size:18px; font-weight:600; color:#333; min-width:30px;}
#medical #box-02 .area-01 table td{ border-bottom:1px solid #87b827; padding:15px 0; font-size:20px; color:#87b827;}
#medical #box-02 .area-01 table tr>*:first-child{ width:170px; color:#333;}
#medical #box-02 .area-01 table tr>td:first-child{ font-size:22px; font-weight:bold;}
#medical #box-02 .area-01 table tr:last-child th,#hmp .area-01 table tr:last-child td{ border-bottom:none;}
#medical #box-02 .area-01 .p-02{ font-size:16px; font-weight:500; color:#333; text-align:center; padding:15px 0;}

#medical #box-02 .area-02{ background:url(../images/medical/bk-03.png); width:1200px; height:761px; padding-top:50px; box-sizing:border-box;}
#medical #box-02 .area-02 .inner{ text-align:center;}
#medical #box-02 .area-02 .inner .entry{ background:#ecf6fc; width:300px; padding:90px 20px 30px; box-sizing:border-box; position:relative; display:inline-block; margin-right:30px; border-radius:10px;}
#medical #box-02 .area-02 .inner .entry:last-child{ margin-right:0;}
#medical #box-02 .area-02 .inner .entry .h3-01{  width:200px; font-size:24px; font-weight:bold; color:#333; margin-bottom:15px; position:relative; background:linear-gradient(transparent 60%, #fff 30%); display:inline-block;}
#medical #box-02 .area-02 .inner .entry img{ position:absolute; top:20px; left:0; right:0; margin:auto;}
#medical #box-02 .area-02 .inner .entry p{ font-size:16px; text-align:left; line-height:1.8em;}



/*----- 当クリニックについて clinic -----*/
#clinic .bk-01{ background:url(../images/home/bk-01.png)center 50% no-repeat;}
#clinic #box-01{ width:1200px; padding:80px 0 100px;}
#clinic #box-01 .area-01{ background:rgba(216,234,210,.8); padding:70px 0 70px; border-radius:20px; margin-bottom:70px;}
#clinic #box-01 .area-01 .inner{ width:740px; text-align:center; margin:auto; position:relative;}
#clinic #box-01 .area-01 .inner .maru{ background:#fff; width:200px; height:200px; border-radius:50%; box-shadow:5px 5px 10px rgba(0,0,0,.08); display:inline-block; vertical-align:middle; margin:0 20px 50px 0;}
#clinic #box-01 .area-01 .inner .maru img{ margin:30px 0 5px;}
#clinic #box-01 .area-01 .inner .maru p{ font-size:24px; font-weight:bold; color:#e60012;}
#clinic #box-01 .area-01 .inner .entry{ background:#fff; width:140px; padding:20px 0; border-radius:10px; display:inline-block; vertical-align:middle; margin-right:20px; box-shadow:5px 5px 10px rgba(0,0,0,.08);}
#clinic #box-01 .area-01 .inner .entry.m0{ margin:0;}
#clinic #box-01 .area-01 .inner .entry p{ font-size:18px; font-weight:500; line-height:1.7em;}
#clinic #box-01 .area-01 .inner .arrow{ vertical-align:middle; margin-right:20px;}
#clinic #box-01 .area-01 .inner .arrow-top{ position:absolute; left:70px; top:52%;}
#clinic #box-01 .area-01 .inner .arrow-bottom{ position:absolute; right:70px; top:52%;}

#clinic #box-01 .area-02{ background:rgba(216,234,210,.8); padding:50px 90px 80px; text-align:center; border-radius:20px; position:relative;}
#clinic #box-01 .area-02 h3{ margin-bottom:50px;}
#clinic #box-01 .area-02 .tb{ width:720px;}
#clinic #box-01 .area-02 .tb p{ font-size:18px; text-align:left; line-height:2em;}
#clinic #box-01 .area-02 .tb p span{ font-weight:bold; color:#0066dd;}
#clinic #box-01 .area-02 .img-01{ position:absolute; bottom:-50px; right:120px;}
#clinic #box-01 .area-02 .img-02{ position:absolute; top:50px; right:-80px;}



#clinic .bk-02{ background:linear-gradient(to right, #d9edf3, #e6f3e4);}
#clinic #box-02{ width:1200px; padding:80px 0;}
#clinic #box-02 h2{ margin-bottom:60px;}
#clinic #box-02 .area-01{ overflow:hidden;}
#clinic #box-02 .area-01 .left{ float:left; text-align:center;}
#clinic #box-02 .area-01 .left p{ font-size:30px; text-align:center; padding-top:30px;}
#clinic #box-02 .area-01 .left p span{ font-size:20px; display:inline-block; margin-left:15px;}
#clinic #box-02 .area-01 .right{ width:700px; float:right; margin-right:80px;}
#clinic #box-02 .area-01 .right p{ font-size:18px; line-height:1.8em;}


#clinic .bk-03{ background:#dff0fc url(../images/clinic/bk-02.png)center top;}
#clinic #box-03{ width:1200px; padding:100px 0 30px;}
#clinic #box-03 h2{ margin-bottom:70px;}
#clinic #box-03 .area-01{ overflow:hidden;}
#clinic #box-03 .area-01 .entry{ width:270px; float:left; margin:0 40px 40px 0;}
#clinic #box-03 .area-01 .entry:nth-child(4n){ margin-right:0;}
#clinic #box-03 .area-01 .entry p{ background:#fff; font-size:20px; font-weight:500; text-align:center; padding:20px 0; border-radius:0 0 10px 10px;}

#clinic #box-04{ padding-bottom:120px;}
#clinic #box-04 h2{ margin-bottom:100px;}
#clinic #box-04 .area-01{ text-align:center;}
#clinic #box-04 .area-01 .entry{ background:#d8ead2; width:300px; padding:60px 20px 30px; box-sizing:border-box; position:relative; display:inline-block; margin-right:30px; border-radius:10px; vertical-align:top;}
#clinic #box-04 .area-01 .entry:last-child{ margin-right:0;}
#clinic #box-04 .area-01 .entry .h3-01{ width:200px; font-size:24px; font-weight:bold; color:#333; margin-bottom:15px; position:relative; background:linear-gradient(transparent 60%, #fff 30%); display:inline-block;}
#clinic #box-04 .area-01 .entry .img{ background:#d8ead2; width:120px; height:120px; border-radius:50%; display:inline-block; position:absolute; top:-50px; left:0; right:0; margin:auto;}
#clinic #box-04 .area-01 .entry .img img{ position:absolute; top:0px; left:0; right:0; bottom:0; margin:auto;}
#clinic #box-04 .area-01 .entry p{ font-size:16px; text-align:left; line-height:1.8em;}



/*----- 対象となる症状と疾患 conditions -----*/
#conditions .bk-01{ background:url(../images/home/bk-01.png)center 50% no-repeat;}
#conditions #box-01{ width:1200px; padding:80px 0 80px;}
#conditions #box-01 h2{ margin-bottom:40px;}
#conditions #box-01 .area-01{ background:rgba(216,234,210,.8); padding:60px 70px 20px; text-align:center; border-radius:20px; position:relative;}
#conditions #box-01 .area-01 .img-01{ position:absolute; right:40px; top:600px; z-index:2;}
#conditions #box-01 .area-01 .inner{ overflow:hidden; padding-top:50px;}
#conditions #box-01 .area-01 .entry{ background:#ffffff; width:500px; padding:70px 40px 50px; box-sizing:border-box; position:relative; float:left; border-radius:10px; box-sizing:border-box; margin-bottom:80px;}
#conditions #box-01 .area-01 .entry:nth-child(2n){ float:right;}
#conditions #box-01 .area-01 .entry .h3-01{ min-width:300px; font-size:28px; font-weight:bold; color:#333; margin-bottom:30px; position:relative; background:linear-gradient(transparent 60%, #d8ead2 30%); display:inline-block;}
#conditions #box-01 .area-01 .entry .img{ background:#fff; width:120px; height:120px; border-radius:50%; display:inline-block; position:absolute; top:-50px; left:0; right:0; margin:auto;}
#conditions #box-01 .area-01 .entry .img img{ position:absolute; top:0px; left:0; right:0; bottom:0; margin:auto;}
#conditions #box-01 .area-01 .entry p{ font-size:16px; text-align:left; line-height:1.8em;}


#conditions .bk-02{ background:linear-gradient(to bottom, #d9edf3, #e6f3e4);}
#conditions #box-02{ width:inherit; background:url(../images/home/bk-01.png),url(../images/home/bk-02.png); background-repeat:no-repeat; background-position:center 35%,center 80%; padding:80px 0 30px;}
#conditions #box-02 .area-01{  width:1200px; margin:0 auto 70px; overflow:hidden;}
#conditions #box-02 .area-01 .btn{ width:380px; float:left; text-align:center; margin:0 30px 30px 0;}
#conditions #box-02 .area-01 .btn:nth-child(3n){ margin-right:0;}
#conditions #box-02 .area-01 .btn a{ background:#fff url(../images/common/arrow-blue.png)right 15px top 15px no-repeat; font-size:20px; font-weight:bold; color:#0066dd; padding:35px 0; text-decoration:none; display:block; position:relative; border-radius:15px;}
#conditions #box-02 .area-01 .btn a img{ position:absolute; top:10px; left:20px;}


#conditions #box-02 .area-white{  width:1200px; margin:0 auto 70px; background:rgba(255,255,255,.8); padding:50px 0 70px; text-align:center; border-radius:20px;}
#conditions #box-02 .area-white h3{ font-size:30px; font-weight:bold; color:#0066dd; margin-bottom:30px;}
#conditions #box-02 .area-white h3 img{ vertical-align:middle; margin-right:15px;}
#conditions #box-02 .area-white .entry{ width:320px; display:inline-block; margin-right:50px; vertical-align:top;}
#conditions #box-02 .area-white .entry:last-child{ margin-right:0;}
#conditions #box-02 .area-white .entry h4{ font-size:28px; font-weight:bold; color:#333; margin-bottom:25px; position:relative; background:linear-gradient(transparent 60%, #d3eafa 30%); display:inline-block; width:100%;}
#conditions #box-02 .area-white .entry h4 span{ font-size:20px; display:inline-block; margin-right:15px;}
#conditions #box-02 .area-white .entry p { font-size:16px; text-align:left; line-height:1.8em; letter-spacing:normal;}
#conditions #box-02 .area-white .entry-02{ width:500px;}
#conditions #box-02 .area-white .inner{ overflow:hidden; padding:0 80px;}
#conditions #box-02 .area-white .inner .entry-02{ float:left; margin:0 0 50px 0;}
#conditions #box-02 .area-white .inner .entry-02:nth-child(2n){ float:right;}



/*----- ペインケアとは pain -----*/
#pain #mp .area-01{ width:1140px; height:660px;}
#pain #mp .area-01 .p-01{ bottom:120px;}
#pain #mp .area-01 .p-02{ width:650px; font-size:18px; line-height:1.8em; position:absolute; left:0; bottom:20px;}

#pain .bk-01{ background:url(../images/home/bk-01.png)center 70% no-repeat;}
#pain #box-01{ width:1200px; padding:100px 0 120px;}
#pain #box-01 h2{ width:420px; font-size:30px; font-weight:bold; color:#333; margin-bottom:30px; position:relative; background:linear-gradient(transparent 60%, #fff 30%); display:inline-block;}
#pain #box-01 .area-01{ background:rgba(216,234,210,.8); padding:50px 90px 100px; text-align:center; border-radius:20px; position:relative; margin-bottom:100px;}
#pain #box-01 .area-01 h3{ margin-bottom:50px;}
#pain #box-01 .area-01 .tb{ width:720px;}
#pain #box-01 .area-01 .tb p{ font-size:18px; text-align:left; line-height:2em;}
#pain #box-01 .area-01 .tb p span{ font-weight:bold; color:#0066dd;}
#pain #box-01 .area-01 .img-01{ position:absolute; top:50px; right:-80px;}
#pain #box-01 .area-01 .img-02{ position:absolute; bottom:-50px; right:120px;}

#pain #box-01 .area-02{ margin-bottom:0;}
#pain #box-01 .area-02 .img-01{ position:absolute; top:inherit; bottom:-50px; right:-80px;}



#pain .bk-02{ background:linear-gradient(to right, #d9edf3, #e6f3e4);}
#pain #box-02{ padding:80px 0 90px;}
#pain #box-02 .area-01{ text-align:center;}
#pain #box-02 .area-01 .entry{ display:inline-block; position:relative;}
#pain #box-02 .area-01 .entry:last-child{ margin-left:40px;}
#pain #box-02 .area-01 .entry img{ box-shadow:0 0 10px rgba(0,0,0,.1);}
#pain #box-02 .area-01 .entry p{ background:#fff; width:360px; font-size:24px; font-weight:bold; color:#0066dd; padding:10px 0; display:inline-block; border-radius:10px; position:absolute; left:0; right:0; bottom:30px; margin:auto;}


#pain .bk-03{ background:#eff8fe url(../images/pain/bk-02.png)center 70% no-repeat;}
#pain #box-03{ width:1200px; padding:100px 0 50px;}
#pain #box-03 h2{ background:#4c94e7;}
#pain #box-03 .area-01{ background:rgba(211,234,250,.8); padding:70px 90px 40px; text-align:center; border-radius:20px; position:relative; margin-bottom:70px;}
#pain #box-03 .area-01 .inner{ width:890px; margin:auto; overflow:hidden; text-align:center;}
#pain #box-03 .area-01 .entry{ width:270px; float:left; margin:0 40px 40px 0;}
#pain #box-03 .area-01 .entry:nth-child(3n){ margin-right:0;}
#pain #box-03 .area-01 .entry .img{ background:#fff; height:180px; border-radius:10px 10px 0 0; position:relative;}
#pain #box-03 .area-01 .entry .img img{ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
#pain #box-03 .area-01 .entry p{ background:#4c94e7; font-size:20px; font-weight:500; color:#fff; text-align:center; line-height:80px; height:80px; border-radius:0 0 10px 10px; position:relative;}
#pain #box-03 .area-01 .entry p .span{ display:inline-block;}
#pain #box-03 .area-01 .entry:last-child p .span{ line-height:1.5em; padding-top:10px; box-sizing:border-box;}
#pain #box-03 .area-01 .entry:last-child p .span .min{ font-size:15px; display:block; line-height:1.5em;}


/*----- woc外来 woc -----*/
#woc .bk-01{ background:url(../images/woc/bk-01.jpg)center top no-repeat;margin-top:80px;}
#woc #box-01{ width:1200px;}
#woc h2{ font-size:30px; font-weight:bold; color:#fff; text-align:center; margin-bottom:50px;}
#woc h2 span{ background:#87b827; display:inline-block; padding:15px 40px; border-radius:50px;}
#woc #box-01 .area-01{ background:rgba(255,255,255,.8); padding:50px 380px 50px 80px; position:relative; border-radius:20px; margin-bottom:50px;}

#woc #box-01 .area-01 p{ font-size:18px; line-height:1.8em;}
#woc #box-01 .area-01 .img-02{ position:absolute; right:-80px; top:30px;}




#woc #box-02{padding:100px 0 100px;}
#woc #box-02 .area-01{background:rgba(216,234,210,.8); padding:50px; border-radius:20px; margin-bottom:30px;}
#woc #box-02 .area-01 p{ font-size:18px;}

/*----- よくある質問 qa -----*/
#qa .bk-01{ background:url(../images/woc/bk-01.jpg)center top no-repeat;margin-top:80px;}
#qa #box-01{ }




/* 必須 */
.accordion-content { display: none; }
/* 装飾用 */
.accordion-header {padding:14px 45px 12px 20px; margin: 10px 0 0; transition: background .3s ease; cursor: pointer; position: relative; background:#4d9134;border-radius:28px; color:#FFF;font-weight:bold; font-size:22px; }

.accordion-header::before, .accordion-header::after { position: absolute; content: ''; top: 1px; right: 20px; bottom: 0; width: 24px; height: 2px; margin: auto; background: #fff; }


.accordion-header::after { transform: rotate(-90deg); transition: transform 0.3s; }
.accordion-header.active::after { transform: rotate(0deg); }
.accordion-content { padding: 12px 20px 10px 45px; margin-left:20px;font-size:22px;text-indent:-2.5em; padding-left:2.5em;}
.accordion-header span.s-01, .accordion-content span.s-01 { padding-left:0px; position: relative;text-indent:0em; padding-left:0em;}
.accordion-header span.s-01::before {content: "Q";color:#4d9134; width:45px; height:45px; background:#FFF; border:#4d9134 solid 1px; line-height:45px;border-radius:50%; display:inline-block; margin-right:10px; font-size:22px; text-align:center; position:relative; top:0px;}


.accordion-content span.s-01::before {content: "A";color:#fff; width:45px; height:45px; background:#d34141;line-height:45px;border-radius:50%; display:inline-block; margin-right:10px; font-size:22px; text-align:center; position:relative; top:0px;}
/* hover */
.accordion-header:hover { background-color: #61b741; }



/*▼ブログ共通　bl▼*/
.bl #wrper{width:1024px;margin:auto;overflow:hidden;padding:50px 0 70px;}
/*　左カラム　*/
.bl #mleft{width:680px;float:left;}
.bl #mleft .box{width:680px;padding-top:0;}




/*▼記事詳細ページ　single▼*/
#single .p-title{position:relative; padding:1rem .5rem;font-size:30px;margin-bottom:30px;font-weight:bold;line-height:1em;}
#single .p-title:after{position:absolute;bottom:0;left:0;width:100%;height:5px;content:'';background-image:-webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));background-image:-webkit-linear-gradient(left, #87b828 0%, #68bbca 100%);background-image:linear-gradient(to right, #87b828 0%, #68bbca 100%);}

#single .date{font-weight:bold; margin-bottom:10px; text-align:right;}






/* アーカイブ・カテゴリー */
.bl #mleft .area-01{overflow:hidden;}
.bl #mleft .tb-01{overflow:hidden;clear:both;padding-bottom:30px;margin-bottom:30px;border-bottom:#999 dotted 1px;}
.bl #mleft .tb-01 img{width:170px;height:170px;object-fit:cover;float:left;margin-right:20px;background:#ECECEC;}

.bl #mleft .tb-01 .p-01{font-size:19px;font-weight:bold;margin-bottom:15px;}
.bl #mleft .tb-01 a{font-weight:;color:#87b828;}
.bl #mleft .tb-01 .p-01 a{font-weight:bold;color:#87b828;}
.bl #mleft #catego-title{position:relative; padding:1rem .5rem;font-size:30px;margin-bottom:30px;font-weight:bold;line-height:1em;}
.bl #mleft #catego-title:after{position:absolute;bottom:0;left:0;width:100%;height:5px;content:'';background-image:-webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));background-image:-webkit-linear-gradient(left, #87b828 0%, #68bbca 100%);background-image:linear-gradient(to right, #87b828 0%, #68bbca 100%);}




/*▼お知らせ一覧　list▼*/
#list .box{}
#list #box-01 table{ width:100%;}
#list #box-01 table td{ padding:20px 0px; border-bottom:#CCC solid 1px;}
#list #box-01 table td:first-child{ font-weight:bold; width:140px;}

/*　右サイドカラム　*/
#mright{width:270px;float:right;}
#mright .sbox{margin-bottom:40px;}

#mright h2{font-size:19px;font-weight:bold;letter-spacing:normal;padding-bottom:3px;position:relative;margin-bottom:10px;}
#mright h2 span{font-size:14px;font-weight:bold;color:#87b828;display:inline-block;margin-left:10px;}
#mright h2:before{box-sizing:inherit;display:block;height:1px;position:absolute;content:"";bottom:0;left:0;width:40%;z-index:1;background:#0f2b94;}
#mright h2:after{content:"";bottom:0;left:0;width:100%;background:#ddd;box-sizing:inherit;display:block;height:1px;position:absolute;z-index:0;}


#mright #sbox-01{}
#mright #sbox-01 ul{}
#mright #sbox-01 ul li{overflow:hidden;margin-bottom:7px;}
#mright #sbox-01 ul li a{padding:0px;text-decoration:none;display:block;transition:0.2s;}
#mright #sbox-01 ul li .img{width:80px;height:80px;float:left;overflow:hidden;border:1px solid #efefef;box-sizing:border-box;}
#mright #sbox-01 ul li img{width:80px;height:80px;object-fit:cover;float:left;transition:0.3s;}
#mright #sbox-01 ul li p{width:180px;font-size:14px;font-weight:500;color:#555;letter-spacing:normal;display:inline-block;float:right;padding-top:2px;}
#mright #sbox-01 ul li a:hover{opacity:0.9;transition:0.2s;}
#mright #sbox-01 ul li a:hover img{-webkit-transform:scale(1.04);transform:scale(1.04);transition:0.3s;}


#mright #sbox-02{}
#mright #sbox-02 ul{}
#mright #sbox-02 ul li{border-bottom:1px solid #ddd; position:relative;}
#mright #sbox-02 ul li a{background:url(../images/common/ico-f.png) left 10px top 16px no-repeat;font-size:15px;color:#555;background-size:16px auto;padding:10px 10px 10px 25px;letter-spacing:normal;text-decoration:none;display:block;transition:0.2s;}
#mright #sbox-02 ul li a span{transition:0.2s;}
#mright #sbox-02 ul li a:hover{background-color:#edf8ff;opacity:1;transition:0.2s;}
#mright #sbox-02 ul li a:hover span{padding-left:3px;transition:0.2s;}

#mright #sbox-02 ul li:after{display:block;content:'';width:0;height:0;position:absolute;top:18px;left:12px;border-width:5px 10px;border-style:solid;border-color:transparent;border-left-color:#222;}


/*--------------------------------------------------------------------------------
 * DROPDOWN
--------------------------------------------------------------------------------*/
#mright #sbox-02 .widget_inner .screen-reader-text{display:none;height:50px;}
#mright #sbox-02 .widget_inner .dd_wrap{width:100%;box-sizing:border-box;display:block;border-width:1px;border-style:solid;border-color:#e2e2e2;position:relative;margin-top:20px;}
#mright #sbox-02 .widget_inner select{font:inherit;padding:0 0.625rem;box-sizing:border-box;width:100%;height:46px;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;border:none;background:none;cursor:pointer;}
#mright #sbox-02 ::-ms-expand{display:none;}
#mright #sbox-02 .widget_inner select:focus{outline:none;}
#mright #sbox-02 .widget_inner label:after{display:block;content:'';width:0;height:0;position:absolute;top:18px;right:12px;border-width:10px 5px;border-style:solid;border-color:transparent;border-top-color:#222;}






.postNavi{overflow:hidden;margin-top:50px;}
.postNavi .prev{display:inline-block;float:left;}
.postNavi .next{display:inline-block;float:right;text-align:right;}

.postNavi a{font-weight:;color:#87b828;}

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


#recruit #box-01 .area-01{ padding-bottom:100px; margin-bottom:100px; border-bottom:#CCC dotted 2px;}
#recruit #box-01 .area-01 a{ color:#FFF;}