@charset "UTF-8";
.main-bg {
  max-width: 100%; }

.font-serif {
  font-family: "ＭＳ 明朝",serif; }

.textcolor-main {
  color: #0096ea; }

.textcolor-sub {
  color: #0096ea; }

.textcolor-headline {
  color: #857735; }

.borderclr-sub {
  color: #000000; }

.borderclr-sub01 {
  border-color: #DDDDDD !important; }

.headingbg-color {
  background-color: #f5f1ed;
  color: #0096ea; }

.headingbg-color01 {
  background-color: #EBEBEB; }

.lineht-normal {
  line-height: 1.4; }

.gradient-bg {
  background: linear-gradient(to bottom, #ffffff 0%, #fbf8f0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbf8f0',GradientType=0 ); }

.textcolor-red {
  color: #C00; }

.textcolor-bk {
  color: #000; }

.textcolor-gold {
  color: #81652B; }

.bc-item > .itemwrap {
  border: 1px solid #BBBBBB !important; }
  .bc-item > .itemwrap > .point-box {
    border: 1px solid #BBBBBB !important; }
    .bc-item > .itemwrap > .point-box > .title {
      color: #333 !important; }
      .bc-item > .itemwrap > .point-box > .title > .name {
        background-color: #0096ea !important; }

.bg-cl {
  background-color: #EBEBEB; }

.heading-style01 {
  height: 90px;
  box-sizing: border-box;
  font-size: 34px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: url(/assets/doctor/introduction/watanabe-k/special/images/index.png) center top repeat-x;
  padding: 22px 0;
  margin: 0 auto 30px; }

.border-box {
  border: 1px solid #BBBBBB;
  padding: 2px; }
  .border-box .list-box {
    height: 400px;
    position: relative;
    background: url(/assets/doctor/introduction/watanabe-k/special/images/img07.png) right center/auto 100% no-repeat;
    border: 1px solid #BBBBBB;
    margin: 0 auto; }
    .border-box .list-box ul {
      max-width: 640px;
      width: 100%;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 45px; }
      .border-box .list-box ul li {
        font-size: 22px;
        font-weight: bold;
        margin: 0 0 10px;
        border-bottom: 1px solid #BBBBBB; }
        .border-box .list-box ul li:last-child {
          border: none;
          margin-bottom: 0; }

@media only screen and (max-width: 979px) {
  .heading-style01 {
    height: auto;
    background-size: auto 100%;
    padding: 8px 0; }
  .border-box .list-box {
    height: auto;
    position: relative;
    background: transparent; }
    .border-box .list-box ul {
      position: static;
      top: auto;
      transform: translateY(0);
      left: auto; }
  .list-image > .item > .text {
    font-size: 16px; }
  .list-image > .item > .image img {
    width: auto;
    height: 20px;
    vertical-align: text-top; }
  ._width-sp-30 {
    width: 30%; }
  .bc_01_036.bc-item > .itemwrap > .point-box > .img {
    top: -15%; } }

.unit {
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: center; }
  @media only screen and (max-width: 979px) {
    .unit {
      font-size: 1.2rem; } }

.price .textcolor-main {
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.price .textcolor-red {
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.price .textcolor-bk {
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.price .textcolor-gold {
  display: flex;
  justify-content: flex-end;
  align-items: center; }

h4.heading-line {
  border-color: #CCCCCC; }

.grid-2column, .ac_ly_002 {
  width: 100%; }

.kodawari > div {
  position: relative;
  height: 400px;
  background: url(/assets/doctor/introduction/watanabe-k/special/images/kodawari_pc.jpg) center top/cover no-repeat; }

.kodawari ul {
  position: absolute;
  top: 58%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  width: 80%;
  margin-inline: auto; }

@media screen and (max-width: 650px) {
  .kodawari > div {
    max-height: 780px;
    height: 114vw;
    min-height: 400px;
    padding-bottom: 30px;
    background: url(/assets/doctor/introduction/watanabe-k/special/images/kodawari_sp.jpg) center top/cover no-repeat; }
  .kodawari ul {
    display: flex;
    flex-wrap: wrap;
    top: 62%;
    justify-content: center; }
  .kodawari li {
    width: 45%; } }