@charset "UTF-8";
/* CSS Document */


#gnav{
	width:100%;
	max-width:980px;
	padding-left:3%;
	
}

#gnav ul{
	display:flex;
    align-items: baseline;
	justify-content: space-between;
	padding-top:4%;
	flex-wrap:nowrap;
	
}
#gnav ul li{
	width:calc(100% / 6);
	margin-left:1%;
	min-width: 150px;
	text-align:center;
}

#gnav ul li:nth-child(3){
	
}
#gnav ul li:nth-child(4){
	
}

#gnav ul li a{
	color:#000;
	font-size:1.0rem;
	margin-left:1%;
}


.cta_tel a{
	color:#000!important;
}

.invert a {
	color:#000!important;
	font-size:1.0rem;
}
.faq--hdr img{
	width:10%;
}

.invert #panel-btn-txt {
  
  color:#000;
}
.invert #panel-btn-icon {
  background: #000;
}
.invert #panel-btn-icon:before, .invert #panel-btn-icon:after {
  background: #000;
}

#section-02{
	color:#000!important;
}

#section-02 h2{
	color:#000!important;
}

#section-02 h4{
	color:#000!important;
}

#section-04{
	color:#000!important;
}

#section-04 h2{
	color:#000!important;
}

#section-04 h4{
color:#000!important;
}
@media screen and (max-width: 767px) {
.faq--hdr img{
	width:20%;
}
#lead .page-link{
		width:100%!important;
	}
}
@media screen and (min-width: 1400px) {
#gnav{
	padding-left:0%;
	
}
#gnav ul li{
	margin-left:1%;
	min-width: 140px;
}	
	

}
.page-link2 {
  color: #fff;
  display: block;
  position: relative;
  text-align: left;
  margin-bottom: 0;
  max-height: 45px;
  max-width: 300px;
  width: 100%;
  overflow: hidden;
  align-self: center;
  cursor: pointer;
  transition: all ease 1s;
}
.waypoint .page-link2 {
  opacity: 0;
}
.wayp .page-link2 {
  opacity: 1;
}
.anker_nav .page-link2 {
  flex: 0 1 300px;
}
.anker_nav .page-link2:not(:last-child) {
  margin-right: 20px;
}
.page-link2 .page-link_overflow {
  display: block;
  max-width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page-link2::after {
  content: "";
  background-color: #fff;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.page-link2::before {
  content: "";
  background-color: #fff;
  height: 2px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  width: 0;
  transition: all cubic-bezier(.075, .82, .165, 1) .8s;
}
.page-link2:hover::before {
  width: 100%;
  right: auto;
  left: 0;
}
.page-link2 a {
  color: inherit;
  font-family: "Hiragino UD Sans W6 JIS2004", "ヒラギノUD角ゴ W6 JIS2004",
    sans-serif;
  letter-spacing: 0;
  display: block;
  text-align: left;
  padding: 0 0 15px 5px;
}
.page-link2 .arrow {
  top: 42%;
  left: 90.4%;
}
.page-link2 .page-link_overflow ~ .arrow {
  left: 83.4%;
}
.lps_parts--button .arrow--short::after {
  right: -25px;
}
@media screen and (min-width: 1081px) {
  .page-link2:hover .arrow {
    animation: fade_arrow--page-link .3s ease-out 0s 1 normal forwards;
  }
}
@keyframes fade_arrow--page-link {
  0% {
    left: 90.4%;
  }
  50% {
    left: 91%;
    opacity: 0;
  }
  51% {
    left: 89%;
    opacity: 0;
  }
  100% {
    left: 90.4%;
    opacity: 1;
  }
}
@media screen and (max-width: 1200px) {
  .anker_nav .page-link2 .arrow {
    left: 80%;
    right: auto;
  }
}
@media screen and (max-width: 767px) {
  .anker_nav {
    padding: 25px 0 20px;
    margin-bottom: 20px;
    height: auto;
  }
  .anker_nav .page-link2 {
    flex: 0 1 46%;
  }
  .anker_nav .link_wrapper {
    flex-flow: row wrap;
    justify-content: flex-start;
    gap: 0;
  }
  .anker_nav ul {
    justify-content: flex-start;
    align-items: center;
  }
  .anker_nav ul li {
    width: calc(100% / 3);
  }
  .anker_nav li a {
    display: block;
    padding: 0 10px 0 22px;
    line-height: 1.5;
    font-size: 92%;
  }
  .anker_nav .page-link2:not(:last-child),
  .anker_nav .page-link2 {
    margin: 0 0 10px;
  }
  .anker_nav .page-link:nth-child(odd) {
    margin-right: 8%;
  }
  .page-requirements .anker_nav .link_wrapper {
    flex-flow: row wrap;
    justify-content: center;
  }
  .page-requirements .anker_nav .link_wrapper .page-link2 {
    flex: 1 0 100%;
    margin: 0 0 10px;
    max-width: 70vw;
  }
  .page-link2 {
    max-width: 60%;
    width: 147px;
  }
  .page-link2 a {
    padding: 0 0 11px 2px;
  }
  .page-link2 .arrow {
    left: 80.4%;
  }
  .lps_sec--related .page-link2 .arrow {
    left: 90.4%;
  }
}