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

/*
class="pw contents-wrap"
article直下のwrap
*/
.contents-wrap{
	padding-top: 40px;
	padding-bottom: 40px
}

@media (min-width:450px){
	.contents-wrap{
		padding-top: 90px;
		padding-bottom: 90px
	}
}
/*========================================
	ページヘッダー
========================================*/
.page-header{
	margin: 0 0 40px;
}

.page-header h1{
	font-size: clamp( 2.8rem , 5vw , 5rem);
	font-feature-settings: "palt" 1;
	line-height: 1.4;
}
.page-header .title-eng{
	font-size: clamp( 2rem , 3.5vw , 3rem);
	font-family: "Jost", sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1;
	width: fit-content;
}

.page-header .title-eng{
	background-image: url("../image/mask-text_s.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: ce;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/*========================================
	施設子ページ／パンクズ
========================================*/
.pankuzu{
	font-size: clamp( 1rem , 2vw , 1.2rem);
	color:#848484;
	margin: 1em 0 0.5em;
}
.pankuzu a{
	color: var(--link-color);
}
.pankuzu a:hover{
	text-decoration: underline;
}

/*.facilitie-header h1{
	margin: 0 0 0.5em;
}*/


/* Section Separator---------------------------------------------------------

　施設子ページ／ヘッド（グリッドレイアウト）

----------------------------------------------------------------------------*/
/*<header class="page-header facilitie-header">*/
.facilitie-header{
	display: grid;
	gap: 20px 0;
}
/*PCの展開時*/
@media (min-width:450px){
	.facilitie-header{
		grid-template-columns: 45% 50%;
		grid-template-rows: auto 1fr;
		gap: 20px 5%;
	}
	.facili-grid-head{
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}
	.facili-grid-ph{
		grid-column: 2 / 3;
		grid-row: 1 / 3;
	}
}

/*緊急用の注釈エリア*/
.facilitie-header .note{
	margin-bottom: 1.5em;
	line-height: 1.8;
	font-size: clamp( 1.4rem , 3vw , 1.6rem);
}


.facilitie-header a{
	color: var(--link-color);
}
.facilitie-header a:hover{
	text-decoration: underline;
}

.facilitie-header .sub_title{
	font-size: clamp( 1.5rem , 3vw , 2rem);
	font-weight: 600;
	line-height: 1.4;
	margin: 0.75em 0 0;
}


/*基本情報*/
.facilitie-header h2{
	color: var(--main-color);
	margin: 0 0 0.75em;
}

/*--------------------------------------
基本情報の定義リスト
--------------------------------------*/
dl.facili-note{
	font-size: 1.4rem;
	line-height: 1.6;
}

dl.facili-note dt,
dl.facili-note dd{
	padding: 0.5em;
}

dl.facili-note dt{
	background: #F2F2F2;
	font-weight: 500;
}
dl.facili-note dd{
	margin-bottom: 1em;
}

@media (min-width:450px){
	dl.facili-note{
		display: flex;
		flex-wrap: wrap;
	}
	dl.facili-note dt{
		width: 6em;
	}
	dl.facili-note dd{
		width: calc( 100% - 6em );
		margin-bottom: 0;
	}
	dl.facili-note dt,
	dl.facili-note dd{
		border-top: 1px solid #BDBDBD;
		padding: 0.75em;
	}
	dl.facili-note{
		border-bottom: 1px solid #BDBDBD;
	}
}


.facili-note p{
	margin: 0.4em;
}

/*リスト形式----------------------**/
.facili-note ul,
.facili-note ol{
	margin: 0.5em 0;}

.facili-note ul li,
.facili-note ol li{
	line-height: 1.4;
	margin: 0 0 0.4em;}

.facili-note ul li{
	padding-left: 1em;
	text-indent: -1em;}

.facili-note ul li::before{
	content: '・';
	font-family: "Osaka-mono", "MS Gothic", "monospace";}

.facili-note ol li{
	list-style: decimal;
	margin-left: 1.5em;}

/*
備考欄の中の要素、最初と最後はそれぞれ上下のマージンをゼロに
pとかul,olには上下に余白を持たせているため
*/
.facili-note dd > :first-child{
	margin-top: 0;
}
.facili-note dd > :last-child{
	margin-bottom: 0;
}