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

#support .block-flex {
  margin-top: 30px;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  #support .block-flex {
    flex-direction: column;
  }
}
#support .block-flex dl {
  width: calc((100% - 20px) / 2);
  background: var(--light_gray);
}
@media only screen and (max-width: 767px) {
  #support .block-flex dl {
    width: 100%;
  }
}
#support .block-flex dl dt {
  color: #fff;
  font-weight: bold;
  text-align: center;
}
#support .block-flex dl dd {
  padding: 15px;
}
#support .block-flex dl:first-of-type dt {
  background: var(--orange);
}
#support .block-flex dl:last-of-type dt {
  background: var(--dark_gray);
}

#specialist .block-flex {
  margin-top: 30px;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  #specialist .block-flex {
    flex-direction: column;
  }
}
#specialist .block-flex dl {
  width: calc((100% - 20px) / 2);
  background: var(--light_gray);
}
@media only screen and (max-width: 767px) {
  #specialist .block-flex dl {
    width: 100%;
  }
}
#specialist .block-flex dl dt {
  color: #fff;
  font-weight: bold;
  text-align: center;
}
#specialist .block-flex dl dd {
  padding: 15px;
}
#specialist .block-flex dl:first-of-type dt {
  background: var(--red);
}
#specialist .block-flex dl:first-of-type .block-label {
  background: var(--red);
}
#specialist .block-flex dl:last-of-type dt {
  background: var(--blue);
}
#specialist .block-flex dl:last-of-type .block-label {
  background: var(--blue);
}
#specialist .block-label {
  width: 100%;
  max-width: 440px;
  margin-inline: auto;
  padding: 5px 15px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border-radius: 99999px;
}

#training .block-consideration {
  display: flex;
  margin-top: 30px;
  gap: min(100px, 6vw);
  justify-content: center;
}
#training .block-consideration li {
  display: flex;
  position: relative;
  width: 280px;
  aspect-ratio: 1/1;
  color: #fff;
  font-size: min(171.4285714286%, 8.5714285714vw);
  font-weight: bold;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--orange);
}
@media only screen and (min-width: 768px) and (max-width: 1304px) {
  #training .block-consideration li {
    font-size: min(95.2380952381%, 4.7619047619vw);
  }
}
@media only screen and (max-width: 767px) {
  #training .block-consideration li {
    font-size: min(66.6666666667%, 3.3333333333vw);
  }
}
#training .block-consideration li:before {
  content: "";
  position: absolute;
  width: 163px;
  aspect-ratio: 163/150;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 999.9px) {
  #training .block-consideration li:before {
    width: 55%;
  }
}
#training .block-consideration li span {
  padding-top: 50%;
}
#training .block-consideration li.icon01:before {
  background: url("/images/support/icon_training_01.svg") no-repeat center center;
  background-size: cover;
}
#training .block-consideration li.icon02:before {
  background: url("/images/support/icon_training_02.svg") no-repeat center center;
  background-size: cover;
}
#training .block-consideration li.icon03:before {
  background: url("/images/support/icon_training_03.svg") no-repeat center center;
  background-size: cover;
}
#training .block-table tbody th {
  width: 3em;
}
#training .block-table tbody td:nth-child(2) {
  width: 15em;
}
#training .block-table tbody td:last-child {
  width: 10em;
}
#training .block-list--number dl {
  overflow: hidden;
}
#training .block-list--number dt {
  float: left;
  font-weight: bold;
}
#training .block-list--number dt:after {
  content: "：";
}