.page_wrapper {
  background: url(../img/about-us/kv.png) no-repeat top center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .page_wrapper {
    background-image: url(../img/about-us/kv_sp.png);
  }
}

.about-us_conts {
  padding: 9.0659340659vw 0 0;
}
@media screen and (max-width: 767px) {
  .about-us_conts {
    padding: 25.0666666667vw 0 0;
  }
}
.about-us_conts__ttl {
  position: relative;
  padding-left: 7.0054945055vw;
  margin-bottom: 3.5714285714vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__ttl {
    padding-left: 7.0054945055vw;
    margin-bottom: 6.9333333333vw;
  }
}
.about-us_conts__ttl h1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  color: #009BD9;
  font-weight: 700;
  font-size: 3.7087912088vw;
  padding-bottom: 0.4em;
  letter-spacing: 0.2em;
  position: relative;
}
.about-us_conts__ttl h1:after {
  display: block;
  width: 7.2802197802vw;
  height: 0.2747252747vw;
  content: "";
  background: #009BD9;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .about-us_conts__ttl h1 {
    font-size: 9.6vw;
  }
  .about-us_conts__ttl h1:after {
    width: 16vw;
    height: 0.8vw;
  }
}
.about-us_conts__ttl p {
  font-weight: 700;
  font-size: 1.6483516484vw;
  line-height: 1;
  padding-top: 0.7em;
  color: #009BD9;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .about-us_conts__ttl p {
    font-size: 4.8vw;
  }
}
.about-us_conts__body .art_ttl {
  color: #009BD9;
  position: relative;
  font-size: 1.9230769231vw;
  padding-bottom: 0.56em;
  margin-bottom: 2.1978021978vw;
  line-height: 1;
  letter-spacing: 0.08em;
  font-weight: bold;
}
.about-us_conts__body .art_ttl span {
  display: inline-block;
  padding-top: 0.6em;
  font-size: 1.2362637363vw;
}
.about-us_conts__body .art_ttl:after {
  display: block;
  width: 7.2802197802vw;
  height: 0.2747252747vw;
  content: "";
  background: #009BD9;
  position: absolute;
  bottom: 0;
  left: 0;
}
.about-us_conts__body .art_ttl--nobar {
  padding-bottom: 0;
  margin-bottom: 2.0604395604vw;
}
.about-us_conts__body .art_ttl--nobar:after {
  display: none;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .art_ttl {
    font-size: 5.3333333333vw;
    margin-bottom: 4.8vw;
    align-items: center;
    padding-bottom: 0.7em;
  }
  .about-us_conts__body .art_ttl span {
    font-size: 3.7333333333vw;
  }
  .about-us_conts__body .art_ttl:after {
    width: 21.3333333333vw;
    height: 0.8vw;
  }
}
.about-us_conts__body .about {
  padding: 6.5934065934vw 7.0054945055vw 7.2115384615vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .about {
    padding: 21.3333333333vw 4.2666666667vw 21.3333333333vw;
  }
}
.about-us_conts__body .about .about_cont {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .about .about_cont {
    display: block;
  }
}
.about-us_conts__body .about .about_cont__right {
  width: 25.2747252747vw;
  padding: 3.8461538462vw 3.7087912088vw 3.8461538462vw 3.021978022vw;
  border-radius: 2.8846153846vw;
  background: #F4F4F4;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .about .about_cont__right {
    width: 100%;
    padding: 10.1333333333vw 9.6vw;
    border-radius: 5.6vw;
  }
}
.about-us_conts__body .about .about_cont__right dl {
  letter-spacing: 0.08em;
}
.about-us_conts__body .about .about_cont__right dl dt {
  font-size: 0.9615384615vw;
  border-bottom: solid 1px #3B3B3B;
  padding: 0.9em 0.7em;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .about .about_cont__right dl dt {
    font-size: 3.7333333333vw;
  }
}
.about-us_conts__body .about .about_cont__right dl dd ul li {
  border-bottom: solid 1px #3B3B3B;
}
.about-us_conts__body .about .about_cont__right dl dd ul li a {
  color: #009BD9;
  padding: 0.9em 0.7em;
  display: flex;
  align-items: center;
  font-weight: bold;
  position: relative;
}
.about-us_conts__body .about .about_cont__right dl dd ul li a:after {
  content: "";
  display: block;
  width: 0.6868131868vw;
  height: 0.6868131868vw;
  border-bottom: solid #009BD9 0.1373626374vw;
  border-right: solid #009BD9 0.1373626374vw;
  transform: translateY(-60%) rotate(45deg);
  position: absolute;
  right: 0.6868131868vw;
  top: 50%;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .about .about_cont__right dl dd ul li a:after {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    border-bottom: solid #009BD9 0.5333333333vw;
    border-right: solid #009BD9 0.5333333333vw;
    right: 2.6666666667vw;
  }
}
.about-us_conts__body .about .about_cont__left {
  flex: 1;
  padding-right: 5.4945054945vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .about .about_cont__left {
    padding-right: 0;
    margin-bottom: 16vw;
  }
}
.about-us_conts__body .about .about_cont__left p {
  line-height: 2;
}
.about-us_conts__body .about .about_cont__left p:not(:first-of-type) {
  margin-top: 1.7em;
}
.about-us_conts__body .history {
  padding: 9.6153846154vw 0 9.6153846154vw 7.0054945055vw;
  background: #F4F4F4;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .history {
    padding: 21.3333333333vw 0 21.3333333333vw 4.2666666667vw;
  }
}
.about-us_conts__body .history .history_cont {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .history .history_cont {
    flex-direction: column-reverse;
  }
}
.about-us_conts__body .history .history_cont__right {
  width: 48.3516483516vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .history .history_cont__right {
    width: 100%;
    margin-bottom: 8.5333333333vw;
  }
}
.about-us_conts__body .history .history_cont__left {
  flex: 1;
  padding-right: 3.4340659341vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .history .history_cont__left {
    padding: 0 4.2666666667vw 0 0;
  }
}
.about-us_conts__body .history .history_cont__left p {
  line-height: 2;
}
.about-us_conts__body .history .history_cont__left p:not(:first-of-type) {
  margin-top: 1.7em;
}
.about-us_conts__body .how {
  padding: 7.5549450549vw 0 9.6153846154vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .how {
    padding: 20.2666666667vw 0 21.3333333333vw;
  }
}
.about-us_conts__body .how .how_cont {
  height: 56.5934065934vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .how .how_cont {
    height: 215.2vw;
  }
}
.about-us_conts__body .how .how_cont__txt {
  border-radius: 2.8846153846vw;
  width: 41.3461538462vw;
  position: absolute;
  top: 10.3021978022vw;
  left: 50%;
  transform: translateX(-50%);
  padding: 3.5714285714vw 3.7774725275vw 4.2582417582vw;
  background: rgba(244, 244, 244, 0.6);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .how .how_cont__txt {
    width: 91.7333333333vw;
    top: 27.7333333333vw;
    padding: 8vw 8vw 16.5333333333vw;
  }
}
.about-us_conts__body .how .how_cont__txt p {
  line-height: 2;
}
.about-us_conts__body .how .how_cont__txt p:not(:first-of-type) {
  margin-top: 1.7em;
}
.about-us_conts__body .how .how_cont .pic1 {
  width: 58.3791208791vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .how .how_cont .pic1 {
    width: 88vw;
  }
}
.about-us_conts__body .how .how_cont .pic2 {
  width: 28.8461538462vw;
  position: absolute;
  bottom: 0;
  right: 7.0054945055vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .how .how_cont .pic2 {
    width: 66.1333333333vw;
    right: 0;
  }
}
.about-us_conts__body .quality {
  padding: 9.6153846154vw 7.0054945055vw 9.4093406593vw;
  background: #9D9D9C;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .quality {
    padding: 18.6666666667vw 4.2666666667vw 21.3333333333vw;
  }
}
.about-us_conts__body .quality .quality_cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .quality .quality_cont {
    display: block;
  }
}
.about-us_conts__body .quality .quality_cont__left {
  width: 18.8186813187vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .quality .quality_cont__left {
    width: 100%;
    text-align: center;
    margin-bottom: 9.3333333333vw;
  }
  .about-us_conts__body .quality .quality_cont__left img {
    width: 72vw;
  }
}
.about-us_conts__body .quality .quality_cont__right {
  color: #fff;
  padding-left: 1.3736263736vw;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .quality .quality_cont__right {
    width: 100%;
  }
}
.about-us_conts__body .quality .quality_cont__right .art_ttl {
  color: #fff;
}
.about-us_conts__body .quality .quality_cont__right .art_ttl span {
  color: #fff;
}
.about-us_conts__body .quality .quality_cont__right .art_ttl:after {
  background-color: #fff;
}
.about-us_conts__body .quality .quality_cont__right p {
  line-height: 2;
}
.about-us_conts__body .quality .quality_cont__right p:not(:first-of-type) {
  margin-top: 1.7em;
}
.about-us_conts__body .clients {
  padding: 9.6153846154vw 0 9.6153846154vw 7.0054945055vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .clients {
    padding: 21.3333333333vw 0 13.3333333333vw 4.2666666667vw;
  }
}
.about-us_conts__body .clients .clients_cont {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .clients .clients_cont {
    flex-direction: column-reverse;
  }
}
.about-us_conts__body .clients .clients_cont__right {
  width: 48.3516483516vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .clients .clients_cont__right {
    width: 100%;
    text-align: center;
    margin-bottom: 9.3333333333vw;
  }
}
.about-us_conts__body .clients .clients_cont__left {
  flex: 1;
  padding-right: 3.4340659341vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .clients .clients_cont__left {
    padding: 0 4.2666666667vw 0 0;
  }
}
.about-us_conts__body .clients .clients_cont__left p {
  line-height: 2;
}
.about-us_conts__body .clients .clients_cont__left p:not(:first-of-type) {
  margin-top: 1.7em;
}
.about-us_conts__body .why {
  background: #CFEBF7;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .why {
    padding: 0 0 21.3333333333vw;
  }
}
.about-us_conts__body .why .why_cont {
  position: relative;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .why .why_cont {
    display: flex;
    flex-direction: column-reverse;
  }
}
.about-us_conts__body .why .why_cont__left {
  position: absolute;
  width: 41.2087912088vw;
  top: 7.2115384615vw;
  right: 7.0054945055vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .why .why_cont__left {
    padding: 8vw 4.2666666667vw;
    width: 100%;
    position: relative;
    top: auto;
    right: auto;
  }
}
.about-us_conts__body .why .why_cont__left p {
  line-height: 2;
}
.about-us_conts__body .why .why_cont__left p:not(:first-of-type) {
  margin-top: 1.7em;
}
.about-us_conts__body .goal {
  padding: 4.2582417582vw 0 11.6758241758vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .goal {
    padding: 21.3333333333vw 0 42.6666666667vw;
  }
}
.about-us_conts__body .goal .goal_cont__pic {
  width: 100%;
}
.about-us_conts__body .goal .goal_cont__txt {
  width: 54.9450549451vw;
  padding-top: 2.0604395604vw;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .goal .goal_cont__txt {
    padding: 6.9333333333vw 4.2666666667vw 0;
    width: 100%;
  }
}
.about-us_conts__body .goal .goal_cont__txt .art_ttl {
  text-align: center;
}
.about-us_conts__body .goal .goal_cont__txt .art_ttl:after {
  left: 50%;
  transform: translateX(-50%);
}
.about-us_conts__body .goal .goal_cont__txt p {
  line-height: 2;
}
.about-us_conts__body .goal .goal_cont__txt p:not(:first-of-type) {
  margin-top: 1.7em;
}
.about-us_conts__body .products {
  padding: 0 0 9.478021978vw;
  position: relative;
  background: #F4F4F4;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .products {
    padding: 0 0 37.3333333333vw;
  }
}
.about-us_conts__body .products__pic {
  position: absolute;
  text-align: right;
  right: 0;
  top: 0;
  z-index: 0;
}
.about-us_conts__body .products__pic img {
  width: 82.6236263736vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .products__pic {
    position: relative;
  }
  .about-us_conts__body .products__pic img {
    width: 100%;
  }
}
.about-us_conts__body .products .products_cont {
  position: relative;
  z-index: 2;
  padding: 0 7.0054945055vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .products .products_cont {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .products .products_cont .pcont {
    padding: 0 4.2666666667vw;
  }
}
.about-us_conts__body .products .products_cont .pcont--1 {
  height: 40.7967032967vw;
  padding-top: 8.9285714286vw;
  margin-bottom: 9.3406593407vw;
}
.about-us_conts__body .products .products_cont .pcont--1__txt {
  width: 41.2087912088vw;
  font-size: 1.2362637363vw;
}
.about-us_conts__body .products .products_cont .pcont--1__txt p {
  line-height: 2;
}
.about-us_conts__body .products .products_cont .pcont--1__txt p:not(:first-of-type) {
  margin-top: 0.4em;
}
.about-us_conts__body .products .products_cont .pcont--1__txt p img {
  width: 95%;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .products .products_cont .pcont--1 {
    height: auto;
    padding-top: 10.6666666667vw;
    margin-bottom: 13.3333333333vw;
  }
  .about-us_conts__body .products .products_cont .pcont--1__txt {
    width: auto;
    font-size: 3.7333333333vw;
  }
  .about-us_conts__body .products .products_cont .pcont--1__txt p:not(:first-of-type) {
    margin-top: 0.8em;
  }
  .about-us_conts__body .products .products_cont .pcont--1__txt p img {
    width: 100%;
  }
}
.about-us_conts__body .products .products_cont .pcont--2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 9.3406593407vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .products .products_cont .pcont--2 {
    display: block;
    margin-bottom: 16vw;
  }
}
.about-us_conts__body .products .products_cont .pcont--2 h3 {
  width: 100%;
}
.about-us_conts__body .products .products_cont .pcont--2__item {
  width: 41.2087912088vw;
  padding: 2.7472527473vw;
  background: #fff;
  border-radius: 1.2362637363vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .products .products_cont .pcont--2__item {
    width: 100%;
    padding: 6.4vw;
    margin-bottom: 6.4vw;
    border-radius: 3.2vw;
    display: flex;
    flex-direction: column-reverse;
  }
}
.about-us_conts__body .products .products_cont .pcont--2__item .pic {
  margin-bottom: 1.2362637363vw;
  position: relative;
}
.about-us_conts__body .products .products_cont .pcont--2__item .pic img {
  position: relative;
  z-index: 2;
}
.about-us_conts__body .products .products_cont .pcont--2__item .pic iframe {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition-duration: 0.2s;
  width: 100%;
  aspect-ratio: 560/315;
}
.about-us_conts__body .products .products_cont .pcont--2__item .pic iframe.show {
  position: relative;
  opacity: 1;
}
.about-us_conts__body .products .products_cont .pcont--2__item .prof {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .products .products_cont .pcont--2__item .prof {
    margin-bottom: 8vw;
    display: flex;
    flex-direction: column;
  }
}
.about-us_conts__body .products .products_cont .pcont--2__item .prof .prof_pic {
  width: 14.5604395604vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .products .products_cont .pcont--2__item .prof .prof_pic {
    width: 48vw;
    margin: 0 auto 4.8vw;
  }
}
.about-us_conts__body .products .products_cont .pcont--2__item .prof .prof_txt {
  flex: 1;
  padding-right: 3.0906593407vw;
}
.about-us_conts__body .products .products_cont .pcont--2__item .prof .prof_txt p {
  line-height: 1.8;
  font-size: 0.8241758242vw;
}
.about-us_conts__body .products .products_cont .pcont--2__item .prof .prof_txt p.name {
  font-size: 1.6483516484vw;
  line-height: 1.5;
  margin-bottom: 0.7em;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .products .products_cont .pcont--2__item .prof .prof_txt {
    padding: 0;
  }
  .about-us_conts__body .products .products_cont .pcont--2__item .prof .prof_txt p {
    font-size: 3.2vw;
  }
  .about-us_conts__body .products .products_cont .pcont--2__item .prof .prof_txt p.name {
    font-size: 5.3333333333vw;
    margin-bottom: 0.3em;
  }
}
.about-us_conts__body .products .products_cont .pcont--3 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 9.3406593407vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .products .products_cont .pcont--3 {
    display: block;
    margin-bottom: 16vw;
  }
}
.about-us_conts__body .products .products_cont .pcont--3 h3 {
  width: 18.8186813187vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .products .products_cont .pcont--3 h3 {
    width: 100%;
  }
}
.about-us_conts__body .products .products_cont .pcont--3__item {
  width: 18.8186813187vw;
  height: 28.8461538462vw;
  padding: 2.0604395604vw 1.510989011vw;
  background: #fff;
  border-radius: 1.2362637363vw;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .products .products_cont .pcont--3__item {
    width: 100%;
    height: auto;
    padding: 6.9333333333vw 6.4vw;
    margin-bottom: 6.4vw;
    border-radius: 3.2vw;
    display: flex;
    flex-direction: column;
  }
}
.about-us_conts__body .products .products_cont .pcont--3__item .prof_pic {
  width: 9.7527472527vw;
  margin: 0 auto 2.0604395604vw;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .products .products_cont .pcont--3__item .prof_pic {
    width: 48vw;
    margin: 0 auto 4.8vw;
  }
}
.about-us_conts__body .products .products_cont .pcont--3__item .prof_txt {
  width: 100%;
}
.about-us_conts__body .products .products_cont .pcont--3__item .prof_txt p {
  line-height: 1.8;
  font-size: 0.8241758242vw;
}
.about-us_conts__body .products .products_cont .pcont--3__item .prof_txt p.name {
  font-size: 1.2362637363vw;
  line-height: 1.5;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
  .about-us_conts__body .products .products_cont .pcont--3__item .prof_txt {
    padding: 0;
  }
  .about-us_conts__body .products .products_cont .pcont--3__item .prof_txt p {
    font-size: 3.2vw;
  }
  .about-us_conts__body .products .products_cont .pcont--3__item .prof_txt p.name {
    font-size: 5.3333333333vw;
    margin-bottom: 0.3em;
  }
}

.related {
  background: #fff;
  margin: 0 0 4.3956043956vw;
}
@media screen and (max-width: 767px) {
  .related {
    margin: 0 0 12vw 4.2666666667vw;
  }
}

.b_archive {
  width: 19.9175824176vw;
  padding: 0;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .b_archive {
    width: 56.5333333333vw;
    margin: 0 auto;
  }
}
.b_archive a {
  height: 5.0824175824vw;
  font-size: 1.6483516484vw;
  justify-content: center;
  letter-spacing: 0.08em;
  position: relative;
  padding: 0;
  background: #57AEE2;
}
.b_archive a:after {
  position: absolute;
  right: 6%;
}
@media screen and (max-width: 767px) {
  .b_archive a {
    height: 14.4vw;
    font-size: 4.8vw;
  }
}/*# sourceMappingURL=about-us.css.map */