@charset "UTF-8";
.c-txt {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .c-txt {
    font-size: 14px;
  }
}

.l-sec {
  position: relative;
  z-index: 3;
}

.fixed-relative {
  position: relative;
  z-index: 3;
}

.intro {
  position: relative;
  z-index: 2;
}

.intro_cont {
  padding: 100px 0;
}
@media screen and (max-width: 767px) {
  .intro_cont {
    padding: 60px 0;
  }
}

.intro_txt {
  color: #005834;
  text-align: center;
  line-height: 2.4;
}
@media screen and (max-width: 767px) {
  .intro_txt {
    font-size: 14px;
  }
}
.intro_txt + .intro_txt {
  margin-top: 35px;
}
@media screen and (max-width: 767px) {
  .intro_txt + .intro_txt {
    margin-top: 24px;
  }
}

.intro_imgWrap {
  margin-top: 35px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .intro_imgWrap {
    margin-top: 24px;
  }
}

.series {
  background-color: #F5F3F0;
  padding-top: 120px;
}
@media screen and (max-width: 767px) {
  .series {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.series_list {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .series_list {
    margin-top: 30px;
  }
}

.series_item {
  display: flex;
}
@media screen and (max-width: 767px) {
  .series_item {
    flex-direction: column;
  }
}

.series_imgWrap {
  width: 51%;
  max-width: 374px;
  flex: 1 0 auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .series_imgWrap {
    width: 100%;
    max-width: 100%;
  }
}
.series_imgWrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.series_imgTxt {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  text-align: right;
  color: #fff;
  font-size: 12px;
}

.series_txtWrap {
  width: 100%;
  padding: 35px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .series_txtWrap {
    padding: 30px 20px;
  }
}

.series_logo {
  text-align: center;
}

.series_ttl {
  margin-top: 30px;
  color: #005834;
}
@media screen and (max-width: 767px) {
  .series_ttl {
    margin-top: 15px;
  }
}

.series_txt {
  font-size: 14px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .series_slideWrap {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.series_slideWrap .swiper-button-next,
.series_slideWrap .swiper-button-prev {
  width: 73px;
  height: 73px;
}
@media screen and (max-width: 767px) {
  .series_slideWrap .swiper-button-next,
  .series_slideWrap .swiper-button-prev {
    width: 42px;
    height: 42px;
    display: none;
  }
}
.series_slideWrap .swiper-button-next {
  right: calc((100% - 1000px) / 2);
}
@media screen and (max-width: 767px) {
  .series_slideWrap .swiper-button-next {
    right: 0;
  }
}
.series_slideWrap .swiper-button-prev {
  left: calc((100% - 1300px) / 2);
}
@media screen and (max-width: 1300px) {
  .series_slideWrap .swiper-button-prev {
    left: 0px;
  }
}
@media screen and (max-width: 767px) {
  .series_slideWrap .swiper-button-prev {
    left: 0px;
  }
}
.series_slideWrap .swiper-button-next::after {
  content: "";
  width: 73px;
  height: 73px;
  background: url(../img/common/icon-arrow-swiper.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .series_slideWrap .swiper-button-next::after {
    width: 42px;
    height: 42px;
  }
}
.series_slideWrap .swiper-button-prev::after {
  content: "";
  transform: rotate(180deg);
  width: 73px;
  height: 73px;
  background: url(../img/common/icon-arrow-swiper.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .series_slideWrap .swiper-button-prev::after {
    width: 42px;
    height: 42px;
  }
}
.series_slideWrap .swiper-slide {
  height: auto !important;
}
.series_slideWrap .swiper {
  padding-left: calc((100% - 1200px) / 2);
}
.series_btnWrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: end;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .series_btnWrap {
    margin-top: 20px;
  }
}

.commit {
  padding-top: 264px;
  background-color: #F5F3F0;
}
@media screen and (max-width: 767px) {
  .commit {
    padding-top: 100px;
  }
}

.commit_tabWrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 30px;
  margin-top: 50px;
  padding-bottom: 70px;
}
@media screen and (max-width: 767px) {
  .commit_tabWrap {
    gap: 0;
  }
}

.commit_tab {
  width: calc((100% - 60px) / 3);
}
@media screen and (max-width: 767px) {
  .commit_tab {
    width: 100%;
  }
}

.commit_tabLink {
  display: flex;
  align-items: start;
  flex-direction: column;
  padding: 10px 46px 10px 15px;
  border-bottom: 1px solid #c8c8c8;
  position: relative;
  width: 100%;
  transition: 0.5s;
}
@media screen and (min-width: 1272px) {
  .commit_tabLink:hover {
    background-color: #EEEBE7;
  }
}
.commit_tabLink::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border: 0;
  border-bottom: solid 2px #005834;
  border-right: solid 2px #005834;
  transform: rotate(45deg) translateY(50%);
  position: absolute;
  top: 0%;
  right: 20px;
  bottom: 0;
  margin: auto;
}

.commit_tabNum {
  color: #609d84;
  font-size: 12px;
  font-family: "trajan-pro-3", serif;
}
@media screen and (max-width: 767px) {
  .commit_tabNum {
    font-size: 10px;
  }
}

.commit_tabTtl {
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .commit_tabTtl {
    font-size: 16px;
  }
}

.tab-area {
  background-color: #F5F3F0;
  padding-top: 100px;
  padding-bottom: 120px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .tab-area {
    padding: 80px 0;
  }
}
.tab-area::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tab-area.tab-01::before {
  background-image: url("/assets/img/concept/bg-tab01.png");
}
.tab-area.tab-02::before {
  background-image: url("/assets/img/concept/bg-tab02.png");
}
.tab-area.tab-03::before {
  background-image: url("/assets/img/concept/bg-tab03.png");
}
.tab-area.tab-04::before {
  background-image: url("/assets/img/concept/bg-tab04.png");
}
.tab-area.tab-05::before {
  background-image: url("/assets/img/concept/bg-tab05.png");
}
.tab-area.tab-06::before {
  background-image: url("/assets/img/concept/bg-tab06.png");
}

.tab_cont {
  position: relative;
  z-index: 2;
}

.tab_subttl {
  color: #609d84;
  font-family: "trajan-pro-3", serif;
  font-size: 12px;
  text-align: center;
}

.tab_num {
  color: #005834;
  font-size: 35px;
  font-family: "trajan-pro-3", serif;
  text-align: center;
  letter-spacing: 2px;
}

.tab_ttl {
  color: #005834;
  font-size: 20px;
  text-align: center;
}

.tab_introTxt {
  margin-top: 20px;
}

.tab_list {
  display: flex;
  gap: 40px;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .tab_list {
    flex-direction: column;
    gap: 30px;
    margin-top: 30px;
  }
}

.tab_item {
  width: calc((100% - 40px) / 2);
}
@media screen and (max-width: 767px) {
  .tab_item {
    width: 100%;
  }
}

.tab_itemImg.contain {
  aspect-ratio: 58/41;
}
.tab_itemImg.contain img {
  aspect-ratio: 58/41;
  -o-object-fit: contain;
     object-fit: contain;
}

.tab_itemTtl {
  font-size: 16px;
  margin-top: 15px;
}

.tab_itemTxt {
  font-size: 14px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  margin-top: 10px;
}

.prise {
  background-color: #EEEBE7;
  padding: 70px 0;
}

.prise_subTtl {
  font-size: 20px;
  text-align: center;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .prise_subTtl {
    font-size: 16px;
    margin-top: 30px;
  }
}

.prise_list {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .prise_list {
    flex-direction: column;
    gap: 0;
  }
}

.prise_item {
  width: calc((100% - 60px) / 3);
}
@media screen and (max-width: 767px) {
  .prise_item {
    width: 100%;
  }
}

.prise_imgWrap {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .prise_imgWrap {
    margin-top: 30px;
  }
}
.prise_imgWrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.prise_icon {
  text-align: center;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .prise_icon {
    margin-top: 10px;
  }
}

.prise_ttl {
  text-align: center;
  margin-top: 10px;
  color: #005834;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .prise_ttl {
    font-size: 16px;
    margin-top: 5px;
  }
}

.prise_txt {
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .prise_txt {
    font-size: 14px;
  }
}

.bnr_zeh {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 300px;
  margin: 50px auto 0;
  transition: 0.5s;
}
@media screen and (min-width: 1272px) {
  .bnr_zeh:hover {
    opacity: 0.7;
  }
}/*# sourceMappingURL=concept.css.map */