@import url("style.css");

/* ####################################
 * GROW UP ADD OTHER CSS
 * #################################### */

/* 共通 */

section{
	position: relative;
	overflow-x: clip;     /* hidden と同等に横を切るがスクロールバーを出さない */
	overflow-y: visible;
}

section.page{
	padding:120px 0;
}

section.page-header{
	padding:180px 0 0;
}

section.page-header h1{
	text-align:center;
	color:#FF81A0;
	font-size: 3.2rem;
}

/*--------------------------------------------------------------
# page-vision
--------------------------------------------------------------*/

.page-vision{
	color:#FFF;
}

.page-vision h2{
	text-align:center;
	color:#FFF;
	opacity:0.4;
	font-size:4rem;
}

.page-vision h3{
	text-align:center;
	color:#FFF;
	font-size:2rem;
}

.page-vision h3 span{
	font-size:3rem;
}

.contact2-btn-center a{
	background: #E4934D;
    color: #FFF;
    padding: 18px;
    text-align: center;
    display: block;
}

.contact2-btn-left a{
	background: #FFF;
    color: #00225F;
    padding: 18px;
    text-align: center;
    display: block;
}

.contact2-btn-right a{
	background: #00A98A;
    color: #FFF;
    padding: 18px;
    text-align: center;
    display: block;
}

.page-vision table{
	width:100%;
	border-collapse: separate;
	border-spacing: 0 15px; /* 横:0, 縦:15px */
}

.page-vision table th{
	width:10%;
	text-align:center;
	background:#FFF;
	color: #00225F;
	font-size: 5rem;
    font-weight: normal;
}

.page-vision table td{
	width:90%;
	padding:0 10px;
}

.page-vision .schedule-box{
	padding:40px;
	border:solid 1px #FFF;
}

.page-vision .schedule-box h4{
	margin-top:40px;
}

/*--------------------------------------------------------------
# page-sponsor
--------------------------------------------------------------*/

.page-sponsor{
	color:#00225F;
}

.page-sponsor h2{
	text-align:center;
	font-size:4rem;	
}

.page-sponsor h3{
	text-align:center;
	font-size:3rem;	
}

.contact3-btn-center a{
	background: #00A98A;
    color: #FFF;
    padding: 18px;
    text-align: center;
    display: block;
}

/*--------------------------------------------------------------
# page-inst
--------------------------------------------------------------*/

.page-inst .side-text-right{
	color:#FFF;
	opacity:0.3;
}

.page-inst h2{
	text-align:center;
}

.page-inst{
	color:#FFF;
}

.page-inst p{
	font-size:1rem;
}

.page-inst p span{
	font-size:1.3rem;
}

.page-inst .page-inst-p{
	font-size:1rem;
}


/*--------------------------------------------------------------
# page-voice
--------------------------------------------------------------*/

.page-voice h2{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	color:#00225F;
	font-size:5rem;
	z-index:1;
	top:-60px;
}

.page-voice .voice-box{
	margin-top:8px;
}

.page-voice .voice-box p{
	font-size:1rem;
}

.page-voice .voice-box .voice-name{
	font-size:2.4rem;
}

.page-voice .voice-box .voice-name span{
	font-size:1rem;
}

.voice-comment{
	color:#00225F;
}

.page-voice a{
	color:#FFF;
	background:#00225F;
	padding:8px 0;
	display:block;
	text-align:center;
	font-size:1.4rem;
}

/*--------------------------------------------------------------
# page-contact
--------------------------------------------------------------*/

.page-contact h2{
	text-align:center;
	color:#00225F;
	font-size:3rem;
}

/*--------------------------------------------------------------
# page-news-list
--------------------------------------------------------------*/

.news-list a{
	font-size:1rem;
}

.news-list .row{
	border-bottom:solid 1px #C0BFBC;
}


/*--------------------------------------------------------------
# single list
--------------------------------------------------------------*/

#single h2{
	margin:80px 0;
	text-align:center;
}

#single h2 span{
	display:block;
	margin-bottom:10px;
	font-size:1rem;
}


/* responsive css */

@media (max-width:1399px) {

}

@media (max-width:1199px) {

}

@media (max-width:991px) {

}

@media (max-width: 767px) {
	.page-inst .side-text-right{
		top:33px;
		font-size:11vw;
	}
	section{
		padding:80px 0;
	}
	section.page-vision,section.page-contact,section.page-news-list{
		padding-top:160px;
	}
	section.youtube{
		padding-top:112px;
	}

}

@media (max-width: 574px) {
	.contact2-btn-left a,.contact2-btn-right a,.contact2-btn-center a,.contact3-btn-center a{
		font-size:0.8rem;
	}
	.page-voice .voice-box p,.page-voice .voice-box .voice-name span{
		font-size:0.8rem;
	}
	.page-inst .page-inst-p{
		font-size:0.9rem;
	}
	.page-sponsor h2,.page-vision h2,.page-voice h2{
		font-size:2.6rem;
	}
	.page-sponsor h3,.page-vision table th{
		font-size:2rem;
	}
	.page-voice h2{
		top:-31px;
	}
	.page-vision h3,.page-voice .voice-box .voice-name{
		font-size:1.3rem;
	}
	.page-vision .schedule-box{
		padding:30px;
	}
}