@charset "utf8";


.article {
  width: 100%;
}

.article-60 {
  width: 60%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .article-60 {
    width: 94%;
  }  
}

.article-70 {
  width: 70%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .article-70 {
    width: 94%;
  }  
}

.article-100 {
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .article-100 {
    width: 94%;
  }  
}


/*---------------------------
fv
---------------------------*/
.first-view__item {
  position: relative;
}

.first-view__item--cta {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10%;
  width: 80%;
  margin: auto;
}


/*---------------------------
announce
---------------------------*/
.announce-wrapper {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 767px) {
  .announce-wrapper {
    flex-direction: column-reverse;
  }
}

.announce__item {
  flex: 45%;
}
@media screen and (max-width: 767px) {
  .announce__item {
    margin-bottom: calc(20vw / 3.6);
  }
}

.announce-detail {
  flex: 55%;
  line-height: normal;
  letter-spacing: 0.1em;
}

.announce__title {
  width: 100%;
  padding: calc(8vw/19.2) 0px;
  font-size: calc(40vw/19.2);
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .announce__title {
    font-size: calc(24vw/3.6);
  }
}

.announce__list {
  display: table;
  width: 92%;
  margin-left: calc(30vw / 19.2);
  padding-top: calc(20vw/19.2);
  padding-bottom: calc(10vw/19.2);
  font-size: calc(20vw/19.2);
  border-bottom: 1px solid #B5AE9B;
}
@media screen and (max-width: 767px) {
  .announce__list {
    width: 100%;
    margin-left: 0px;
    padding-top: calc(20vw/3.6);
    padding-bottom: calc(10vw/3.6);
    font-size: calc(14vw/3.6);
  }
}

.announce__list-item {
  display: table-cell;
  width: 25%;
  padding-left: 2%;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .announce__list-item {
    width: 30%;
  }
}

.announce__list-text {
  display: table-cell;
  width: 75%;
  padding-left: 2%;
  line-height: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .announce__list-text {
    width: 70%;
  }
}


/*---------------------------
access
---------------------------*/
.access-head__title {
  padding: 2px 0px;
  font-size: 28px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  background-color: #FF98C4;
}

.access-wrapper {
  display: flex;
  flex-direction: row;
  /*align-items: center;*/
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .access-wrapper {
    /*flex-direction: column;*/
    flex-direction: column-reverse;
  }
}

.access__item {
  flex: 1;
  padding: calc(20vw/19.2) 0 calc(20vw/19.2) calc(10vw/19.2);
}
@media screen and (max-width: 767px) {
  .access__item {
    padding: calc(10vw/3.6) calc(10vw/3.6) 0 calc(10vw/3.6);
  }  
}

/*
.access-wrapper :nth-child(1) {
  order: 1;
}
@media screen and (max-width: 767px) {
  .access-wrapper :nth-child(1) {
    order: 2;
  }
}

.access-wrapper :nth-child(2) {
  order: 2;
}
@media screen and (max-width: 767px) {
  .access-wrapper :nth-child(2) {
    order: 3;
  }
}

.access-wrapper :nth-child(3) {
  order: 3;
}
@media screen and (max-width: 767px) {
  .access-wrapper :nth-child(3) {
    order: 1;
  }
}
*/

.access__detail {
  flex: 1;
  padding: calc(20vw/19.2) calc(10vw/19.2) calc(20vw/19.2) calc(10vw/19.2);
}
@media screen and (max-width: 767px) {
  .access__detail {
    padding: calc(10vw/3.6);
  }
}