@charset "utf-8";
/*フォント表記
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
font-family: 'Material Symbols Outlined';*/

/*front*/
.mv_slider{
	height: calc(100vh - 180px);
	max-height: 1000px;
	min-height: 830px;
	margin: 0 90px 90px;
	/*padding: 0 90px 90px;*/
	background-image: url("../images/contents/top_MV_img01.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

#mv{
	position: relative;
}

.bl_mvCover{
	width: calc(100% - 180px);
	height: calc(100vh - 180px);
	max-height: 1000px;
	min-height: 830px;
	background-color: rgba(0,0,0,0.09);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	margin: 0 90px 90px;
}

/*スライダー*/
#mv01.mv_slider{
	background-image: url("../images/contents/top_MV_img01.jpg");
	background-position: 50% 50%;
}

.el_mv_timeTable_ttl{
	font-family: 'Noto Serif JP', serif;
	font-size: 2.2rem;
	letter-spacing: 0.08em;
}

.mv_copy{
	position: absolute;
	left: 7vw;
	top: 50%;
	padding-left: 50px;
	font-size: 4rem;
	font-family: 'Noto Serif JP', serif;
	color: #fff;
	z-index: 9;
	transform: translateY(-50%);
	letter-spacing: 0.06em;
}

.bl_mv_timeTable{
	background-color: #fff;
	padding: 30px 40px;
	position: absolute;
	right: 90px;
	bottom: 0;
	z-index: 99;
}

.bl_mv_timeTable_table{
	width: 100%;
	font-size: 1.6rem;
}

.bl_mv_timeTable_table th,.bl_mv_timeTable_table td{
	padding: 0.8vw;
}

.bl_mv_timeTable_table tr td,.bl_mv_timeTable_table tr th:nth-child(n+2){
	border-bottom: 2px solid #D1D1D1;
}

.bl_mv_timeTable_table th{
	text-align: left;
}

.bl_mv_timeTable_table th span{
	display: block;
	font-size: 1.4rem;
	color: #828282;
}

.bl_mv_timeTable__menu{
	display: none;
}

.modal-open{
	display: none;
}

.ly_top_padding{
	padding: 60px 30px;
}

.ly_content_center{
	max-width: 1100px;
	margin: 0 auto;
}

.bl_newsList.bl_newsList__important{
	color: #fff;
	height: 305px;
	overflow-y: auto;
}

.bl_newsList dl{
	display: flex;
	justify-content: flex-start;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom:1px solid #CCCCCC;
}

.bl_newsList.bl_newsList__important dl{
	border-bottom:1px solid #fff;
}

.bl_newsList dl:last-of-type{
	margin-bottom: 0;
}

.bl_newsList.bl_newsList__important dl:first-of-type{
	border-top: none;
}

.bl_newsList dl:first-of-type{
	padding-top: 20px;
	border-top: 1px solid #CCCCCC;
}

.bl_newsList dt{
	width: 120px;
}

.bl_newsList.bl_newsList__important dt{
	color: #fff!important;
}

.bl_newsList dd{
	flex: 1;
}

.bl_newsList.bl_newsList__important a{
	color: #fff;
}

.bl_newsList a{
	color: #000;
}

.el_newsTtl_flex{
	font-size: 3rem;
	font-family: 'Noto Serif JP', serif;
	position: relative;
	padding-bottom: 15px;
	margin-right: 150px;
}

.el_newsTtl_flex::after{
	content: '';
	display: inline-block;
	width: 55px;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.ly_newsFlex{
	display: flex;
	align-items: center;
}

.bl_newsList{
	flex: 1;
	overflow-y: auto;
	height: 336px;
}

.bl_topImage{
	width: 100%;
	height: 200px;
	background-image: url("../images/contents/top_background.jpg");
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: cover;
}

.ly_topFlex{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
}

.bl_topFlex_L{
	width: 50%;
}

.bl_topFlex_L img{
	width: 100%;
}

.bl_topFlex_R{
	width: 45%;
}

.bl_topFlex_ttl{
	font-size: 3rem;
	font-family: 'Noto Serif JP', serif;
	margin-bottom: 60px;
}

#section_cl{
	background-color: #F7F7F7;
}

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

.bl_sectionFig{
	width: 25%;
	height: 450px;
	/*background-image: url("../images/contents/top_section_img01.jpg");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;*/
	overflow: hidden;
	position: relative;
}

.bl_sectionFig img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition-duration: 400ms;
}

a.bl_sectionFig:hover img{
	transform: scale(1.1);
}

.bl_sectionFig::before{
	content: '';
	display: inline-block;
	background-color: rgba(0,0,0,0.13);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}

.bl_sectionContent{
	padding: 0 30px;
	position: absolute;
	left: 0;
	bottom: 30px;
	z-index: 9;
	color: #fff;
}

.bl_sectionTtl{
	font-family: 'Noto Serif JP', serif;
	font-size: clamp(2.2rem, 1.888rem + 0.406vw, 2.7rem);
	padding-bottom: 10px;
	position: relative;
	margin-bottom: 25px;
}

.bl_sectionTtl::before{
	content: '';
	display: inline-block;
	width: 35px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}

.bl_sectionContent p{
	font-size: 1.7rem;
	line-height: 1.7;
}

.ly_topFlex.ly_topFlex__access{
	align-items: stretch;
	flex-direction: row;
}

.el_accessMap{
	width: 100%;
	height: 100%;
}

.bl_clInfo dl{
	display: flex;
}

.bl_clInfo dt{
	width: 30%;
	padding: 20px 0 20px 15px;
}

.bl_clInfo dd{
	border-top: 1px solid #D1D1D1;
	flex: 1;
	padding: 20px 0 20px 15px;
}


.bl_clInfo dl:last-of-type dd{
	border-bottom: 1px solid #D1D1D1;
}

.bl_clInfo_tell dd{
	font-weight: 700;
	font-size: 2.3rem;
}

.el_accessTtl{
	margin-bottom: 15px;
}

.bl_topFlex_R .el_access_box:last-of-type{
	margin-bottom: 0;
}

.el_access_box dd{
	margin-bottom: 5px;
	
}

.el_access_box dd:last-child{
	margin-bottom: 0;
}

.el_accessTtl::before{
	font-size: 2.5rem;
	line-height: 1;
	padding-right: 10px;
	position: relative;
	top: 4px;
	font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}

#icon_train::before{
	font-family: 'Material Symbols Outlined';
	content: '\e570';
}

#icon_car::before{
	font-family: 'Material Symbols Outlined';
	content: '\e531';
}

.el_access_box dd{
	position: relative;
	padding-left: 17px;
}

.el_access_box dd::before{
	content: '';
	display: inline-block;
	width: 10px;
	height: 1px;
	position: absolute;
	top: 17px;
	left: 0;
}

.el_topContact_R{
	color: #fff;
}


.el_topContact_flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.el_topContact_L{
	width: 40%;
	padding-right: 20px;
}

.el_topContact_ttl{
	color: #fff;
	font-family: 'Noto Serif JP', serif;
	font-size: 3rem;
	position: relative;
}

.el_topContact_ttl::after{
	content: '';
	display: inline-block;
	width: 10vw;
	max-width: 110px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	right: 0px;
}

.el_topContact_R div{
	position: relative;
	padding: 0 0 10px 80px;
}

.el_topContact_R div::before{
	font-family: 'Material Symbols Outlined';
	content: '\e0b0';
	font-size: 3.5rem;
	border: 2px solid #fff;
	padding: 7px 8px;
	border-radius: 3px;
	line-height: 1;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}

.el_access_tell{
	font-weight: 700;
	letter-spacing: 0.07em;
	font-size: 4rem;
}









/*コンテンツページ*/
#contents_cover{
	padding: 60px 30px;
}

.el_contentsTtl_cover{
	height: 200px;
	background-image: url("../images/contents/top_background.jpg");
	margin-top: 90px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.el_contentsTtl{
	font-family: 'Noto Serif JP', serif;
	font-size: 3.5rem;
	letter-spacing: 0.08;
}

.bl_contents_news dl{
	margin-bottom: 30px;
	padding: 30px;
	background-color: #F8F8F8;
}

.bl_contents_news dt{
	font-size: 2.2rem;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.el_contents_newsDate{
	margin-bottom: 10px;
}














@media screen and (max-width:768px){
	#mv{
		margin-top:65px;
	}
	
	.mv_slider{
		margin: 0 15px 15px;
		height: 75vh;
	}
	
.bl_mvCover{
	width: calc(100% - 30px);
	height: 75vh;
	margin: 0 15px 15px;
	min-height: auto;
}
	
	.mv_copy{
		font-size: 3rem;
		left: 0;
		padding-left:30px;
	}
	
	.bl_mv_timeTable{
		display: none;
	}
	
	/*.bl_headerR{
		overflow: auto;
		min-height: 650px;
	}*/
	
	.bl_mv_timeTable__menu{
		display: block;
		width: 90%;
		right: 50%;
		top: auto;
		position: static;
		/*bottom: 70px;*/
		padding: 20px;
		border:1px solid #D1D1D1;
		margin: 20px auto;
	}
	
	.bl_mv_timeTable__menu .el_mv_timeTable_ttl{
		font-size: 2rem;
	}
	
	.mv_slider{
		min-height: auto;
	}
	
	.modal-open{
	display: block;
	text-decoration: none;
	background-color: #fff;
	box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	font-size: 1.2rem;
	width: 65px;
	height: 65px;
	position: absolute;
	right: 30px;
	bottom: 15px;
	text-align: center;
	z-index: 99;
	padding: 10px 5px 5px;
	border-radius: 100vh;
}
	
	.modal-open::before{
		content: '\e616';
		display: inline-block;
		font-family: 'Material Symbols Outlined';
		position: absolute;
		bottom: 5px;
		left: 50%;
		transform: translateX(-50%);
		font-size: 3.5rem;
		font-weight: 400;
		line-height: 1;
		font-variation-settings:
	  'FILL' 1,
	  'wght' 400,
	  'GRAD' 0,
	  'opsz' 48
	}
	
	.modaal-close{
		top: 100px!important;
		right: 15px!important;
	}
	
.modaal-close:after, 
.modaal-close:before{
  background:#fff;  
}
	
	.ly_top_padding{
		padding: 40px 20px;
	}
	
	
	.bl_newsList dl{
		display: block;
	}
	
	.bl_newsList dt{
		margin-bottom: 10px;
	}
	
	.ly_newsFlex{
		display: block;
	}
	
	.el_newsTtl_flex{
		margin-bottom: 25px;
	}
	
	.bl_topImage{
		height: 150px;
		background-position: 10% 100%;
	}
	
	.ly_topFlex{
		display: block;
	}
	
	.bl_topFlex_R{
		width: 100%;
	}
	
	.bl_topFlex_L{
		width: 100%;
		max-width: 400px;
		margin: 20px auto 0;
	}
	
	.bl_topFlex_ttl{
		margin-bottom: 40px;
		font-size:2.5rem;
	}
	
	.ly_sectionFlex{
		flex-wrap: wrap;
	}
	
	.bl_sectionFig{
		width: 50%;
		height: 280px;
	}
	
	.bl_sectionContent{
		padding: 0 10px;
	}
	
	.bl_sectionTtl{
		font-size: 2.2rem;
	}
	
	.bl_sectionContent p{
		font-size: 1.5rem;
	}
	
	.ly_topFlex.ly_topFlex__access .bl_topFlex_L{
		max-width: 100%;
	}
	
	.el_accessMap{
		height: 280px;
		margin-bottom: 30px;
	}
	
	.bl_clInfo dt{
		padding: 15px 0;
	}
	
	.bl_clInfo dd{
		padding: 15px 0;
	}
	
	.el_topContact_flex{
		display: block;
	}
	
	.el_topContact_L{
		width: 100%;
	}
	
	.el_topContact_R div{
		padding: 0;
	}
	
	.el_topContact_R div::before{
		display: none;
	}
	
	.el_topContact_ttl{
		font-size: 2.4rem;
	}
	
	.el_access_tell{
		font-size: 3.5rem;
	}
	
	.el_topContact_R p:nth-child(n+2){
		font-size: 1.5rem;
	}
	
	
	
	
	
	/*コンテンツページ*/
#contents_cover{
	padding: 30px 15px;
}
	
	.el_contentsTtl_cover{
		margin-top: 65px;
		height: 120px;
	}
	
	.el_contentsTtl{
		font-size: 2.8rem;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}