/* Sass Document */
#main_title_area {
  background: url(../img/company/bg_main_title_area.jpg) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 840px) {
  #main_title_area {
    background: url(../img/company/bg_main_title_area_sp.jpg) no-repeat center top;
    background-size: cover;
  }
}

.page_nav {
  padding: 8rem 0 6.5rem;
}
@media screen and (max-width: 1400px) {
  .page_nav {
    padding: 5.7142857143vw 0 4.6428571429vw;
  }
}
@media screen and (max-width: 840px) {
  .page_nav {
    padding: 8.9743589744vw 0 10.2564102564vw;
  }
}
.page_nav .wrap {
  max-width: 104.7rem;
}
@media screen and (max-width: 840px) {
  .page_nav .wrap {
    width: 89.7435897436vw;
  }
}
.page_nav .wrap ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
}
@media screen and (max-width: 1400px) {
  .page_nav .wrap ul {
    gap: 0.8571428571vw;
  }
}
@media screen and (max-width: 840px) {
  .page_nav .wrap ul {
    gap: 1.5384615385vw;
  }
}
.page_nav .wrap ul li {
  width: calc((100% - 2.4rem) / 3);
}
@media screen and (max-width: 1400px) {
  .page_nav .wrap ul li {
    width: calc((100% - 1.7142857143vw) / 3);
  }
}
@media screen and (max-width: 840px) {
  .page_nav .wrap ul li {
    width: calc((100% - 1.5384615385vw) / 2);
  }
}
.page_nav .wrap ul li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6.5rem;
  font-size: 1.7rem;
  color: #09417E;
  font-weight: 700;
  text-align: center;
  line-height: 1.29411;
  background: #fff;
  border: 0.1rem solid #09417E;
  border-radius: 10rem;
}
@media screen and (max-width: 1400px) {
  .page_nav .wrap ul li a {
    height: 4.6428571429vw;
    font-size: 1.2142857143vw;
    border-radius: 7.1428571429vw;
  }
}
@media screen and (max-width: 840px) {
  .page_nav .wrap ul li a {
    height: 12.8205128205vw;
    padding: 0 5.641025641vw;
    font-size: 3.5897435897vw;
    border-radius: 15.3846153846vw;
  }
}
.page_nav .wrap ul li a .arrow {
  position: absolute;
  top: 50%;
  right: 2.5rem;
  display: inline-block;
  width: 1.2rem;
  height: 0.6rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 1400px) {
  .page_nav .wrap ul li a .arrow {
    right: 1.7857142857vw;
    width: 0.8571428571vw;
    height: 0.4285714286vw;
  }
}
@media screen and (max-width: 840px) {
  .page_nav .wrap ul li a .arrow {
    right: 3.0769230769vw;
    width: 2.0512820513vw;
    height: 1.0256410256vw;
  }
}
.page_nav .wrap ul li a .arrow::before,
.page_nav .wrap ul li a .arrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 0.075rem);
  width: 0.15rem;
  height: 0.84rem;
  border-radius: 9999px;
  background-color: #09417e;
  transform-origin: 50% calc(100% - 0.075rem);
}
@media screen and (max-width: 1400px) {
  .page_nav .wrap ul li a .arrow::before,
  .page_nav .wrap ul li a .arrow::after {
    left: calc(50% - 0.0535714286vw);
    width: 0.1071428571vw;
    height: 0.6vw;
    transform-origin: 50% calc(100% - 0.0535714286vw);
  }
}
@media screen and (max-width: 840px) {
  .page_nav .wrap ul li a .arrow::before,
  .page_nav .wrap ul li a .arrow::after {
    left: calc(50% - 0.1923076923vw);
    width: 0.3846153846vw;
    height: 1.4358974359vw;
    transform-origin: 50% calc(100% - 0.1923076923vw);
  }
}
.page_nav .wrap ul li a .arrow::before {
  transform: rotate(45deg);
}
.page_nav .wrap ul li a .arrow::after {
  transform: rotate(-45deg);
}
.page_nav .wrap ul li a:hover {
  color: #fff;
  background: #09417e;
  opacity: 1;
}
.page_nav .wrap ul li a:hover .arrow::before,
.page_nav .wrap ul li a:hover .arrow::after {
  background-color: #fff;
}
@media screen and (max-width: 840px) {
  .page_nav .wrap ul li:nth-child(4) a {
    font-size: 3.3333333333vw;
  }
}

#philosophy {
  padding: 6.5rem 0 13rem;
}
@media screen and (max-width: 1400px) {
  #philosophy {
    padding: 4.6428571429vw 0 9.2857142857vw;
  }
}
@media screen and (max-width: 840px) {
  #philosophy {
    padding: 10.2564102564vw 0 15.3846153846vw;
  }
}
#philosophy .wrap {
  position: relative;
}
#philosophy .title_area .en,
#philosophy .title_area .title02 {
  text-align: left;
}
#philosophy .flex {
  align-items: center;
}
@media screen and (max-width: 840px) {
  #philosophy .flex {
    flex-wrap: wrap;
    gap: 5.8974358974vw;
  }
}
#philosophy .flex .txt_area {
  position: relative;
  width: 56.8rem;
  margin-top: 2.7rem;
}
@media screen and (max-width: 1400px) {
  #philosophy .flex .txt_area {
    width: 40.5714285714vw;
    margin-top: 1.9285714286vw;
  }
}
@media screen and (max-width: 840px) {
  #philosophy .flex .txt_area {
    width: 100%;
    margin-top: 0;
  }
}
#philosophy .flex .txt_area .title_area {
  margin-bottom: 10.7rem;
}
@media screen and (max-width: 1400px) {
  #philosophy .flex .txt_area .title_area {
    margin-bottom: 7.6428571429vw;
  }
}
#philosophy .flex .txt_area .title_area .en,
#philosophy .flex .txt_area .title_area .title02 {
  text-align: left;
}
#philosophy .flex .txt_area .title03 {
  margin-bottom: 2.7rem;
  font-size: 3.1rem;
  font-weight: 700;
}
@media screen and (max-width: 1400px) {
  #philosophy .flex .txt_area .title03 {
    margin-bottom: 1.9285714286vw;
    font-size: 2.2142857143vw;
  }
}
@media screen and (max-width: 840px) {
  #philosophy .flex .txt_area .title03 {
    margin-bottom: 5.1282051282vw;
    font-size: 7.1794871795vw;
  }
}
#philosophy .flex .txt_area .txt p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.1875;
}
@media screen and (max-width: 1400px) {
  #philosophy .flex .txt_area .txt p {
    font-size: 1.1428571429vw;
  }
}
@media screen and (max-width: 840px) {
  #philosophy .flex .txt_area .txt p {
    font-size: 4.1025641026vw;
  }
}
#philosophy .flex figure {
  position: absolute;
  top: 0;
  right: -26rem;
  max-width: 100.2rem;
  width: 71.5714285714%;
}
@media screen and (max-width: 1400px) {
  #philosophy .flex figure {
    right: -18.5714285714vw;
  }
}
@media screen and (max-width: 840px) {
  #philosophy .flex figure {
    position: unset;
    width: 100%;
  }
}
#philosophy .catch {
  margin-top: 25.7rem;
  margin-bottom: 2rem;
  font-size: 3.1rem;
  color: #09417E;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 1400px) {
  #philosophy .catch {
    margin-top: 18.3571428571vw;
    margin-bottom: 0.7142857143vw;
    font-size: 2.2142857143vw;
  }
}
@media screen and (max-width: 840px) {
  #philosophy .catch {
    margin-top: 11.5384615385vw;
    margin-bottom: 3.5897435897vw;
    font-size: 5.1282051282vw;
    line-height: 1.4;
  }
}
#philosophy .catch span {
  color: #F15A24;
}
#philosophy .catch_sub {
  margin-bottom: 5rem;
  font-size: 2.3rem;
  color: #09417E;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 1400px) {
  #philosophy .catch_sub {
    margin-bottom: 3.5714285714vw;
    font-size: 1.6428571429vw;
  }
}
@media screen and (max-width: 840px) {
  #philosophy .catch_sub {
    margin-bottom: 6.4102564103vw;
    font-size: 4.1025641026vw;
  }
}
#philosophy ul {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 840px) {
  #philosophy ul {
    flex-wrap: wrap;
    gap: 2.5641025641vw;
  }
}
#philosophy ul li {
  width: calc((100% - 3.2rem) / 3);
  padding: 4rem 0 3rem;
  border: 0.1rem solid #09417E;
  border-radius: 0.5rem;
}
@media screen and (max-width: 1400px) {
  #philosophy ul li {
    width: calc((100% - 2.2857142857vw) / 3);
    padding: 2.8571428571vw 0 2.1428571429vw;
    border-radius: 0.3571428571vw;
  }
}
@media screen and (max-width: 840px) {
  #philosophy ul li {
    width: 100%;
    padding: 5.8974358974vw 3.0769230769vw 4.8717948718vw;
    border-radius: 1.2820512821vw;
    text-align: center;
  }
}
#philosophy ul li img {
  display: block;
  width: 8rem;
  margin: auto;
}
@media screen and (max-width: 1400px) {
  #philosophy ul li img {
    width: 5.7142857143vw;
  }
}
@media screen and (max-width: 840px) {
  #philosophy ul li img {
    width: 14.6153846154vw;
    margin: auto;
  }
}
#philosophy ul li .txt {
  margin-top: 2.5rem;
}
@media screen and (max-width: 1400px) {
  #philosophy ul li .txt {
    margin-top: 1.7857142857vw;
  }
}
@media screen and (max-width: 840px) {
  #philosophy ul li .txt {
    margin-top: 0;
  }
}
#philosophy ul li .txt h3 {
  margin-bottom: 2rem;
  font-size: 3.1rem;
  color: #09417E;
  text-align: center;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 1400px) {
  #philosophy ul li .txt h3 {
    margin-bottom: 1.4285714286vw;
    font-size: 2.2142857143vw;
  }
}
@media screen and (max-width: 840px) {
  #philosophy ul li .txt h3 {
    margin-top: 4.1025641026vw;
    margin-bottom: 4.1025641026vw;
    font-size: 6.6666666667vw;
    text-align: center;
  }
}
#philosophy ul li .txt h4 {
  margin-bottom: 2.4rem;
  font-size: 1.8rem;
  color: #09417E;
  text-align: center;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 1400px) {
  #philosophy ul li .txt h4 {
    margin-bottom: 1.7142857143vw;
    font-size: 1.2857142857vw;
  }
}
@media screen and (max-width: 840px) {
  #philosophy ul li .txt h4 {
    margin-bottom: 4.1025641026vw;
    font-size: 4.1025641026vw;
  }
}
#philosophy ul li .txt p {
  font-size: 1.6rem;
  text-align: center;
  font-weight: 500;
  line-height: 1.9375;
}
@media screen and (max-width: 1400px) {
  #philosophy ul li .txt p {
    font-size: 1.1428571429vw;
  }
}
@media screen and (max-width: 840px) {
  #philosophy ul li .txt p {
    font-size: 3.5897435897vw;
    line-height: 1.6666;
  }
}

#message {
  padding: 12rem 0;
  background: #F5F7FA;
}
@media screen and (max-width: 1400px) {
  #message {
    padding: 8.5714285714vw 0;
  }
}
@media screen and (max-width: 840px) {
  #message {
    padding: 15.3846153846vw 0;
  }
}
#message .flex {
  justify-content: space-between;
}
@media screen and (max-width: 840px) {
  #message .flex {
    flex-wrap: wrap;
    gap: 6.4102564103vw;
  }
}
#message .flex figure {
  max-width: 57.5rem;
  width: 41.0714285714%;
}
@media screen and (max-width: 840px) {
  #message .flex figure {
    width: 100%;
  }
}
#message .flex .txt {
  max-width: 74.4rem;
  width: 53.1428571429%;
  margin-top: 0.9rem;
}
@media screen and (max-width: 1400px) {
  #message .flex .txt {
    margin-top: 0.6428571429vw;
  }
}
@media screen and (max-width: 840px) {
  #message .flex .txt {
    width: 100%;
    margin-top: 0;
  }
}
#message .flex .txt p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9375;
}
@media screen and (max-width: 1400px) {
  #message .flex .txt p {
    font-size: 1.1428571429vw;
  }
}
@media screen and (max-width: 840px) {
  #message .flex .txt p {
    font-size: 3.8461538462vw;
    line-height: 1.8666;
  }
}
#message .flex .txt .position {
  margin-top: 3rem;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: right;
  line-height: 1;
}
@media screen and (max-width: 1400px) {
  #message .flex .txt .position {
    margin-top: 2.1428571429vw;
    font-size: 1.2857142857vw;
  }
}
@media screen and (max-width: 840px) {
  #message .flex .txt .position {
    margin-top: 7.6923076923vw;
    font-size: 4.1025641026vw;
  }
}
#message .flex .txt .name {
  margin-top: 2rem;
  font-size: 2.4rem;
  font-weight: 700;
  text-align: right;
  line-height: 1;
}
@media screen and (max-width: 1400px) {
  #message .flex .txt .name {
    margin-top: 1.4285714286vw;
    font-size: 1.7142857143vw;
  }
}
@media screen and (max-width: 840px) {
  #message .flex .txt .name {
    margin-top: 3.5897435897vw;
    font-size: 6.1538461538vw;
  }
}

#profile {
  padding: 13rem 0;
  background: #E7EBF3;
}
@media screen and (max-width: 1400px) {
  #profile {
    padding: 9.2857142857vw 0;
  }
}
@media screen and (max-width: 840px) {
  #profile {
    padding: 15.3846153846vw 0;
  }
}
#profile .wrap {
  max-width: 120rem;
}
@media screen and (max-width: 840px) {
  #profile .wrap {
    width: 89.7435897436vw;
  }
}
@media screen and (max-width: 840px) {
  #profile .title_area {
    margin-bottom: 21.7948717949vw;
  }
}
#profile .title_area .intro {
  text-align: center;
  margin-top: 5rem;
  font-size: 1.6rem;
  line-height: 2.1875;
}
#profile .w_box {
  position: relative;
  padding: 7.5rem 6.3rem;
}
@media screen and (max-width: 1400px) {
  #profile .w_box {
    padding: 5.3571428571vw 4.5vw;
  }
}
@media screen and (max-width: 840px) {
  #profile .w_box {
    padding: 0 7.6923076923vw 8.9743589744vw;
  }
}
#profile .w_box:before {
  content: "";
  position: absolute;
  top: 0;
  width: 104rem;
  height: 100%;
  background: #fff;
  border-radius: 0.5rem;
}
@media screen and (max-width: 1400px) {
  #profile .w_box:before {
    width: 74.2857142857vw;
    border-radius: 0.3571428571vw;
  }
}
@media screen and (max-width: 840px) {
  #profile .w_box:before {
    width: 100%;
    border-radius: 1.2820512821vw;
  }
}
#profile .w_box + .w_box {
  margin-top: 6rem;
}
@media screen and (max-width: 1400px) {
  #profile .w_box + .w_box {
    margin-top: 4.2857142857vw;
  }
}
@media screen and (max-width: 840px) {
  #profile .w_box + .w_box {
    margin-top: 19.7435897436vw;
  }
}
#profile .w_box figure {
  position: absolute;
  top: 50%;
  max-width: 57.5rem;
  width: 47.9166666667%;
  transform: translateY(-50%);
}
@media screen and (max-width: 840px) {
  #profile .w_box figure {
    top: -10.2564102564vw;
    width: 76.9230769231vw;
    transform: translate(-50%, 0);
  }
}
#profile .w_box .in {
  position: relative;
}
@media screen and (max-width: 840px) {
  #profile .w_box .in {
    padding-top: 47.9487179487vw;
  }
}
#profile .w_box .in .number {
  margin-bottom: 2.2rem;
  font-size: 2.8rem;
  color: #09417E;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 1400px) {
  #profile .w_box .in .number {
    margin-bottom: 1.5714285714vw;
    font-size: 2vw;
  }
}
@media screen and (max-width: 840px) {
  #profile .w_box .in .number {
    margin-bottom: 3.5897435897vw;
    font-size: 5.1282051282vw;
  }
}
#profile .w_box .in .title03 {
  margin-bottom: 2rem;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.53846;
}
@media screen and (max-width: 1400px) {
  #profile .w_box .in .title03 {
    margin-bottom: 1.4285714286vw;
    font-size: 1.8571428571vw;
  }
}
@media screen and (max-width: 840px) {
  #profile .w_box .in .title03 {
    margin-bottom: 2.5641025641vw;
    font-size: 5.3846153846vw;
  }
}
@media screen and (max-width: 840px) {
  #profile .w_box .in .title03 span {
    font-size: 4.8717948718vw;
  }
}
#profile .w_box .in p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9375;
}
@media screen and (max-width: 1400px) {
  #profile .w_box .in p {
    font-size: 1.1428571429vw;
  }
}
@media screen and (max-width: 840px) {
  #profile .w_box .in p {
    font-size: 3.8461538462vw;
    line-height: 1.86666;
  }
}
#profile .w_box .in ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-top: 3rem;
}
@media screen and (max-width: 1400px) {
  #profile .w_box .in ul {
    gap: 0.5vw;
    margin-top: 2.1428571429vw;
  }
}
@media screen and (max-width: 840px) {
  #profile .w_box .in ul {
    gap: 1.2820512821vw;
    margin-top: 5.641025641vw;
  }
}
#profile .w_box .in ul li {
  padding: 0.7rem 1.2rem 1rem;
  font-size: 1.6rem;
  color: #09417E;
  font-weight: 700;
  line-height: 1;
  background: #E7EBF3;
  border-radius: 3rem;
}
@media screen and (max-width: 1400px) {
  #profile .w_box .in ul li {
    padding: 0.5vw 0.8571428571vw 0.7142857143vw;
    font-size: 1.1428571429vw;
    border-radius: 2.1428571429vw;
  }
}
@media screen and (max-width: 840px) {
  #profile .w_box .in ul li {
    padding: 1.7948717949vw 3.0769230769vw 2.5641025641vw;
    font-size: 3.3333333333vw;
    border-radius: 7.6923076923vw;
  }
}
#profile .w_box:nth-child(even) {
  padding-left: 64rem;
}
@media screen and (max-width: 1400px) {
  #profile .w_box:nth-child(even) {
    padding-left: 45.7142857143vw;
  }
}
@media screen and (max-width: 840px) {
  #profile .w_box:nth-child(even) {
    padding-left: 7.6923076923vw;
  }
}
#profile .w_box:nth-child(even):before {
  right: 0;
}
#profile .w_box:nth-child(even) figure {
  left: 0;
}
@media screen and (max-width: 840px) {
  #profile .w_box:nth-child(even) figure {
    left: 50%;
  }
}
#profile .w_box:nth-child(odd) {
  padding-right: 61rem;
}
@media screen and (max-width: 1400px) {
  #profile .w_box:nth-child(odd) {
    padding-right: 43.5714285714vw;
  }
}
@media screen and (max-width: 840px) {
  #profile .w_box:nth-child(odd) {
    padding-right: 7.6923076923vw;
  }
}
#profile .w_box:nth-child(odd):before {
  left: 0;
}
#profile .w_box:nth-child(odd) figure {
  right: 0;
}
@media screen and (max-width: 840px) {
  #profile .w_box:nth-child(odd) figure {
    left: 50%;
    right: auto;
  }
}
#profile .end_txt {
  text-align: center;
  font-size: 2rem;
  color: #09417E;
  line-height: 2;
  font-weight: 700;
  margin-top: 10rem;
}
@media screen and (max-width: 840px) {
  #profile .end_txt {
    margin-top: 7.6923076923vw;
    font-size: 3.5897435897vw;
  }
}

#numbers {
  padding: 13rem 0;
  background: url(../img/company/bg_numbers.png);
  background-size: 192rem auto;
}
@media screen and (max-width: 1400px) {
  #numbers {
    padding: 9.2857142857vw 0;
  }
}
@media screen and (max-width: 840px) {
  #numbers {
    padding: 15.3846153846vw 0;
  }
}
@media screen and (max-width: 840px) {
  #numbers .wrap {
    width: 89.7435897436vw;
  }
}
#numbers .title_area .title02,
#numbers .title_area .en {
  color: #fff;
}
@media screen and (max-width: 840px) {
  #numbers .title_area .title02 {
    font-size: 7.1794871795vw;
    line-height: 1.392857;
  }
}
#numbers .flex {
  flex-wrap: wrap;
  gap: 3rem;
}
@media screen and (max-width: 1400px) {
  #numbers .flex {
    gap: 2.1428571429vw;
  }
}
@media screen and (max-width: 840px) {
  #numbers .flex {
    gap: 3.5897435897vw;
  }
}
#numbers .flex .w_box {
  width: calc((100% - 9rem) / 4);
  padding: 2.4rem 2.4rem 1.8rem;
  background: #fff;
  border-radius: 0.5rem;
}
@media screen and (max-width: 1400px) {
  #numbers .flex .w_box {
    width: calc((100% - 6.4285714286vw) / 4);
    padding: 1.7142857143vw 1.7142857143vw 1.2857142857vw;
    border-radius: 0.3571428571vw;
  }
}
@media screen and (max-width: 840px) {
  #numbers .flex .w_box {
    width: calc((100% - 3.5897435897vw) / 2);
    padding: 5.1282051282vw 0;
    border-radius: 1.2820512821vw;
  }
}
#numbers .flex .w_box p {
  font-size: 2.2rem;
  color: #09417E;
  text-align: center;
  font-weight: 700;
  line-height: 1.363636;
}
@media screen and (max-width: 1400px) {
  #numbers .flex .w_box p {
    font-size: 1.5714285714vw;
  }
}
@media screen and (max-width: 840px) {
  #numbers .flex .w_box p {
    font-size: 4.8717948718vw;
  }
}
#numbers .flex .w_box .mid {
  margin: 1.7rem 0 2rem;
  font-size: 3rem;
  display: flex;
  justify-content: center;
  align-items: end;
}
@media screen and (max-width: 1400px) {
  #numbers .flex .w_box .mid {
    margin: 1.2142857143vw 0 1.4285714286vw;
    font-size: 2.1428571429vw;
  }
}
@media screen and (max-width: 840px) {
  #numbers .flex .w_box .mid {
    margin: 2.5641025641vw 0 3.3333333333vw;
    font-size: 4.358974359vw;
  }
}
#numbers .flex .w_box .mid .mtx {
  font-size: 2.2rem;
  text-align: left;
}
@media screen and (max-width: 840px) {
  #numbers .flex .w_box .mid .mtx {
    font-size: 3.3333333333vw;
  }
}
#numbers .flex .w_box .mid .large {
  margin: 0 0.8rem;
  font-size: 8rem;
  line-height: 1;
}
@media screen and (max-width: 1400px) {
  #numbers .flex .w_box .mid .large {
    margin: 0 0.5714285714vw;
    font-size: 5.7142857143vw;
  }
}
@media screen and (max-width: 840px) {
  #numbers .flex .w_box .mid .large {
    margin: 0 1.5384615385vw;
    font-size: 11.5384615385vw;
  }
}
#numbers .flex .w_box .under {
  font-size: 1.8rem;
  color: #222;
  font-weight: 500;
}
@media screen and (max-width: 1400px) {
  #numbers .flex .w_box .under {
    font-size: 1.2857142857vw;
  }
}
@media screen and (max-width: 840px) {
  #numbers .flex .w_box .under {
    font-size: 3.8461538462vw;
  }
}
#numbers .flex .w_box:last-of-type .mid {
  margin: 1.4rem 0 1.7rem;
}
@media screen and (max-width: 1400px) {
  #numbers .flex .w_box:last-of-type .mid {
    margin: 1vw 0 1.2142857143vw;
  }
}
@media screen and (max-width: 840px) {
  #numbers .flex .w_box:last-of-type .mid {
    margin: 2.5641025641vw 0 2.3076923077vw;
  }
}
#numbers .flex .w_box:last-of-type .under {
  font-size: 1.4rem;
}
@media screen and (max-width: 1400px) {
  #numbers .flex .w_box:last-of-type .under {
    font-size: 1vw;
  }
}
@media screen and (max-width: 840px) {
  #numbers .flex .w_box:last-of-type .under {
    font-size: 2.5641025641vw;
  }
}

#overview {
  padding: 13rem 0 4.5rem;
}
@media screen and (max-width: 1400px) {
  #overview {
    padding: 9.2857142857vw 0 3.2142857143vw;
  }
}
@media screen and (max-width: 840px) {
  #overview {
    padding: 15.3846153846vw 0 6.4102564103vw;
  }
}
#overview .wrap {
  max-width: 120rem;
}
@media screen and (max-width: 840px) {
  #overview .wrap {
    width: 89.7435897436vw;
  }
}
#overview dl {
  display: flex;
  align-items: center;
  background: #F5F7FA;
  border-bottom: 0.1rem solid #D1D9E8;
}
@media screen and (max-width: 840px) {
  #overview dl {
    flex-wrap: wrap;
  }
}
#overview dl:first-of-type {
  border-top: 0.1rem solid #D1D9E8;
}
#overview dl dt {
  width: 22rem;
  padding: 3.5rem 3rem;
  font-size: 1.7rem;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 1400px) {
  #overview dl dt {
    width: 15.7142857143vw;
    padding: 2.5vw 2.1428571429vw;
    font-size: 1.2142857143vw;
  }
}
@media screen and (max-width: 840px) {
  #overview dl dt {
    width: 100%;
    padding: 4.1025641026vw 3.8461538462vw 4.6153846154vw;
    font-size: 4.1025641026vw;
    text-align: left;
    border-bottom: 0.1rem solid #D1D9E8;
  }
}
#overview dl dd {
  width: calc(100% - 22rem);
  padding: 3.5rem 5rem;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.470588;
  background: #fff;
}
@media screen and (max-width: 1400px) {
  #overview dl dd {
    width: calc(100% - 15.7142857143vw);
    padding: 2.5vw 3.5714285714vw;
    font-size: 1.2142857143vw;
  }
}
@media screen and (max-width: 840px) {
  #overview dl dd {
    width: 100%;
    padding: 5.1282051282vw 3.8461538462vw;
    font-size: 4.1025641026vw;
    line-height: 1.5625;
  }
}