@charset "UTF-8";

/* 共通
-------------------------------------------------------- */
/* タイトルの高さ調整 */
#main.existing #one {
	padding: 0;
}

.is_sp { display: none; }
@media screen and (max-width: 768px) {
.is_pc { display: none; }
.is_sp { display: block; }
}

/* フォント */
.fz16 {
	font-size: 16px;
	line-height: 1.4;
}
@media screen and (max-width: 768px) {
.fz16 { font-size: 14px; }
}

/* 見出し */
#main .facility_text01 {
	font-size: 20px;
	font-weight: bold;
	background: none;
	text-align: left;
	margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
#main .facility_text01 {
	font-size: 18px;
	margin-bottom: 16px;
}
}

/* 表 */
.c-tbl01 th,
.c-tbl01 td {
	width: 14%;
	text-align: center;
	vertical-align: middle;
}
.c-tbl01 th {
	font-weight: bold;
	border-bottom: solid 1px #999;
	padding: 8px 4px;
}
.c-tbl01 td {
	border-bottom: dashed 1px #999;
	padding: 14px 4px;
}
.c-tbl01 a {
	color: #fff;
	font-weight: bold;
	background: #339933;
	display: inline-block;
	padding: 8px 16px 6px;
}
@media screen and (max-width: 768px) {
.c-scroll_tbl {
		overflow-x: scroll;
}
.c-scroll_tbl table {
	white-space: nowrap;
}
.c-tbl01 th,
.c-tbl01 td {
	padding: 8px 16px;
}
}

.c-tbl02 {
	border-top: dashed 1px #999;
}
.c-tbl02 th,
.c-tbl02 td {
	border-bottom: dashed 1px #999;
	padding: 16px 20px;
	vertical-align: middle;
}
.c-tbl02 th {
	color: #0078a1;
	font-weight: bold;
	width: 180px;
	background: #e9f2f5;
	text-align: center;
}
@media screen and (max-width: 768px) {
.c-tbl02 th,
.c-tbl02 td {
	padding: 10px 8px;
}
.c-tbl02 th {
	width: 100px;
}
}
@media screen and (max-width: 480px) {
}

.c-contact {
	background: #def2e4;
	margin: 120px 0 0;
	padding: 56px 4%;
}
.c-contact_list {
	max-width: 766px;
	width: 100%;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin: auto;
}
.c-contact_list li {
	width: 45%;
	position: relative;
}
.c-contact_list li:not(:last-child)::before {
	content: "";
	width: 1px;
	height: 100%;
	background: #339933;
	position: absolute;
	top: 0;
	right: -11%;
}
.c-contact_list_title {
	color: #339933;
	font-size: 22px;
	text-align: center;
	margin: 0 0 24px;
}
.c-contact_list_btn {
	color: #339933;
	font-size: 22px;
	font-weight: bold;
	background: #fff;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
	padding: 26px 16px;
	position: relative;
}
.c-contact_list li.is_tel .c-contact_list_btn {
	font-size: 24px;
}
.c-contact_list_btn span {
	display: inline-block;
	padding-left: 40px;
	position: relative;
}
.c-contact_list_btn span::before {
	content: "";
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	position: absolute;
	left: 0;
}
.c-contact_list li.is_tel .c-contact_list_btn span::before {
	width: 30px;
	height: 35px;
	background-image: url("../images/icon_tel_green.svg");
	top: calc(50% - 17.5px);
}
.c-contact_list li.is_mail .c-contact_list_btn {
	color: #fff;
	background: #339933;
}
.c-contact_list li.is_mail .c-contact_list_btn span {
	padding-left: 48px;
}
.c-contact_list li.is_mail .c-contact_list_btn span::before {
	width: 35px;
	height: 27px;
	background-image: url("../images/icon_mail_wh.svg");
	top: calc(50% - 13.5px);
}
.c-contact_list li.is_mail .c-contact_list_btn::before {
	content: "";
	width: 7px;
	height: 11px;
	background: url("../images/arrow_wh.svg") no-repeat;
	background-size: contain;
	position: absolute;
	top: calc(50% - 5.5px);
	right: 10px;
}
@media screen and (max-width: 768px) {
.c-contact {
	margin: 56px 0 0;
	padding: 40px 4%;
}
.c-contact_list li {
	width: 100%;
}
.c-contact_list li:not(:last-child)::before {
	width: 100%;
	height: 1px;
	top: inherit;
	right: inherit;
	bottom: 0;
	left: 0;
}
.c-contact_list li:not(:last-child) {
	margin: 0 0 24px;
	padding: 0 0 24px;
}
.c-contact_list_title {
	font-size: 18px;
	margin: 0 0 10px;
}
.c-contact_list_btn {
	font-size: 18px;
}
.c-contact_list_btn span {
	padding-left: 24px;
}
.c-contact_list li.is_tel .c-contact_list_btn {
	font-size: 20px;
}
.c-contact_list li.is_tel .c-contact_list_btn span::before {
	width: 20px;
	height: 24px;
	top: calc(50% - 12px);
}
.c-contact_list li.is_mail .c-contact_list_btn span {
	padding-left: 32px;
}
.c-contact_list li.is_mail .c-contact_list_btn span::before {
	width: 25px;
	height: 17px;
	top: calc(50% - 8.5px);
}
}

/* 施設一覧
-------------------------------------------------------- */
.facility_list {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
.facility_list li {
	width: 32%;
	margin-top: 120px;
	margin-right: 2%;
}
.facility_list_img {
	padding-top: 66.6666%;
	position: relative;
}
.facility_list_img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}
.facility_list_textWrap {
	text-align: center;
	padding: 24px 0;
}
.facility_list_title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0 !important;
}
.facility_list_access {
	margin: 10px 0 0;
}
.facility_list_btn {
	color: #339933;
	background: #def2e4;
	display: block;
	text-align: center;
	padding: 20px 8px;
	position: relative;
}
.facility_list_btn::before,
.facility_list_btn::after {
	content: "";
	position: absolute;
}
.facility_list_btn::before {
	width: 10px;
	height: 100%;
	background: #339933;
	top: 0;
	left: 0;
}
.facility_list_btn::after {
	width: 7px;
	height: 11px;
	background: url("../images/arrow_green01.svg") no-repeat;
	background-size: contain;
	top: calc(50% - 5.5px);
	right: 10px;
}
@media screen and (min-width: 1025px) {
.facility_list li:nth-child(-n + 3) {
	margin-top: 0;
}
.facility_list li:nth-child(3n) {
	margin-right: 0;
}
}
@media screen and (max-width: 1024px) {
.facility_list li {
	width: 49%;
	margin-top: 60px;
}
.facility_list li:nth-child(-n + 2) {
	margin-top: 0;
}
.facility_list li:nth-child(2n) {
	margin-right: 0;
}
}
@media screen and (max-width: 768px) {
.facility_list li {
	width: 100%;
	margin-right: 0;
}
.facility_list li,
.facility_list li:nth-child(-n + 2) {
	margin-top: 60px;
}
.facility_list li:nth-child(1) {
	margin-top: 0;
}
.facility_list_textWrap {
	padding: 16px 0;
}
.facility_list_title {
	font-size: 18px;
}
}

/* 施設詳細
-------------------------------------------------------- */
#main.tenant_himawari .intro { background: url("../images/himawari_main.jpg") 50% 0 no-repeat; }
#main.tenant_suzuran .intro { background: url("../images/suzuran_main.jpg") 50% 0 no-repeat; }
#main.tenant_suzuran_minami .intro { background: url("../images/suzuran_minami_main.jpg") 50% 0 no-repeat; }
#main.tenant_promenade_takanohara .intro { background: url("../images/promenade_takanohara_main.jpg") 50% 0 no-repeat; }
#main.tenant_shokusai .intro { background: url("../images/shokusai_main.jpg") 50% 0 no-repeat; }
#main.tenant_new .intro { background: url("../images/new_main.jpg") 50% 0 no-repeat; }

.facility_main {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.facility_main > div {
	width: 48%;
}
.swiper.c-slide01 .c-slide_img,
.facility_main_map > div {
	overflow: hidden;
	padding-top: 66.8%;
	position: relative;
}
.swiper.c-slide01 .c-slide_img img,
.facility_main_map iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.swiper.c-slide01 .c-slide_img img {
	object-fit: cover;
}
.swiper.c-slide01 .swiper-pagination {
	margin: 8px 0 0;
	position: static;
}
.swiper.c-slide01 .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: #fff;
	border: solid 1px #313632;
	opacity: 1;
}
.swiper.c-slide01 .swiper-pagination-bullet-active {
	background: #313632;
}
.facility_tenant,
.facility_info {
	margin: 64px 0 0;
}
@media screen and (max-width: 768px) {
.facility_main > div {
	width: 100%;
}
.facility_main > div:not(:last-child) {
	margin: 0 0 16px;
}
.facility_tenant,
.facility_info {
	margin: 40px 0 0;
}
}


/* テナント詳細
-------------------------------------------------------- */
.article_tenant_title {
	font-size: 24px;
	font-weight: bold;
	border-bottom: solid 1px #191919;
	text-align: center;
	padding: 0 0 8px;
}
.article_tenant > div {
	margin: 80px 0 0;
}
@media screen and (max-width: 768px) {
.article_tenant_title {
	font-size: 20px;
	margin: 0 0 24px;
}
.article_tenant > div {
	margin: 40px 0 0;
}
.article_tenant > div:nth-of-type(1) {
	margin: 0;
}
}
.article_tenant_floor_img {
	text-align: center;
}
.article_tenant_floor_img img {
	max-width: 100%;
	height: auto;
}
.article_tenant_info {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.article_tenant_info > div {
	width: 48%;
}
.article_tenant_info table {
	font-size: 13px;
	line-height: 1.6;
	table-layout: fixed;
}
.article_tenant_info table th,
.article_tenant_info table td {
	padding: 10px 8px;
}
.article_tenant_info .c-tbl02_th01 {
	width: 86px;
}
.article_tenant_info .c-tbl02_th02 {
	width: 100px;
}
.article_tenant_info .c-tbl02_td01 {
	width: 35%;
}
.article_tenant_info .c-tbl02_td02 {
	width: 65%;
}

@media screen and (max-width: 768px) {
.article_tenant_info > div {
	width: 100%;
}
.article_tenant_info > div:not(:last-child) {
	margin: 0 0 24px;
}
.article_tenant_info .c-tbl02_th01,
.article_tenant_info .c-tbl02_th02 {
	width: 80px;
}
.article_tenant_info .c-tbl02_td01 {
	width: 40%;
}
.article_tenant_info .c-tbl02_td02 {
	width: 60%;
}
}
@media screen and (max-width: 480px) {
.article_tenant_info table th,
.article_tenant_info table td {
	padding: 5px;
}
.article_tenant_info .c-tbl02 {
	font-size: 2.8vw;
}
}


/* ページャー
-------------------------------------------------------- */
.pager {
	margin: 96px 0 0;
}
.pager_post {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin: 0 0 40px;
}
.pager_post a,
.pager_post span {
	color: #339933;
	display: inline-block;
	position: relative;
}
.pager_post a.prev::before,
.pager_post a.next::after,
.pager_post span.prev::before,
.pager_post span.next::after {
	content: "";
	width: 4px;
	height: 9px;
	background: url("../images/arrow_green02.svg") no-repeat;
	background-size: contain;
	display: inline-block;
	position: absolute;
	top: calc(50% - 4.5px);
}
.pager_post a.prev,
.pager_post span.prev {
	padding: 0 0 0 16px;
}
.pager_post a.prev::before,
.pager_post span.prev::before {
	left: 0;
}
.pager_post a.next,
.pager_post span.next {
	padding: 0 16px 0 0;
}
.pager_post a.next::after,
.pager_post span.next::after {
	right: 0;
	transform: scale(-1, 1);
}
.pager_post span.prev,
.pager_post span.next {
	opacity: 0;
	visibility: hidden;
}
.pager_back {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
}
.pager_back a {
	color: #339933;
	max-width: 260px;
	width: 90%;
	border: solid 2px #339933;
	text-align: center;
	padding: 20px;
	position: relative;
}
.pager_back a::after {
	content: "";
	width: 7px;
	height: 11px;
	background: url("../images/arrow_green01.svg") no-repeat;
	background-size: contain;
	position: absolute;
	top: calc(50% - 5.5px);
	left: 10px;
	transform: scale(-1, 1);
}
@media screen and (max-width: 768px) {
.pager {
	margin: 24px 0 0;
}
.pager_post {
	margin: 0 0 24px;
}
}