@charset "UTF-8";
/*
///////////////////////////////////////////////////////////////////////////////////////
SETTING
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_250422 {
  --color-white: #fff;
  --color-black: #000;
  --color-green: #96AA9D;
  --color-yellow: #D2A86A;
  --color-navy: #4D6172;
  --font-ja: "noto-sans-cjk-jp", sans-serif;
  --font-source: "source-han-sans-japanese", sans-serif;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  overflow: clip;
  font-family: var(--font-ja);
  max-width: var(--container-default);
  margin: auto;
  padding-bottom: 40rem;
  letter-spacing: 0;
}

/* sec_mv
==================================*/
.lp-barbour_250422 .sec_mv{
	margin-bottom: 13rem;
}

.lp-barbour_250422 .mv{
	margin-bottom: 6rem;
}
.lp-barbour_250422 .main_title{
	text-align: center;
	font-size: 2.8rem;
	line-height: 1.5;
	margin-bottom: 3rem;
	font-weight: var(--fw-bold);
}

.lp-barbour_250422 .main_lead{
	width: 96rem;
	margin: auto;
	font-size: 2rem;
	line-height: 1.7;
}

/* sec_item
==================================*/
.lp-barbour_250422 .sec_item{
	width: 96rem;
	margin: 0 auto 15rem;
}

.lp-barbour_250422 .item_title{
	width: 100%;
	height: 6rem;
	border-radius: 3rem;
	color: var(--color-white);
	font-family: var(--font-f37-ginger);
	font-size: 2.8rem;
	font-weight: var(--fw-bold);
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 6rem;
}

.lp-barbour_250422 .item_title .jpn{
	font-family: var(--font-ja);
	font-size: 2.4rem;
}

.lp-barbour_250422 .item_lead{
	width: 80rem;
	margin: 0 auto 6rem;
	font-size: 2rem;
	line-height: 1.7;
}

.lp-barbour_250422 .item_list{
	display: flex;
	flex-wrap: wrap;
	gap: 6rem 3rem;
}

.lp-barbour_250422 .item_list li{
	width: 30rem;
	display: grid;
	gap: 2rem;
}

.lp-barbour_250422 .item_detail,
.lp-barbour_250422 .item_text{
	font-size: 1.8rem;
	line-height: 2.8rem;
}

.lp-barbour_250422 .link_btn{
	width: 100%;
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	font-weight: var(--fw-medium);
	color: var(--color-white);
	border: 1px solid;
}

/*------------ travel ------------*/
.lp-barbour_250422 .travel .item_title,
.lp-barbour_250422 .travel .link_btn{
	background-color: var(--color-green);
}
.lp-barbour_250422 .travel .link_btn{
	border-color: var(--color-green);
}

.lp-barbour_250422 .active .item_title,
.lp-barbour_250422 .active .link_btn{
	background-color: var(--color-yellow);
}
.lp-barbour_250422 .active .link_btn{
	border-color: var(--color-yellow);
}

.lp-barbour_250422 .urban .item_title,
.lp-barbour_250422 .urban .link_btn{
	background-color: var(--color-navy);
}
.lp-barbour_250422 .urban .link_btn{
	border-color: var(--color-navy);
}

/* all_btn
==================================*/
.lp-barbour_250422 .all_btn{
	width: 60rem;
	height: 5rem;
	border-radius: 2.5rem;
	border: 1px solid;
	background-color: var(--color-black);
	color: var(--color-white);
	font-size: 2rem;
	font-weight: var(--fw-medium);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}


@media (min-width: 768px) {
	.lp-barbour_250422 .item_10 .item_text{
		letter-spacing: 0.05em;
	}

	.lp-barbour_250422 .travel .link_btn:hover{
		background-color: var(--color-white);
		color: var(--color-green);
	}

	.lp-barbour_250422 .active .link_btn:hover{
		background-color: var(--color-white);
		color: var(--color-yellow);
	}

	.lp-barbour_250422 .urban .link_btn:hover{
		background-color: var(--color-white);
		color: var(--color-navy);
	}

	.lp-barbour_250422 .all_btn:hover{
		background-color: var(--color-white);
		color: var(--color-black);
	}
}

/*
///////////////////////////////////////////////////////////////////////////////////////
SP
///////////////////////////////////////////////////////////////////////////////////////
*/
@media (max-width: 767px) {
	.lp-barbour_250422 {
	  padding-bottom: calc(400 *(100vw / 750));
	}

	/* sec_mv
	==================================*/
	.lp-barbour_250422 .sec_mv{
		margin-bottom: calc(130 *(100vw / 750));
	}

	.lp-barbour_250422 .mv{
		margin-bottom: calc(60 *(100vw / 750));
	}
	.lp-barbour_250422 .main_title{
		font-size: calc(28 *(100vw / 750));
		margin-bottom: calc(30 *(100vw / 750));
	}

	.lp-barbour_250422 .main_lead{
		width: calc(650 *(100vw / 750));
		font-size: calc(22 *(100vw / 750));
		line-height: calc(36 *(100vw / 750));
	}

	/* sec_item
	==================================*/
	.lp-barbour_250422 .sec_item{
		width: calc(650 *(100vw / 750));
		margin: 0 auto calc(150 *(100vw / 750));
	}

	.lp-barbour_250422 .item_title{
		height: calc(60 *(100vw / 750));
		border-radius: calc(30 *(100vw / 750));
		font-size: calc(28 *(100vw / 750));
		margin-bottom: calc(60 *(100vw / 750));
	}

	.lp-barbour_250422 .item_title .jpn{
		font-size: calc(24 *(100vw / 750));
	}

	.lp-barbour_250422 .item_lead{
		width: 100%;
		margin: 0 auto calc(60 *(100vw / 750));
		font-size: calc(22 *(100vw / 750));
		line-height: calc(36 *(100vw / 750));
	}

	.lp-barbour_250422 .item_list{
		gap: calc(60 *(100vw / 750)) calc(30 *(100vw / 750));
	}

	.lp-barbour_250422 .item_list li{
		width: calc(310 *(100vw / 750));
		gap: calc(20 *(100vw / 750));
	}

	.lp-barbour_250422 .item_detail,
	.lp-barbour_250422 .item_text{
		font-size: calc(18 *(100vw / 750));
		line-height: calc(28 *(100vw / 750));
	}

	.lp-barbour_250422 .item_6 .item_text{
		letter-spacing: 0.021em;
	}

	.lp-barbour_250422 .item_18 .item_text{
		letter-spacing: 0.016em;
	}

	.lp-barbour_250422 .link_btn{
		height: calc(40 *(100vw / 750));
		font-size: calc(20 *(100vw / 750));
	}

	/* all_btn
	==================================*/
	.lp-barbour_250422 .all_btn{
		width: calc(650 *(100vw / 750));
		height: calc(50 *(100vw / 750));
		border-radius: calc(25 *(100vw / 750));
		font-size: calc(20 *(100vw / 750));
	}
}

/*
///////////////////////////////////////////////////////////////////////////////////////
animation
///////////////////////////////////////////////////////////////////////////////////////
*/
.lp-barbour_250422 .fadeInUp {
  opacity: 0;
  transform: translate(0, 5rem);
  transition: 2s;
}

.lp-barbour_250422 .fadeInUp.is-show {
  transform: translate(0, 0);
  opacity: 1;
}