@charset "UTF-8";
.container {
  width: 100vw;
  padding: 58px 0 0;
  position: relative;
  overflow: hidden;
  font-family: "Noto Sans JP", Roboto, YuGothic, "Yu Gothic", "游ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Helvetica, sans-serif;
  font-size: min(3.5vw, 16px);
  font-weight: normal;
  line-height: 2;
  color: #1F1D1D;
}
@media (max-width: 979px) {
  .container {
    padding: 50px 0 0;
  }
}
.container * {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.container img {
  width: 100%;
  height: auto;
  display: block;
  line-height: 0;
}
.container a {
  -webkit-transition: 0.3s ease-in opacity;
  transition: 0.3s ease-in opacity;
  text-decoration: none;
  color: #1F1D1D;
}
@media (min-width: 980px) {
  .container a:hover {
    opacity: 0.75;
  }
}
@media (max-width: 979px) {
  .container a:active {
    opacity: 0.75;
  }
}

.u_txtred {
  color: #B30D23;
}

.u_txtbold {
  font-weight: bold !important;
}

@media (min-width: 980px) {
  .u_spbreak {
    display: none;
  }
}
.l_roundbtn {
  width: 100%;
  height: 100%;
}

.roundbtn {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  font-size: min(3.5vw, 17px);
  background-color: #bba170;
  border-radius: 100px;
}
.roundbtn::before, .roundbtn::after {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  bottom: 50%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
}
.roundbtn::before {
  background-image: url(../img/icon_open01.svg);
}
.roundbtn::after {
  background-image: url(../img/icon_close01.svg);
  opacity: 0;
}
.roundbtn.is_close::before {
  opacity: 0;
}
.roundbtn.is_close::after {
  opacity: 1;
}
.roundbtn .roundbtn_txt {
  color: #000;
}

.hero .hero_body {
  padding: 150px 0;
  line-height: 1;
  text-align: center;
  color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../img/bg_hero01.webp);
}
@media (max-width: 979px) {
  .hero .hero_body {
    padding: 100px 0;
    background-image: url(../img/bg_hero01_sp.webp);
  }
}
.hero .hero_body .hero_body_sub {
  font-size: min(4vw, 18px);
  font-weight: 500;
  color: #bba170;
}
.hero .hero_body .hero_body_ttl {
  margin: 20px 0 0;
  font-size: min(5vw, 30px);
  font-weight: bold;
}
.hero .hero_body .hero_body_txt {
  margin: 20px 0 0;
  font-size: min(3vw, 12px);
  font-weight: 500;
}

.l_contents {
  margin: 60px 0 0;
  padding: 0 0 150px;
}
@media (max-width: 979px) {
  .l_contents {
    padding: 0 0 80px;
  }
}

.contents:nth-child(n+2) {
  margin: 100px 0 0;
}
@media (max-width: 979px) {
  .contents:nth-child(n+2) {
    margin: 80px 0 0;
  }
}
.contents .contents_head {
  text-align: center;
  line-height: 1;
}
.contents .contents_head .contents_head_sub {
  font-size: min(4vw, 26px);
  color: #bba170;
}
.contents .contents_head .contents_head_ttl {
  margin: 20px 0 0;
  font-size: min(4.5vw, 30px);
  font-weight: bold;
}
.contents .contents_body {
  margin: 30px 0 0;
}
@media (max-width: 979px) {
  .contents .contents_body {
    margin: 20px 0 0;
  }
}
.contents .contents_body .contents_body_ttl,
.contents .contents_body .contents_body_img,
.contents .contents_body .contents_body_txt {
  width: 90%;
  max-width: 900px;
  margin: auto;
}
.contents .contents_body .contents_body_main {
  margin: 60px 0 0;
}
@media (max-width: 979px) {
  .contents .contents_body .contents_body_main {
    margin: 40px 0 0;
  }
}
.contents .contents_body .contents_body_ttl {
  font-size: min(4.5vw, 30px);
  font-weight: bold;
  text-align: center;
}
.contents .contents_body .contents_body_ttl:nth-child(n+2) {
  margin-top: 60px;
}
@media (max-width: 979px) {
  .contents .contents_body .contents_body_ttl:nth-child(n+2) {
    margin-top: 40px;
  }
}
.contents .contents_body .contents_body_img {
  margin-top: 30px;
}
@media (max-width: 979px) {
  .contents .contents_body .contents_body_img {
    margin-top: 20px;
  }
}
.contents .contents_body .contents_body_txt {
  margin-top: 20px;
  font-size: min(4vw, 20px);
}
.contents .contents_foot {
  margin: 40px 0 0;
}
@media (max-width: 979px) {
  .contents .contents_foot {
    margin-top: 30px;
  }
}
.contents .contents_foot .contents_foot_btn {
  width: 260px;
  height: 58px;
  margin: auto;
}
.contents .contents_foot .contents_foot_main.contents_foot_main__ac {
  max-height: 0;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
          transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.contents .contents_foot .contents_foot_main.contents_foot_main__ac.is_show {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  max-height: 10000px;
}
.contents .contents_foot .contents_foot_main .contents_foot_main_ttl,
.contents .contents_foot .contents_foot_main .contents_foot_main_txt,
.contents .contents_foot .contents_foot_main .contents_foot_main_list {
  width: 90%;
  max-width: 900px;
  margin: auto;
}
.contents .contents_foot .contents_foot_main .contents_foot_main_ttl {
  margin-top: 60px;
  font-size: min(4.5vw, 30px);
  font-weight: bold;
  text-align: center;
}
@media (max-width: 979px) {
  .contents .contents_foot .contents_foot_main .contents_foot_main_ttl {
    margin-top: 40px;
  }
}
.contents .contents_foot .contents_foot_main .contents_foot_main_txt {
  margin-top: 40px;
  font-size: min(4vw, 20px);
}
@media (max-width: 979px) {
  .contents .contents_foot .contents_foot_main .contents_foot_main_txt {
    margin-top: 20px;
  }
}
.contents .contents_foot .contents_foot_main .contents_foot_main_list {
  margin-top: 40px;
}
@media (max-width: 979px) {
  .contents .contents_foot .contents_foot_main .contents_foot_main_list {
    margin-top: 20px;
  }
}
.contents .contents_foot .contents_foot_main .contents_foot_main_list > dt {
  line-height: 1;
}
.contents .contents_foot .contents_foot_main .contents_foot_main_list > dt:nth-child(n+2) {
  margin: 30px 0 0;
}
.contents .contents_foot .contents_foot_main .contents_foot_main_list > dt::before,
.contents .contents_foot .contents_foot_main .contents_foot_main_list > dt > div {
  display: inline-block;
  vertical-align: middle;
}
.contents .contents_foot .contents_foot_main .contents_foot_main_list > dt::before {
  margin: 0 10px 0 0;
  font-family: "din-2014";
  font-size: min(6vw, 40px);
  font-weight: bold;
  content: attr(data-num);
  color: #bba170;
}
.contents .contents_foot .contents_foot_main .contents_foot_main_list > dt > div {
  font-size: min(5vw, 26px);
  font-weight: bold;
}
.contents .contents_foot .contents_foot_main .contents_foot_main_list > dd {
  font-size: min(4vw, 20px);
}
.contents .contents_foot .contents_foot_main .contents_foot_main_inner {
  margin: 30px 0 0;
  padding: 40px 0 60px;
  background-color: #F4F4F4;
}
@media (max-width: 979px) {
  .contents .contents_foot .contents_foot_main .contents_foot_main_inner {
    margin-top: 20px;
  }
}
.contents .contents_foot .contents_foot_main .contents_foot_main_inner .contents_foot_main_inner_ttl,
.contents .contents_foot .contents_foot_main .contents_foot_main_inner .contents_foot_main_inner_txt {
  width: 90%;
  max-width: 900px;
  margin: auto;
}
.contents .contents_foot .contents_foot_main .contents_foot_main_inner .contents_foot_main_inner_ttl {
  font-size: min(4.5vw, 30px);
  font-weight: bold;
  text-align: center;
}
.contents .contents_foot .contents_foot_main .contents_foot_main_inner .contents_foot_main_inner_ttl:nth-child(n+2) {
  margin-top: 60px;
}
.contents .contents_foot .contents_foot_main .contents_foot_main_inner .contents_foot_main_inner_txt {
  margin-top: 40px;
  font-size: min(4vw, 20px);
}

.l_vision {
  padding: 0 0 60px;
  position: relative;
}
@media (max-width: 979px) {
  .l_vision {
    padding: 0 0 40px;
  }
}
.l_vision::before {
  width: 100vw;
  height: 65%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  content: "";
  background-color: #F4F4F4;
}
@media (max-width: 979px) {
  .l_vision::before {
    height: 85%;
  }
}

.vision {
  width: 90%;
  max-width: 900px;
  margin: auto;
  position: relative;
  z-index: 1;
}
@media (min-width: 980px) {
  .vision {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 980px) {
  .vision .vision_inner:nth-child(1) {
    width: 375px;
  }
  .vision .vision_inner:nth-child(2) {
    width: calc(100% - 415px);
  }
}
@media (max-width: 979px) {
  .vision .vision_inner:nth-child(1) {
    width: 200px;
    margin: auto;
  }
  .vision .vision_inner:nth-child(2) {
    margin: 40px 0 0;
  }
}
.vision .vision_inner .vision_inner_position,
.vision .vision_inner .vision_inner_name {
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
.vision .vision_inner .vision_inner_position {
  margin: 20px 0 0;
  font-size: min(4vw, 19px);
}
.vision .vision_inner .vision_inner_name {
  margin: 10px 0 0;
  font-size: min(4.5vw, 22px);
}
.vision .vision_inner .vision_inner_txt {
  font-size: min(4vw, 20px);
}/*# sourceMappingURL=style.css.map */