@charset "UTF-8";
/* CSS Document */
#overview {
  position: relative; }
  #overview::before {
    content: "";
    background-image: url("../img/overview-back.svg");
    background-repeat: no-repeat;
    height: 794px;
    width: 100%;
    position: absolute;
    z-index: -1;
    left: -6rem;
    bottom: 10rem; }
  #overview h2 {
    margin-bottom: 4rem; }
  #overview .table-box {
    display: flex;
    justify-content: flex-end; }
    #overview .table-box table {
      width: 75%; }
      @media screen and (max-width: 767px) {
        #overview .table-box table {
          width: 85%; } }
      @media screen and (max-width: 575px) {
        #overview .table-box table {
          width: 100%; } }
      #overview .table-box table tbody tr th {
        border-bottom: 0.6px solid #c7c7c7;
        font-weight: 400;
        text-align: justify;
        width: 30%;
        padding: 1.5rem 0; }
        @media screen and (max-width: 575px) {
          #overview .table-box table tbody tr th {
            width: 33%;
            border-bottom: 1px solid #c7c7c7; } }
      #overview .table-box table tbody tr td {
        border-bottom: 0.6px solid #c7c7c7;
        padding: 1.5rem 0; }
        @media screen and (max-width: 575px) {
          #overview .table-box table tbody tr td {
            border-bottom: 1px solid #c7c7c7; } }

#interview h2 {
  margin-bottom: 3.8rem; }
#interview .president {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 4rem; }
  @media screen and (max-width: 575px) {
    #interview .president {
      flex-direction: column; } }
  #interview .president img {
    width: 60%; }
    @media screen and (max-width: 575px) {
      #interview .president img {
        width: 100%;
        margin: auto; } }
  #interview .president .president-text {
    margin-left: 6.5rem; }
    @media screen and (max-width: 767px) {
      #interview .president .president-text {
        margin-left: 4.5rem; } }
    @media screen and (max-width: 575px) {
      #interview .president .president-text {
        margin: auto;
        text-align: center; } }
    #interview .president .president-text p.title {
      font-weight: 600;
      margin-bottom: 0.5rem; }
    #interview .president .president-text img {
      width: 185px; }
      @media screen and (max-width: 991px) {
        #interview .president .president-text img {
          width: 165px; } }
    #interview .president .president-text p.furigana {
      font-size: 14px;
      font-size: 1.4rem;
      margin: 0;
      line-height: 0.5; }
#interview .interview-box .qa-box {
  margin-bottom: 5rem; }
  #interview .interview-box .qa-box:last-child {
    margin-bottom: 0; }
  #interview .interview-box .qa-box .qa-row {
    display: grid;
    grid-template-columns: 42px 1fr;
    column-gap: 8px;
    align-items: start; }
  #interview .interview-box .qa-box .qa-label {
    font-family: "Montserrat", sans-serif;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1;
    text-align: center; }
  #interview .interview-box .qa-box .question {
    margin-bottom: 12px; }
    #interview .interview-box .qa-box .question .qa-label,
    #interview .interview-box .qa-box .question p {
      color: #00a395;
      font-weight: 600; }
    #interview .interview-box .qa-box .question p {
      margin: 0; }
  #interview .interview-box .qa-box .answer .qa-label {
    color: #333; }
  #interview .interview-box .qa-box .answer .qa-text p {
    margin: 0;
    text-align: justify; }
  #interview .interview-box .qa-box .answer .qa-text span.marker {
    font-weight: 600;
    background: linear-gradient(transparent 60%, #d4efed 40%); }
  #interview .interview-box .qa-box .qa-img {
    margin-top: 5rem;
    width: 100%; }

#history h2 {
  margin-bottom: 4rem; }
#history .history-bg {
  position: relative;
  clip-path: inset(0);
  padding-top: 8rem;
  padding-bottom: 8rem;
  width: 100%;
  min-height: 100vh;
  /* 画面いっぱいの高さ */ }
  #history .history-bg::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    z-index: -10;
    width: 100%;
    height: 100%;
    background-image: url("../img/history-bg.jpg");
    background-size: cover; }
#history .time_schedule {
  position: relative; }
  #history .time_schedule .time_line {
    width: 0.6px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 8.5em;
    z-index: 0;
    transform: translateX(-50%);
    padding-top: 22px;
    padding-bottom: 26px; }
    @media screen and (max-width: 767px) {
      #history .time_schedule .time_line {
        padding-bottom: 49px; } }
    @media screen and (max-width: 575px) {
      #history .time_schedule .time_line {
        padding-bottom: 53px; } }
    @media screen and (max-width: 462px) {
      #history .time_schedule .time_line {
        padding-bottom: 83px; } }
    #history .time_schedule .time_line span {
      display: block;
      width: 100%;
      height: 100%;
      background: #fff; }
  #history .time_schedule .time_ball {
    position: absolute;
    background: #00a395;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 8.5em;
    z-index: 999; }
  #history .time_schedule dl {
    padding: 10px 0;
    color: #fff; }
    @media screen and (max-width: 575px) {
      #history .time_schedule dl {
        padding: 5px 0; } }
    #history .time_schedule dl dt {
      width: 100%;
      position: absolute; }
    #history .time_schedule dl dd {
      width: 70%;
      margin-left: 10.5em;
      text-align: justify; }
      @media screen and (max-width: 575px) {
        #history .time_schedule dl dd {
          width: 50%; } }

#access h2 {
  margin-bottom: 4rem; }
#access .g-map {
  height: 310px; }
  @media screen and (max-width: 767px) {
    #access .g-map {
      height: 250px; } }