@charset "UTF-8";

.cap-under {
  min-height: 21px;
}

.container--section {
  padding : 0;
  position : relative;
}

.mv img {
  width: 100%;
  opacity : 0;
  transition : 1s;
}

.mv.on img {
  opacity : 1;
}

.mv-ttl {
  position: absolute;
  top: 5vw;
  left: 5%;
  font-size: 34px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.17em;
  color: #fff;
}

.mv__cap {
  position : absolute;
  color : #fff;
  right : 10px;
  bottom : 5px;
  font-size : 12px;
}

.intro__inner {
  padding-top : 75px;
  padding-bottom: 100px;
  text-align : center;
}

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

.intro__img {
  position : relative;
  display : flex;
  flex-wrap : wrap;
}

.intro__img > div {
  position : relative;
}

h1 .intro-img {
  width: 140px;
  max-width : 80%;
  display : block;
  margin : 0 auto;
}
.intro__inner h2 {
  margin: 80px 0 20px;
  font-size: 28px;
  font-weight: 300;
}
.under__note {
  padding: 5px 5px 10px;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .mv-ttl {
    left: 2%;
    /* right: 2%; */
    top: 8%;
    /* bottom : 8%; */
    font-size: 21px;
    line-height: 1.6;
    letter-spacing: 0;
  }
  h1 .intro-img {
    max-width: 140px;
    width : 90%;
  }
  .intro__inner h2 {
    margin-top : 40px;
    font-size : 20px;
  }
  .intro__inner p {
    font-size : 14px;
  }
}

section h2,
section h3 {
  font-weight : normal;
}

.bg-color {
  background: #faf6f0;
}

.head {
  width : 1000px;
  max-width: calc(100% - 30px);
  margin : 0 auto;
  padding : 100px 0;
}

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

.head__ttl {
  color : #ba925f;
  text-align : center;
  margin-bottom : 20px;
}

.head__txt {
  text-align : center;
  margin-bottom : 80px;
}

@media screen and (max-width: 767px) {
  .head__ttl {
    font-size : 19px;
  }
  .head__txt {
    font-size : 14px;
    text-align : left;
    margin-bottom : 40px;
  }
}

.head-img {
  display : block;
  width : 570px;
  margin : 0 auto 100px; 
}

.anc-links {
  display : flex;
  justify-content : space-between;
  flex-wrap : wrap;
}

.anc-links > a {
  width : calc((100% - 40px) / 3);
  position : relative;
}

@media screen and (max-width: 767px) {
  .anc-links > a {
    width : 100%;
    margin-bottom : 20px;
  }
}

.anc-links__bg {
  display : block;
}

.anc-links__con {
  display : flex;
  justify-content: center;
  flex-direction : column;
  align-items : center;
  position : absolute;
  width : 100%;
  height : 100%;
  left : 0;
  top : 0;
  background : rgba(0,0,0,0.3);
  color : #fff;
  text-align : center;
  line-height : 1.4;
  transition : 1s;
}

.anc-links__con:hover {
  background : rgba(0,0,0,0.6);
}

.anc-links__no {
  height : 20px;
  margin-bottom : 15px;
}

.anc-links__btn {
  background : #ba925f;
  font-size : 13px;
  padding : 5px 50px;
  margin-top : 15px;
}

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

.sec-mv {
  position : relative;
}

.sec-mv__bg {
  display : block;
}

.sec-mv__ttl {
  display : flex;
  justify-content: center;
  flex-direction : column;
  align-items : center;
  position : absolute;
  position : absolute;
  width : 100%;
  height : 100%;
  left : 0;
  top : 0;
  background : rgba(0,0,0,0.3);
  color : #fff;
  text-align : center;
  line-height : 1.4;
}

.sec-mv__no {
  height : 20px;
  margin-bottom : 15px;
}

.bg-wh {
  background : #fff;
  width : 1000px;
  max-width : calc(100% - 30px);
  margin : 100px auto;
  padding : 100px 120px
}

@media screen and (max-width: 767px) {
  .bg-wh {
    margin : 40px auto;
    padding : 40px 20px;
  }
}

.sec-wh-ttl {
  color : #ba925f;
  margin-bottom : 20px;
  font-size : 26px;
}

.sec-wh-txt {
  margin-bottom : 80px;
  font-size : 15px;
}

@media screen and (max-width: 767px) {
  .sec-wh-ttl {
    font-size: 18px;
  }
  .sec-wh-txt {
    font-size : 14px;
    margin-bottom : 40px;
  }
}

@media screen and (min-width: 768px) {
  .con01-img1 {
    max-width : 600px;
    margin : 0 auto 70px;
  }
}

@media screen and (max-width: 767px) {
  .con01-img1 {
    margin : 0 auto 40px;
  }
}

.con02-img1 {
  display : block;
  width : 570px;
  max-width : 100%;
  margin : 0 auto;
}

.con3-mvunder-txt {
  width : 1000px;
  max-width : calc(100% - 30px);
  margin : 100px auto;
  text-align : center;
}

@media screen and (max-width: 767px) {
  .con3-mvunder-txt {
    text-align : left;
    margin : 40px auto;
  }
}

.con3__row {
  display : flex;
  justify-content : space-between;
  flex-wrap : wrap;
}

.con3__item1 {
  width : calc(370 / 760 * 100%);
  display : flex;
  justify-content : space-between;
}

.con3__item1-1 {
  width : calc(174 / 370 * 100%);
}

.con3__item1-2 {
  width : calc(164 / 370 * 100%);
}

.con3__item1-2__txt {
  font-size : 15px;
  line-height : 1.6;
  margin : 20px 0 0;
}

.con3__item2 {
  width : calc(305 / 760 * 100%);
}

@media screen and (max-width: 767px) {
  .con3__row,
  .con3__item1 {
    flex-wrap : wrap;
  }
  .con3__item1,
  .con3__item1-1,
  .con3__item1-2,
  .con3__item2 {
    width : 100%;
  }
  .con3__item1-2 {
    margin-bottom : 40px;
  }
  .con3__item1-2__txt {
    font-size : 13px;
  }
}

.sec-wh-note {
  font-size : 12px;
  margin-top : 40px;
}

.equipment__row {
  width : 1000px;
  max-width : calc(100% - 30px);
  margin : 100px auto 0;
  display : flex;
  justify-content : space-between;
  flex-wrap : wrap;
}

.equipment__item,
.equipment__row:after {
  content : "";
  width : calc((100% - 60px) / 3);
  margin-bottom : 60px;
}

@media screen and (max-width: 767px) {
  .equipment__row {
    margin : 40px auto 0;
  }
  .equipment__item {
    width : 46%;
  }
  .equipment__row:after {
    content : none;
  }
}

.equipment__ttl {
  color : #ba925f;
  font-size : 19px;
  margin : 20px 0 10px;
  line-height : 1;
}

.equipment__txt {
  font-size : 15px;
}

@media screen and (max-width: 767px) {
  .equipment__ttl {
    font-size : 16px;
    line-height : 1.4;
  }
  .equipment__txt {
    font-size : 13px;
  }
}

.zeh-bnr {
  width : 1000px;
  max-width : calc(100% - 30px);
  margin : 60px auto 0;
  padding-bottom : 100px;
  text-align : center;
}

.zeh-bnr__ttl {
  margin-bottom : 20px;
}

@media screen and (max-width: 767px) {
  .zeh-bnr {
    margin-top : 0;
  }
  .zeh-bnr__ttl {
    font-size : 14px;
  }
}