@charset "utf-8";

/* -----------------------------------------------------------------
.sec_intro
----------------------------------------------------------------- */
.sec_intro {
  position: relative;
  z-index: 1;
}
.sec_intro .sec_body {
  display: flex;
  gap:4vw;
  align-items: center;
  margin-top: var(--margin_size_M);
}


@media screen and (max-width: 767px) {
  .sec_intro .sec_body {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 768px) {
  .sec_intro .item_txt {
    width: 50%;
  }
  .sec_intro .item_img {
    width: 50%;
  }
}


/* -----------------------------------------------------------------
#slider_company
----------------------------------------------------------------- */
#slider_company  {
  margin-top: var(--margin_size_L);
}

/* -----------------------------------------------------------------
.sec_mission
----------------------------------------------------------------- */
.sec_mission {
  margin-top: var(--margin_size_L);
}
.sec_mission .box_body {
  margin-top: var(--margin_size_XS);
  padding: 5rem min(14vw, 10rem);
  border-radius: 9999px;
  background: #fff;
}
.sec_mission .box_body .ttl {
  text-align: center;
}
.sec_mission .box_body .txt {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .sec_mission {
  }
}
@media print, screen and (min-width: 768px) {
  .sec_mission {
  }
}

/* -----------------------------------------------------------------
.sec_biz
----------------------------------------------------------------- */
.sec_biz {
  margin-top: var(--margin_size_XL);
}
.sec_biz .box_body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin-top: var(--margin_size_XS);
}
.sec_biz .box_body .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 440px;
  height: 460px;
  padding: 5rem 3rem;
}
.sec_biz .box_body .item01 {
  background: url("../img/common/obg_main01_border.svg") no-repeat center center;
  background-size: auto 100%;
}
.sec_biz .box_body .item02 {
  background: url("../img/common/obg_main03_border.svg") no-repeat center center;
  background-size: auto 90%;
}
.sec_biz .box_body .item03 {
  background: url("../img/common/obg_main04_border.svg") no-repeat center center;
  background-size: auto 89%;
}
.sec_biz .box_body .item .ttl {
  line-height: 1.4;
  font-weight: 900;
  font-size: min(2.3vw, 1.2rem);
}
.sec_biz .box_body .item .txt {
  margin: 1rem 2.8rem 0;
  line-height: 1.6;
  font-size: 0.9rem;
}

@media screen and (max-width: 767px) {
  .sec_biz .box_body .item {
    width:min(100%,330px) ;
    height: auto;
    aspect-ratio:30 / 33;
    padding: 5rem 2rem;
  }
  .sec_biz .box_body .item01 {
    background: url("../img/common/obg_main01_border.svg") no-repeat center center;
    background-size: contain;
  }
  .sec_biz .box_body .item02 {
    background: url("../img/common/obg_main03_border.svg") no-repeat center center;
    background-size: contain;
  }
  .sec_biz .box_body .item03 {
    background: url("../img/common/obg_main04_border.svg") no-repeat center center;
    background-size: contain;
  }
  .sec_biz .box_body .item03 {
    padding: 5rem 3rem;
  }
  .sec_biz .box_body .item .ttl {
    font-size: 1.1rem;;
  }
  .sec_biz .box_body .item .txt {
    font-size: 0.9rem;
  }

}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .sec_biz .box_body .item {
    width: 330px;
    height: 360px;
    padding: 5rem 1rem;
  }
  .sec_biz .box_body .item03 {
    padding: 5rem 1.5rem;
  }
}

@media print, screen and (min-width: 768px) {
  .sec_biz {
  }
}

/* -----------------------------------------------------------------
.sec_vision
----------------------------------------------------------------- */
.sec_vision {
  position: relative;
  margin-top: var(--margin_size_XL);
}
.sec_vision .box_body {
  display: flex;
  gap:10vw;
  margin-top: var(--margin_size_S);
}
.sec_vision .box_body .body_item .txt {
  margin-top: var(--margin_size_XS);
}


@media screen and (max-width: 767px) {
  .sec_vision .box_body {
    flex-direction: column;
  }
  .sec_vision .box_body .body_item:nth-of-type(2) {
    margin-top: var(--margin_size_S);
  }
}
@media print, screen and (min-width: 768px) {
  .sec_vision .box_body .body_item:nth-of-type(2) {
    margin-top: var(--margin_size_L);
  }
}


/* -----------------------------------------------------------------
.sec_vision(parallax)
----------------------------------------------------------------- */
.sec_vision .parallax_item01 {
  top:30%;
  right: -14em;
  width: 13em;
}
.sec_vision .parallax_item02 {
  top:100%;
  left: -16em;
  width: 17em;
}
@media screen and (max-width: 767px) {
  .sec_vision .parallax_item01 {
    top:30%;
    right: -8em;
    width: 10em;
  }
  .sec_vision .parallax_item02 {
    top:90%;
    left: -7em;
    width: 8em;
  }
}


/* -----------------------------------------------------------------
.sec_outline
----------------------------------------------------------------- */
.sec_outline {
  margin-top: var(--margin_size_XL);
}
.sec_outline .box_body {
  display: flex;
  gap:10vw;
  margin-top: var(--margin_size_S);
}
.sec_outline .company_profile_list {
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .sec_outline .box_body {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 768px) {
  .sec_outline .sec_ttl {
    flex-grow: 1;
    width: calc(30% - 10vw);
  }
  .sec_outline .box_cont {
    flex-grow: 1;
    width: 70%;
  }
}