@charset "UTF-8";
.cont_inr {
  max-width: 114rem;
}
.common-mv::after {
  content: "ABOUTUS";
}
.aboutus-index .common-mv .common-mv_right {
  background: url("../images/aboutus_bg.png")no-repeat center center/cover;
}
.w-aboutus-think .common-mv .common-mv_right {
  background: url("../images/aboutus_think_bg.png")no-repeat center center/cover;
}
.w-aboutus-number .common-mv .common-mv_right {
  background: url("../images/aboutus_number_bg.png")no-repeat center center/cover;
}
.w-aboutus .about_inr {
  margin-bottom: 10rem;
}
.bg_ttl {
  margin-bottom: 3rem;
}
.bg_ttl span {
  background-color: #29875A;
  color: #FAFAF6;
  font-size: 2rem;
  padding: 0 1.5rem;
}
.txt {
  color: #29875A;
  margin-bottom: 1rem;
}
.border-btn {
  max-width: 22rem;
}
.border-btn a {
  color: #29875A;
  border-bottom: 1px solid #29875A;
  font-size: 1.8rem;
  padding: 1.8rem 4rem 1.8rem 1rem;
  display: block;
  position: relative;
  font-weight: 600;
}
.border-btn a::after {
  position: absolute;
  content: "";
  background: url("../../common/images/arrow.svg")no-repeat center center/contain;
  width: 3.8rem;
  height: 3.8rem;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  transition: all 1s;
  -webkit-transition: all 1s;
}
.border-btn a:hover::after {
  right: 2rem;
}
.aboutus-index .about_inr {
  justify-content: center;
  margin-bottom: 10rem;
}
.aboutus-index .about_inr .about_inr-img {
  max-width: 40rem;
  width: 100%;
}
.aboutus-index .about_inr .about_inr-txt {
  max-width: 39rem;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .aboutus-index .about_wrap {
    padding: 16rem 2rem 14.5rem;
  }
  .aboutus-index .about_inr {
    justify-content: space-between;
    align-items: center;
  }
  .aboutus-index .about_inr .about_inr-img {
    max-width: 67rem;
    width: 55%;
  }
  .aboutus-index .about_inr .about_inr-txt {
    max-width: 39rem;
    width: 40%;
  }
  .bg_ttl span {
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .aboutus-index .about_inr .about_inr-img {
    margin-bottom: 3rem;
  }
}
.think_wrap .think_img {
  max-width: 47rem;
  width: 100%
}
.think_wrap .name {
  max-width: 20rem;
  margin-left: auto;
}
.think_wrap .name small {
  font-size: 1.6rem;
  color: #29875A;
}
.splide__pagination__page.is-active {
  background: #29875A;
}
.splide__arrows {
  display: none;
}
@media only screen and (min-width: 769px) {
  .think_wrap .think_img {
    width: 40%
  }
  .think_wrap .think_txtcont {
    width: 50%
  }
  .w-aboutus-think .think_wrap .cont_inr {
    justify-content: space-between;
  }
  .w-aboutus-think .think_wrap .txt {
    margin-bottom: 2rem
  }
}
@media only screen and (max-width: 768px) {
  .think_wrap .think_img {
    margin: 0 auto 3rem;
  }
}
.tenbou_wrap {
  padding: 5rem 2rem 14.5rem;
}
.tenbou_wrap .cont_inr {
  padding: 5rem 1rem;
}
.tenbou_wrap .bg_ttl {
  max-width: 49rem;
  margin-bottom: 3rem;
  line-height: 3;
}
.tenbou_wrap .tenbou_img {
  max-width: 51rem;
}
@media only screen and (min-width: 769px) {
  .tenbou_wrap .tenbou_img {
    width: 45%
  }
  .tenbou_wrap .tenbou_txtcont {
    width: 50%
  }
  .tenbou_wrap .cont_inr {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 768px) {
  .splide__track {
    max-width: 60rem;
    margin: auto;
  }
  .tenbou_wrap {
    padding: 5rem 3rem 14.5rem
  }
  .tenbou_wrap .tenbou_txtcont {
    margin: 0 auto 3rem;
  }
  .tenbou_wrap .tenbou_img {
    margin: 0 auto 2rem;
    max-width: 45rem;
    width: 90%;
  }
  .tenbou_wrap .bg_ttl img {
    max-width: 40rem;
  }
}
.w-aboutus-number {
  background: url("../../images/akushu.png")no-repeat right center/contain;
}
.w-aboutus-number .cont_inr.right {
  margin: 0 auto 4rem;
  background-color: #fafaf6;
}
.w-aboutus-number .number_list li {
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 4rem;
  padding: 5rem 2rem;
  margin: 0 1.5rem 3rem;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.w-aboutus-number .number_list li .min {
  font-size: 8rem;
  color: #29875A;
  line-height: 1;
}
.w-aboutus-number .number_list li .small.block {
  color: #29875A;
  width: 100%;
}
.w-aboutus-number .number_list li .flex {
  width: 100%;
}
.w-aboutus-number .number_list li .f-50.min {
  width: 50%;
  font-size: 6rem;
  padding: 0 1.5rem;
}
.w-aboutus-number .number_list li .f-50.min.b-r {
  border-right: 1px solid #29875A;
}
.w-aboutus-number .number_list li .f-50 .ppl_name {
  font-size: 3rem;
  display: block;
}
.w-aboutus-number .number_list li .f-50 .ppl_name small {
  font-size: 1.8rem;
}
.w-aboutus-number .number_list li .min small {
  font-size: 4rem;
}
.w-aboutus-number .bg_ttl {
  text-align: center;
  margin-bottom: 2rem;
  width: 100%;
}
.w-aboutus-number .bg_ttl span {
  background-color: #29875A;
  color: #FAFAF6;
  font-size: 2rem;
  padding: 0 1.5rem;
}
.w-aboutus-number .number_list li.w100 {
  align-items: center;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.w-aboutus-number .number_list li.w100 .bg_ttl, .w-aboutus-number .number_list li.w100 img {
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .w-aboutus-number .number_list, .w-aboutus-number .number_list li.w100, .w-aboutus-number .number_list li.w70 .flex {
    justify-content: flex-start
  }
  .w-aboutus-number .number_list li {
    width: calc(100% / 2 - 3rem);
  }
  .w-aboutus-number .bg_ttl span {
    font-size: 2.6rem;
  }
  .w-aboutus-number .number_list li .min {
    font-size: 8rem;
  }
  .w-aboutus-number .number_list li .min small {
    font-size: 6rem;
  }
  .w-aboutus-number .number_list li.w100 .bg_ttl {
    width: 22rem;
  }
  .w-aboutus-number .number_list li.w100 img {
    width: calc(100% / 2 - 14rem);
  }
  .w-aboutus-number .number_list li.w70 {
    align-items: center;
    width: calc(100% - 33% - 3rem);
    display: flex;
    flex-wrap: wrap;
  }
  .w-aboutus-number .number_list li.w70 img {
    width: calc(100% / 2 - 1rem);
  }
  /*
  .w-aboutus-number .number_list li:last-child {
    width: calc(100% / 3 - 3rem);
  }
*/
}
@media only screen and (min-width: 1367px) {
  .w-aboutus-number .number_list li {
    width: calc(100% / 3 - 3rem);
  }
}
@media only screen and (max-width: 768px) {
  .w-aboutus-number .number_list li.w100 img, .w-aboutus-number .number_list li.w70 img {
    margin: 2rem auto 0;
    max-width: 40rem;
  }
}