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


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

  &.dark-side {
    display: flex;
    align-items: center;
    color: #fff;
    min-height: calc(90 / 1400 * 100vw);
    padding-left: calc(30 / 1400 * 100vw)
  }
}
.corner-ttl {
  font-feature-settings: "palt";
  font-size: calc(24 / 1400 * 100vw);
  margin-bottom: calc(35 / 1400 * 100vw);
  color: var(--color-3);
}


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

  & .slogan-1 {
    display: inline-block;
    width: calc(504 / 1400 * 100vw);
    height: auto;
    margin-top: calc(77 / 1400 * 100vw);
    margin-bottom: calc(67 / 1400 * 100vw);
  }
}
.philosophy {
  padding-bottom: calc(50 / 1400 * 100vw);

  & .slogan-2 {
    display: inline-block;
    width: calc(545 / 1400 * 100vw);
    height: auto;
    margin-top: calc(50 / 1400 * 100vw);
    margin-bottom: calc(60 / 1400 * 100vw);
  }
}
.mission {
  padding-top: calc(50 / 1400 * 100vw);
  padding-bottom: calc(90 / 1400 * 100vw);
}
.values {
  padding: calc(90 / 1400 * 100vw) 0;
  border-top: solid 1px #e5e5e5;
}

.value-list {
  display: grid;
  grid-template-columns: repeat(3, calc(312 / 1400 * 100vw));
  column-gap: calc(45 / 1400 * 100vw);
  margin-top: calc(55 / 1400 * 100vw);

  & .img-box {
    height: calc(200 / 1400 * 100vw);
    overflow: hidden;
    border-radius: calc(10 / 1400 * 100vw);
  }

  & dl {
    margin-top: calc(33 / 1400 * 100vw);

    & dt {
      text-align: center;
      height: calc(100 / 1400 * 100vw);

      & img {
        height: calc(74 / 1400 * 100vw);
        width: auto;
      }
    }
    & dd {
      font-feature-settings: "palt";
      font-weight: 500;
      font-size: calc(13 / 1400 * 100vw);
      line-height: 2.3076923076923075;
      text-align: justify;
    }
  }
}

.info {
  margin-top: calc(120 / 1400 * 100vw);

  & .info-table {
    width: 100%;
    margin-top: calc(45/ 1400 * 100vw);

    & .label {
      width: calc(220 / 1400 * 100vw);
    }
    & th {
      height: calc(80 / 1400 * 100vw);
      padding: calc(30 / 1400 * 100vw) 0;
      text-align: left;
      font-weight: 700;
      font-size: calc(18 / 1400 * 100vw);
      vertical-align: top;
      border-bottom: solid 1px #e5e5e5;
    }
    & td {
      font-size: calc(15 / 1400 * 100vw);
      line-height: 1.8666666666666667;
      padding: calc(25 / 1400 * 100vw) 0;
      border-bottom: solid 1px #e5e5e5;
      vertical-align: top;
    }
  }

  & .inner-table {
    width: calc(730 / 1400 * 100vw);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, calc(80 / 1400 * 100vw));
    grid-auto-flow: column;
    row-gap: calc(30 / 1400 * 100vw);
    
    & .branch-list {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      column-gap: calc(28 / 1400 * 100vw);
      width: 100%;

      & .name {
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 0 0 calc(116 / 1400 * 100vw);
        height: calc(72 / 1400 * 100vw);
        background-color: rgba(var(--rgb-3), .05);
        border-radius: calc(5 / 1400 * 100vw);
        font-weight: 500;
        font-size: calc(15 / 1400 * 100vw);
        color: var(--color-3);
      }

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


.history-table {
  width: 100%;
  border-collapse: collapse;

  & .year {
    width: calc(163 / 1400 * 100vw);
  }
  & th {
    text-align: left;
    padding-top: calc(15 * .5 / 1400 * 100vw);
    padding-left: calc(52 / 1400 * 100vw);
    padding-bottom: calc(40 / 1400 * 100vw);
    font-weight: 700;
    font-size: calc(22 / 1400 * 100vw);
    color: var(--color-3);
    vertical-align: top;
    background-image: radial-gradient(closest-side, var(--color-3) 90%, transparent), linear-gradient(to right, transparent 50%, #ccc 50%);
    background-repeat: no-repeat;
    background-size: calc(17 / 1400 * 100vw) calc(17 / 1400 * 100vw), calc(4 / 1400 * 100vw) 100%;
    background-position: left top calc(15 * .8 / 1400 * 100vw), left calc(5 / 1400 * 100vw) top;
  }
  & td.txt {
    padding-bottom: calc(40 / 1400 * 100vw);
    vertical-align: top;
    text-align: left;
  }
  & tr:first-child th {
    background-position: left top calc(15 * .5 / 1400 * 100vw), left calc(5 / 1400 * 100vw) top calc(15 * .8 / 1400 * 100vw);
  }
  & tr:last-child th {
    background-size: calc(17 / 1400 * 100vw) calc(17 / 1400 * 100vw), calc(4 / 1400 * 100vw) calc(15 * .8 / 1400 * 100vw);
  }
}