body {
  background-image: url('mt.fuji2.1.jpg');
  background-size: cover;

/* 端末ごとに大きさを変更 */
@media screen and (min-width: 780px) {
background-image {
margin: auto;
width: 90%;
}

}




body {margin:0;padding:0;}
.header {background-color:#111;}

* {transition:all 0.3s;-webkit-transition:all 0.3s;font-family: 'Roboto', sans-serif;}
.header-nav {position:relative;float:left;margin:0 auto;}
.header-nav ul {position:absolute;float:left;list-style:none;margin:0;padding:0;}
.header-nav ul li {position:relative;float:left;border-left:4px solid rgba(224, 52, 106, 1);}
.header-nav ul li ul {margin-left:-4px;}
.header-nav > ul {position:relative;}
.header-nav > ul > li:last-child {border-right:4px solid rgba(224, 52, 106, 1);}

.header-nav > ul > li > .header-nav-link + ul li {width:150px;opacity:0;height:0;margin-top:-48px;border-bottom:2px solid rgba(224, 52, 106, 1);}
.header-nav > ul > li:hover .header-nav-link + ul > li {opacity:1;height:auto;margin-top:0;}
.header-nav .header-nav-link {float:left;text-decoration:none;color:#FFF;font-weight:300;padding:15px;width:100%;}
.header-nav .header-nav-link:hover {background-color:rgba(224, 52, 106, 1) !important;}

.header-nav .header-nav-top-link {padding: 25px 15px 25px;}
.header-nav ul li:hover .header-nav-link {background-color:#333;}
.header-nav ul li:hover .header-nav-top-link {background-color:rgba(224, 52, 106, 0.8);}

.header-nav > ul > li > .header-nav-top-link + ul {top:70px;}
.header-nav > ul > li:hover .header-nav-sub-link {background-color:#333;}

.header-logo > .header-logo-name {float:left;color:#FFF;font-size:30px;font-weight:bold;padding:14px 0;}
.header-logo > .header-logo-name:hover {text-decoration:none;}

@media (max-width: 767px) {
  .header-nav > ul > li {width:100%;border-right:4px solid rgba(224, 52, 106, 1);border-bottom:2px solid rgba(224, 52, 106, 1);}
  .header-nav > ul > li:first-child > a {font-size:18px;font-weight:400;}
  .header-nav > ul > li:last-child {border-bottom:none;}
  .header-nav > ul > li > .header-nav-top-link + ul {position:relative;top:0px;left:4px;width:100%;}
  .header-nav > ul > li > .header-nav-top-link + ul li {position:relative;float:left;border-left:none;width:100%;}
}







.highlight_move {
  background: linear-gradient(transparent 50%, #ff0 30%);
  animation: slideIn 1s ease-out;
  position: relative;
  display: inline-block;
}

@keyframes slideIn {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

a:hover {
  color: rgb(214, 237, 248);
}




*,body,ul {
  margin: 0;
  padding: 0;
}


li {
  list-style: none;
}
/* ↓ スライドの外枠 */
.slide-wrapper {
  width: 60%;
  height: 280px;
  position: relative;
  overflow: hidden; /* はみ出したスライドを隠す */

}

/* 端末ごとに大きさを変更 */
@media screen and (min-width: 300px) {
.slide-wrapper {
margin: auto;
width: 80%;
}


/* 端末ごとに大きさを変更 */
@media screen and (min-width: 300px) {
.slide1 {
margin: auto;
width: 80%;
}

@media screen and (min-width: 300px) {
.slide2 {
margin: auto;
width: 80%;
}

@media screen and (min-width: 300px) {
.slide3 {
margin: auto;
width: 80%;
}





/*  ↓ スライド（コンテンツ） */
.slide { /*スライド全体 */
  width: 200%;
  height: 100%;
  display: flex;
  transition: all 0.3s;
}
.slide div { /* スライド */
  width: 33.33%;
  height: 100%;
  font-size: 16px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.slide1 { /* スライドさせるために必要なクラス */
  transform: translateX(0);
}
.slide2 { /* スライドさせるために必要なクラス */
  transform: translateX(-33.33%);
}
.slide3 { /* スライドさせるために必要なクラス */
  transform: translateX(-66.66%);
}
.slide div:nth-of-type(1){ /* 背景色 */
 background-color: rgba(255, 255, 255, 0.3);
}
.slide div:nth-of-type(2){ /* 背景色 */
  background-color: rgba(255, 255, 255, 0.3);
}
.slide div:nth-of-type(3){ /* 背景色 */
  background-color: rgba(255, 255, 255, 0.3);
}

/* ↓ 左右のボタン */
.next {
  position: absolute;
  width: 15px;
  height: 15px;
  right: 10px;
  bottom: 50%;
  z-index: 10;
  cursor: pointer;
  border-top: solid 3px #000;
  border-right: solid 3px #000;
  -webkit-transform: rotate(45deg) translateY(50%);
  transform: rotate(45deg) translateY(50%);
}
.prev {
  position: absolute;
  width: 15px;
  height: 15px;
  left: 25px;
  bottom: 50%;
  z-index: 10;
  cursor: pointer;
  border-top: solid 3px #000;
  border-right: solid 3px #000;
  -webkit-transform: rotate(-135deg) translateY(-50%);
  transform: rotate(-135deg) translateY(-50%);
}
/* ↓ インジケーター */
.indicator {
  width: 100%;
  position: absolute;
  bottom: 20px;
  display: flex;
  column-gap: 18px;
  z-index: 10;
  justify-content: center;
  align-items: center;
}
.indicator li {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  list-style: none;
  background-color: #fff;
  border: 2px #000 solid;
  cursor: pointer;
}
.indicator li:first-of-type {
  background-color: #000;
}



.slide img {
  max-width: 300px;  /* 最大幅を500ピクセルに設定 */
  height: auto;      /* 高さを自動調整 */

}



.emphasis_design28 {
  color: #FFFFFF;
  text-shadow: 3px 3px #085048;
}

.emphasis_design29 {
  color: #FFFFFF;
  text-shadow: 3px 3px #DB0997;
}