@charset "UTF-8";


body
{
	font-family    : 'Noto Sans JP', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", arial, "Lucida Sans", "メイリオ", Meiryo, "Osaka", sans-serif;
	font-size      : 18px;
	line-height    : 1.8;
}

main
{
	min-width      : 1100px;
}

main::before
{
	display        : none;
}

.page-content
{
	display        : block;
	
	overflow       : hidden;
}

h1,h2,h3,h4,h5,h6
{
	font-size      : 100%;
}

a
{
	color          : #148fcc;
	text-decoration: underline;
}

a:hover
{
	color          : #E59433;
	text-decoration: none;
}


.site-header
{
	display: none!important;
}

.site-footer
{
	display: none!important;
}

.site-header,
.site-footer
{
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", arial, "Lucida Sans", "メイリオ", Meiryo, "Osaka", sans-serif!important;
	font-size: 1.6rem!important;
	line-height: 1.6!important;
}


/*---------------------------------------------------------------------------------------------*/


.title_h2
{
	padding-top    : 100px;

	font-size      : 240%;
	font-weight    : 800;
	text-align     : center;
	line-height    : 1.0;
}

.title_h2 span
{
	display        : block;

	margin         : 0 auto;
	margin-top     : 30px;

	font-family    : 'Oswald', sans-serif;
	color          : #E59433;
	font-size      : 70%;
	font-weight    : bold;
	text-align     : center;
}

.title_h3
{
	color          : #E59433;
	font-size      : 200%;
	font-weight    : 800;
	text-align     : center;
	line-height    : 1.0;
}

.btn_a
{
	display        : inline-block;

	position       : relative;

	padding        : 20px 100px;

	color          : #E59433;
	font-weight    : bold;
	line-height    : 1.0;
	text-decoration: none;

	background     : #fff;
	border         : 2px solid #E59433;
	border-radius  : 100px;
	
	transition     : all .15s;
}

.btn_a:hover
{
	color          : #f9c700;

	border         : 2px solid #f9c700;
}

.btn_a[data-type="short"]
{
	padding        : 20px 60px;
}

.btn_a[data-type="long"]
{
	padding        : 20px 200px;
}

/*
.btn_a[href$=".pdf"]::after
{
	content        : "";

	display        : inline-block;

	margin-left    : 10px;

	width          : 21px;
	height         : 22px;

	vertical-align : middle;

	background     : url(/asset/img/common/ico_pdf.svg) no-repeat top left/contain;
}
*/

.btn_a[href$=".pdf"]::after
{
	content        : "";

	display        : block;

	position       : absolute;
	left           : 20px;
	top            : 0;
	bottom         : 0;
	margin         : auto;

	width          : 30px;
	height         : 30px;

	background     : url(/asset/img/ann_school/2025/ico_pdf.svg) no-repeat top left/contain;
}

.btn_a[href$=".pdf"]:hover::after
{
	background     : url(/asset/img/ann_school/2025/ico_pdf_on.svg) no-repeat top left/contain;
}

.btn_g
{
	display        : inline-block;

	padding        : 20px 100px;

	color          : #fff;
	font-weight    : bold;
	line-height    : 1.0;
	text-decoration: none;

	background     : #5ea858;
	border         : 2px solid #5ea858;
	border-radius  : 100px;
	
	transition     : all .15s;
}

.btn_g:hover
{
	color          : #fff;
	background     : #6eba48;
	border         : 2px solid #6eba48;
}

.btn_r
{
	display        : inline-block;

	padding        : 20px 100px;

	color          : #fff;
	font-weight    : bold;
	line-height    : 1.0;
	text-decoration: none;

	background     : #eb5964;
	border         : 2px solid #eb5964;
	border-radius  : 100px;
	
	transition     : all .15s;
}

.btn_r:hover
{
	color          : #fff;
	background     : #ff7061;
	border         : 2px solid #ff7061;
}

.btn_g[data-type="short"],
.btn_r[data-type="short"]
{
	padding        : 20px 60px;
}

.btn_g[data-type="long"],
.btn_r[data-type="long"]
{
	padding        : 20px 200px;
}



/*---------------------------------------------------------------------------------------------*/







/*=========================================================================================================

  COMMON

=========================================================================================================*/



#HEADER
{
	display        : flex;
	align-items    : center;
	justify-content: space-between;

	position       : sticky;
	top            : 0;
	z-index        : 10;

	padding        : 0 40px;

	width          : 100%;
	min-width      : 1100px;
	height         : 90px;

	background-color : rgba(255, 255, 255, 0.9);
	-webkit-backdrop-filter:blur(2px);
	backdrop-filter:blur(3px);

	box-shadow     : rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;

	box-sizing     : border-box;
}

#HEADER .header_logo
{
	display        : flex;
	align-items    : center;
}

#HEADER .header_logo a
{
	color          : #E59433;
	font-size      : 160%;
	font-weight    : 800;
	text-decoration: none;
}

#HEADER .header_btn_box
{
	display        : flex;
	justify-content: center;
	align-items    : center;
	gap            : 25px;

	margin-left    : auto;

	z-index        : 20;
}

#HEADER .header_btn_box a
{
	display        : block;

	padding        : 15px 30px 15px;

	color          : #fff;
	font-size      : 100%;
	font-weight    : bold;
	line-height    : 1.0;
	text-decoration: none;

	border-radius  : 100px;

	transition     : all .15s;
}

#HEADER .header_btn_box a.btn_contact
{
	background     : #E59433;
}

#HEADER .header_btn_box a.btn_contact:hover
{
	background     : #efb115;
}

#HEADER .header_btn_box a.btn_jizen
{
	background     : #5EA858;
}

#HEADER .header_btn_box a.btn_jizen:hover
{
	background     : #6eba48;
}

#HEADER .header_btn_box a.btn_jizen[data-type="red"]
{
	background     : #eb5964;
}

#HEADER .header_btn_box a.btn_jizen[data-type="red"]:hover
{
	background     : #ff7061;
}

#HEADER .menu_btn_box
{
	display        : none;
}



/*----------------------------------------
　ハンバーガーメニューボタン
----------------------------------------*/


#HEADER .hbg_btn
{
	display        : block!important;
	
	position       : relative;

	margin-left    : 40px;

	width          : 40px;
	height         : 30px;

	z-index        : 999;
	
	cursor         : pointer;
	user-select    : none;
}

#HEADER .hbg_btn span
{
	display        : inline-block;
	
	position       : absolute;
	left           : 0px;
	height         : 1px;
	
	background     : #E59433;
	
	transition     : all .3s;
}

#HEADER .hbg_btn span:nth-of-type(1)
{
	top            : 0px; 
	width          : 40px;
}

#HEADER .hbg_btn span:nth-of-type(2)
{
	top            : 15px;
	width          : 40px;
}

#HEADER .hbg_btn span:nth-of-type(3)
{
	top            : 30px;
	width          : 40px;
}

/*
#HEADER .hbg_btn .txt::after
{
	display        : inline-block;
	
	content        : "MENU";
	
	position       : absolute;
	top            : 30px;
	left           : 50%;
	transform      : translate( -50%, 0 );
	
	font-size      : 10px;
	text-align     : center;
	
	transition     : all .3s;
}

#HEADER .hbg_btn.active .txt::after
{
	content        : "CLOSE";
}
*/

#HEADER .hbg_btn.active span:nth-of-type(1)
{
	top            : 9px;
	left           : 4px;
	transform      : translateY(6px) rotate(-45deg);
	width          : 80%;
}

#HEADER .hbg_btn.active span:nth-of-type(2)
{
	top            : 15px;
	left           : 20px;
	width          : 0%;
}

#HEADER .hbg_btn.active span:nth-of-type(3)
{
	top            : 21px;
	left           : 4px;
	transform      : translateY(-6px) rotate(45deg);
	width          : 80%;
}


/*----------------------------------------*/


#HEADER input[type=checkbox]
{
	opacity        : 0;
	display        : none;
}

#HEADER input[type=checkbox]:checked ~ #overlay
{
	opacity        : 1.0;
	visibility     : visible;
	margin-top     : 0px;
}

#HEADER input[type=checkbox]:checked ~ #overlay .nav_box
{
	margin-top     : 0px;
	margin-right   : 0px;
}

#HEADER #overlay
{
	/*height         : 100vh;*/
	height         : 100dvh;
	width          : 100%;
	
	position       : fixed;
	top            : 0;
	left           : 0;
	
	background     : rgba(229, 148, 51, 0.95);
	
	z-index        : 11;
	
	opacity        : 0;
	visibility     : hidden;

	overflow       : hidden;
	
	transition     : all .3s;
}


#HEADER .header_nav .nav_box
{
	margin-right   : -200px;
	margin-left    : auto;
	padding        : 60px 0px;

	width          : 560px;
	height         : 100%;

	background     : #fff;
	box-shadow     : rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;

	overflow-y     : scroll;

	box-sizing     : border-box;

	transition     : all .3s;
}

#HEADER .header_nav .nav_box .nav_logo
{
	margin-top     : 80px;
	padding-left   : 80px;
	
	/*text-align     : center;*/
}

#HEADER .header_nav .nav_box .nav_logo a
{
	color          : #E59433;
	font-size      : 150%;
	font-weight    : 800;
	line-height    : 1.0;
	text-decoration: none;
}

#HEADER .header_nav .nav_box .nav_list
{
	margin-top     : 50px;
	padding        : 0px 80px;
}

#HEADER .header_nav .nav_box .nav_list li
{
	
}

#HEADER .header_nav .nav_box .nav_list li + li
{
	margin-top     : 30px;
}

#HEADER .header_nav .nav_box .nav_list li a
{
	color          : #000;
	font-size      : 110%;
	font-weight    : bold;
	text-align     : left;
	line-height    : 1.0;
	text-decoration: none;
	
	transition     : all .15s;
}

#HEADER .header_nav .nav_box .nav_list li a:hover
{
	color          : #E59433;
}


#HEADER .header_nav .nav_box .sm_list
{
	display        : flex;
	/*justify-content: center;*/
	align-items    : center;
	gap            : 20px;

	margin-top     : 50px;
	padding-left   : 70px;
}

#HEADER .header_nav .nav_box .sm_list li
{
	width          : 80px;
	height         : 80px;
}

#HEADER .header_nav .nav_box .sm_list li a
{
	display        : block;
	
	width          : 100%;
	height         : 100%;
}

#HEADER .header_nav .nav_box .sm_list li a img
{
	width          : 100%;
}


/*
@media screen and (max-height: 800px)
{

	#HEADER .header_nav .nav_box
	{
		padding        : 40px 60px;

		width          : 600px;
	}

	#HEADER .header_nav .nav_box .nav_logo img
	{
		width          : 240px;
	}

	#HEADER .header_nav .nav_box .nav_list
	{
		margin-top     : 30px;
	}

	#HEADER .header_nav .nav_box .nav_list li
	{
		
	}

	#HEADER .header_nav .nav_box .nav_list li + li
	{
		margin-top     : 20px;
	}

	#HEADER .header_nav .nav_box .nav_list li a
	{
		font-size      : 110%;
	}

	#HEADER .header_nav .nav_box .sm_box
	{
		margin-top     : 40px;
	}

	#HEADER .header_nav .nav_box .sm_list
	{
		gap            : 20px;
	}

	#HEADER .header_nav .nav_box .sm_list li
	{
		width          : 60px;
		height         : 60px;
	}

}
*/
@media screen and (max-height: 680px)
{

	#HEADER .header_nav .nav_box .nav_logo
	{
		display        : none;
	}

	#HEADER .header_nav .nav_box .nav_list
	{
		margin-top     : 80px;
	}

}




/*---------------------------------------------------------------------------------------------*/



.footer_btn_list
{
	display        : flex;
	justify-content: center;
	gap            : 40px;

	padding        : 100px 0;
}

.footer_btn_list li
{
	width          : 340px;
}

.footer_btn_list[data-type="type2b"]
{
	gap            : 80px;
}

.footer_btn_list[data-type="type2b"] li
{
	width          : 510px;
}

.footer_btn_list li a
{
	display        : block;
	
	transition     : all .15s;
}

.footer_btn_list li a:hover
{
	opacity        : 0.75;
}

.footer_btn_list li img
{
	width          : 100%;

	border-radius  : 20px;
}

.footer_btn_list li p
{
	display        : inline-block;
	position       : relative;

	margin-top     : 12px;
	padding-left   : 22px;

	color          : #000;
	line-height    : 1.0;
	text-decoration: none;
}

.footer_btn_list li p span
{
	display        : block;

	padding-bottom : 2px;
}

.footer_btn_list li p::before,
.footer_btn_list li p::after
{
	content        : '';

	position       : absolute;
	top            : 0;
	bottom         : 0;
	left           : 0;
	margin         : auto;
}

.footer_btn_list li p::before
{
	width          : 16px;
	height         : 16px;

	border         : 1px solid #7a0;
	border-radius  : 50%;

	box-sizing     : border-box;
}

.footer_btn_list li p::after
{
	left           : 4px;

	width          : 4px;
	height         : 4px;

	border-top     : 1px solid #7a0;
	border-right   : 1px solid #7a0;

	transform      : rotate(45deg);
}


/*---------------------------------------------------------------------------------------------*/



#FOOTER
{
	padding        : 80px 0 30px;

	background     : #E59433;
}

#FOOTER .inner
{
	display        : flex;
	justify-content: space-between;
	flex-wrap      : wrap;

	margin         : 0 auto;

	width          : 1100px;
}

#FOOTER .footer_info_box
{
	
}

#FOOTER .footer_info_box .f_title
{
	color          : #fff;
	font-size      : 160%;
	font-weight    : 800;
	line-height    : 1.0;
}

#FOOTER .footer_info_box .f_telmail
{
	margin-top     : 70px;

	color          : #fff;
	line-height    : 1.0;
}

#FOOTER .footer_info_box .f_telmail .tel
{
	display        : block;
}

#FOOTER .footer_info_box .f_telmail .mail
{
	display        : block;

	margin-top     : 20px;
}

#FOOTER .footer_info_box .f_telmail strong
{
	font-size      : 160%;
	font-weight    : bold;
}

#FOOTER .footer_info_box .f_telmail a
{
	color          : #fff;
}

#FOOTER .footer_info_box .f_linkbtn
{
	display        : flex;
	align-items    : center;
	gap            : 30px;

	margin-top     : 50px;
}

#FOOTER .footer_info_box .f_linkbtn .btn_contact
{
	display        : block;

	padding        : 15px 60px 15px;

	color          : #E59433;
	font-weight    : bold;
	line-height    : 1.0;
	text-decoration: none;

	background     : #fff;
	border-radius  : 100px;
}

#FOOTER .footer_nav_box
{
	display        : flex;
	justify-content: space-between;
	flex-wrap      : wrap;

	width          : 480px;
}

#FOOTER .footer_nav_box .f_nav
{
	
}

#FOOTER .footer_nav_box .f_nav li
{
	width          : 240px;
}

#FOOTER .footer_nav_box .f_nav li + li
{
	margin-top     : 10px;
}

#FOOTER .footer_nav_box .f_nav li a
{
	color          : #fff;
	font-size      : 90%;
	line-height    : 1.0;
	text-decoration: none;
}

#FOOTER .footer_nav_box .sm_list
{
	display        : flex;
	align-items    : center;
	gap            : 10px;

	margin-top     : 50px;
	margin-left    : -10px;
}

#FOOTER .footer_nav_box .sm_list li
{
	width          : 60px;
	height         : 60px;
}

#FOOTER .footer_nav_box .sm_list li a
{
	display        : block;
	
	width          : 100%;
	height         : 100%;
}

#FOOTER .footer_nav_box .sm_list li a img
{
	width          : 100%;
}

#FOOTER .footer_nav_box .f_bnr
{
	display        : flex;
	flex-direction : column;

	color          : #fff;
}

#FOOTER .footer_nav_box .f_bnr a
{
	display        : block;

	margin-top     : auto;
	padding        : 25px 50px;

	width          : 140px;

	line-height    : 1.0;

	background     : #fff;
}

#FOOTER .copyright
{
	margin-top     : 80px;

	width          : 100%;

	color          : #fff;
	font-size      : 80%;
    text-align     : center;
}






/*=========================================================================================================

  TOP

=========================================================================================================*/



/*
#MAIN_VISUAL
{
	padding-top    : 65px;
	
	background     : #ffffff;
}
*/

#TOP .mv_area
{
	background     : url(/asset/img/ann_school/2025/mv_back.jpg) no-repeat center center;
	background-size: cover;
}

#TOP .mv_area .mv_box
{
	margin         : 0 auto;

	width          : 1100px;
}

#TOP .mv_area .mv_box img
{
	margin-left    : -50px;
}


/*----------------------------------------*/


#TOP .mv_belt
{
	padding        : 25px 0;

	color          : #fff;
	font-size      : 150%;
	font-weight    : bold;
	text-align     : center;
	line-height    : 1.0;

	background     : #E59433;
}


/*---------------------------------------------------------------------------------------------*/


#TOP .ex_message_area
{
	padding        : 60px 0;

	background     : #fff2cc;
}

#TOP .ex_message_area .inner
{
	margin         : 0 auto;

	width          : 1100px;
}

#TOP .ex_message_area .btn_box
{
	text-align     : center;
}

#TOP .ex_message_area .btn_box a[data-type="strong"]
{
	padding        : 25px 200px;

	font-size      : 150%;
}


/*---------------------------------------------------------------------------------------------*/


#TOP .news_area
{
	padding        : 100px 0px 0px;
}

#TOP .news_area .inner
{
	margin         : 0 auto;

	width          : 1100px;
}


#TOP .news_area .news_box
{
	padding        : 35px 40px 45px;
	
	background     : #fff;
	border         : 5px solid #E59433;
	border-radius  : 20px;
}

#TOP .news_area .news_box .news_title
{
	color          : #E59433;
	font-size      : 220%;
	font-weight    : bold;
	line-height    : 1.0;
}

#TOP .news_area .news_box .news_list
{
	margin-top     : 20px;
}

#TOP .news_area .news_box .news_list li
{
	display        : flex;

	padding        : 10px 25px;

	border-bottom  : 2px dotted #ccc;
}

#TOP .news_area .news_box .news_list li .n_date
{
	margin-right   : 20px;

	min-width      : 120px;
}

#TOP .news_area .news_box .news_list li .n_text
{
	
}

#TOP .news_area .news_box .news_list li .n_text .text_limit
{
	display         : inline-block;

	margin-top      : 10px;
	margin-bottom   : 10px;
	padding         : 8px 20px;

	color           : #fff;
	line-height     : 1.0;
	text-decoration : none;

	background      : #e33;
}


/*---------------------------------------------------------------------------------------------*/


#TOP .contents_area_01
{

}
/*
#TOP .contents_area_01 .inner
{
	margin         : 0 auto;

	width          : 1100px;
}
*/

/*---------------------------------------------------------------------------------------------*/


#TOP .interview_list_box
{
	margin-top     : 0!important;
}


/*---------------------------------------------------------------------------------------------*/


#TOP .class_area
{
	padding        : 80px 0;

	background     : #E59433;
}

#TOP .class_area .inner
{
	margin         : 0 auto;

	width          : 1100px;
}

#TOP .class_area .title_h3
{
	color          : #fff;
}


#TOP .class_area .class_box
{
	margin-top     : 80px;
}

#TOP .class_area .class_box + .class_box
{
	margin-top     : 60px;
}

#TOP .class_area .class_box > a
{
	display        : flex;
	justify-content: center;
	gap            : 60px;

	padding        : 40px 40px;

	color          : #000;
	text-decoration: none;

	background     : #fff;
	box-shadow     : rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius  : 20px;

	transition     : all .15s;
}

#TOP .class_area .class_box > a:hover
{
	opacity        : 0.5;
}

#TOP .class_area .class_box .text_box
{
	
}

#TOP .class_area .class_box .text_box .cl_title
{
	color          : #E59433;
    font-size      : 200%;
    font-weight    : bold;
    line-height    : 1.0;
}

#TOP .class_area .class_box .text_box .cl_text
{
	margin-top     : 30px;
}

#TOP .class_area .class_box .text_box .cl_outline
{
	margin-top     : 30px;
}

#TOP .class_area .class_box .text_box .cl_outline .outline_list
{
	
}

#TOP .class_area .class_box .text_box .cl_outline .outline_list > div
{
	display        : flex;

	padding        : 0px 0px;
}

#TOP .class_area .class_box .text_box .cl_outline .outline_list > div + div
{
	margin-top     : 20px;
}

#TOP .class_area .class_box .text_box .cl_outline .outline_list dt
{
	margin-right   : 15px;

	width          : 120px;

	color          : #fff;
	font-weight    : bold;
	text-align     : center;

	background     : #666;
}

#TOP .class_area .class_box .text_box .cl_outline .outline_list dd
{
	width          : calc(100% - 135px);
}

#TOP .class_area .class_box .photo_box
{
	flex-shrink    : 0;

	width          : 510px;
}

#TOP .class_area .class_box .photo_box img
{
	width          : 100%;
}

#TOP .class_area .class_box .btn_box
{
	display        : none;
}



/*---------------------------------------------------------------------------------------------*/


#TOP .contents_area_02
{
	padding        : 100px 0;
}

#TOP .contents_area_02 .inner
{
	margin         : 0 auto;

	width          : 1100px;
}

#TOP .contents_area_02 .contents_box
{
	display        : flex;
	justify-content: center;
	align-items    : center;
	gap            : 60px;
}

#TOP .contents_area_02 .contents_box + .contents_box
{
	margin-top     : 100px;
}

#TOP .contents_area_02 .contents_box .text_box
{
	
}

#TOP .contents_area_02 .contents_box .text_box .title_h3
{
	text-align     : left!important;
}

#TOP .contents_area_02 .contents_box .text_box .c_text
{
	margin-top     : 40px;
}

#TOP .contents_area_02 .contents_box .text_box .btn_box
{
	margin-top     : 40px;
}

#TOP .contents_area_02 .contents_box .photo_box
{
	flex-shrink    : 0;

	width          : 510px;
}

#TOP .contents_area_02 .contents_box .photo_box img
{
	width          : 100%;
}


/*---------------------------------------------------------------------------------------------*/


#TOP .access_area
{
	padding        : 80px 0;

	background     : #fff2cc;
}

#TOP .access_area .inner
{
	margin         : 0 auto;

	width          : 1100px;
}

#TOP .access_area .footer_btn_list
{
	margin-top     : 80px;
	padding        : 0!important;
}


/*---------------------------------------------------------------------------------------------*/






/*=========================================================================================================

  FEATURE

=========================================================================================================*/



#FEATURE
{

}

#FEATURE .inner
{
	margin         : 0 auto;

	width          : 1100px;
}


/*----------------------------------------*/


#FEATURE .overview_box
{
	margin-top     : 80px;
}


/*----------------------------------------*/


#FEATURE .slide_box
{
	margin-top     : 60px;
}

#FEATURE .slide_box .slider
{
	display        : flex;
	justify-content: center;
	align-items    : center;
	gap            : 30px;
	
	margin         : 0 auto;
	margin-top     : 0;
	padding        : 40px 20px 80px;
	
	width          : 1100px;

	position       : relative;
	
	background     : #f3f3f0;

	box-sizing     : border-box;
}

#FEATURE .slide_box .slider p
{
	padding        : 10px 15px 12px;

	line-height    : 1.6;

	background     : #fff;
}

#FEATURE .slide_box .slider .slick-list
{
	/*margin         : 0 auto!important;*/
	
	width          : 750px!important;
}

#FEATURE .slide_box .slider .slick-slide img
{
	width          : 100%;
}

#FEATURE .slide_box .slider .slide-arrow
{
	display        : block;
	
	/*margin         : 0 20px;*/
	
	width          : 20px;
	
	z-index        : 5!important;
}

#FEATURE .slide_box .slider .slick-dots
{
	bottom         : 40px!important;
}







/*=========================================================================================================

  CLASS

=========================================================================================================*/



#CLASS
{

}

#CLASS .inner
{
	margin         : 0 auto;

	width          : 1100px;
}


/*----------------------------------------*/


#CLASS .class_head
{
	margin-top     : 100px;
}


#CLASS .class_head
{
	display        : flex;
	justify-content: space-between;
	flex-wrap      : wrap;
	gap            : 80px;
}

#CLASS .class_head .photo_box
{
	flex-shrink    : 0;

	width          : 540px;

	overflow       : hidden;
}

#CLASS .class_head .photo_box img
{
	width          : 100%;

	border-radius  : 50px;
}

#CLASS .class_head .text_box
{
	width          : 480px;
}

#CLASS .class_head .text_box .text_title
{
	margin-top     : 5px;

	color          : #E59433;
	font-size      : 220%;
	font-weight    : bold;
	line-height    : 1.0;
	letter-spacing : 0.1em;
}

#CLASS .class_head .text_box .text_overview
{
	margin-top     : 25px;
}

#CLASS .class_head .text_box .outline_box
{
	margin-top     : 40px;
}

#CLASS .class_head .text_box .outline_box .outline_list
{
	border-top     : 1px solid #000;
}

#CLASS .class_head .text_box .outline_box .outline_list > div
{
	display        : flex;

	padding        : 20px 10px;

	border-bottom  : 1px solid #000;
}

#CLASS .class_head .text_box .outline_box .outline_list dt
{
	padding-right  : 20px;

	width          : 100px;

	font-weight    : bold;
}

#CLASS .class_head .text_box .outline_box .outline_list dd
{
	width          : calc(100% - 120px);
}

#CLASS .class_head .text_box .outline_box .text_note
{
	margin-top     : 40px;

	font-size      : 90%;

	text-indent    : -1em;
	padding-left   :  1em;
}


#CLASS .class_head .btn_box
{
	width          : 100%;

	text-align     : center;
}

#CLASS .class_head .btn_box a + a
{
	margin-left    : 40px;
}


/*----------------------------------------*/


#CLASS .class_point
{
	margin-top     : 80px;
}

#CLASS .class_point .point_box
{
	padding        : 40px 40px 45px;
	
	background     : #fff;
	border         : 5px solid #E59433;
	border-radius  : 20px;
}

#CLASS .class_point .point_box + .point_box
{
	margin-top     : 40px;
}

#CLASS .class_point .point_box .p_head
{
	font-size      : 150%;
	font-weight    : bold;
}

#CLASS .class_point .point_box .p_text
{
	margin-top     : 10px;

	font-size      : 100%;
}


/*----------------------------------------*/


#CLASS .class_instructor
{
	margin-top     : 100px;
}

#CLASS .class_instructor .instructor_list
{
	margin-top     : 80px;
}

#CLASS .class_instructor .btn_box
{
	margin-top     : 70px;

	text-align     : center;
}


/*----------------------------------------*/


#CLASS .class_curriculum
{
	margin-top     : 100px;
}

#CLASS .class_curriculum .curriculum_box
{
	display        : flex;
	justify-content: space-between;
	/*gap            : 80px;*/

	margin-top     : 80px;
	
	background     : #fff2cc;
}

#CLASS .class_curriculum .curriculum_box .text_box
{
	display        : flex;
	flex-direction : column;
	justify-content: center;

	padding        : 40px 40px;
}

#CLASS .class_curriculum .curriculum_box .text_box .btn_box
{
	margin-top     : 40px;

	text-align     : center;
}

#CLASS .class_curriculum .curriculum_box .text_box .btn_box a + a
{
	margin-left    : 30px;
}

#CLASS .class_curriculum .curriculum_box .photo_box
{
	flex-shrink    : 0;

	width          : 400px;
}

#CLASS .class_curriculum .curriculum_box .photo_box img
{
	width          : 100%;
}


#CLASS .class_curriculum .jizen_box
{
	margin-top     : 80px;
	padding        : 40px 50px 60px;
	
	background     : #fff;
	border         : 5px solid #5ea858;
	border-radius  : 20px;
}

#CLASS .class_curriculum .jizen_box .jizen_head
{
	color          : #5ea858;
	font-size      : 160%;
	font-weight    : bold;
}

#CLASS .class_curriculum .jizen_box .jizen_text
{
	margin-top     : 20px;

	font-size      : 100%;
}

#CLASS .class_curriculum .jizen_box .btn_box
{
	margin-top     : 50px;

	text-align     : center;
}


/*----------------------------------------*/


#CLASS .application_box
{
	margin-top     : 100px;
	padding        : 40px 50px 60px;
	
	background     : #fff;
	border         : 5px solid #eb5964;
	border         : 5px solid #E59433;
	border-radius  : 20px;
}

#CLASS .application_box .ap_head
{
	color          : #eb5964;
	color          : #E59433;
	font-size      : 200%;
	font-weight    : bold;
	text-align     : center;
}

#CLASS .application_box .ap_text
{
	margin-top     : 20px;

	font-size      : 100%;
}

#CLASS .application_box .ap_school_wrap
{
	display        : flex;
	justify-content: space-between;

	margin-top     : 40px;
}

#CLASS .application_box .ap_school_wrap .ap_school_box
{
	width          : 470px;
}

#CLASS .application_box .ap_school_wrap .ap_school_box .head_box
{
	padding        : 20px 0px;

	color          : #fff;
	font-size      : 140%;
	font-weight    : bold;
	text-align     : center;
	line-height    : 1.0;
	letter-spacing : 0.1em;

	background     : #e59433;
}

#CLASS .application_box .ap_school_wrap .ap_school_box .text_box
{
	padding        : 30px 40px;

	background     : #fff2cc;
}

#CLASS .application_box .ap_school_wrap .ap_school_box .text_box .text_01
{
	font-size      : 130%;
	font-weight    : bold;
}

#CLASS .application_box .ap_school_wrap .ap_school_box .text_box .text_02
{
	
}

#CLASS .application_box .ap_school_wrap .ap_school_box .text_box .text_01 + .text_02
{
	margin-top     : 15px;
}

#CLASS .application_box .btn_box
{
	margin-top     : 50px;

	text-align     : center;
}


/*
#CLASS .application_box .outline_box
{
	margin-top     : 40px;
}

#CLASS .application_box .outline_box .outline_list
{
	
}

#CLASS .application_box .outline_box .outline_list > div
{
	display        : flex;
}

#CLASS .application_box .outline_box .outline_list dt
{
	display        : flex;
	align-items    : center;

	padding-left   : 20px;

	width          : 140px;

	color          : #fff;
	font-weight    : bold;

	background     : #E59433;
}

#CLASS .application_box .outline_box .outline_list dd
{
	padding        : 15px 0 15px 25px;

	width          : calc(100% - 185px);

	background     : #fff6db;
}
*/


#CLASS .application_box .outline_box
{
	margin-top     : 40px;
	padding        : 30px 10px;

	font-size      : 100%;

	border-top     : 1px solid #000;
	border-bottom  : 1px solid #000;
}

#CLASS .application_box .outline_box .ex_dl_list
{
	display        : flex;
	align-items    : center;

	margin-top     : 35px;
}

#CLASS .application_box .outline_box .ex_dl_list li
{
	display        : flex;
	align-items    : center;
}

#CLASS .application_box .outline_box .ex_dl_list li + li
{
	/*margin-top     : 15px;*/
	margin-left    : 30px;
}

#CLASS .application_box .outline_box .ex_dl_list .ex_dt
{
	margin-right   : 15px;
	padding        : 5px 30px;

	background     : #f2ecd6;
}

#CLASS .application_box .outline_box .ex_dl_list .ex_dd
{
	
}


/*----------------------------------------*/


#CLASS .class_flow
{
	margin-top     : 100px;
}

#CLASS .class_flow .flow_list
{
	margin-top     : 80px;
}

#CLASS .class_flow .flow_list li
{
	position       : relative;
	
	padding        : 40px 30px;
}

#CLASS .class_flow .flow_list li + li
{
	margin-top     : 30px;
}

#CLASS .class_flow .flow_list li a
{
	font-weight    : bold;
	text-decoration: underline;
}

#CLASS .class_flow .flow_list li:nth-child(1) { background : #fff2cc; }
#CLASS .class_flow .flow_list li:nth-child(2) { background : #fff2cc; }
#CLASS .class_flow .flow_list li:nth-child(3) { background : #fff2cc; }

#CLASS .class_flow .flow_list li:nth-child(1):before,
#CLASS .class_flow .flow_list li:nth-child(2):before
{   
	content        : "";
	
	position       : absolute;
	top            : 100%;
	left           : 50%;
	margin-left    : -15px;
	
	border         : 15px solid transparent;
	border-top     : 15px solid #fff2cc;
}

#CLASS .class_flow .flow_list li:nth-child(1):before { border-top : 15px solid #fff2cc; }
#CLASS .class_flow .flow_list li:nth-child(2):before { border-top : 15px solid #fff2cc; }


#CLASS .class_flow .flow_list li .f_no
{
	display        : inline-block;

	margin-right   : 12px;
	
	width          : 40px;
	height         : 40px;
	line-height    : 40px;
	border-radius  : 50%;
	
	color          : #E59433;
	font-size      : 130%;
	font-weight    : bold; 
	text-align     : center;
	vertical-align : middle;
	
	background     : #fff;
}

#CLASS .class_flow .flow_list li .f_title
{
	display        : inline-block;

	margin-right   : 20px;
	
	color          : #E59433;
	font-size      : 130%;
	font-weight    : bold; 
	vertical-align : middle;
}

#CLASS .class_flow .flow_list li .f_text
{
	display        : inline-block;

	vertical-align : middle;
}


#CLASS .class_flow .btn_box
{
	margin-top     : 70px;

	text-align     : center;
}





/*=========================================================================================================

  INTERVIEW

=========================================================================================================*/



#INTERVIEW
{
	padding-top    : 100px;
}

#INTERVIEW .inner
{
	margin         : 0 auto;

	width          : 1100px;
}


/*----------------------------------------*/


#INTERVIEW .interview_head
{
	display        : flex;
	justify-content: space-between;
	/*align-items    : center;*/
	flex-direction : row-reverse;
	gap            : 60px;
}

#INTERVIEW .interview_head .photo_box
{
	flex-shrink    : 0;

	width          : 480px;

	overflow       : hidden;
}

#INTERVIEW .interview_head .photo_box img
{
	width          : 100%;

	border-radius  : 50px;
}

#INTERVIEW .interview_head .text_box
{

}

#INTERVIEW .interview_head .text_box .text_title
{
	font-size      : 240%;
	font-weight    : bold;
	/*line-height    : 2.0;*/
	letter-spacing : 0.1em;
	font-feature-settings: "palt";
}

#INTERVIEW .interview_head .text_box .name_box
{
	margin-top     : 60px;
}

#INTERVIEW .interview_head .text_box .name_box .text_name
{
	font-size      : 130%;
	font-weight    : bold;
}

#INTERVIEW .interview_head .text_box .name_box .text_name strong
{
	font-size      : 130%;
}

#INTERVIEW .interview_head .text_box .name_box .text_sub
{
	font-size      : 90%;
}

#INTERVIEW .interview_head .text_box .name_box .text_class
{
	margin-top     : 20px;

	font-size      : 90%;
}


/*----------------------------------------*/


#INTERVIEW .interview_body
{

}

#INTERVIEW .interview_body .int_text_q
{
	margin-top     : 80px;

	font-size      : 130%;
	font-weight    : bold;
}

#INTERVIEW .interview_body .int_text_a
{
	margin-top     : 20px;

	font-size      : 100%;
}

#INTERVIEW .interview_body .int_inbox
{
	display        : flex;
	justify-content: space-between;
	gap            : 40px;
	
	margin-top     : 80px;
}

#INTERVIEW .interview_body .int_inbox[data-type="typeB"]
{
	flex-direction : row-reverse;
}

#INTERVIEW .interview_body .int_inbox .text_box
{

}

#INTERVIEW .interview_body .int_inbox .text_box .int_text_q
{
	margin-top     : 0px;
}

#INTERVIEW .interview_body .int_inbox .photo_box
{
	flex-shrink    : 0;

	width          : 400px;
}

#INTERVIEW .interview_body .int_inbox .photo_box img
{
	width          : 100%;
}


/*----------------------------------------*/


.interview_list_box
{
	margin-top     : 100px;
	padding        : 80px 0;

	background     : #ffedbb;
	background     : #fff2cc;
}

.interview_list_box .interview_list
{
	margin-top     : 70px;
}

.interview_list_box .interview_list .slick-track
{
	display        : flex;
}

.interview_list_box .interview_list .swiper
{
	transition-timing-function: linear;

	opacity: 0;
}

.interview_list_box .interview_list .swiper img
{
	max-height     : 330px;
}

.interview_list_box .interview_list .swiper.swiper-initialized
{
	opacity: 1;
}

.interview_list_box .interview_list .swiper.swiper-initialized img
{
	max-height     : none;
}

.interview_list_box .interview_list .swiper-wrapper
{
	transition-timing-function: linear;
}

.interview_list_box .interview_list .slick-slide,
.interview_list_box .interview_list .swiper-slide
{
	margin         : 10px 30px;

	height         : auto!important;

	background     : #fff;
	box-shadow     : rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius  : 20px;

	overflow       : hidden;
}

.interview_list_box .interview_list .swiper-slide
{
	margin         : 10px 0px;
}

.interview_list_box .interview_list .slick-slide > div
{
	height         : 100%;
}

.interview_list_box .interview_list .li_item
{
	height         : 100%;
}

.interview_list_box .interview_list a
{
	display        : flex;
	flex-direction : column;

	width          : 100%;
	height         : 100%;

	color          : #000;
	text-decoration: none;

	transition     : all .15s;
}

.interview_list_box .interview_list a:hover
{
	opacity        : 0.5;
}

.interview_list_box .interview_list img
{
	width          : 100%;
}

.interview_list_box .interview_list .text_box
{
	display        : flex;
	flex-direction : column;

	padding        : 20px 20px;
	
	height         : 100%;
}

.interview_list_box .interview_list .text_box .text_title
{
	font-size      : 100%;
}

.interview_list_box .interview_list .text_box .text_name
{
	display        : block;

	margin-top     : auto;
	padding-top    : 20px;
	
	color          : #999;
	font-size      : 80%;
}






/*=========================================================================================================

  INSTRUCTOR

=========================================================================================================*/



#INSTRUCTOR
{

}

#INSTRUCTOR .inner
{
	margin         : 0 auto;

	width          : 1100px;
}


/*----------------------------------------*/


#INSTRUCTOR .instructor_list
{
	margin-top     : 90px;
}

.instructor_list
{
	display        : flex;
	justify-content: center;
	flex-wrap      : wrap;
	gap            : 80px 40px;
}

.instructor_list li
{
	width          : 300px;

	text-align     : center;

	overflow       : hidden;
	
	transition     : all .15s;
}

.instructor_list li:hover
{
	opacity        : 0.5;
}

.instructor_list li .ins_photo
{
	width          : 240px;

	border-radius  : 50%;
	overflow       : hidden;
	
	transition     : all .15s;
}

.instructor_list li .text_box
{
	margin-top     : 15px;
}

.instructor_list li .text_box .ins_name
{
	font-size      : 140%;
	font-weight    : bold;
}

.instructor_list li .text_box .ins_job
{
	font-size      : 90%;
}

.instructor_list li .text_box .ins_position
{
	margin-top     : 10px;

	color          : #E59433;
	font-size      : 90%;
}


/*-------------------------------*/


.mfp-bg
{
	background     : rgba(229, 148, 51, 0.95)!important;
}

.popup__modal
{
	margin         : 50px auto;
	padding        : 50px;
	
	max-width      : 1000px;
	
	background     : #fff;
	border-radius  : 20px;
	box-shadow     : rgba(0, 0, 0, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	position       : relative;
	
	box-sizing     : border-box;
}

.popup__modal .btn__close
{
	position       : absolute;
	top            : 20px;
	right          : 20px;
	
	cursor         : pointer;
	
	transition     : all .15s;
}

.popup__modal .btn__close:hover
{
	opacity        : 0.5;
}

.popup__modal .btn__close img
{
	display        : block;

	width          : 30px;
}

.popup__modal .popup_prof_box
{
	display        : flex;
	align-items    : center;
}

.popup__modal .popup_prof_box .ins_photo
{
	width          : 300px;

	border-radius  : 50%;
	overflow       : hidden;

	flex-shrink    : 0;
}

.popup__modal .popup_prof_box .popup_text_box
{
	margin-left    : 50px;
}

.popup__modal .popup_prof_box .popup_text_box .ins_position
{
	display        : inline-block;

	padding        : 10px 40px 12px;

	color          : #E59433;
	line-height    : 1.0;

	border         : 1px solid #E59433;
}

.popup__modal .popup_prof_box .popup_text_box .ins_job
{
	margin-top     : 30px;

	font-size      : 90%;
}

.popup__modal .popup_prof_box .popup_text_box .ins_name
{
	font-size      : 160%;
	font-weight    : bold;
}

.popup__modal .popup_prof_box .popup_text_box .ins_text
{
	margin-top     : 20px;

	font-size      : 100%;
}

.popup__modal .popup_prof_box .popup_text_box .ins_text .ex_text_box
{
	display        : block;

	margin-top     : 20px;
	margin-bottom  : 30px;
	padding        : 20px;

	font-size      : 90%;

	background     : #f3f3f0;
}





/*=========================================================================================================

  ACCESS

=========================================================================================================*/



#ACCESS
{

}

#ACCESS .inner
{
	margin         : 0 auto;

	width          : 1100px;
}


/*----------------------------------------*/


#ACCESS .access_box
{
	display        : flex;
	justify-content: center;
	align-items    : center;

	margin-top     : 90px;
	padding        : 60px;

	border         : 5px solid #E59433;
	border-radius  : 20px;
}

#ACCESS .access_box + .access_box
{
	margin-top     : 80px;
}

#ACCESS .access_box .text_box
{
	width          : 580px;
}

#ACCESS .access_box .text_box .ac_name
{
	margin-top     : -88px;
	margin-left    : -20px;
	padding        : 13px 0 15px;

	width          : 240px;

	color          : #fff;
	font-size      : 160%;
	font-weight    : bold;
	text-align     : center;
	line-height    : 1.0;

	background     : #E59433;
	border-radius  : 10px;
}

#ACCESS .access_box .text_box .place_box
{
	margin-top     : 40px;
}

#ACCESS .access_box .text_box .ac_head
{
	margin-bottom  : 10px;

	font-size      : 110%;
	font-weight    : bold;
}

#ACCESS .access_box .text_box .ac_place
{

}

#ACCESS .access_box .text_box .ac_address
{

}

#ACCESS .access_box .text_box .ac_btn
{
	margin-top     : 15px;
}

#ACCESS .access_box .text_box .ac_btn a
{
	display        : block;

	padding        : 10px 0;

	width          : 200px;

	color          : #000;
	font-size      : 80%;
	text-align     : center;
	line-height    : 1.0;
	text-decoration: none;

	border         : 1px solid #000;

	transition     : all .15s;
}

#ACCESS .access_box .text_box .ac_btn a:hover
{
	color          : #fff;

	background     : #000;
}

#ACCESS .access_box .text_box .station_box
{
	margin-top     : 40px;
}

#ACCESS .access_box .text_box .ac_station
{

}

#ACCESS .access_box .text_box .ac_note
{
	margin-top     : 40px;

	font-size      : 90%;
}

#ACCESS .access_box .photo_box
{
	width          : 440px;
}



/*----------------------------------------*/


#ACCESS .slider
{
	margin         : 0 auto;
	padding-bottom : 30px;

	position       : relative;

	box-sizing     : border-box;
}

#ACCESS .slider .slick-list
{
	/*margin         : 0 auto!important;*/
}

#ACCESS .slider .slick-slide img
{
	width          : 100%;
}

#ACCESS .slider .slide-arrow
{
	display        : none!important;
	
	width          : 20px;
	
	z-index        : 5!important;
}

#ACCESS .slider .slick-dots
{
	bottom         : 0px!important;
}






/*=========================================================================================================

  FAQ

=========================================================================================================*/



#FAQ
{

}

#FAQ .inner
{
	margin         : 0 auto;

	width          : 1100px;
}


/*----------------------------------------*/


#FAQ .faq_list
{
	margin-top     : 90px;
}

#FAQ .faq_list .faq_item
{
	background     :#fff;
	box-shadow     : rgba(0, 0, 0, 0.16) 0px 1px 4px;
	border-radius  : 20px;
	
	overflow       : hidden;
}

#FAQ .faq_list .faq_item + .faq_item 
{
	margin-top     : 40px;
}


#FAQ .faq_list .faq_item summary
{
	padding        : 30px 35px 30px 70px;

	font-size      : 110%;
	/*font-weight    : bold;*/
	text-align     : left;
	line-height    : 1.8;

	position       : relative;

	cursor         : pointer;

	transition     : all .15s;

	display        : flex;
	justify-content: space-between;
	align-items    : center;

	background     : url(/asset/img/ann_school/2025/faq_icon_q.png) no-repeat 28px 33px;
    background-size: 30px;
}

#FAQ .faq_list .faq_item summary::after
{
	content        : '';
	display        : inline-block;
	/*margin-inline:.3em;*/
	width          : 12px;
	height         : 22px;
	background     : url(/asset/img/ann_school/2025/faq_arrow.png) center/contain no-repeat;
	transform      : rotate(90deg);

	transition     : all .1s;
}

#FAQ .faq_list .faq_item summary > span
{
	width          : 1000px;
}

#FAQ .faq_list .faq_item.is-opened summary::after
{
	transform      : rotate(-90deg);
}

#FAQ .faq_list .faq_item summary:hover
{
	background     : url(/asset/img/ann_school/2025/faq_icon_q.png) no-repeat 28px 33px #ffee99;
    background-size: 30px;
}

#FAQ .faq_list .faq_item .answer
{
	padding        : 0px 0px;

	text-align     : left;

	background     : url(/asset/img/ann_school/2025/faq_icon_a.png) no-repeat 28px 33px;
    background-size: 30px;
}

#FAQ .faq_list .faq_item .answer > span,
#FAQ .faq_list .faq_item .answer > div
{
	display        : block;

	padding        : 30px 35px 30px 70px;
	
	border-top     : 1px dotted #ccc;
}

#FAQ .faq_list .faq_item .answer .list_text li
{
	padding-left   :  1em;
	text-indent    : -1em;
}

summary { display: block; }
summary::-webkit-details-marker { display: none; }


/*----------------------------------------*/


#FAQ .ex_answer_box_01
{
	display        : block;

	margin-top     : 30px;
	padding-bottom : 10px;
}

#FAQ .faq_image_01
{
	margin-top     : 10px;
	margin-bottom  : 30px;

	width          : 300px;
}





/*---------------------------------------------------------------------------------------------*/



.pc { display: block; }
.sp { display: none; }
.pc2 { display: inline; }
.sp2 { display: none; }