@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: /*local("Noto Sans CJK JP Regular"),*/
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: /*local("Noto Sans CJK JP Bold"),*/
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900
  src: /*local("Noto Sans CJK JP Black"),*/
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.otf) format('opentype');
}

/*  プリントアウト用CSS（PCと同内容）*/
img{
	width:auto;
}

.contents{
	font-family: 'Noto Sans JP';
	font-weight: 900;
	letter-spacing:0.12em;
	font-feature-settings : "palt";
}

.ttl_container{
	text-align:center;
}
	/*Event report*/
	.ttl_container .category_ttl{
		font-size:50px;
		color:#999999;
	}
		.ttl_container .category_ttl:first-letter{
			color:#003992;
		}
	.ttl_container .ttl_border{
		margin-bottom:30px;
	}
	/*Event Title*/
	.ttl_container h3.event_ttl{
		font-size:60px;
		font-weight: 900;
		margin-bottom:30px;
	}
	/*Event Place*/
	.ttl_container .event_place{
		font-size:30px;
		margin-bottom:60px;
	}
	
		
.video_container{
	max-width:960px;
	width:90%;
	margin:0 auto;
	text-align:center;
	margin-bottom:50px;
}
	.video_container iframe{
		height:540px;
	}


.text_container{
	width:960px;
	margin:0 auto 80px;
}
	.text_container h4.lead{
		font-size:24px;
		font-weight:900;
		line-height:1.8;
		margin-bottom:30px;
		letter-spacing:0.12em;
	}
	.text_container p{
		font-size:105%;
		letter-spacing:0.12em;
	}

.photo_container{
	text-align:center;
}
	.photo_container .photo_ttl{
		font-size:50px;
		color:#999999;
	}
		.photo_container .photo_ttl:first-letter{
			color:#003992;
		}
	.photo_container .note{
		color:#999999;
		margin:20px 0 40px;
	}
	
	.photo_container ul{
		width:1020px;
		margin:0 auto;
		padding-left:30px;
	}
		.photo_container li{
			width:300px;
			padding-right:30px;
			padding-bottom:25px;
			display:inline-block;
		}
		.photo_container li:hover{
			opacity:0.9;
		}




	
	

/*  スマホ向けのスタイル：0以上-------------------------------------------------*/
@media only screen and (min-width: 0px) {
img{
	width:100%;
}

.contents{
	font-family: 'Noto Sans JP';
	font-weight: 900;
	letter-spacing:0.12em;
	font-feature-settings : "palt";
}

.ttl_container{
	text-align:center;
}
	/*Event report*/
	.ttl_container .category_ttl{
		font-size:20px;
		color:#999999;
	}
		.ttl_container .category_ttl:first-letter{
			color:#003992;
		}
	.ttl_container .ttl_border{
		margin-bottom:10px;
	}
		.ttl_container .ttl_border img{
			width:60px;
		}
	/*Event Title*/
	.ttl_container h3.event_ttl{
		font-size:24px;
		font-weight: 900;
		margin-bottom:10px;
	}
	/*Event Place*/
	.ttl_container .event_place{
		font-size:16px;
		margin-bottom:30px;
	}
	
		
.video_container{
	max-width:960px;
	width:90%;
	margin:0 auto;
	text-align:center;
	margin-bottom:30px;
}
	.video_container iframe{
		height:240px;
	}

.text_container{
	width:90%;
	margin:0 auto 40px;
}
	.text_container h4.lead{
		font-size:16px;
		font-weight:900;
		line-height:1.8;
		margin-bottom:20px;
		letter-spacing:0.12em;
	}
	.text_container p{
		font-size:90%;
		letter-spacing:0.12em;
	}

.photo_container{
	text-align:center;
}
	.photo_container .photo_ttl{
		font-size:24px;
		color:#999999;
	}
		.photo_container .photo_ttl:first-letter{
			color:#003992;
		}
	.photo_container .ttl_border img{
		width:60px;
	}
	.photo_container .note{
		color:#999999;
		margin:10px 0 30px;
	}
	
	.photo_container ul{
		width:98%;
		margin:0 auto;
		padding-left:2%;
	}
		.photo_container li{
			width:45%;
			padding-right:3%;
			padding-bottom:15px;
			display:inline-block;
		}
			

}

/*  タブレット向けのスタイル：768px以上--------------------------------------------*/
@media only screen and (min-width: 768px) {
img{
	width:100%;
}

.contents{
	font-family: 'Noto Sans JP';
	font-weight: 900;
	letter-spacing:0.12em;
	font-feature-settings : "palt";
}

.ttl_container{
	text-align:center;
}
	/*Event report*/
	.ttl_container .category_ttl{
		font-size:40px;
		color:#999999;
	}
		.ttl_container .category_ttl:first-letter{
			color:#003992;
		}
	.ttl_container .ttl_border{
		margin-bottom:30px;
	}
		.ttl_container .ttl_border img{
			width:auto;
		}
	/*Event Title*/
	.ttl_container h3.event_ttl{
		font-size:50px;
		font-weight: 900;
		margin-bottom:30px;
	}
	/*Event Place*/
	.ttl_container .event_place{
		font-size:26px;
		margin-bottom:60px;
	}
	
		
.video_container{
	max-width:960px;
	width:90%;
	margin:0 auto;
	text-align:center;
	margin-bottom:50px;
}
	.video_container iframe{
		height:480px;
	}


.text_container{
	width:700px;
	margin:0 auto 80px;
}
	.text_container h4.lead{
		font-size:24px;
		font-weight:900;
		line-height:1.8;
		margin-bottom:30px;
		letter-spacing:0.12em;
	}
	.text_container p{
		font-size:100%;
		letter-spacing:0.12em;
	}

.photo_container{
	text-align:center;
}
	.photo_container .photo_ttl{
		font-size:50px;
		color:#999999;
	}
		.photo_container .photo_ttl:first-letter{
			color:#003992;
		}
	.photo_container .ttl_border img{
		width:auto;
	}
	.photo_container .note{
		color:#999999;
		margin:20px 0 40px;
	}
	
	.photo_container ul{
		width:96%;
		margin:0 auto;
		padding-left:4%;
	}
		.photo_container li{
			width:30%;
			padding-right:3.3%;
			padding-bottom:25px;
			display:inline-block;
		}		
			
			
}

/*  PC向けのスタイル：1000px以上-------------------------------------------------*/
@media only screen and (min-width: 1000px) {
img{
	width:auto;
}

.contents{
	font-family: 'Noto Sans JP';
	font-weight: 900;
	letter-spacing:0.12em;
	font-feature-settings : "palt";
}

.ttl_container{
	text-align:center;
}
	/*Event report*/
	.ttl_container .category_ttl{
		font-size:50px;
		color:#999999;
	}
		.ttl_container .category_ttl:first-letter{
			color:#003992;
		}
	.ttl_container .ttl_border{
		margin-bottom:30px;
	}
	/*Event Title*/
	.ttl_container h3.event_ttl{
		font-size:60px;
		font-weight: 900;
		margin-bottom:30px;
	}
	/*Event Place*/
	.ttl_container .event_place{
		font-size:30px;
		margin-bottom:60px;
	}
	
		
.video_container{
	max-width:960px;
	width:90%;
	margin:0 auto;
	text-align:center;
	margin-bottom:50px;
}
	.video_container iframe{
		height:540px;
	}

.text_container{
	width:960px;
	margin:0 auto 80px;
}
	.text_container h4.lead{
		font-size:24px;
		font-weight:900;
		line-height:1.8;
		margin-bottom:30px;
		letter-spacing:0.12em;
	}
	.text_container p{
		font-size:105%;
		letter-spacing:0.12em;
	}

.photo_container{
	text-align:center;
}
	.photo_container .photo_ttl{
		font-size:50px;
		color:#999999;
	}
		.photo_container .photo_ttl:first-letter{
			color:#003992;
		}
	.photo_container .note{
		color:#999999;
		margin:20px 0 40px;
	}
	
	.photo_container ul{
		width:1020px;
		margin:0 auto;
		padding-left:30px;
	}
		.photo_container li{
			width:300px;
			padding-right:30px;
			padding-bottom:25px;
			display:inline-block;
		}
		.photo_container li:hover{
			opacity:0.9;
		}

}