@charset "utf-8";
/*==========================================
共通
===========================================*/
h1{font-size: 36px;}
h2{font-size: 30px;}
h3{font-size: 24px;}
h4{font-size: 20px}
/* PC向けレイアウトの指定：560pxまでは固定レイアウト */
@media screen and (max-width:560px){
	h1{font-size: 24px;}
	h2{font-size: 22px;}
	h3{font-size: 20px;}
	h4{font-size: 18px}
}


/* PC向けレイアウトの指定：960px以上では固定レイアウト */
@media screen and (min-width:960px) {
}
/* PC向けレイアウトの指定：1020pxまでは固定レイアウト */
@media screen and (max-width: 1020px) {
}
/* PC向けレイアウトの指定：768pxまでは固定レイアウト */
@media screen and (max-width:768px) {
}

/* PC向けレイアウトの指定：560pxまでは固定レイアウト */
@media screen and (max-width:560px){
	
}
.red,
.red a{
	color: #ce121b;
}
.blue{
	color: #eaeff6;
}
.white{
	color: white;
}
.blue a{
	color:#007bff;
}
.mt-1{
	margin-top: 1rem;
}
/*==========================================
 トップ以外共通
===========================================*/
header{
	height:70px;
	border-bottom:solid 3px #ce121b;
	box-sizing: border-box;
}
#nav ul li a{
	color: #111;
}
main{
	margin-top:4rem;
	margin-bottom: 8rem;
}
.first{
	margin-bottom: 8rem; 
}

.sub-topimg img{
	max-height: auto;
	width: 1300px;
	margin-bottom: 4rem;
	margin: 0 auto 4rem;
    display: block;
}

/* PC向けレイアウトの指定：1445pxまでは固定レイアウト */
@media screen and (max-width:1445px){
	.sub-topimg img{
		height: auto;
		width: 90%;
		margin-bottom: 4rem;
		margin-left: 0;
	}
}


/* PC向けレイアウトの指定：768pxまでは固定レイアウト */
@media screen and (max-width:768px){
	main{
		margin-top:4rem;
		margin-bottom: 4rem;
	}
	.first{
		margin-bottom: 4rem; 
	}

	.sub-topimg img{
		height: auto;
		width: 100%;
		margin-bottom: 2rem;
	}	
}
/* PC向けレイアウトの指定：560pxまでは固定レイアウト */
@media screen and (max-width:560px){
	main{
		/*margin-top:2rem;*/
		margin-bottom: 4rem;
	}
	
}


/*==========================================
 各講座のタイトル
===========================================*/
.couza-q h3{
	padding: 0.25em 0.5em;/
	color: #494949;
	background: transparent;
	border-left: solid 5px #ce121b;
	border-bottom: solid 2px #dee2e6;
	margin-bottom: 3rem;
}
/* PC向けレイアウトの指定：768pxまでは固定レイアウト */
@media screen and (max-width:768px) {
	.couza-q h3{
		margin-bottom: 1rem;
	}
}




/*==========================================
 各講座ページのお申し込みボタン
===========================================*/
.ap-btn {
	font-size: 18px;
	margin-bottom: 1rem;
	margin-top: 1rem;
	text-align: center;
}
.ap-btn a{
	padding: 0.8rem 1.6rem;
	background-color: #ce121b;
	color: white;
	border-radius: 10px;
}
/*==========================================
 募金
===========================================*/