@media all and (min-width: 751px) {
  body.about #title {
    background-image: url(../images/about/title-bg.jpg);
  }
  /* INDEX */
  #about-index .greet-box .visual-box {
    position: relative;
    height: 835px;
    margin-bottom: 20px;
  }
  #about-index .greet-box .visual-box .image {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    clip-path: polygon(0 0, 0 100%, 50% 675px, 100% 100%, 100% 0);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
  }
  #about-index .greet-box .visual-box .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: middle;
  }
  #about-index .greet-box .visual-box .text-box {
    height: 100%;
    isolation: isolate;
  }
  #about-index .greet-box .visual-box .text-box .container-inner {
    display: block;
    height: 100%;
    padding-left: 55px;
    box-sizing: border-box;
  }
  #about-index .greet-box .visual-box .text-box .container-inner .ms_title {
    font-size: 287.5%; /* 46px */
    line-height: 1.73913;
    padding-top: 255px;
    margin-bottom: 30px;
  }
  #about-index .greet-box .visual-box .text-box .container-inner .name-box .name-area {
    margin-bottom: 10px;
    font-family: YuGothic, "Noto Sans JP", sans-serif;
    font-size: 143.75%; /* 23px */
    line-height: 1.4;
  }
  #about-index .greet-box .visual-box .text-box .container-inner .name-box .name-area .name {
    font-size: 143.47826%; /* 33px */
  }
  #about-index .greet-box .visual-box .text-box .container-inner .name-box .en-title {
    line-height: 1;
    color: #003b90;
    font-family: "Raleway", sans-serif;
    font-style: italic;
    font-size: 362.5%; /* 58px */
    margin-bottom: 0;
  }
  #about-index .greet-cnt {
    margin-top: -25px;
  }
  #about-index .greet-cnt .message-area .text, #about-index .greet-cnt .message-area .middle-block {
    margin-bottom: 30px;
  }
  #about-index .greet-cnt .date {
    text-align: right;
  }
  /* ABOUT-RESEARCH */
  #about-research #research-retina .r_details {
    margin-bottom: 32px;
  }
  #about-research #research-retina .resp-text {
    text-align: right;
  }
}
@media only screen and (max-width: 750px) {
  body.about #title {
    background-image: url(../images/about/title-bg_sp.jpg);
  }
  /* INDEX */
  #about-index .greet-box .visual-box {
    position: relative;
    margin-bottom: 30px;
  }
  #about-index .greet-box .visual-box .image {
    display: block;
    width: 100%;
    height: 280px;
    margin-bottom: 0;
    clip-path: polygon(0 0, 0 100%, 50% 215px, 100% 100%, 100% 0);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
  }
  #about-index .greet-box .visual-box .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: middle;
  }
  #about-index .greet-box .text-box {
    isolation: isolate;
  }
  #about-index .greet-box .text-box .container-inner .ms_title {
    font-size: 175%; /* 28px */
    line-height: 1.62;
    padding-top: 50px;
    margin-bottom: 75px;
  }
  #about-index .greet-box .text-box .container-inner .name-box {
    text-align: center;
  }
  #about-index .greet-box .text-box .container-inner .name-box .name-area {
    margin-bottom: 10px;
    font-family: YuGothic, "Noto Sans JP", sans-serif;
    font-size: 93.75%; /* 15px */
    line-height: 1.4;
  }
  #about-index .greet-box .text-box .container-inner .name-box .name-area .name {
    font-size: 134.375%; /* 21.5px */
  }
  #about-index .greet-box .text-box .container-inner .name-box .en-title {
    line-height: 1;
    color: #003b90;
    font-family: "Raleway", sans-serif;
    font-style: italic;
    font-size: 231.25%; /* 37px */
    margin-bottom: 0;
  }
  #about-index .greet-cnt .message-area .text, #about-index .greet-cnt .message-area .middle-block {
    margin-bottom: 20px;
  }
  #about-index .greet-cnt .date {
    text-align: right;
  }
  /* ABOUT-RESEARCH */
  #about-research #research-retina .r_details {
    margin-bottom: 30px;
  }
  #about-research #research-retina .resp-text {
    text-align: right;
  }
}

/*# sourceMappingURL=page-about.css.map */