main {
  overflow: visible;
}

.containerWrap_1 {
  background: url("../img/menu/company/company_3/bg.jpg") no-repeat center;
  background-size: cover;
}

.containerWrap_2 {
  padding: 18rem 0rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.containerWrap_2 > .titleContainer {
  width: 110rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition-duration: 0.8s;
  transform: translateY(20%);
}

.containerWrap_2 > .titleContainer.active {
  transform: translateY(0%);
}

.containerWrap_2 > .titleContainer > h3 {
  text-align: center;
  display: block;
  font-size: 2.2rem;
  font-weight: 600;
  letter-spacing: -0.025em;
  color: #000000;
  line-height: 1.2;
  margin-bottom: 2.5rem;
}

.containerWrap_2 > .titleContainer > h2 {
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 5.4rem;
  font-weight: 700;
  letter-spacing: -0.055em;
  color: #000000;
  line-height: 1.3em;
  border-bottom: 0.1rem solid #f2f2f2;
  padding-bottom: 6rem;
}

.containerWrap_2 > .titleContainer > h2 > i {
  color: #08f;
}

.containerWrap_2 > .mainContainer {
  position: relative;
  width: 110rem;
}

.containerWrap_2 > .mainContainer > .bg {
  position: sticky;
  z-index: -1;
  top: 12rem;
  left: calc(50% - 60rem);
  width: 120rem;
  height: 80rem;
  margin: 9rem 0rem 9rem 0rem;
  display: inline-block;
  background: url("../img/menu/company/company_3/img1.png") center no-repeat;
  background-size: contain;
  opacity: 1;
  transition:
    transform 0s linear,
    opacity 1s ease;
}

.containerWrap_2 > .mainContainer > .buttonBox {
  position: fixed;
  top: 9.5rem;
  right: 2.5rem;
  z-index: 10;
  display: flex;
  border: 0.1rem solid #f2f2f2;
  box-shadow: 0rem 0.2rem 1rem rgba(0, 0, 0, 0.1);
  border-radius: 4rem;
  background: #ffffff;
  transition-duration: 0.5s;
  opacity: 0;
}

.containerWrap_2 > .mainContainer > .buttonBox > button {
  font-size: 1.7rem;
  font-weight: 500;
  color: #444444;
  padding: 0.85rem 0.25rem;
}

.containerWrap_2 > .mainContainer > .buttonBox > button > p {
  padding: 0.85rem 2.4rem;
  border-radius: 4rem;
  transition-duration: 0.2s;
}

.containerWrap_2 > .mainContainer > .buttonBox > button:hover > p {
  background: rgb(206, 232, 255);
  color: #08f;
}

.containerWrap_2 > .mainContainer > .buttonBox > button > p > i {
  margin: 0rem -0.2rem;
}

.containerWrap_2 > .mainContainer > .buttonBox > button:first-child {
  border-top-left-radius: 4rem;
  border-bottom-left-radius: 4rem;
  padding-left: 1rem;
}

.containerWrap_2 > .mainContainer > .buttonBox > button:last-child {
  border-top-right-radius: 4rem;
  border-bottom-right-radius: 4rem;
  padding-right: 1rem;
}

.containerWrap_2 > .mainContainer > .buttonBox > button:not(:last-child) {
  border-right: none;
}

.containerWrap_2 > .mainContainer > ul {
  padding-top: 10rem;
}

.containerWrap_2 > .mainContainer > ul > li {
  display: flex;
  padding: 5rem 5rem;
}

.containerWrap_2 > .mainContainer > ul > li:not(:last-child) {
  border-bottom: 0.1rem dashed #cccccc;
}

.containerWrap_2 > .mainContainer > ul > li > h4 {
  position: relative;
  width: 14rem;
  color: #000;
  font-weight: 900;
  font-size: 3rem;
  line-height: 1;
}

.containerWrap_2 > .mainContainer > ul > li > p {
}

.containerWrap_2 > .mainContainer > ul > li > p > span {
  display: flex;
  align-items: center;
  margin-bottom: 0.9rem;
  padding-top: 0.4rem;
}

.containerWrap_2 > .mainContainer > ul > li > p > span > b {
  width: 4.2rem;
  display: block;
  font-size: 1.9rem;
  color: #000000;
}

.containerWrap_2 > .mainContainer > ul > li > p > span > i {
  color: #000000;
  font-weight: 300;
  font-size: 1.7rem;
  letter-spacing: -0.02em;
}
