@charset "UTF-8";
/*===================================
RESORT LIFE
===================================*/

.content_Wrap {
	overflow: hidden;
}
.content_Wrap figure {
	position: relative;
	height: fit-content;
}

/*共通*/
.content_Bg {
	background: url(../../common/img/bg.jpg) no-repeat center top / 100% 100%;
	color: #b7b08c;
	padding: 0 0 0.1px;
}
.content_Bg-2 {
	background: #dbdbdb;
	color: #163259;
	padding: 0 0 0.1px;
}
.sec_ttl {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;

	font-size: 25px;
	letter-spacing: 0.38em;
	text-align: center;
	margin-bottom: 60px;
}
.sec_ttl small {
	display: block;
	font-size: 0.48em;
	margin-top: 1em;
}
.sec_ttl::before,
.sec_ttl::after {
	content: "";
	display: block;
	width: 2em;
	aspect-ratio: 42/74;
}
.sec_ttl::before {
	background: url(../img/feather_L.png) no-repeat center center / contain;
}
.sec_ttl::after {
	background: url(../img/feather_R.png) no-repeat center center / contain;
}

.item_box {
	margin-bottom: 100px;
}
.item_box .item_img {
	width: 100vw;
	margin: 0 calc(50% - 50vw) 30px;
}
.item_img--mv {
	width: 63.41666667vw;
}
.item_img--map {
	width: 36.58333333vw;
}
.item_box .item_info {}
.item_info h4 {
	font-size: 24px;
	letter-spacing: 0.1em;
	font-weight: 300; /*light*/
	margin-bottom: 20px;
	display: flex;
	gap: .5em;
	align-items: baseline;
}
.item_info h4 small {
	font-size: 0.6em;
	letter-spacing: 0.06em;
}
.item_info .item_content {
	gap: 15px;
}
.item_info .item_content p {
	font-size: 13px;
	line-height: 1.7;
	letter-spacing: 0.06em;
	width: 26%;
}
.item_info .item_content .item_content--img {
	width: calc((100% - 15px) - 26%);
	gap: 20px;
}
.item_box:nth-of-type(even) .item_img .item_img--map { order: 1; }
.item_box:nth-of-type(even) .item_img .item_img--mv { order: 2; }


.sub_head {
	text-align: center;
	padding: 150px 0 30px;
}
.sub_head span {
	font-size: 26px;
	letter-spacing: 0.15em;
	font-weight: 300; /*light*/
}
.sub_head p {
	font-size: 15px;
	letter-spacing: 0.18em;
	line-height: 1.698125;
	display: block;
	margin: 1.5em 0 3em;
}
.sub_head h3 {
	font-size: 26px;
	letter-spacing: 0.15em;
	font-weight: 300; /*light*/
}
.subItem_img {
	margin-top: 30px;
}
.subItem_list {
	display: flex;
	gap: 30px;
}
.subItem_list li {
	display: flex;
	gap: 20px;
	width: calc((100% - 30px) / 2);
}
.subItem_list li figure {
	width: 53%;
}
.subItem_list li .subItem_listTxt {
	width: calc(47% - 20px);
}
.subItem_list li .subItem_listTxt h4 {
	color: #1e1815;
	font-size: 17px;
	line-height: 1.33333333;
	letter-spacing: 0.1em;
}
.subItem_list li .subItem_listTxt p {
	font-size: 13px;
	line-height: 1.7;
	letter-spacing: 0.09em;
}
.subItem_list li .subItem_listTxt p:first-of-type {
	margin: 0.5em 0;
}

.notes_Wrap {
	max-width: 1100px;
	padding: 50px 0 150px;
}


/*個別*/
.page_MV {
	background: url(../img/mv_resort_pc.jpg) no-repeat center center / cover;
	aspect-ratio: 1200/326;
}

.page_Head {
	padding: 50px 0;
	text-align: center;
}
.page_Head h2 {
	font-size: 25px;
	letter-spacing: 0.38em;
}
.page_Head span {
	font-size: 30px;
	letter-spacing: 0.34em;
	font-weight: 300; /*light*/
	display: block;
	margin: 1.25em auto;
}
.page_Head p {
	font-size: 16px;
	letter-spacing: 0.18em;
	line-height: 1.62889688;
}

#marineWrap {
	padding: 50px 0 0;
}
#marineWrap .item_info .item_content p {
	width: calc(50.5% - 15px);
}
#marineWrap .item_info .item_content .item_content--img {
	width: 49.5%;
}
#marineWrap .item_box:nth-of-type(odd) .item_info {
	/*padding-right: calc((100vw - 63.41666667vw));*/
	padding-right: 31.5vw;
	margin: 0 0 0 auto;
}
#marineWrap .item_box:nth-of-type(even) .item_info {
	padding-left: 31.5vw;
	margin: 0 auto 0 0;
}
#marineWrap .item_img--map {
	position: relative;
}
#marineWrap .item_img--map img {
	position: absolute;
	top: 55%;
	left: 0;
}




.btm_Bg {
  background: #503d39;
  color: #fff;
  padding: 30px 0;
}


/*     tab
--------------------*/
@media screen and (min-width: 768px) and (max-width: 1024px){





}


/*     sp
--------------------*/
@media screen and (max-width: 767px) {

	/*共通*/
	.sec_ttl {
		gap: 0.5em;
		font-size: 17px;
		margin-bottom: 50px;
	}
	.sec_ttl small {
		font-size: 0.64em;
		margin-top: 0.8em;
	}


	.item_box {
		margin-bottom: 60px;
	}
	.item_box .item_img {
		width: 100vw;
	}
	.item_img--mv {
		width: 100vw;
	}
	.item_img--map {
		width: 90%;
		margin: 30px auto 0;
	}
	.item_info h4 {
		font-size: 18px;
		flex-direction: column;
		gap: .5em;
	}
	.item_info h4 small {
		font-size: 12px;
	}
	.item_info .item_content {
		gap: 25px;
		flex-direction: column;
	}
	.item_info .item_content p {
		width: 100%;
	}
	.item_info .item_content .item_content--img {
		width: 100%;
		flex-direction: column;
		gap: 20px;
	}

	.sub_head {
		display: flex;
		flex-direction: column;
		padding: 100px 0 30px;
	}
	.sub_head span {
		font-size: 18px;
		line-height: 1.66666667;
		order: 3;
	}
	.sub_head p {
		font-size: 13px;
		letter-spacing: 0.16em;
		line-height: 1.84615385;
		margin: 1.5em 0 0;
		order: 4;
	}
	.sub_head h3 {
		font-size: 20px;
		order: 1;
	}
	.subItem_img {
		order: 2;
		width: 100vw;
		margin: 20px calc(50% - 50vw) 30px;
		padding: 0 0 20px;
	}
	.subItem_img .cap_Txt {
		color: #333;
		text-shadow: none;
	}
	.subItem_list {
		flex-direction: column;
		gap: 30px;
	}
	.subItem_list li {
		flex-direction: column;
		gap: 10px;
		width: 100%;
	}
	.subItem_list li figure,
	.subItem_list li .subItem_listTxt {
		width: 100%;
	}
	.subItem_list li .subItem_listTxt h4 {
		font-size: 17px;
	}
	.subItem_list li .subItem_listTxt p {
		font-size: 13px;
	}

	.notes_Wrap {
		padding: 120px 0 30px;
	}


	/*個別*/
	.page_MV {
		background: url(../img/mv_resort_sp.jpg) no-repeat center center / cover;
		aspect-ratio: 750/532;
	}

	.page_Head {
		padding: 30px 0 60px;
	}
	.page_Head h2 {
		font-size: 18px;
	}
	.page_Head span {
		font-size: 18px;
		line-height: 1.66666667;
		margin: 1.25em auto;
	}
	.page_Head p {
		font-size: 13px;
		letter-spacing: 0.16em;
		line-height: 1.62889688;
	}

	#marineWrap .item_info .item_content p {
		width: 100%;
	}
	#marineWrap .item_info .item_content .item_content--img {
		width: 100%;
	}
	#marineWrap .item_box:nth-of-type(odd) .item_info,
	#marineWrap .item_box:nth-of-type(even) .item_info {
		padding: 0;
		margin: 0;
	}
	#marineWrap .item_img--map,
	#marineWrap .item_img--map img {
		position: static;
	}



}