.menu__item {
  color: #fff;
  cursor: pointer;
  display: block;
  /*margin-bottom: 1px;*/
}
.menu__item__link,.menu__item__link_sub {
  color: #fff;
  display: block;
  position: relative;
}
.menu__item__link_sub {
}

.menu__item__link:after {
  content: '\f067';
  display: block;
  font-family: "Font Awesome 5 Free";
    font-weight: 900; 
  position: absolute;
  right: 0;
  text-align: center;
  top: 0px;
}
#footer .menu__item__link:after {
  right: 8%;
  top: 16px;
}

.menu__item__link_sub:after {
  content: '\f054';
  display: block;
  font-family: "Font Awesome 5 Free";
    font-weight: 900; 
  position: absolute;
  right: 2px;
  text-align: center;
  top: 0;
	font-size: 16px;
}

#footer .li_sub a{
	color: #3C2D32;
}

.li_sub_case .menu__item__link_sub:after {
  content: '\f054';
  display: block;
  font-family: "Font Awesome 5 Free";
    font-weight: 900; 
  position: absolute;
  right: 2px;
  text-align: center;
  top: 8px;
	font-size: 16px;
}

.menu__item__link.on:after {
  content: '\f068';
    font-weight: 900; 
}
 
#footer .menu__item__link {
    padding: 17.5px 8%;
    height: 48px;
}
#footer .menu__item__link:after {
	font-size: 16px;
}
.submenu {
  display: none;
}
.submenu__item {
  color: #fff;
  padding: 1rem;
}

/* TOP スライド*/
  .photos_pc {
    position: relative;
  }
  .photos_pc img {
    position: absolute;
    left: 0;
    right: 0;
    animation: photo 15s infinite;
    opacity: 0;
  }
  @keyframes photo {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .photos_pc img:nth-of-type(1) {
    animation-delay: 0s;
  }
  .photos_pc img:nth-of-type(2) {
    animation-delay: 5s;
  }
  .photos_pc img:nth-of-type(3) {
    animation-delay: 10s;
  }
  .photos_pc img:nth-of-type(4) {
    animation-delay: 15s;
  }

/*　マウスオーバー */

.box {
    width: 210px;
    height: 60px;
    background-image: url(../img/link_more_pcon.png);
}
.box p {
    position: absolute;
    width: 210px;
    height: 60px;
    margin: 0;
}
.txt a {
    position: absolute;
    display: block;
    width: 210px;
    height: 60px;
    z-index: 1;
}
 
 
@keyframes imgOn {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes imgOff {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.txt:hover + .img {
    animation: imgOn 0.5s 1 forwards;
}
.txt + .img {
    animation: imgOff 0.5s 1 forwards;
}

/*　マウスオーバー CASE LINK */
.case_box_red a {
  position: relative;
  display: block;
  transition: .3s;
}
.case_box_red a::after {
  position: absolute;
  bottom: 110px;
  left: 17px;
  content: '';
  width: 0;
  height: 1px;
  background-color: #e6465a;
  transition: .3s;
    color:  #e6465a;
}
.case_box_red a:hover {
    color:  #e6465a;
}
.case_box a:hover::after {
  width: 89%;
}

.case_box_gr a:hover {
    color:  #00a550;
}
.case_box_gr a::after  {
  background-color: #00a550;
  transition: .3s;
    color:  #00a550;
}