@charset "UTF-8";
/* カラー指定　*/
#top {
  position: relative;
}

/* =====================
  ヘッダー
===================== */
#top .header-inner {
  display: none;
}

/* =====================
  メインビジュアル
===================== */
.topmain {
  display: flex;
  flex-direction: column-reverse;
  margin-top: -60px;
}
.topmain .txtBox {
  background: linear-gradient(135deg, rgba(1, 199, 185, 0.8), rgba(57, 201, 153, 0.8));
  padding: 10vw 5vw;
  text-align: center;
  color: #fff;
  position: relative;
}
.topmain .txtBox:before {
  content: "";
  background: url("../images/top/mainbg.jpg");
  background-size: 100% auto,cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.topmain .imgBox {
  line-height: 0;
}
.topmain .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.topmain h1 {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding: 3vw 10vw 2vw;
  margin: 20vw 0 3vw;
  line-height: 1;
  position: relative;
}
.topmain h1:before {
  content: url("../images/top/mark_w.svg");
  position: absolute;
  top: -21vw;
  left: 0;
  right: 0;
  margin: auto;
  transform: scale(0.7);
}
.topmain h1 img {
  width: 100%;
}
.topmain p {
  margin-bottom: 0;
}
.topmain-name {
  font-size: 3.5vw;
  opacity: .7;
}
.topmain-copy {
  font-size: 4.5vw;
  letter-spacing: 0.05em;
  margin-top: 5vw;
}

/* swiper */
.swiper-pagination {
  position: absolute;
  right: 20px;
  bottom: 10px;
}
.swiper-pagination span {
  margin-left: 8px;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}

@keyframes zoomUp {
  0% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img {
  animation: zoomUp 10s linear 0s 1 normal both;
}

.slide-img {
  height: 100%;
}
.slide-img img {
  display: block;
}

/* =====================
  コンテンツナビ
===================== */
.contentnavi {
  padding: 5vw;
}
.contentnavi a {
  height: 100vw;
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 5vw;
}
.contentnavi .contentImage {
  width: 100%;
  height: 100%;
}
.contentnavi .btn-title {
  font-size: 7vw;
  writing-mode: vertical-rl;
  letter-spacing: 0.05em;
  line-height: 1.8;
  color: #2B2F38;
  background: #fff;
  padding: 6vw 0 3vw 3vw;
  position: absolute;
  right: 0;
  bottom: 0;
}
.contentnavi span {
  font-size: 4vw;
  display: block;
  color: #6A6F7B;
}

.contentnavi a:nth-of-type(1) .contentImage {
  background: url("../images/top/nav-patient.jpg");
  background-position: center center;
  background-size: cover;
}

.contentnavi a:nth-of-type(2) .contentImage {
  background: url("../images/top/nav-student.jpg");
  background-position: center center;
  background-size: cover;
}

.contentnavi a:nth-of-type(3) .contentImage {
  background: url("../images/top/nav-results.jpg");
  background-position: center center;
  background-size: cover;
}

.contentnavi a .contentImage {
  transform: scale(1);
}

/* =====================
  私達について
===================== */
.topabout .imgBox {
  line-height: 0;
}
.topabout .imgBox img {
  width: 100%;
}
.topabout .txtBox {
  padding: 5vw 5vw 10vw;
  background: #F2F2EF;
}
.topabout .txtBox ul{
	margin-left: 2em;
	margin-bottom: 2rem;
}
.topabout .txtBox ul li{
	list-style: decimal;
}

/* =====================
  新着情報
===================== */
#top .news-title {
  font-size: 10vw;
  line-height: 1.3;
  color: #00AE7F;
  margin-bottom: 8vw;
  flex-direction: column;
}
#top .news-title span {
  font-size: 4vw;
  display: block;
}

/* =====================
  新着情報 過去一覧
===================== */
.topnews .txtBox {
  padding: 0 5vw 10vw;
}

/* =====================
  寄付のお願い
===================== */
.donate {
  padding: 10vw 5vw 0;
}
.donate .txtBox {
  padding: 0 5vw 10vw;
}