/* CSS Document */

@media (min-width:1001px) {

/* mv
---------------------------------------------------------------------- */
	#mv { background: url(../images/mv.jpg) center center no-repeat;
		background-size: cover; }
	#mv h2 { text-indent: -10000px; overflow: hidden; 
		background: url(../images/ttl.png) center center no-repeat; 
		margin-left: -320px; }



/* faq_inner_nav
---------------------------------------------------------------------- */
	#faq_inner { padding: 90px 0 160px;}
	#faq_inner .faq_inner_title { padding-bottom: 90px;}
	#faq_inner .faq_inner_title h3{color: #4d7954; font-size: 24px; letter-spacing: 3.4px; line-height: 1.4; margin-bottom: 35px; text-align: center;}
	#faq_inner .faq_inner_title p{text-align: center;}

	#faq_inner .faq_inner_nav{width: 990px; margin: 0 auto;}
	#faq_inner .faq_inner_nav ul{display: flex; justify-content: space-between;}
	#faq_inner .faq_inner_nav ul li{border-bottom: 1px solid #a0a0a0; padding: 0 30px 15px 0;}
	#faq_inner .faq_inner_nav ul li a{font-size: 16px;}
	#faq_inner .faq_inner_nav ul li a span{position: relative;}
	#faq_inner .faq_inner_nav ul li a span::after{content: ''; width: 7px; height: 7px; border: 0px; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 32%; right: -20px; border-top: solid 1px #4d7954; border-right: solid 1px #4d7954;}



.accordion-container {
  position: relative;
  width: 100%;
  border-top: none;
  outline: 0;
  cursor: pointer
}

.accordion-container .accordion-title {
  display: block;
  position: relative;
  margin: 0;
  padding: 1em 0.625em 1em 2em;
  cursor: pointer;
  background: #fff;
  margin-bottom: 15px;
}

.accordion-container .accordion-title:hover i:before,
.accordion-container .accordion-title:hover i:active,
.accordion-container .content-entry.open i {
  color: white;
}

.accordion-title{
  position: relative;
}

.accordion-title:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #4d7954;
  border-right: solid 2px #4d7954;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.accordion-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 38%;
}

.accordion-content {
  display: none;
  padding: 15px 0 40px 20px;
}

/* CSS for CodePen */
.accordion-container {
}



/* faq_box
---------------------------------------------------------------------- */

	.faq_box{ margin-bottom: 100px; }
	.faq_box h6{padding: 25px 0 25px 20px; width: 100%;border: 1px solid #D4D4D4; margin-bottom: 20px;}
	.faq_box h6 span:nth-of-type(1){ letter-spacing: 2px; font-size: 24px; font-family: 'EB Garamond', serif; color: #4d7954; display: inline-block; width: 20%;}
	.faq_box h6 span b{display: inline-block; font-size: 40px;}
	.faq_box h6 span:nth-of-type(2){ font-size: 16px; display: inline-block; width: 70%; }
	.faq_box .accordion-content p{width: 100%;align-items: flex-start; display: flex;}
	.faq_box .accordion-content p span:nth-of-type(1){letter-spacing: 2px; font-size: 24px; font-family: 'EB Garamond', serif; color: #4d7954; display: inline-block; background-color: #d5d8c3; padding: 14px 20px 2px; margin-right: 38px;}
	.faq_box .accordion-content p span:nth-of-type(1) b{display: inline-block; font-size: 40px;}
	.faq_box .accordion-content p span:nth-of-type(2){ font-size: 16px; display: inline-block; width: 70%; }

/* faq_rooms
---------------------------------------------------------------------- */

	#faq_rooms { margin-top: 100px; }


} /* End @media (min-width:1001px) */


/* ---------------------------------------------------------------------- */


@media (min-width: 1001px) and (max-width:1500px) {

} /* End @media (min-width: 1001px) and  (max-width:1500px) */


/* ---------------------------------------------------------------------- */


@media (min-width: 751px) and (max-width:1300px) {

} /* End @media (min-width: 1001px) and  (max-width:1390px) */


/* ---------------------------------------------------------------------- */


@media (max-width:1000px) {

/* mv
---------------------------------------------------------------------- */
	#mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; }
	#mv:after { content: ""; position: absolute; top:0; left: 0; background: url(../../images/ttl_shadow.png) center center no-repeat; width: 100%; height: 50vw;
		background-size: 16vw auto; }
	#mv h2 { text-indent: -100000px; 
	background: url(../images/ttl.png) center bottom -8vw no-repeat;
	background-size: 30vw;}


/* faq_inner_nav
---------------------------------------------------------------------- */
	#faq_inner { padding: 30px 40px;}
	#faq_inner .faq_inner_title { padding-bottom: 30px;}
	#faq_inner .faq_inner_title h3{color: #4d7954; font-size: 6vw; letter-spacing: 1vw; line-height: 2; margin-bottom: 6vw;}
	#faq_inner .faq_inner_title p{text-align: left; line-height: 2em; font-size: 4vw;}
	#faq_inner .faq_inner_nav ul li{border-bottom: 1px solid #a0a0a0; padding: 0 30px 10px 10px; display: inline-block; margin: 3vw 5vw 0 0;}
	#faq_inner .faq_inner_nav ul li a span{position: relative;}
	#faq_inner .faq_inner_nav ul li a span::after{content: ''; width: 7px; height: 7px; border: 0px; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 32%; right: -20px; border-top: solid 1px #4d7954; border-right: solid 1px #4d7954;}


.accordion-container {
  position: relative;
  width: 100%;
  border-top: none;
  outline: 0;
}

.accordion-container .accordion-title {
  display: block;
  position: relative;
  font-weight: normal;
  cursor: pointer;
  background: #fff;
}

.accordion-container .accordion-title:hover i:before,
.accordion-container .accordion-title:hover i:active,
.accordion-container .content-entry.open i {
  color: white;
}

.accordion-title{
  position: relative;
}

.accordion-title:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 35%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #4d7954;
  border-right: solid 2px #4d7954;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.accordion-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 35%;
}

.accordion-content {
  display: none;
  padding: 2vw 4vw 8vw 4vw;
}

/* CSS for CodePen */
.accordion-container {
}


/* faq_box
---------------------------------------------------------------------- */
	.faq_box{padding: 2vw 0 12vw;}
	.faq_box h6{padding: 4vw 4vw 4vw 4vw; width: 100%;border: 1px solid #D4D4D4; margin-bottom: 20px;}
	.faq_box h6 span:nth-of-type(1){ letter-spacing: 2px; font-size: 6vw; font-family: 'EB Garamond', serif; color: #4d7954; display: block;}
	.faq_box h6 span b{display: inline-block; font-size: 8vw;}
	.faq_box h6 span:nth-of-type(2){ font-size: 4vw; display: inline-block;}

	.faq_box .accordion-content{}
	.faq_box .accordion-content p{width: 100%;}
	.faq_box .accordion-content p span:nth-of-type(1){letter-spacing: 2px; font-size: 6vw; font-family: 'EB Garamond', serif; color: #4d7954; display: inline-block; background-color: #d5d8c3; padding: 3vw 8vw 1vw; }
	.faq_box .accordion-content p span:nth-of-type(1) b{display: inline-block; font-size: 8vw;}
	.faq_box .accordion-content p span:nth-of-type(2){ font-size: 4vw; display: block; margin-top: 4vw;}

/* faq_rooms
---------------------------------------------------------------------- */

	#faq_rooms { margin-top: 2vw; }

} /* End @media (max-width: 1000px) */