@charset "UTF-8";
/* ------------------------------
　　ベース
------------------------------ */

body {
  font-family: -apple-system, BlinkMacSystemFont, MyYuGothicM, "Yu Gothic", Meiryo, "Hiragino kaku Gothic ProN", sans-serif;
    color: #0d0d0e;
    text-align: left;
    line-height: 1.8;
    /* line-height: 1; */
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-weight: 600;
    background-color: #fafbfe;
}

.summary-title a:visited {
    color: #102988;
}
/*サイトネーム一般社団法人の文字*/
.site-name-sub{
font-size: 0.5em;
font-weight: normal;
padding-right:5px;
}
@media (min-width: 768px){
.site-name {
    font-size: 24px;
}}
.site-name {
    font-size: 2.4em;
    font-weight: 700;
    color: #000;
}
@media screen and (max-width: 480px){
  .site-name {
      font-size: 2em;
  }}
.site-name a, .site-name a:active, .site-name a:focus, .site-name a:hover, .site-name a:visited{
color: #000;
}
@media screen and (max-width: 767px){
  .site-name {
    margin-block-start: 0em;
    margin-block-end: 0em;
}}
@media screen and (max-width: 480px){
.header-logo {
    padding-top:5px;
}}
@media screen and (max-width: 767px){
  h1.site-name{
    margin-top:0px;
    margin-bottom:0px;
  }
}
.head-discription{
  padding:20px 0px;
  background-color: #102988;
}
@media screen and (max-width: 480px){
  .head-discription{
    padding-top: 50px;
  }}
.site-discription{
  color:#fff;
  text-align: center;
}
/*ヘッダーの背景*/
.head-wrapper{
    background-color: #fff;
}
/*スマホ用ヘッダー*/
.site-header {
    border-top: 4px solid #102988;
    border-bottom: 1px solid #102988;
}
.nav-menu-action-item,.nav-menu-action-item a:active,
.nav-menu-action-item a:focus,.nav-menu-action-item a:hover,
.nav-menu-action-item a:link,.nav-menu-action-item a:visited {
    color: #102988;
}
.nav-menu-btn {
    color: #102988;
}
.nav-menu-btn-text {
    font-size: 16px;
}
/*ヘッダー・右infomation*/
.header-information{
  display: table-cell;
  text-align: right;
  padding-top:0px;
}
.company-information{
  display:table-cell;
  background-color: #102988;
  margin-top:0px;
  color:#fff;
  padding:10px 5px 5px 5px;
  text-align: right;
  border-radius: 0px 0px 2px 2px;
}
.contact-information{
display:table-cell;
vertical-align: middle;
}
.contact-information li{
  float:left;
    text-decoration: none;
      list-style-type: none;
      padding:5px 10px;
      margin-right:10px;
      border-radius: 2px;
      background-color: #aacd37;
      font-size: 1.2em;
      color:#fff;
}
.contact-information li a:active,.contact-information li a:focus,.contact-information li a:hover,
.contact-information li a:link,.contact-information li a:visited{
  color:#fff;
  text-decoration: none;
}
dt.information-tel,dd.information-time,dd.information-holiday{
  text-align: left;
  line-height: 1.2em;
}
dd.information-time{
  font-size: 1em;
}
dd.information-holiday{
  font-size: 0.8em;
}
dt.information-tel{
  font-size: 1.2em;
}
dd.information-time,dd.information-holiday{
margin-inline-start: 15px;
}

@media (min-width: 1024px){
.header-nav {
    width: 100%;
}}
.navigation{
  padding:10px;
  border-top:solid 1px #fff;
  border-bottom:solid 1px #fff;
  background-color: #fff;
}
.header-nav li{
  padding-right:10px;
}
.header-nav li a:active,.header-nav li a:focus,.header-nav li a:hover,
.header-nav li a:link,.header-nav li a:visited{
  color:#102988;
  font-weight: bold;
  font-size: 1.2em;
}
@media (min-width: 1024px){
.navbar li:hover a {
    border-bottom: 4px solid #0088cc;
}}
@media (min-width: 1024px){
.navbar li.stay a {
    border-bottom: 4px solid #baa800;
}}
/*topImage*/
@media screen and (min-width: 768px){
.fix-height, .main-slider-image {
    height: 600px;
}}


.main-slider-main-copy {
    font-size: 60px;
    color:#C7402A;
    text-shadow: 2px 2px 0 #fff;
}
@media screen and (max-width: 480px){
  .main-slider-main-copy {
      font-size: 20px;
  }}
  .main-slider-side-copy {
    margin: 0;
    color: #fff;
    font-size: 40px;
    text-shadow: black 0 0 5px;
}
@media screen and (max-width: 480px){
  .main-slider-side-copy {
    font-size: 20px;
}}
/*suggest*/
@media screen and (min-width: 768px){
.suggest-half {
    vertical-align: top;
}}
.suggest-box {
    background: #e7e9f3;
  background-image: url("../../images/img_suggest.png");
  background-repeat: repeat-x;
  background-position: bottom;
}
.suggest-tel{
    font-size: 2em;
}
.suggest-tel,.suggest-tel a {
    color: #102988;
    text-decoration: none;
}
.foot-wrapper {
    padding: 30px 0;
    background: #102988;
}
.footer-nav {
    float: right;
    width: 1000px;
    max-width: 100%;
    margin: 0 -10px;
}
@media screen and (max-width: 767px){
.footer-nav {
    display:block;
}}
.footer-nav-item {
    width: 16%;
}
@media screen and (max-width: 480px){
  .footer-nav-item {
      width: 50%;
  }}
  .footer-nav-item-barrier {
    float: left;
    display: block;
    width: 50%;
    margin: 0 0 10px;
    padding: 0 10px;
    vertical-align: top;
    box-sizing: border-box;
}
@media screen and (max-width: 767px){
  .footer-nav-item-barrier {
      width: 100%;
  }}
.serial-nav .serial-nav-item a:active,
.serial-nav .serial-nav-item a:focus,
.serial-nav .serial-nav-item a:hover,
.serial-nav .serial-nav-item a:visited,
.serial-nav .serial-nav-item a:link {
  border:1px solid #e5e5e5;
  padding:5px 20px;
  font-size: 1.4em;
  color:#999;
  max-width:50%;
}
@media screen and (max-width: 480px){
  .serial-nav .serial-nav-item a:active,
  .serial-nav .serial-nav-item a:focus,
  .serial-nav .serial-nav-item a:hover,
  .serial-nav .serial-nav-item a:visited,
  .serial-nav .serial-nav-item a:link{
    max-width:100%;
  }}

.entry-column h3,h3.clinic-list-title{
  position: relative;
    padding-bottom: 0.2em;
    border-bottom: 2px solid #ccc;
    background-color:inherit;
    font-size: 2em;
    font-weight: normal;
}
.entry-column h3::after,h3.clinic-list-title::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 2px;
  background-color: #3c7cf1;
}
@media screen and (max-width: 480px){
  .entry-column h3,h3.clinic-list-title{
  font-size: 1.6em;
  }}
.acms-page-header {
    border-style: none;
}
h1.entry-title{
font-family: "Source Han Serif", serif;
font-size: 2.4em;
color:#102988;
}
@media screen and (max-width: 480px){
  h1.entry-title{
  font-size: 1.8em;
  }}
h4{
  font-size: 1.4em;
  color:#102988;
  margin-block-end: 0.5em;
}

@media screen and (min-width: 768px){
.entry-column td, .entry-column th {
    border: 1px solid #aebece;
}}
.entry-column td, .entry-column th {
    border: 1px solid #aebece;
}
.entry-column th{
  background-color: #567494;
  color:#fff;
}
.entry-column td{
  background-color:#fff;
}
/*ワンポイントアドバイス*/
p.onepoint {
  font-size: 1.4em;
  position: relative;
  border-top: solid 2px #3c7cf1;
  border-bottom: solid 2px #3c7cf1;
  background: #f4f4f4;
  background-image: url("../../images/bg_img_clinic.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  line-height: 1.4;
  padding: 1em 3em 1em 1em;
  margin: 2em 0 3em;
  min-height: 35px;
}
p.onepoint::after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: 'ONE POINT';
  background: #3c7cf1;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em;
}
/*オリジナル・青色系リスト*/
 ul .blue {
  padding: 0;
  margin-right:10px;
}
.blue li {
  position:relative;
  background: #f1f8ff;/*バーの色*/
  line-height: 1;
  padding: 0.2em;
  margin-bottom: 4px;
  border-left : solid 35px #3c7cf1;/*先の色＝アイコン裏の色*/
  list-style-type: none!important;
}
@media screen and (max-width: 767px){
.blue li{
  line-height: 1.5;
}}
.blue li::before {
  content: "✓";
  position: absolute;
  display: block;
  padding: 0.5em;
  width: 1.2em;
  color: white; /*アイコン色*/
  font-weight: normal;/*アイコンは太字にしない*/
  text-align: center;
  left : -35px; /*左端からのアイコンまでの距離*/
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.entry-column dt{
  position:relative;
  background: #f1f8ff;/*バーの色*/
  line-height: 1.5;
  padding: 0.5em 0.5em 0.5em 2em;
  margin-bottom: 4px;
 font-size: 1.2em;
}
.entry-column dt::before{
  content: "●";
  position: absolute;
  display: block;
  padding: 0.5em;
  width: 1.2em;
  color: #567494; /*アイコン色*/
  font-weight: normal;/*アイコンは太字にしない*/
  text-align: center;
  left : 00px; /*左端からのアイコンまでの距離*/
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.entry-column dd{
  padding-left: 2em;
  margin-bottom:20px;
}
/*オリジナル・数字付きリスト*/
ol.list-flow{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0;
}
.list-flow li {
  position: relative;
  padding: 0.5em;
  line-height: 1.5em;
  background: #f1f8ff;
  border-left : solid 35px #3c7cf1;
  margin-bottom: 5px;
}
.list-flow li::before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -35px;
  width: 35px;
  height: 1em;
  line-height: 1;
  text-align: center;
}


/*本文（右寄せ）*/
p.right{
  text-align: right;
}
/*緑色のリンクボタン*/
.btn-flat-green {
    border: 1px solid #aacd37;
    background-color: #aacd37;
    color: #fff;
    transition: background-color .2s;
    padding: 5px 5px;
}
.btn-flat-green:hover{
  background-color:  #aacd37;
  border: 1px solid #aacd37;
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  text-decoration: none;
}

.btn-flat-green:active, .btn-flat-green:hover, .btn-flat-green:link, .btn-flat-green:visited {
    color: #fff;
}

.main .module-heading{
  font-size: 2.5em;
  text-align: center;
  font-weight: normal;
}
@media screen and (max-width: 480px){
  .main .module-heading{
    font-size: 2em;
  }}

.main .summary-title {
    margin: 0 0 10px;
    font-size: 1.8em;
    line-height: 1.2em;
}
.module-header {
    position: relative;
    margin: 0;
    padding: 5px 0;
    color: #333;
    border-bottom: 2px solid #102988;
}
.banner-top{
  background-color: #f7f7f7;
  padding-top:10px;
}
.banner-attr{
  background-color: #fff;
}
.banner-attr1,.banner-attr2{
  margin-top:0px;
  padding:5px;
}
.banner-attr1{
  margin-block-end: 0em;
  font-size: 1.2em;
  text-align: center;
}
p.banner-attr2{
margin-block-start: 0em;
}
em{
  border-bottom:2px solid #cc0000;
  font-style: normal;
}
strong{
  color:#3c7cf1;
}

.entry-column p.entry-btn a:hover {
    background-color: #8fac2b;
    background-image: linear-gradient(180deg,#aacd37,#8fac2b);
}
.entry-column p.entry-btn a:hover, .entry-column p.entry-btn a:visited {
    color: #fff;
    text-decoration: none;
}
.entry-column p.entry-btn a {
    background: #aacd37;
}
.summary-title a:active,.summary-title a:focus,.summary-title a:hover,
.summary-title a:link,.summary-title{
  color:#102988;
}
.summary-trim{
  font-size: 0.8em;
  color:#cc0000;
}

.company-name {
    margin: 0 0 15px;
    color: #102988;
    font-size: 1.6em;
}
.company-detail {
    margin: 0 0 5px;
    padding: 0;
    color: #102988;
    font-size: 1.2em;
    font-style: normal;
    line-height: 1.2em;
}
dl.company-about {
    margin-block-end: 1em;
}
 h3.clinic-list{
position: relative;
    padding-bottom: 0.2em;
    border-bottom: 2px solid #ccc;
    background-color: inherit;
    font-size: 2em;
    font-weight: normal;
}
.acms-admin-table-admin-edit{
    margin-bottom:10px;
  }
.acms-admin-table-admin-edit th {
    text-align: left;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #f2f5fc;
}
@media screen and (min-width: 768px){
.acms-admin-table-admin-edit th{
  white-space: nowrap;
}}
.acms-admin-table-admin-edit td{
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.clinic-title a:active,.clinic-title a:visited,
.clinic-title a:focus,.clinic-title a:hover,
.clinic-title a:link{
  color:#0d0d0e;
}
ul.clinic-area{
list-style: none;
padding-inline-start: 5px;
}
.clinic-area-ank{
  float: left;
  width:50%;
}
@media screen and (min-width: 768px){
.clinic-area-ank{
  width:16%;
}}
.clinic-area-ank a:active,.clinic-area-ank a:visited,
.clinic-area-ank a:focus,.clinic-area-ank a:hover,
.clinic-area-ank a:link{
  color:#3c7cf1;
  border:1px solid #3c7cf1;
  margin:5px;
  padding:5px;
  display: block;
  font-size: 1em;
}
/*医院情報エントリー（表示）*/
.clinic-table{
  margin-bottom:10px;
}
.label-category {
    background: #aacd37;
}
/*バリアフリー状況・inex.htmlのアンカーリンク*/
 .barrier-free-index ul {
  padding: 0;
  margin-right:10px;
}
.barrier-free-index li {
  position:relative;
  background: #f1f8ff;/*バーの色*/
  line-height: 2;
  padding: 0.2em;
  margin-bottom: 4px;
  border-left : solid 35px #3c7cf1;/*先の色＝アイコン裏の色*/
  list-style-type: none!important;
}
@media screen and (max-width: 767px){
.barrier-free-index li{
  line-height: 2;
}}
.barrier-free-index li::before {
  content: "→";
  position: absolute;
  display: block;
  padding: 0.5em;
  width: 1.2em;
  color: white; /*アイコン色*/
  font-weight: normal;/*アイコンは太字にしない*/
  text-align: center;
  left : -35px; /*左端からのアイコンまでの距離*/
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.original-wide{
  width:90%;
}
/*top.html top-sumary-indexモジュールのテキストリンク*/
.top-summary-index a:active,.top-summary-index a:focus,
.top-summary-index a:hover,.top-summary-index a:link,
.top-summary-index a:visited{
  text-decoration: none;
  color:#0d0d0e;
  font-size: 1.2em;
}
.top-summary-index-link{
  font-size:1.2em;
}