.hp-logo img {
    filter:none;
}

.hp-header .hp-menu-item {
    color: #333;
}

.hp-hamburger-div {
	border-left: 1px solid #7e7e7e;}

.hp-header .hp-hamburger-menu>span {
    background-color: #7e7e7e;
}

.hp-header {
	border-bottom: 1px solid #7e7e7e;}

.hp-header.is-open .hp-logo img {
    filter:brightness(0) saturate(100%) invert(100%);
}

.hp-header.is-open .hp-header .hp-menu-item {
    color: #fff;
}

.hp-header.is-open .hp-hamburger-div {
	border-left: 1px solid #fff;}

.hp-header.is-open .hp-hamburger-menu>span {
    background-color: #fff;
}

.hp-header.is-open {
	border-bottom: 1px solid #fff;}

.hp-header.scrolled .hp-hamburger-menu>span{
	background-color: #fff;
}

.hp-header.scrolled {
	    border-bottom: 1px solid #fff;
}

.sitemap,
.sitemap a{
	color:#333;
}

.faq-kv {
  padding: 160px 0 100px;
  position: relative;
  z-index: 1;
}

.faq-kv .hp-title1{
	margin-bottom:30px;
}

.faq-content{
    background: linear-gradient(to right, #505f69, #505f69a3);
          width: 100%;
          position: relative;
          cursor: pointer;
          transition: background 0.25s ease-in-out, width 0.25s ease-in-out, padding 0.25s ease-in-out;
	border-bottom: 2px #fbf7f7 solid;
}

.faq-arrow {
    position: absolute;
    right: 5%;
    top: 15px;
}

.faq-arrow p {
  transform: rotate(90deg);
  transition: transform 0.4s ease;
  font-size: 1.7rem;
	    font-weight: 100;
  color: #fff;
}

.faq-content.open .faq-arrow p {
  transform: rotate(-90deg);
}

.faq-h2 {
  font-weight: 500;
  font-size: 1rem;
  display: flex;
  align-items: center;
  color: #fff;
  padding-right: 55px;
  line-height: 2;
  gap: 15px;
	font-family: 'Noto Sans JP', sans-serif;
	padding: 15px 50px;
}

.faq-h2 span {
  font-size: 1.8rem;
  color: #fff;
  min-width: 23px;
}

.faq-a {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: translateY(-10px);
  transition: max-height 0.5s ease, opacity 0.4s ease, transform 0.4s ease;
}

.faq-content.open .faq-a {
  opacity: 1;
  transform: translateY(0);
}

.faq-a p {
background: #eeedef;
    padding: 40px 50px;
	font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (max-width: 660px){
	.faq-kv {
    padding: 100px 0 50px;
  }
	.faq-h2 {
    padding: 15px 50px 15px 20px;
		    gap: 22px;
	line-height: 1.7;
		font-size:0.9rem;
}
	.faq-a p {
		padding: 20px;}
	.faq-arrow p {
		font-size: 1.3rem;}
	.faq-arrow {
		top: 18px;}
}