@charset "utf-8";

main {
  text-align: center;
}
/* ----------------------------------------------- タイトル */
.second_top_title {
  position: relative;
  padding-bottom: 100px;
}
.second_top_title::before {
  position: absolute;
  content: '';
  top: -1px;
  left: 0;
  width: 100%;
  height: 300px;
  background-color: rgba(10,70,167,0.09);
}
.second_top_title::after {
  position: absolute;
  content: '';
  top: 50px;
  right: 0;
  width: 65%;
  height: 300px;
  border-radius: 10px 0 0 10px;
  box-shadow: -1px 6px 9px -5px rgba(0,0,0,0.2);
  background-color: #888;
  background-repeat: no-repeat;
  background-position: center 40%;
  background-size: cover;
/*  background-attachment: fixed;*/
}
.second_top_title.about::after {/*当院について*/
  background-image: url("../img/second_about.jpg");
}
.second_top_title.shinryoubu::after {/*診療部のご案内*/
  background-image: url("../img/second_shinryoubu.jpg");
}
.second_top_title.general::after {/*一般の方へ*/
  background-image: url("../img/second_general.jpg");
}
.second_top_title.medical::after {/*医療関係者の方へ*/
  background-image: url("../img/second_medical.jpg");
}
.second_top_title.recruit::after {/*採用・研修*/
  background-image: url("../img/second_recruit.jpg");
}
/**/
.second_top_title div {
  position: relative;
  z-index: 5;
  margin: 0 auto;
  padding: 60px 0 40px 0;
  width: 85%;
  text-align: left;
  border-radius: 0 10px 0 0;
}
/**/
.second_top_title h1 {
  position: relative;
  margin: 0 auto;
  margin-top: 5px;
  padding: 0 0 0 30px;
  font-size: 4.9rem;
  font-family: "GenJyuuGothic-Medium";
}
.second_top_title h1,
.second_top_title p {
  text-shadow: 0px 0px 10px #e9eef7, 0px 0px 10px #e9eef7, 0px 0px 10px #e9eef7;
}
.second_top_title h1::before {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 8px;
  height: 20px;
  border-radius: 10px;
}
.second_top_title.about h1::before {/*当院について*/
  background-color: #f5c300;
}
.second_top_title.shinryoubu h1::before {/*診療部のご案内*/
  background-color: #ff5973;
}
.second_top_title.general h1::before {/*一般の方へ*/
  background-color: #45ae6c;
}
.second_top_title.medical h1::before {/*医療関係者の方へ*/
  background-color: #bb93e9;
}
.second_top_title.recruit h1::before {/*採用・研修*/
  background-color: #0192be;
}
/**/
.second_top_title p {
  margin: 15px 0;
  font-size: 1.9rem;
  text-align: left;
  font-family: "GenJyuuGothic-Medium";
}
.second_top_title .about p {/*当院について*/
  color: #f5c300;
}
.second_top_title .shinryoubu p {/*診療部のご案内*/
  color: #ff5973;
}
.second_top_title .general p {/*一般の方へ*/
  color: #45ae6c;
}
.second_top_title .medical p {/*医療関係者の方へ*/
  color: #bb93e9;
}
.second_top_title .recruit p {/*採用・研修*/
  color: #0192be;
}

/* ----------------------------------------------- second_top */
.second_top {
  margin: 15px auto;
  padding-bottom: 100px;
  width: 90%;
  max-width: 1300px;
  text-align: left;
}
/* リンクバナー */
.second_top ul.link_banner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.second_top ul.link_banner li {
  width: 50%;
  padding: 15px;
}
.second_top ul.link_banner li a {
  position: relative;
  display: block;
  padding: 25px 70px 22px 50px;
  background-color: #d9e3f2;
  border-radius: 50px;
  font-size: 1.9rem;
}
.second_top ul.link_banner li a:link,
.second_top ul.link_banner li a:active,
.second_top ul.link_banner li a:visited {
  color: #000;
  text-decoration: none;
}
.second_top ul.link_banner li a::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  right: 40px;
  margin: auto;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #fff;
}
.second_top ul.link_banner li a:hover::after {
  background-color: transparent;
}
.second_top ul.link_banner li a::before{
  position: absolute;
  z-index: 1;
  content: '';
  right: 50px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  border-top: 2px solid #013fa4;
  border-right: 2px solid #013fa4;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.second_top ul.link_banner li a:hover::before {
  right: 40px;
}
.second_top ul.link_banner li .pic {
  height: 30px;
  width: auto;
  margin-left: 5px;
}
/*見出し*/
.second_top .mds {
  position: relative;
  margin: 40px 0 -35px 0;
  padding: 20px 0;
  font-size: 3.5rem;
  line-height: 140%;
}
.second_top .mds.about {/*当院について*/
  color: #f5c300;
}
.second_top .mds.shinryoubu {/*診療部のご案内*/
  color: #ff5973;
}
.second_top .mds.general {/*一般の方へ*/
  color: #45ae6c;
}
.second_top .mds.medical {/*医療関係者の方へ*/
  color: #bb93e9;
}
.second_top .mds.recruit {/*採用・研修*/
  color: #0192be;
}
.second_top .mds::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 150px;
  height: 6px;
  border-radius: 5px;
  background-color: #E6ECF6;
}
.second_top .mds::after {
  position: absolute;
  content: '';
  top: 0;
  left: 160px;
  width: 10px;
  height: 6px;
  border-radius: 5px;
  background-color: #E6ECF6;
}
.second_top .mds.about::before,
.second_top .mds.about::after {/*当院について*/
  background-color: #f5c300;
}
.second_top .mds.shinryoubu::before,
.second_top .mds.shinryoubu::after {/*診療部のご案内*/
  background-color: #ff5973;
}
.second_top .mds.general::before,
.second_top .mds.general::after {/*一般の方へ*/
  background-color: #45ae6c;
}
.second_top .mds.medical::before,
.second_top .mds.medical::after {/*医療関係者の方へ*/
  background-color: #bb93e9;
}
.second_top .mds.recruit::before,
.second_top .mds.recruit::after {/*採用・研修*/
  background-color: #0192be;
}
/*メニュー*/
.second_top_menu {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 50px;
}
.second_top_menu .block {
  width: 31%;
  margin: 0 0 40px 0;
  box-sizing: border-box;
  padding: 25px;
  background-image: linear-gradient(0deg, #ffffffb3, #ffffff 53%);
  border: 1px solid #d6d6d6;
  border-radius: 10px;
  box-shadow: 0 0 12px -7px rgba(0,0,0,0.6);
}
.second_top_menu .block_none {
  width: 31%;
}
.second_top_menu .block .thumbnail {
  float: right;
  width: 180px;
  height: 120px;
  margin: 0 0 30px 30px;
}
.second_top_menu .block h2 {
  position: relative;
  margin: 0 auto;
  margin-top: 5px;
  padding: 0 0 0 20px;
  line-height: 120%;
  font-size: 2.3rem;
  font-family: "GenJyuuGothic-Medium";
}
.second_top_menu .block h2::before {
  position: absolute;
  content: '';
  top: 5px;
  left: 0;
  width: 8px;
  height: 20px;
  border-radius: 10px;
}
.about .block h2::before {/*当院について*/
  background-color: #f5c300;
}
.shinryoubu .block h2::before {/*診療部のご案内*/
  background-color: #ff5973;
}
.general .block h2::before {/*一般の方へ*/
  background-color: #45ae6c;
}
.medical .block h2::before {/*医療関係者の方へ*/
  background-color: #bb93e9;
}
.recruit .block h2::before {/*採用・研修*/
  background-color: #0192be;
}
.second_top_menu .block p {
  padding: 15px 0 25px 0;
  font-size: 1.5rem;
  line-height: 130%;
}
.second_top_menu .block ul {
/*  clear: both;*/
  margin: 0;
}
.second_top_menu .block li {
  padding: 3px 0;
  font-size: 1.5rem;
  line-height: 130%;
}
.second_top_menu .block li a,
.second_top_menu .block li span {
  position: relative;
  font-size: 1.5rem;
  padding: 0 0 0 30px;
  line-height: 130%;
  display: block;
}

.second_top_menu .block li a:link,
.second_top_menu .block li a:active,
.second_top_menu .block li a:visited {
  color: #222;
  text-decoration: none;
}
.second_top_menu .block li a:hover {
  color: #ccc;
}
.second_top_menu .block li a::before,
.second_top_menu .block li span::before {
  position: absolute;
  content: '';
  top: 2px;
  left: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50px;
}
.about .block li a::before,
.about .block li span::before {/*当院について*/
  background-color: #f5c300;
}
.shinryoubu .block li a::before {/*診療部のご案内*/
  background-color: #ff5973;
}
.general .block li a::before {/*一般の方へ*/
  background-color: #45ae6c;
}
.medical .block li a::before {/*医療関係者の方へ*/
  background-color: #bb93e9;
}
.recruit .block li a::before {/*採用・研修*/
  background-color: #0192be;
}
.second_top_menu .block li a::after,
.second_top_menu .block li span::after {
  position: absolute;
  z-index: 1;
  content: '';
  left: 10px;
  top: 8px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*診療部のご案内のみ*/
.second_top_menu.shinryoubu {
  display: block;
}
.second_top_menu.shinryoubu .block {
  width: 100%;
  padding: 0;
  border: none;
  box-shadow: none;
}
.second_top_menu.shinryoubu .block ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 15px 0 50px 0;
}
.second_top_menu.shinryoubu .block ul li {
  width: 31%;
  padding: 15px;
  margin: 8px;
  border: 1px solid #d6d6d6;
  border-radius: 10px;
  box-shadow: 0 0 12px -7px rgba(0,0,0,0.6);
}
.second_top_menu.shinryoubu .block li a {
  font-size: 1.8rem;
}
/*採用・研修のみ*/
.second_top_menu.recruit {
  display: block;
}
.second_top_menu.recruit .block {
  width: 100%;
  padding: 0;
  border: none;
  box-shadow: none;
}
.second_top_menu.recruit .block ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 15px 0 50px 0;
}
.second_top_menu.recruit .block ul li {
  width: 31%;
  padding: 15px;
  margin: 8px;
  border: 1px solid #d6d6d6;
  border-radius: 10px;
  box-shadow: 0 0 12px -7px rgba(0,0,0,0.6);
}
.second_top_menu.recruit .block li a {
  font-size: 1.8rem;
}
.second_top_menu.recruit .block ul li .thumbnail {
  width: 100px;
  height: auto;
  margin-bottom: 0;
}
/*メニュー2階層目*/
.second_top_menu .block li ul {
  margin: 5px 0 0 0;
  padding: 0;
}
.second_top_menu .block li ul li {
  margin-left: 20px;
}
.second_top_menu .block li ul li a {
  padding-left: 25px;
}
  .second_top_menu .block li ul li a::before {
  display: none;
}
.about .block li ul li a::after {/*当院について*/
  border-top: 1px solid #f5c300;
  border-right: 1px solid #f5c300;
}
.shinryoubu .block li ul li a::after {/*診療部のご案内*/
  background-color: #ff5973;
}
.general .block li ul li a::after {/*一般の方へ*/
  background-color: #45ae6c;
}
.medical .block li ul li a::after {/*医療関係者の方へ*/
  background-color: #bb93e9;
}
.recruit .block li ul li a::after {/*採用・研修*/
  background-color: #0192be;
}