/* Sass Document */
.main_title_area {
  max-width: none;
  width: 100%;
  height: auto;
  aspect-ratio: 1/0.1822916667;
  margin: 0;
  background: url(../img/notice/bg_main_title_area.svg) no-repeat center bottom;
  background-size: cover;
  border-radius: 0;
}
@media screen and (max-width: 840px) {
  .main_title_area {
    aspect-ratio: 1/0.4083733333;
    background: url(../img/notice/bg_main_title_area_sp.svg) no-repeat center top;
    background-size: cover;
  }
}
@media screen and (max-width: 1200px) {
  .main_title_area .main_title {
    font-size: 4.1666666667vw;
  }
}
@media screen and (max-width: 840px) {
  .main_title_area .main_title {
    font-size: 6.6666666667vw;
  }
}

#company_area {
  padding: 10rem 0 13rem;
}
@media screen and (max-width: 1200px) {
  #company_area {
    padding: 8.3333333333vw 0 10.8333333333vw;
  }
}
@media screen and (max-width: 840px) {
  #company_area {
    padding: 13.3333333333vw 0 16vw;
  }
}
#company_area dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 0.1rem solid #DDDDD4;
}
@media screen and (max-width: 840px) {
  #company_area dl {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#company_area dl:first-of-type {
  border-top: 0.1rem solid #DDDDD4;
}
#company_area dl dt {
  width: 31.5rem;
  padding: 2.3rem 3rem;
  font-size: 1.6rem;
  font-weight: 700;
  background: #F1F1EC;
}
@media screen and (max-width: 1200px) {
  #company_area dl dt {
    width: 26.25vw;
    padding: 1.9166666667vw 2.5vw;
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 840px) {
  #company_area dl dt {
    width: 100%;
    padding: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
#company_area dl dd {
  width: calc(100% - 31.5rem);
  padding: 2.3rem 3rem;
  font-size: 1.6rem;
  font-weight: 500;
}
@media screen and (max-width: 1200px) {
  #company_area dl dd {
    width: calc(100% - 26.25vw);
    padding: 1.9166666667vw 2.5vw;
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 840px) {
  #company_area dl dd {
    width: 100%;
    padding: 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}

.charter {
  padding: 10rem 0;
  background: url(../img/company/bg01.svg) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 1200px) {
  .charter {
    padding: 8.3333333333vw 0;
  }
}
@media screen and (max-width: 840px) {
  .charter {
    padding: 13.3333333333vw 0;
  }
}
.charter .title02.dotted {
  color: #fff;
  background: url(../img/company/dotted.svg) no-repeat center bottom;
  background-size: 4rem auto;
}
.charter .flex {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}
@media screen and (max-width: 1200px) {
  .charter .flex {
    gap: 1.6666666667vw;
  }
}
@media screen and (max-width: 840px) {
  .charter .flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2.6666666667vw;
  }
}

#achivement_area {
  padding: 12rem 0 26.7rem;
  background: #F1F1EC;
}
@media screen and (max-width: 1200px) {
  #achivement_area {
    padding: 10vw 0 22.25vw;
  }
}
@media screen and (max-width: 840px) {
  #achivement_area {
    padding: 16vw 0 34.6666666667vw;
  }
}
#achivement_area .flex .txt p {
  color: #191919;
}

.bottom_parts {
  margin-top: -13.2rem;
}
@media screen and (max-width: 1200px) {
  .bottom_parts {
    margin-top: -11vw;
  }
}
@media screen and (max-width: 840px) {
  .bottom_parts {
    margin-top: -16vw;
  }
}