/*-------------------------setokyo50th_main*/
.setokyo50th_main{
	width:100%;
	position:relative;
}
/*figure*/
.setokyo50th_main figure{
	margin:0 0 -320px 0;
	position:relative;
	width:100%;
	height:750px;
	border-top-left-radius:50px;
	overflow:hidden;
}
.setokyo50th_main figure img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.setokyo50th_main figure::before,
.setokyo50th_main figure::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width:100%;
	height: 50%;
	background: linear-gradient(to bottom, transparent, #FFFFFF);
}
.setokyo50th_main figure::after{
	height: 100%;
	background:url(images/setokyo50th_main.svg) bottom center no-repeat;
	opacity:0.7;
}
@media screen and (max-width: 1200px) {
	.setokyo50th_main figure{border-radius:0;}
}
@media screen and (max-width: 767px) {
	.setokyo50th_main figure{height:125vw;margin-bottom:-46vw;}
	.setokyo50th_main figure::after{background-size:115%;}
}
/*catch*/
.setokyo50th_main .catch{
	position:absolute;
	left:60px;
	top:60px;
	font-size:min(8.5vw , 5rem);
	line-height:1.4;
	text-align:left;
	font-family:serif;
	font-weight:bold;
	color:#FFF;
	text-shadow:1px 1px 1px #00206080;
	margin:0;
}
@media screen and (max-width: 1200px) {
	.setokyo50th_main .catch{left:40px;top:40px;}
}
@media screen and (max-width: 767px) {
	.setokyo50th_main .catch{left:4vw;top:5vw;}
}
/*h1*/
.setokyo50th_main h1{
	text-align:center;
	font-family:serif;
	font-size:min(7vw , 4.5rem);
	font-weight:bold;
	line-height:1.4;
	position:relative;
	margin:0;
}
@media screen and (max-width: 767px) {
	.setokyo50th_main h1 img{width:min(54vw , 390px);}
}
/*copy*/
.setokyo50th_main .copy{
	margin:0;
	padding:15px 5px;
}
@media screen and (max-width: 767px) {
	.setokyo50th_main .copy{text-align:left;padding:15px 20px;}
}

/*-------------------------setokyo50th_nav*/
.setokyo50th_nav{
	padding:10px 20px;
	max-width:900px;
	margin:0 auto;
}
.setokyo50th_nav ul{
	display:grid;grid-template-columns: repeat(3 , 1fr);
	gap:10px;
}
.setokyo50th_nav img{
	margin-bottom:3px;
	max-width:75%;
	transition:all 0.3s;
}
.setokyo50th_nav a{
	width:100%;
	height:180px;
	display:flex;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
    border:1px solid #0072BB;
	border-radius:10px;
	text-align:center;
	text-decoration:none;
	color:#0072BB;
	font-weight:bold;
	font-size:min(4.3vw , 2rem);
	line-height:1.25;
}
.setokyo50th_nav a:hover{
	background:#D7EDF854
}
.setokyo50th_nav a:hover img{
	transform: scale(1.1);
}
@media screen and (max-width: 767px) {
	.setokyo50th_nav ul{gap:5px;}

}
/*-------------------------nami_line*/
.nami_line{
	height: 100px;
	border: none;
	background-image: url('images/nami_line.png');
	background-repeat: repeat-x;
	background-position: top center;
	background-size: auto 100px;
	margin-bottom:-140px;
}
@media screen and (max-width: 767px) {
	.nami_line{height: 40px;background-size: auto 40px;margin-bottom:-80px;}
}

/*-------------------------setokyo50th_title*/
.page .setokyo50th_title{
	background:none;
	border-radius:0;
	color: #002060;
	font-weight:bold;
	font-size:min(7vw , 4rem);
	font-family:serif;
	text-align:center;
}
.page .setokyo50th_title img{
	display:block;
	margin:0 auto;
	width:192px;
}
@media screen and (max-width: 767px) {
	.page .setokyo50th_title img{width:140px;}
}
/*-------------------------timeline*/
.timeline{
    position: relative;
    padding-left: 34px;
}
.timeline p{
	line-height:1.5;
}
.timeline::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    bottom: 50px;
    width: 2px;
    background: #0072BB;
}
.timeline > div{
    position: relative;
}
.timeline > div:not(:last-child){
	padding-bottom:30px;
}
.timeline_time::before {
    content: "";
    position: absolute;
    left: -34px;
    top: 4px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ffffff;
    border: 2.5px solid  #0072BB;
    z-index: 1;
}
.page .timeline_time {
    color: #0072BB;
}
.page .timeline_title {
	font-family:serif;
    font-size: 3rem;
    font-weight: bold;
    color:  #0072BB;
}
@media screen and (max-width: 767px) {
	.page .timeline_title {font-size:2.4rem;}
}
/*-------------------------square_list*/
.square_list{
	display:grid;
	grid-template-columns: repeat( auto-fill, minmax(150px,1fr) ) ;
	gap:10px;
}
.square_list li{
	aspect-ratio:1 / 1;overflow:hidden;
}
.square_list  img{
	width:100%;
	height:100%;
	object-fit:cover;
}
/*-------------------------movie_list*/
.movie_list figure{
	margin:0;
}
.movie_list iframe{
  width: 100%;
}
/*-------------------------imgbox*/
.imgbox{
	border-top:1px solid #CCC;
	padding-top:50px;
	margin:50px 0;
	display:flex;
	align-items:center;
	gap:40px;
}
.imgbox figure{
	margin:5px 0;
}
.page .imgbox h2,
.page .imgbox h3{
	font-size:3rem;
	background:none;
	color:#002060;
	font-weight:bold;
	padding:0;
	margin:0;
	border-radius:0;
	border:none;
}
@media screen and (max-width: 767px) {
	.imgbox{display:block;padding-top:30px;margin:30px 0;}
	.page .imgbox h2,
	.page .imgbox h3{font-size:2.2rem;}
}


body .my0{margin-top:0;margin-bottom:0}
body .my5{margin-top:5px;margin-bottom:5px}
body .wrap{flex-wrap:wrap;}
body .hv_dark a:hover{filter:brightness(75%);}
body .bg_200{background-size: auto 200px;}
@media print, screen and (min-width: 768px) {
	body .pc_w180{width:180px}
}