@charset "UTF-8";
@media screen and (max-width:1000px) {
/*-----------------------------------------------
	共通
-----------------------------------------------*/
p.day{
	font-size: 18px;
}
p.tx{
	font-size: 15px;
	line-height: 1.5;
}
.kazari{
	margin-top: 5em;
	width: 110%;
	margin-left: -5em;
}

/*-----------------------------------------------
	main
-----------------------------------------------*/
.main{
	background-position: right 30% center;
}
.main .logoArea{
	width: 55%;
	max-width: auto;
}


/*-----------------------------------------------
	mainTx
-----------------------------------------------*/
.mainTx dl{
	row-gap:5em;
	flex-wrap: wrap;
}
.mainTx dt{
	width: 100%;
	padding-right: 0;
}
.mainTx dd{
	width: 100%;
}
.mainTx dd p.im{
	width: 100%;
	margin-left: 0%;
}

/*-----------------------------------------------
	program
-----------------------------------------------*/
.program p.num{
	font-size: 75px;
}
.program p.title{
	font-size: 25px;
}

.program dl{
	width: 100%;	
}
.program dl dt{
	padding-right: 2em;
	width: 60%;	
}
.program dl dd{
	width: 40%;
}
.program dl:nth-child(2) dt{
	padding-left: 2em;
}
.program p.tx{
	font-size: 16px;
}

/*-----------------------------------------------
	parallax_content
-----------------------------------------------*/
.parallax_content{
	height: 60vh;
	background-position: center bottom;
}
/*-----------------------------------------------
	event
-----------------------------------------------*/
.event dl{
	flex-wrap: wrap;
	row-gap:1em;
}
.event dt{
	width: 100%;
	text-align: left;
	font-size: 16px;
}

}
@media screen and (max-width:767px) {
/*-----------------------------------------------
	共通
-----------------------------------------------*/
p.day{
	font-size: 1rem;
}
p.tx{
	font-size: .85rem;
	line-height: 1.5;
}
a:link{
	color: #222;
	text-decoration: underline;
}
a:visited{
	color: #222;
	text-decoration: underline;
}
a:hover{
	color: #222;
	text-decoration: none;
}
.kazari{
	margin-top: -5rem;
	width: 60%;
	margin-left: 42%;
}

/*-----------------------------------------------
	main
-----------------------------------------------*/
.main{
	
}
.main .logoArea{
	width: 65%;
}
.main h2{
	margin: 0 auto 3rem;
}



/*-----------------------------------------------
	mainTx
-----------------------------------------------*/
.mainTx dl{
	row-gap:4rem;
}
.mainTx p.title{
	font-size: 1.6rem;
	margin-bottom: 2rem;
}
.mainTx p.tx{
	font-size: 1rem;
}

/*-----------------------------------------------
	program
-----------------------------------------------*/
.program p.num{
	font-size: 5rem;
}
.program p.title{
	font-size: 1.5rem;
}

.program dl{
	width: 94%;
	flex-wrap: wrap;
	row-gap:2rem;
	justify-content: center;
}
.program dl dt{
	padding-right: 0em;
	width: 90%;	
}
.program dl dd{
	width: 100%;
}
.program dl:nth-child(2) dt{
	padding-left: 0em;
}
.program p.tx{
	font-size: .9rem;
}
/*-----------------------------------------------
	parallax_content
-----------------------------------------------*/
.parallax_content{
	height: 50vh;
	background-attachment:inherit;
}
/*-----------------------------------------------
	event
-----------------------------------------------*/
.event dl{
	flex-wrap: wrap;
	row-gap:.5rem;
}
.event dt{
	font-size: .9rem;
}


}
@media screen and (max-width:500px) {
/*-----------------------------------------------
	共通
-----------------------------------------------*/
p.day{
	font-size: 1.65rem;
}
p.tx{
	font-size: 1.4rem;
	line-height: 1.4;
}

/*-----------------------------------------------
	main
-----------------------------------------------*/
.main{
	
}
.main .logoArea{
	width: 75%;
}


/*-----------------------------------------------
	mainTx
-----------------------------------------------*/
.mainTx{
	padding-top: 3rem;
}
.mainTx dl{
	row-gap:3rem;
	justify-content: center;
}
.mainTx dt{
	width: 94%;
}
.mainTx p.title{
	font-size: 2rem;
	margin-bottom: 2rem;
}
.mainTx p.tx{
	font-size: 1.4rem;
	line-height: 1.8;
}
.mainTx p.ss{
	font-size: 1.2rem;
}
/*-----------------------------------------------
	program
-----------------------------------------------*/
.program{
	padding-top: 3rem;
}
.program .contents{
	row-gap:4rem;
}
.program .programArea{
	row-gap:3rem;
}
.program p.num{
	font-size: 5.8rem;
}
.program p.title{
	font-size: 2.2rem;
}
.program ul{
	margin-bottom: 1rem;
	column-gap: 1rem;
}
.program dl{
	width: 94%;
	row-gap:2rem;
}
.program dl dt{
	width: 100%;	
}
.program dl dd{
	width: 100%;
}
.program dl:nth-child(2) dt{
	padding-left: 0em;
}
.program p.tx{
	font-size: 1.4rem;
	line-height: 1.5;
}
.program .pBg{
	background-size: 120%;
	background-image: url("../img/program_bg_sp.png");
	background-position: top 7em right;
}
/*-----------------------------------------------
	event
-----------------------------------------------*/
.event dl{
	row-gap:1rem;
}
.event dt{
	font-size: 1.4rem;
}
/*-----------------------------------------------
	news
-----------------------------------------------*/
.newsArea{
	row-gap:1.5rem;
	flex-wrap: wrap;
}
.newsArea dl{
	column-gap: 0;
	flex-wrap: wrap;
	row-gap:1rem;
	padding-bottom: 1.5rem;
	 
}
/*-----------------------------------------------
	report
-----------------------------------------------*/
.report ul{
	row-gap:3rem;
	justify-content: center;
}
.report ul li{
	width: 90%;
}
.report ul li p.im{
	margin-bottom: .5rem;
}

}