@charset "UTF-8";
.flex{display: flex;}
.inner{width: 1100px; margin: 0 auto;}
h3{font-size: 18px; line-height: 180%;font-family: source-han-sans-japanese, sans-serif; font-weight: 700;font-style: normal;}
h3 span{font-family: zen-maru-gothic, sans-serif;  font-weight: 700; font-style: normal; font-size: 46px; line-height: 150%;}
body{min-width: 1200px; font-family: zen-maru-gothic, source-han-sans-japanese, sans-serif;}
.SP{display: none;}
.PC{display: block;}

/*---------------------------------------------- #fv ----------------------------------------------*/
#close_box{position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1000;}
#close_box .close_img{width: 100%; height: 100vh; position: absolute; top: 0px; }
#close_box .close_left{background: url(../images/top/cloud1.png) no-repeat right center; background-size: cover; left: 0px;}
#close_box .close_right{background: url(../images/top/cloud2.png) no-repeat left center; background-size: cover; right: 0px;}
#close_box.start-anim .close_left {	animation: slideLeft 3s ease forwards;}
#close_box.start-anim .close_right {animation: slideRight 3s ease forwards;}
@keyframes slideLeft {
	0%   { transform: translateX(0); opacity: 1; }
	100% { transform: translateX(-100%); opacity: 1; }
}

@keyframes slideRight {
	0%   { transform: translateX(0); opacity: 1; }
	100% { transform: translateX(100%); opacity: 1; }
}

/*---------------------------------------------- #fv ----------------------------------------------*/
#fv{ background: url(../images/top/fv_bg_1.png) no-repeat center bottom; background-size: 5248px; padding: 146px 0 0; overflow: hidden;}
#fv .slider_box {position: relative;}
#fv .slider_box .title{width: 1100px; position: absolute; z-index: 5; transform: translateX(-50%); left: 50%; bottom: -120px; margin: 0px 0 0 26px;}
#fv .slider_box .title h2{text-align: left; }
#fv .slider_box .title h2 span{font-family: mamelon, sans-serif; font-weight: 400; font-style: normal; font-size: 77px; color: #fff; text-shadow: 6px 6px 0px #75B91A; line-height: 113%;display: inline-block;}
#fv .slider_box .img_box{position: absolute; bottom: -45%; z-index: 1; transform: translateX(-50%); left: 50%; width: 1686px; height: 470px; background: url(../images/top/fv_img_2.png) no-repeat center center; background-size: 100%;}
#fv .slider_box .anime_fv_box_1{position: absolute; top: 0px; width: 1100px; height: 0; transform: translate(-50%); left: 50%;z-index: 10;}
#fv .slider_box .anime_fv_box_1 .fv_bg_5{position: absolute; right: -156px; top: -13px;}
#fv .slider_box .anime_fv_box_1 .fv_img_6{position: absolute; top: 97px; left: -131px; }
#fv .slider_box .anime_fv_box_1 .fv_img_7{position: absolute; top: -4px; left: -74px;}

#fv .bulletin_board{padding: 200px 0 120px; position: relative;}
#fv .bulletin_board .bulletin_bg_1{background: url(../images/top/fv_bg_6.png) no-repeat bottom center; background-size: 1220px; position: relative; width: 1220px; margin: 0 auto; padding: 0 0 82px;}

#fv .bulletin_board .bulletin_img_box{ position: absolute; bottom:63px; transform: translateX(-50%); min-width: 1461px; left: 50%; height: 338px;z-index: 10;}
#fv .bulletin_board .bulletin_img_box .fv_img_4{position: absolute; bottom: 17px; left: 62px;}
#fv .bulletin_board .bulletin_img_box .fv_img_5{position: absolute; bottom: 0px; right: 0px;}
#fv .bulletin_board .bulletin_img_box .fv_img_5 img.PC{display: block;}
#fv .bulletin_board .bulletin_img_box .fv_img_5 img.SP{display: none;}
#fv .bulletin_board .bulletin_img_box .goat_1{position: absolute; bottom: 50px; left: 303px; transform: scale(-1, 1);}
#fv .bulletin_board .bulletin_img_box .goat_1:after{content: ""; display: block; width: 186px; height: 112px; background: url(../images/top/fv_logo_2.svg) no-repeat center center; background-size: 100%; position: absolute; right: -140px; transform: scale(-1, 1); top: 35px;}
#fv .bulletin_board .bulletin_img_box .koala_1{position: absolute; bottom: 45px; right: 262px; transform: scale(-1, 1);}
#fv .bulletin_board .bulletin_img_box .goat_1 img,
#fv .bulletin_board .bulletin_img_box .koala_1 img{position: relative; z-index: 1;}
#fv .bulletin_board .bulletin_img_box .goat_1:before,
#fv .bulletin_board .bulletin_img_box .koala_1:before{content: ""; display: block; width: 110px; height: 47px;background: url(../images/top/fv_img_bg.png) no-repeat center center; background-size: 100%; position: absolute;}
#fv .bulletin_board .bulletin_img_box .goat_1:before{ bottom: -15px; left: 46px;}
#fv .bulletin_board .bulletin_img_box .koala_1:before{bottom: -13px; left: 84px; }

#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2{background: url(../images/top/fv_bg_2.png) repeat-y top center; background-size: 1220px; padding: 26px 0 31px;}
#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2:before{content: ""; display: block; width: 210px; height: 62px; background: url(../images/top/fv_bg_4.png) no-repeat center center; background-size: 100%; position: absolute; top: 0px;left: 35px;}
#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2:after{content: ""; display: block; width: 210px; height: 62px; background: url(../images/top/fv_bg_3.png) no-repeat center center; background-size: 100%; position: absolute; top: 0px;right: 35px;}
#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg {width: 1100px; margin:0px auto; padding: 33px 48px 53px 53px; border-radius: 10px; background: #fff; }
#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .flex{align-items: center;justify-content: space-between;}
#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .flex .text_box{text-align: center; width: 432px; }
#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .flex .text_box .big_tt{font-size: 27px; font-family: zen-maru-gothic, sans-serif;  font-weight: 700; font-style: normal; line-height: 145%; padding: 24px 0 0; text-align: left;}
#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .flex .text_box .text{ text-align: left;font-family: source-han-sans-japanese, sans-serif; font-weight: 400;font-style: normal; line-height: 200%; padding: 20px 0 0;}
#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .flex .youtube{position: relative; width: 534px; height: auto; padding: 30.2% 0 0; border-radius: 9px; overflow: hidden;}
#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .flex .youtube iframe{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;}
#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .view_btn{margin: 64px auto 0; display: block; width: 410px; position: relative; padding: 7px 0 0; z-index: 100;}
#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .view_btn img{position: absolute; top: 0px; z-index: 1; left: 0px;;}
#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .view_btn:before{width: 100%; height: 87px; background: #2E9F2B; border-radius: 100000px; content: ""; display: block; }
#fv .bulletin_board .fv_img_1{ position: absolute; bottom: -54px; transform: translateX(-50%); min-width: 1461px; left: 50%;}


#fv .slider_box .swiper{width: 100%; height: auto;overflow: visible !important;}
#fv .slider_box .swiper-wrapper .swiper-slide{width: 1100px; }
#fv .slider_box .swiper-wrapper .swiper-slide .swiper-slide-shadow-left,
#fv .slider_box .swiper-wrapper .swiper-slide .swiper-slide-shadow-right{border-radius: 86px;}
#fv .slider_box .swiper-wrapper .swiper-slide .swiper-slide-shadow-left{background-image: linear-gradient(to left,rgba(255,255,255,.5),rgba(0,0,0,0));}
#fv .slider_box .swiper-wrapper .swiper-slide .swiper-slide-shadow-right{background-image: linear-gradient(to right,rgba(255,255,255,.5),rgba(0,0,0,0));}

#fv .slider_box .swiper-wrapper .swiper-slide .img_2{border-radius: 86px; overflow: hidden; width: 1100px; position: relative; margin: 0 auto;}
#fv .slider_box .swiper-wrapper .swiper-slide img.ime_block{width: 100%; height: 100%; object-fit: cover;}
#fv .slider_box .swiper-wrapper .swiper-slide img.logo{position: absolute; bottom: 40px; right: 40px;}
#fv .slider_box .swiper .slider_btn{width: 1173px; margin: 0 auto; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; z-index: 100;}

#fv .slider_box .swiper .slider_btn .swiper-button-arrow{width: 71px; height: 71px; border-radius: 1000px; background: #0B71B5;}
#fv .slider_box .swiper .slider_btn .swiper-button-arrow:after{content: ""; width: 14px; height: 24px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 1;}
#fv .slider_box .swiper .slider_btn .swiper-button-prev{left: 0px;}
#fv .slider_box .swiper .slider_btn .swiper-button-next{right: 0px;}
#fv .slider_box .swiper .slider_btn .swiper-button-prev:after{background: url(../images/top/border_1.svg) no-repeat center center; background-size: 100%;}
#fv .slider_box .swiper .slider_btn .swiper-button-next:after{background: url(../images/top/border_2.svg) no-repeat center center; background-size: 100%;}
/*---------------------------------------------- .news_introduction ----------------------------------------------*/
.news_introduction{background: #FFF4E3 url(../images/top/news_bg_1.png) no-repeat center bottom; background-size: 5029px; padding: 82px 0 109px;}

/*---------------------------------------------- #news ----------------------------------------------*/
.news_introduction #news .flex{justify-content: space-between;}
.news_introduction #news .flex .title_box{width: 319px; height: auto; text-align: left;}
.news_introduction #news .flex .title_box h3{color: #4FB64C;}
.news_introduction #news .flex .title_box h3 span{color: #000;}
.news_introduction #news .flex .title_box p{line-height: 200%;font-family: source-han-sans-japanese, sans-serif; font-weight: 400;font-style: normal; padding: 33px 0 0;}
.news_introduction #news .scroll_wrap{position: relative; width: 753px;}
.news_introduction #news .scroll_wrap .scroll_box{height: 637px; overflow-y: auto; -webkit-overflow-scrolling: touch; scrollbar-gutter: stable;  scrollbar-width: none; -ms-overflow-style: none;}
.news_introduction #news .scroll_wrap .scroll_box::-webkit-scrollbar{ display: none;}
.news_introduction #news .scroll_wrap .custom_scrollbar{position: absolute; top: 0; margin: 20px 0 ; right: 7px; height: calc(100% - 40px); width: 12px; border-radius: 8px;}
.news_introduction #news .scroll_wrap .custom_scrollbar .custom_thumb{position: absolute; top: 0; left: 0; right: 0; height: 40px; background: var(--sb-thumb, #0B71B5); border-radius: 8px;	box-shadow: inset 0 0 0 3px var(--sb-track, #0B71B5); cursor: pointer; transition: background 0.15s ease;}
.news_introduction #news .scroll_wrap .scroll_wrap .scroll_box{	padding-right: 12px;}
.news_introduction #news .flex .scroll_box .box{width: 100%; height: auto; background: #fff; border-radius: 20px; padding: 29px 33px;}
.news_introduction #news .flex .scroll_box .box:not(:last-child){margin: 0 0 22px;}
.news_introduction #news .flex .scroll_box .box .flex p.date{color: #4FB64C; font-family: source-han-sans-japanese, sans-serif; font-weight: 700;font-style: normal; line-height: 160%; margin: 0 31px 0 0; text-align: left;}
.news_introduction #news .flex .scroll_box .box .flex .text_box{width: 538px; text-align: left;}
.news_introduction #news .flex .scroll_box .box .flex .text_box h4{font-size: 20px; line-height: 145%; font-family: source-han-sans-japanese, sans-serif; font-weight: 700;font-style: normal;}
.news_introduction #news .flex .scroll_box .box .flex .text_box .text{padding: 10px 0 0; line-height: 200%;font-family: source-han-sans-japanese, sans-serif; font-weight: 300; font-style: normal;}
.news_introduction #news .flex .scroll_box .box .flex .text_box .title_date{padding: 31px 0 0;font-family: source-han-sans-japanese, sans-serif; font-weight: 700;font-style: normal; line-height: 150%;}
.news_introduction #news .flex .scroll_box .box .flex .text_box .mini_title_date{padding: 20px 0 0; line-height: 150%;}

.news_introduction #news .flex .scroll_box .box .flex .text_box .img_box{ padding: 20px 0 0; }

/*---------------------------------------------- #introduction ----------------------------------------------*/
.news_introduction #introduction{padding: 169px 0 0;}
.news_introduction #introduction h3{color: #fff;}
.news_introduction #introduction .flex{justify-content: flex-end; align-items: flex-end;}
.news_introduction #introduction .flex .text_box{width: 474px; height: auto; margin: 0 0 31px 101px;}
.news_introduction #introduction .flex .text_box h4{color: #fff; text-align: left; font-family: zen-maru-gothic, sans-serif;  font-weight: 700; font-style: normal; font-size: 30px;}
.news_introduction #introduction .flex .text_box p{font-family: source-han-sans-japanese, sans-serif; font-weight: 700;font-style: normal; font-size: 16px; line-height: 200%; color: #fff; text-align: left; padding: 18px 0 0;}
/*---------------------------------------------- .academics_sns ----------------------------------------------*/
.academics_sns{background: url(../images/top/academics_bg_1.png) no-repeat center top 178px, url(../images/top/academics_bg_2.png) no-repeat center bottom; background-size: 1600px,5251px; padding: 178px 0 72px;}
.academics_sns #academics h3{color: #4FB64C;}
.academics_sns #academics h3 span{color: #000;}
.academics_sns #academics .list_box{padding: 72px 0 0;}
.academics_sns #academics .list_box .flex{justify-content: space-between;align-items: flex-start}
.academics_sns #academics .list_box .flex.flex_left{flex-direction: row-reverse;}
.academics_sns #academics .list_box .flex_wow:not(:last-child){margin: 0 0 96px}
.academics_sns #academics .list_box .img_box{position: relative; width: 550px;}
.academics_sns #academics .list_box .img_box .main_img{border-radius: 40px;}
.academics_sns #academics .list_box .img_box .icn{position: absolute; }

.academics_sns #academics .list_box .flex_box_1 .img_box .icn{right: -54px; bottom: -45px;}
.academics_sns #academics .list_box .flex_box_2 .img_box .icn{right: -17px; bottom: -32px;}
.academics_sns #academics .list_box .flex_box_3 .img_box .icn{left: -58px; bottom: -29px;}
.academics_sns #academics .list_box .flex_box_4 .img_box .icn{}
.academics_sns #academics .list_box .text_box{width: 475px; height: auto; text-align: left; padding: 36px 0 139px; position: relative;}
.academics_sns #academics .list_box .text_box h4{font-family: zen-maru-gothic, sans-serif;  font-weight: 700; font-style: normal; font-size: 30px; line-height: 147%;}
.academics_sns #academics .list_box .text_box p{padding: 21px 0 0; line-height: 200%;font-family: source-han-sans-japanese, sans-serif; font-weight: 400;font-style: normal;}
.academics_sns #academics .list_box .text_box a{width: auto; height: auto; position: absolute; display: block; text-decoration: none;text-align: right; right: 0px;bottom: 0px;}
.academics_sns #academics .list_box .text_box a .text_tt{font-size: 17px; font-family: source-han-sans-japanese, sans-serif; font-weight: 700;font-style: normal; color: #000; display: inline-block; margin: 34px 22px 37px 0; line-height: 148%; vertical-align: top;}
.academics_sns #academics .list_box .text_box a .ball{width: 88px; height: 88px; display: inline-block; position: relative; background: #4FB64C; border-radius: 1000px; transition: 0.5s;}
.academics_sns #academics .list_box .text_box a .ball:before{content: ""; display: block; background: url(../images/top/academics_icn_4.svg) no-repeat center center; background-size: 100%; width: 69px; height: 12px; position: absolute; left: -15px; top: 45%; transform: translateY(-50%);}

.academics_sns #academics .list_box .text_box a.thumb-hover .ball{ transition: 0.5s;}

.academics_sns #sns{padding: 287px 0 0;}
.academics_sns #sns h3{color: #fff;}
.academics_sns #sns .flex{padding: 44px 0 0; justify-content: space-between;}
.academics_sns #sns .flex a{overflow: hidden; text-decoration: none; display: block; width: 530px;}
.academics_sns #sns .flex a img{width: 100%; height: auto; border-radius: 20px; }
.academics_sns #sns .flex a span{font-family: source-han-sans-japanese, sans-serif; font-weight: 400;font-style: normal; font-size: 18px; color: #000; padding: 18px 0 0; line-height: 170%; display: inline-block;}

@media print, screen and (max-width:1200px) {	
	.flex{display: block;}
	.inner{width: 90%; margin: 0 auto;}
	body{min-width: 100%;}
	.SP{display: block;}
	.PC{display: none;}
	
	#close_box .close_left{background: url(../images/top/cloud1_sp.png) no-repeat right center; background-size: cover; left: 0px; }
	#close_box .close_right{background: url(../images/top/cloud2_sp.png) no-repeat left center; background-size: cover; right: 0px; }
	/*---------------------------------------------- #fv ----------------------------------------------*/
	#fv{ background: url(../images/top/fv_bg_1_sp_2.png) no-repeat center top ,url(../images/top/fv_bg_1_2_sp.jpg) no-repeat center bottom; background-size: 100%,100%;; padding: 156px 0 0; }
	#fv .slider_box .title{width: 90%; bottom: -47px; margin: 0 auto;}
	#fv .slider_box .title h2 span{font-size:clamp(50px, 6vw, 72px); text-shadow: 3px 3px 0px #75B91A;}
	#fv .slider_box .img_box{ bottom: -45%; width: 100%; height: auto; padding: 44.6% 0 0; background: url(../images/top/fv_img_2_sp_2.png) no-repeat center center; background-size: auto; background-size: 100%;}
	#fv .bulletin_board{padding: 20% 0 27%; }
	#fv .bulletin_board .bulletin_bg_1{background: url(../images/top/fv_bg_6.png) no-repeat bottom center; background-size: 100%; width: 90%; padding: 0 0 23px;}
	
	#fv .slider_box .anime_fv_box_1{width: 100%; top: -7%;}
	#fv .slider_box .anime_fv_box_1 .fv_bg_5{right: -8%; top: 0; width: 20%; height: auto;}
	#fv .slider_box .anime_fv_box_1 .fv_img_6{top: 130px; left: -7%; width: 20%; height: auto;}
	#fv .slider_box .anime_fv_box_1 .fv_img_7{top: 30px; left: 3%; width: 8%; height: auto;}
	
	#fv .bulletin_board .bulletin_img_box{ bottom:7%; min-width: 100%; height: auto; overflow: hidden;padding: 36% 0 0; }
	#fv .bulletin_board  .bulletin_img_box img{width: 100%; height: auto;}
	#fv .bulletin_board  .bulletin_img_box .fv_img_4{bottom: 10%; left: 0%; width: 14%; height: auto;}
	#fv .bulletin_board  .bulletin_img_box .fv_img_5{bottom: 0%; right: 0%; width: 26%; height: auto;}
	#fv .bulletin_board  .bulletin_img_box .fv_img_5 img.PC{display:none ;}
	#fv .bulletin_board  .bulletin_img_box .fv_img_5 img.SP{display: block;}
	#fv .bulletin_board  .bulletin_img_box .goat_1{bottom: 17%; left: 12.2%; width: 21%; height: auto;}
	#fv .bulletin_board .bulletin_img_box .goat_1:after{width: 82%; height: auto; background: url(../images/top/fv_logo_2_sp.svg) no-repeat center center; background-size: 100%; left: -64%; top: 10%; padding: 53% 0 0; right: auto;}
	#fv .bulletin_board  .bulletin_img_box .koala_1{bottom: 17%; right: 18%; width: 19%; height: auto;}
	#fv .bulletin_board  .bulletin_img_box .goat_1:before,
	#fv .bulletin_board  .bulletin_img_box .koala_1:before{width: 45%; height: auto; padding: 17% 0 0;}
	#fv .bulletin_board  .bulletin_img_box .goat_1:before{ bottom: -4%; left: 20%;}
	#fv .bulletin_board  .bulletin_img_box .koala_1:before{bottom: -2%; left: 34%; }
	
	#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2{background: url(../images/top/fv_bg_2.png) repeat-y top center; background-size: 100%; padding: 5%;}
	#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2:before{width: 33%; height: auto; left: 5px; padding: 10% 0 0;}
	#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2:after{width: 33%; height: auto; right: 5px; padding: 10% 0 0;}
	#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg {width: 100%; margin:0px auto; padding: 5.7% 23px 13.33%; border-radius: 10px;}
	#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .flex{align-items: center;justify-content: space-between;}
	#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .flex .text_box img{width: 59%; height: auto; margin: 0 auto;}
	#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .flex .text_box{text-align: center; width: 100%; }
	#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .flex .text_box .big_tt{ padding: 11px 0 0; text-align: center;}
	#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .flex .text_box .big_tt br.SP{ display: none;}
	#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .flex .text_box .text{ padding: 18px 0 0;font-size: 14px;}
	#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .flex .youtube{position: relative; width: 100%; height: auto; padding: 56.5% 0 0; border-radius: 9px; margin: 35px 0 0; }
	#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .view_btn{margin: 35px auto 0; width: 100%;}
	#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .view_btn img{width: 100%; height: auto;}
	#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .view_btn:before{height: auto; padding: 21.2% 0 0;}
	#fv .bulletin_board .fv_img_1{ bottom: -54px; min-width: 100%; left: 50%;}
	
	
	#fv .slider_box .swiper{width: 100%; height: auto;}
	#fv .slider_box .swiper-wrapper .swiper-slide{width: 90% !important;}
	#fv .slider_box .swiper-wrapper .swiper-slide .swiper-slide-shadow-left,
	#fv .slider_box .swiper-wrapper .swiper-slide .swiper-slide-shadow-right{border-radius: 21px;}
	#fv .slider_box .swiper-wrapper .swiper-slide .img_2{border-radius: 21px; width: 100%;}
	#fv .slider_box .swiper-wrapper .swiper-slide img.logo{position: absolute; top: 2.4%; left: 3.1%; bottom: auto; right: auto; width: 58.3%; height: auto;}
	#fv .slider_box .swiper .slider_btn{width: 96%; }
	
	#fv .slider_box .swiper .slider_btn .swiper-button-arrow{width: 80px; height: 80px; }
	#fv .slider_box .swiper .slider_btn .swiper-button-arrow:after{width: 14px; height: 27px; }
	#fv .slider_box .swiper .slider_btn .swiper-button-prev{left: 9px;}
	#fv .slider_box .swiper .slider_btn .swiper-button-next{right: 9px;}
	/*---------------------------------------------- .news_introduction ----------------------------------------------*/
	.news_introduction{background: #FFF4E3 url(../images/top/news_bg_1_sp_1.jpg) no-repeat center center; background-size:cover; padding: 47px 0 413px;}
	
	/*---------------------------------------------- #news ----------------------------------------------*/
	.news_introduction #news .flex .title_box{width: 100%; }
	.news_introduction #news .flex .title_box p{padding: 20px 0 0;}
	.news_introduction #news .flex .scroll_box{margin: 45px 0 0;}
	.news_introduction #news .scroll_wrap{width: 100%;}
	.news_introduction #news .scroll_wrap .scroll_box{height: 293px; }
	.news_introduction #news .scroll_wrap .custom_scrollbar{margin: 40px 0 ; right: 5px; height: calc(100% - 80px); width: 6px; border-radius: 28px;}
	.news_introduction #news .scroll_wrap .custom_scrollbar .custom_thumb{height: 40px; border-radius: 8px;}
	.news_introduction #news .scroll_wrap .scroll_wrap .scroll_box{	padding-right: 12px;}
	.news_introduction #news .flex .scroll_box .box{width: 100%; height: auto; padding: 30px 22px;}
	.news_introduction #news .flex .scroll_box .box:not(:last-child){margin: 0 0 22px;}
	.news_introduction #news .flex .scroll_box .box .flex p.date{line-height: 160%; margin: 0 0 14px; }
	.news_introduction #news .flex .scroll_box .box .flex .text_box{width: 100%; text-align: left;}
	.news_introduction #news .flex .scroll_box .box .flex .text_box h4{font-size: 18px; line-height: 145%; }
	.news_introduction #news .flex .scroll_box .box .flex .text_box h4 .PC{display: none;}
	.news_introduction #news .flex .scroll_box .box .flex .text_box .text{padding: 10px 0 0; line-height: 200%;}
	.news_introduction #news .flex .scroll_box .box .flex .text_box .title_date{padding: 25px 0 0;line-height: 150%;}
	
	.news_introduction #news .flex .scroll_box .box .flex .text_box .img_box{ width: 70%; height: auto;}
	.news_introduction #news .flex .scroll_box .box .flex .text_box .img_box.big_img_box{ width: 100%; height: auto;}
	.news_introduction #news .flex .scroll_box .box .flex .text_box .img_box.mini_img_box{width: 40%; height: auto;}
	.news_introduction #news .flex .scroll_box .box .flex .text_box .img_box img{width: 100%; height: auto;}
	/*---------------------------------------------- #introduction ----------------------------------------------*/
	.news_introduction #introduction{padding: 80px 0 0;}
	.news_introduction #introduction .flex img{padding: 0 2% 0 0; width: 60%; height: auto;}
	.news_introduction #introduction .flex .text_box{width: 100%; height: auto; margin: 31px 0 0;}
	.news_introduction #introduction .flex .text_box h4{line-height: 147%;}
	.news_introduction #introduction .flex .text_box p{ padding: 18px 0 0;}
	
	/*---------------------------------------------- .academics_sns ----------------------------------------------*/
	.academics_sns{background: url(../images/top/academics_bg_1_sp.jpg) no-repeat center top 5%, url(../images/top/academics_bg_2_sp_2.jpg) no-repeat center bottom; background-size: 100%,100%; padding: 52px 0 53px;}
	.academics_sns #academics .list_box{padding:240px 0 0; display: flex; flex-wrap: wrap;}
	.academics_sns #academics .list_box .flex_wow{width: 49%;}
	.academics_sns #academics .list_box .flex_wow:not(:last-child){margin: 0 0 20px;}
	.academics_sns #academics .list_box .flex_wow:not(:nth-child(2n)){margin-right: 2%;}
	.academics_sns #academics .list_box .img_box{position: relative; width: 100%;}
	.academics_sns #academics .list_box .img_box .main_img{border-radius: 18px;}
	.academics_sns #academics .list_box .img_box img{width: 100%; height: auto;}
	.academics_sns #academics .list_box .flex_box_1 .img_box .icn{display: none;}
	.academics_sns #academics .list_box .flex_box_2 .img_box .icn{right: -5.6%; bottom: -17%;width: 22.1%; height: auto;}
	.academics_sns #academics .list_box .flex_box_3 .img_box .icn{display: none;}
	.academics_sns #academics .list_box .text_box{width: 100%; padding: 23px 0 87px; }
	.academics_sns #academics .list_box .text_box h4{font-size: clamp(19px, 3vw, 24px); }
	.academics_sns #academics .list_box .text_box p{padding: 15px 0 0;}
	.academics_sns #academics .list_box .text_box a .text_tt{font-size: 14px; margin: 26px 20px 26px 0; }
	.academics_sns #academics .list_box .text_box a .ball{width: 75px; height: 75px;}
	.academics_sns #academics .list_box .text_box a .ball:before{ width: 60px; height: 12px; left: -15px; }
	.academics_sns #sns{padding: 230px 0 0;}
	.academics_sns #sns .flex{padding: 68px 0 0; display: flex;}
	.academics_sns #sns .flex a {width: 100%;}
	.academics_sns #sns .flex a:not(:last-child){margin: 0 2% 0 0;}
	.academics_sns #sns .flex a img{width: 100%; height: auto; border-radius: 18px; }
	.academics_sns #sns .flex a span{ font-size: clamp(13px, 1.7vw, 16px); padding: 10px 0 0;line-height: 165%;}
}

@media print, screen and (max-width:600px) {
		
	.inner{width: 90%; }
	h3{font-size: 18px; }
	h3 span{font-size: 46px;}
	/*---------------------------------------------- #fv ----------------------------------------------*/
	#fv{ background: url(../images/top/fv_bg_1_1_sp.jpg) no-repeat center top; background-size: 100%; padding: 33.4% 0 0; }
	#fv .slider_box .img_box{ bottom: -27%;}
	#fv .slider_box .title{width: 80%; }
	#fv .slider_box .title h2{line-height: 100%; }
	#fv .slider_box .title h2 span{font-size: 36px;}

	#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .flex .text_box .big_tt {font-size: 19px;}
	#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .flex .text_box .big_tt br.SP{ display: block;}
	#fv .slider_box .img_box{ padding: 56% 0 0; background: url(../images/top/fv_img_2_sp.png) no-repeat center center; background-size: 100%;}
	#fv .slider_box {margin: 0 0 26.5%;}
	#fv .bulletin_board{padding: 0 0 34.1%; background: #76B91A url(../images/top/fv_bg_1_2_sp.jpg) no-repeat center bottom; background-size: 100%; }

	#fv .bulletin_board .bulletin_bg_1{background: url(../images/top/fv_bg_6.png) no-repeat bottom center; background-size: 100%; width: 96%;}
	#fv .bulletin_board .bulletin_bg_1 .bulletin_bg_2 .white_bg .view_btn{margin: 19px auto 0; }
	#fv .slider_box .anime_fv_box_1 .fv_bg_5{width: 25%; height: auto;}
	#fv .slider_box .anime_fv_box_1 .fv_img_6{width: 25%; height: auto;top: 160px;}
	#fv .slider_box .anime_fv_box_1 .fv_img_7{width: 12%; height: auto;top: 60px;}
	
	#fv .bulletin_board .bulletin_img_box{ bottom:7%; min-width: 100%; height: auto; overflow: hidden;padding: 40% 0 0; }
	#fv .bulletin_board .bulletin_img_box img{width: 100%; height: auto;}
	#fv .bulletin_board .bulletin_img_box .fv_img_4{bottom: 7%; left: -8%; width: 17%;}
	#fv .bulletin_board .bulletin_img_box .fv_img_5{bottom: 0%; right: -8.6%; width: 31%; }
	#fv .bulletin_board .bulletin_img_box .goat_1{bottom: 18%; left: 4.2%;width: 25%;}
	#fv .bulletin_board .bulletin_img_box .goat_1:after{width: 102%; left: -85%; top:5%; padding: 62% 0 0;}
	#fv .bulletin_board .bulletin_img_box .koala_1{bottom: 24%; right: 13%; width: 22%; height: auto;}
	
	
	#fv .slider_box .swiper{width: 100%; height: auto;}
	#fv .slider_box .swiper-wrapper .swiper-slide {width: 84.3% !important;}
	#fv .slider_box .swiper-wrapper .swiper-slide .img_2{width: 100%; padding: 64% 0; }
	#fv .slider_box .swiper-wrapper .swiper-slide img.ime_block { position: absolute; top: 0px;display: block;}
	#fv .slider_box .swiper .slider_btn{width: 100%; }
	
	#fv .slider_box .swiper .slider_btn .swiper-button-arrow{width: 44px; height: 44px; }
	#fv .slider_box .swiper .slider_btn .swiper-button-arrow:after{width: 8px; height: 13px; }
	/*---------------------------------------------- .news_introduction ----------------------------------------------*/ 
	
	.news_introduction #news .flex .scroll_box .box .flex .text_box br.PC{display: none;}
	.news_introduction #news .flex .scroll_box .box .flex .text_box .img_box{ width: 80%; }
	.news_introduction #news .flex .scroll_box .box .flex .text_box .img_box.mini_img_box{width: 50%; }
	
	.news_introduction{background: #FFF4E3 url(../images/top/news_bg_1_sp.png) no-repeat center bottom; background-size: 100%; padding: 47px 0 413px;}
	.news_introduction #news .flex .title_box p { font-size: 14px;}
	.news_introduction #introduction .flex img{ width: 100%; }
	/*---------------------------------------------- .academics_sns ----------------------------------------------*/
	.academics_sns{background: url(../images/top/academics_bg_1_sp.jpg) no-repeat center top 182px, url(../images/top/academics_bg_2_sp.png) no-repeat center bottom; background-size: 100%,100%; }
	.academics_sns #academics .list_box{padding:50.4% 0 0; display: block;}	
	.academics_sns #academics .list_box .flex_wow{width: 100%;}
	.academics_sns #academics .list_box .flex_wow:not(:last-child){margin: 0 0 52px}
	.academics_sns #academics .list_box .text_box h4{font-size: 24px; }
	.academics_sns #sns{padding: 32.4% 0 0;}
	.academics_sns #sns .flex{display: block;}
	.academics_sns #sns .flex a:not(:last-child){margin: 0 0 28px;}
	.academics_sns #sns .flex a span{ font-size: 14px; }
}