@charset "utf-8";
/* top.css */

/* l-visit
---------------------------------------------------------*/
.l-visit {
  background: url(/files/000000011.png) no-repeat top center;
  width: 100%;
  height: 480px;
  display: table;
  padding: 0 13px;
}
.l-visit-inner {
  margin: 0 auto;
  width: 1220px;
  padding: 19px 0 0;
}

.m-ttl-visit {
  font-size: 1.25rem;/* 20px */
  margin: 0;
  padding: 0.65rem 1rem 0.65rem 1.14rem;
  position: relative;
}
.m-ttl-visit:after {
  background-color: #88ba31;
  border-radius: 4px;
  content: '';
  height: -webkit-calc(100% - 1rem);
  height: calc(100% - 1rem);
  left: 0;
  position: absolute;
  top: 0.4rem;
  width: 6px;
}
.is-fz-m .m-ttl-visit:after {
  top: 0.5rem;
}
.is-fz-l .m-ttl-visit:after {
  top: 0.6rem;
}
.is-fz-2l .m-ttl-visit:after {
  top: 0.5rem;
}
.is-fz-3l .m-ttl-visit:after {
  top: 0.5rem;
}
.is-fz-4l .m-ttl-visit:after {
  top: 0.5rem;
}
.l-visit .m-img-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  max-width: 1220px;
}
.l-visit .m-img-list li {
  margin: 6px 12px 0 0;
  float: none;
  width: 100%;
}
.l-visit .m-img-list li:last-child {
  padding-right: 0;
}
.l-visit .m-img-list li:nth-child(6n + 6) {
  margin-right: 0;
}
.l-visit .m-img-list img:hover {
  opacity: 0.7;
}

.ext-firefox .m-ttl-visit {
  padding: 0.55rem 1rem 0.65rem 1.14rem;
}


/* ext-cancer
---------------------------------------------------------*/
.m-ttl-lv2.ext-cancer {
  margin-bottom: 15px;
}
.m-img.ext-cancer {
  margin-bottom: 17px;
}
.ext-cancer .m-img-list li {
  margin: 0 13px 13px 0;
}
.ext-cancer .m-img-list li:nth-child(4n + 4) {
  margin-right: 0;
}
.ext-cancer .m-img-list img {
  margin-bottom: 0;
  max-width: 212px;
}
.ext-cancer .m-img-list img:hover {
  opacity: 0.7;
}


/* ext-info
---------------------------------------------------------*/
.m-ttl-lv2.ext-info {
  margin-bottom: 0;
  position: relative;
  padding: 0.59rem 0.7rem 0.59rem 1.6rem;
}
.ext-info .m-btn-info {
  background: #fff url(/files/000000030.png) no-repeat top 0.65rem left 12px;
  border-radius: 4px;
  display: block;
  float: right;
  font-size: 1rem;
  font-weight: normal;
  margin-right: 0;
  min-width: 137px;
  padding: 5px 12px 3px 25px;
  position: relative;
  text-decoration: none;
  top: -1px;
}
.m-info {
  margin-bottom: 30px;
}
.m-info-item {
  margin: 0 10px;
  padding: 18px 0 11px;
  width: 870px;
}
.m-info-item:first-child {
  border-top: none;
}


/* header
---------------------------------------------------------*/
.l-header,
.ext-ie .l-header {
  margin: 0;
}


/* m-main-inner-wrap
---------------------------------------------------------*/
.m-main-inner-wrap {
  display: table;
  margin-bottom: 16px;
  table-layout: fixed;
}
.m-main-inner-column {
  display: table-cell;
  padding-right: 32px;
  vertical-align: top;
  width: 461px;
}
.m-main-inner-column:last-child {
  padding-right: 0;
  width: 429px;
}
.m-main-inner-column .m-ttl-lv2 {
  background: #e8f9fe url(/files/000000010.png) no-repeat top right;
  margin-bottom: 17px;
}
.m-main-inner-column:last-child {
  padding: 0;
}
.main-inner-btn {
  margin: 0;
  padding: 0;
}
.main-inner-btn li {
  background: #f3fbfd;
  border: 1px solid #d1e1eb;
  border-radius: 6px;
  display: block;
  float: left;
  margin: 0 13px 14px 0;
  vertical-align: top;
  width: 208px;
}
.main-inner-btn li:nth-child(even) {
  margin-right: 0;
}
.main-inner-btn a {
  background: #fff;
  border: 2px solid #c2e0e8;
  border-radius: 6px;
  display: block;
  font-size: 1.125rem;
  font-weight: bold;
  margin: 2px;
  text-decoration: none;

}
.main-inner-btn a:hover {
  opacity: 0.7;
}
.main-inner-btn span {
  -webkit-align-items: center;
  align-items: center;
  border-radius: 6px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 66px;
  padding: 14px;
}
.main-inner-btn span:before {
  content: url(/files/000000031.png);
  display: inline-block;
  margin-right: 8px;
  position: relative;
  top: 1px;
}


/* m-pickup-box
---------------------------------------------------------*/
.m-pickup-box {
  background: #f4fbfd;
  border: 1px solid #c7dfee;
  border-radius: 6px;
  padding: 14px 13px 3px;
}
.l-main .m-ttl-pickup {
  background: none;
  border: none;
  font-size: 1.25rem;
  margin: 0 5px 14px;
  padding: 0;
}
.l-main .m-ttl-pickup:after {
  content: none;
}
.m-pickup-box .m-img {
  margin: 0;
  padding: 0;
}
.m-pickup-box .m-img li {
  display: block;
  float: left;
  margin: 0 10px 10px 0;
  padding: 0;
}
.m-pickup-box .m-img li:nth-child(4n) {
  margin-right: 0;
}
.m-pickup-box .m-img img {
  max-width: 208px;
}
.m-pickup-box .m-img img:hover {
  opacity: 0.7;
}

/* l-wrap
---------------------------------------------------------*/
.l-wrap {
  margin-top: -138px;
  padding: 0;
  width: 1223px;
  display: block;
}


/* l-main
---------------------------------------------------------*/
.l-main {
  float: left;
  width: 890px;
}

.m-img-list li {
  float: left;
}

/* l-side
---------------------------------------------------------*/
.l-side {
  float: right;
  margin: 0 0 60px 30px;
  width: 300px;
}
.l-recruit {
  margin-bottom: 14px;
}
.m-menu {
  background: #c7e9f4;
  border-radius: 6px;
  margin-bottom: 14px;
}
.m-ttl-recruit {
  margin: 0;
}
.m-ttl-recruit img {
  max-width: 300px;
}
.m-ttl-menu {
  font-size: 1.25rem;
  line-height: 1.5;
  margin: 0;
  padding: 12px 16px 10px;
}

.m-linklist {
  margin: 0;
  padding: 0 10px 10px;
}
.l-recruit .m-linklist {
  background: #4568b9;
  border-radius: 0 0 6px 6px;
}
.m-linklist li {
  display: block;
  margin: 0 0 6px;
  padding: 0;
}
.m-linklist li:last-child {
  margin-bottom: 0;
}
.m-linklist a {
  background: #fff url(/files/000000035.png) no-repeat bottom 1px right 1px;
  border-radius: 6px;
  display: block;
  line-height: 1.5;
  margin: 0;
  padding: 11px 14px 9px;
  position: relative;
  text-decoration: none;
}
.l-recruit .m-linklist a {
  padding: 10px 14px;
}
.m-linklist a:hover {
  opacity: 0.7;
}
.m-linklist em {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: bold;
}

/* メインビジュアル
---------------------------------------------------------*/
.l-mainvisual {
  background: #c8e5ed;
}
.l-mainvisual-inner {
  margin: 0 auto;
  position: relative;
  width: 1247px;
}
.m-slider .m-slide-item:not(:first-child) {
  display:none;
}
.m-slider.slick-initialized .m-slide-item:not(:first-child) {
  display: block;
}
.m-slide-item img {
  width: 1263px;
}
.l-slider-ctl {
  background: #fff;
  border-radius: 22px;
  left: 30px;
  max-height: 22px;
  padding: 6px 12px 4px 11px;
  position: absolute;
  top: 438px;
}
.m-pager {
  border-right: 1px solid #c7e3f1;
  display: inline-block;
  height: 10px;
  margin: 0;
  padding: 0 1px 0 0;
}
.slick-dots {
  margin: 0;
  padding: 0;
}
.m-pager li {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.m-pager button {
  background: #4ca1d6;
  border: 1px solid #4ca1d6;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 10px;
  margin-right: 9px;
  outline: none;
  padding: 4px;
  text-indent: -9999rem;
  width: 10px;
}
.m-pager button:hover,
.m-pager button[aria-selected="true"] {
  background: #fff;
}
.m-ctl-btn {
  display: inline-block;
  height: 10px;
  vertical-align: top;
}
.m-ctl-btn button {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  height: 10px;
  line-height: 1;
  margin-left: 4px;
  outline: none;
  padding: 0;
  width: 12px;
}
.m-ctl-btn img {
  display: block;
  height: 10px;
  vertical-align: top;
}
.u-text-out {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.l-medical-info {
  background: #1561ad;
  border: 2px solid #103b78;
  border-radius: 10px;
  color: #fff;
  position: absolute;
  right: 50px;
  top: 50px;
  width: 360px;
}
.l-medical-info .m-ttl-lv2 {
  background-size: cover;
  background: url(/files/000001210.png) no-repeat left bottom;
  border: none;
  font-size: 28px;
  margin: 0 0 8px;
  padding: 19px 24px 33px;
}
.l-medical-info .m-ttl-lv2:before {
  content: none;
}
.m-medical-info-box,
.ext-ie .m-medical-info-box {
  border: none;
  padding: 0 25px 25px;
}
.ext-ie .m-medical-info-box:last-child {
  padding-bottom: 5px;
}
.m-medical-info-box:first-of-type {
  padding-bottom: 12px;
}
.m-medical-info-box dl:after {
  clear: both;
  content: "";
  display: block;
}
.m-medical-info-box dt {
  float: left;
  line-height: 0;
  margin: 0;
  vertical-align: top;
  width: 75px;
}
.m-medical-info-box dt em {
  font-size: 16px;
  line-height: 2;
}
.m-medical-info-box dd {
  float: left;
  font-size: 16px;
  line-height: 2;
  margin: 0;
  max-width: 230px;
  position: relative;
}

.m-medical-info-box .m-ttl-lv3 {
  font-size: 15px;
  margin-bottom: 6px;
}
.ext-ie .m-medical-info-box .m-ttl-lv3 {
  margin-top: 2px;
}
.m-medical-info-box.ext-tel,
.ext-ie .m-medical-info-box.ext-tel {
  background: url(/files/000001204.png) no-repeat 25px 0;
  padding: 2px 25px 15px 100px;
}
.m-medical-info-tel a {
  font-size: 30px;
  color: #fff;
}
.m-medical-info-tel img {
  display: none;
}
.m-btn-medical-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.m-btn-medical,
.ext-ie .m-btn-medical {
  -webkit-flex-basis: 100%;
  flex-basis: 90%;
  margin: 0 20px 0 0;
}
.m-btn-medical:last-child {
  margin: 0;
}
.m-btn-medical a {
  border-color: #fff;
  color: #fff;
  font-size: 16px;
  padding: 15px 13px 13px;
}
.m-btn-medical a:hover {
  background: #1457a4;
  box-shadow: none;
}
.m-btn-medical a:before {
  content: url(/files/000001205.png);
  margin-right: 8px;
  position: relative;
  top: -1px;
}
.is-fz-m .m-btn-medical a:before,
.is-fz-l .m-btn-medical a:before,
.is-fz-2l .m-btn-medical a:before,
.is-fz-3l .m-btn-medical a:before,
.is-fz-4l .m-btn-medical a:before {
  top: -1px;
}


.ext-iPhone .m-lnav-item a,
.ext-iPhone .m-lnav-item.is-active a,
.ext-iPhone .m-lnav-item a:hover {
  background-position: top 1.45rem left 16px;
}

.u-mb25-sp {
  margin-bottom: 25px !important;
}

.l-main th,
.l-main td {
  min-width: 140px;
}
.m-tbl-scroll {
  margin-bottom: 30px;
  overflow-x: scroll;
}
.m-tbl-scroll table {
  margin-bottom: 10px;
  max-width: inherit;
  width: auto;
}

.ext-ie .m-ttl-visit {
  padding: 0.8rem 1rem 0.40rem 1.14rem;
}
.ext-ie .m-btn-medical a {
  padding: 16px 11px 11px;
}
.ext-ie .l-medical-info .m-ttl-lv2 {
  padding: 23px 24px 28px;  
}
.ext-ie .m-info-item {
  padding: 15px 0 11px;
}
.ext-ie .m-info-date span {
  padding: 5px 2px 1px;
  position: relative;
  top: 0;
}
.ext-ie .m-info-link a {
  background-position: top 0.1rem left;
  position: relative;
  top: 1px;
}
.ext-ie .m-ttl-lv2.ext-info {
  padding: 0.77rem 0.7rem 0.44rem 1.6rem;
}
.ext-ie .ext-info .m-btn-info {
  background-position: top 0.66rem left 12px;
  padding: 7px 12px 3px 25px;
}
.ext-ie .ext-info .m-btn-info {
  top: -4px;
}
.ext-ie .main-inner-btn span {
  padding: 20px 14px 14px;
}
.ext-ie .m-linklist a {
  padding: 13px 14px 7px;
}
.ext-ie .l-recruit .m-linklist {
  position: relative;
  top: -1px;
  z-index: 1;
}
.ext-ie .l-recruit .m-linklist a {
  padding: 13px 14px 7px;
}

.ext-firefox .ext-info .m-btn-info {
  padding: 5px 12px 5px 25px;
}
.ext-firefox .m-linklist a {
  padding: 10px 14px;
}
.ext-firefox .m-info-date span.m-info-icon5 {
  padding: 4px 2px 2px;
}


/* 配色
---------------------------------------------------------*/
.is-color-blue .m-btn-medical a:hover:before {
  content: url(/files/000001831.png);
}
.is-color-yellow .m-btn-medical a:before {
  content: url(/files/000001831.png);
}
.is-color-yellow .m-btn-medical a:hover:before {
  content: url(/files/000001205.png);
}
.is-color-black .m-btn-medical a:before {
  content: url(/files/000001205.png);
}
.is-color-black .m-btn-medical a:hover:before {
  content: url(/files/000001831.png);
}