@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');



/*-----------------------------------------
-----------------------------------------*/
/*----------------------------------------
	- base
	- animate

-----------------------------------------*/
/*-----------------------------------------
	base
-----------------------------------------*/
:root {
	--main_color: #006430;
}

a {
	text-decoration: none;
	transition: all .3s ease;
}

a[tabindex] {
	position: relative;
}

a[tabindex]::before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}

figcaption {
	text-align: right;
	font-size: 10px;
}

sup {
	position: absolute;
	font-size: 45%;
	vertical-align: top;
	margin-left: -20px;
	top: 5px;
}

@media (hover: hover) {
	a:hover {
		opacity: 0.8;
	}

	a[tabindex]:hover {
		opacity: 1;
	}
}

picture {
	display: block;
}

/* 表示 非表示 */
._sp {
	display: none;
}

/* 幅 */
.w1200 {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}

.w1100 {
	max-width: 1100px;
	width: 90%;
	margin: 0 auto;
}

.w1000 {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
}

/* 各リンクジャンプセクション_共通スタイル */
.clms h3 {
	color: var(--main_color);
	font-size: min(calc((55 / 1920) * 100vw), 32px);
	letter-spacing: 0.09em;
	line-height: 1.4545;
	z-index: 5;
	/* 位置調整は各々で */
}

/* リンクジャンプボタン */
.clms .more_box {
	width: 285px;
	align-self: end;
	z-index: 5;
}

.clms .more_box .jump_name {
	width: 225px;
	margin: 0 auto 15px;
}

.clms .more_box .btn {
	width: 100%;
}

.clms .more_box .btn a {
	display: block;
	background-color: var(--main_color);
	position: relative;
	padding: 10px 66px;
}

.clms .more_box .btn a::after {
	content: '';
	position: absolute;
	background: url(../img/top/arrow_more.svg) no-repeat;
	background-size: cover;
	top: 50%;
	right: 8.75px;
	transform: translateY(-50%);
	width: 16.25px;
	height: 22.5px;
}

@media screen and (max-width:1200px) {
	.clms .more_box {
		width: 20%;
	}

	.clms .more_box .jump_name {
		width: 95%;
		margin: 0 auto 7px;
	}

	.clms .more_box .btn a {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 8% 22px 8% 0;
	}

	.clms .more_box .btn a::after {
		width: 8px;
		height: 12px;
	}

	.clms .more_box .btn a img {
		width: 80%;
	}
}

@media screen and (max-width:768px) {

	/*表示 非表示*/
	._pc {
		display: none;
	}

	._sp {
		display: block;
	}

	/* 見出し部分 */
	.clms h3 {
		letter-spacing: 0.05em;
	}

	.clms .more_box {
		align-self: center;
		width: 56.4vw;
	}

	.clms .more_box .jump_name {
		width: 98%;
	}

	.clms .more_box .btn a {
		display: block;
		padding: 4% 50px;
	}

	.clms .more_box .btn a::after {
		width: 12px;
		height: 15px;
	}

	.clms .more_box .btn a img {
		width: 100%;
	}

	sup {
		position: static;
		font-size: 45%;
		vertical-align: top;
		margin-left: -10px;
		top: 5px;
	}
}

/*-----------------------------------------
	animate関連
-----------------------------------------*/
.fadeInLeftTrigger {
	opacity: 0;
}

.fadeInRightTrigger {
	opacity: 0;
}

.anime_time {
	animation-duration: 1.2s;
	/* アニメーションの時間 */
	animation-delay: .5s;
	/* アニメーション開始時間 */
}


/*-----------------------------------------
	header
-----------------------------------------*/

.header-wrapper {
	opacity: 0;
	height: 0;
	transition: opacity 1s ease;
}

.header-wrapper.active {
	opacity: 1;
}

@media screen and (max-width:768px) {
	.header-wrapper {
		opacity: 1;
		height: auto;
	}
}

/*-----------------------------------------
	mv
-----------------------------------------*/
#top .mv {
	/* margin-bottom: 40px; */
	position: relative;
	overflow-y: visible;

	/* movie */
	/* padding-bottom: 20px; */
}

#main-image-area {
	position: relative;
}

#main-image-area video {
	vertical-align: bottom;
}


/* movie */
#top .mv .movie {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

#top .mv .movie .movie-con {
	position: sticky;
	top: 0;
	width: 100%;
	height: 100dvh;
	z-index: 10;
}

#top .mv .movie .movie-con .movie-item {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	background: #fff;
}

#top .mv .movie .movie-con .skip-button {
	z-index: 11;
	position: absolute;
	bottom: 0;
	left: 0;
	height: fit-content;
	padding: 8px 1.2vw;
	color: #fff;
	background-color: rgba(0, 0, 0, .7);
	letter-spacing: 0.1em;
	font-weight: 500;
	font-size: 16px;
	font-family: 'Shippori Mincho', 'Noto Serif JP', serif;
}



#top .mv>button {
	content: '';
	position: absolute;
	z-index: 5;
	padding: 8px 1.2vw;
	color: #fff;
	letter-spacing: 0.1em;
	font-weight: 500;
	background-color: rgba(0, 0, 0, .7);
	top: 8px;
	right: 8px;
	font-size: 16px;
	cursor: pointer;
	font-family: 'Shippori Mincho', 'Noto Serif JP', serif;
}

/* スライダー_ドット */
#top .slide-dots {
	content: '';
	position: absolute;
	width: 100%;
	bottom: 0px;
	height: 50px;
	display: flex;
	gap: 0 25px;
	align-items: center;
	justify-content: center;
}

#top .slide-dots li {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	background-color: #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
}

#top .slide-dots li.slick-active {
	background-color: var(--main_color);
	border: 2px solid #58ac80;
}

#top .slide-dots li button {
	color: transparent;
	cursor: pointer;
	width: 100%;
	height: 100%;
}

.mv .slick-list {
	padding-bottom: 20px;
}

.slick-slider .slide-item {
	position: relative;
}

.slick-slider .slide-item .notion {
	position: absolute;
	right: 10px;
	bottom: 5px;
	bottom: clamp(-0.625rem, -1.655rem + 2.15vw, 0.625rem);
	font-size: clamp(0.625rem, 0.316rem + 0.64vw, 1rem);

	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}

/* 最初は非表示 */
/* #slick-slider {
  display: none;
}  */

@media screen and (max-width:768px) {
	#top .mv {
		/* margin-bottom: 15px; */

	}

	/*movie */
	#top .mv .movie .movie-con {
		position: static;
		height: 100%;
	}

	/* #top .mv .movie .movie-con .movie-item{
		object-fit: cover;
	} */
	#top .mv .movie .movie-con .skip-button {
		padding: 1.5vw 5vw;
		font-size: 14px;
	}

	#top .mv>button {
		padding: 1.5vw 5vw;
		font-size: 14px;
		font-family: 'Shippori Mincho', 'Noto Serif JP', serif;
	}

	#top .slide-dots {
		bottom: -10px;
		gap: 0 15px;
	}

	#top .slide-dots li {
		width: 1rem;
		height: 1rem;
	}

	#top .slide-dots li button {
		padding: 0;
		font-size: 10px;
	}

	.mv .slick-list {
		padding-bottom: 0;
	}

	.slick-slider .slide-item .notion {
		display: none;
	}
}


/* ============================================ */
/* ニュース一覧
/* ============================================ */
#top section.news_sec {
	padding: 80px 0 100px;
	width: 100%;
	background: linear-gradient(180deg, rgba(253, 253, 253, 1) 0%, rgba(227, 227, 227, 1) 100%);
}

#top .bnr_area {
	width: 90%;
	/* max-width: 1024px; */
	margin: 0 auto;

	/*来場キャンペーン*/
	width: 100%;
	padding: 60px 0 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(253, 253, 253, 1) 100%);

}

#top .bnr_area .caption {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 12px;
	text-align: left;
}

#top section.news_sec h3 {
	text-align: center;
	font-size: 36px;
	color: #1a3013;
	margin-bottom: 50px;
}

#top section.news_sec .topics_list {
	width: 90%;
	max-width: 700px;
	margin: 0 auto;
}

#top section.news_sec .topics_list a:hover {
	opacity: 0.7;
}

#top section.news_sec .topics_list dl {
	border-bottom: 1px solid #727171;
	display: flex;
	gap: 20px;
	padding: 20px 0;
}

#top section.news_sec .topics_list dl dt {
	position: relative;
	padding: 0 0 0 25px;
}

#top section.news_sec .topics_list dl dd {
	text-transform: uppercase;
}

#top section.news_sec .topics_list dl dt::before {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	background-color: #000;
	top: 0.5em;
	left: 0;
}

@media (max-width: 768px) {
	#top section.news_sec {
		padding: 40px 0 60px;
	}

	#top section.news_sec .bnr_area {
		margin: 0 auto 30px;
	}

	#top section.news_sec h3 {
		font-size: 18px;
		margin-bottom: 15px;
	}

	#top section.news_sec .topics_list dl {
		flex-direction: column;
		gap: 5px 0;
	}
}

/* ============================================ */
/* topics バナー
/* ============================================ */

#top .topic_area {
	width: 100%;
	padding-bottom: 50px;
}

#top .topic_area .topic-text_area {
	width: 90%;
	max-width: 1000px;
	margin: auto;
	padding-bottom: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#top .topic_area .topic-text_area .line {
	width: 10%;
	height: 1px;
	flex-grow: 1;
	background: #000;

}

#top .topic_area .topic-text_area .topic-text {
	font-size: 28px;
	text-transform: uppercase;
	padding: 0 30px;
	width: fit-content;
}

#top .swiper {
	padding-bottom: 50px;
}

#top .topic-item {
	width: 90%;
	max-width: 1000px;
	display: block;
}

#top .swiper-pagination-bullet {
	margin: 0 20px;
	margin: 0 clamp(0.938rem, 0.382rem + 1.16vw, 1.25rem);
	width: 10px;
	height: 10px;
	background: #b0b0b0;
	opacity: 1;
}

#top .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #000;
}

@media (max-width: 768px) {
	#top .topic_area {
		padding-bottom: 50px;
	}

	#top .topic_area .topic-text_area {
		padding-bottom: 40px;
	}

	#top .topic_area .topic-text_area .topic-text {
		font-size: 28px; /*18px*/
		font-size: clamp(1.125rem, 0.679rem + 2.23vw, 1.75rem);
		padding: 0 30px;/*0px 20px */
		padding: 0 clamp(1.25rem, 0.804rem + 2.23vw, 1.875rem);
	}

	#top .swiper {
		padding-bottom: 50px;
	}



	#top .swiper-pagination-bullet {
		margin: 0 10px;
	}

}


/*-----------------------------------------
	campaign
-----------------------------------------*/
.campaign {
	width: 90%;
	max-width: 800px;
	margin: auto;
	padding-top: 100px;
	position: relative;
	transition: all .5s ease;
}

.campaign:hover {
	opacity: .7;
}

.campaign a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 768px) {
	.campaign {
		margin: auto;
		padding-top: 60px;
	}
}

/*-----------------------------------------
	obi_area
-----------------------------------------*/

.kakaku_wrap {
	margin-bottom: 40px;
	text-align: center;
}

.kakaku_wrap img {
	max-width: 1168px;
}

.obi_area {
	background: rgb(164, 152, 123);
	background: linear-gradient(90deg, rgba(164, 152, 123) 0%, rgba(204, 192, 163, 1) 50%, rgba(164, 152, 123) 100%);

	/* background: url(../img/top/action_bg.jpg) no-repeat;
	background-size: cover; */
	padding: 30px 0 25px;
	text-align: center;
}

.action_wrap p {
	font-size: 65px;
	font-weight: 500;
}

.flex_area {
	display: flex;
	gap: 20px 40px;
	justify-content: center;
	align-items: center;
}

.flex_area .bnr_cp {
	max-width: 473px;
}

.lifein_ba {
	/* padding: 0 0 37.5px; */

	/*来場キャンペーン*/
	width: 90%;
	max-width: 1000px;
	margin: auto;
}

.new_item {
	margin: 0 auto;
	position: relative;
	padding-top: 15px;
}

.new_item::before {
	content: 'NEW';
	color: #b30606;
	position: absolute;
	top: -1em;
	font-size: 32px;
	font-weight: 600;
}

.lifein_ba .btn02,
.lifein_ba .btn_promo {
	transition: all 0.3s ease;
	cursor: pointer;
}

.lifein_ba .btn02:hover,
.lifein_ba .btn_promo:hover {
	opacity: 0.7;
}

.movie_ba {
	width: 90%;
	max-width: 580px;
	padding: 0 0 40px;
	margin: -30px auto 0;
}

.lifein_ba.child {
	text-align: center;
}

.btn03 {
	cursor: pointer;
	display: inline-block;
	margin: 0 auto;
	transition: all 0.3s ease;
}

.btn03:hover {
	opacity: 0.7;
}

.lifein_ba.child img {
	max-width: 90%;
	max-height: 400px;
	width: auto;
}

@media only screen and (max-width: 1380px) {
	.action_wrap p {
		font-size: calc(65 / 1200 * 100vw);
	}
}

@media only screen and (max-width: 768px) {
	.action_wrap p {
		font-size: 30px;
	}

	.action_wrap {
		padding: 20px 0;
	}

	.kakaku_wrap {
		margin-bottom: 20px;
	}

	.flex_area {
		flex-direction: column;
	}

	.lifein_ba {
		padding: 0 0 24px;
	}

	.movie_ba {
		max-width: 100%;
		padding: 0 0 30px;
	}

	.new_item::before {
		font-size: 24px;
	}


}




/*-----------------------------------------
	point_area
-----------------------------------------*/
#top .point_area {
	padding: 100px 0;
	background: url(../img/top/point_bg.jpg) no-repeat;
	background-size: cover;
	vertical-align: bottom;
}

#top .point_area h2 {
	text-align: center;
	font-size: 35px;
	letter-spacing: 0;
	font-weight: 700;
	margin: 0 0 80px 0;
	color: #6b6c72;
}

#top .point_area .large {
	display: inline;
	font-size: 50px;
	font-weight: 700;
}

#top .point_area h3 {
	text-align: center;
	font-size: 35px;
	font-weight: 700;
	margin-bottom: 20px;
	color: #FFF;
}

@media only screen and (max-width: 1380px) {
	#top .point_area h2 {
		font-size: calc(35 / 1200 * 100vw);
	}

	#top .point_area h3 {
		font-size: calc(35 / 1200 * 100vw);
	}

	#top .point_area .large {
		font-size: calc(50 / 1200 * 100vw);
	}
}

@media only screen and (max-width: 768px) {
	#top .point_area {
		padding: 40px 0;
	}

	#top .point_area h2 {
		font-size: 18px;
		line-height: 1.6;
		;
		margin-bottom: 40px;
	}

	#top .point_area h3 {
		font-size: 18px;
		line-height: 1.6;
	}

	#top .point_area .large {
		font-size: 26px;
	}
}

#top .point_area ul {
	display: flex;
	gap: 8px 2%;
	align-items: center;
	justify-content: center;
}

#top .point_area ul li {
	height: 100%;
}

#top .point_area ul::after {
	content: none;
}

#top .bnr_area .docu_bnr {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	display: block;
}

#top .bnr_area .bnr_step {
	max-width: 461px;
}

@media screen and (max-width:1200px) {
	#top .point_area ul {
		flex-wrap: wrap;
	}

	#top .point_area ul li {
		width: calc((100% - 2%)/2);
	}
}

/*-----------------------------------------
/*-----------------------------------------
	jump_wrapper
-----------------------------------------
-----------------------------------------*/

#jump_wrapper {
	padding: 65.5px 0 72px;
	position: relative;
	overflow-x: hidden;
}

/* 葉っぱ_位置 */
.reaf {
	content: '';
	position: absolute;
	transition: all .3s ease;
}

.reaf01 {
	width: 4.3636vw;
	max-width: 172px;
	/* top: 5.59vw; */
	left: 33vw;
}

.reaf02 {
	width: 20vw;
	max-width: 826px;
	/* top: 3.1818vw; */
	right: 8.1818vw;
}

.reaf03 {
	width: 7.363vw;
	max-width: 300px;
	/* top: 25vw; */
	right: 18.40vw;
	z-index: -1;
	opacity: 0.9;
}

.reaf04 {
	width: 8.545vw;
	max-width: 240px;
	/* top: -1.83vw; */
	left: 62.5px;
}

.reaf05 {
	width: 7.636vw;
	max-width: 110px;
	/* top: 237.5px; */
	left: 278px;
}

.reaf06 {
	width: 12.636vw;
	max-width: 289px;
	/* top: -120px; */
	right: 12%;
	z-index: 5;
}

.reaf07 {
	width: 16.5454vw;
	max-width: 240px;
	/* top: -87.5px; */
	left: 232px;
	z-index: 5;
}

@media screen and (max-width:1400px) {
	.reaf05 {
		top: 34%;
		left: 24.1666%;
	}

	.reaf06 {
		top: -12.218%;
	}

	.reaf07 {
		top: -8.7%;
		left: 8%;
	}
}

@media screen and (max-width:768px) {
	.reaf01 {
		width: 8.8vw;
		top: 6.933vw;
		left: 20.66666vw;
	}

	.reaf02 {
		width: 25vw;
		top: 3.1818vw;
		right: 2vw;
	}

	.reaf03 {
		width: 11.7333vw;
		top: 49.73333vw;
		right: 4.53333vw;
	}

	.reaf04 {
		width: 16.8vw;
		top: -5.3333vw;
		left: 12.73333vw;
	}

	.reaf05 {
		width: 68.75px;
		left: auto;
		right: 12.8vw;
		top: 60%;
	}

	.reaf06 {
		width: 21.6vw;
		top: -8.5333vw;
		right: 21.333vw;
	}

	.reaf07 {
		width: 24vw;
		top: -10.6666vw;
		left: 23.46666vw;
	}
}

#jump_wrapper .title_area {
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#jump_wrapper .title_area .big_logo {
	width: 15vw;
	min-width: 150px;
	margin-bottom: 20px;
}

#jump_wrapper .title_area h2 {
	width: 37.75vw;
	max-width: 460px;
	margin-bottom: 28px;
}

#jump_wrapper .title_area p {
	font-size: 22px;
	text-align: center;
	line-height: 2.12;
	color: var(--main_color);
}

#jump_wrapper .perth {
	margin-bottom: 37.5px;
	position: relative;
}

#jump_wrapper .perth .notion {
	position: absolute;
	bottom: 10%;
	right: 5px;
	margin: 0;
}

@media screen and (max-width:900px) {
	#jump_wrapper .title_area p {
		font-size: 19px;
	}
}

@media screen and (max-width:768px) {
	#jump_wrapper {
		padding: 28px 0 35px;
	}

	#jump_wrapper .title_area {
		margin-bottom: 25px;
	}

	#jump_wrapper .title_area .big_logo {
		width: 26.666vw;
		min-width: auto;
		margin-bottom: 8px;
	}

	#jump_wrapper .title_area h2 {
		width: 65.3333vw;
		margin-bottom: 20px;
	}

	#jump_wrapper .title_area p {
		font-size: 14px;
		font-weight: bold;
		line-height: 1.71;
	}

	#jump_wrapper .perth .notion {
		bottom: 5%;
	}
}

@media screen and (max-width:500px) {
	.br_500 {
		display: block;
	}
}

/*-----------------------------------------
	concept_box
----------------------------------------- */
#concept_box {
	padding-bottom: 13.54vw;
	position: relative;
}

#concept_box .clms {
	display: flex;
	justify-content: space-between;
	position: relative;
}

#concept_box .clms .img_set {
	width: 65.625%;
	z-index: -2;
}

#concept_box .clms h3 {
	content: '';
	position: absolute;
	top: 36.25px;
	right: 0;
}

@media screen and (min-width:1300px) {
	#concept_box {
		padding-bottom: 150px;
	}

}

@media screen and (max-width:768px) {
	#concept_box .clms {
		flex-direction: column;
		padding-top: 62.666vw;
	}

	#concept_box .clms .img_set {
		content: '';
		position: absolute;
		width: 95vw;
		left: -5vw;
		top: 0;
	}

	#concept_box .clms h3 {
		position: static;
		margin: 20px 0 25px;
		font-size: 20px;
		font-weight: bold;
	}
}

@media screen and (max-width:500px) {
	#concept_box .clms h3 {
		font-size: 16px;
	}
}

/*-----------------------------------------
	location_box
----------------------------------------- */
#location_box {
	padding-bottom: 13.8vw;
	position: relative;
}

#location_box .clms {
	display: flex;
	justify-content: space-between;
	position: relative;
}

#location_box .clms .img_set {
	width: 65.625%;
	position: relative;
}

#location_box .clms h3 {
	content: '';
	position: absolute;
	top: 36.25px;
	left: 92px;
}

@media screen and (min-width:1300px) {
	#location_box {
		padding-bottom: 170px;
	}
}

@media screen and (max-width:768px) {
	#location_box figcaption {
		margin-right: 5px;
	}

	#location_box .clms {
		flex-direction: column-reverse;
		padding-top: 62.666vw;
	}

	#location_box .clms .img_set {
		content: '';
		position: absolute;
		width: 95vw;
		right: -5vw;
		top: 0;
	}

	#location_box .clms h3 {
		position: static;
		margin: 20px 0 25px;
		font-size: 20px;
		font-weight: bold;
	}
}

@media screen and (max-width:500px) {
	#location_box .clms h3 {
		font-size: 16px;
	}
}

/*-----------------------------------------
	access_box
----------------------------------------- */
#access_box {
	padding-bottom: 13.75vw;
}

#access_box .clms {
	display: flex;
	justify-content: space-between;
	position: relative;
}

#access_box .clms .img_set {
	width: 65.625%;
	position: relative;
}

#access_box .clms h3 {
	content: '';
	position: absolute;
	top: 36.25px;
	right: 93.75px;
}

h3 span {
	display: block;
	font-size: min(calc((14 / 1920) * 100vw), 14px);
	margin-top: 10px;
	font-weight: bold;
	letter-spacing: 0;
}

@media screen and (min-width:1300px) {
	#access_box {
		padding-bottom: 165px;
	}
}

@media screen and (max-width:768px) {
	#access_box .clms {
		flex-direction: column;
		padding-top: 62.666vw;
	}

	#access_box .clms .img_set {
		content: '';
		position: absolute;
		width: 95vw;
		left: -5vw;
		top: 0;
	}

	#access_box .clms h3 {
		position: static;
		margin: 42px 0 25px;
		font-size: 20px;
		font-weight: bold;
	}

	h3 span {
		font-size: 10px;
	}
}

@media screen and (max-width:500px) {
	#access_box .clms h3 {
		font-size: 16px;
	}
}

/*-----------------------------------------
	plan_box
----------------------------------------- */
#plan_box {
	padding-bottom: 13.85vw;
	position: relative;
}

#plan_box .clms {
	display: flex;
	justify-content: space-between;
	position: relative;
}

#plan_box .clms .img_set {
	width: 65.625%;
	position: relative;
}

#plan_box .clms h3 {
	content: '';
	position: absolute;
	top: 36.25px;
	left: 92px;
}

@media screen and (min-width:1300px) {
	#plan_box {
		padding-bottom: 168px;
	}
}

@media screen and (max-width:768px) {
	#plan_box figcaption {
		margin-right: 5px;
	}

	#plan_box .clms {
		flex-direction: column-reverse;
		padding-top: 62.666vw;
	}

	#plan_box .clms .img_set {
		content: '';
		position: absolute;
		width: 95vw;
		right: -5vw;
		top: 0;
	}

	#plan_box .clms h3 {
		position: static;
		margin: 50px 0 25px;
		font-size: 20px;
		font-weight: bold;
	}
}

@media screen and (max-width:500px) {
	#plan_box .clms h3 {
		font-size: 16px;
	}
}

/*-----------------------------------------
	brand_box
----------------------------------------- */
#brand_box {
	position: relative;
}

#brand_box .clms {
	display: flex;
	justify-content: space-between;
	position: relative;
}

#brand_box .clms .img_set {
	width: 65.625%;
	position: relative;
}

#brand_box .img_set p {
	content: '';
	position: absolute;
	font-size: 12px;
	bottom: -15px;
	right: 0;
}

#brand_box .clms h3 {
	content: '';
	position: absolute;
	top: 36.25px;
	right: 40px;
}

@media screen and (max-width:768px) {
	#brand_box .clms {
		flex-direction: column;
		padding-top: 62.666vw;
	}

	#brand_box .clms .img_set {
		content: '';
		position: absolute;
		width: 95vw;
		left: -5vw;
		top: 0;
	}

	#brand_box .clms h3 {
		position: static;
		margin: 20px 0 25px;
		font-size: 20px;
		font-weight: bold;
	}
}

@media screen and (max-width:500px) {
	#brand_box .clms h3 {
		font-size: 16px;
	}
}

/*-----------------------------------------
	jump_list_wrapper
----------------------------------------- */
#jump_list_wrapper ul {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 40px;
	display: flex;
	flex-wrap: wrap;
}

#jump_list_wrapper ul li {
	width: calc(100% / 4);
	position: relative;
}

#jump_list_wrapper ul li a {
	display: flex;
}

#jump_list_wrapper ul li a[tabindex]::before {
	background-color: rgba(0, 0, 0, .4);
}

#jump_list_wrapper ul li .will_come_img {
	content: '';
	position: absolute;
	bottom: 3%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 70%;
	z-index: 5;
}


@media screen and (max-width:768px) {
	#jump_list_wrapper ul {
		width: 100%;
		margin-bottom: 13px;
	}

	#jump_list_wrapper ul li {
		width: calc(100% / 2);
	}

	#jump_list_wrapper .notion {
		margin-bottom: 18px;
		flex-wrap: wrap;
		justify-content: center;
	}

	#jump_list_wrapper .notion p {
		width: 100%;
	}

	#jump_list_wrapper .notion div.casbee_area {
		width: 100%;
		max-width: 300px;
		margin: 20px 0;
	}
}

/*-----------------------------------------
	info_area
----------------------------------------- */

.info_area {
	padding: 60px 0 10px;
	margin: 0 auto 60px;
}

.info_area.mid {
	background: rgb(253, 253, 253);
	background: linear-gradient(180deg, rgba(253, 253, 253, 1) 0%, rgba(227, 227, 227, 1) 100%);
}

.info_area .docu_request2 .btn {
	width: 580px;
	padding: 22px 0;
	margin-bottom: 37.5px;
}

.info_area .docu_request2 .btn .siryo {
	display: block;
	background: rgb(162, 76, 67);
	background: linear-gradient(90deg, rgba(64, 40, 34, 1) 0%, rgba(162, 76, 67, 1) 50%, rgba(64, 40, 34, 1) 100%);
	border: 2px solid #c1ac7c;
	padding: 16px 0 23px;
	text-align: center;
	color: #fff;
	font-size: 30px;
	letter-spacing: 0.03em;
	transition: all 0.3s 0s ease;
}

.info_area .docu_request2 .btn .raijyo {
	color: #fff;
	display: block;
	background: rgb(50, 116, 41);
	background: linear-gradient(90deg, rgba(11, 12, 20, 1) 0%, rgba(50, 116, 41, 1) 50%, rgba(11, 12, 20, 1) 100%);
	border: 2px solid #c1ac7c;
	padding: 32px 0;
	text-align: center;
	font-size: 30px;
	letter-spacing: 0.03em;
	transition: all 0.3s 0s ease;
	text-align: center;
}


.info_area .btn_area {
	width: 100%;
	justify-content: space-between;
}

.info_area .docu_request2 .btn a:hover {
	opacity: 0.8;
	transition: all 0.3s 0s ease;
}

.info_area .docu_request2 .btn a span {
	display: block;
	font-size: 17.5px;
	letter-spacing: 0.09em;
}

@media screen and (max-width: 768px) {
	.info_area {
		padding: 40px 5% 10px;
		margin-bottom: 40px;
	}

	.info_area .docu_request2 .btn_area {
		width: 100%;
		flex-direction: column;
		gap: 15px;
	}

	.info_area .docu_request2 {
		margin-bottom: 24px;
	}



	.info_area .docu_request2 .btn {
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}

	.info_area .docu_request2 .btn .raijyo,
	.info_area .docu_request2 .btn .siryo {
		font-size: 22px;
	}

	.info_area .docu_request2 .btn .raijyo {
		padding: 27px 0;
	}

	.info_area .docu_request2 .btn a span {
		font-size: 12px;
	}
}

/*-----------------------------------------
	notion
----------------------------------------- */

.notion {
	margin-bottom: 22px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

.notion p {
	width: 70%;
}

.notion div.casbee_area {
	width: 25%;
	min-width: 250px;
}

@media screen and (max-width:768px) {
	.notion {
		margin-bottom: 18px;
		flex-wrap: wrap;
		justify-content: center;
	}

	.notion p {
		width: 100%;
	}

	.notion div.casbee_area {
		width: 100%;
		max-width: 300px;
		margin: 20px 0;
	}
}

/*------------
フローティングバナー
-------------*/

.float_wrap {
	position: fixed;
	right: -360px;
	bottom: 100px;
	transition: all 0.5s ease-in-out;
	z-index: 999;
}

.float_wrap.visible {
	right: 0;
}

.floting_ba {
	display: flex;
	position: relative;
	align-items: stretch;
	/* top: 150px; */
	right: 0;
	transition: all 0.5s ease-in-out;
	max-width: 352px;
}

.floting_ba.active {
	right: -323px;
}

.floting_ba .btn04 {
	height: 125px;
	transition: all 0.5s ease-in-out;
	cursor: pointer;
}

/* .floting_ba .close {
	position: fixed;
	right: 18px;
	bottom: 290px;
	transition: all 0.5s ease-in-out;
} */
.floting_ba .close_btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	background: #333;
	/* height: 155px; */
	cursor: pointer;
	border: 1px solid #c1ac7c;
	outline-offset: -2px;
	text-align: center;
}

.floting_ba .close_btn span::after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 8px;
	border-color: transparent transparent transparent #FFFFFF;
}

.floting_ba .close_btn span.active::after {
	border-width: 8px 8px 8px 0;
	border-color: transparent #FFFFFF transparent transparent;
}

.floting_ba .btn04:hover {
	opacity: 0.8;
}

.floting_ba .close:hover {
	opacity: 0.7;
}

@media only screen and (max-width: 768px) {
	.float_wrap {
		position: fixed;
		right: -250px;
		bottom: 80px;
		transition: all 0.5s ease-in-out;
	}

	.float_wrap.visible {
		right: 0;
	}

	.floting_ba {
		display: flex;
		position: relative;
		align-items: stretch;
		/* top: 150px; */
		right: 0;
		z-index: 360;
		transition: all 0.5s ease-in-out;
		max-width: 235px;
	}

	.floting_ba.active {
		right: -215px;
	}

	.floting_ba .btn04 {
		height: 84px;
		transition: all 0.5s ease-in-out;
	}

	.floting_ba .close_btn span::after {
		border-width: 6px 0 6px 6px;
	}

	.floting_ba .close_btn span.active::after {
		border-width: 6px 6px 6px 0;
	}
}

#video-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000D9;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

#intro-video {
	width: 100%;
	height: auto;
	max-height: 100%;
}

#skip-button {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 10px 20px;
	background-color: rgba(255, 255, 255, 1);
	border: none;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.3s ease;
}

#skip-button:hover {
	background-color: rgba(255, 255, 255, 0.7);
}

.kakaku_wrap .teiki_obi {
	width: 100%;
	max-width: 1200px;
	background: #ffffff80;
	padding: 10px 0 20px;
	margin: 0 auto 45px;
}

.kakaku_wrap .teiki_obi p {
	font-size: 50px;
	font-weight: 500;
	color: #5b5b5b;
	letter-spacing: 0.05em;
}

.kakaku_wrap .teiki_obi p .small {
	display: inline-block;
	padding-right: 30px;
	font-size: 36px;
	font-weight: 900;

}

.kakaku_wrap .teiki_obi p .num {
	font-size: 65px;
}

@media only screen and (max-width: 1380px) {
	.kakaku_wrap .teiki_obi p {
		font-size: calc(50 / 1200 * 100vw);
	}

	.kakaku_wrap .teiki_obi p .small {
		font-size: calc(30 / 1200 * 100vw);
	}

	.kakaku_wrap .teiki_obi p .num {
		font-size: calc(65 / 1200 * 100vw);
	}
}


@media only screen and (max-width: 768px) {
	.kakaku_wrap .teiki_obi {
		padding: 10px 0 20px;
		margin-bottom: 30px;
	}

	.kakaku_wrap .teiki_obi p {
		font-size: 30px;
		line-height: 1.3;
	}

	.kakaku_wrap .teiki_obi p .small {
		padding-right: 10px;
		font-size: 18px;

	}

	.kakaku_wrap .teiki_obi p .num {
		font-size: 35px;
	}


}


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

.holiday {
	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: 0 auto 40px;
		padding: 20px;
	}

	.holiday p {
		font-size: 16px;
	}
}

/*============================
訪問時ポップアップ
============================*/
#pop_bnr_area .img_area {
	max-width: 800px;
	margin: 0 auto;
}

.layer_board_bg,
.layer_board {
	position: absolute;
}

.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
	display: none;
	cursor: pointer;
	background: #000;
}

.layer_board {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 2000;
	padding: 30px;
	height: auto;
}

.layer_board p {
	margin-bottom: 50px
}

.btn_close {
	display: block;
	text-decoration: none;
	background: #000;
	color: #fff;
	border: solid 1px #000;
	/* padding: 0 20px; */
	width: 42px;
	border-radius: 50%;
	position: absolute;
	top: -15px;
	right: -15px;
	line-height: 40px;
	text-align: center;
	font-size: 25px;
}

.fade-img {
	position: relative;
}

.fade-img div {
	position: absolute;
	height: 500px;
}

@media screen and (max-width: 768px) {
	.layer_board {
		padding: 20px;
		width: 90%;
	}

}

.mv.mb80 {
	margin-bottom: 80px;
}

.floating_lp_ba {
	opacity: 1;
	/* movie */
	visibility: visible;
	/* movie */
	position: fixed;
	right: 15px;
	/*bottom: 300px;*/
	bottom: 85px;
	max-width: 300px;
	z-index: 100;
	transition: all 1s ease;
}

.floating_lp_ba.hide {
	/* movie */
	opacity: 0;
	visibility: hidden;
}

.floating_lp_ba .floating_wrapper {
	position: relative;
}

.floating_lp_ba .floating_wrapper .close {
	position: absolute;
	right: -5px;
	top: -5px;
	cursor: pointer;
}

.floating_lp_ba .floating_wrapper a {
	cursor: pointer;
}

@media screen and (max-width: 768px) {
	.floating_lp_ba {
		right: auto;
		left: 10px;
		/*bottom: 180px;*/
		bottom: 10px;
		max-width: 225px;
	}
}





.floating_movie_ba {
	position: fixed;
	right: 15px;
	bottom: 85px;
	max-width: 300px;
	z-index: 100;
}

.floating_movie_ba .floating_wrapper {
	position: relative;
}

.floating_movie_ba .floating_wrapper .close {
	position: absolute;
	right: -5px;
	top: -5px;
	cursor: pointer;
}

.floating_movie_ba .floating_wrapper a {
	cursor: pointer;
}

@media screen and (max-width: 768px) {
	.floating_movie_ba {
		right: auto;
		left: 10px;
		bottom: 10px;
		max-width: 225px;
	}
}



.floating_town_ba {
	opacity: 1;
	/* movie */
	visibility: visible;
	/* movie */
	position: fixed;
	right: 15px;
	bottom: 300px;
	max-width: 300px;
	z-index: 100;
	transition: all 1s ease;
}

.floating_town_ba.hide {
	/* movie */
	opacity: 0;
	visibility: hidden;
}

.floating_town_ba .floating_wrapper {
	position: relative;
}

.floating_town_ba .floating_wrapper .close {
	position: absolute;
	right: -5px;
	top: -5px;
	cursor: pointer;
}

.floating_town_ba .floating_wrapper a {
	cursor: pointer;
}

@media screen and (max-width: 768px) {
	.floating_town_ba {
		right: auto;
		left: 10px;
		bottom: 180px;
		max-width: 225px;
	}
}






/*-----------------------------------------
	smooth-scroll-top
----------------------------------------- */
.go-to-top.hide {
	opacity: 0;

}

.go-to-top {
	opacity: 1;
	transition: opacity 1s ease;
}

@media screen and (max-width: 768px) {
	.go-to-top.hide {
		opacity: 1;
	}
}