@charset "UTF-8";
@media screen and (max-width: 1100px) {
/*=========================================================================================================
TOP 【 SMART PHONE 】
=========================================================================================================*/

/*《 ＜ INF ＞ SCREEN SIZE SETTING 》_□□□□□□□□□□□□□□□□□□□□□□□*/
@media screen  and (max-width: 819px){
	.INF_up{
		width: 100%;
		min-height: 180px;
		margin: 0 0 10px 0;
	}
}
@media screen and (min-width: 820px) and (max-width: 1100px){
	.INF_up{
		width: calc(97% / 2);
		min-height: 180px;
		margin: 0 auto 10px auto;
	}
}
/*□□□□□□□□□□□□□□□□□□□□_《 ＜ INF ＞ SCREEN SIZE SETTING / END 》*/


/*【 TOP ALL SETTING 】_■■■■■■■■■■■■■■■■■■■■■■■■■*/
#TOP{
	width: 96%;
	margin: 60px auto;
}
/*■■■■■■■■■■■■■■■■■■■■■■_【 TOP ALL SETTING / END 】*/


/*【 TOP COPY AREA SETTING 】_■■■■■■■■■■■■■■■■■■■■■■*/
/*.【 MAIN COPY SETTING 】=====================================■*/
#TOP_copy{
	width: 100%;
	max-width: 1100px;
	min-width: auto;
	font-size: clamp(1.5rem, 1.164rem + 1.58vw, 2.25rem);
	line-height: clamp(2.875rem, 2.204rem + 3.16vw, 4.375rem);
	/*【 VALUES 】min:  24px & max:  36px */
	/*【 VALUES 】min:  40px & max:  70px  ＜line-height＞ */  
	/*【VIEWPORT】min:1100px & max:1540px 〈max:1100〉*/
}
#TOP_copy span{/*
	font-size: clamp(1.188rem, -1.313rem + 3.64vw, 2.188rem);*/
	/*【 VALUES 】min: 19px & max:   35px */
	/*【 VALUES 】min: 30px & max:   40px  ＜line-height＞ */  
	/*【VIEWPORT】min:1100px & max:1540px 〈max:1200+340〉*/
}
.br{
	display: none;	
}
/*. ==============================【 MAIN COPY SETTING / END 】■*/

/*.【 STUDY COPY SETTING 】====================================■*/
#TOP_study{
	font-size: clamp(1.125rem, 0.957rem + 0.79vw, 1.5rem);
	text-align: left;
	/*【 VALUES 】min: 18px & max:  24px */  
	/*【VIEWPORT】min:340px & max:1100px */
}
/*. =============================【 STUDY COPY SETTING / END 】■*/
/*■■■■■■■■■■■■■■■■■■■_【 TOP COPY AREA SETTING / END 】*/



	
/*【 TOP INFOMATION AREA SETTING 】_■■■■■■■■■■■■■■■■■■■*/
#INF{
	width: 95%;
	margin: 0 auto;
	}

#INF > div:first-child::before{
	margin: 0 0 3vw 0;
	padding: 0 0 10px 0;
	}

#INF > div:nth-child(2) a::before{
	content: "お知らせ一覧 ＞";
	padding: 10px 50px;
	font-size: clamp(1.125rem, 0.929rem + 0.92vw, 1.563rem);
	letter-spacing: 2px;
	line-height: 35px;
	color: #FFFFFF;
	font-weight: 500;
	
	text-shadow: 0 0 5px #6E2723, 0 0 5px #6E2723, 0 0 5px #6E2723;
	border-radius: 50px;
	border: solid 3px #6E2723;
	
	background: rgba(255,235,230,0.8);
	transition: all 500ms;
	}
/*■■■■■■■■■■■■■■■■_【 TOP INFOMATION AREA SETTING / END 】*/

}
/*=========================================================================================================
TOP 【 SMART PHONE 】/ END
=========================================================================================================*/