@charset "utf-8";

/******
フォント

Optima
font-family: "OptimaLTPro-Roman";

Noto Sans JP
font-family: "Noto Sans JP", sans-serif;


*******/

body {
  color: #231815;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
  overflow-x: hidden;
}

.img {
  width: 100%;
  height: auto;
}

.img--sp {
  display: none;
}

.ilblk {
  display: inline-block;
}

.hover--opacity {
  transition: opacity 0.3s;
}
.hover--opacity:hover {
  opacity: 0.7;
}

.clr--wh {
  color: #fff;
}

.bg--gray {
  background-color: #808689;
}
.bg--gray02 {
  background-color: #686d71;
}

.bg--black {
  background-color: #686d71;
}

.inner-1440 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.inner-1350__lft {
  width: 96%;
  max-width: 1350px;
  margin: 0 auto 0 0;
}
.inner-1350__rgt {
  width: 96%;
  max-width: 1350px;
  margin: 0 0 0 auto;
}

.inner-1360 {
  width: 92%;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.inner-1260 {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}

.inner-1095 {
  width: 100%;
  max-width: 1095px;
  margin: 0 auto;
}

.inner-1000 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.z-index__type01 {
  position: relative;
  z-index: 1;
}

.flex-start {
  align-items: flex-start;
}

.flex-end {
  align-items: flex-end;
}

.position--relative {
  position: relative;
}

.contents-wrap {
  display: flex;
  justify-content: space-between;
  /* margin-bottom: 127px; */
  padding-bottom: 8.819vw;
}
.contents-wrap__textWrap {
  width: 42%;
  max-width: 510px;
}
.section-title {
  font-size: 76px;
  font-family: "OptimaLTPro-Roman";
  margin-bottom: 33px;
  line-height: 1.38;
  letter-spacing: 0.05em;
}
.section-title__type02 {
  margin-bottom: 10px;
}
.contents-wrap__text {
  font-size: 23px;
  line-height: 2;
  letter-spacing: 0.1em;
}
.contents-wrap__text--type02 {
  font-size: 24px;
  line-height: 1.9;
  letter-spacing: 0.1em;
}
.contents-wrap__imgWrap {
  width: 55.5%;
  max-width: 722px;
}

/* AOS.js　アニメーション */
[data-aos="fade-l"] {
  opacity: 0;
  transform: translate(-100px, 0);
  -webkit-transform: translate(-100px, 0);
  transition-property: transform, opacity;
}
[data-aos="fade-l"].aos-animate {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  opacity: 1;
}

[data-aos="fade-r"] {
  opacity: 0;
  transform: translate(100px, 0);
  -webkit-transform: translate(100px, 0);
  transition-property: transform, opacity;
}
[data-aos="fade-r"].aos-animate {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  opacity: 1;
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1360px) {
  .inner-1260 {
    max-width: 100%;
    margin-left: 4%;
    margin-right: 4%;
  }
}

@media screen and (max-width: 1240px) {
}

@media screen and (max-width: 820px) {
}

@media screen and (max-width: 980px) {
  .section-title {
    font-size: 66px;
    margin-bottom: 23px;
  }

  .contents-wrap__text {
    font-size: 21px;
  }
  .contents-wrap__text--type02 {
    font-size: 22px;
  }
}

@media screen and (max-width: 960px) {
  .img--pc {
    display: none;
  }

  .img--sp {
    display: block;
  }
}

@media screen and (max-width: 750px) {
  .contents-wrap {
    display: block;
    padding-bottom: 65px;
  }
  .contents-wrap__textWrap {
    width: 96%;
    max-width: 100%;
    margin-bottom: 30px;
  }
  .section-title {
    font-size: 56px;
    margin-bottom: 13px;
  }
  .contents-wrap__text {
    font-size: 19px;
  }
  .contents-wrap__text--type02 {
    font-size: 18px;
  }
  .contents-wrap__imgWrap {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .section-title {
    font-size: 46px;
  }
}

@media screen and (max-width: 375px) {
}