@charset "UTF-8";
/**********************************************
  top
***********************************************/
.top__ttl {
  margin-top: 100px;
}
.top__newitem {
  background-image: linear-gradient(0deg, var(--sub-color) 55%, rgba(255, 255, 255, 1) 55%);
  padding-bottom: 140px;
}
.top__kodawari {
  margin-top: 100px;
  padding: 80px 0;
}
@media screen and (max-width: 768px) {
  /* SP */
  .top__ttl {
    margin-top: 50px;
  }
  .top__newitem {
    background-image: linear-gradient(0deg, var(--sub-color) 60%, rgba(255, 255, 255, 1) 60%);
    padding-bottom: 60px;
  }
  .top__kodawari {
    padding: 40px 0;
  }
}
/**********************************************
  newitem
***********************************************/
/* PC/TB/SP */
.newitem__inner {
  margin-bottom: 0;
}
.newitem__area {
  max-width: 540px;
  margin: 60px auto 0;
}
.newitem__caption {
  background-color: var(--base-color);
}
.newitem__btn {
  max-width: 350px;
  margin: 50px auto 0;
}

@media screen and (max-width: 768px) {
  /* SP */
  .newitem__area {
    margin: 30px auto 0;
  }
  .newitem__btn {
    margin: 30px auto 0;
  }
}

/**********************************************
  mainView
***********************************************/
.mainView__slider {
  width: 100%;
  height: 100vh;
  padding-top: 100px;
  overflow: hidden;
}
@media screen and (max-width: 849px){
  .mainView__slider {
    height: auto;
    padding-top: 50px;
  }
}

/**********************************************
  news
***********************************************/
.news__inner {
  margin-top: 100px;
}
.news__imgtxtBox {
  margin-top: 60px;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.news__btn {
  max-width: 350px;
  margin: 50px auto 0;
}

@media screen and (max-width: 768px) {
  /* SP */
  .news__inner {
    margin-top: 50px;
  }
  .news__imgtxtBox {
    margin-top: 30px;
    padding: 0;
  }
}

/**********************************************
  kodawari
***********************************************/
.kodawari {
  width: 100%;
  min-height: 100vh;
  background-image: url(../images/top_kodawari_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
}
.kodawari__inner {
  margin-top: 0;
}
.kodawari__ttl {
  color: #fff;
}
.kodawari__whiteBox {
  margin-top: 60px;
}
.kodawari__btn {
  max-width: 230px;
  margin-top: 116px;
}

@media screen and (max-width: 768px) {
  /* SP */
  .kodawari {
    width: 100%;
    min-height: 100vh;
    background-image: url(../images/top_kodawari_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
  }
  .kodawari__whiteBox {
    margin-top: 30px;
  }
  .kodawari__btn {
    margin-top: 60px;
  }
}

/**********************************************
  access
***********************************************/
.access__inner {
  margin-top: 100px;
}
.access__imgArea {
  width: 46.14%;
}
.access__txtArea {
  width: auto;
  margin-left: calc((50 / 1920) * 100vw);
  margin-bottom: 20px;
}
.access__imgTxt {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  /* SP */
  .access__inner {
    margin-top: 50px;
  }
  .imgTxt {
    width: 100%;
  }
  .access__imgArea {
    width: 100%;
  }
  .imgTxt__txtArea {
    margin-left: auto;
    margin-right: auto;
  }
  .access__imgTxt {
    margin-top: 30px;
  }
}