@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500&family=Zen+Old+Mincho:wght@400;700;900&display=swap");
@-webkit-keyframes animation-fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes animation-fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes animation-fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes animation-fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes animation-fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(-25px, 0);
            transform: translate(-25px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes animation-fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(-25px, 0);
            transform: translate(-25px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
#blue-230830_ecodenim {
  font-family: "Zen Old Mincho", serif;
  color: #4B4B4B;
  padding-bottom: 200px;
}
#blue-230830_ecodenim .fcEN {
  font-family: "EB Garamond", serif;
}
#blue-230830_ecodenim img {
  max-width: 100%;
}
#blue-230830_ecodenim .iv, #blue-230830_ecodenim .ivo, #blue-230830_ecodenim .inview {
  visibility: hidden;
}
#blue-230830_ecodenim .fadeIn {
  -webkit-animation: animation-fadeIn 1s ease-in 0.5s both;
          animation: animation-fadeIn 1s ease-in 0.5s both;
}
#blue-230830_ecodenim .fadeInUp {
  -webkit-animation: animation-fadeInUp 1s ease-in-out 1s both;
          animation: animation-fadeInUp 1s ease-in-out 1s both;
}
#blue-230830_ecodenim .fadeInLft {
  -webkit-animation: animation-fadeInLeft 1s ease-in-out 2s both;
          animation: animation-fadeInLeft 1s ease-in-out 2s both;
}
#blue-230830_ecodenim .outer-width {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#blue-230830_ecodenim .inr-width {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
#blue-230830_ecodenim p {
  margin: 0;
}
#blue-230830_ecodenim .mv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background: #5a778e;
  height: 600px;
}
#blue-230830_ecodenim .mv__img {
  text-align: center;
}
#blue-230830_ecodenim .lead {
  text-align: center;
  margin-top: 91px;
}
#blue-230830_ecodenim .lead__txt {
  font-size: 18px;
  letter-spacing: 0.015em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 2.2;
  padding-left: 0.015em;
}
#blue-230830_ecodenim .js-fadeAnime {
  position: relative;
}
#blue-230830_ecodenim .js-fadeAnime .hover {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
#blue-230830_ecodenim .item {
  margin-top: 140px;
  padding-bottom: 60px;
}
#blue-230830_ecodenim .item__wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 900px;
  margin: 0 auto;
}
#blue-230830_ecodenim .item__ttl {
  position: absolute;
  top: -18px;
  left: -60px;
}
#blue-230830_ecodenim .item__main {
  width: 50%;
}
#blue-230830_ecodenim .item__sub {
  width: calc(50% - 70px);
  padding: 34px 0 0;
}
#blue-230830_ecodenim .item__sub--txt {
  font-size: 26px;
  font-weight: 900;
  letter-spacing: -0.015em;
  line-height: 2.15;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #5a778e;
}
#blue-230830_ecodenim .item__sub--img {
  margin-top: 136px;
  margin-left: 5px;
}
#blue-230830_ecodenim .item__img03 {
  width: 300px;
  margin: 70px auto 0;
}
#blue-230830_ecodenim .item__coodinate {
  color: #fff;
  background: #5a778e;
  margin-top: 70px;
}
#blue-230830_ecodenim .item__coodinate--inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#blue-230830_ecodenim .item__coodinate--inr .lft {
  width: 50%;
  height: 480px;
}
#blue-230830_ecodenim .item__coodinate--inr .rgt {
  width: 50%;
}
#blue-230830_ecodenim .item__coodinate--style {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  margin: 0 50px 0 auto;
}
#blue-230830_ecodenim .item__coodinate--style--bg {
  margin-bottom: 15px;
}
#blue-230830_ecodenim .item__coodinate--style--img {
  position: absolute;
  bottom: 0;
  margin: 0;
}
#blue-230830_ecodenim .item__coodinate--ttl {
  margin: 1px 0 35px 50px;
  font-size: 24px;
  letter-spacing: 0.04em;
  line-height: 33px;
}
#blue-230830_ecodenim .item__coodinate--ttl small {
  font-size: 14px;
}
#blue-230830_ecodenim .item__coodinate--body {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 36px;
  margin-left: 50px;
}
#blue-230830_ecodenim .item__credit {
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0;
  text-align: center;
  margin: 40px auto 0;
}
#blue-230830_ecodenim .item__credit--btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 250px;
  height: 50px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1;
  text-decoration: none;
  color: #fff;
  background: #3e3a39;
  margin: 45px auto 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
#blue-230830_ecodenim .item__credit--btn:hover {
  color: #fff;
  background: #5a778e;
  border-color: #5a778e;
}
#blue-230830_ecodenim .item:nth-of-type(even) .item__wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#blue-230830_ecodenim .item:nth-of-type(even) .item__ttl {
  left: auto;
  right: -60px;
}
#blue-230830_ecodenim .item:nth-of-type(even) .item__sub--img {
  text-align: right;
  margin-right: 5px;
}
#blue-230830_ecodenim .all-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 250px;
  height: 50px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  text-decoration: none;
  color: #3e3a39;
  border: 1px solid #3e3a39;
  margin: 0px auto 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
#blue-230830_ecodenim .all-item:hover {
  color: #fff;
  background: #5a778e;
  border-color: #5a778e;
}