@charset "UTF-8";

.header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 47px;
	padding: 33px 60px;
	background: #f8f7f2;
}

.header_ttl {
	font-weight: bold;
	font-size: 40px;
}

.header_logo {
}

.main {
}

.page_hd {
}

.page_hd_archive {
	margin-bottom: 23px;
}

.page_hd_archive a {
	display: flex;
	align-items: center;
	gap: 10px;
	width: fit-content;
	color: var(--main-color);
	font-weight: bold;
}

.page_hd_archive a span {
	font-size: 20px;
	transform: rotate(180deg);
}

.page_hd_cnt {
	display: flex;
	justify-content: space-between;
	align-items: end;
	margin-bottom: 20px;
	padding-bottom: 26.5px;
	border-bottom: 1px #b2b2b2 solid;
}

.page_hd_ttl {
	font-weight: bold;
	font-size: 40px;
}

.page_hd_contact {
	flex-shrink: 0;
}

.page_hd_contact a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 324px;
	height: 66px;
	padding: 0 29px 0 49px;
	border-radius: 12px;
	background: var(--main-color);
	color: #ffffff;
	font-weight: bold;
	font-size: 20px;
}

.page_hd_contact a span {
}

.detail {
	margin-bottom: 95px;
}

.detail_wrap {
}

.detail_cnt {
	display: flex;
	justify-content: space-between;
	gap: 44px;
	margin-bottom: 20px;
}

.detail_txt {
}

.detail_txt_address {
	display: flex;
	align-items: center;
	gap: 7.4px;
	margin-bottom: 21px;
	color: #b2b2b2;
	font-size: 14px;
}

.detail_txt_address span {
	display: flex;
}

.detail_txt_description {
	margin-bottom: 26px;
}

.detail_txt_link {
}

.detail_txt_link a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 324px;
	height: 48px;
	padding: 0 29px 0 59px;
	border: 1px solid var(--main-color);
	border-radius: 12px;
	color: var(--main-color);
	font-weight: bold;
	transition: all 0.4s;
}

.detail_txt_link a:hover {
	background: var(--main-color);
	color: #ffffff;
}

.detail_txt_link span {
	font-size: 20px;
	transform: rotate(90deg);
}

.detail_img {
	flex-shrink: 0;
	width: 560px;
	max-width: 560px;
	height: auto;
	margin: 0 auto;
}

.detail_tbl {
}

.detail_tbl_ttl {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 26px;
}

.detail_tbl_wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 44px;
}

.detail_tbl_cnt {
}

.detail_tbl_cnt dl {
	display: flex;
	border-top: 1px solid #b2b2b2;
}

.detail_tbl_cnt dl:last-child {
	border-bottom: 1px solid #b2b2b2;
}

.detail_tbl_cnt dl dt {
	flex-shrink: 0;
	width: 120px;
	padding: 23px 15px;
	background: #f8f7f2;
}

.detail_tbl_cnt dl dd {
	width: calc(100% - 120px);
	padding: 23px 29px;
}

.sec_ttl {
	margin-bottom: 40px;
	padding: 18px 39px;
	border-radius: 12px;
	background: var(--main-color);
	color: #ffffff;
	font-weight: bold;
	font-size: 26px;
}

.merit {
	margin-bottom: 95px;
}

.merit_ttl {
}

.merit_wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 40px;
}

.merit_cnt {
	position: relative;
}

.merit_num {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 45px;
	height: 45px;
	background: #333333;
	color: #ffffff;
	font-weight: bold;
	font-size: 20px;
}

.merit_img {
	width: 100%;
	height: auto;
	margin-bottom: 12px;

/* かり */
	background: #cccccc;
	aspect-ratio: 36 / 22;
}

.merit_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.merit_cnt_ttl {
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 20px;
}

.merit_txt {
}

.tenant {
	margin-bottom: 100px;
}

.tenant_ttl {
}

.tenant_wrap {
}

.tenant_box {
	margin-bottom: 77px;
	padding: 46px 60px;
	border: 1px solid #cccccc;
	border-radius: 16px;
	background: #f8f7f2;
}

.tenant_box_hd {
	margin-bottom: 17px;
}

.tenant_box_hd_ttl {
	margin-bottom: 14px;
	font-weight: bold;
	font-size: 32px;
}

.tenant_box_hd_date {
	color: #b2b2b2;
}

.tenant_box_slide {
	display: flex;
	gap: 30px;
	margin-bottom: 55px;
}

.tenant_box_slide_cnt {
	width: 620px;
}

.tenant_box_slide_item {
	width: 620px;
	height: auto;
	aspect-ratio: 62 / 40;
}

.tenant_box_slide_item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.tenant_box_slide_panel {
	width: calc(100% - 650px);
	padding: 25px 23px;
	border-radius: 15px;
	background: #ffffff;
}

.tenant_box_slide_panel_wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px;
}

.tenant_box_slide_panel_item {
	width: 100%;
	height: auto;
	border: #cccccc 1px solid;
	background: #f8f7f2;
	aspect-ratio: 1;
}

.tenant_box_slide_panel_item.active {
	border: var(--main-color) 2px solid;
}

.tenant_box_slide_panel_item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.tenant_box_tbl {
	margin-bottom: 28px;
}

.tenant_box_tbl dl {
	display: flex;
	border-top: #b2b2b2 1px solid;
}

.tenant_box_tbl dl:last-child {
	border-bottom: #b2b2b2 1px solid;
}

.tenant_box_tbl dl dt {
	display: flex;
	align-items: center;
	width: 150px;
	padding: 24px 14px;
	background: #ffffff;
}

.tenant_box_tbl dl dd {
	width: calc(100% - 150px);
	padding: 24px 45px;
}

.tenant_contact {
	display: flex;
	justify-content: center;
}

.contact {
	padding: 110px 0;
	background: #f8f7f2;
}

.contact_wrap {
}

.contact_catch {
	margin-bottom: 19px;
	font-weight: bold;
	font-size: 26px;
	text-align: center;
}

.contact_txt {
	margin-bottom: 31px;
	text-align: center;
}

.contact_link {
	display: flex;
	justify-content: center;
}

.contact_link a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 324px;
	height: 66px;
	padding: 0 29px 0 49px;
	border-radius: 12px;
	background: var(--main-color);
	color: #ffffff;
	font-weight: bold;
	font-size: 20px;
}

.contact_link a span {
	font-size: 20px;
}

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

@media screen and (max-width:768px) {
	.header {
		flex-flow: column-reverse;
		align-items: center;
		gap: 13px;
		margin-bottom: 30px;
		padding: 18px 0 32px;
	}

	.header_ttl {
	}

	.header_logo {
	}

	.main {
	}

	.page_hd {
	}

	.page_hd_archive {
	}

	.page_hd_archive a {
	}

	.page_hd_archive a span {
	}

	.page_hd_cnt {
		flex-flow: column;
		align-items: unset;
		gap: 20px;
		width: 100%;
	}

	.page_hd_ttl {
		font-size: 26px;
	}

	.page_hd_contact {
		width: 100%;
	}

	.page_hd_contact a {
		width: 100%;
		max-width: 400px;
		height: 51px;
		padding: 0 24px 0 38px;
		font-size: 18px;
	}

	.page_hd_contact a span {
	}

	.detail {
		margin-bottom: 45px;
	}

	.detail_wrap {
	}

	.detail_cnt {
		flex-flow: column-reverse;
		gap: 20px;
	}

	.detail_txt {
	}

	.detail_txt_address {
	}

	.detail_txt_address span {
	}

	.detail_txt_description {
	}

	.detail_txt_link {
	}

	.detail_txt_link a {
	}

	.detail_txt_link a:hover {
	}

	.detail_txt_link span {
	}

	.detail_img {
		width: 100%;
		max-width: 450px;
	}

	.detail_tbl {
	}

	.detail_tbl_ttl {
	}

	.detail_tbl_wrap {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.detail_tbl_cnt {
	}

	.detail_tbl_cnt dl {
		flex-flow: column;
		border-top: none;
	}

	.detail_tbl_cnt dl:last-child {
		border-bottom: none;
	}

	.detail_tbl_cnt:last-child  dl:last-child {
		border-bottom: none;
	}

	.detail_tbl_cnt dl dt {
		width: 100%;
		padding: 10px 15px;
	}

	.detail_tbl_cnt dl dd {
		width: 100%;
		padding: 20px 15px;
	}

	.sec_ttl {
		margin-bottom: 30px;
		padding: 9px 13px;
		border-radius: 7px;
		font-size: 22px;
	}

	.merit {
		margin-bottom: 45px;
	}

	.merit_ttl {
	}

	.merit_wrap {
		grid-template-columns: 1fr;
		gap: 20px;
		max-width: 450px;
		margin: 0 auto;
	}

	.merit_cnt {
	}

	.merit_num {
	}

	.merit_img {
		margin-bottom: 9px;
	}

	.merit_img img {
	}

	.merit_cnt_ttl {
	}

	.merit_txt {
	}

	.tenant {
		margin-bottom: 60px;
	}

	.tenant_ttl {
	}

	.tenant_wrap {
	}

	.tenant_box {
		margin-bottom: 25px;
		padding: 35px 19px;
		border-radius: 11px;
	}

	.tenant_box_hd {
	}

	.tenant_box_hd_ttl {
		margin-bottom: 3px;
		font-size: 24px;
	}

	.tenant_box_hd_date {
	}

	.tenant_box_slide {
		flex-flow: column;
		gap: 15px;
		width: 100%;
		max-width: 450px;
		margin: 0 auto 40px;
	}

	.tenant_box_slide_cnt {
		width: 100%;
	}

	.tenant_box_slide_item {
	}

	.tenant_box_slide_item img {
	}

	.tenant_box_slide_panel {
		width: 100%;
		padding: 15px 15px;
		overflow: scroll;
		border-radius: 7px;
	}

	.tenant_box_slide_panel_wrap {
		display: flex;
		flex-flow: nowrap;
		width: fit-content;
	}

	.tenant_box_slide_panel_item {
		width: 80px;
	}

	.tenant_box_slide_panel_item.active {
	}

	.tenant_box_slide_panel_item img {
	}

	.tenant_box_tbl {
	}

	.tenant_box_tbl dl {
		flex-flow: column;
		border: none;
	}

	.tenant_box_tbl dl:last-child {
		border: none;
	}

	.tenant_box_tbl dl dt {
		width: 100%;
		padding: 10px 15px;
	}

	.tenant_box_tbl dl dd {
		width: 100%;
		padding: 20px 15px;
	}

	.tenant_contact {
	}

	.contact {
		padding: 60px 0;
	}

	.contact_wrap {
	}

	.contact_catch {
	}

	.contact_txt {
	}

	.contact_link {
	}

	.contact_link a {
	}

	.contact_link a span {
	}
}