@charset "UTF-8";

/*Theme Name: masamaxTheme
URI: http://masamax.net/Template: wsc7Description: Author: ★masamax★Tags: Version: 0.1.0*/

/*@import url('../wsc7/style.css');*/


/*上書きしたいCSSの場所*/

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('hover-min.css');
html {width:100%;overflow-x:hidden;}
body {background-color:#F9F9F9;}
body#kangobubg{background:url(http://seikeikai.or.jp/wp/wp-content/uploads/2017/08/bg-kangobu.png);}



#header {
  z-index: 999;
}

#kangobuline {
  background: white;
}

#main {
  float: left;
  width: 71%;
  padding: 20px 35px 35px;
  background: white;
  box-sizing: border-box;
  border: 1px solid #efefef;
}
.page-template-page-seikeikai-indicator #main { 
  width: 100%;
}
figure {
  margin: 0;
}

.fixed {
  /*メニュー固定用*/
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100000;
}

#nav {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  padding: 10px 0;
  clear: both;
  background: white;
}

#nav a {
  white-space: nowrap;
}

.m-menu {
  margin: auto;
  max-width: 1000px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.m-menu li a {
  display: block;
  width: 100%;
  padding: 6px 0;
  font-size: 14px;
  font-weight: bold;
  color: #444;
  text-align: center;
  text-decoration: none;
  border-left: 1px solid #efefef;
}

.m-menu li a:hover, .m-menu li.current-menu-item a {
  color: #fff;
  background: #009342;
}

#mega-menu-header-menu>li {
  width: 10% !important;
}

#menu-houjin li {
  width: 20%;
}

#mega-menu-header-menu-honin>li {
  width: 14.2% !important;
}

#mega-menu-header-menu-sanbou>li {
  width: 14.2% !important;
}

#mega-menu-header-menu-kangobu>li {
  width: 11.1% !important;
}

#mega-menu-header-menu-houjin>li {
  width: 20% !important;
}

#mega-menu-header-menu-kouryou>li {
  width: 25% !important;
}

#mega-menu-header-menu-recruit>li {
  width: 20% !important;
}

#menu-kangobu li {
  width: 12.5%;
}

#menu-honin li a:hover, #menu-honin li.current-menu-item a {
  color: #fff;
  background: #3498db;
}

#menu-container-honin {}

.m-menu li:last-child a {
  border-right: 1px solid #efefef;
}


/* ********************************
#top-seikeikai #main{float:right;}
#top-seikeikai #side{float:left;} */


/* *************header subnavi************* */

#subnav {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
}

#phonenum {
  margin: 0;
  text-align: right;
}

#phonenum p {
  margin: 0;
  line-height: 1.2rem;
}

#phonenum p a {
  text-decoration: none;
}

#traffic {
  margin: 0;
}

#traffic {
  margin-left: 20px;
}

.headernav a {
  padding: 0;
}

.headernav a:hover {
  color: #88B04B;
}


/* *************header subnavi************* */

#visual-main {
  padding: 20px;
  background: #F9F9F9;
}

.main-title {
  max-width: 1000px;
  display: block;
  margin: 18px auto 18px;
  float: left;
}

.main-title a {
  clear: both;
  text-decoration: none;
  font-size: 38px;
  color: green;
  line-height: 40px;
  text-shadow: 2px 2px 2px rgba(255, 255, 255, 1);
}

.titlebox1 {
  padding: 60px 60px 60px 70px;
  overflow: hidden;
  background: url(img/fukidashi800-2.jpg) no-repeat;
  background-size: 100% auto;
  margin-bottom: 20px;
}

#top-image {
  display: none;
}

#top-image2 {
  position: relative;
}

#topboard {
  max-width: 1000px;
  position: relative;
  display: block;
  clear: both;
  padding: 0px;
  margin: 0 auto;
}

#topboard img.topwhite {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 430px;
}

#topboard h1 img {
  width: 219px;
  height: auto;
}

.metaslider {
  margin: auto;
}

a img:hover {
  opacity: 0.7;
}

#wrapper,#topinfowrap {
  position: relative;
  font-size: 0.875rem;
  max-width: 1140px;
  margin: 0 auto 60px;
  text-align: left;
  clear: both;
  overflow: hidden;
}

body#kangobubg #wrapper {
  margin: 10px auto 10px;
}

#side .side-widget {
  margin-bottom: 30px;
}

#footer-menu {
  max-width: 600px;
  overflow: hidden;
  margin: auto;
}

#footer-bottom img {
  width: 100%;
  height: auto;
}

#wrap2, #wrap3 {
  position: relative;
  font-size: 13px;
  max-width: 1000px;
  margin: auto;
  text-align: left;
  clear: both;
  overflow: hidden;
}

#wrap2.bgw {
  background: none;
}

#main-wide {
  position: relative;
  padding: 0;
  /*padding-left:0;*/
  width: 100%;
  background: none;
}

.recruitkihon {
  padding: 20px 40px 20px 40px;
  font-size: 16px;
  overflow: hidden;
}

.recruit9 {
  background: #ef9db4;
}

.recruit10 {
  background: #85bae3;
}

.recruit12 {
  background: #cfc69e;
}

#wrap p {
  font-size: 14px;
}

.menu {
  background: none;
  color: #444;
  width: 100%;
  overflow: hidden;
  margin-bottom: 0px;
}

#header .menu li a {
  color: #444;
  line-height: 50px;
  font-size: 17px;
  border: none;
  overflow: hidden;
  padding: 4px 12px 0 12px;
}

#header-menu3 {
  margin: auto;
  max-width: 1140px;
  clear: both;
}

.tabcontent {
  border: 1px solid lightgray;
  height: 100px;
  display: none;
  padding: 32px;
}

.tabcontent:target {
  display: block;
}

#header-menu3 .menu, #header-menu3 ul.menu, #header-menu3 ul.menu li {
  z-index: 999;
  overflow: visible;
}

#header-menu3 .menu li a {
  width: 20%;
  text-align: center;
  text-decoration: none;
  background: #fff;
  float: left;
}

ul.staffimg_ul {
  overflow: hidden;
  clear: both;
}

.staffimg_ul li a {
  width: 23%;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  background: #fff;
  padding: 15px 0;
  float: left;
  margin: 0 5px 10px 0;
  border-radius: 5px;
}

.staffimg_ul li.select_bt a {
  /*border:1px solid orange;*/
  color: orange;
  background: #d4eaff;
}

.staffimg_ul li:hover {
  opacity: 0.7;
}

.staffimg_ul li a {
  background: #f0f0f0;
}

#header-menu {
  float: left;
  position: relative;
}

.menu li {
  position: relative;
}

.menu li ul.sub-menu {
  list-style: none;
  position: absolute;
  z-index: 10;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  height: auto;
}

.menu li ul.sub-menu li {
  overflow: hidden;
  width: 120px;
  height: 0;
  margin: 0;
  padding: 0;
}

#footer .menu li ul.sub-menu li {
  width: 100%;
}

#footer-menu-2 a {
  text-decoration: none;
  line-height: 3em;
  font-weight: bold;
  font-size: 1.0625rem;
  border-left: 3px solid #88B04B;
  padding-left: 10px;
}

#footer-menu-2 a:hover {
  color: #009342;
}

#footer-menu-2 .menu>li {
  /*font-size:16px;*/
  font-size: 15px;
}

#footer-menu-2 .menu li ul.sub-menu {
  font-size: 14px;
  position: relative;
}

#footer-menu-2 .menu li ul.sub-menu li {
  height: 25px;
}

#footer-menu-2 .menu li ul.sub-menu li a {
  background: none;
  font-size: .8em;
  line-height: 25px;
  font-weight: normal;
  padding-left: 13px;
  border: none;
}

#footer-menu-2 .menu li ul.sub-menu li:last-child {
  margin-bottom: 5px;
}

.menu li ul.sub-menu li a {
  width: 120px;
  background: rgba(255, 255, 255, .7);
  text-align: center;
  margin: 0;
  padding: 0;
}

#header .menu li ul.sub-menu li a:hover {
  color: orange;
}

.menu li:hover>ul.sub-menu>li {
  /*.menu li:hover ul.sub-menu li
{
*/
  overflow: visible;
  height: 44px;
  transition-duration: .3s;
  margin: 0;
  padding: 0;
}


/*ヘッダーメニュー変更*/

#menu2 {
  /*margin-top: 15px;*/
  max-width: 1000px;
  margin: 15px auto 0;
  /*float: left;*/
  clear: left;
}

#menu2 ul {
  margin: 0;
  padding: 0;
}

#menu2 ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
  float: left;
  position: relative;
  width: 95px;
  /*親メニューの幅*/
  height: 40px;
  /*親メニューの高さ*/
  line-height: 40px;
  background: #fff;
  /*親メニューの背景色*/
  color: #4D4D4D;
  /*親メニューの文字色*/
  text-align: center;
}

#menu2 ul li {
  border-left: 1px solid #ccc;
}

#menu2 ul li:last-child {
  border-right: 1px solid #ccc;
}

#menu2 ul li a {
  color: #4D4D4D;
  display: block;
  text-decoration: none;
}

#menu2 ul li:hover, #menu2 ul li a:hover {
  background: #009342;
  color: #fff;
  /*ホバー時の親メニューの文字色*/
  /*text-shadow: 1px 1px 1px rgba(55,55,55,1);*/
}

.titlebt {
  width: 100%;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  background: rgba(50, 50, 50, .7);
}

figure.tbt {
  margin: 0;
  position: absolute;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(50, 50, 50, .5);
  opacity: 0;
}

figure.tbt:hover {
  opacity: 1;
}

#menu2 ul li ul li {
  position: relative;
  float: left;
  visibility: hidden;
  overflow: hidden;
  width: 170px;
  /*サブメニューの幅*/
  height: 0;
  /*background:#fde8ce;サブメニューの背景色*/
  background: rgba(255, 255, 255, .8);
  border: 3px solid #f4f4f4;
}

#menu2 ul li ul li:hover {
  /*border:3px solid orange;*/
}

#menu2 ul li ul li img {
  width: 170px;
  height: auto;
}

#menu2 ul li ul li:hover, #menu2 ul li ul li a:hover {
  /*background:#e4f0d1;ホバー時のサブメニューの背景色*/
  background: #fff;
}

#menu2 ul li:hover ul li, #menu2 ul li a:hover ul li {
  visibility: visible;
  overflow: visible;
  height: 150px;
  /*サブメニューの高さ*/
  overflow: hidden;
  z-index: 10;
}

#menu2 * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.sub-menu-area {
  position: absolute;
  top: 100%;
  left: 0;
  width: 880px;
  height: 0;
  background: #f9f9f9;
  border: 2px solid #009342;
  display: none;
  z-index: 1000;
}

#menu2 ul li:nth-child(2) .sub-menu-area {
  /*left:-95px;*/
  left: -96px;
}

#menu2 ul li:nth-child(3) .sub-menu-area {
  /*left:-190px;*/
  left: -192px;
}

#menu2 ul li:nth-child(4) .sub-menu-area {
  /*left:-285px;*/
  left: -288px;
}

#menu2 ul li:nth-child(5) .sub-menu-area {
  /*left:-380px;*/
  left: -384px;
}

#menu2 ul li:nth-child(6) .sub-menu-area {
  /*left:-475px;*/
  left: -480px;
}

#menu2 ul li:nth-child(7) .sub-menu-area {
  /*left:-570px;*/
  left: -576px;
}

#menu2 ul li:nth-child(8) .sub-menu-area {
  /*left:-665px;*/
  left: -672px;
}

#menu2 ul li:nth-child(9) .sub-menu-area {
  /*left:-760px;*/
  left: -768px;
}

#menu2 ul li:nth-child(10) .sub-menu-area {
  /*left:-855px;*/
  left: -864px;
}

#menu2 ul li:hover .sub-menu-area, #menu2 ul li a:hover .sub-menu-area {
  /*height:312px;*/
  height: auto;
  display: block;
}

#footer-menu li {
  border: none;
  border-left: 1px solid #fff;
}

#footer-menu li a {
  color: #fff;
  text-decoration: none;
  line-height: 1rem;
}

#footer-menu li:last-child {
  border-right: 1px solid #fff;
}

#footer-menu li a:hover {
  text-decoration: underline;
}

#copyright2 {
  text-align: center;
  color: #fff;
}

#header .menu li.current-menu-item a {
  color: #ff0066;
}

#header {
  /*background:#1e1e1e;*/
  z-index: 999;
}

.topbotton {
  float: left;
}

.topbotton p {
  border-radius: 10px;
  margin: 21px 10px 15px 0;
  padding: 5px 0 3px 0;
  width: 130px;
  text-align: center;
}

.topbotton p a, p.orj, p.en, p.log {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #fff;
  text-decoration: none;
}

.topbotton p:hover {
  opacity: 0.7;
  transition-duration: 1s;
}

.topbotton p.orj {
  float: left;
  background: #cc27aa;
}

.topbotton p.en {
  float: left;
  background: #cc0000;
}

.topbotton p.log {
  float: left;
  background: #3b579b;
}

p.caption {
  display: block;
  float: left;
  color: #fff;
  line-height: 50px;
}

#main-wide2 {
  max-width: 1000px;
  margin: 0 auto;
}

#main-wide3 {
  max-width: 950px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}

#toptagmenu {
  display: block;
  max-width: 1200px;
  margin: 10px auto;
  padding: 15px 10px 10px 15px;
  /*border:1px solid #666;*/
  overflow: hidden;
  clear: both;
}

.ttmp {
  float: left;
  font-size: 22px;
  font-weight: bold;
  font-style: italic;
  color: #cc27aa;
  margin-top: 10px;
}

.triangle15 {
  margin-top: 10px;
  margin-left: 10px;
  display: block;
  float: left;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 15px;
  border-color: transparent transparent transparent #cc27aa;
}

.tagmenu1 {
  margin: 0;
  padding: 0 10px 0 0;
  display: block;
  float: left;
  clear: right;
  overflow: hidden;
}

.tagmenu1 ul li {
  margin-bottom: 5px;
  float: left;
  width: 70px;
  margin-right: 10px;
  background: rgba(51, 51, 51, 0.7);
  /*#7f7f7f;*/
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  color: #FFF;
  font-size: 16px;
  box-shadow: 1px 1px 1px #111;
  -moz-box-shadow: 1px 1px 1px #111;
  -webkit-box-shadow: 1px 1px 1px #111;
}

.tagmenu1 ul li a {
  color: #FFF;
  text-decoration: none;
}

.tagmenu1 ul li:last-child {
  margin-right: 0;
}

.tagmenu1 ul li:hover {
  background: #cc27aa;
  transition-duration: 1s;
  color: #fff;
}

#topbox, #topboxr {
  float: left;
  width: 290px;
  height: 250px;
  margin: 10px 1px 10px 1px;
  display: block;
  padding: 0;
  overflow: hidden;
  border-right: 1px solid #888;
}

#topbox:nth-child(3n), #topboxr {
  border-right: none;
}

.topboxtext {
  clear: both;
  padding: 10px;
  width: 280px;
  position: relative;
  top: 160px;
}

figure1 {
  position: relative;
  overflow: hidden;
  width: 290px;
  height: 169px;
  margin-left: 4px;
}

figcaption1 {
  position: absolute;
  /*bottom: 3px;*/
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  width: 280px;
  height: 169px;
  background: rgba(0, 0, 0, .6);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0;
}

figcaption1 h3, figcaption1 p {
  position: absolute;
  left: -100%;
  width: 260px;
  -webkit-transition: .3s;
  transition: .3s;
  color: #fff;
}

figcaption1 h3 {
  top: 30px;
}

figcaption1 p {
  top: 75px;
}

figure1:hover figcaption1 {
  opacity: 1;
}

figure1:hover figcaption1 h3, figure1:hover figcaption1 p {
  left: 20px;
}

figure1:hover figcaption1 h3 {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

figure1:hover figcaption1 p {
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}

.hei169p {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  height: 169px;
  overflow: hidden;
}

.clb {
  display: block;
  clear: both;
}

#topcontentl, #topcontentr {
  float: left;
  width: 435px;
  /*height:600px;*/
  margin: 30px 0 10px 0;
  font-size: 16px;
}

#topcontentl {
  width: 400px;
  margin-right: 5px;
}

#topcontentr {
  width: 470px;
}

#topinfotb td {
  padding: 10px;
}

#topcontentl h2, #topcontentr h2 {
  font-size: 28px;
  padding-bottom: 10px;
  border-bottom: 2px solid #888;
  font-style: italic;
}

.topinfo1 {
  position: relative;
  overflow: hidden;
  padding: 1px;
  float: left;
  margin: 2px;
  background: #fff;
}

.topinfo1 img {
  box-shadow: inset 0 0 0 1px #aaa;
}

figtop {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
  width: 152px;
  height: 152px;
  text-align: center;
  /*padding:60px 52px;*/
}

figtop p {
  margin-top: 60px;
}

.topinfo1:hover figtop {
  opacity: 0.6;
  transition-duration: 1s;
  background: #333;
  color: #fff;
}

#keybox1 {
  width: 98%;
  margin: 10px 10px 20px 10px;
  padding: 0;
  border: 1px solid #fe9a9a;
  /*#ff6772;*/
  overflow: hidden;
}

#keybox1 ul li {
  float: left;
  margin: 10px 6px;
  padding: 5px 10px;
  background: #fe9a9a;
  /*#ff6772;*/
  border-radius: 3px;
  box-shadow: 1px 1px 1px #111;
  -moz-box-shadow: 1px 1px 1px #111;
  -webkit-box-shadow: 1px 1px 1px #111;
}

#keybox1 ul li a {
  text-decoration: none;
}

#keybox1 ul li:hover {
  opacity: 0.8;
  color: #fff;
  transition-duration: .7s;
  cursor: pointer;
}

.keytitle {
  float: left;
  background: #fe9a9a;
  /*#ff6772;*/
  color: #fff;
  padding: 15px 10px;
}

.keytitleplus {
  float: left;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 27.5px 0 27.5px 20px;
  border-color: transparent transparent transparent #fe9a9a;
  /*#ff6772;*/
}

#kensakutable {
  width: 90%;
  margin: 5px auto;
  border: 1px solid #eae9e0;
}

#kensakutable th, #kensakutable td {
  padding: 8px 0;
}

#kensakutable th, #kensakutable td {
  text-align: center;
}

#kensakutable td.tdtitle {
  width: 30%;
}

th.kensakuth {
  background: #eae9e0;
}

#kensakutable input[type="radio"] {
  vertical-align: -2px;
}

#kensakutable input[type="text"] {
  width: 85%;
}

#kensakutable input[type="submit"] {
  cursor: pointer;
  background: #fe9a9a;
  /*#ffb000;*/
  color: #333;
  width: 300px;
}

#kensakutable input[type="submit"]:hover {
  color: #fff;
  transition-duration: .5s;
}

#second-image {
  background: none;
  /*height: 24px;*/
  color: #333;
  margin: 0;
}

#breadcrumb {
  max-width: 1140px;
  color: #333;
  padding-left: 35px;
  box-sizing: border-box;
}

@media screen and (max-width: 480px) {
  #breadcrumb {
    padding-left: 10px;
  }
}

#breadcrumb a {
  color: #333;
}

#syoukaiarea {
  clear: both;
  padding: 10px;
  margin: 15px 10px;
  overflow: hidden;
}

.selfarea {
  float: left;
  margin: 10px;
  overflow: hidden;
}

.selfarea:hover {
  color: blue;
  background: #fe9a9a;
  /*#ffccbb;*/
  transition-duration: 1s;
}

.selfarea:hover img {
  opacity: 0.8;
}

.selfarea p {
  margin-left: 10px;
  margin-bottom: 3px;
}

.selfareaimg {
  width: 200px;
  height: 142px;
  overflow: hidden;
}

#footer {
  background: #fff;
}

#foot {
  background-size: 100% auto;
  width: 100%;
  margin: 0 auto;
}

table.data {
  width: 80%;
}

@media screen and (min-width: 1400px) {
  #foot {
    background-size: 100% auto;
    margin: 0 auto;
  }
}

#footer-bottom {
  background: #009342;
}

#footerad {
  font-size: 18px;
  width: 80%;
  margin: 5px auto 30px;
  border: 1px solid #999;
}

.footertitle {
  padding: 10px;
  text-align: center;
  color: #ff6772;
  font-weight: bold;
  border-bottom: 1px solid #999;
}

#adinfobox {
  padding: 20px;
  overflow: hidden;
}

#adinfobox1 {
  clear: both;
  margin: 0 auto;
  overflow: hidden;
}

.adinfo1, .adinfo2 {
  float: left;
  margin: 10px 63px;
  width: 280px;
  color: #fff;
  padding: 10px 20px;
  text-align: center;
  border-radius: 3px;
  font-size: 16px;
  font-weight: bold;
  box-shadow: 1px 1px 1px #111;
  -moz-box-shadow: 1px 1px 1px #111;
  -webkit-box-shadow: 1px 1px 1px #111;
}

.adinfo1 {
  /*background:#ff6772;*/
  background: #ff0066;
}

.adinfo2 {
  /*background:#00c4ed;*/
  background: #ff0000;
}

#footer-widget-area .textwidget {
  width: 100%;
}

.footer-widget {
  width: 100%;
}

.side-widget p, ul.sidecat1 li, ul.sidecat2 li, ul.sidecat3 li, ul.sidecat4 li, ul.sidecat5 li {
  width: 100%;
  padding: 10px;
  text-align: center;
  margin: 0 5px 0 5px;
  /*border:1px solid #666;*/
}

.side-widget ul ul {
  margin: 0;
  padding: 0;
}

.side-widget ul li:hover {
  cursor: pointer;
}

.side-widget ul li {
  /*background:#ccc;*/
}

.side-widget ul ul li {
  background: #fff;
}

.side-widget p {
  font-size: 18px;
  margin-top: 10px;
  color: #009342;
}

.bxslider1 {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  /*overflow-y:hidden;max-height:570px;*/
  clear: both;
}

.bxslider1 img {
  width: 95%;
  float: left;
}

.bx-pager {
  display: block;
  clear: both;
  width: 100%;
  max-height: 210px;
  overflow: hidden;
}

.bx-pager img {
  float: left;
  margin: 5px;
  width: 290px;
}

#singleboxleft1 {
  width: 47%;
  margin-right: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
  float: left;
  clear: left;
}

#singleboxleft2 {
  width: 47%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
  float: left;
}

#singleboxwide {
  clear: both;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 10px;
}

.sboximg img {
  width: 200px;
  margin: 5px 5px 5px 0;
  float: left;
}

.youtubeimg {
  overflow: hidden;
  height: 190px;
  position: relative;
  margin-bottom: 10px;
}

.youtubeimg img {
  position: absolute;
  top: -40px;
  width: 95%;
}

#mh500 {
  max-height: 300px;
  overflow-y: auto;
  margin-bottom: 10px;
}

#singletags1 {
  clear: both;
  margin-bottom: 10px;
  overflow: hidden;
}

#singletags1 ul li {
  float: left;
  margin: 3px;
  padding: 2px 6px;
  text-align: center;
  color: #fff;
  background: orange;
  border-radius: 3px;
  box-shadow: 1px 1px 1px #111;
  -moz-box-shadow: 1px 1px 1px #111;
  -webkit-box-shadow: 1px 1px 1px #111;
}

#singletags1 ul li a {
  color: #fff;
  text-decoration: none;
}

#singletags1 ul li a:hover {
  opacity: 0.8;
}

#second-image {
  clear: both;
}

.bx-wrapper {}

#frontnenu {
  position: relative;
  clear: both;
  overflow: hidden;
}

#frontnenu2 {
  padding-top: 30px;
  position: relative;
  clear: both;
  overflow: hidden;
}

#frontbox {
  clear: both;
  padding-top: 10px;
}


/*#frontbox img
{
width:98%;
}
*/

img.w70 {
  width: 70%;
  height: auto;
}

img.w80 {
  width: 80%;
  height: auto;
}

img.w90 {
  width: 90%;
  height: auto;
}

img.w98 {
  width: 98%;
  height: auto;
}

img.w100 {
  width: 100%;
  height: auto;
}

img.mgr20 {
  margin-right: 20px;
}

img.mgb10 {
  margin-bottom: 10px;
}

article h1, #main h2.newsh2 {
  float: none;
  width: 100%;
  line-height: 4rem;
  margin-top: 0px;
  margin-bottom: 40px;
  color: #333;
  font-size: 1.375rem;
  font-weight: 500;
  border-bottom: 3px solid #88B04B;
  border-left: none;
  padding-left: 10px;
  background: none;
  box-sizing: border-box;
  text-align: center;
}

#kangobubg article h1 {
  border-bottom: 3px solid #F997B7;
}

#main #accessh2, #main #gtimeh2 {
  margin-top: 50px;
}

#main h2, #main-wide h2 {
  color: #88B04B;
  font-size: 1.125rem;
  line-height: 3rem;
  margin: 50px 0 30px 0;
  clear: both;
  background: floralwhite;
  padding-left: 20px;
  border-left: 3px solid #88b04b;
}

#kangobubg #main h2 {
  border-left: 5px solid #F997B7;
  color: #F997B7;
}

#main h3, #main-wide h3 {
  color: #333;
  font-size: 1rem;
  margin: 30px 0 10px 0;
  padding-left: 20px;
  line-height: 3rem;
  clear: both;
  position: relative;
}

#main h3::after, #main-wide h3::after {
  position: absolute;
  top: 1.1rem;
  left: 0;
  z-index: 2;
  content: '';
  width: 6px;
  height: 6px;
  border: 3px solid #88B04B;
  border-radius: 100%;
}

#main h4 {
  font-size: 1rem;
  line-height: 2rem;
  clear: both;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #88B04B;
  font-family: Noto Sans Japanese;
}

#main h5, #main h6 {
  font-size: 0.9375rem;
  line-height: 2rem;
  clear: both;
  margin-top: 8px;
  margin-bottom: 8px;
}

#entry_snsbox {
  clear: both;
  margin-top: 10px;
}

#entry_snsbox ul li {
  /*display: inline-block;*/
  float: left;
  margin-right: 20px;
}

.clbt2 {
  display: block;
  height: 1px;
  clear: both;
  width: 100%;
  margin-bottom: 10px;
}

#photoimg {
  clear: both;
}

.deleimg {
  float: left;
  margin: 0 5px 5px 0;
}

#deleimgform {
  margin: 0;
  padding-left: 8px;
  clear: both;
}

#fep-about {
  display: none;
}

#singleblog td {
  padding: 5px;
}

h1.recruith1 {
  color: #fff;
  font-size: 30px;
  text-shadow: 1px 1px 1px rgba(55, 55, 55, 1);
}


ul.staffimg-group li {
  margin: 0 10px 10px 0;
  float: left;
  display: block;
  width: 170px;
  /*height:170px;*/
  height: 218px;
  overflow: hidden;
  border: 2px solid #fff;
  border-radius: 3px;
}

ul.staffimg li img {
  width: 100%;
}

ul.staffimg-group li img {
  width: 170px;
}

.staffself-syozoku {
  background: #fff;
  text-align: center;
  font-size: 14px;
}

ul.staffimg li img:hover {}

ul.staffimg {
  overflow: hidden;
}

ul.staffimg li {
  margin: 0;
  float: left;
  display: block;
  width: 25%;
  height: auto;
  overflow: hidden;
}

.staffself {
  position: relative;
}

figure.staffcat {
  text-align: center;
  margin: 0 auto;
  width: 40%;
  font-family: 'Noto Sans Japanese', sans-serif;
  padding: 10px;
  position: absolute;
  top: 0;
  color: white;
  font-size: 1.2rem;
  text-shadow: 0px 0px 5px black;
}

.t-syozoku {
  font-size: 1rem;
  color: #fff;
}

.flleft1 {
  float: left;
}

.flleft2 {
  float: left;
  margin: 5px 4px;
}

.maincontent1 {
  width: 680px;
  padding: 0px;
  color: #333;
  float: left;
}

.maincontent2 {
  width: 30%;
  float: right;
}

.side-widget {
  margin: 0;
}

.maincontent2 .side-widget {
  clear: both;
}

.maincontent2 img {
  /*width:80%;*/
  width: 90%;
  /*padding-left:20px;*/
}

.maincontent3 br {
  display: none;
}

ul.news1 li {
  border-bottom: 1px #ccc dotted;
  padding: 4px 0px;
  width: 100%;
  font-size: 13px;
}

ul.news1 li a {
  text-decoration: none;
}

ul.news1 li a:hover {
  text-decoration: underline;
}

.entry-date {
  font-size: 13px;
  margin-right: 20px;
}

ul#news-kangobu {
  padding: 10px;
}

ul#news-kangobu li {
  padding: 0;
}

.recruit_left, .recruit_right {
  width: 45%;
  float: left;
  padding: 30px;
  /*padding-bottom: 50px;*/
  color: #fff;
  background: rgba(0, 0, 0, .5)
}

.recruit_right {
  float: right;
}

.recruit_left, .recruit_right {
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif
}

.recruit_left h2, .recruit_right h2 {
  font-size: 1.1rem;
}

.recruit_left h3, .recruit_right h3 {
  font-size: 20px;
}

.fs40 {
  font-size: 40px;
}

.toptextbox1 {
  overflow: hidden;
  display: block;
  clear: both;
  padding: 20px;
  margin-right: 10px;
  /*color:#fff;*/
  /*background:#003333;*/
  background: #fde8ce;
  /*background:#ffb;*/
  /*border:#996600 solid 7px;*/
  border-radius: 3px;
}

.toptextbox1 ul {
  margin-bottom: 0;
}

.toptextbox1 ul li {
  list-style-type: square;
  margin-bottom: 5px;
}

.toptextbox1 ul li:last-child {
  margin-bottom: 0;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.shinsatsubox {
  border: 3px solid #efefef;
  padding: 10px 30px 30px;
  overflow: hidden;
  display: block;
  clear: both;
}

ul.content_k li {
  border: 3px solid #efefef;
  padding: 10px 25px 20px 25px;
}

ul.content_k li:nth-child(1) {
  padding: 1px;
}

ul.content_k li iframe {
  width: 100%;
}

ul.content_k li table {
  margin-bottom: 0;
}

table.shinsatsu1 {
  /*width:60%;*/
}

table.shinsatsu1 th:first-child {
  width: 60px;
}

table.shinsatsu2, table.shinsatsu2 th, table.shinsatsu2 td, table, table th {
  border: 1px solid #c4c4c4;
  text-align: center;
}

table td {
  border: 1px solid #c4c4c4;
  text-align: left;
}

table.shinsatsu2 {
  /*float:right;width:87%;*/
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

table, table th, table td {
  padding: 5px 10px;
}

table.shinsatsu2 th, table.shinsatsu2 td {
  padding: 5px 2px;
  width: 12.5%;
}

table.shinsatsu2 th {
  background: #fafafa;
}

table.shinsatsu2 td {
  /*color:#b3e3f8;font-size:30px;*/
  color: #666;
  font-size: 14px;
}


/*table.shinsatsu2 td:nth-child(1),table.shinsatsu2 td:nth-child(2)
{
color:#666;font-size:16px;
}
*/

table.shinsatsu2 td.fs1 {
  color: #666;
  font-size: 14px;
}

.kyushin {
  line-height: 55px;
}

hr.nobr {
  border: none;
  background: none;
  margin: 0;
  width: 100%;
  height: 1px;
  clear: both;
}

ul.tab, ul.content, ul.tab_k, ul.content_k {
  margin: 0;
  width: 100%;
  clear: both;
  overflow: hidden;
}

ul.tab li, ul.tab_k li {
  font-size: 0.875rem;
  list-style-type: none;
  float: left;
  background: #f0f7fc;
  padding: 10px 12px;
  margin-right: 2px;
  margin-bottom: 2px;
}

@media screen and (max-width: 480px) {
  #tab-access li {
    width: 100%;
    padding: 3px 12px;
  }
}

ul.tab li:hover, ul.tab_k li:hover {
  cursor: pointer;
  background: #a0c16d;
  color: #fff;
}

ul.tab li.select, ul.tab_k li.select {
  background: #88B04B;
  color: #fff;
}

ul.gtime {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

ul.gtime li {
  width: 24.7%;
  font-weight: bold;
  padding-left: 20px;
  color: #333;
  margin-right: 0;
  margin-bottom: 0.4%;
  box-sizing: border-box;
}

#top-editarea {
  display: none;
}

hr {
  clear: both;
  width: 100%;
  height: 1px;
  margin: 5px 0;
  background: none;
}

hr.clbt5 {
  clear: both;
  width: 100%;
  height: 1px;
  margin: 3px 0;
  background: none;
}

.imgrightfl {
  float: right;
  margin: 0 0 5px 5px;
}

ul.skamoku {
  margin: 0;
}

ul.skamoku li {
  float: left;
}

ul.skamoku li a {
  display: block;
  width: 204px;
  background: #f0f7fc;
  padding: 10px 0 10px 10px;
  list-style-type: none;
  margin: 0 5px 5px 0;
  font-weight: bold;
  border-left: 5px solid #3498db;
}

ul.skamoku li.current a, ul.skamoku li a:hover {
  background: #b6daf2;
}

ul.skamoku li a {
  text-decoration: none;
}

#topinfowrap {
  margin-bottom: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  /*overflow:hidden;*/
}

.topinfomation img {
  width: 100%;
  height: auto;
}

.topinfomation {
  position: relative;
  margin: 0 0 1% 0;
  width: 19%;
  height: 100%;
  background: white;
  /*border: 1px solid #efefef;*/
/*transition: all 300ms 0s ease;*/
}

/*.topinfomation:hover {
background:#009342;
  
}*/



.topinfof {
  position: absolute;
  left: 0;
  bottom: 4%;
  clear: both;
  color: #333;
  font-size: 1.125rem;
  text-align: center;
  width: 100%;
  padding: 10px 0;
  margin: 0;
  font-family: 'Noto Sans Japanese', sans-serif;
}

dl.dlNo {
  width: 99%;
  margin: 0 0 20px 0;
  border: 1px solid #c4c4c4;
  border-top: none;
  background: #fafafa;
}

dl.dlNo dt, dl.dlNo dd {
  padding: 8px;
  line-height: 160%;
  border-top: 1px solid #c4c4c4;
}

dl.dlNo dt {
  width: 22%;
}

dl.dlNo dd {
  margin-left: 23%;
}

dl.dlNo dt {
  clear: left;
  float: left;
  padding-left: 10px;
}

dl.dlNo dd {
  border-left: 1px dotted #c4c4c4;
  background: #fff;
}


/*dl.dlNo,.dlNo dt,.dlNo dd{margin:0;padding:0;}
dl.dlNo{width:100%;background:#e8fff2;border:1px solid #c4c4c4;margin-bottom:20px;}
.dlNo dt,.dlNo dd{padding:8px;}
dl.dlNo dt{clear:left;float:left;width:22%;border-top:1px solid #c4c4c4;line-height: 160%;}
dl.dlNo dd{margin-left:23%;border-top:1px solid #c4c4c4;border-left:1px dotted #c4c4c4;}
dl.dlNo dd{line-height: 160%;}*/

.disno {
  display: none;
}

.toggleopen {
  border: 1px solid #88B04B;
  padding: 5px 40px 5px 15px;
  cursor: pointer;
  width: 200px;
  display: block;
  /*font-family:Noto Sans Japanese;*/
  font-weight: bold;
}

.toggleopen:hover {
  background: #c7daa9;
}

img.toggleopen {
  background: none;
  padding-left: 0;
}

.faqarea h3 {
  cursor: pointer;
}

table.table-tel tr th, table.table-tel tr td {
  vertical-align: middle;
}

img.flrimg {
  float: right;
  margin: 0 0 10px 10px;
}

img.fllimg {
  float: left;
  margin: 0 10px 10px 0;
}

table.table-no {
  width: 100%;
  table-layout: fixed;
}

.page-id-497 table.gan th {
  width: 18%;
}

table.table-no tr.gakkai th:nth-child(1), table.table-no tr.gakkai td:nth-child(1) {
  width: 26%;
}

table.table-no tr.gakkai th:nth-child(2), table.table-no tr.gakkai td:nth-child(2) {
  width: 19%;
}

table.table-no tr.gakkai th:nth-child(3), table.table-no tr.gakkai td:nth-child(3) {
  width: 26%;
}

table.table-no tr.gakkai th:nth-child(4), table.table-no tr.gakkai td:nth-child(4) {
  width: 14%;
}

table.table-no tr.gakkai th:nth-child(5), table.table-no tr.gakkai td:nth-child(5) {
  width: 15%;
}

.freaibox {
  display: block;
  clear: both;
  margin: 10px 0 20px 0;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #a4ffcd;
  overflow: hidden;
}

#main .freaibox h2 {
  margin: 0 0 20px 0;
}

.freaibox img {
  float: left;
  margin-right: 10px;
  margin-bottom: 7px;
}

.pagination {
  clear: both;
  padding: 20px 0;
  position: relative;
  font-size: 11px;
  line-height: 13px;
}


/*ページネーション*/

.pagination span, .pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 6px 9px 5px 9px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: #555;
}

.pagination a:hover {
  color: #fff;
  background: #3279BB;
}

.pagination .current {
  padding: 6px 9px 5px 9px;
  background: #3279BB;
  color: #fff;
}

.rimagebox {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 7rem;
  margin-bottom: 10px;
  clear: both;
}

.rimagebox img {
  width: 100%;
}

.rimagebox figure {
  color: #fff;
  margin: 0;
  padding: 0;
  text-shadow: 1px 1px 1px rgba(55, 55, 55, 1);
  font-size: 22px;
  font-weight: bold;
  width: 100%;
  position: absolute;
  top: 20%;
  left: 0;
  text-align: center;
}

.kangobutopbox h2 {
  text-align: center;
  margin: 5px 0;
}

.kangobutopbox {
  position: relative;
  width: 24%;
  height: 240px;
  float: left;
  margin: 5px;
  overflow: hidden;
  box-shadow: 0px 1px 1px #999;
  -moz-box-shadow: 0px 1px 1px #999;
  -webkit-box-shadow: 0px 1px 1px #999;
  background: #fff;
  border-radius: 3px;
}

.kangobutopbox img {
  width: 100%;
  height: auto;
}

.kangobutopbox figure {
  position: absolute;
  text-align: center;
  color: #fff;
  padding: 8px;
  padding-left: 12px;
  margin: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  font-weight: 500;
  font-size: 1.1em;
  background: rgba(249, 171, 195, .8);
  font-family: 'Noto Sans Japanese';
}

.ktbmiddle {
  width: 49%;
  height: 240px;
}

.ktblarge {
  width: 49%;
  height: 490px;
}

#kangobuline {
  height: auto;
  border-top: solid 5px #F997B7;
}

.header-kango {
  display: block;
  clear: both;
  padding-bottom: 20px;
  width: 100%;
  /*background:#fff;*/
  overflow: hidden;
  /*background:#fff url(img/fimgwwt30-z2.png) repeat-x;background-position:0 bottom;*/
}

img.kangobulogoimg {
  position: absolute;
  width: 200px;
  height: auto;
  top: -10px;
  left: 0;
  opacity: 0.9;
  z-index: 999;
}

.simplecontbox {
  overflow: hidden;
  display: block;
  width: 100%;
}

.staffphoto {
  margin-left: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  width: 300px;
  height: 225px;
  box-shadow: 1px 1px 3px #555;
  /*-moz-box-shadow:0px 0px 5px #555;-webkit-box-shadow:0px 0px 5px #555;*/
  border: 8px solid #ffe;
}

.staffphoto figure {
  border-radius: 5px;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 280px;
  height: 205px;
  margin: 0;
  padding: 10px;
}

.staffphoto:hover {
  border: 8px solid orange;
}

.staffphoto:hover figure {
  color: #fff;
  background: rgba(50, 50, 50, .6);
  opacity: 1;
  transition-duration: .5s;
}

.staffphoto figure.alltext {
  color: #fff;
  background: rgba(50, 50, 50, .3);
  opacity: 1;
}

.hentry ul li {
  list-style-type: none;
}

#frontbox ul.disctype li {
  list-style-type: disc;
}

ul.ccircle {
  margin-left: 0;
  padding: 15px;
  /*border:2px solid #666;border-radius:15px;*/
}

ul.ccircle li a {
  color: blue;
  text-decoration: none;
  font-weight: bold;
}

ul.ccircle li a:hover {
  background: blue;
  color: #fff;
}

.footer-widget {
  width: 32%;
}

.bnborder1 img, .bnborder2 img {
  width: 100%;
  margin: 0;
  margin-bottom: 0px;
}

.bnborder1 {
  padding: 0;
  overflow: hidden;
  /*border:2px solid #bccfab;*/
  /*box-shadow:0 0 0 2px #bccfab inset;*/
  border-radius: 8px;
  margin-bottom: 5px;
  clear: both;
}

.bnborder2 {
  padding: 0;
  overflow: hidden;
  margin-bottom: 5px;
  clear: both;
}

.bdcolor1 {
  border: 2px solid #3c5c99;
}

.bdcolor2 {
  border: 2px solid #0071bd;
}

.bdcolor3 {
  border: 2px solid #42b574;
}

.bdcolor4 {
  border: 2px solid #4cf751;
}

.bdcolor5 {
  border: 2px solid #3bab6e;
}

.bdcolor6 {
  border: 2px solid #f4c5ce;
}

.bdcolor7 {
  border: 2px solid #a99066;
}

.bdcolor666 {
  border: 2px solid #666;
}

.bdcolor999 {
  border: 2px solid #999;
}

.bdcolorccc {
  border: 2px solid #ccc;
}

.bdcolor1a {
  border: 1px solid #3c5c99;
}

.bdcolor2a {
  border: 1px solid #0071bd;
}

.bdcolor3a {
  border: 1px solid #42b574;
}

.bdcolor4a {
  border: 1px solid #4cf751;
}

.bdcolor5a {
  border: 1px solid #3bab6e;
}

.bdcolor6a {
  border: 1px solid #f4c5ce;
}

.bdcolor7a {
  border: 1px solid #a99066;
}

.bdcolor666a {
  border: 1px solid #666;
}

.bdcolor999a {
  border: 1px solid #999;
}

.bdcolorccca {
  border: 1px solid #efefef;
  background: white;
}

table.noborder, table.noborder th, table.noborder td {
  border: 0 !important;
}

table.contcenter, table.contcenter th, table.contcenter td {
  text-align: center;
}

.imgbox_sanbou {
  margin: 0 12px 20px 12px;
  float: left;
  overflow: hidden;
  color: green;
  text-align: center;
}

.color-green {
  color: green;
}

@media screen and (min-width: 1345px) {
  ul.menu {
    margin-left: 0;
  }
  .bx-wrapper {
    overflow-y: hidden;
    max-height: 570px;
  }
  .mapbox {
    padding: 0 50px 0 30px;
  }
  #header-menu {
    /*margin-left:350px;*/
    margin-left: 10px;
  }
}

@media screen and (max-width: 1250px) {
  #header-menu {
    max-width: 73%;
  }
  #header .menu li a {
    font-size: 13px;
    padding: 4px 8px 0 8px !important;
  }
  #menu2 ul li {
    font-size: 14px;
    width: 76px;
    /*親メニューの幅*/
  }
  #menu2 ul li:nth-child(2) .sub-menu-area {
    /*left:-76px;*/
    left: -77px;
  }
  #menu2 ul li:nth-child(3) .sub-menu-area {
    /*left:-152px;*/
    left: -154px;
  }
  #menu2 ul li:nth-child(4) .sub-menu-area {
    /*left:-228px;*/
    left: -231px;
  }
  #menu2 ul li:nth-child(5) .sub-menu-area {
    /*left:-304px;*/
    left: -308px;
  }
  #menu2 ul li:nth-child(6) .sub-menu-area {
    /*left:-380px;*/
    left: -385px;
  }
  #menu2 ul li:nth-child(7) .sub-menu-area {
    /*left:-456px;*/
    left: -466px;
  }
  #menu2 ul li:nth-child(8) .sub-menu-area {
    /*left:-532px;*/
    left: -539px;
  }
  #menu2 ul li:nth-child(9) .sub-menu-area {
    /*left:-608px;*/
    left: -616px;
  }
  #menu2 ul li:nth-child(10) .sub-menu-area {
    /*left:-684px;*/
    left: -693px;
  }
  #menu2 ul li ul li {
    width: 144px;
    /*サブメニューの幅*/
  }
  #menu2 ul li ul li img {
    width: 144px;
    height: auto;
  }
  #menu2 ul li:hover ul li, #menu2 ul li a:hover ul li {
    height: 130px;
    /*サブメニューの高さ*/
  }
  .sub-menu-area {
    width: 750px;
  }
  #menu2 ul li:hover .sub-menu-area, #menu2 ul li a:hover .sub-menu-area {
    /*height:272px;*/
    height: auto;
    display: block;
  }
}

@media screen and (max-width: 1024px) {
  #topbox {
    margin-left: 0;
  }
  #header .menu li a {
    font-size: 11px;
  }
  #wrapper {
    padding: 10px 10px 20px 10px;
  }
  #main {
    max-width: 100%;
    margin: auto !important;
  }
  .maincontent1, .maincontent2 {
    width: 100%;
    clear: both;
    float: none;
  }
  .topinfomation {
    /*width: 23.5%;
    height: 160px;*/
  }
  .topinfof {
    width: 100%;
  }
  ul.staffimg li, ul.staffimg li:nth-child(-n+3) {
    margin: 0 5px 5px 0;
    float: left;
    display: block;
    width: 23%;
    height: 200px;
    overflow: hidden;
  }
  ul.staffimg li img, ul.staffimg li:nth-child(-n+3) img {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 920px) {
  #main, #main-wide {
    width: 100%;
    clear: both;
    float: none;
    margin: 0 !important;
  }
  #side {
    width: 100%;
    clear: both;
    float: none;
    margin: auto !important;
  }
  #side .side-widget {
    width: 30%;
    margin: 20px 10px;
  }
  #header-menu3 .menu li a:hover {
    background: #d4eaff;
  }
  #header-menu3 .menu li:nth-child(2) a:hover {
    background: #fde8ce;
  }
  #header-menu3 .menu li:nth-child(3) a:hover {
    background: #e4f0d1;
  }
  #header-menu3 .menu li:nth-child(4) a:hover {
    background: #fbe5ee;
  }
  #header-menu3 .menu li:nth-child(5) a:hover {
    background: #e3d4c0;
  }
  #header-menu3 .menu li:nth-child(6) a:hover {
    background: #d8f2f1;
  }
  .footer-widget {
    width: 30%;
  }
}

@media screen and (max-width: 720px) {
  #topbox {
    max-width: 279px;
    margin-left: 0;
    margin-right: 0;
    border: none;
  }
  .bx-pager img {
    width: 230px;
  }
  #side {
    clear: both;
    width: 100%;
  }
  .side-widget {
    /*padding-left:80px;*/
  }
  .footer-widget {
    width: 30%;
  }
}

@media screen and (max-width: 680px) {
  #wrapper {
    padding: 15px;
  }
  #side .side-widget {
    width: 33%;
  }
  .freaibox {
    /*width: 90%;*/
  }
  .maincontent2 {
    width: 100%;
    clear: both;
  }
  #main {
    width: 100%;
  }
  #header-menu2 .menu li a {
    width: 100px;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  #header-menu3 .menu li a, #header-menu3 .menu li a:hover {
    /*margin-top:-20px;*/
  }
  .recruit_left, .recruit_right {
    width: 85%;
    padding: 15px;
    clear: both;
  }
  ul.staffimg li, ul.staffimg li:nth-child(-n+3) {
    margin: 0 5px 5px 0;
    float: left;
    display: block;
    /*width: 145px;*/
    width: 31.5%;
    height: 165px;
    overflow: hidden;
  }
  ul.staffimg li img, ul.staffimg li:nth-child(-n+3) img {
    /*width: 145px;*/
    width: 100%;
    height: auto;
  }
  figure.staffcat {
    top: 70%;
    left: 20%;
  }
  #header-menu3 .menu li a {
    font-size: 16px;
    padding: 15px 0;
  }
  .maincontent3 img {
    max-width: 100%;
    padding: 5px;
  }
  .kangobutopbox {
    /*margin-left: 20px;
		width: 231px;*/
    width: 100%;
    margin: 5px 0;
  }
  .ktbmiddle, .ktblarge {
    /*margin-left: 20px;*/
    width: 100%;
  }
  .footer-widget {
    width: 100%;
  }
  ul.skamoku li:nth-child(n) {
    padding-left: 0;
    width: 23.7%;
  }
  #topinfowrap {}
  .topinfomation {
    width: 49%;
  }
  .topinfof {
    width: 100%;
  }
  table.shinsatsu2 {
    width: 100%;
    clear: both;
  }
}

@media screen and (max-width: 600px) {
  #header-menu3 .menu li a {
    max-height: 22px;
    overflow: hidden;
    font-size: 100%;
  }
  #header-menu3 .menu li {
    margin-right: 2px;
  }
}

@media screen and (max-width: 480px) {
  body {
    background: white;
  }
  #main {
    padding: 0;
    border: none;
  }
  .main-title {
    margin-top: 0;
  }
  #topboard {
    padding: 0 20px 0 20px;
  }
  nav {
    padding: 0;
  }
  #nav {
    border: none;
  }
  table {
    width: 100%;
  }
  .snsbt {
    display: none;
  }
  #header-menu2 .menu li a {
    width: 42%;
    font-size: 12px;
    padding: 5px 10px;
    text-align: left;
    border-left: 3px solid #3498db;
    margin: 0 2px 2px 0;
  }
  #menu-honin li {
    width: 100%
  }
  #menu-honin li a {
    width: 100%;
    padding: 5px;
  }
  #header-menu, #menu2, #menu-global
  /*本院480px以下なら非表示*/
  {
    display: none;
  }
  #top-editarea {
    display: block;
  }
  #side .side-widget {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .toggleopen {
    width: 93%;
    padding: 5px 10px;
  }
  p .button {
    width: 94%;
    margin: 0px;
  }
  table.data {
    width: 100%;
  }
  ul.gtime li {
    width: 49.8%;
  }
  #subnav {
    display: block;
    width: 100%;
    text-align: center;
  }
  #visual-main {
    padding: 0;
  }
}

@media screen and (max-width: 400px) {
  .figimgr, .figimgl {
    width: 100%;
  }
  .topinfomation {
    /*width: 45%;height: 110px;float:left;margin-left:10px;margin-right:0;*/
  }
  .topinfof {
    width: 100%;
  }
  #topcontentl, #topcontentr {
    clear: both;
    margin: 0;
    width: 100%;
  }
  #topbox {
    clear: both;
    margin-left: 15px;
    border: none;
  }
  #side {
    clear: both;
    width: 100%;
  }
  .side-widget {
    /*padding-left:1px;*/
  }
  .adinfo1, .adinfo2 {
    margin: 10px 0;
  }
  .bx-pager img {
    width: 90px;
  }
  #main {
    clear: both;
    width: 100%;
  }
  .content, #archive_body {
    margin-left: 18px;
  }
  .tagmenu1 ul li {
    width: 65px;
  }
  #keybox1 {
    margin-left: 10px;
  }
  #kensakutable {
    margin-left: 10px;
  }
  #singleboxleft1 {
    width: 95%;
    clear: both;
  }
  #singleboxleft2 {
    width: 95%;
    clear: both;
  }
  #main, #main-wide {
    width: 100%;
  }
  #main-wide img.top1 {
    width: 45%;
    /*margin:4px;*/
    margin-left: 10px;
  }
  .maincontent1, .maincontent2 {
    width: 100%;
    clear: both;
  }
  .slideshow_container .slideshow_view .slideshow_slide.slideshow_slide_image .slideshow_description_box {
    display: none!important;
  }
  .slideshow_container {
    max-height: 80px !important;
  }
  .sboxleft, sboxright {
    width: 100%;
    clear: both;
    margin-bottom: 10px;
  }
  .shinsatsubox {
    padding: 10px;
  }
  table.shinsatsu2 td {
    padding: 0;
  }
  #header-menu3 .menu li a {
    font-size: 11px;
  }
  .recruit_left, .recruit_right {
    padding: 10px;
    width: 80%;
  }
  #topboard img.toptr3 {
    max-width: 150px;
    height: auto;
  }
  #header-menu3 .menu li a {
    padding: 10px 0;
  }
  #header-menu3 ul.menu {
    margin-left: 10px;
  }
  /*.kangobutopbox {
		width: 90%;
		height: 160px;
		clear: both;
		margin-left: 15px;
	}*/
  ktbmiddle, .ktblarge {
    width: 100%;
    height: auto;
    clear: both;
    /*margin-left: 15px;*/
  }
  .snsbt {
    /*width:180px;float:left;*/
    display: none;
  }
  .footer-widget {
    width: 100%;
    clear: both;
  }
  table.shinsatsu2 td {
    font-size: 12px;
  }
  table.shinsatsu2 {
    width: 100%;
    clear: both;
  }
  .maincontent2 .side-widget {
    padding-left: 5px;
  }
  #menu-honin {
    display: block;
  }
  #header-menu2 .menu li a {
    width: 41%;
  }
  ul.staffimg li, ul.staffimg li:nth-child(-n+3) {
    width: 46.5%;
    height: 100%;
  }
  #header-menu3 .menu li a {
    max-height: 22px;
    overflow: hidden;
  }
  #header-menu3 .menu li {
    margin-right: 2px;
  }
  .recruitkihon {
    padding: 15px 4px 2px 10px;
  }
  .recruit_left, .recruit_right {
    padding: 10px;
    width: 93%;
  }
}


/*ここまで400px*/

.login p {
  margin-left: -5px;
}

.login ul li {
  background: none;
}

.disnon {
  display: none;
}

#tab li {
  cursor: pointer;
  width: 300px;
  text-align: center;
  padding: 5px;
  display: block;
  font-weight: bold;
  font-size: 18px;
  border-radius: 5px;
  box-shadow: 1px 1px 1px #111;
  -moz-box-shadow: 1px 1px 1px #111;
  -webkit-box-shadow: 1px 1px 1px #111;
  margin-bottom: 5px;
  margin-left: 8px;
  background: #333;
  float: left;
  color: #fff;
}

#tab li:hover, #tab li.select {
  background: #cc0000;
  color: #fff;
}

#tab ul {
  clear: both;
}

.content_wrap {
  clear: both;
  padding-left: 20px;
}

.content_wrap h2 {
  padding-top: 10px;
}

body {
  /* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
  /*font-family: Arial, Verdana, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, 游ゴシック, YuGothic, Osaka, sans-serif;*/
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  background-size: 100% auto;
  overflow-x: hidden;
}

#header {
  /*サブメニューを表示させるための処置*/
  background: #fff;
  /*none;background:url(img/topbg.gif) repeat-x;*/
  /*position:fixed;*/
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  /*height:75px*/
  ;
  overflow: visible;
}

#wide880 {
  margin: 0 auto;
  max-width: 880px;
  overflow: hidden;
}

.home_area {
  float: left;
  margin-right: 10px;
  min-height: 350px;
}

div.tagsinput span.tag {
  background: linear-gradient(to top left, #A5A5A5, #BABAC2, #E8E8E8, #A5A5A5, #BABAC2);
  background: url(img/mainnavibg2.png) 0px -2px !important;
  border: 1px solid #aaa !important;
  color: #333 !important;
}

input[type="submit"], input.button-primary {
  cursor: pointer;
  background: url(img/midashih1.png);
  padding: 5px 14px;
}


/* 検索フォーム */

#submit {
  margin: 5px 20px 5px 0;
}

#searchfield {
  padding: 4px;
  font-size: 0.75rem;
  border: 1px solid #efefef;
}

#searchfield:focus {
  background: #efefef;
}

#searchsubmit {
  padding: 2px 5px;
  font-size: 0.75rem;
  border: 1px #009342 solid;
  background: #009342;
  cursor: pointer;
  vertical-align: middle;
  margin-top: -2px;
  margin-left: -10px;
  color: white;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

#sub-nav {
  margin-top: 8px;
}

.headernav {
  margin-left: 20px;
}

#searchform #s {
  padding: 6px;
  border: 1px solid #efefef;
  width: 70%;
  font-size: 14px;
  border-radius: 0;
  height: 14px;
}

input[type="text"]:focus {
  background: #f4f4f4;
  border: 1px solid #3498db;
}

#textsize {
  margin-bottom: 5px;
}

#textsize ul {
  margin: 0 0 10px 0;
  display: inline;
}

#textsize ul li:last-child {
  margin-left: -5px;
}

#textsize a {
  padding: 2px 5px;
  border: 1px solid #009342;
}

#textsize a:hover {
  text-decoration: none;
}

#textsize .textresizer-active {
  background: #009342;
  color: white
}

#textsize figcaption, #textsize li {
  display: inline-block;
}

#loading {
  clear: both;
}

.vam {
  display: table-cell;
  vertical-align: middle;
}

.sircle_1 {
  display: table;
  font-size: 22px;
  text-align: center;
  float: left;
  margin: 5px 5px 5px 0;
  border: 2px solid red;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background: orange;
  color: #fff;
}

.si1 {
  border: 4px solid #0066cc;
  background: #277dd4;
}

.si2 {
  border: 4px solid #0066cc;
  background: #277dd4;
}

.si3 {
  border: 4px solid #009966;
  background: #42b48d;
}

.si4 {
  border: 4px solid #0099ff;
  background: #42b4ff;
}

.si5 {
  border: 4px solid #999900;
  background: #b4b442;
}

.si6 {
  border: 4px solid #ff6600;
  background: #ff8d42;
}

.si7 {
  border: 4px solid #cc3300;
  background: #d96943;
}

.si8 {
  border: 4px solid #ff3366;
  background: #ff688d;
}

.si9 {
  border: 4px solid #993399;
  background: #b468b4;
}

.si10 {
  border: 4px solid #5d96e7;
  background: #79b5e8;
}

.si11 {
  border: 4px solid #418ec6;
  background: #52b1cb;
}

.si12 {
  border: 4px solid #359699;
  background: #41bf97;
}

.si13 {
  border: 4px solid #288536;
  background: #3aa136;
}

.bnbox {
  position: relative;
  width: 250px;
  height: 125px;
  overflow: hidden;
}

figure.bnbtext {
  font-size: 1rem;
  padding-top: 10px;
  margin: 0;
  width: 250px;
  height: 50px;
  position: absolute;
  top: 70%;
  left: 0;
  background: rgba(30, 30, 30, .5);
  color: #fff;
  text-align: center;
  z-index: 1;
}

img.alignright, img.alignleft {
  background: none;
}

ul.listNormal {
  margin-left: 0px;
}

ul.listNormal li {
  text-align: left;
}

span.wpcf7-list-item:nth-child(3n):after {
  content: "\A";
  white-space: pre;
}


/*糖尿病ページ20160115*/

.disbl {
  display: block;
}

img.mb100 {
  margin-bottom: 100px;
}

ul.diabet_ul, ul.content_d {
  clear: both;
  width: 100%;
  margin-left: 0;
  overflow: hidden;
}

ul.diabet_ul li {
  position: relative;
  width: 31.5%;
  margin-right: 1.8%;
  margin-bottom: 15px;
  float: left;
  height: 150px;
  cursor: pointer;
  overflow: hidden;
}

ul.diabet_ul li img {
  width: 100%;
  height: auto;
}

figure.diab_1 {
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  margin: 0;
  padding: 4%;
  width: 92%;
  /*height:30%;*/
  bottom: 0;
  left: 0;
  background: rgba(50, 50, 50, 0.5);
  color: #fff;
}

figure.diab_2 {
  position: absolute;
  font-size: 14px;
  margin: 0;
  padding: 3% 5%;
  width: 90%;
  height: 94%;
  top: 0;
  left: 0;
  background: rgba(50, 50, 50, 0.8);
  color: #fff;
  opacity: 0;
  line-height: 1.5rem;
}

figure.diab_2:hover {
  opacity: 1;
  transition-duration: .5s;
}

span.pink_c {
  display: block;
  clear: both;
  font-size: 11px;
  color: pink;
}

span.pink {
  color: pink;
}

span.pink2 {
  display: block;
  clear: both;
  color: #c44a7d;
}

ul.staff_ul {
  margin-left: 0;
}

ul.staff_ul li {
  width: 23%;
  margin-right: 1%;
  margin-bottom: 10px;
  float: left;
  min-height: 520px;
}

ul.staff_ul li:nth-child(1) {
  width: 47%;
  margin-right: 3%;
  float: left;
  min-height: 460px;
}

ul.staff_ul li:nth-child(2) {
  width: 47%;
  min-height: 460px;
  clear: right;
}

ul.diabet_ul li:hover figure.diab_1 {
  opacity: 0;
  transition-duration: .5s;
}

#main h3.dh3 {
  /*background:url(img/midashihpink.png);*/
  background-image: url(img/pline.jpg), url(img/h2pinktag.jpg);
  background-repeat: no-repeat, repeat;
  background-position: 13px 2px, 0 0;
  background-size: 4px 100%, auto auto;
  border-radius: 5px;
  border: 1px solid #aaa;
  padding-top: 10px;
  padding-bottom: 10px;
  /*padding-left:10px;*/
  padding-left: 25px;
  box-shadow: 0 0 3px 3px #fff inset;
  color: #333;
}

#main h4.dh4 {
  /*background:url(img/midashih1.png);*/
  /*background:url(img/h3tagn.jpg);*/
  background-image: url(img/pline.jpg), url(img/h3tagn.jpg);
  background-repeat: no-repeat, repeat;
  background-position: 13px 2px, 0 0;
  background-size: 4px 88%, auto auto;
  border-radius: 5px;
  border: 1px solid #aaa;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 25px;
}

table.d_table th {
  background: #f3d9e6;
}

hr.comment {
  border-bottom: 1px dotted #c44a7d;
}

table.nou_table th {
  background: #d8f2f1;
}

table.nou_table th.first_title {
  text-align: left;
}

table.nou_table td:last-child {
  text-align: center;
}

@media screen and (max-width: 1024px) {
  #header {
    position: relative;
  }
  ul.diabet_ul li {
    height: 140px;
  }
}

@media screen and (min-width: 1008px) {
  ul.menu {
    margin-left: 0;
  }
}

body {
  margin-top: 0;
}



@media screen and (max-width: 720px) {
  .sircle_1 {
    font-size: 16px;
    width: 82px;
    height: 82px;
  }

  ul.staff_ul li {
    width: 47%;
  }

}
@media screen and (min-width: 680px) {
  ul.menu {
    margin-left: /*5px*/
    0px;
  }
}
@media screen and (max-width: 680px) {
  ul.diabet_ul li {
    width: 47%;
  }

}
@media screen and (max-width: 460px) {
  ul.diabet_ul li {
    height: 110px;
  }

  ul.diabet_ul li:hover figure.diab_1 {
    opacity: 1;
  }

  figure.diab_2 {
    display: none;
  }
}
.bg_color {
  padding: 20px;
  margin-bottom: 20px;
  background: #fafafa;
  border: 1px solid #ddd;
}
.bg_gray {
  padding: 20px;
  margin-bottom: 20px;
  background: #fafafa;
  border: 1px solid #ddd;
}
.button {
  display: block;
  width: 70%;
  margin: 0 auto 10px;
  text-align: center;
  padding: 10px 10px;
  background: #88B04B;
  color: #fff;
  border-radius: 3px;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: bold;
  cursor: pointer;
  /*box-shadow: 0 6px 14px -8px rgba(0, 0, 0, 0.6):*/
}
.button:hover {
  background: #a0c16d;
  text-decoration: none;
  color: white;
}
.button_width_80{
width:80%;
}


ul {
  margin-left: 0px;
}
ul.disctype li {
  list-style: disc;
  margin-left: 18px;
}

/* **********テキストの位置********** */
.alignr {
  text-align: right;
}
.alignc {
  text-align: center;
}
.alignl {
  text-align: left;
}

/* ***********フォントサイズ********** */
.font30 {
  font-size: 1.875rem;
}
.font28 {
  font-size: 1.75rem;
  line-height: 1.75rem
}
.font24 {
  font-size: 1.5rem;
}
.font20 {
  font-size: 1.25rem;
}
.font18 {
  font-size: 1.125rem;
}
.font16 {
  font-size: 1rem;
}
.font14 {
  font-size: 0.875rem;
}
.font12 {
  font-size: 0.75rem;
}
.font10 {
  font-size: 0.625rem;
}
.font8 {
  font-size: 0.5rem;
}
.fontB {
  font-weight: bold;
}
.fontN {
  font-weight: normal;
}
.topinfof .font8 {
  font-size: 0.6em;
}

/* ***********フォント色********** */
.fc009342 {
  color: #009342;
}
.red {
  color: red;
  font-weight: bold;
}
.green {
  color: #88B04B;
  font-weight: bold;
}
.orange {
  color: orange;
  font-weight: bold;
}
.blue {
  color: blue;
  font-weight: bold;
}
.pink {
  color: pink;
  font-weight: bold;
}
.navy {
  color: navy;
}
strong {
  font-weight: normal;
}
.departments-list {
  overflow: hidden;
}
.departments-list li {
  float: left;
}
.departments-list li a {
  display: block;
  width: 206px;
  height: 3em;
  margin: 0 5px 5px 0;
  padding: 10px 0 10px 10px;
  background: #e8fff2;
  border-left: 5px solid #3498db;
  text-decoration: none;
  font-weight: bold;
}
.departments-list li a:hover {
  background: #b6daf2;
}

/* *********************病院指標ここから************************* */
#indicator {
  /*font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/

  line-height: 1.3rem;
  font-size: 0.8125rem;
}
.contents {
  margin-bottom: 25px;
}
.template-table {
  border-collapse: collapse;
  /*width: 100%;*/
}
.template-table th {
  background-color: floralwhite;
  padding: 5px;
  font-weight: bold;
  /*normal;*/

  font-size: small;
  color: #696969;
}
.template-table th.left_align {
  text-align: left;
}
.template-table td {
  border: 1px solid #c4c4c4;
  padding: 5px;
}
.number-cell {
  text-align: right;
  width: 75px;
}
.div-title, .div-title-hist {
  border-left: 5px solid #88B04B;
  padding: 7px 0px 7px 5px;
  margin-top: 35px;
  margin-bottom: 15px;
  font-size: large;
}
.div-title-hist {
  border-left: 5px solid #C90 !important;
}
.out_link {
  text-align: right;
}
.comment {
  background-color: #E3EAFF;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px 15px 10px 15px;
}

/* a */
#indicator a:link {
  color: #0000FF;
  text-decoration: none;
  /*border-bottom: 1px solid #0000FF;*/

  padding-bottom: 1px;
}
#indicator a:visited {
  color: #0000FF;
  text-decoration: none;
  border-bottom: 1px solid #0000FF;
  padding-bottom: 1px;
}
#indicator a:hover {
  color: #0000FF;
  text-decoration: none;
  border-bottom: 1px solid #0000FF;
  padding-bottom: 1px;
}
#indicator a:active {
  color: #0000FF;
  text-decoration: none;
  border-bottom: 1px solid #0000FF;
  padding-bottom: 1px;
}
#indicator a.csv_btn {
  border: 1px solid #008000;
  color: #008000;
  background-color: #b8f28c;
  width: 75px;
  font-size: x-small;
  font-weight: bold;
  padding: 5px;
  margin-left: 20px;
  position: relative;
  top: -2px;
}
span.kome {
  font-size: x-small;
}
.hist_list dt {
  clear: both;
  float: left;
  width: 130px;
}
.hist_list dd {
  margin-left: 140px;
  margin-bottom: 25px;
}
div[id^="cd_top3_nm_"], div[id^="ope_top3_nm_"] {
  padding: 5px;
}
div[id^="cd_top3_nm_"]:before, div[id^="ope_top3_nm_"]:before {
  content: "■";
  /*color: #1AAB8A;*/

  font-size: large;
}

/* *********************病院指標ここまで************************* */
#masthead {
  border-top: 5px solid #009342;
  background: white;
  /*font-family:Noto Sans Japanese;*/
}
.er-figure {
  padding: 20px;
  margin-bottom: 15px;
  background: #d5ffff;
  text-align: center;
}
#step2 {
  width: 50%;
  margin: 0 auto 15px;
}
#step2 ul {
  margin-bottom: 0;
}
#step2 a, #step2 li {
  color: #3498db;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 5px;
  text-align: center;
}
#step3 {
  overflow: hidden;
  background: none;
  border: none;
  padding: 0;
}

/* ******sidebar****** */
#diagnosis-widget, #medicalcenter-widget, #about-widget {
  padding: 20px;
  background: white;
  box-sizing: border-box;
  border: 1px solid #efefef;
}
#diagnosis-widget h3, #medicalcenter-widget h3, #about-widget h3 {
  margin-bottom: 1px;
  padding: 20px;
  background: #88B04B;
}
#diagnosis-widget h3 a, #medicalcenter-widget h3 a, #about-widget h3 a {
  color: #fff;
  text-decoration: none;
  font-family: 'Noto Sans Japanese';
  font-weight: normal;
}
#diagnosis-widget ul, #medicalcenter-widget ul, #about-widget ul {
  margin-left: 0;
}
#diagnosis-widget li a, #medicalcenter-widget li a, #about-widget li a {
  padding: 8px 15px;
  display: block;
  text-decoration: none;
  border-bottom: 1px dotted #dedede;
}
#diagnosis-widget li a:hover, #diagnosis-widget .current-menu-item a, #medicalcenter-widget li a:hover, #medicalcenter-widget .current-menu-item a, #about-widget li a:hover, #about-widget .current-menu-item a {
  background: #FAFAFA;
}
address {
  font-style: normal;
  font-size: 14px;
}
table.data th {
  text-align: center;
}
table.data td {
  text-align: right;
  /*width:40%;*/
}
.listNum li {
  list-style: decimal;
}
#main .disno h4, #main .disno h3 {
  /*margin-top: 10px;*/
}
p.toggleopen {
  margin-bottom: 10px;
}
h4#shinsatsumidashi {
  margin: 0 0 10px 0;
  font-size: 0.875rem;
  color: #333;
}

/*#gairai {
	color: #3498db;
	padding: 10px;
	font-size: 1.2em;
	background: #e8fff2;
	margin-top: 0;
}*/
#main-wide #gairai, #main #gairai {
  margin-top: 0;
}
th {
  background: #fafafa;
}
.figimgr {
  float: right;
  margin: 0 0 30px 30px;
}
.figimgl {
  float: left;
}
table.thLeft {
  width: 60%
}
table.thLeft th {
  text-align: left;
}
table.thLeft alignr {
  width: 10%
}

/*ul{clear:both;}*/
table ul.listNormal {
  margin: 0;
}
table.tdCenter td {
  text-align: center;
}
.linkText {
  margin-top: -10px;
}
.linkText a {
  text-decoration: underline;
  font-weight: bold;
}

/* ************flexbox************ */
.flex-container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
ul.flex-container {
  margin: 0 0 20px 0;
}
.flex-container li {
  width: 33%;
}
#post-5968 .flex-container li, #post-6561 .flex-container li {
  width: 49.5%;
}
.flex-container li a {
  margin: 0 0 2% 0;
  background: none;
  border: 1px solid #b5b5b5;
  display: block;
  padding: 18px;
  text-decoration: none;
  font-weight: bold;
}
ul.flex-container li a:hover {
  background: #88B04B;
  color: white;
  border: 1px solid #88B04B;
  ;
}
@media screen and (max-width: 480px) {
  .flex-container li {
    width: 49.5%;
  }


  #submit {
    float: none;
    width: 100%;
  }



  #post-5968 .flex-container li, #post-6561 .flex-container li {
    width: 100%;
  }
}

/* ************flexbox************ */
#toc figcaption {
  font-weight: bold;
}
#toc ol {
  margin: 0 0 50px 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}
#toc ol li {
  margin-bottom: 1%;
  width: 49.5%;
  list-style: none
}
#toc ol li a {
  display: block;
  padding: 0px 5px;
  border: 1px solid #eee;
  background: #fafafa;
  font-size: 0.875rem;
}
#toc ol li a:hover {
  color: #88B04B;
  font-weight: bold;
  text-decoration: none;
}
@media screen and (max-width: 480px) {
  #toc ol {
    display: block;
  }

  #toc ol li {
    width: 100%;
  }

  #toc ol li a {
    padding: 5px;
  }
}
.d_ensoku figure {
  margin: 0px;
}
.metaslider .flexslider {
  margin: 0px;
}
#header-top {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
}
#sub-nav {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row-reverse;
  font-size: 0.75rem;
}
.site-title {
  margin: 18px auto 18px 0;
}
#header-top #logo-sanbou img {
  /*width: 284px;指定するとIEでバグ*/
}
#header-top #logo-houjin img {
  /*width: 284px;指定するとIEでバグ*/
}
#header-top #logo-kangobu img {
  /*width: 250px;指定するとIEでバグ*/
}
#icon-facebook {
  position: absolute;
  top: 10px;
  right: 10px;
}
.mega-menu-wrap {
  max-width: 1140px;
  margin: 0 auto!important;
}
.mega-menu-link span {
  font-family: 'Noto Sans Japanese';
}
@media screen and (max-width: 480px) {
  article h1 {
    font-size: 1.125rem;
    line-height: 3rem;
    letter-spacing: 0;
    padding-left: 0;
    margin-bottom: 20px;
    text-align: center;
  }

  #main h2 {
    font-size: 1rem;
    line-height: 3rem;
    margin: 40px 0 20px 0;
    padding-left: 15px;
    /*text-align: center;*/
    /*border-right:5px solid #88b04b;*/
  }

  #main h3 {
    font-size: 0.9375rem;
    line-height: 2rem;
    margin: 20px 0 10px 0;
  }

  #main h3::after, #main-wide h3::after {
    top: 0.7rem;
  }

  #header-top {
    padding: 15px 10px;
  }

  #mega-menu-header-menu>li {
    width: 100% !important;
  }

  #mega-menu-header-menu-honin>li {
    width: 100% !important;
  }

  #mega-menu-header-menu-sanbou>li {
    width: 100% !important;
  }

  #mega-menu-header-menu-kangobu>li {
    width: 100% !important;
  }

  #sub-nav {
    width: 30%;
  }

  .site-title {
    width: 50%;
    margin: 0 auto 0 0;
  }

  #header-top #logo-houjin img {
    width: 100%;
  }

  #header-top #logo-honin img {
    width: 100%;
  }

  #header-top #logo-sanbou img {
    width: 100%;
  }

  #header-top #logo-kangobu img {
    width: 100%;
  }

  #header-top #logo-kouryou img {
    width: 100%;
  }

  nav, .metaslider, #visual-main {
    border: none;
    box-shadow: none;
  }

  #icon-facebook img {
    width: 26px;
  }

  .icon {
    margin: 0 0 0 10px;
  }

  .icon img {
    width: 40px;
  }
}
#main-wide main h2:first-child {
  margin-top: 0;
}
#main .content_k li h3:first-child, #main-wide .content_k li h3:first-child {
  margin-top: 0;
}
#main dl {
  margin-bottom: 10px;
}
#masthead .fa, #kangobuline .fa {
  color: #009342;
}
#main div#post-9360 li {
  margin-left: 20px;
  list-style-type: circle;
}
#main div#post-9360 li li {
  margin-left: 20px;
  list-style-type: square;
}
#qqtel {
  text-align: center;
}
#qqtel a {
  font-weight: bold;
}
#qqtel .button {
  width: 70%;
  box-sizing: border-box;
}
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
  font-weight: 500;
  font-family: 'Noto Sans Japanese', sans-serif;
}

/* --- お問い合わせフォーム --- */

/* デザインカスタマイズ */
div.wpcf7 {
  background: mintcream;
  border: 1px solid #ddd;
  padding: 0px;
  margin: 0 0 30px 0;
}
div.wpcf7 p {
  padding: 20px 20px 0;
  margin: 0;
  font-size: 0.875rem;
}
@media screen and (max-width: 480px) {
  div.wpcf7 p {
    padding: 0;
    margin-bottom: 40px;
  }
}
div.wpcf7 input, .wpcf7 textarea {
  border: 1px solid #ccc;
  padding: 8px;
  font-size: 0.875rem;
}
div.wpcf7 textarea {
  width: 97.5%;
  height: 300px;
}
div.wpcf7 input.wpcf7-submit {
  cursor: pointer;
  color: #333;
  font-weight: bold;
  font-size: 1rem;
  line-height: 2rem;
  width: 60%;
  margin: 0 auto;
  display: block;
  -moz-border-radius: 100px;
  -khtml-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: #f4f4f4;
}
div.wpcf7 input.wpcf7-submit:hover {
  background: #88B04B;
  color: white
}
.wpcf7 input.wpcf7-submit:active {
  box-shadow: none;
  bottom: -2px;
  position: relative;
}
.wpcf7 input:focus, .wpcf7 textarea:focus {
  border: 1px solid #006080;
}
.wpcf7-captchac {
  border: 1px solid #ccc;
}

/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid {
  background: #ffb6c1;
}
.wpcf7 span.wpcf7-not-valid-tip {
  font-size: 80%;
}
.wpcf7 .wpcf7-response-output {
  margin: 10px 0 0;
  padding: 8px 35px 8px 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.wpcf7 .wpcf7-validation-errors {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}
.wpcf7 .wpcf7-mail-sent-ok {
  color: #3A87AD;
  background-color: #D9EDF7;
  border: 1px solid #BCE8F1;
}

/* 必須赤色表示 */
.wpcf7 .required {
  color: #f00;
}

/* 任意緑色表示 */
.wpcf7 .any {
  color: #080;
}
#main h2.newsh2 {
  margin-bottom: 20px;
}
.tab-news, #tab-access {
  overflow: hidden;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.tab-news li, #tab-access li {
  background: #f0f7fc;
  padding: 5px 0;
  /*float:left; margin-right:1px;*/

  cursor: pointer;
  width: 19.8%;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
}
.tab-news li.select, #tab-access li.select {
  background: #88B04B;
  color: white;
}
.tab-news li:hover, #tab-access li:hover {
  background: #a0c16d;
  color: white;
}
@media screen and (max-width: 480px) {
  .tab-news li, #tab-access li {
    width: auto;
    font-size: 0.625rem;
    padding: 0 10px;
  }

  article h1, #main h2.newsh2 {
    font-size: 1.125rem;
    line-height: 3rem
  }

  #diagnosis-widget, #medicalcenter-widget, #about-widget {
    padding: 0px;
    border: none;
  }

  #nav {
    padding: 0;
  }
#qqtel .button {width: 100%;}
}
.content-news li li {
  padding: 4px 0;
  border-bottom: 1px dotted #ccc;
}
.hide {
  display: none;
}
.news-cat {
  font-size: 0.6875rem;
  display: inline-block;
  background: #efefef;
  padding: 0 4px;
  line-height: 1.2rem;
  margin-right: 6px;
  text-align: center;
  width: 5.5rem;
}

/*.information{background:#6abfdc;}
.event{background:#ffbf7f;}
.recruit{background:#ff9a9a;}
.medical{background:#7fff7f;}*/
#tab-access li {
  float: none;
  margin-right: 0;
}
.flex2column {
  width: 45%;
  margin-bottom: 2rem;
}
.flex2column img {
  width: 100%;
}
.banner-facility {
  margin-bottom: 5px;
  box-sizing: border-box;
  background: white;
}
.banner-facility img {
  width: 100%;
  border: 1px solid #efefef;
  box-sizing: border-box;
}
.lato {
  font-family: 'Lato', sans-serif;
}
.recruit_s_title{font-size:2rem;}
.button_width_80{
width:80%;
/*height:30%;
margin:0;*/
}

.border-red{border:1px solid red;padding:10px;text-align:center;}
.margin-b{margin-bottom:0}
@media screen and (max-width: 780px) {
.topinfof {
    font-size: 0.875rem;
    padding: 5px 0;
	}
}

/*@media print{
	#main{width:100%;}
	#side{display:none;}
}*/
.hentry .padding1em{padding-left:1em;}
.hentry .padding2em{padding-left:2em;}

/* 20200908 追加 by tms */
@media screen and (min-width: 750px){	
  .sp { display:none; }
}
@media screen and (max-width: 750px){	
  .pc { display:none; }
}

/* youtube 埋め込み */
.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin: 0 auto 20px;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.qqq+p{
  display: none;
}

/* 法人メニュー　文字サイズ調整 */
#nav #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu_care > a.mega-menu-link {
    font-size: 70%;
}

/* 神経免疫疾患センター */
.shikaku-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#main .shikaku-area dl {
    width: 350px;
    margin-bottom: 30px;
    border: solid 1px #88b04b;
}
.shikaku-area dl dt, .shikaku-area dl dd {
    padding: 10px 20px;
}
.shikaku-area dl dt {
    background: #88b04b;
    text-align: center;
    font-weight: bold;
    color: #fff;
}
@media screen and (max-width: 750px){
  #main .shikaku-area dl {
    width: 100%;
  }
}

/* 20250618 追加 by tms */
@media screen and (min-width: 750px){	
  #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
    line-height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}