@charset "UTF-8";
/*-----------------------
 全ページに適用される設定
  =default
  =master
  =module
  =fontstyle
  =print
-------------------------
=default
-------------------------*/
html {overflow-y: scroll;}
/*Reset Style*/
body, div, h1, h2, h3, h4, h5, h6,p, blockquote, pre, address,ul, ol, li, dl, dt, dd,table, th, td,form,fieldset,legend,input,textarea {padding: 0;margin: 0;}
/*Text Module*/
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
address,em {font-style: normal;font-weight: normal;}
/*HyperText Module*/
a {text-decoration: none;outline:none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}
/*List Module*/
ul,ol {list-style: none;}
/*Image Module*/
img,fieldset {border: none;}
/*hr {display: none;}
*/
hr {border-top : 2px dotted #cdc ;margin:1.5em auto ;clear:both;}
/*Table Module*/
table {border-collapse:collapse;border-spacing:0;font-size: inherit;font: 100%;}
table th {font-weight: normal;text-align: left;}
caption,th {text-align: left;}

/*-----------------------
=master
-------------------------*/
/*ページ全体?見出し-*/
body {border-top:3px solid #F60;}
#wrapper {width: 940px;margin: auto;}

/*  wrapper > header-*/
#header {
    height:200px;
    position: relative;
}
#header h1.logo {text-indent:-9999px;position:absolute;top:15px;left:0;}
#header h1.logo a{background:url(/med/dementia/images/common/logo.png) no-repeat;display:block;width:270px;height:60px;}
#header .tel{background:url(/med/dementia/images/common/tel.gif) no-repeat;text-indent:-9999px;width:250px;height:40px;position:absolute;top:15px;right:0;background-size: cover;}
#header .tel a{pointer-events: none;}
.no-call{pointer-events: none;}
/* ホーム?リンク?附属病院リンク */
#topic-link {width:280px;position:absolute;top:15px;right:280px;text-align:right;font-size:0.9em;}
a.bt-home{background:url(/med/dementia/images/common/home.gif) no-repeat 0 0;padding-left:20px;margin-right:2em;}
a.bt-link{background: url(/med/dementia/images/common/blank.gif) no-repeat 0 0;padding-left:16px;margin-right:2em;}
a.bt-return{background: url(/med/dementia/images/common/return.gif) no-repeat 0 0;padding-left:20px;}
/*wrapper > header > globalNav1*/
#globalNav ul#G-Nav1 {
    width: 940px;
    position:absolute;
    display: flex;
    justify-content: space-between;
    top:140px;
    left:0;
}
#globalNav ul#G-Nav1::after{
  content:"";
  display: block;
  width: 25%;
}
#globalNav ul#G-Nav1 li {
    width:24.25%;
    height:40px;
    line-height:40px;
    background:url(/med/dementia/images/common/bg_Gnav.png) no-repeat center top;
    border-bottom:1px solid #FFF;
}
#globalNav ul#G-Nav1 li:last-child {margin-right:0;}
#globalNav ul#G-Nav1 li:hover{ background-position:center bottom;}
#globalNav ul#G-Nav1 li a {display:block;background: url(/med/dementia/images/common/ico_Gnav.png) no-repeat; color:#FFF; padding-left:40px; font-size:large; font-weight:bold;}
#globalNav ul#G-Nav1 li a:hover{ text-decoration:none;}
#globalNav ul#G-Nav1 li#nav01 a { background-position: 0 0;}
#globalNav ul#G-Nav1 li#nav01 a:hover { background-position: 0 -40px;}
#globalNav ul#G-Nav1 li#nav02 a { background-position: 0 -80px;}
#globalNav ul#G-Nav1 li#nav02 a:hover { background-position: 0 -120px;}
#globalNav ul#G-Nav1 li#nav03 a { background-position: 0 -160px; text-align:center; padding-left:0;}
#globalNav ul#G-Nav1 li#nav03 a:hover { background-position: 0 -200px;}
#globalNav ul#G-Nav1 li#nav04 a { background-position: 0 -240px;}
#globalNav ul#G-Nav1 li#nav04 a:hover { background-position: 0 -280px;}
#globalNav ul#G-Nav1 li#nav04 { margin-right:0;}
/*wrapper > header > globalNav2*/
#globalNav ul#G-Nav2 {
    position:absolute;
    display: flex;
    top:95px;
    left:0;
    font-size:0.9em;
    border-right:1px solid #ccc;
}
#globalNav ul#G-Nav2 li {
    display: inline-block;
    border-left:1px solid #ccc;
    line-height: 2;
    border-bottom:1px solid #FFF;
}
#globalNav ul#G-Nav2 li a {
    height:28px;
    display: block;
    color:#666;
    font-weight:bold;
    margin-left: 15px;
    margin-right: 15px;
}
#globalNav ul#G-Nav2 li a:hover {
    color:#FF6600;
    text-decoration:none;
}
/* メインイメージ */
#imagearea:after {clear: both;height: 0;visibility: hidden;display: block;content: ".";}
#imagearea {width:940px;position:relative;display: inline-block;zoom: 1;}
/*マルチカラムレイアウト-*/
.oneCol #main {width: 100%;}
/* 3カラムレイアウト 
.thrCol .sideBar {float: right;width: 180px;margin-right: 10px;display: inline;background-color: #CCC;}
.thrCol .sideBar.first {float: left;margin-left: 10px;display: inline;}
.thrCol #main {float: left;width: 550px;}*/
/* 2カラムレイアウト　左袖 
.twoColLt .sideBar {float: left;width: 180px;margin-left: 10px;display: inline;background-color: #CCC;}
.twoColLt #main {float: right;width: 740px;margin-right: 10px;display: inline;}*/
/* 2カラムレイアウト　右袖 */
.twoColRt #main {
    float:left;
    width: 700px;
    margin-right: 20px;
}
.twoColRt .sideBar {
    float: left;
    width: 214px;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    flex-direction: column;
}
.twoColRt .sideBar #nav {
    margin-bottom: 20px;
    padding:10px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border:1px solid #ddd;
    -moz-box-shadow: 0px 0px 3px #ccc;
    -webkit-box-shadow: 0px 0px 3px #ccc;
    box-shadow: 0px 0px 3px #ccc;
    behavior: url(/med/dementia/js/PIE.htc);
    background:#FFF;
}
.twoColRt .sideBar p {
    display: block;
}
.twoColRt .sideBar #nav ul.arr {
    margin-left:0 !important;
    margin-bottom:0;
}
.twoColRt .sideBar #nav li {
    white-space:nowrap;
    padding-left:.9em;
    margin-left:0;
    margin-bottom:.5em;
}
/*パンくずリスト-*/
.topicpath {padding: 0 0 1em 0.5em;}
.topicpath dl {padding: 0;}
.topicpath dt {display: none;}
/*セクションアンカー、その他の設定-*/
p.gotop {clear: both;width: 100%;height: 20px;position: relative;}
p.gotop a {position: absolute;right: 0;top: 0;width: 120px;height: 20px;background: url(/med/dementia/images/common/gotop.gif) no-repeat 0 0;display: block;text-decoration: none;text-indent: -9999px;outline: none;}
.clear {clear: both;}
.skip,.hide {display: none;}
/*  wrapper > footer-*/
#footer {
    padding: 10px 0;
    border-top:3px solid #F60;
}
#footer.bottomupF {
    padding-bottom: 80px;
}
#footer p{text-align:center;margin-bottom:0; font-size:.9em;}

#copyright {font-size: x-small;padding: 3px 0;background:#FFF1D4;text-align: center;}
/* 固定アンダーナビ */
.underNav {
    width: 100%;
    height: auto;
    background-color: rgba(255,255,255,0.8);
    text-align: center;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10000;
    margin-bottom: 0!important;
    padding-bottom: 20px;
    padding-top: 20px;
}
.underNav span {
    justify-content: center;
    flex-wrap: wrap;
}
.underNav .arr {
    margin: 0 auto;
}
.underNav .gotop {
    display: block;
    color: #333;
    margin-top: 5px;
}
/*-----------------------
=module
-------------------------*/
.pc_del{ display:none !important;}
/* 最終更新日 */
#lastupdated {margin: 0 0 0.2em;text-align: right;}
/* 署名 */
#signature {margin: 0 0 1em;text-align: right;}
/* テキストの左寄せ */
.txtleft {text-align: left;}
/* テキストのセンター寄せ */
.txtcenter {text-align: center;}
/* テキストの右寄せ */
.txtright {text-align: right;}
/* インデントを設定 */
.txtindent {text-indent: 1em;}
/* 外部リンク */
a.blank {background: url(/med/dementia/images/common/blank.gif) no-repeat center right ;padding-right: 1.5em;}
a:hover.blank {background: url(/med/dementia/images/common/blank_o.gif) no-repeat center right;}
/*  背景色の設定  */
.bgyellow {background-color: #FED204;}
.bgorange {background-color: #F78F1E;}
.bglightblue {background-color: #00AEEF;}
.bgblue {background-color: #0077C0;}
.bgnavy {background-color: #1F2E84;}
.bgbrown {background-color: #642100;}
.bgpink {background-color: #F66; color:#fff; padding:0 0.2em;}
.bgvivitpink {background-color: #ED118F;}
.bggreen {background-color: #7AC141;}
.bgpurple {background-color: #91268F;}
.bgred {background-color: #D30C44;}
.bggray {background-color: #E5E5E5;}
.bgorange {background-color: #F60; color:#fff; padding:0 0.2em;}
/* くわしく見る */
/*.link-btn {color:#fff;padding:0 0.5em;font-weight:bold;font-size:11px;margin-left:0.5em;border:1px solid #f60;background:#f60;background: -moz-linear-gradient(top, #FFC700 0%, #ff6600 50%, #FFC700 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFC700), color-stop(50%,#ff6600), color-stop(100%,#FFC700));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFC700, endcolorstr=#ff6600));
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFC700, endcolorstr=#ff6600))";zoom: 1;}*/
/*  floatプロパティを利用した画像の寄せと流し込み設定  */
/*float*/
.innerbox {display: inline-block;zoom: 1;}
.innerbox:after {clear: both;height: 0;visibility: hidden;display: block;content: ".";}
/*IE*/.innerbox {display: block;}
.innerbox p:last-child{margin-bottom:0;}
/* ===== 列の設定 ===== */
/* 50% */
.unit1of2 {float: left;width: 50%;}
/* 33% */
.unit1of3 {float: left;width: 33.3333%;}
/* 25% */
.unit1of4 {float: left;width: 25%;}
.unit2of3 {float: left;width: 66.6666%;}
.unit1of2 div,.unit1of3 div,.unit1of4 div,.unit2of3 div {padding:.5em;}

.mt00 { margin-top: 0   !important;}
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb10 { margin-bottom:10px !important;}
.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:30px !important;}
/* End hide from IE Mac */
img.img-right {float: right;margin: 0 0 1em 1em;}
img.img-left {float: left;margin: 0 1em 1em 0;}
img.img-center {margin: 0 auto;display: block;}
img.workshopimg {
    width: 100%;
}
/*  Photobox  */
.photobox-center {border:1px solid #ccc;margin: 1em auto;text-align:center;padding:5px;}
.photobox-right {float:right;border:1px solid #ccc;margin: auto 0 auto 1em;text-align:center;padding:5px;display:inline;}
/*  引用文  */
blockquote {padding: 10px;margin: 1em 0;border: 1px solid #d6dae1;}
/*  リストの設定  */
ul.list,ul.list-square,ol.list,ol.alpha {margin: 0 0 1.5em 1em;}
/* 黒丸 */
ul.list li {background: url(/med/dementia/images/common/list.gif) no-repeat 0 5px;padding-left:20px;margin-bottom:0.5em;}
/* 黒四角 */
ul.list-square li {list-style: square outside;}
/* 算用数字 */
ol.list li {list-style: decimal outside;}
/* 大文字のアルファベット */
ol.alpha {list-style: upper-alpha outside;}
/* 矢印リスト */
ul.arr {margin-bottom: 1.5em;}
ul.arr li {margin-left: .5em;padding-left: 1.5em;background:  url(/med/dementia/images/common/go.gif) no-repeat 0 5px;}
/* PDFリスト */
a.pdf[href $='.pdf'] { padding: 3px 22px 3px 0;background: transparent url(/med/dementia/images/common/icon-pdf.gif) no-repeat center right; }
* html ul.pdf li a,* html a.pdf {padding: 3px 0 3px 22px;background: url(/med/dementia/images/common/icon-pdf.gif) no-repeat left center;}
/*  PDFファイルのダウンロード  */
.get-adobe-reader {padding-top: 10px;padding-left:130px;margin-top: 10px;font-size: 80%;line-height:85%;background: url(/med/dementia/images/common/line-dot.gif) repeat-x top;position: relative; }
.get-adobe-reader p{line-height:1.3;}
.get-adobe-reader img {position: absolute;  left: 0px;  top: 10px;}
/*  定義する用語とその用語の説明を一対にしたリスト  */
dl.list {line-height: 1.5em;margin-bottom: 1.5em;}
dl.list dt {font-weight: bold;}
dl.list dd {margin-left: 2em;}
table td dl.list {margin-bottom:.5em;}
/* 定義リストをインラインで表示 */
dl.inline dt {width: 5em;line-height: 1.5em;}
dl.inline dd {margin-top: -1.5em;margin-left: 7em;line-height: 1.5em;}
/* お問い合わせ先 */
dl.contactunit {margin: 0 0 0.5em;}
dl.contactunit dt {padding: 0 0 0.2em;margin: 0 0 0.2em;border-bottom: 1px dotted #666;}
dl.contactunit address {margin-left: 1em;}
/*  関連リンクを包含するためのBox  */
.borderbox {padding: 5px;margin: 0 0 0.5em;border: 1px solid #d6dae1;}
.borderbox p.btm0,.borderbox ol.btm0,.borderbox ul.btm0 {margin-bottom: 0;/* 段落のmarginを0に */
}
/*■ コメント ■*/
.comment {border : 2px #F60 solid ;margin:1em;padding:5px;}
.comment-r {border:1px solid #C00;background: #FFE1E2;margin:1em;padding:5px;}
/*  テキストリンクユニット  */
.txtlinkunit {margin: 0 0 1em;}
.txtlinkunit li a,.txtlinkunit p a {padding-left: 1.3em;background: url(/med/dementia/images/common/list-arr-red.gif) no-repeat 0 0;}
/* 罫線（点線） */
.line-dot {padding-bottom: 10px;margin-bottom: 10px;background: url(/med/dementia/images/common/line-dot.gif) repeat-x bottom;}
/* PDFファイルのダウンロード */
.get-adobe-reader,.get-ms-wmp {padding-top: 10px;margin-top: 10px;font-size: 80%;background: url(/med/dementia/images/common/line-dot.gif) repeat-x top;}
/* ===== テーブル（表）の設定 ===== */
caption {padding-bottom: .5em;font-weight: bold;}
/* テーブル（表）セルを罫線で囲む */
.bordered {width: 100%;margin: 0 0 1.5em;border-top: 1px solid #d6dae1;border-left: 1px solid #d6dae1;border-collapse: collapse;border-spacing: 0;}
.bordered th,.bordered td {padding:.5em;font-size:14px;border-right: 1px solid #d6dae1;border-bottom: 1px solid #d6dae1;background: #fff;}
.bordered th {font-weight: bold;background: #f0f0f0;}
/* センター揃え */
table.txtcenter th,table.txtcenter td {text-align: center;}
/* テーブル（セル）内にリストを配置した際のmarginの設定 */
td ul,td ol {margin-bottom: 0;}
table th.row1of2,table td.row1of2 {width: 50%}
table.row4 th,table.row4 td,table th.row1of4,table td.row1of4 {width: 25%}
table.row5 th,table.row5 td,table th.row1of5,table td.row1of5 {width: 20%}
table th.row2of5,table td.row2of5 {width: 40%}
table th.row3of5,table td.row3of5 {width: 60%}
/* 開閉ボックス */
#slide dl {margin:0 0 10px 0;}
#slide dl dt {position:relative;color: #F60;font-weight:bold;font-size:115%;margin-bottom:1em;}
#slide dl dt:hover{text-decoration:underline;}
#slide dl dt span{padding:0 0.8em;margin-right:0.5em;line-height:2;}
#slide dl dd {padding:10px;line-height:180%;border:1px dotted #ccc;margin-bottom:2em;}
#slide dl dd span{font-weight:bold;padding:0 0.8em;}
label:hover {background:#efefef;cursor:pointer;}
input {margin-right:1em;}

/*-----------------------
=fontstyle
-------------------------*/
/*  Font Style */
body {font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;color: #333;font-size:16px;line-height:1.8;box-sizing: border-box;}
/* IE7　フォールバックが適用されない場合に対応 */
*:first-child+html+body {font-family: Meiryo,"メイリオ", sans-serif;}
/* IE6 */
* html body {font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
* html input, * html textarea {font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
/*HyperText Module*/
a {color:#F60;}
a:link {color:#F60;}
a:visited {color: #F90;}
a:hover {color:#999;}
a:active {color:#900;}
p {margin-bottom:1em;line-height:1.8;}
#main > p {line-height:1.8;margin-bottom:1.5em;}
h1,h2,h3,h4,h5 {font-weight:bold;line-height: 1.5;}
h1 a,h2 a,h3 a,h4 a,h5 a {background: url(/med/dementia/images/common/go.gif) no-repeat 0 0;padding-left:18px;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover {background: url(/med/dementia/images/common/go_o.gif) no-repeat 0 0;}
h1 {font-size: 162%;}
h2 {font-size: 152%;}
h3 {font-size: 141%;}
h4 {font-size: 123%;}
h5 {font-size: 108%;}

/*  見出しの設定  */
h1 {margin-bottom:1em;}
h2 {margin-bottom:1em;line-height:100%;padding-top:0.5em ;padding-bottom: 0.5em;padding-left: 0.8em;border-width:1px 1px 3px 1px;border-color: #ccc #ccc #F60 #ccc ;border-style:solid;}
h3 {margin-top:1.5em;margin-bottom:1.2em;border-bottom:2px solid #F60;/*border-left:8px solid #F60;*/
padding-bottom:0.2em;color:#F60;}
h4 {margin-bottom:0.8em;color:#F60;}
h5 {margin-bottom:0.5em;color: #404040;border-bottom:1px dotted #C60;}

h4 .clickopen {
    background-image: none;
    padding-left: 0;
}
/*  フォント色の設定  */
.yellow {color: #FED204;}
.orange {color: #F78F1E;}
.lightblue {color: #00AEEF;}
.blue {color: #0077C0;}
.navy {color: #1F2E84;}
.brown {color: #642100;}
.pink {color: #ED118F;}
.green {color: #7AC141;}
.purple {color: #91268F;}
.red {color: #D30C44;}
.gray {color: #E5E5E5}
/*  フォントサイズ  */
.f-xlarge {font-size: 120%;}
.f-large {font-size: 114.2%;}
.f-midium {font-size: 100%}
.f-small {font-size: 88%;}
.f-xsmall {font-size: 77%;}
.f-bold {font-weight: bold;}
h2 .f-xsmall {font-size: 70%; color:#666;}
/*  書体  */
.f-mincho {font-size:156%;font-weight:bold;}
/*  装飾  */
.underline {text-decoration: underline}
/* PC非表示 */
.nopc {
    display: none;
}
/*　非表示にする */
.close {
    display: block;
    text-align: right;
    cursor : pointer;
}
#gmenu {
    display: none;
}
/* 事業報告 */
.jisseki h4 {
    cursor : pointer;
}
.jisseki .txtcenter {
    width: 90%;
    height: auto;
    margin: 0 auto;
}
.jisekiflex {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.jisekiflex a {
    padding-left: 1em;
    padding-right: 1em;
}
#content .jisseki .mbnone {
    margin-bottom: 0.5em;
}
.jisseki .graphscroll {
    width: 90%;
    height: auto;
    margin: 0 auto;
}
.jisseki .kekka img {
    width: 100%;
}
.graphscroll img {
    width: 100%;
}
/* old */
.old_year {
    font-size: 28px;
    font-weight: bold;
    margin-top: 60px;
}

/* 受診を希望される方は　*/
.under_p_red {
    font-size: 26px;
    color: #d30c44;
    font-weight: bold;
    text-decoration: underline;
}
.under_p_blue {
    font-size: 26px;
    color: #1f2e84;
    font-weight: bold;
}
#main .moff {
    margin-bottom: 0;
}

/* 鑑別診断について　*/
.h3flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.h3flex a {
    display: inline-block;
    background-color: #f90;
    color: #fff;
    font-size: 18px;
    padding: 10px;
    margin-left: 50px;
}
.h3flex a:hover {
    background-color: #f78f1e;
}
.chartflex {
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
}
.chartflex img {
    width: calc(100% / 5 - 10px);
}
.jushin_tel {
    font-size: 26px;
    color: #D86F06;
}
/*  認知症について　*/
.ninchisyou .flexbox {
    justify-content: space-between;
    gap: 10px;
}
.ninchisyou .left_pic {
    width: 200px;
}
.ninchisyou .left_pic img {
    width: 200px;
}

.ninchisyou .right_text {
    width: calc(100% - 200px);
}
.ninchisyou_no1 img,
.ninchisyou_no2 img {
    width: 70%;
    max-width: 800px;
}
/* レカネマブ治療について　*/
.emphasis {
    font-weight: bold;
    color: #c00;
}
.ti2 li{
   text-indent: 2em; 
}
.flowchart {
    width: 100%;
    
    
}
.flowchart .flexbox {
    position: relative;
    align-items: center;
    justify-content: space-between;
    gap:5px;
    padding: 30px 10px;
    border-radius: 5px;
    margin-bottom: 50px;
    background-color: #ffedee;
}
.flowchart .flexbox .title {
    width: 25%;
    min-width: 10em;
    background-color: #ffd2d2;
    padding: 15px 5px;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}
.flowchart .flexbox ul {
    width: 75%;
    margin: 0;
}
.flowchart img {
    width: 40px;
    left: 15px;
    bottom: -80px;
    position: absolute;
    z-index: 10;
}
.notice {
    width: 100%;
    background-color: #ffdac5;
    
}
.notice h3 {
    width: fit-content;
    padding: 10px;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    background-color: #e0834f;
}
.notice div {
    width: calc(100% - 20px);
    padding: 0 10px 10px 10px;
}
.notice div span {
    font-weight: bold;
}
/*　認知症ケアマップ */
.about>div {
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #F60;
    clear: both;
    display: flex;
    align-items: center;
}
.about>div:last-child {
    border-bottom: 0;
}
.about>div h4 {
    margin-bottom: 0;
}
.about>div p {
    margin-bottom: 2em;
}
.about div img {
    width: 200px;
    float:left;
}
.about div .rightbox {
    width: 480px;
    float: right;
    margin-top: 40px;
}
.careMap ul {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}
.careMap ul li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 10px;
}
.careMap ul li:nth-child(3n) {
    margin-right: 0;
}
.careMap ul li h4 {
    margin-bottom: 0;
}
.careMap ul li img {
    width: 100%;
    display: block;
}
.careMap ul li p {
    text-align: right;
}
/* staff */
.staff>div {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #666;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}
.staff .flexbox {
    display: flex;
    justify-content: center;
    align-items: center;
}
.staff .name {
    padding-left: 20px;
    padding-right: 20px;
}

.staff .name p {
    width: 100%;
    display: block;
    margin-bottom: 0;
}
.staff .name p span {
    width: 30%;
    margin-right: 1em;
    display: inline-block;
    font-weight: bold;
}
.staff .name.nopic {
    width: 100%;
    display: block;
}
.staff .name.nopic div {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #F60;
}
.staff .name.nopic div:last-child {
    border-bottom: none;
}
.staff .name.nopic p {
    width: 100%;
    display: block;
}
.medicalbooking {
    width: 100%;
    justify-content: flex-start;
}
.medicalbooking div:first-child {
    width: 30%;
    font-weight: bold;
}
.medicalbooking p span {
    margin-left: 1em;
}
.flexbox {
    display: flex;
}
/*-----------------------
=print
-------------------------*/
@media print {
body {
    font-size: 100%;
    color: #000;
    line-height: 1.5;
    background-color: #FFF;
    
}
a:link,a:visited {text-decoration: underline;}
p, dt, dd, th, td, li  {line-height: 1.8;font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";}
img {border: 0;}
/*印刷時の非表示箇所の設定*/
p.gotop,hr,.hide {display: none;}
}