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

	- mv
	- obi
	- point
	- top_request
	- top_navi

-----------------------------------------*/
/*-----------------------------------------
	mv
-----------------------------------------*/
#mv{text-align: center;
	margin-top: 58px;
	}
	#mv img{ width: 100%;	}

	.swiper-container {
	overflow:hidden;
	width: 100%;
	height: auto;
	padding-top: 51.8%;
	position: relative;
	}


	.slide-wrapper{

		top:0;
		width: 100%;
		height: auto;
	}

	.loading{
		position: absolute;
		bottom:0;
		top:0;
		width: 48px;
		height: 48px;
		left: 0;
		right: 0;
		margin: auto;
	}


	@media only screen and (max-width: 768px){
	#mv{
		text-align: center;
		margin-top: 0px;
	}
	.swiper-container {
	overflow:hidden;
	width: 100%;
	height: auto;
	padding-top: 104.5%;
	position: relative;
	}
	}
/*-----------------------------------------
	obi
-----------------------------------------*/
.obi {
  text-align: center;
  padding: 25px 0 30px;
  font-size: 43px;
  letter-spacing: -0.04em;
  background: rgb(195,177,115);
  background: -moz-linear-gradient(left, rgb(195,177,115) 0%, rgb(255,243,181) 50%, rgb(195,177,115) 100%);
  background: -webkit-linear-gradient(left, rgb(195,177,115) 0%,rgb(255,243,181) 50%,rgb(195,177,115) 100%);
  background: linear-gradient(to right, rgb(195,177,115) 0%,rgb(255,243,181) 50%,rgb(195,177,115) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3b173', endColorstr='#c3b173',GradientType=1 );
}
.obi h2 {
	display: inline-block;
	font-weight: 500;
	font-size: 48px;
	letter-spacing: 0.05em;
  }

	.obi span {
		font-size: 36px;
		letter-spacing: -0.07em;
			display: block;
	}
	.obi span.note {
		font-size: 12px;
		text-align: right;
	}
.kakaku_obi{margin: 10px 0 0 0;}


@media screen and (max-width: 768px) {
  .obi {
    padding :0 0 10px;
    font-size: 18px;
		letter-spacing: -0.03em;
		font-weight: 600;
  }
  .obi span {
	font-size: 22px;
  }

  .obi h2 {
		padding: 10px 0 ;
		font-size: 28px;
		letter-spacing: -0.05em;
  }
	.kakaku_obi{
		width: 70%;
		margin: 0 auto;
	}
}
/*-----------------------------------------
	point
-----------------------------------------*/
.point {
  background: #922424;
  background-size: cover;
  text-align: center;
  margin-bottom: 60px;
}
.point picture {
	max-width: 1024px;
	margin: 0 auto;
	display: block;
  }
@media screen and (max-width: 768px) {
  .point {
    padding: 1% 2%;
    margin-bottom: 40px;
  }
}


/*-----------------------------------------
	top_request
-----------------------------------------*/

.top_request{
	/* padding: 60px 20px 0; */
	text-align: center;
}
.top_request p{
	font-size: 18px;
	margin: 0 0 30px 0;
}
.btn_request.raijo2 {
	margin: 40px auto 60px;
}
.btn_request {
	margin: 20px auto 60px;
}
@media screen and (max-width: 768px) {
	.top_request{
		padding: 0 5%;
		text-align: center;
	}
	.top_request_raijyo{
		padding: 0 5% 50px;
		text-align: center;
	}
	.top_request p{
		font-size: 16px;
		margin: 0 0 30px 0;
	}
	.btn_request.raijo2 {
		margin: 20px auto 0;
	}
}





/*-----------------------------------------
	top_navi
-----------------------------------------*/
.top_navi{
	background: #f8f8f8;
	padding: 50px 0;
	margin: 0 0 80px 0;
}
.top_navi .inner{
	max-width: 1300px;
	margin: 0 auto;
}
.top_navi .navi_box{
	display: flex;
	gap: 0 3%;
	margin: 0 0 100px 0;
	align-items: center;
}
.top_navi .navi_box .img{
	width: 60%;
}
.top_navi .navi_box .text{
	width: 35%;
}
.top_navi .navi_box .text h3{
	font-size: 80px;
	color: #cfbd81;
	margin: 0 0 10% 0 ;
}
.top_navi .navi_box .text h4{
	font-size: 26px;
	margin: 0 0 13% 0 ;
}
.top_navi .navi_box .text .toho{
	margin: 0 0 9% 0 ;
}
.top_navi .navi_box .text .view{
	width: 300px;
	background: #922424;
	padding: 5px 0;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	display: block;
	transition: 0.3s 0s ease;
}
.top_navi .navi_box .text .view:hover{
	opacity: 0.7;
}
@media only screen and (max-width: 1400px){
	.top_navi{
		background: #f8f8f8;
		padding: 50px 0;
		margin: 0 0 50px 0;
	}
	.top_navi .inner{
		max-width: 1300px;
		margin: 0 auto;
	}
	.top_navi .navi_box{
		display: flex;
		gap: 0 3%;
		margin: 0 0 70px 0;
		align-items: center;
	}
	.top_navi .navi_box .text h3{
		font-size: calc(80 / 1300 * 100vw);
		color: #cfbd81;
		margin: 0 0 10% 0 ;
	}
	.top_navi .navi_box .text h4{
		font-size: calc(26 / 1300 * 100vw);
		margin: 0 0 13% 0 ;
	}
	.top_navi .navi_box .text .view{
		width: 60%;
		background: #922424;
		padding: 8px 0;
		text-align: center;
		color: #FFF;
		text-decoration: none;
		display: block;
		transition: 0.3s 0s ease;
	}
}
@media only screen and (max-width: 768px){
	.top_navi .navi_box{
		display: block;
		margin: 0 0 50px 0;
		width: 100%;
	}
	.top_navi .navi_box .img{
	width: 100%;
	margin: 0 0 10px 0;
	}
	.top_navi .navi_box .text{
	width: 100%;
	padding: 0 3%;
	}
	.top_navi .navi_box .text h3{
		font-size: 40px;
		color: #cfbd81;
		margin: 0 0 5% 0 ;
	}
	.top_navi .navi_box .text h4{
		font-size: 18px;
		margin: 0 0 5% 0 ;
	}
	.top_navi .navi_box .text .view{
		width: 100%;
		background: #922424;
		padding: 10px 0;
		text-align: center;
		color: #FFF;
		text-decoration: none;
		display: block;
		transition: 0.3s 0s ease;
	}
}

/*-----------------------------------------
	bnr
-----------------------------------------*/
.top_bnr {
	max-width: 764px;
	margin: 0 auto;
	/* padding: 0 20px 100px; */
}
.top_bnr a {
	opacity: 1;
	transition: all 0.3s ease-in-out;
}
.top_bnr a:hover {
	opacity: 0.7;
}

.bnr_area {
	width: 90%;
	max-width: 612px;
	margin: 0 auto 60px;
}
.bnr_area a{
	transition: all 0.3s ease;
}
.bnr_area a:hover {
	opacity: 0.7;
}

@media only screen and (max-width: 768px){
	.top_bnr {
		padding: 0 4%;
	}
	.bnr_area {
		width: 90%;
		max-width: 612px;
		margin: 0 auto 30px;
	}

}

/*-----------------------------------------
	top_induction
-----------------------------------------*/

.top_induction {
	margin-bottom: 80px;
	text-align: center;
}
.top_induction a {
	text-decoration: none;
	transition: all 0.3s ease;
}
.top_induction a:hover {
	opacity: 0.8;
}
.top_induction div.wrap {
	max-width: 1000px;
	width: 90%;
}
.top_induction div.line {
	margin: 0 auto;
	/* padding: 40px 2%;
	position: relative;
	border: 1px solid #707070; */
	font-size: 26px;
	text-align: center;
}
/* .top_induction div.line::before {
  content: "";
  position: absolute;
  top: 6px;
  bottom: -9px;
  right: -9px;
  left: 6px;
  border: solid 1px #707070;
  z-index: -1;
} */
.top_induction div p:first-child {
	margin-bottom: 30px;
}
.top_induction div p.btn {
	padding-bottom: 2px;
  display: inline; 
	font-size: 20px;
	background:linear-gradient(transparent 98%, #8b8b8b 0%);
}
@media only screen and (max-width: 768px){
	.top_induction {
		margin-bottom: 40px;
	}
	.top_induction div.line {
		padding: 10px 4%;
		font-size: 18px;
	}
	.top_induction div p {
		letter-spacing: 0;
	}
	.top_induction div p:first-child {
		margin-bottom: 15px;
	}
	.top_induction div p.btn {
		font-size: 14px;
		background:linear-gradient(transparent 95%, #8b8b8b 0%);
	}
}

/*============================
#holiday
============================*/

.holiday {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 60px;
	padding: 40px;
	background-color: #fff;
	border: 1px solid #b30606;
	text-align: center;
}
.holiday p {
	font-size: 18px;
	color: #b30606;
}

@media screen and (max-width: 768px) {
	.holiday {
	margin: -20px auto 40px;
	padding: 20px;
}
	.holiday p {
		font-size: 16px;
	}
}

/*============================
#und_bnr
============================*/

.und_bnr {
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
}

.und_bnr .und_bnr_item {
	margin-bottom: 40px;
	border: 1px solid #8b8b8b;
}
.und_bnr .und_bnr_item a {
	transition: all 0.3s ease;
}
.und_bnr .und_bnr_item a:hover {
	opacity: 0.7;
}


/*-----------------------------------------
bnr_float
-----------------------------------------*/
.bnr_float {
	position: fixed;
	right: 35px;
	bottom: 80px;
	width: 30%;
	max-width: 245px;
	z-index: 2;
	transition: all 0.3s ease;
  animation: fadeIn 0.7s ease forwards;
	animation-delay: 2s;
	opacity: 0;
}
.bnr_float .float_wrap {
	position: relative;
}
.bnr_float .float_wrap .btn_close {
	width: 24px;
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
	filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(7491%) hue-rotate(349deg) brightness(90%) contrast(95%);
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}