@charset "utf-8";
body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

a[href="#about"],
a[href="/news/"] {
	pointer-events: none;
}

#main.index {
	color: #fff;
	padding-top: min(17.9487vw, 140px);
}
#header .site_name.__pre {
	top: min(2.8vw, 21px);
	line-height: 1.3;
}
#glnav .wrap_gnav .site_name__sp.__pre .sn_link,
#header .site_name.__pre .sn_link {
	color: #fff;
	font-family: "Noto Serif", serif;
	font-weight: 500;
	text-decoration: none;
}
#header .site_name.__pre .sn_link {
	font-size: clamp(3.3rem, 8.6vw, 6.6rem);
}
#glnav .wrap_gnav .site_name__sp.__pre .sn_link {
	font-size: clamp(5rem, 13.02vw, 10rem);
}

@media screen and (min-width:641px) {
	#main.index {padding-top: 0;}
	#header .site_name.__pre {
		top: min(1.40625vw, 27px);
		line-height: 1;
	}
	#header .site_name.__pre .sn_link {
		font-size: clamp(2.5rem, 5.102vw, 5rem);
	}
}

/*section_pre*/
.section_pre {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.index .section_pre {
	height: calc(100vh - 300px);
}
.cmn .section_pre {
	padding-top: min(12vw, 90px);
}

.section_pre * {
	color: #fff;
	font-family: "Noto Serif", serif;
	font-weight: 500;
}
.section_pre .h2_name {
	font-size: clamp(6.9rem, 17.96vw, 13.8rem);
	margin-bottom: min(6vw, 45px);
}
.section_pre .notice {
	font-size: clamp(2.4rem, 6.25vw, 4.8rem);
	margin-bottom: min(6vw, 45px);
}
.section_pre .notice .notice_mn {
	font-size: clamp(3.5rem, 9.12vw, 7rem);
	font-style: normal;
}
.section_pre .h2_comming {
	font-size: clamp(1.9rem, 4.948vw, 3.8rem);
}
.section_pre .catch {
	font-size: clamp(1.5rem, 3.908vw, 3rem);
	line-height: 1.8;
	text-align: center;
	margin-bottom: min(6vw, 45px);
}

@media screen and (min-width:641px) {
	.index .section_pre {
		/*height: calc(100vh - 180px);*/
		padding-top: min(15vw, 180px);
	}
	.section_pre .h2_name {
		font-size: clamp(5.8rem, 11.834vw, 11.6rem);
		margin-bottom: min(2.03125vw, 18px);
	}
	.section_pre .notice {
		font-size: clamp(2rem, 4.082vw, 4rem);
		margin-bottom: min(2.03125vw, 21px);
	}
	.section_pre .notice .notice_mn {
		font-size: clamp(2.8rem, 5.714vw, 5.6rem);
	}
	.section_pre .h2_comming {
		font-size: clamp(1.65rem, 3.368vw, 3.3rem);
		font-weight: 300;
	}
	.section_pre .catch {
		font-size: clamp(1.5rem, 3.062vw, 3rem);
		margin-bottom: min(2.03125vw, 18px);
	}
}
@media screen and (min-width:1200px) {
	.section_pre {
		display: block;
		text-align: center;
	}
	.index .section_pre {
		/*height: 610px;*/
		height: auto;
		padding-top: 150px;
		padding-bottom: 60px;
	}
}

/*under pages*/
#site_name {
	background: #1d1d1d;
}
#main {
	background: none;
}

/*about*/
/***************/
#about {
	padding: min(10.25vw, 80px) min(5vw, 40px) min(18vw, 140px);
}
#about .cast,
#about .catch,
#about .h2_top .year,
#about .h2_top {
	font-family: "Noto Serif", serif;
	font-weight: 700;
	text-align: center;
}
#about .h2_top {
	font-size: clamp(4.2rem, 10.94vw, 8.4rem);
	line-height: 1.2;
	margin-bottom: min(8.9vw, 70px);
}
#about .h2_top .year {font-size: clamp(5rem, 13.01vw, 10rem);}
#about .h2_ttl {
	width: 100%;
}
#about .catch {
	font-size: clamp(2.1rem, 5.47vw, 4.2rem);
	/*margin-bottom: 1rem;*/
	margin-bottom: 3rem;
}
#about .cast {
	font-size: clamp(1.5rem, 3.908vw, 3rem);
	margin-bottom: min(8.9vw, 70px);
}
#about .wrap_txt {
	margin-bottom: min(11.5vw, 90px);
}

#about .block.__flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#about .block.__flex .btn_l {
	width: 100%;
	margin-bottom: 2rem;
}

#about .date_dl {
	/*width: 50%;*/
	margin-bottom: min(5vw, 40px);
}
#about .__flex .date_dl {
	width: 50%;
}
#about .date_dt {
	font-size: clamp(1.5rem, 3.908vw, 3rem);
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	margin-bottom: min(2vw, 15px);
}
#about .date_dt::before {
	content: '■';
	display: inline-block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: clamp(1rem, 2.345vw, 1.8rem);
	margin-right: 4px;
	vertical-align: .25em;
}
#about .date_dd {
	font-size: clamp(1.3rem, 3.386vw, 2.6rem);
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	/*line-height: 1.8;*/
	line-height: 1.6;
}
#about .date_dd.__list {
	padding-left: 2em;
	position: relative;
}
#about .date_dd.__list::before {
	content: '';
	display: block;
	background-color: #fff;
	border-radius: 50%;
	width: .3em;
	height: .3em;
	position: absolute;
	left: 1.2em;
	top: .7em;
}
#about .btn01 {
	margin-bottom: 0;
}
#about .h3_ttl::before {display: none;}


#about .about_dl {
	margin-bottom: min(12vw, 90px);
	display: flex;
	flex-wrap: wrap;
}
#about .date_dt,
#about .date_dd .list_li,
#about .abt_dt,
#about .abt_dd,
#about .abt_dd span {
	font-size: clamp(1.3rem, 3.386vw, 2.6rem);
	font-family: 'Noto Sans JP', sans-serif;
}
#about .abt_dt {width: 4em;}
#about .abt_dd {width: calc(100% - 4em);}
#about .abt_dt.lng {width: 5em;}
#about .abt_dd.lng {width: calc(100% - 5em);}

#about .date_dt::before,
#about .abt_dd span {display: inline-block;}
#about .abt_dt::after,
#about .abt_dt::before {
	display: inline-block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: clamp(1rem, 2.345vw, 1.8rem);
}
#about .date_dt::before,
#about .abt_dt::before {
	content: '■';
	margin-right: 4px;
}
#about .abt_dt::after {
	content: '：';
}
#about .flex_wrap {
	flex-wrap: wrap;
}
#about .flex_wrap > .h2_ttl {
	width: 100%;
}

#about iframe {
	margin-top: min(4.8vw, 35px);
	width: 100%;
	height: 100%;
	aspect-ratio:670/460;
}
#about .date_dd .swp {
	display: inline-block;
}

@media screen and (min-width:641px) {
	#about {
	}
	#about .h2_top {
		font-size: min(8.33vw, 6.4rem);
		margin-bottom: min(5.8vw, 70px);
	}
	#about .h2_top .year {font-size: min(9.12vw, 7rem);}
	#about .catch {
		font-size: min(3.908vw, 3rem);
		text-align: center;
		/*margin-bottom: min(6.4vw, 80px);*/
	}
	#about .cast {
		font-size: min(2.345vw, 1.8rem);
		margin-bottom: min(3vw, 20px);
	}
	#about .wrap_txt {
		text-align: center;
		line-height: 2;
		max-width: 1100px;
		margin: 0 auto min(7.5vw, 90px);
	}
	#about .date_dt {
		/*font-size: min(2.345vw, 1.8rem);*/
		font-size: min(2.085vw, 1.6rem);
		margin-bottom: .8em;
	}
	#about .date_dt::before {
		font-size: min(1.563vw, 1.2rem);
	}
	#about .date_dd {
		font-size: min(2.085vw, 1.6rem);
	}
	#about .txt_m.__map {font-size: min(1.563vw, 1.2rem);}
	#about iframe {
		aspect-ratio: 500/300;
		margin-top: 20px;
	}
	#about .abt_dt,
	#about .abt_dd,
	#about .abt_dd span {
		font-size: min(2.085vw, 1.6rem);
	}
	#about .abt_dt::after,
	#about .abt_dt::before {
		font-size: min(1.563vw, 1.2rem);
	}
	#about .abt_dt,
	#about .abt_dd {margin-bottom: .4em;}
	#about .date_dd {margin-bottom: .2em;}
}
@media screen and (min-width:980px) {
	#about .flex_wrap {
		max-width: 1080px;
		margin: auto;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	#about .flex_wrap .block {
		width: min(48.5%, 500px);
	}
  #about {padding-bottom: 100px;}
  #about .about_dl {margin-bottom: 0;}
}
@media screen and (min-width:1240px) {
	#about {
	}
}

@media screen and (max-width:350px){
	#about .date_dt {font-size: clamp(1.3rem, 3.386vw, 2.6rem);}
	#about .date_dd {font-size: clamp(1.2rem, 2.085vw, 1.6rem);}
}

