@charset "UTF-8";
@import url(./common.css);
/*==================================================================*/
/* orthopedics css */
/*==================================================================*/
/* -------------------------------------------- */
/* pagetitle */
/* -------------------------------------------- */
.pagetitle-wrapper {
  margin-bottom: 2.5em;
}
.pagetitle-wrapper .bg {
  background-image: url("../orthopedics/image/title.jpg");
}

/* -------------------------------------------- */
/* container */
/* -------------------------------------------- */
#container {
  max-width: 1000px;
}
#container main {
  margin-bottom: 5em;
}

/* -------------------------------------------- */
/* author */
/* -------------------------------------------- */
.author {
  margin-bottom: 3em;
  padding-bottom: 2em;
  border-bottom: 1px solid #c7c7c7;
  text-align: right;
}

/* -------------------------------------------- */
/* read */
/* -------------------------------------------- */
.read {
  margin-bottom: 3em;
  text-align: center;
}

/* -------------------------------------------- */
/* block */
/* -------------------------------------------- */
.block {
  margin-bottom: 6em;
}
.block:last-of-type {
  margin-bottom: 5em;
}
.block#feature4 .catch h2 {
  bottom: -92%;
}
.block .catch {
  position: relative;
}
.block .catch h2 {
  position: absolute;
  right: 25px;
  bottom: -50%;
}
.block .catch figure {
  margin-bottom: 3em;
}
.block p {
  width: 78%;
  padding-left: 2em;
}

/*==================================================================*/
/* alumni css 同門会について */
/*==================================================================*/
#alumni {
  /* -------------------------------------------- */
  /* pagetitle */
  /* -------------------------------------------- */
}
#alumni .pagetitle-wrapper {
  margin-bottom: 2.5em;
}
#alumni .pagetitle-wrapper .bg {
  background-image: url("../orthopedics/image/title_alumni.jpg");
}
#alumni .seiryukai {
  margin-bottom: 3em;
}
#alumni .seiryukai .seiryukai-block {
  width: 95%;
  margin: 0 auto;
}
#alumni .seiryukai .seiryukai-block .read {
  margin-bottom: 1em;
  text-align: left;
}
#alumni .seiryukai .seiryukai-block .list {
  margin: 2em auto;
}
#alumni .seiryukai .seiryukai-block .list p {
  text-align: center!important;
}
#alumni .seiryukai .seiryukai-block .list dl {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  background: #dff2ff;
  margin-bottom: 0.3em;
}
#alumni .seiryukai .seiryukai-block .list dl dt {
  width: 20%;
  padding: 0.5em 1.5em;
  font-weight: bold;
}
#alumni .seiryukai .seiryukai-block .list dl dd {
  width: 80%;
  padding: 0.5em 1.5em;
  background: #f9f9f9;
}
#alumni .seiryukai .seiryukai-block .photo-area dl dd {
  text-align: center;
}
#alumni .seiryukai .seiryukai-block .photo-area .second {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 2em;
}
#alumni .seiryukai .seiryukai-block .photo-area .second dl {
  width: 49%;
  text-align: center;
}
#alumni .hp-block ul {
  width: 90%;
  margin: 0 auto 1em;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#alumni .hp-block ul li {
  width: 48%;
  margin: 0 2% 0.8em 0;
}
#alumni .hp-block ul li a {
  text-decoration: underline;
}
#alumni .hp-block ul li a:hover {
  text-decoration: none;
}
#alumni .hp-block .text {
  width: 90%;
  margin: 0 auto 3em;
  font-size: 0.8em;
}

/*===========================================================================*/
/*  media quary:1000px  */
/*===========================================================================*/
@media screen and (max-width: 1000px) {
  /* -------------------------------------------- */
  /* block */
  /* -------------------------------------------- */
  .block {
    margin-bottom: 5em;
  }
  .block#feature4 .catch h2 {
    bottom: -360px;
  }
  .block .catch h2 {
    right: 17px;
    bottom: -228px;
  }
  .block .catch h2 img {
    max-width: 145px;
  }
  .block .catch figure {
    margin-bottom: 2.5em;
  }
  .block p {
    width: 74%;
    padding-left: 1.5em;
  }

  /*==================================================================*/
  /* alumni css 同門会について */
  /*==================================================================*/
  #alumni .hp-block {
    margin-bottom: 5em;
  }
  #alumni .hp-block ul {
    width: 95%;
  }
  #alumni .hp-block .text {
    width: 95%;
  }
}
/*===========================================================================*/
/*  media quary:767px  */
/*===========================================================================*/
@media screen and (max-width: 767px) {
  /* -------------------------------------------- */
  /* pagetitle */
  /* -------------------------------------------- */
  .pagetitle-wrapper {
    margin-bottom: 8em;
  }

  /* -------------------------------------------- */
  /* author */
  /* -------------------------------------------- */
  .author {
    margin-bottom: 2em;
    padding-bottom: 1.5em;
    font-size: .8em;
  }

  /* -------------------------------------------- */
  /* read */
  /* -------------------------------------------- */
  .read {
    margin-bottom: 2em;
    font-size: .9em;
    text-align: left;
  }

  /* -------------------------------------------- */
  /* block */
  /* -------------------------------------------- */
  .block {
    margin-bottom: 4em;
  }
  .block:last-of-type {
    margin-bottom: 4em;
  }
  .block .catch {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 1em;
  }
  .block .catch h2 {
    position: static;
  }
  .block .catch h2 img {
    display: none;
  }
  .block .catch h2:before {
    display: block;
    content: attr(data-label);
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 1.5em;
    line-height: 1.5;
    text-align: center;
  }
  .block .catch figure {
    margin-bottom: 1.5em;
  }
  .block p {
    width: 95%;
    margin: 0 auto;
    padding-left: 0;
    font-size: .9em;
  }

  /*==================================================================*/
  /* alumni css 同門会について */
  /*==================================================================*/
  #alumni {
    /* -------------------------------------------- */
    /* pagetitle */
    /* -------------------------------------------- */
  }
  #alumni .pagetitle-wrapper {
    margin-bottom: 8em;
  }
  #alumni .seiryukai {
    margin-bottom: 3em;
  }
  #alumni .seiryukai .seiryukai-block .list dl {
    display: block;
  }
  #alumni .seiryukai .seiryukai-block .list dl dt {
    width: 100%;
    padding: 0.5em 1em;
  }
  #alumni .seiryukai .seiryukai-block .list dl dd {
    width: 100%;
    padding: 0.5em 1em;
  }
  #alumni .hp-block {
    margin-bottom: 5em;
  }
  #alumni .hp-block ul {
    width: 95%;
    display: block;
  }
  #alumni .hp-block ul li {
    width: 100%;
    margin-right: 0;
  }
  #alumni .hp-block .sb-title span {
    display: inline-block;
  }
}
/*===========================================================================*/
/*  media quary:479px  */
/*===========================================================================*/
@media screen and (max-width: 479px) {
  #container main {
    margin-bottom: 4em;
  }

  /* -------------------------------------------- */
  /* pagetitle */
  /* -------------------------------------------- */
  .pagetitle-wrapper {
    margin-bottom: 7em;
  }

  /*==================================================================*/
  /* alumni css 同門会について */
  /*==================================================================*/
  #alumni {
    /* -------------------------------------------- */
    /* pagetitle */
    /* -------------------------------------------- */
  }
  #alumni .pagetitle-wrapper {
    margin-bottom: 7em;
  }
  #alumni .seiryukai .seiryukai-block .photo-area .second {
    display: block;
  }
  #alumni .seiryukai .seiryukai-block .photo-area .second dl {
    width: 100%;
    margin-bottom: 1em;
  }
}