:root {
  --vw: 1vw;
}


/* ---------------------------------------------------------
#sec-philosophy
----------------------------------------------------------*/
#sec-philosophy .lead {
  font-family: YuMincho, "Hiragino Mincho ProN", serif;
  font-size: min(1.56 * var(--vw), 30px);
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
  margin-top: min(2.86 * var(--vw), 55px);
}
@media screen and (max-width: 768px) {
  #sec-philosophy .lead {
    font-size: calc(3.73 * var(--vw));
    font-weight: 700;
    margin-top: calc(5.33 * var(--vw));
  }
}

/* ---------------------------------------------------------
#sec-greeting
----------------------------------------------------------*/
#sec-greeting .wrapper {
  display: flex;
  justify-content: space-between;
  gap: min(0.52 * var(--vw), 10px);
  margin-top: min(2.6 * var(--vw), 50px);
}
@media screen and (max-width: 768px) {
  #sec-greeting .wrapper {
    display: block;
    margin-top: calc(5.33 * var(--vw));
  }
}
#sec-greeting .wrapper .left-col {
  width: min(29.27 * var(--vw), 562px);
  margin-right: min(0.52 * var(--vw), 10px);
}
@media screen and (max-width: 768px) {
  #sec-greeting .wrapper .left-col {
    width: calc(48 * var(--vw));
    margin: 0 auto;
  }
}
#sec-greeting .wrapper .right-col {
  width: min(32.7 * var(--vw), 628px);
}
@media screen and (max-width: 768px) {
  #sec-greeting .wrapper .right-col {
    width: 100%;
    margin-top: calc(5.33 * var(--vw));
  }
}
#sec-greeting .wrapper .right-col .txt-bold-right {
  font-size: min(1.14 * var(--vw), 22px);
}
@media screen and (max-width: 768px) {
  #sec-greeting .wrapper .right-col .txt-bold-right {
    font-size: calc(3.73 * var(--vw));
    font-weight: 700;
  }
}
#sec-greeting .prof-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: min(3.95 * var(--vw), 76px);
}
@media screen and (max-width: 768px) {
  #sec-greeting .prof-wrapper {
    display: block;
    margin-top: calc(8 * var(--vw));
  }
}
#sec-greeting .prof-wrapper h4 {
  font-size: min(1.25 * var(--vw), 24px);
  font-weight: 700;
  text-align: center;
  color: #fff;
  background-color: #00B13F;
  padding: min(0.57 * var(--vw), 11px) 0;
  border-radius: min(0.36 * var(--vw), 7px);
  margin-top: min(1.56 * var(--vw), 30px);
}
@media screen and (max-width: 768px) {
  #sec-greeting .prof-wrapper h4 {
    font-size: calc(3.73 * var(--vw));
    padding: calc(2.66 * var(--vw)) 0;
    border-radius: calc(2.13 * var(--vw));
    margin-top: calc(5.33 * var(--vw));
  }
}
#sec-greeting .prof-wrapper h4:first-child {
  margin-top: 0;
}
#sec-greeting .prof-wrapper .left-col {
  width: min(30.88 * var(--vw), 593px);
}
@media screen and (max-width: 768px) {
  #sec-greeting .prof-wrapper .left-col {
    width: 100%;
  }
}
#sec-greeting .prof-wrapper .right-col {
  width: min(30.88 * var(--vw), 593px);
}
@media screen and (max-width: 768px) {
  #sec-greeting .prof-wrapper .right-col {
    width: 100%;
    margin-top: calc(5.33 * var(--vw));
  }
}
#sec-greeting .prof-wrapper .list-history {
  padding: min(0.52 * var(--vw), 10px) 0 min(0.52 * var(--vw), 10px) min(1.25 * var(--vw), 24px);
  border-left: min(0.15 * var(--vw), 3px) solid #6a6a6a;
  margin: min(2.29 * var(--vw), 44px) 0 0 min(0.52 * var(--vw), 10px);
}
@media screen and (max-width: 768px) {
  #sec-greeting .prof-wrapper .list-history {
    padding: calc(1.6 * var(--vw)) 0 calc(1.6 * var(--vw)) calc(3.73 * var(--vw));
    border-left-width: calc(0.8 * var(--vw));
    margin: calc(2.66 * var(--vw)) 0 0 calc(0.53 * var(--vw));
  }
}
#sec-greeting .prof-wrapper .list-history li .txt-year, #sec-greeting .prof-wrapper .list-history li .txt {
  font-size: min(1.09 * var(--vw), 21px);
  line-height: 1.5714285714;
}
@media screen and (max-width: 768px) {
  #sec-greeting .prof-wrapper .list-history li .txt-year, #sec-greeting .prof-wrapper .list-history li .txt {
    font-size: calc(3.73 * var(--vw));
  }
}
#sec-greeting .prof-wrapper .list-history li .txt-year {
  color: #00B13F;
  margin-top: min(0.52 * var(--vw), 10px);
}
@media screen and (max-width: 768px) {
  #sec-greeting .prof-wrapper .list-history li .txt-year {
    margin-top: calc(2.66 * var(--vw));
  }
}
#sec-greeting .prof-wrapper .list-history li:first-child .txt-year {
  margin-top: 0;
}