@media only screen and (min-width: 768px) {
  .block-branding {
    background: url(/images/about/bg_branding.jpg);
    background-image: image-set(url(/images/about/bg_branding.jpg) 1x, url(/images/about/bg_branding@2x.jpg) 2x);
    background-image: -webkit-image-set(url(/images/about/bg_branding.jpg) 1x, url(/images/about/bg_branding@2x.jpg) 2x);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    /*
    background      : url(/images/about/bg_branding.jpg);
    background-repeat: $repeat;
    background-position: $posX $posY;
    */
  }
}
@media only screen and (max-width: 767px) {
  .block-branding:before {
    background-image: url("/images/about/bg_branding_sp.jpg");
  }
}

#message .block-flex {
  gap: 50px;
}
@media only screen and (max-width: 767px) {
  #message .block-flex {
    flex-direction: column;
    align-items: center;
  }
}
#message .block-flex--item:first-of-type {
  width: 310px;
  flex-shrink: 0;
}
#message .block-flex--item figcaption {
  font-size: min(114.2857142857%, 5.7142857143vw);
}

@media only screen and (max-width: 767px) {
  #company .block-table th {
    width: 7em;
  }
}

#access .block-flex {
  gap: 50px;
}
@media only screen and (max-width: 767px) {
  #access .block-flex {
    flex-direction: column;
  }
}
#access .block-flex--item {
  width: calc((100% - 50px) / 2);
  padding: 30px;
  background: var(--light_gray);
}
@media only screen and (max-width: 767px) {
  #access .block-flex--item {
    width: 100%;
    padding: 20px 15px;
  }
}
#access dt {
  position: relative;
  font-size: min(171.4285714286%, 8.5714285714vw);
  font-weight: bold;
  padding-left: min(35px, 6vw);
}
@media only screen and (max-width: 767px) {
  #access dt {
    font-size: min(142.8571428571%, 7.1428571429vw);
  }
}
#access dt:before {
  content: "";
  position: absolute;
  width: min(25px, 4vw);
  aspect-ratio: 1/1;
  top: 0.55em;
  left: 0;
  border-radius: 50%;
  background: var(--orange);
}
#access dd {
  margin-top: 10px;
  padding-left: min(35px, 6vw);
}
#access .block-headline--access {
  margin-top: 60px;
  text-align: center;
}

#slogan .slogan {
  display: flex;
  color: var(--orange);
  flex-direction: column;
  align-items: center;
  line-height: 1.5;
}
#slogan .slogan [lang=en] {
  font-size: min(285.7142857143%, 14.2857142857vw);
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  #slogan .slogan [lang=en] {
    font-size: min(142.8571428571%, 7.1428571429vw);
  }
}
#slogan .slogan [lang=ja] {
  font-size: min(228.5714285714%, 11.4285714286vw);
}
@media only screen and (max-width: 767px) {
  #slogan .slogan [lang=ja] {
    font-size: min(133.3333333333%, 6.6666666667vw);
  }
}
#slogan .block-headline--slogan {
  margin-top: 60px;
  color: var(--orange);
  font-size: min(171.4285714286%, 8.5714285714vw);
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #slogan .block-headline--slogan {
    font-size: min(114.2857142857%, 5.7142857143vw);
  }
}
#slogan .block-list--keyword {
  display: flex;
  margin-top: 30px;
  gap: min(100px, 6vw);
  justify-content: center;
}
#slogan .block-list--keyword li {
  display: flex;
  width: 240px;
  aspect-ratio: 1/1;
  color: #fff;
  font-size: min(200%, 10vw);
  font-weight: bold;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--orange);
}
@media only screen and (max-width: 767px) {
  #slogan .block-list--keyword li {
    font-size: min(95.2380952381%, 4.7619047619vw);
  }
}

#history .block-list--history > li {
  display: flex;
  padding-block: 10px;
  border-bottom: 1px solid var(--gray);
}
@media only screen and (min-width: 768px) {
  #history .block-list--history > li {
    min-height: 4em;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  #history .block-list--history > li {
    flex-direction: column;
  }
}
#history .block-list--history time {
  display: flex;
  gap: 40px;
  font-size: min(114.2857142857%, 5.7142857143vw);
  align-items: center;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  #history .block-list--history time {
    gap: 20px;
  }
}
#history .block-list--history time .year {
  color: var(--orange);
  font-weight: bold;
}
#history .block-list--history time .month {
  width: 5em;
  text-align: center;
  border-left: 1px solid var(--gray);
  border-right: 1px solid var(--gray);
}
@media only screen and (max-width: 767px) {
  #history .block-list--history time .month {
    gap: 20px;
    width: auto;
    border: none;
  }
}
#history .block-list--history .body {
  width: 100%;
  padding-inline: 40px;
}
@media only screen and (max-width: 767px) {
  #history .block-list--history .body {
    padding: 0;
  }
}
#history .block-list--history dl {
  display: flex;
  min-height: 2em;
  margin-left: auto;
  align-items: center;
  gap: 40px;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  #history .block-list--history dl {
    margin: 0;
  }
}
#history .block-list--history dl dd {
  width: 3em;
  text-align: right;
}