@media screen and (min-width: 768px){
.br-sp {display: none;
	}
}

/* メニュー */
.menu-inner{
    background: rgba(34, 34, 34, 0.8); 
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px); 
}

/* メニュー開閉 */
.home-menu label{
 display:flex;
  flex-direction:column;
  width:36px;
  cursor:pointer;
}

.home-menu label span{
  background: #A29865;
  border-radius:10px;
  height:2px;
  margin: 5px 0;
  transition: .4s;
}

.home-menu span:nth-of-type(1){
  width:100%; 
}

.home-menu span:nth-of-type(2){
  width:100%;
}

.home-menu span:nth-of-type(3){
  width:100%;
}

.home-menu input[type="checkbox"]{
  display:none;
}

.home-menu input[type="checkbox"]:checked ~ span:nth-of-type(1){
  transform-origin:bottom;
  transform:rotatez(45deg) translate(8px,8px);
}

.home-menu input[type="checkbox"]:checked ~ span:nth-of-type(2){ 
  transform-origin:top;
	opacity:0;
  transform:rotatez(0deg);
}

.home-menu input[type="checkbox"]:checked ~ span:nth-of-type(3){  
  transform-origin:bottom;
  transform: translate(1px,-12px) rotatez(-45deg);
}

.home-menu .menu-container{
    transform: translateY(-100%);
	transition: transform 0.46s ease-in;
}

.home-menu .menu-container.active{
    transform: translateY(0);
}
.home-menu .nav-item h2, .home-menu .nav-item p {
  transform: translateY(-300%);
  transition: transform 0.65s ease-out, filter 0.65s ease-out;
/*   filter: blur(150px); */
}
.home-menu .nav-item h2.active{
	transform: translateY(0);
	filter: blur(0px);
}
.home-menu .nav-item p.active{
	transform: translateY(0);
	filter: blur(0px);
}

/* ボタン */
.btn {
  position: relative; 
}

.btn:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px; 
  width: 20%; 
  height: 1px; 
  background-color: #fff;
  transition: width .2s ease-out, transform 1s ease-out; 
}

.btn:hover:after {
  width: 10%;
}


/* FAQ */
#faq .section .jet-toggle__control{
	position:relative;
	gap: 8px;
}
#faq .section .jet-toggle__control:before{
	 content: "Q";
	position:absolute;
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 16px;
    background: #A29865;
    color: #fff;
    border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
	left:1em;
}
#faq .section .jet-toggle__content-inner:before{
	 content: "A";
	font-weight:bold;
	position:absolute;
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 16px;
    background: #111;
    color: #fff;
    border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
	left:1em;
}
#faq .section .jet-toggle__content-inner{
	position:relative;
	padding-left: 4.9em;
	
}
#faq .section .jet-toggle__label-text{
	padding-left:3.6em;
} 


/* Topswiper用 */
.imageSlider-container {
    position: relative; 
    width: 100%;
    height: 100vh;
    opacity: 0.2; 
}

.imageSlider-container .swiper-slide {
    width: 600px;
}

.imageSlider-container .swiper-slide .slide img {
    height: 100vh;
    object-fit: cover;
}

.imageSlider-container .swiper-free-mode > .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.34, 0.35, 0.55, 0.52) !important;
}

/* Swiperを覆う透明なレイヤー */
.swiper-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent; 
    z-index: 10; 
    pointer-events: auto;
@media screen and (max-width: 640px) {
  .imageSlider-container {
	  opacity: 0.5; 
  }
}