@charset "utf-8";
header .wrap,header nav ul{width:1024px;margin:0px auto;}
header .wrap .title,header h1 {max-width:100%;height:auto;margin-top:10px;float:left;}
header .wrap .title img{width:40%;}
header .page_control{padding:0px;float:right;margin-top: 10px; z-index: 999;}
header{ border-top: solid 5px #007cbc;}
#UD {padding:0px;float:right}
#UD dl,#UD dl dt,header .page_control dl dd {min-height:44px;margin:0px;padding:0px;float:left;list-style:none;}
header .page_control ul {clear:both;margin:0px;padding:0px;float:right;list-style:none;}
header .page_control ul li {margin:2px 5px;padding-top:5px;float:left;}
header .page_control ul li a{display:block;padding:6px 6px 6px 44px;background:no-repeat left center;}
header .page_control ul li a.bt_access {background-image:url(../img/bt_access.png);}
header .page_control ul li a.bt_language {background-image:url(../img/bt_language.png);}
header .page_control ul li a.bt_nccicon {background-image:url(../img/bt_nccicon.png);}
header .page_control ul li a.bt_button{display:block;height:32px;line-height:32px;background:#005ead;padding:3px .5em;color:#fff;text-decoration:none;border-radius:6px;}
header .page_control ul li a.bt_button:hover{}
header .page_control ul li a.bt_button:visited{color:#fff;}

.ncce header .page_control ul { font-size: 0.9em;}
.ncce header .page_control ul li { margin:2px 2px;}
.ncce header .page_control ul li a { padding: 6px 2px 6px 44px;;}

#UD dl{min-width:44px;min-height:44px;margin:4px 8px 4px 4px;padding:0px;float:right;color:#ffffff;}
#UD dl dt{width:44px;padding:0px;background:no-repeat center center;text-indent:-100em;background:#005ead;}
#UD dl.color_change dt {background-image:url(../img/control_color_title.png);}
#UD dl.textsize_change dt {background-image:url(../img/control_font_title.png);}
#UD dl dd a{display:block;width:0px;height:44px;transition-duration:0.5s;background:#005ead;}
#UD dl dd a:focus,
#UD dl.active dd a{width:44px;}
#UD dl dd a img{width:100%;}
#UD dl dd a.textresizer-active{background-color: rgb(13 105 187 / 50%);}

header .page_control form.search {width:250px;margin:0px;float:right;text-align:center;}
header .page_control form.search label.search_txt{display:block;width:0%;float:left;background-image:url(../img/control_search_title.png);text-indent:-100em;}
header .page_control form.search .input_area{width:100%;box-sizing:border-box;margin:4px 0 0 0;padding:0;border:1px solid #999999;height: 44px;background: #f3f3f3; overflow:hidden;}
header .page_control form.search input#search_txt {display:block;width:75%;padding:12px 0px;margin:0px;border:none;float:left;background: none;}
header .page_control form.search input#search_txt:focus {background-color:#ffffff;outline:none;}
header .page_control form.search input.search_bt {width:24%;padding:4px 0px;margin:7px 1% 6px 0;font-weight:bold;color:#ffffff;background-color:#000000;background-image:-webkit-linear-gradient(rgb(60,60,60) 0%,rgba(0,0,0,0) 100%);background-image:linear-gradient(rgb(60,60,60) 0%,rgba(0,0,0,0) 100%);border:none;float:left;font-family:"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;-webkit-appearance:none;}

header nav{ width: 100%;height:70px; margin: 0 auto;padding: 0;background-color:  #f6f7f9;border-bottom: 3px solid #AAAAAA;}
header nav .menu_button{display:none;padding:0px;}

header nav ul {padding:0px;list-style:none;}
header nav ul>li{width:12.666666666666%;margin:0;float:left;}
header nav ul li.menu03{margin-right:24%;}
header nav ul li.menu01{width:24%;}
header nav ul li.menu02,
header nav ul li.menu03,
header nav ul li.menu04{width:7%;}
header nav ul.menu5>li { display: flex;width: calc(100%/6);padding:0;box-sizing: border-box;text-align: center;justify-content: center;font-weight: bold;border:none;}
header nav ul.menu5 > li > a{ display: flex;align-items: center;justify-content: center;width: 100%;box-sizing: border-box;padding: 1.5em 0;           border-right: 1px solid #aaa;  text-align: center;transition-duration: 0.5s;color: rgb(51, 51, 51);text-decoration: none;position: relative;       }
header nav ul.menu5 > li > a:hover,
header nav ul.menu5 > li > a:focus,
header nav ul.menu5 > li > a:focus-within{background-color:#dddddf;transition:0.2s;}
header nav ul li a:before,
header nav ul li a:after{display:block;content:" ";position:absolute;}
header nav ul li a img{max-width:100%;height:auto;}

header nav ul.text li.twolines>a {padding: 0.75em 0px;}
form div{padding: 0 0 0 0;}
/* センターについて
header nav ul li.menu03{margin-right:24%;}
header nav ul li.menu01{width:18.66666666666%;}
header nav ul li.menu02,
header nav ul li.menu03,
header nav ul li.menu04{width:9.6666666666%;}
header nav ul li.menu05,
header nav ul li.menu06{width:14.1666666666%;}
header nav ul li.menu03 a:after,
header nav ul li.menu06 a:after{border-right:1px dotted #555555;}
*/

/*------------------------------------------------------------------------------
  レスポンシブ対応
------------------------------------------------------------------------------*/
@media screen and (min-width:0px) and (max-width:1044px) {/* 1024+20 */
header{height:auto;min-height:130px;}
header .wrap .title, header h1{margin-top:10px;margin-bottom:10px;}
header .page_control,
header nav ul{display:none;}
header nav{height: 0;}
header nav ul#menu{flex-direction: column;}
header nav ul#menu,header .page_control{position: fixed; right: 0px; width: 45%;min-width:300px;z-index: 99;}

header nav .menu_button{display:block; position: fixed; width: 50px; height: 50px; top: 7px; right: 5px; padding: 0px; margin: 0px;text-indent: -100em; z-index: 100; overflow: visible; transition-duration: 0.4s;}
header nav .menu_button a{position: relative; display: block;width:100%;height:100%;padding:0;color:#ffffff;transition-duration: 0.4s; overflow: visible;background:#005ead url(../img/btn_hamburger.png) no-repeat center center;}
header nav .menu_button.active a {background-image:url(../img/btn_hamburger_close.png);}

header .page_control {top: 0px; height: 270px; padding-top:2px; box-sizing: border-box; overflow: hidden;margin:auto;float:none;border-radius:0;background: #DDDDDD;}
header .page_control .header_bt,
header .page_control .UD,
header .page_control form.search{padding:0px;float:none;}
header .page_control ul {background: #DDDDDD;}
header .page_control form.search input.search_bt{margin: 4px 1% 6px 0}

#UD { float:none;clear:both;overflow: hidden;background: #DDDDDD;}
#UD dl.color_change,
#UD dl.textsize_change { float: none; width: 300px; margin: 0px auto;}
#UD dl.color_change dt,#UD dl.textsize_change dt { height: 44px; width: 100px;text-align:center;font-weight:bold;}
#UD dl dt {text-indent:0;color:#333;line-height:44px;}
#UD dl.textsize_change dt,
#UD dl.color_change dt{background:none;}
#UD dl dd { padding-top: 0px; margin: 0px 5px 10px;border:1px solid #ddd }
#UD dl dd a { height: 44px; width: 44px;}
  
header .page_control .header_bt{margin-left:42px}
header .page_control .link_bt { padding-top: 0px; margin: 0px 5px 10px;border:1px solid #ddd}

header nav ul#menu { top: 270px; bottom: 0px;background:rgba(246,247,249,0.95);}
header nav ul li a:before,
header nav ul li.menu03 a::after, header nav ul li.menu06 a::after {display:none;}
header nav ul li.menu05{width:auto;float:none;border-bottom:1px dotted #999;}
header nav ul.menu5>li{width: 100%;border-right: none;border-left: none; border-bottom: 1px dotted #AAAAAA;}  
header nav ul li.menu03{margin-right:0%;}
header nav ul li a{padding:12px 0;}

header .page_control form.search{width:100%;margin:0 auto;}
header .page_control form.search .input_area{margin: 9px 56px 8px 8px;}
header .page_control form.search .input_area,
header .page_control form.search .input_area.active{width:auto;padding:3px;transition-delay:0.1s;}
}

@media screen and (min-width:0px) and (max-width:788px) {/* 768+20 */
}

@media screen and (min-width:0px) and (max-width:660px) {/* 640+20 TABLET */

}
@media screen and (min-width:0px) and (max-width:500px) {/* 480+20 MOBILE */
}

@media screen and (min-width:1045px) {
 header .page_control,
 #menu{display:block !important;}
 header nav ul.menu5 li{border-bottom:none;}}
 .subtop .contents{width: 95%;margin: 0 auto;}



/*****************サブメニュー用のcss******************/
/* 子メニュー非表示 */
#menu .submenu {display: none; margin: 0;padding: 0;position: absolute;width: 169px;}
#menu > li.has-submenu { position: relative; }

/* 1044px以上でのみ動作 */
@media (min-width:1044px) {
  .subtop .contents {width: 1024px;}
  header nav ul {overflow: visible;}
  #menu .has-submenu:hover .submenu,
  #menu .has-submenu:focus-within .submenu,
  #menu .has-submenu.show-submenu .submenu {display: flex;flex-direction: column;top: 100%;left: 0;min-width: 169px;background: #f6f7f9;border: 1px solid #ccc;z-index: 1000;}
  .submenu>li{width: 169px;border-top: 1px solid #AAAAAA;padding:0;font-size: 0.85em;}
  .submenu>li.twolines{padding:0;}
  .submenu>li:first-child {border-top: none;border-left: none; border-bottom:none;}
  header nav{overflow: visible;}
  header nav ul.menu5>li:first-child{border-left: 1px solid #AAAAAA;}
/*ナビプルダウン矢印*/
  
#menu > li.has-submenu > a{position: relative;z-index: 0;}
#menu > li.has-submenu > a::before{content:"";position:absolute;top:calc(50% + 27px);      width:14px; height:7px;background:url(/materials/images/subpage/arrow_hospital_center_down.png)no-repeat center / 14px 7px;pointer-events:none; z-index:2;transform:translateY(-50%);transition:transform .2s;}
#menu > li.has-submenu > a:is(:hover,:focus,:focus-visible)::before{transform:translateY(calc(-50% + 3px));  }

  #menu > li.has-submenu > ul.submenu > li > a {display: block;width: 100%;transition: background-color .2s, color .2s;padding: 1.2rem 0;color: #333;text-decoration: none;}
  #menu > li.has-submenu > ul.submenu > li.twolines > a{padding:0.4rem 0;}
  #menu > li.has-submenu > ul.submenu > li:hover > a,
  #menu > li.has-submenu > ul.submenu > li:focus-within > a {background-color: #dddddf; }
  #menu > li:hover > a,
  #menu > li:focus-within > a {background-color: #dddddf !important; transition: background-color .2s;}
}

/* 1044px未満は出さない */
@media (max-width:1044px){#menu > li.has-submenu > ul.submenu{ display:none !important; }}