/*
* about.css
*
*/
/* --------------------------------
About
-------------------------------- */
/* Common -------------------- */
.l-about-inner {
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767.98px) {
  .l-about-inner {
    width: 86.66667vw;
  }
}
@media (min-width: 768px) {
  .l-about-inner {
    padding-right: 10.9375vw;
    padding-left: 10.9375vw; 
    max-width: 1264px;
  }
}
@media (min-width: 1280px) {
  .l-about-inner {
    padding-right: 140px;
    padding-left: 140px;
  }
}

@media (max-width: 767.98px) {
  .about {
    padding-top: 26.66667vw;
    padding-bottom: 32vw;
  }
}

@media (min-width: 768px) {
  .about {
    padding-top: 12.5vw;
    padding-bottom: 18.75vw;
  }
}

@media (min-width: 1280px) {
  .about {
    padding-top: 160px;
    padding-bottom: 240px;
  }
}

.about_title {
  letter-spacing: 0.08em;
  text-transform: uppercase; 
  font-family: "din-2014", sans-serif;
  font-size: 3.73333vw;
  font-weight: bold;
}
@media (min-width: 768px) {
  .about_title {
    font-size: 1.5625vw;
  }
}
@media (min-width: 1280px) {
  .about_title {
    font-size: 20px;
  }
}

/* Message ------------------- */
.message_title {
  font-size: 5.33333vw;
}
@media (min-width: 768px) {
  .message_title {
    font-size: 2.8125vw;
  }
}
@media (min-width: 1280px) {
  .message_title {
    font-size: 36px;
  }
}

.message_lead {
  margin-top: 5.33333vw;
  letter-spacing: 0.07em; 
  font-size: 5.33333vw;
  font-weight: bold;
  line-height: 1.8;

  -webkit-font-feature-settings: "palt";

          font-feature-settings: "palt";
}
@media (min-width: 768px) {
  .message_lead {
    margin-top: 1.71875vw;
    letter-spacing: 0.23em; 
    font-size: 3.125vw;
    line-height: 1.65;
  }
}
@media (min-width: 1280px) {
  .message_lead {
    margin-top: 22px;
    font-size: 40px;
  }
}

.message_name {
  margin-top: 6.13333vw;
  letter-spacing: 0.08em;
  font-size: 3.73333vw;
  font-weight: bold;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .message_name {
    margin-top: 2.34375vw;
    font-size: 1.5625vw;
    line-height: 1.6;
  }
}
@media (min-width: 1280px) {
  .message_name {
    margin-top: 30px;
    font-size: 20px;
  }
}
.message_name small {
  letter-spacing: 0; 
  font-size: 2.4vw;
}
@media (min-width: 768px) {
  .message_name small {
    letter-spacing: 0.04em; 
    font-size: 1.01562vw;
  }
}
@media (min-width: 1280px) {
  .message_name small {
    font-size: 13px;
  }
}

@media (min-width: 768px) {
  .message_media {
    display: flex;
    margin-top: 6.25vw;
  }
}

@media (min-width: 1280px) {
  .message_media {
    margin-top: 80px;
  }
}

.message_img {
  margin-top: 12.53333vw;
}
@media (min-width: 768px) {
  .message_img {
    margin-top: 0.78125vw;
    margin-left: 7.03125vw;
    width: 22.10938vw; 

    order: 2;
  }
}
@media (min-width: 1280px) {
  .message_img {
    margin-top: 10px;
    margin-left: 90px;
    width: 283px;
  }
}

.message_body {
  margin-top: 10.66667vw;
}
@media (min-width: 768px) {
  .message_body {
    margin-top: 0; 

    order: 1;
    flex: 1;
  }
}

.message_txt {
  letter-spacing: 0.04em;
  font-size: 3.2vw;
  line-height: 2.33333;
}
@media (min-width: 768px) {
  .message_txt {
    letter-spacing: 0.03em; 
    font-size: 1.17188vw;
    line-height: 2.53333;
  }
}
@media (min-width: 1280px) {
  .message_txt {
    font-size: 15px;
  }
}
.message_txt + .message_txt {
  margin-top: 5.33333vw;
}
@media (min-width: 768px) {
  .message_txt + .message_txt {
    margin-top: 1.5625vw;
  }
}
@media (min-width: 1280px) {
  .message_txt + .message_txt {
    margin-top: 20px;
  }
}

/* History ------------------- */
@media (max-width: 767.98px) {
  .history {
    margin-top: 35vw;
  }
}

@media (min-width: 768px) {
  .history {
    margin-top: 17.96875vw;
  }
}

@media (min-width: 1280px) {
  .history {
    margin-top: 230px;
  }
}

.history_list {
  display: flex;

  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .history_list {
    margin-top: 8.7vw;
    letter-spacing: 0.09em; 
    font-size: 3.2vw;
  }
}
@media (min-width: 768px) {
  .history_list {
    margin-top: 3.51562vw;
    letter-spacing: 0.08em; 
    font-size: 1.17188vw;
  }
}
@media (min-width: 1280px) {
  .history_list {
    margin-top: 45px;
    font-size: 15px;
  }
}
.history_list dt,
.history_list dd {
  border-top: 1px solid #ccc;
}
.history_list dt:last-of-type,
.history_list dd:last-of-type {
  border-bottom: 1px solid #ccc;
}
@media (max-width: 767.98px) {
  .history_list dt,
  .history_list dd {
    padding: 1.2em 0;
  }
}
@media (min-width: 768px) {
  .history_list dt,
  .history_list dd {
    padding: 1.4em 0;
  }
}
.history_list dt {
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
@media (max-width: 767.98px) {
  .history_list dt {
    width: 22.2vw;
  }
}
@media (min-width: 768px) {
  .history_list dt {
    width: 8vw;
  }
}
@media (min-width: 1280px) {
  .history_list dt {
    width: 106px;
  }
}
@media (max-width: 767.98px) {
  .history_list dd {
    width: calc(100% - 22.2vw);
  }
}
@media (min-width: 768px) {
  .history_list dd {
    width: calc(100% - 8vw);
    line-height: 1.75;
  }
}
@media (min-width: 1280px) {
  .history_list dd {
    width: calc(100% - 106px);
  }
}

/* Profile ------------------- */
@media (max-width: 767.98px) {
  .profile {
    margin-top: 35vw;
  }
}

@media (min-width: 768px) {
  .profile {
    margin-top: 17.96875vw;
  }
}

@media (min-width: 1280px) {
  .profile {
    margin-top: 230px;
  }
}

.profile_list {
  display: flex;
  line-height: 2; 

  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .profile_list {
    margin-top: 4.8vw;
    letter-spacing: 0.09em; 
    font-size: 3.2vw;
  }
}
@media (min-width: 768px) {
  .profile_list {
    margin-top: 1.95312vw;
    letter-spacing: 0.08em; 
    font-size: 1.17188vw;
  }
}
@media (min-width: 1280px) {
  .profile_list {
    margin-top: 25px;
    font-size: 15px;
  }
}
@media (max-width: 767.98px) {
  .profile_list dt,
  .profile_list dd {
    margin-top: 0.7em;
  }
}
@media (min-width: 768px) {
  .profile_list dt,
  .profile_list dd {
    margin-top: 1.4em;
  }
}
@media (max-width: 767.98px) {
  .profile_list dt {
    width: 22.2vw;
  }
}
@media (min-width: 768px) {
  .profile_list dt {
    width: 11.25vw;
  }
}
@media (min-width: 1280px) {
  .profile_list dt {
    width: 144px;
  }
}
@media (max-width: 767.98px) {
  .profile_list dd {
    width: calc(100% - 22.2vw);
  }
}
@media (min-width: 768px) {
  .profile_list dd {
    width: calc(100% - 15vw);
    line-height: 1.75;
  }
}
@media (min-width: 1280px) {
  .profile_list dd {
    width: calc(100% - 144px);
  }
}