@charset "UTF-8";
/*
	##### MFR #####
	aboutus/css/about_pc.css
*/


.sec-ttl {
  font-feature-settings: "palt";
  font-weight: 700;
  font-size: calc(40 / 750 * 100vw);

  &.dark-side {
    display: flex;
    align-items: center;
    color: #fff;
    min-height: calc(140 / 750 * 100vw);
    padding-left: calc(48 / 750 * 100vw)
  }
}

.fv {
  height: calc(450 / 750 * 100vw);
}
.corner-ttl {
  font-feature-settings: "palt";
  font-size: calc(36 / 750 * 100vw);
  margin-bottom: calc(40 / 750 * 100vw);
  color: var(--color-3);
}

.statement {
  padding-bottom: calc(100 / 750 * 100vw);

  & .slogan-1 {
    display: inline-block;
    width: calc(536 / 750 * 100vw);
    height: auto;
    margin-top: calc(100 / 750 * 100vw);
    margin-bottom: calc(90 / 750 * 100vw);
  }
  & .txt {
  padding: 0 calc(25 / 750 * 100vw);
  }
}
.philosophy {
  padding-bottom: calc(150 / 750 * 100vw);

  & .slogan-2 {
    display: inline-block;
    width: calc(608 / 750 * 100vw);
    height: auto;
    margin-top: calc(60 / 750 * 100vw);
    margin-bottom: calc(80 / 750 * 100vw);
  }
}

.mission {
  padding: calc(60 / 750 * 100vw) calc(25 / 750 * 100vw);
}
.values {
  padding: calc(60 / 750 * 100vw) calc(25 / 750 * 100vw) 0;
  border-top: solid 1px #e5e5e5;
}

.value-list {
  display: block;
  width: 100%;
  margin-top: calc(70 / 750 * 100vw);

  & li + li {
    margin-top: calc(90 / 750 * 100vw);
  }

  & .img-box {
    height: calc(350 / 750 * 100vw);
    overflow: hidden;
    border-radius: calc(20 / 750 * 100vw);
  }

  & dl {
    margin-top: calc(50 / 750 * 100vw);

    & dt {
      text-align: center;
      padding-bottom: calc(40 / 750 * 100vw);

      & img {
        height: calc(146 / 750 * 100vw);
        width: auto;
      }
    }
    & dd {
      font-feature-settings: "palt";
      font-weight: 500;
      font-size: calc(26 / 750 * 100vw);
      line-height: 2.230769230769231;
      text-align: justify;
    }
  }
  & li:last-child dl dt {
    padding-bottom: 0
  }
}


.info {
  margin-top: calc(90 / 750 * 100vw);

  & .info-table {
    width: calc(650 / 750 * 100vw);
    margin: 0 auto;

    & tr {
      display: flex;
      flex-direction: column;
      padding: calc(55 / 750 * 100vw) 0;
      border-bottom: solid 1px #e5e5e5;
    }
    & th {
      display: block;
      text-align: left;
      font-weight: 700;
      font-size: calc(30 / 750 * 100vw);
    }
    & td {
      font-feature-settings: "palt";
      display: block;
      font-size: calc(26 / 750 * 100vw);
      line-height: 2.230769230769231;
    }
  }

  & .inner-table {
    width: 100%;

    & .branch-list {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      column-gap: calc(38 / 750 * 100vw);
      width: 100%;
      margin: calc(25 / 750 * 100vw) 0; 

      & .name {
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 0 0 calc(200 / 750 * 100vw);
        height: calc(140 / 750 * 100vw);
        background-color: rgba(var(--rgb-3), .05);
        border-radius: calc(10 / 750 * 100vw);
        font-weight: 500;
        font-size: calc(26 / 750 * 100vw);
        color: var(--color-3);
      }

      & .address {
        display: flex;
        align-items: center;
        font-feature-settings: "palt";
        font-size: calc(26 / 750 * 100vw);
        line-height: 2.230769230769231
      }
    }
  }
}


.history-table {
  width: calc(650 / 750 * 100vw);
  margin: 0 auto;
  border-collapse: collapse;

  & tr {
    display: flex;
    flex-direction: column;
    padding-left: calc(60 / 750 * 100vw);
    background-image: radial-gradient(closest-side, var(--color-3) 80%, transparent), linear-gradient(to right, transparent 50%, #ccc 50%);
    background-repeat: no-repeat;
    background-size: calc(30 / 750 * 100vw) calc(30 / 750 * 100vw), calc(4 / 750 * 100vw) 100%;
    background-position: left top, left calc(13 / 750 * 100vw) top;
  }
  & th {
    display: inline-block;
    translate: 0 -.2em;
    text-align: left;
    font-weight: 700;
    font-size: calc(32 / 750 * 100vw);
    color: var(--color-3);
  }
  & td.txt {
    padding-top: calc(15 / 750 * 100vw);
    padding-bottom: calc(50 / 750 * 100vw);
  }

  & tr:last-child {
    background-size: calc(30 / 750 * 100vw) calc(30 / 750 * 100vw), calc(4 / 750 * 100vw) 0;
  }
}