@charset "UTF-8";
em {
  font-style: normal; }

.mv {
  background: url("/assets/doctor/osusume/images/common/mvbg.jpg") center top no-repeat;
  height: 575px; }
  .mvInner {
    width: 980px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 16px;
    text-align: center;
    line-height: 1.3;
    margin: 0 auto;
    padding: 60px 0 0 0;
    font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", メイリオ, Meiryo, serif, Georgia;
    color: #fff;
    position: relative; }
    .mvInnerText01 {
      display: inline-flex;
      justify-content: center;
      font-size: 26px;
      margin: 0 auto;
      padding: 0 25px 7px;
      border-bottom: 1px solid #fff; }
    .mvInner header {
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", メイリオ, Meiryo, serif, Georgia;
      margin: -11px 0 0; }
      .mvInner header h1 {
        font-size: 56px;
        position: relative;
        font-weight: normal; }
        .mvInner header h1 em {
          color: #e7c59e; }
    .mvInnerText02 {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 15px 0 0;
      font-size: 13px;
      color: #e7c59e;
      letter-spacing: 2px; }
      .mvInnerText02 strong {
        font-size: 23px;
        padding: 0 0 0 10px;
        font-weight: normal; }
    .mvInnerArea {
      position: absolute;
      top: 190px;
      right: 30px; }
  @media screen and (max-width: 979px) {
    .mv {
      height: inherit;
      background: url("/assets/doctor/osusume/images/common/mvbg_sp.jpg") center top no-repeat;
      background-size: auto 133%; }
      .mvInner {
        width: 100%;
        font-size: 3.7vw;
        padding: 8vw 0 40vw; }
        .mvInnerText01 {
          font-size: 3.7vw;
          padding: 0 3vw 2vw;
          border-bottom: 0.2vw solid #fff; }
        .mvInner header {
          margin: 2vw 0 0; }
          .mvInner header h1 {
            font-size: 8vw; }
        .mvInnerText02 {
          margin: 1vw 0 0;
          font-size: 2vw;
          letter-spacing: 0.4vw; }
          .mvInnerText02 strong {
            display: block;
            font-size: 3.7vw;
            padding: 1.33333vw; }
        .mvInnerArea {
          width: 21.33333vw;
          height: auto;
          top: 34vw;
          right: 1.33333vw; } }

.containerPro {
  width: 980px;
  margin: -215px auto 0;
  background: #fff;
  border-left: 3px solid #864524;
  border-right: 3px solid #864524; }
  .containerPro h2 {
    font-size: 28px;
    font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", メイリオ, Meiryo, serif, Georgia;
    line-height: 1.3;
    background: #000;
    color: #fff;
    text-align: center;
    padding: 15px;
    margin: 0; }
    .containerPro h2 em {
      color: #e7c59e; }
  .containerProInner {
    background: #fff;
    padding: 30px 50px 50px; }
  .containerPro::before, .containerPro::after {
    content: "";
    display: block;
    height: 3px;
    background: linear-gradient(to right, #864524 0%, #fcdfa4 50%, #864524 100%); }
  @media screen and (max-width: 979px) {
    .containerPro {
      width: 96%;
      margin: -34.66667vw auto 0;
      border-width: 0.66667vw;
      font-size: 3.7vw; }
      .containerPro h2 {
        font-size: 4.5vw;
        padding: 3.33333vw 1.06667vw;
        margin: 0 auto; }
      .containerProInner {
        padding: 2.66667vw 2.66667vw 5.33333vw; }
      .containerPro::before, .containerPro::after {
        height: 0.66667vw; } }
  .containerProMessage {
    width: 100%;
    margin-bottom: 20px;
    text-align: center; }
    .containerProMessage .message-ttl {
      font-size: 30px;
      font-weight: bold; }
      .containerProMessage .message-ttl em {
        color: #d08c3e; }
    .containerProMessage .message-balloon {
      display: inline-flex;
      justify-content: center;
      padding: 5px 40px;
      min-width: 540px;
      font-size: 24px;
      line-height: 1.2;
      background: #000;
      color: #fff;
      border-radius: 100px;
      position: relative;
      margin: 10px auto 33px; }
      .containerProMessage .message-balloon::before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -18px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 11px 0 11px;
        border-color: #000 transparent transparent transparent;
        transform: translate(-50%, 0); }
    .containerProMessage video {
      max-width: 800px;
      width: 100%;
      margin: 0 auto; }
    @media screen and (max-width: 979px) {
      .containerProMessage {
        margin: 0; }
        .containerProMessage .message-ttl {
          font-size: 4vw; }
        .containerProMessage .message-balloon {
          padding: 1vw 5.33333vw;
          min-width: 80vw;
          font-size: 4vw;
          margin: 2vw auto 5.33333vw; }
          .containerProMessage .message-balloon::before {
            bottom: -2.4vw;
            border-style: solid;
            border-width: 2.66667vw 1.46667vw 0 1.46667vw; } }
  .containerProName {
    font-size: 21px;
    font-weight: bold;
    font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", メイリオ, Meiryo, serif, Georgia;
    text-align: center;
    line-height: 1.4; }
    .containerProName .ex {
      font-size: 0.4em;
      vertical-align: top; }
    .containerProName em {
      font-size: 34px;
      padding: 0 0 0 20px; }
    @media screen and (max-width: 979px) {
      .containerProName {
        font-size: 3.7vw; }
        .containerProName em {
          font-size: 5vw;
          padding: 0 0 0 2vw; } }
  .containerProAward {
    display: flex;
    justify-content: space-around;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    margin: 25px 0 0;
    padding: 0 0 20px;
    background: white;
    background: linear-gradient(0deg, #eaeaf0 75%, white 75%); }
    .containerProAward > div {
      padding: 0 6px;
      max-width: 140px; }
      .containerProAward > div img {
        width: 100%; }
      .containerProAward > div > p {
        margin: 5px 0 0; }
    @media screen and (max-width: 979px) {
      .containerProAward {
        flex-wrap: wrap;
        justify-content: space-between;
        font-size: 2.5vw;
        margin: 3vw 0 0;
        padding: 0 2vw 3vw;
        line-height: 1.2;
        background: linear-gradient(0deg, white 0%, #eaeaf0 0%, #eaeaf0 90%, white 90%); }
        .containerProAward > div {
          width: 31.5%;
          padding: 0; }
          .containerProAward > div:nth-child(n + 4) {
            margin-top: 2.5vw; }
          .containerProAward > div > p {
            margin: 1vw 0 0; } }
  .containerProComment {
    margin: 30px 0 0; }
    .containerProComment p {
      font-size: 19px; }
      .containerProComment p:last-child {
        font-size: 12px;
        text-align: right; }
    @media screen and (max-width: 979px) {
      .containerProComment {
        margin: 2vw 0 0; }
        .containerProComment p {
          font-size: 3.7vw; }
          .containerProComment p:last-child {
            font-size: 2.5vw; } }

.containerOsusume {
  width: 980px;
  margin: 100px auto 0; }
  .containerOsusume h2.heading-line {
    border-color: #000;
    padding: 30px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left; }
    .containerOsusume h2.heading-line::before {
      content: "";
      display: block;
      width: 168px;
      height: 115px;
      margin: -30px 20px 10px 0;
      background: url("/assets/doctor/osusume/images/common/osusume_index.png") left bottom no-repeat; }
  .containerOsusume ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .containerOsusume ul li {
      width: 300px;
      height: 164px;
      box-shadow: 6px 6px 0 #dadae4; }
      .containerOsusume ul li:nth-child(n + 4) {
        margin-top: 20px; }
      .containerOsusume ul li.osusume01 {
        background: url("/assets/doctor/osusume/images/common/osusume01.jpg") center/cover; }
      .containerOsusume ul li.osusume02 {
        background: url("/assets/doctor/osusume/images/common/osusume02.jpg") center/cover; }
      .containerOsusume ul li.osusume03 {
        background: url("/assets/doctor/osusume/images/common/osusume03.jpg") center/cover; }
      .containerOsusume ul li.osusume04 {
        background: url("/assets/doctor/osusume/images/common/osusume04.jpg") center/cover; }
      .containerOsusume ul li.osusume05 {
        background: url("/assets/doctor/osusume/images/common/osusume05.jpg") center/cover; }
      .containerOsusume ul li.osusume06 {
        background: url("/assets/doctor/osusume/images/common/osusume06.jpg") center/cover; }
      .containerOsusume ul li.osusume07 {
        background: url("/assets/doctor/osusume/images/common/osusume07.jpg") center/cover; }
      .containerOsusume ul li.osusume08 {
        background: url("/assets/doctor/osusume/images/common/osusume08.jpg") center/cover; }
      .containerOsusume ul li.osusume09 {
        background: url("/assets/doctor/osusume/images/common/osusume09.jpg") center/cover; }
      .containerOsusume ul li.osusume10 {
        background: url("/assets/doctor/osusume/images/common/osusume10.jpg") center/cover; }
      .containerOsusume ul li a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        color: #fff;
        font-size: 25px;
        font-weight: bold;
        text-decoration: none;
        background: rgba(70, 107, 166, 0.5); }
  @media screen and (max-width: 979px) {
    .containerOsusume {
      width: 96%;
      margin: 5.33333vw auto 0; }
      .containerOsusume h2.heading-line {
        font-size: 4vw;
        padding: 3vw 0 0;
        justify-content: flex-start; }
        .containerOsusume h2.heading-line::before {
          width: 27vw;
          height: 18vw;
          margin: -3vw 2vw 1vw 0;
          background-size: auto 100%; }
      .containerOsusume ul li {
        width: 49%;
        height: 22vw;
        box-shadow: 0.8vw 0.8vw 0 #dadae4;
        background-size: cover; }
        .containerOsusume ul li:nth-child(n + 3) {
          margin-top: 2.5vw; }
        .containerOsusume ul li a {
          font-size: 4.5vw; } }

.containerProLists {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  align-items: flex-end; }

.containerProLists.kansai {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr); }

@media screen and (max-width: 650px) {
  .containerProLists {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr); } }

.containerProList {
  z-index: 1; }

.containerProLists::before {
  position: absolute;
  content: "";
  width: calc(100% + 100px);
  height: 275px;
  background-color: #eaeaf0;
  top: 50%;
  transform: translateY(-50%);
  left: -50px; }

.containerProList > div {
  max-height: 405px; }

.containerProList > div img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain; }

.containerProBtn {
  text-align: center;
  margin-top: -20px;
  margin-inline: auto;
  width: 95%; }

.containerProBtn a {
  background: linear-gradient(82deg, #2b71e1 0%, #12294d 100%);
  padding: 10px 30px 10px 20px;
  border-radius: 50px; }

@media screen and (max-width: 979px) {
  .containerProLists::before {
    width: calc(100% + 2.66667vw + 2.66667vw);
    left: -2.66667vw;
    height: 100px; }
  .containerProBtn a {
    padding: 5px 27px 5px 10px;
    font-size: 13px; } }

#main .containerOsusume.information .doctorIntro .infoBtn {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  margin: 30px 0 0; }

#main .containerOsusume.information .doctorIntro .infoBtn p {
  width: 430px;
  height: 60px;
  border-radius: 100px;
  background: linear-gradient(82deg, #2b71e1 0%, #12294d 100%); }

#main .containerOsusume.information .doctorIntro .infoBtn p a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  position: relative;
  text-align: center; }

#main .containerOsusume.information .doctorIntro .infoBtn p a::before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  right: 15px;
  top: 50%;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translate(0, -6px) rotate(45deg); }

#main .containerOsusume.information .doctorIntro .infoBtn p.color02 {
  padding: 3px; }

#main .containerOsusume.information .doctorIntro .infoBtn p.color02 a {
  color: #1d4689;
  background: #fff;
  border-radius: 100px; }

#main .containerOsusume.information .doctorIntro .infoBtn p.color02 a::before {
  border-top: 2px solid #1d4689;
  border-right: 2px solid #1d4689; }

@media screen and (max-width: 767px) {
  #main .containerOsusume.information .doctorIntro .infoBtn {
    flex-wrap: wrap; }
  #main .containerOsusume.information .doctorIntro .infoBtn p a {
    font-size: 14px; } }