@charset "UTF-8";



/*  l-facade
--------------------------------------------------*/
.l-intro {
	position: relative;
}
.intro-photo {
	width: 100%;
}
.intro-main {
	position: relative;
	width: 100%;
}
.intro-main__detail {
	width: 50%;
	background: url('../imgs/bg_intro_detail.jpg') no-repeat center center/cover;
}
.intro-main__detail__inner {
	width: min(80%,620px);
}
.intro-main__detail__ttl {
	font-size: 2.5rem;
	line-height: 1;
	letter-spacing: .05em;
	color: var(--white);
	margin-bottom: 8.0rem;
}
.intro-main__detail__text {
	width: 100%;
}
.intro-main__detail__heading {
	width: calc(320 / 620 * 100%);
	font-size: 2.5rem;
	line-height: 1.52;
	letter-spacing: .05em;
	color: var(--white);
}
.intro-main__detail__desc {
	width: calc(300 / 620 * 100%);
	font-size: 1.7rem;
	line-height: 1.88;
	letter-spacing: .05em;
	color: var(--white);
}
.intro-main__map {
	width: 50%;
}
.intro-history {
	position: relative;
	width: 100%;
	padding-block: 20.0rem;
	overflow: hidden;
	z-index: 1;
}
.intro-history::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('../imgs/bg_intro_history.jpg') no-repeat center center/cover;
	z-index: -2;
}
.intro-history::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(77.37deg, rgba(34, 32, 32, 0) 25.93%, #222020 47.39%);
	transform: rotate(-180deg);
	z-index: -1;
}
.intro-history__ttl {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16.2rem;
}
.intro-history__contents {
	padding-block: 11.0rem 7.0rem;
	background: url('../imgs/bg_intro_history_contents-pc.jpg') no-repeat center center/cover;
}
.intro-history__box {
	width: min(90%,1250px);
	margin-inline: auto;
}
.intro-history__heading {
	width: calc(470 / 1250 * 100%);
	font-size: 2.5rem;
	line-height: 1.6;
	letter-spacing: .05em;
}
.intro-history__desc {
	width: calc(770 / 1250 * 100%);
	font-size: 1.7rem;
	line-height: 1.76;
	letter-spacing: .05em;
}
@media screen and (max-width: 768px){
	.intro-photo {
		aspect-ratio: 380 / 240;
		overflow: hidden;
	}
	.intro-photo img {
		object-fit: cover;
		object-position: left center;
		width: 100%;
		height: 100%;
	}
	.intro-main__detail {
		display: block;
		width: 100%;
		padding-block: 10.0rem 7.0rem;
	}
	.intro-main__detail__inner {
		width: calc(320 / 380 * 100%);
		margin-inline: auto;
	}
	.intro-main__detail__ttl {
		font-size: 2.0rem;
        margin-bottom: 4.5rem;
	}
	.intro-main__detail__heading {
		width: 100%;
        font-size: 2.0rem;
        margin-bottom: 2.5rem;
	}
	.intro-main__detail__desc {
		width: 100%;
        font-size: 1.4rem;
        text-align: justify;
	}
	.intro-main__map {
		width: 100%;
	}
	.intro-history {
		padding-block: 10.0rem 11.0rem;
	}
	.intro-history::after {
		background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
		background: linear-gradient(82.92deg, rgba(34, 32, 32, 0) 23.83%, #222020 51.89%);
		transform: rotate(-180deg);
	}
	.intro-history__ttl {
		top: 0;
        transform: translateY(0);
        width: calc(75 / 380 * 100%);
	}
	.intro-history__contents {
		padding-block: 5.2rem;
		background: url('../imgs/bg_intro_history_contents-sp.jpg') no-repeat center center/cover;
	}
	.intro-history__box {
		width: calc(270 / 320 * 100%);
	}
	.intro-history__heading {
		width: 100%;
        font-size: 2.0rem;
        margin-bottom: 2.5rem;
	}
	.intro-history__desc {
		width: 100%;
        font-size: 1.4rem;
        text-align: justify;
	}
}




/*  sec
--------------------------------------------------*/
.sec-visual {
	position: relative;
}
.sec-visual__photo {
	position: relative;
	width: 100%;
}
.sec-visual__head {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	margin-inline: auto;
	width: min(90%,1600px);
	align-items: baseline;
	gap: 1.8rem;
	z-index: 1;
}
.sec-visual__head__en {
	font-size: 9.0rem;
	letter-spacing: 0;
	color: var(--white);
	padding-bottom: 0.1em;
}
.sec-visual__head__ttl {
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0;
	color: var(--white);
}
.sec-contents {
	position: relative;
    padding-block: 16.5rem;
}
.sec-contents-black {
	background: #222020;
}
.sec-contents-head {
    margin-bottom: 14.5rem;
}
.sec-slide-wrap {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.sec-slide {
	width: min(95%, 1735px);
	margin-left: auto;
	overflow: hidden;
}
.sec-slide__box {
	overflow: visible;
}
.sec-slide__item__desc {
	font-size: 1.3rem;
	line-height: 1.77;
	text-align: right;
	margin-top: .6em;
}
.sec-contents-black .sec-slide__item__desc {
	color: var(--white);
}
:root .sec-slide__control {
	position: relative;
	width: 100%;
	/*padding: 0 12.0rem;*/
	margin-top: 6.0rem;
	margin-left: auto;
	margin-right: auto;
	padding-right: 5.0rem;
}
:root .sec-slide__control .swiper-scrollbar {
	position: relative;
    left: auto;
    bottom: auto;
    height: 2px;
    /*width: calc(100% - 150px);*/
    width: 100%;
    border-radius: 0;
	background: #DCDCDC;
    z-index: 0;
}
:root .sec-slide__control-white .swiper-scrollbar {
	background: #5A5A5A;
}
:root .sec-slide__control .swiper-scrollbar-drag {
	background: #222020;
	border-radius: 0;
}
:root .sec-slide__control-white .swiper-scrollbar-drag {
	background: var(--white);
}
:root .sec-slide__control .sec-slide__operation {
	width: 80px;
	height: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding-inline: 10px;
	display: none;
}
:root .sec-slide__control .swiper-button-prev,
:root .sec-slide__control .swiper-button-next {
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	margin: 0;
	transform: translateY(0);
	line-height: 1;
	display: block;
	width:  20px;
	height: 20px;
	opacity: 1;
}
:root .sec-slide__control .swiper-button-prev.swiper-button-disabled,
:root .sec-slide__control .swiper-button-next.swiper-button-disabled {
	pointer-events: none;
	opacity: .5;
	cursor: default;
}
:root .sec-slide__control .swiper-button-prev {
	border-left: solid 2px #9d9b9b;
	border-top: solid 2px #9d9b9b;
	transform: rotate(-45deg) translateY(0);
}
:root .sec-slide__control .swiper-button-next {
	border-right: solid 2px #9d9b9b;
	border-top: solid 2px #9d9b9b;
	transform: rotate(45deg) translateY(0);
}
:root .sec-slide__control .swiper-button-prev:after,
:root .sec-slide__control .swiper-button-next:after {
	display: none;
}
@media screen and (max-width: 768px){
	.sec-visual__head {
		top: 50%;
		width: calc(310 / 380 * 100%);
		gap: 1.0rem;
	}
	.sec-visual__head__en {
		font-size: 4.0rem;
	}
	.sec-visual__head__ttl {
		font-size: 1.2rem;
	}
	.sec-contents {
		padding-block: 10.0rem;
	}
	.sec-contents-head {
	    margin-bottom: 5.0rem;
	}
	.sec-slide-wrap {
		width: 100%;
	}
	.sec-slide {
		width: calc(350 / 380 * 100%);
	}
	.sec-slide__item__desc {
		font-size: 1.1rem;
		margin-top: .4em;
	}
	:root .sec-slide__control {
		margin-top: 4.0rem;
		padding-right: 2.0rem;
	}
	:root .sec-slide__pagination {
		position: relative;
		bottom: 0;
		width: calc(300 / 340 * 100%);
		margin-top: min(60px,calc(var(--baseVw) * 40px));
		flex-direction: row;
		gap: 20px;
	}
	:root .sec-slide__control .swiper-scrollbar {
	    height: 2px;
	    width: calc(100% - 80px);
	    /*width: 100%;*/
	}
	:root .sec-slide__control .sec-slide__operation {
		width: 50px;
        height: 26px;
        padding-inline: 4px;
        display: flex;
	}
	:root .sec-slide__control .swiper-button-prev,
	:root .sec-slide__control .swiper-button-next {
		width:  14px;
		height: 14px;
	}
}





/*  l-lifeinfo
--------------------------------------------------*/
.l-lifeinfo {
	padding-block: 17.0rem;
	background: #F3F0F0;
}
.lifeinfo-ttl {
    font-size: 3.8rem;
    line-height: 1;
    letter-spacing: .05em;
    color: #B49B5E;
    text-align: center;
    margin-bottom: 6.0rem;
}
.lifeinfo-inner {
	max-width: 1240px;
}
.lifeinfo-tabs {
	width: 100%;
	margin-bottom: 3.0rem;
}
.lifeinfo-tablist {
	width: 100%;
}
.lifeinfo-tab {
	width: calc(244 / 1240 * 100%);
	height: 6.0rem;
	font-size: 1.8rem;
	line-height: 1;
	font-weight: 500;
	letter-spacing: 0;
	text-align: center;
	padding-bottom: .2em;
	background-color: #D7D7D7;
	transition: background-color .3s,color .3s;
}
.lifeinfo-tab.active {
	color: var(--white);
	background-color: #222020;
}
.lifeinfo-tabpanel {
	width: 100%;
	overflow: hidden;
}
.lifeinfo-tabpanel__contents {
	position: relative;
	width: 100%;
}
.lifeinfo-map {
	position: relative;
	width: calc(720 / 1240 * 100%);
	margin-right: auto;
}
.lifeinfo-map__base {
	width: 100%;
}
.lifeinfo-map__plot {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.lifeinfo-map__plot__item {
	font-size: 3.684210526315789vw;
	position: absolute;
	left: 0;
	top: 0;
	font-size: min(1.016129032258064vw, 14px);
	letter-spacing: 0;
	line-height: 1;
	color: var(--white);
	width: calc(22 / 720 * 100%);
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: .1em;
	border-radius: 50%;
	cursor: pointer;
	transform: scale(1);
	transform-origin: center center;
	transition: transform .3s;
	z-index: 1;
}
.lifeinfo-map__plot__item.active {
	transform: scale(1.35);
	z-index: 2;
}

/* == lifeinfo-tabpanel1 == */
/*ローソン 聖護院店*/
/*.lifeinfo-tabpanel1 .lifeinfo-map__plot__item1 {
	margin-left: calc(315 / 720 * 100%);
	margin-top: calc(379 / 720 * 100%);
}*/
/*ローソン 聖護院山王町店*/
.lifeinfo-tabpanel1 .lifeinfo-map__plot__item1 {
	margin-left: calc(315 / 720 * 100%);
	margin-top: calc(379 / 720 * 100%);
}
/*ドラッグユタカ 聖護院店*/
.lifeinfo-tabpanel1 .lifeinfo-map__plot__item2 {
	margin-left: calc(332 / 720 * 100%);
	margin-top: calc(383 / 720 * 100%);
}
/*ファミリーマート 聖護院店*/
.lifeinfo-tabpanel1 .lifeinfo-map__plot__item3 {
	margin-left: calc(308 / 720 * 100%);
	margin-top: calc(394 / 720 * 100%);
}
/*セブン-イレブン 京都吉田近衛町店*/
.lifeinfo-tabpanel1 .lifeinfo-map__plot__item4 {
	margin-left: calc(328 / 720 * 100%);
	margin-top: calc(308 / 720 * 100%);
}
/*YAOSEN*/
.lifeinfo-tabpanel1 .lifeinfo-map__plot__item5 {
	margin-left: calc(414 / 720 * 100%);
	margin-top: calc(396 / 720 * 100%);
}
/*ローソン 岡崎道店*/
/*.lifeinfo-tabpanel1 .lifeinfo-map__plot__item6 {
	margin-left: calc(432 / 720 * 100%);
	margin-top: calc(396 / 720 * 100%);
}*/
/*京都岡崎 蔦屋書店*/
.lifeinfo-tabpanel1 .lifeinfo-map__plot__item6 {
	margin-left: calc(369 / 720 * 100%);
	margin-top: calc(445 / 720 * 100%);
}
/*ファミリーマート ロームシアター京都店*/
/*.lifeinfo-tabpanel1 .lifeinfo-map__plot__item8 {
	margin-left: calc(349 / 720 * 100%);
	margin-top: calc(445 / 720 * 100%);
}*/
/*セブン-イレブン 京都神宮丸太町店*/
/*.lifeinfo-tabpanel1 .lifeinfo-map__plot__item9 {
	margin-left: calc(238 / 720 * 100%);
	margin-top: calc(366 / 720 * 100%);
}*/
/*イオン 東山二条店（休業中）*/
/*.lifeinfo-tabpanel1 .lifeinfo-map__plot__item7 {
	margin-left: calc(292 / 720 * 100%);
	margin-top: calc(446 / 720 * 100%);
}*/
/*フレスコ 岡崎店*/
.lifeinfo-tabpanel1 .lifeinfo-map__plot__item7 {
	margin-left: calc(450 / 720 * 100%);
	margin-top: calc(410 / 720 * 100%);
}
/*京都高島屋*/
.lifeinfo-tabpanel1 .lifeinfo-map__plot__item8 {
	margin-left: calc(190 / 720 * 100%);
    margin-top: calc(650 / 720 * 100%);
}
/*フレスコ 河原町丸太町店*/
/*.lifeinfo-tabpanel1 .lifeinfo-map__plot__item11 {
	margin-left: calc(202 / 720 * 100%);
	margin-top: calc(391 / 720 * 100%);
}*/
/*フレスコ 川端店*/
/*.lifeinfo-tabpanel1 .lifeinfo-map__plot__item13 {
	margin-left: calc(229 / 720 * 100%);
	margin-top: calc(487 / 720 * 100%);
}*/

/* == lifeinfo-tabpanel2 == */
/*錦林児童館*/
.lifeinfo-tabpanel2 .lifeinfo-map__plot__item1 {
	margin-left: calc(375 / 720 * 100%);
	margin-top: calc(367 / 720 * 100%);
}
/*聖マリア幼稚園*/
.lifeinfo-tabpanel2 .lifeinfo-map__plot__item2 {
	margin-left: calc(406 / 720 * 100%);
	margin-top: calc(396 / 720 * 100%);
}
/*聖護院保育園*/
.lifeinfo-tabpanel2 .lifeinfo-map__plot__item3 {
	margin-left: calc(283 / 720 * 100%);
	margin-top: calc(406 / 720 * 100%);
}
/*岡崎幼児園*/
/*.lifeinfo-tabpanel2 .lifeinfo-map__plot__item4 {
	margin-left: calc(330 / 720 * 100%);
	margin-top: calc(434 / 720 * 100%);
}*/
/*くろたに幼稚園*/
.lifeinfo-tabpanel2 .lifeinfo-map__plot__item4 {
	margin-left: calc(462 / 720 * 100%);
	margin-top: calc(364 / 720 * 100%);
}
/*風の子保育園*/
/*.lifeinfo-tabpanel2 .lifeinfo-map__plot__item6 {
	margin-left: calc(290 / 720 * 100%);
	margin-top: calc(291 / 720 * 100%);
}*/
/*こじかナーサリースクール*/
/*.lifeinfo-tabpanel2 .lifeinfo-map__plot__item7 {
	margin-left: calc(401 / 720 * 100%);
	margin-top: calc(256 / 720 * 100%);
}*/
/*吉田幼稚園*/
/*.lifeinfo-tabpanel2 .lifeinfo-map__plot__item8 {
	margin-left: calc(382 / 720 * 100%);
	margin-top: calc(256 / 720 * 100%);
}*/
/*ペスタロッチ保育園*/
/*.lifeinfo-tabpanel2 .lifeinfo-map__plot__item9 {
	margin-left: calc(263 / 720 * 100%);
	margin-top: calc(268 / 720 * 100%);
}*/
/*あおぞら保育園*/
/*.lifeinfo-tabpanel2 .lifeinfo-map__plot__item10 {
	margin-left: calc(283 / 720 * 100%);
	margin-top: calc(250 / 720 * 100%);
}*/
/*わかば園*/
/*.lifeinfo-tabpanel2 .lifeinfo-map__plot__item11 {
	margin-left: calc(206 / 720 * 100%);
	margin-top: calc(345 / 720 * 100%);
}*/
/*手をつなごうあおき保育園*/
/*.lifeinfo-tabpanel2 .lifeinfo-map__plot__item12 {
	margin-left: calc(237 / 720 * 100%);
	margin-top: calc(472 / 720 * 100%);
}*/
/*錦林小学校*/
.lifeinfo-tabpanel2 .lifeinfo-map__plot__item5 {
	margin-left: calc(372 / 720 * 100%);
	margin-top: calc(384 / 720 * 100%);
}
/*近衛中学校*/
.lifeinfo-tabpanel2 .lifeinfo-map__plot__item6 {
	margin-left: calc(343 / 720 * 100%);
	margin-top: calc(311 / 720 * 100%);
}
/*京都大学*/
.lifeinfo-tabpanel2 .lifeinfo-map__plot__item7 {
	margin-left: calc(379 / 720 * 100%);
	margin-top: calc(222 / 720 * 100%);
}

/* == lifeinfo-tabpanel3 == */
/*吉川病院*/
.lifeinfo-tabpanel3 .lifeinfo-map__plot__item1 {
	margin-left: calc(338 / 720 * 100%);
	margin-top: calc(364 / 720 * 100%);
}
/*まつもとクリニック*/
.lifeinfo-tabpanel3 .lifeinfo-map__plot__item2 {
	margin-left: calc(371 / 720 * 100%);
	margin-top: calc(360 / 720 * 100%);
}
/*くまのクリニック*/
.lifeinfo-tabpanel3 .lifeinfo-map__plot__item3 {
	margin-left: calc(306 / 720 * 100%);
	margin-top: calc(367 / 720 * 100%);
}
/*田中歯科医院*/
/*.lifeinfo-tabpanel3 .lifeinfo-map__plot__item4 {
	margin-left: calc(369 / 720 * 100%);
	margin-top: calc(332 / 720 * 100%);
}*/
/*京都大学医学部附属病院*/
.lifeinfo-tabpanel3 .lifeinfo-map__plot__item4 {
	margin-left: calc(303 / 720 * 100%);
	margin-top: calc(331 / 720 * 100%);
}
/*漢方内科細野医院*/
.lifeinfo-tabpanel3 .lifeinfo-map__plot__item5 {
	margin-left: calc(334 / 720 * 100%);
	margin-top: calc(382 / 720 * 100%);
}
/*美里歯科*/
/*.lifeinfo-tabpanel3 .lifeinfo-map__plot__item7 {
	margin-left: calc(299 / 720 * 100%);
	margin-top: calc(390 / 720 * 100%);
}*/
/*前田歯科医院*/
.lifeinfo-tabpanel3 .lifeinfo-map__plot__item6 {
	margin-left: calc(351 / 720 * 100%);
	margin-top: calc(383 / 720 * 100%);
}
/*恒村医院*/
.lifeinfo-tabpanel3 .lifeinfo-map__plot__item7 {
	margin-left: calc(315 / 720 * 100%);
	margin-top: calc(391 / 720 * 100%);
}
/*聖護院やぎ歯科・矯正歯科*/
.lifeinfo-tabpanel3 .lifeinfo-map__plot__item8 {
	margin-left: calc(330 / 720 * 100%);
	margin-top: calc(400 / 720 * 100%);
}
/*桑原クリニック*/
/*.lifeinfo-tabpanel3 .lifeinfo-map__plot__item11 {
	margin-left: calc(330 / 720 * 100%);
	margin-top: calc(418 / 720 * 100%);
}*/
/*ふるかわ小児歯科*/
/*.lifeinfo-tabpanel3 .lifeinfo-map__plot__item12 {
	margin-left: calc(341 / 720 * 100%);
	margin-top: calc(329 / 720 * 100%);
}*/
/*出木谷医院*/
/*.lifeinfo-tabpanel3 .lifeinfo-map__plot__item13 {
	margin-left: calc(416 / 720 * 100%);
	margin-top: calc(368 / 720 * 100%);
}*/
/*京都近衛リハビリテーション病院*/
/*.lifeinfo-tabpanel3 .lifeinfo-map__plot__item14 {
	margin-left: calc(325 / 720 * 100%);
	margin-top: calc(317 / 720 * 100%);
}*/
/*いわさきクリニック*/
/*.lifeinfo-tabpanel3 .lifeinfo-map__plot__item15 {
	margin-left: calc(416 / 720 * 100%);
	margin-top: calc(386 / 720 * 100%);
}*/
/*堀居医院*/
/*.lifeinfo-tabpanel3 .lifeinfo-map__plot__item16 {
	margin-left: calc(397 / 720 * 100%);
	margin-top: calc(321 / 720 * 100%);
}*/
/*飯田歯科センター*/
/*.lifeinfo-tabpanel3 .lifeinfo-map__plot__item17 {
	margin-left: calc(423 / 720 * 100%);
	margin-top: calc(403 / 720 * 100%);
}*/
/*井上医院*/
/*.lifeinfo-tabpanel3 .lifeinfo-map__plot__item18 {
	margin-left: calc(296 / 720 * 100%);
	margin-top: calc(431 / 720 * 100%);
}*/
/*門元医院*/
/*.lifeinfo-tabpanel3 .lifeinfo-map__plot__item19 {
	margin-left: calc(384 / 720 * 100%);
	margin-top: calc(269 / 720 * 100%);
}*/
/*石川耳鼻咽喉科・アレルギー科医院*/
/*.lifeinfo-tabpanel3 .lifeinfo-map__plot__item20 {
	margin-left: calc(322 / 720 * 100%);
	margin-top: calc(462 / 720 * 100%);
}*/
/*きど皮膚科*/
/*.lifeinfo-tabpanel3 .lifeinfo-map__plot__item21 {
	margin-left: calc(300 / 720 * 100%);
	margin-top: calc(463 / 720 * 100%);
}*/
/*山本医院*/
/*.lifeinfo-tabpanel3 .lifeinfo-map__plot__item22 {
	margin-left: calc(285 / 720 * 100%);
	margin-top: calc(451 / 720 * 100%);
}*/
/*竹村診療所*/
/*.lifeinfo-tabpanel3 .lifeinfo-map__plot__item23 {
	margin-left: calc(336 / 720 * 100%);
	margin-top: calc(479 / 720 * 100%);
}*/
/*川端診療所*/
/*.lifeinfo-tabpanel3 .lifeinfo-map__plot__item24 {
	margin-left: calc(233 / 720 * 100%);
	margin-top: calc(432 / 720 * 100%);
}*/

/* == lifeinfo-tabpanel4 == */
/*三菱UFJ銀行 聖護院支店*/
.lifeinfo-tabpanel4 .lifeinfo-map__plot__item1 {
	margin-left: calc(326 / 720 * 100%);
	margin-top: calc(393 / 720 * 100%);
}
/*京都聖護院郵便局*/
.lifeinfo-tabpanel4 .lifeinfo-map__plot__item2 {
	margin-left: calc(336 / 720 * 100%);
	margin-top: calc(378 / 720 * 100%);
}
/*京都中央信用金庫 岡崎入江町出張所*/
.lifeinfo-tabpanel4 .lifeinfo-map__plot__item3 {
	margin-left: calc(395 / 720 * 100%);
	margin-top: calc(378 / 720 * 100%);
}
/*京都銀行 聖護院支店*/
.lifeinfo-tabpanel4 .lifeinfo-map__plot__item4 {
	margin-left: calc(315 / 720 * 100%);
	margin-top: calc(412 / 720 * 100%);
}
/*京都吉田郵便局*/
/*.lifeinfo-tabpanel4 .lifeinfo-map__plot__item5 {
	margin-left: calc(386 / 720 * 100%);
	margin-top: calc(316 / 720 * 100%);
}*/
/*川端警察署*/
.lifeinfo-tabpanel4 .lifeinfo-map__plot__item5 {
	margin-left: calc(319 / 720 * 100%);
	margin-top: calc(431 / 720 * 100%);
}
/*京都岡崎郵便局*/
/*.lifeinfo-tabpanel4 .lifeinfo-map__plot__item7 {
	margin-left: calc(446 / 720 * 100%);
	margin-top: calc(387 / 720 * 100%);
}*/
/*京都市勧業館 みやこめっせ*/
/*.lifeinfo-tabpanel4 .lifeinfo-map__plot__item8 {
	margin-left: calc(355 / 720 * 100%);
	margin-top: calc(471 / 720 * 100%);
}*/
/*京都府立図書館*/
.lifeinfo-tabpanel4 .lifeinfo-map__plot__item6 {
	margin-left: calc(373 / 720 * 100%);
	margin-top: calc(463 / 720 * 100%);
}
/*左京消防署 岡崎消防出張所*/
/*.lifeinfo-tabpanel4 .lifeinfo-map__plot__item10 {
	margin-left: calc(355 / 720 * 100%);
	margin-top: calc(490 / 720 * 100%);
}*/
/*滋賀銀行 東山支店*/
/*.lifeinfo-tabpanel4 .lifeinfo-map__plot__item11 {
	margin-left: calc(314 / 720 * 100%);
	margin-top: calc(515 / 720 * 100%);
}*/
/*京都中央信用金庫 東山支店*/
/*.lifeinfo-tabpanel4 .lifeinfo-map__plot__item12 {
	margin-left: calc(312 / 720 * 100%);
	margin-top: calc(538 / 720 * 100%);
}*/
/*京都中央信用金庫 丸太町支店*/
/*.lifeinfo-tabpanel4 .lifeinfo-map__plot__item13 {
	margin-left: calc(171 / 720 * 100%);
	margin-top: calc(386 / 720 * 100%);
}*/
/*京都市役所*/
.lifeinfo-tabpanel4 .lifeinfo-map__plot__item7 {
	margin-left: calc(171 / 720 * 100%);
	margin-top: calc(496 / 720 * 100%);
}

/* == lifeinfo-tabpanel5 == */
/*岡崎公園*/
.lifeinfo-tabpanel5 .lifeinfo-map__plot__item1 {
	margin-left: calc(395 / 720 * 100%);
	margin-top: calc(442 / 720 * 100%);
}
/*鴨川公園*/
.lifeinfo-tabpanel5 .lifeinfo-map__plot__item2 {
	margin-left: calc(212 / 720 * 100%);
	margin-top: calc(340 / 720 * 100%);
}
/*聖護院門跡*/
.lifeinfo-tabpanel5 .lifeinfo-map__plot__item3 {
	margin-left: calc(355 / 720 * 100%);
	margin-top: calc(355 / 720 * 100%);
}
/*京都市武道センター*/
/*.lifeinfo-tabpanel5 .lifeinfo-map__plot__item4 {
	margin-left: calc(354 / 720 * 100%);
	margin-top: calc(396 / 720 * 100%);
}*/
/*ロームシアター京都（京都会館）*/
.lifeinfo-tabpanel5 .lifeinfo-map__plot__item4 {
	margin-left: calc(354 / 720 * 100%);
	margin-top: calc(436 / 720 * 100%);
}
/*金戒光明寺*/
/*.lifeinfo-tabpanel5 .lifeinfo-map__plot__item6 {
	margin-left: calc(466 / 720 * 100%);
	margin-top: calc(331 / 720 * 100%);
}*/
/*紫雲の庭（金戒光明寺）*/
/*.lifeinfo-tabpanel5 .lifeinfo-map__plot__item7 {
	margin-left: calc(490 / 720 * 100%);
	margin-top: calc(331 / 720 * 100%);
}*/
/*平安神宮*/
.lifeinfo-tabpanel5 .lifeinfo-map__plot__item5 {
	margin-left: calc(380 / 720 * 100%);
	margin-top: calc(405 / 720 * 100%);
}
/*細見美術館*/
/*.lifeinfo-tabpanel5 .lifeinfo-map__plot__item9 {
	margin-left: calc(332 / 720 * 100%);
	margin-top: calc(442 / 720 * 100%);
}*/
/*京都伝統産業ミュージアム*/
/*.lifeinfo-tabpanel5 .lifeinfo-map__plot__item10 {
	margin-left: calc(352 / 720 * 100%);
	margin-top: calc(471 / 720 * 100%);
}*/
/*京都市動物園*/
.lifeinfo-tabpanel5 .lifeinfo-map__plot__item6 {
	margin-left: calc(439 / 720 * 100%);
	margin-top: calc(470 / 720 * 100%);
}
/*京都国立近代美術館*/
.lifeinfo-tabpanel5 .lifeinfo-map__plot__item7 {
	margin-left: calc(374 / 720 * 100%);
	margin-top: calc(477 / 720 * 100%);
}
/*京都市京セラ美術館*/
.lifeinfo-tabpanel5 .lifeinfo-map__plot__item8 {
	margin-left: calc(396 / 720 * 100%);
	margin-top: calc(466 / 720 * 100%);
}
/*コナミスポーツクラブ 京都丸太町*/
/*.lifeinfo-tabpanel5 .lifeinfo-map__plot__item14 {
	margin-left: calc(201 / 720 * 100%);
	margin-top: calc(391 / 720 * 100%);
}*/
/*白河院*/
/*.lifeinfo-tabpanel5 .lifeinfo-map__plot__item15 {
	margin-left: calc(457 / 720 * 100%);
	margin-top: calc(447 / 720 * 100%);
}*/
/*藤井斉成会有鄰館*/
/*.lifeinfo-tabpanel5 .lifeinfo-map__plot__item16 {
	margin-left: calc(362 / 720 * 100%);
	margin-top: calc(494 / 720 * 100%);
}*/
/*無鄰菴*/
/*.lifeinfo-tabpanel5 .lifeinfo-map__plot__item17 {
	margin-left: calc(451 / 720 * 100%);
	margin-top: calc(500 / 720 * 100%);
}*/
/*琵琶湖疎水記念館*/
/*.lifeinfo-tabpanel5 .lifeinfo-map__plot__item18 {
	margin-left: calc(464 / 720 * 100%);
	margin-top: calc(476 / 720 * 100%);
}*/
/*京都御所*/
.lifeinfo-tabpanel5 .lifeinfo-map__plot__item9 {
	margin-left: calc(98 / 720 * 100%);
	margin-top: calc(298 / 720 * 100%);
}
/*南禅寺*/
/*.lifeinfo-tabpanel5 .lifeinfo-map__plot__item20 {
	margin-left: calc(534 / 720 * 100%);
	margin-top: calc(506 / 720 * 100%);
}*/
/*哲学の道*/
/*.lifeinfo-tabpanel5 .lifeinfo-map__plot__item21 {
	margin-left: calc(549 / 720 * 100%);
	margin-top: calc(345 / 720 * 100%);
}*/
/*八坂神社*/
/*.lifeinfo-tabpanel5 .lifeinfo-map__plot__item22 {
	margin-left: calc(317 / 720 * 100%);
	margin-top: calc(640 / 720 * 100%);
}*/
/*東山慈照寺（銀閣寺）*/
/*.lifeinfo-tabpanel5 .lifeinfo-map__plot__item23 {
	margin-left: calc(613 / 720 * 100%);
	margin-top: calc(217 / 720 * 100%);
}*/

.lifeinfo-map__plot__item::before {
    content: '';
    position: absolute;
    inset: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: var(--white);
    border-radius: 50%;
    opacity: 0;
    z-index: -2;
}
.lifeinfo-map__plot__item.active::before {
	animation: circle 1.4s infinite;
}
.lifeinfo-map__plot__item::after {
    content: '';
    position: absolute;
    inset: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: #222020;
    border-radius: 50%;
	filter: drop-shadow(0px 0px 10px var(--white));
	z-index: -1;
}
.lifeinfo-info {
	position: absolute !important;
	top: 0;
	right: 0;
	width: calc(520 / 1240 * 100%);
	height: 100%;
	padding-block: 2.4rem 1.9rem;
	background: var(--white);
	overflow-x: hidden;
	overflow-y: auto;
}
.lifeinfo-info__list {
	width: calc(420 / 520 * 100%);
	margin-inline: auto;
}
.lifeinfo-info__list__item {
	/*height: 93px;*/
	position: relative;
	padding: 1.9rem 0 2.1rem 3.4rem;
	cursor: pointer;
	background-color: var(--white);
	transition: background-color .3s;
}
.lifeinfo-info__list__item.active {
	background-color: #ebeaea;
}
.lifeinfo-info__list__item + .lifeinfo-info__list__item {
	border-top: solid 1px #F3F0F0;
}
.lifeinfo-info__list__item__num {
	display: block;
	position: absolute;
	left: 0;
	top: 2.4rem;
	font-size: 1.4rem;
	letter-spacing: 0;
	line-height: 1;
	color: var(--white);
	width: 2.2rem;
	height: 2.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: .1em;
	border-radius: 50%;
	background: #222020;
}
.lifeinfo-info__list__item__name {
	font-size: 1.6rem;
	line-height: 1.88;
	letter-spacing: 0;
	font-weight: 400;
}
.lifeinfo-info__list__item__min {
	font-size: 1.2rem;
	line-height: 1.88;
	letter-spacing: 0;
	font-weight: 400;
}
@keyframes circle{0%{transform: scale(0); opacity: 0;}5%{opacity: 0.45;}50%{opacity: 0.2;}95%{transform: scale(3);}100%{opacity: 0;}}
@media (any-hover: hover){
	.lifeinfo-tab:hover {
		color: var(--white);
		background-color: #222020;
	}
	.lifeinfo-map__plot__item:hover {
		transform: scale(1.35);
		z-index: 2;
	}
	.lifeinfo-map__plot__item:hover::before {
		animation: circle 1.4s infinite;
	}
	.lifeinfo-info__list__item:hover {
		background-color: #ebeaea;
	}
}
@media screen and (max-width: 768px){
	.l-lifeinfo {
		padding-block: 8.0rem;
	}
	.lifeinfo-ttl {
	    font-size: 2.2rem;
	    margin-bottom: 2.5rem;
	}
	.lifeinfo-tabs {
		margin-bottom: 1.0rem;
	}
	.lifeinfo-tablist {
		gap: .2rem;
	}
	.lifeinfo-tab {
		width: calc((100% - .2rem) / 2);
		height: 4.4rem;
		font-size: 1.4rem;
		padding-bottom: .1em;
		flex: 1 auto;
	}
	.lifeinfo-map {
		width: 100%;
	}
	.lifeinfo-map__plot__item {
		font-size: 1.6vw;
	}
	.lifeinfo-info {
		position: relative !important;
		width: 100%;
		height: 20.0rem;
		padding-block: 1.9rem 1.7rem;
	}
	.lifeinfo-info__list {
		width: calc(260 / 320 * 100%);
	}
	.lifeinfo-info__list__item {
		padding: 1.1rem 0 1.3rem 2.8rem;
	}
	.lifeinfo-info__list__item__num {
		top: 1.5rem;
		font-size: 1.2rem;
		width: 2.0rem;
		height: 2.0rem;
	}
	.lifeinfo-info__list__item__name {
		font-size: 1.4rem;
	}
	.lifeinfo-info__list__item__min {
		font-size: 1.1rem;
	}

}