@charset "UTF-8";
.__inner {
  max-width: 146.9907407407rem;
  margin: 0 auto;
  padding: 0 2.3148148148rem;
}

.-indent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.-indent dt {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.list--dotted li {
  padding-left: 1.2em;
  text-indent: -1.2em;
}
.list--dotted li::before {
  content: "・";
  font-weight: 700;
  margin-right: 0.3472222222rem;
}

.intro {
  text-align: center;
  line-height: 1.5;
  margin-bottom: 10.9953703704rem;
}

@media screen and (max-width: 767px) {
  .intro {
    margin-bottom: 2.8935185185rem;
  }
}
.intro-wrap {
  margin: 0 auto;
  padding-top: 10rem;
}

@media screen and (max-width: 767px) {
  .intro-wrap {
    margin: 0 auto;
    padding-top: 4rem;
  }
}
.intro-title {
  margin-bottom: 1.1574074074rem;
  font-size: 4.1666666667rem;
  font-weight: 700;
  color: #4F9DCE;
}

@media screen and (max-width: 767px) {
  .intro-title {
    margin-bottom: 1.1574074074rem;
    font-size: 2.8935185185rem;
  }
}
.intro-lead {
  font-size: 2.4305555556rem;
  font-weight: 700;
  color: #333333;
}

@media screen and (max-width: 767px) {
  .intro-lead {
    font-size: 2.1990740741rem;
  }
}
.overview__block {
  margin-bottom: 7.4074074074rem;
}
.overview__block .overview__block__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 7.5231481481rem;
}
.overview__block:nth-child(even) .overview__block__wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.overview__block:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .overview__block {
    margin-bottom: 4.6296296296rem;
  }
  .overview__block .overview__block__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0rem;
  }
  .overview__block:nth-child(even) .overview__block__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .overview__block:last-child {
    margin-bottom: 4.6296296296rem;
  }
}
.overview__img__box {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 46.7592592593rem;
}
.overview__block:first-child .overview__img__box {
  width: 48.9583333333rem;
  margin-top: 4.1666666667rem;
}

@media screen and (max-width: 767px) {
  .overview__img__box {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 24.3055555556rem;
    margin: 3.0092592593rem auto 0;
  }
  .overview__block:first-child .overview__img__box {
    width: 34.7222222222rem;
    margin-top: 3.0092592593rem;
    margin-left: auto;
  }
  .overview__block:last-child .overview__img__box {
    width: 100%;
  }
}
.overview__block__title {
  display: inline-block;
  margin-bottom: 2.7777777778rem;
  padding-bottom: 0.9259259259rem;
  font-size: 2.4305555556rem;
  font-weight: 700;
  border-bottom: 1px solid #4F9DCE;
}
.overview__block__title span {
  font-size: 3.4722222222rem;
  color: #4F9DCE;
}

@media screen and (max-width: 767px) {
  .overview__block__title {
    display: block;
    font-size: 2.0833333333rem;
    line-height: 3.9351851852rem;
  }
  .overview__block__title span {
    font-size: 2.7777777778rem;
  }
}
.overview__block__text {
  font-size: 1.8518518519rem;
  line-height: 2;
}
.overview__block__text b {
  font-weight: 700;
}

.overview__img__flow {
  margin-top: 4.1666666667rem;
}
.overview__img__flow figcaption {
  font-weight: 500;
  text-align: center;
  line-height: 2;
  margin-bottom: 1.9675925926rem;
}
.overview__img__flow img {
  width: 100%;
}

#next {
  padding: 6.0185185185rem 0 5.9027777778rem;
  background: url(../img/high-valued/bg_next.png) no-repeat center 0;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  #next {
    padding: 12.1527777778rem 0 5.9027777778rem;
    background-image: url(../img/high-valued/bg_next-sp.png);
    background-size: contain;
  }
}
.next__title {
  margin-bottom: 3.7037037037rem;
  font-weight: 700;
  font-size: 3.7037037037rem;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .next__title {
    margin-bottom: 4.8611111111rem;
    font-size: 2.7777777778rem;
    line-height: 1.5;
  }
}
.next__text {
  margin-bottom: 3.7037037037rem;
  font-weight: 500;
  font-size: 1.8518518519rem;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .next__text {
    margin-bottom: 3.4722222222rem;
    font-size: 1.7361111111rem;
    line-height: 3.0092592593rem;
  }
}
#ceo {
  padding: 8.3333333333rem 0 4.0509259259rem;
  background-color: #519DCE;
  color: #fff;
}

@media screen and (max-width: 767px) {
  #ceo {
    padding: 3.9351851852rem 0;
  }
}
.ceo__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6.4814814815rem;
}

@media screen and (max-width: 767px) {
  .ceo__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
@media screen and (max-width: 767px) {
  .ceo__block__text {
    display: contents;
  }
}
.ceo__block__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 55.5555555556rem;
  margin-top: 0.9259259259rem;
}
.ceo__block__img figcaption {
  margin-top: 0.462962963rem;
  line-height: 3.7037037037rem;
  font-size: 1.5046296296rem;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .ceo__block__img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
    margin-top: 0;
    margin-bottom: 3.7037037037rem;
  }
  .ceo__block__img figcaption {
    font-size: 1.7361111111rem;
  }
}
.ceo__title {
  margin-bottom: 2.0833333333rem;
  font-size: 3.0092592593rem;
  font-weight: 700;
  line-height: 4.3981481481rem;
}

@media screen and (max-width: 767px) {
  .ceo__title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 2.7777777778rem;
    font-size: 2.7777777778rem;
  }
}
.ceo__text {
  font-size: 1.8518518519rem;
  font-weight: 500;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .ceo__text {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
#case {
  padding: 9.0277777778rem 0;
  background: url(../img/common/article-bg.png) no-repeat;
  background-size: 50%;
  background-position: top left;
}

@media screen and (max-width: 767px) {
  #case {
    padding: 3.4722222222rem 0;
  }
}
.case__title {
  margin-bottom: 4.6296296296rem;
  font-size: 2.7777777778rem;
  font-weight: 500;
  text-align: center;
}
.case__title span {
  font-size: 4.1666666667rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .case__title {
    margin-bottom: 2.3148148148rem;
    font-size: 2.3148148148rem;
    line-height: 4.3981481481rem;
  }
  .case__title span {
    font-size: 3.7037037037rem;
  }
}
.case__anchor {
  position: absolute;
  top: -9.2592592593rem;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5787037037rem;
}
.case__anchor li {
  width: 6.9444444444rem;
  height: 9.2592592593rem;
}
.case__anchor li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #4F9DCE;
  font-family: "Orbitron", sans-serif;
  font-weight: 700;
  font-size: 2.7777777778rem;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.case__anchor li a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .case__anchor {
    position: static;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 3.2407407407rem;
  }
  .case__anchor li {
    width: 6.9444444444rem;
    height: 6.0185185185rem;
  }
  .case__anchor li a {
    font-size: 2.0833333333rem;
  }
}
.case__contents {
  position: relative;
}

.case__box {
  margin-bottom: 4.6296296296rem;
  padding: 0 5.787037037rem 3.4722222222rem;
  border: 0.462962963rem solid #4F9DCE;
  background-color: #fff;
}
.case__box:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .case__box {
    margin-bottom: 3.4722222222rem;
    padding: 0 1.7361111111rem 1.7361111111rem;
  }
}
.case__box__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-bottom: 4.8611111111rem;
}

@media screen and (max-width: 767px) {
  .case__box__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 3.4722222222rem;
  }
}
.case__box__title {
  display: inline-block;
  margin-bottom: 2.7777777778rem;
  padding: 1.1574074074rem 2.0833333333rem 1.8518518519rem 2.3148148148rem;
  background-color: #4F9DCE;
  color: #fff;
}
.case__box__title .-en {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.0416666667rem;
  margin-bottom: 1.3888888889rem;
  font-family: "Orbitron", sans-serif;
  font-weight: 700;
  font-size: 4.6296296296rem;
}
.case__box__title .-en span {
  width: 11.5740740741rem;
  padding-bottom: 1.3888888889rem;
  font-size: 1.8518518519rem;
  border-bottom: 1px solid #fff;
}
.case__box__title .-text {
  font-size: 2.4305555556rem;
  line-height: 1.5;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .case__box__title {
    margin-bottom: 2.7777777778rem;
    padding: 0.6944444444rem 1.7361111111rem 1.5046296296rem 1.7361111111rem;
  }
  .case__box__title .-en {
    gap: 1.0416666667rem;
    margin-bottom: 1.3888888889rem;
    font-size: 3.2407407407rem;
  }
  .case__box__title .-en span {
    width: 7.7546296296rem;
    padding-bottom: 0.6944444444rem;
    font-size: 1.3888888889rem;
  }
  .case__box__title .-text {
    font-size: 2.0833333333rem;
  }
}
.case__box__text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.case__box__top__title {
  margin-bottom: 2.0833333333rem;
  padding-bottom: 1.1574074074rem;
  border-bottom: 1px solid #4F9DCE;
  font-size: 2.7777777778rem;
  font-weight: 700;
  line-height: 1.4;
}

.case__box__top__text {
  padding-right: 4.8611111111rem;
  font-size: 1.8518518519rem;
  font-weight: 500;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .case__box__top__text {
    padding-right: 0;
  }
}
.case__box__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 49.3055555556rem;
  translate: 0 -4px;
}

@media screen and (max-width: 767px) {
  .case__box__img {
    width: 100%;
    margin-top: 2.0833333333rem;
    translate: 0 0;
  }
}
.case__box__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.4722222222rem;
  margin-bottom: 2.3148148148rem;
  padding-bottom: 2.3148148148rem;
  background-color: rgba(243, 230, 208, 0.5);
}
.case__box__contents:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .case__box__contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
.case__box__contents__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 6.9444444444rem;
  margin-bottom: 0.6944444444rem;
  padding: 0.9259259259rem 2.0833333333rem;
  border-left: 0.9259259259rem solid #4F9DCE;
  font-size: 2.0833333333rem;
  font-weight: 700;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .case__box__contents__title {
    font-size: 2.3148148148rem;
  }
}
.case__box__contents__text {
  padding: 0 3.0092592593rem;
  font-size: 1.7361111111rem;
  line-height: 1.8;
}
.case__box__contents__text.-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5.787037037rem;
}
.case__box__contents__text.-flex > * {
  width: 50%;
}
.case__box__contents__text b {
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .case__box__contents__text {
    font-size: 1.8518518519rem;
  }
  .case__box__contents__text.-flex {
    display: block;
  }
  .case__box__contents__text.-flex > * {
    width: 100%;
  }
}
.case__box__contents__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 59.4907407407rem;
  padding: 2.3148148148rem 3.0092592593rem 0 0;
}
.case__box__contents__img img {
}

@media screen and (max-width: 767px) {
  .case__box__contents__img {
    width: 100%;
    margin-top: 2.0833333333rem;
    padding: 0 3.0092592593rem;
  }
}