@charset "UTF-8";
.s-mv {
  background: url("../images/mv_bottom.webp")no-repeat bottom -1rem center/contain, url("../images/mv_bg_sp.jpg")no-repeat center center/cover;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60rem;
}
.s-mv .mv_txt {
  width: 22rem;
}
@media only screen and (min-width: 769px) {
  .s-mv {
    min-height: 70rem;
    height: 100vh;
    background: url("../images/mv_bottom.webp")no-repeat bottom -3rem center/contain, url("../images/mv_bg.jpg")no-repeat center center/cover;
  }
  .s-mv .mv_txt {
    width: 32rem;
  }
}
@media only screen and (min-width: 1367px) {
  .s-mv {
    min-height: 99rem;
  }
}
@media only screen and (min-width: 2734px) {
  .s-mv .mv_txt {
    width: 50rem;
  }
}
.s-concept {
  background: url("../images/concept_bg.webp")no-repeat top center/cover;
  padding: 10rem 2rem 15rem;
  position: relative;
}
.s-concept .cont_inr {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  color: #ffffff;
}
.s-concept .cont_inr .s-concept_ttl {
  font-size: 2.4rem;
  margin-bottom: 4rem;
}
.s-concept .cont_inr .s-concept_txt {
  font-size: 1.6rem;
}
.s-concept .s-concept-img {
  position: absolute;
  bottom: 0;
  left: -5%;
  right: -5%;
  transform: translateY(50%);
  z-index: 10;
  align-items: center;
}
/*
.s-concept .s-concept-img .s-concept-inr {
  width: 30%;
}
*/
.s-concept .s-concept-img .left_imaage {
  max-width: 36rem;
  width: 26%;
}
.s-concept .s-concept-img .middle_imaage {
  max-width: 58rem;
  margin: auto;
  width: 43%;
}
.s-concept .s-concept-img .right_imaage {
  max-width: 40rem;
  width: 26%;
}
.splide__arrows, .splide__pagination {
  display: none;
}
.splide__slide {
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .s-concept {
    padding: 22rem 3rem 37rem;
  }
  .s-concept .cont_inr .s-concept_ttl {
    font-size: 2.8rem;
    margin-left: 4rem;
  }
  .s-concept .cont_inr .s-concept_txt {
    max-height: 27rem;
  }
  .s-concept .s-concept-img .left_imaage {
    width: 25%;
  }
  .s-concept .s-concept-img .middle_imaage {
    width: 40%;
  }
  .s-concept .s-concept-img .right_imaage {
    width: 25%;
  }
}
@media only screen and (min-width: 1367px) {
  .s-concept .cont_inr .s-concept_ttl {
    font-size: 3.8rem;
  }
  .s-concept .s-concept-img {
    position: absolute;
    bottom: 0;
    left: -5%;
    right: -5%;
    transform: translateY(50%);
  }
}
@media only screen and (min-width: 2734px) {
  .s-concept .s-concept-img {
    max-width: 200rem;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 70%
  }
}
@media only screen and (max-width: 768px) {
  .s-concept .cont_inr .s-concept_txt {
    writing-mode: horizontal-tb;
    width: 100%;
  }
}
/*s-aboutus*/
.s-aboutus {
  padding: 16rem 2rem 13rem;
  position: relative;
}
.s-aboutus {
  background: url("../images/akushu.webp")no-repeat center center/cover;
}
.s-aboutus .cont-ttl.en {
  color: #28875a;
}
.s-aboutus .ttl_wrap {
  justify-content: space-between;
  margin-bottom: 8rem;
}
.s-aboutus .ttl_wrap-right {
  max-width: 40rem;
  letter-spacing: 0;
}
.cont-ttl.jp {
  text-align: right;
  margin-bottom: 1rem;
}
.ttl_wrap-right {
  color: #28875a;
}
.s-about_link {
  max-width: 116rem;
  margin: auto;
}
.s-about_wrap {
  margin-bottom: 10rem;
}
.s-about_inr {
  display: flex;
}
.s-about_inr .about_inr-ttl {
  line-height: 2;
  margin-right: 1rem;
}
.s-about-01 a {
  justify-content: center;
}
.s-about-03 a {
  justify-content: flex-end;
}
.s-about-02 .s-about_inr .about_inr-ttl {
  margin: 0 0 0 1rem;
}
.s-about_inr .about_inr-ttl span {
  background: #28875a;
  color: #ffffff;
  padding: 5px;
  font-size: 2rem;
  font-weight: 600;
}
.s-about_inr .about_inr-img {
  max-width: 60rem;
}
@media only screen and (min-width: 769px) {
  .s-aboutus {
    padding: 30rem 3rem 13rem;
    background: url("../images/akushu.webp")no-repeat center center/contain;
  }
  .s-aboutus .ttl_wrap {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10rem;
  }
  .s-about_inr .about_inr-ttl {
    margin-right: 3rem;
    line-height: 1.9;
  }
  .s-about-02 .s-about_inr .about_inr-ttl {
    margin: 0 0 0 3rem;
  }
  .s-about_inr .about_inr-ttl span {
    font-size: 2.8rem;
  }
}
@media only screen and (min-width: 1367px) {
  .s-aboutus {
    padding: 40rem 3rem 13rem;
  }
}
/*
.s-business {
  display: flex;
  flex-wrap: wrap;
}
.s-business .s-business-left, .s-business-right {
  width: 100%;
}
.s-business .s-business-left {
  background: url("../common/images/g_bg.jpg")no-repeat center center/cover;
  padding: 6rem 3rem;
}
.s-business .s-business-left .en {
  font-size: 7rem;
  line-height: 1;
  color: #fff;
  text-align: center;
}
.s-business .s-business-img {
  max-width: 50rem;
  margin: -2rem auto 0;
}
.s-business .s-business-right {
  padding: 3rem;
}
.s-business .s-business-right .s-business-list {
  border-top: 1px solid #28875a;
  margin: auto;
  max-width: 59rem;
}
.s-business .s-business-right .s-business-list li {
  border-bottom: 1px solid #28875a;
}
.s-business .s-business-right .s-business-list li a {
  padding: 3rem 2rem;
  color: #28875a;
  transition: all 1s;
  display: block;
}
.s-business .s-business-right .s-business-list li a .hover_inr {
  transition: all 0.3s;
  line-height: 1.6;
  max-width: 44rem;
}
.s-business .s-business-right .s-business-list li a .s-business-right_ttl {
  font-size: 2.3rem;
  transition: all 0.5s;
  font-weight: 600;
  position: relative;
  margin-bottom: 1rem
}
.s-business .s-business-right .s-business-list li a .s-business-right_ttl::after {
  position: absolute;
  right: -1rem;
  top: 1.5rem;
  font-size: 1.3rem;
  font-family: "garamond-premier-pro-display", serif;
  line-height: 1;
  font-weight: 600;
}
.s-business .s-business-right .s-business-list li:nth-child(1) a .s-business-right_ttl::after {
  content: "01";
}
.s-business .s-business-right .s-business-list li:nth-child(2) a .s-business-right_ttl::after {
  content: "02";
}
.s-business .s-business-right .s-business-list li:nth-child(3) a .s-business-right_ttl::after {
  content: "03";
}
.s-business .s-business-right .s-business-list li:nth-child(4) a .s-business-right_ttl::after {
  content: "04";
}
.s-business .s-business-right .s-business-list li:nth-child(5) a .s-business-right_ttl::after {
  content: "05";
}
.s-business .s-business-right .s-business-list li a:hover .s-business-right_ttl {
  margin-bottom: 2rem;
}
*/
.s-business.contents {
  padding: 8rem 2rem;
}
.s-business .business-index_list li {
  max-width: 80rem;
  padding: 6rem 0;
  border-radius: 4rem;
  margin-bottom: 8rem;
  position: relative;
  z-index: 0;
}
.s-business .cont-ttl.jp {
  text-align: left;
}
.s-business .business-index_list li:nth-child(2n) {
  margin: 0 0 8rem auto;
}
.s-business .business-index_list li::after {
  position: absolute;
  right: 2rem;
  top: 6.8rem;
  color: #fff;
  font-size: 2.8rem;
  line-height: 1;
  font-family: "garamond-premier-pro-display", serif;
}
.s-business .business-index_list li::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  z-index: -1;
  line-height: 1;
  border-radius: 4rem;
}
.s-business .business-index_list .business-index_list_01::after {
  content: "01";
}
.s-business .business-index_list .business-index_list_02::after {
  content: "02";
}
.s-business .business-index_list .business-index_list_03::after {
  content: "03";
}
.s-business .business-index_list .business-index_list_04::after {
  content: "04";
}
.s-business .business-index_list li .bg_ttl span {
  padding: 0.5rem 1rem 0.5rem 4rem;
  line-height: 1;
  background-color: #29875A;
  color: #FAFAF6;
  font-size: 2rem;
}
.s-business .business-index_list li .business-index_list_txtinr {
  padding: 2rem 2rem 0 2rem;
}
.s-business .business-index_list li .business-index_list_txtinr .txt {
  color: #fff;
  margin-bottom: 1rem;
  max-width: 57rem;
}
.s-business .business-index_list .business-index_list_01 {
  background: url("../business/images/index-b-01.webp")no-repeat center center/cover;
}
.s-business .business-index_list .business-index_list_02 {
  background: url("../business/images/index-b-02.webp")no-repeat right 40% center/cover;
}
.s-business .business-index_list .business-index_list_03 {
  background: url("../business/images/index-b-03.webp")no-repeat right 70% center/cover;
}
.s-business .business-index_list .business-index_list_04 {
  background: url("../business/images/index-b-04.webp")no-repeat right 30% center/cover;
}
@media only screen and (min-width: 769px) {
  .s-aboutus {
    padding: 40rem 3rem 13rem;
  }
  .s-business .s-business-left {
    padding: 8rem 1rem 11rem;
  }
  .s-business .business-index_list .business-index_list_02 {
    background: url("../business/images/index-b-02.webp")no-repeat center center/cover;
  }
  .s-business .business-index_list .business-index_list_03 {
    background: url("../business/images/index-b-03.webp")no-repeat center center/cover;
  }
  .s-business .business-index_list .business-index_list_04 {
    background: url("../business/images/index-b-04.webp")no-repeat center center/cover;
  }
  .s-business .business-index_list li .business-index_list_txtinr {
    padding: 2rem 0 0 4rem;
  }
  /*
  .s-business .s-business-left, .s-business-right {
    width: 50%;
  }
*/
  .s-business .business-index_list li .bg_ttl span {
    font-size: 2.8rem;
  }
  .s-business .s-business-left .en {
    font-size: 8rem;
    color: #29875A;
  }
  /*
  .s-business .s-business-right {
    padding: 3rem;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: end;
  }
  .s-business .s-business-right .s-business-list li a {
    padding: 3rem 6rem 3rem 2rem;
  }
  .s-business .s-business-right .s-business-list li a:hover {
    background-color: #f2f2eb;
    padding: 3rem 6rem 3rem 2rem;
  }
  .s-business .s-business-right .s-business-list li a .s-business-right_ttl {
    margin-bottom: 0;
  }
  .s-business .s-business-right .s-business-list li a:hover .s-business-right_ttl {
    font-size: 2.8rem;
    line-height: 1;
  }
  .s-business .s-business-right .s-business-list li a .s-business-right_ttl::after {
    right: -3rem;
  }
  .s-business .s-business-right .s-business-list li a .hover_inr {
    height: 0;
    opacity: 0;
  }
  .s-business .s-business-right .s-business-list li a:hover .hover_inr {
    height: auto;
    opacity: 1;
  }
*/
}
@media only screen and (min-width: 1367px) {
  .s-business .s-business-left .en {
    font-size: 14rem;
  }
  .s-business .s-business-img {
    margin: -5rem auto 0;
  }
  .s-business .s-business-right .s-business-list li a {
    padding: 3rem 9rem 3rem 2rem;
  }
  .s-business .s-business-right .s-business-list li a:hover .s-business-right_ttl {
    font-size: 3rem;
  }
}
.s-make {
  background: url("../images/make_bottom.webp")no-repeat bottom -1rem center/contain, url("../images/make_bg.jpg")no-repeat center center/cover;
  padding: 24rem 4.5rem 10rem;
}
.s-make .cont-ttl {
  color: #fff;
  line-height: 1;
  margin-bottom: 2rem;
}
.s-make .ttl_wrap, .s-make .cont-ttl.jp {
  color: #fff;
  text-align: left;
}
.s-make .ttl_wrap {
  max-width: 35rem;
}
.s-make .cont-ttl.jp span::after {
  background: #fff;
}
@media only screen and (min-width: 769px) {
  .s-make {
    background: url("../images/make_bottom.webp")no-repeat bottom -2rem center/contain, url("../images/make_bg.jpg")no-repeat center center/cover;
    justify-content: space-between;
    padding: 20rem 4.5rem 10rem;
  }
}
@media only screen and (min-width: 1367px) {
  .s-make {
    padding: 36rem 4.5rem 16rem;
  }
}