@charset "UTF-8";
/* CSS Document */


html { scroll-behavior: smooth; }
img { vertical-align: bottom; }

body {
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
}

img.auto { width: 100%; height: auto; }

@keyframes objApr {
	0% { opacity: 0; }
	100% { opacity: 1; }
}


:root {
  --pkmngmnt-gray-bg: #3C4550;
  --pkmngmnt-lightblue-bg: #BAE6F4;
  --pkmngmnt-blue-txt: #73D0F1;
}



/* reset */
.addcss_reset h3,
.addcss_reset h4,
.addcss_reset p,
.addcss_reset ul {
	margin: 0;
}
.addcss_reset ul {
	list-style-type: none;
	padding: 0;
}



/* SP用記述*/
.br4pc { display: none; }
.forPC { display: none; }

/* 共通 */
.cont_wrap { padding: 0 5.3vw 40px; }
.bg_gray { background-color: var(--pkmngmnt-gray-bg); }
.txtBlue { color: var(--pkmngmnt-blue-txt); }

.addcss_reset .txt {
	font-size: 15px;
	line-height: 2;
}

.ttl_bg_area {
	height: 30vw;
	position: relative;
}
.ttl_bg_area .page-title {
	margin-bottom: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}



/* トップ */
.top-contents__image.pkmngmnt {
  background-image: url(../assets/images/top/bg_pkmngmnt_sp.webp);
	background-position: center bottom;
}
@media screen and (min-width: 769px) {
	.top-contents__image.pkmngmnt {
		background-image: url(../assets/images/top/bg_pkmngmnt_pc.webp);
	}
}

/* PARK MANAGEMENT */
.ttl_bg_area.pkmngmnt {
	background: url(../assets/images/pkmngmnt/main.webp) center bottom / cover no-repeat;
}
.pkmngmnt_sec {
	color: #fff;
	padding-top: 36px;
}
.pkmngmnt_sec .sec_ttl {
	font-size: 20px;
	color: var(--pkmngmnt-blue-txt);
	line-height: 1.3;
	padding: 2px 0 4px 8px;
	border-left: solid 6px var(--pkmngmnt-blue-txt);
	border-bottom: solid 1px var(--pkmngmnt-blue-txt);
}
.pkmngmnt_sec .cmptnc_cont { margin-top: 30px; }
.pkmngmnt_sec .cmptnc_cont .cmptnc_ttl {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.45;
	position: relative;
	padding: .5em 0 0 2em;
}
.pkmngmnt_sec .cmptnc_cont .cmptnc_ttl .num {
	font-family: 'PTSans';
	font-size: 36px;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 1;
}
.pkmngmnt_sec .cmptnc_cont .park_name {
	margin: 20px 0 0 -5.3vw;
	background-color: var(--pkmngmnt-lightblue-bg);
	color: var(--pkmngmnt-gray-bg);
	font-size: 16px;
	font-weight: 700;
	padding: 5px 0 3px 5.3vw;
}
.pkmngmnt_sec .cmptnc_cont .txt { margin-top: 20px; }
.pkmngmnt_sec .cmptnc_cont .thumb {
	margin-top: 20px;
	height: 48vw;
	background: center center / cover no-repeat;
}
.pkmngmnt_sec .thumb.thumb_1 { background-image: url(../assets/images/pkmngmnt/thumb_1.webp); }
.pkmngmnt_sec .thumb.thumb_2 { background-image: url(../assets/images/pkmngmnt/thumb_2.webp); }

.solution_list li {
	margin-top: 30px;
	padding-left: 20px;
}
.solution_list li .ttl {
	color: var(--pkmngmnt-blue-txt);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.6;
	position: relative;
}
.solution_list li .ttl::before {
	content: "■";
	position: absolute;
	left: -20px;
	top: 0;
}
.solution_list li .txt { margin-top: 10px; }
.pkmngmnt_sec.consortium .txt { margin-top: 20px; }



@media only screen and (min-width:769px) {
	/* PC用記述 */
	a[href^="tel:"] { pointer-events: none; }
	a.fade:hover { opacity: .6; }
	
	.br4sp { display: none; }
	.br4pc { display: inline; }
	.forSP { display: none; }
	.forPC { display: block; }

	/* 共通 */
	.cont_wrap {
		padding: 0 48px 60px;
		max-width: 1090px;
		margin: 0 auto;
	}

	.addcss_reset .txt { font-size: 16px; }

	.main.ttl_bg { padding-top: 0; }
	.ttl_bg_area { height: 400px; }
	.ttl_bg_area .breadcrumb {
		margin-top: 0;
		padding: 101px 0 0 60px;
	}
	.ttl_bg_area .page-title .title-page { margin-top: 0; }

	/* PARK MANAGEMENT */
	.cont_wrap.pkmngmnt { padding-top: 12px; }
	.pkmngmnt_sec { padding-top: 60px; }
	.pkmngmnt_sec .sec_ttl { font-size: 24px; }

	.pkmngmnt_sec .cmptnc_cont {
		margin-top: 48px;
		display: flex;
		justify-content: space-between;
		padding-left: 3.2%;
	}
	.pkmngmnt_sec .cmptnc_cont .cmptnc_ttl {
		font-size: 20px;
		padding: .5em 8% 0 0;
	}
	.pkmngmnt_sec .cmptnc_cont .cmptnc_ttl .num {
		font-size: 40px;
		left: -1em;
	}
	.pkmngmnt_sec .cmptnc_cont .park_name {
		margin: 40px 8% 0 0;
		font-size: 18px;
		padding: 5px 10px 3px;
		display: inline-block;
	}
	.pkmngmnt_sec .cmptnc_cont .cont {
		flex: 1;
		width: 46%;
	}
	.pkmngmnt_sec .cmptnc_cont .txt {
		padding-right: 18%;
	}
	.pkmngmnt_sec .cmptnc_cont .thumb {
		margin-top: 16px;
		height: auto;
		width: 42%;
	}
	.solution_list { margin-top: 48px; }
	.solution_list li { padding: 0 30px 0 60px; }
	.solution_list li .ttl { font-size: 16px; }
	.pkmngmnt_sec.consortium .txt { margin: 48px 36px 0; }

}