@charset "UTF-8";
/* ===== @use ===== */
/* ===== common.scss ===== */
/* -- 変数 -- */
/* font */
/* color */
/* switching */
/* ===== @mixin ===== */
/* -- crm -- */
/* -- 画像をトリミング -- */
/* ===== company.css ===== */
/* -- aboutBox01 -- */
.aboutBox01 {
  margin-top: 5.7rem;
}
@media screen and (min-width: 901px) {
  .aboutBox01 {
    display: flex;
    flex-wrap: wrap;
  }
}
.aboutBox01 > * {
  zoom: 1;
}
.aboutBox01 > *::after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (min-width: 901px) {
  .aboutBox01 > * {
    width: 46.7%;
  }
  .aboutBox01 > *:not(:nth-child(2n)) {
    margin-right: 6.6%;
  }
  .aboutBox01 > *:not(:nth-last-child(-n+2)) {
    margin-bottom: 70px;
  }
}
.aboutBox01-img {
  position: relative;
  overflow: hidden;
  padding-top: 41.1%;
  max-width: 300px;
}
.aboutBox01-img img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 901px) {
  .aboutBox01-img {
    float: left;
    width: 41.1%;
  }
}
.aboutBox01-tit {
  font-family: "archivo-expanded", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 4.2rem;
  line-height: 1;
  margin-top: 3.2rem;
}
@media screen and (min-width: 901px) {
  .aboutBox01-tit {
    margin-left: auto;
    width: 53.6%;
  }
}
.aboutBox01-tit::first-letter {
  color: #B50033;
}
.aboutBox01-txt {
  font-weight: bold;
  letter-spacing: 0.03em;
  margin-top: 3.4rem;
}
@media screen and (min-width: 901px) {
  .aboutBox01-txt {
    margin-left: auto;
    width: 53.6%;
  }
}
@media screen and (max-width: 900px) {
  .aboutBox01 > *:not(:last-child) {
    margin-bottom: 50px;
  }
  .aboutBox01-img {
    padding-top: 45%;
    max-width: none;
  }
  .aboutBox01-img img {
    max-width: none;
    width: 110%;
    height: 40vmin;
  }
}

/* -- aboutBox02 -- */
.aboutBox02 {
  position: relative;
  margin: 11.4rem 0 11.9rem;
  height: 140px;
}
.aboutBox02 img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  object-position: center;
}
@media screen and (max-width: 900px) {
  .aboutBox02 {
    margin: 50px 0 60px;
    height: 100px;
  }
}

/* -- aboutBox03 -- */
.aboutBox03-cnt {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 5.1rem;
  padding-left: 5.2%;
}
.aboutBox03-cnt-lbox {
  width: 410px;
}
.aboutBox03-cnt-lbox-img {
  margin-top: 5.1rem;
}
.aboutBox03-cnt-rbox {
  margin: 90px 0 3.2rem;
  width: calc(100% - 480px);
}
.aboutBox03-cnt-rbox > *:not(:last-child) {
  margin-bottom: 1.4rem;
}
.aboutBox03-cnt-rbox > *:last-child {
  margin-top: 2.4rem;
}
@media screen and (max-width: 900px) {
  .aboutBox03-cnt {
    display: block;
    padding: 0 10px;
  }
  .aboutBox03-cnt-lbox {
    width: auto;
  }
  .aboutBox03-cnt-lbox-img {
    margin-top: 31px;
  }
  .aboutBox03-cnt-rbox {
    margin: 25px 0 0;
    width: auto;
  }
}

/* -- aboutBox04 -- */
.aboutBox04 > * {
  display: flex;
  flex-wrap: wrap;
}
.aboutBox04 > *:not(:last-child) {
  margin-bottom: 2.1rem;
}
.aboutBox04-num {
  font-family: "archivo-expanded", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2rem;
  line-height: 1;
  color: #B50033;
  margin-top: 0.5rem;
  width: 5rem;
}
.aboutBox04-txt {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.5;
  width: calc(100% - 5rem);
}

/* -- aboutBox05 -- */
.aboutBox05 {
  font-weight: bold;
  line-height: 1.5;
  margin-top: 2.8rem;
}
.aboutBox05 > li {
  text-indent: -20px;
  padding-left: 20px;
}
.aboutBox05 > li:not(:last-child) {
  margin-bottom: 1.2rem;
}
.aboutBox05 > li::before {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  bottom: 2px;
  margin-right: 11px;
  width: 6px;
  height: 6px;
  background: #B50033;
  border-radius: 50%;
  content: "";
}
@media screen and (max-width: 900px) {
  .aboutBox05 {
    font-size: 15px;
    line-height: 1.8;
  }
  .aboutBox05 > li::before {
    bottom: 1px;
  }
}

/* -- aboutBox06 -- */
.aboutBox06 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 3;
}/*# sourceMappingURL=about.css.map */