.title.center .ttl::first-letter {
  color: #e99615;
}

.row-base .item-text .cont {
  position: relative;
}

.title.center .ttl {
  color: #fff;
}

@media screen and (max-width: 991px) {
  /* .ttl-eng-button {
        font-size: 95px;
        color: #e99615;
        opacity: .4;
        position: relative;
        z-index: -9;
    } */

  .bg-boss img {
    height: 1080px;
  }

  .ttl-eng-button {
    margin-top: -45px;
    text-align: center;
  }
}

@media screen and (min-width: 992px) {
  /* .ttl-eng-button {
        font-size: 120px;
        color: #e99615;
        opacity: .4;
        margin-top: -210px;
        position: relative;
        z-index: -9;
    } */

  article {
    margin-top: -300px;
  }
}

@media screen and (min-width: 768px) {
  .img-bg-boss {
    height: 1309px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible;
    position: relative;
  }

  .page-message .president-area {
    margin-top: 100px;
  }

  .row-boss .item:nth-child(2) {
    margin-top: 27px;
  }

  .row-info-entry .item:nth-child(2) .cont {
    margin-top: 100px;
  }
}

.row-boss .item:nth-child(2) {
  line-height: 35px;
}

.img-bg-boss .metabox.black {
  line-height: 30px;
}

@media screen and (max-width: 1278px) {
  .bg-common.for-family {
    margin-top: 60px;
  }

  .bg-common.img-bg-boss {
    padding: 24px 0;
  }

  /* .img-bg-boss .container-fluid.inner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        width: 53%;
        margin: auto;
    } */
  .boss-img.sp-1278 {
    position: relative;
    bottom: -170px;
  }
}

.bg-common.img-bg-boss {
  position: relative;
}

@media screen and (min-width: 768px) and (max-width: 1278px) {
  .bg-common.img-bg-boss .cont-item .img-fluid.sp-1278 {
    margin-top: 80px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
  .img-bg-boss .container-fluid.inner {
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 83%;
    margin: auto;
  }
}

@media screen and (min-width: 1560x) {
  .bg-common.img-bg-boss .container-fluid.inner {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 50%;
    margin: auto;
  }

  .row-boss {
    position: absolute;
    top: 296px;
    z-index: 999;
  }
}

@media screen and (min-width: 1279px) {
  .bg-common.img-bg-boss .container-fluid.inner {
    top: 39%;
  }
}

@media screen and (max-width: 1278px) {
  .boss-img.sp-1278 {
    position: relative;
    bottom: -67px;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .bg-common.img-bg-boss .cont-item .img-fluid.sp-1278 {
    margin-top: 45px;
  }

  .row-boss .item:last-child .box {
    width: 40%;
    margin: auto;
  }
}

.page-message .president-area {
  justify-content: right;
}

.bg-boss {
  position: absolute;
  top: 0;
}

.message-ttl-cont {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px;

  .message-ttl {
    font-weight: 500;
    font-family: "Dela Gothic One", sans-serif;
    background: #fff;
    display: inline-block;
    width: fit-content;
    padding: 8px 16px;
    color: #e99615;
    font-size: clamp(1.5rem, 1.1667rem + 0.6944vw, 2rem) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  }
}

@media screen and (max-width: 1280px) {
  .bg-common.img-bg-boss {
    height: 580px !important;
    overflow: hidden !important;
  }
}

@media screen and (max-width: 991px) {
  .bg-common.img-bg-boss {
    height: 580px !important;
    overflow: hidden !important;
  }
}

@media screen and (max-width: 991px) {
  .bg-common.img-bg-boss img {
    height: 100%;
    width: 100%;
    max-width: 100%;
    display: flex;
    object-fit: cover;
  }
}

.message-boss {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}