/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/



.fv_superbox{
	width : 100% ;
	height : 100vh ;
	background-color: #FFFFFF ;
	overflow: hidden ;
}

.fv_slide{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
	z-index: 1 ;
	display: none ;
}

.fv_slide_overlay{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	z-index: 7;
	background-color: #ED264F ;
}

.fv_titlebox{
	position: absolute ;
	bottom : 50% ;
	left : 50% ;
	width : 600px ;
	/** height : 360px ; **/
	padding : 20px 20px ;
	margin-bottom : -160px ;
	background-color: #ED264F ;
	border-radius: 32px ;
	z-index : 8 ;
	color :#FFFFFF ;
	opacity: 0.01;
	transform : translate(-50%,0%);
}

.fv_title_name{
	width : 100% ;
	text-align: center ;
	font-size : 48px ;
	font-weight : 900 ;
	margin-bottom :10px ;
}
.fv_title_name span{
	font-size : 24px ;
}
.fv_title_name img{
	width : 100% ;
}

.fv_title_story{
	font-size : 18px ;
	font-weight : 700 ;
	line-height: 1.5;
}

.fv_title_bar{
	width : 0% ;
	height : 4px ;
	background-color: #FFFFFF ;
	margin : 0px auto 10px ;
}
.fv_catch{
	width : 100% ;
	font-size : 24px ;
	text-align: center ;
	font-weight : 700 ;
	line-height: 30px ;
}

.fv_map{
	position: absolute ;
	bottom : 0px ;
	right : 0px ;
	width : 25% ;
	z-index: 1 ;
}


.fv_logo_circle{
	position: absolute ;
	width : 64px ;
	height : 64px ;
	border-radius: 50%;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
	z-index : 3 ;
}

.fv_logo_circle_kbcc{
	/** background-color: #17184B ; **/
	bottom : 5%;
	right : 10% ;
	background-color: rgba(23,24,75,0.9);
}
.fv_logo_circle_kyuigi{
	/** background-color: #17184B ; **/
	bottom : 20%;
	right : 14% ;
	background-color: rgba(0,180,231,0.9);
}
.fv_logo_circle_katc{
	/** background-color: #17184B ; **/
	bottom : 18%;
	right : 5% ;
	background-color: rgba(255,211,0,0.9);
}
.fv_logo_circle_goto{
	/** background-color: #17184B ; **/
	bottom : 14%;
	right : 18% ;
	background-color: rgba(191,216,120,0.9);
}
.fv_logo_circle_fureai{
	/** background-color: #17184B ; **/
	bottom : 6%;
	right : 5% ;
	background-color: rgba(255,255,255,0.9);
}

.fv_logo_circle_area{
	position: absolute ;
	top : 40% ;
	right : -80px ;
	width : 160px ;
	height : 160px ;
	line-height : 160px ;
	border-radius: 80px ;
	transform : translate(0%,-50%);
	font-size : 20px ;
	font-weight : 700 ;
	text-align: center ;
	display: none ;
	
}
.fv_logo_circle_area_kbcc{
	color : rgb(23,24,75) ;
	background-color: #FFFFFF ;
}
.fv_logo_circle_area_kyuigi{
	color : rgb(0,180,231) ;
	background-color: #FFFFFF;
}
.fv_logo_circle_area_katc{
	color : rgb(255,211,0) ;
	background-color: #2B2B2B;
}
.fv_logo_circle_area_goto{
	color : rgb(191,216,120);
	background-color: #2B2B2B;
}
.fv_logo_circle_area_fureai{
	color : #FFFFFF ;
	background-color: #2B2B2B;
}







.fv_logo{
	position: relative ;
	top : 0%;
	width : 100% ;
	margin : 0px auto ;
}

.fv_logo_kbcc{
	margin-top : 12px ;
}
.fv_logo_kyuigi{
	margin-top : 12px ;
}
.fv_logo_katc{
	margin-top : 12px ;
}
.fv_logo_goto{
	margin-top : 0px ;
}
.fv_logo_fureai{
	margin-top : 12px ;
}

.fv_logo_story{
	width : 100%;
	max-width : 460px ;
	margin : 0px 0px 0px 160px ;
	color : #FFFFFF ;
	font-size : 18px ;
	line-height: 1.5;
	font-weight : 700 ;
	display: none ;
	padding-top : 10px ;
}
.fv_logo_story_goto,
.fv_logo_story_fureai,
.fv_logo_story_katc{
	color : #2B2B2B ;
}

.fv_logo_story h3{
	padding-bottom :4px ;
}


.fv_underbar{
	width : 100% ;
	height : 16px ;
	background-color: #ED264F ;
}


.inner960{
	width : 100% ;
	max-width : 960px ;
	margin : 0px auto ;
}


.info_section{
	width : 100% ;
	padding : 64px 0px 128px ;
	background-color: #D8D8D8 ;
}

.contents_title{
	width : 100% ;
	height : 120px ;
	overflow: hidden ;
	z-index : 4 ;
}
.contents_title.school{
	margin-bottom : 100px ;
}

.contents_title_left{
	float : left ;
	width : 64px ;
	height : 120px ;
	background-color: #ED264F ;
	color : #FFFFFF ;
	text-align :center ;
	font-size : 72px ;
	line-height: 196px ;
}

.contents_title_right{
	float : left ;
	width : calc( 100% - 64px) ;
	height : 120px ;
	color : #ED264F;
	font-size : 60px ;
	line-height: 196px ;
}
.contents_title_left.game{
	background-color: #FFFFFF ;
	color : #ED264F ;
}

.contents_title_right.game{
	color : #FFFFFF;
}




.slashbox01{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 400px ;
	z-index : 1 ;
	/** background-color: #FFFFFF ; **/
	overflow: hidden ;
}
.slashbox02{
	position: absolute;
	bottom : 0% ;
	right : 0% ;
	width : 100% ;
	height : 400px ;
	z-index : 1 ;
	/** background-color: #FFFFFF ; **/
	overflow: hidden ;
}
.slash{
	position: absolute ;
	top : 0px ;
	left : 150% ;
	width : 10px ;
	height : 100%;
	transform : skew(-30deg) ;
	transform-origin: right top ;
	background-color: #FFFFFF ;
}
.slash_r{
	position: absolute ;
	top : 0px ;
	right : 150% ;
	width : 10px ;
	height : 100%;
	transform : skew(-30deg) ;
	transform-origin: left bottom ;
	background-color: #FFFFFF ;
}
.slash_gray{
	background-color : #D8D8D8 ;
}
.slash_black{
	background-color : #2B2B2B ;
}


.ads_box_r{
	position: absolute ;
	top : 216px ;
	right : 0px;
	width : calc( 50% - 500px ) ;
	max-width : 400px ;
	z-index : 3 ;
}
.ads_box_l{
	position: absolute ;
	top : 216px ;
	left : 0px;
	width : calc( 50% - 500px ) ;
	max-width : 400px ;
	z-index : 3 ;
}
.ads_box_r img,
.ads_box_l img{
	width : 100% ;
}

.info_superbox{
	width : 100% ;
	margin-top:  32px ;
	z-index : 4 ;
}

.info_item_wrapa{
	float : left;
	width : 66% ;
	/** height : 640px ; **/
}
.info_item_wrapb{
	float : right;
	width : 66% ;
	/** height : 640px ; **/
}
.info_item01{
	width : 100% ;
	height : 320px ;
	margin-top : 40px ;
}
.info_item02{
	width : 100% ;
	height : 320px ;
	margin-top : 40px ;
}
.info_item03{
	float : right ;
	width : 34% ;
	height : 640px ;
	margin-top : 80px ;
}
.info_item04{
	float : left ;
	width : 34% ;
	height : 640px ;
	margin-top : 40px ;
}
.info_item05{
	width : 100% ;
	height : 320px ;
	margin-top : 20px ;
}
.info_item06{
	width : 100% ;
	height : 320px ;
	margin-top : 80px ;
	background-color : #ED264F;
	padding : 40px 40px 150px 40px ;
	font-size : 24px  ;
	color : #FFFFFF ;
	font-weight : 700 ;
}
.info_item06_linkbox{
	position: absolute ;
	bottom : 20px ;
	left : 50% ;
	transform : translate(-50%,0%);
	width : 300px ;
	height : 130px ;
	text-align: center ;
	font-size: 24px ;
	color : #FFFFFF ;
}
.info_link_arrow{
	position: absolute ;
	bottom : 32px ;
	left : 50% ;
	transform : translate(-50%,0%);
	width : 66px ;
	height : 32px ;
}


.info_image{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100%;
	height : 100% ;
	object-fit: cover ;
	z-index : 4 ;
}

.info_overlay{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	background-color: rgba(52,27,33,0.5);
	z-index: 5 ;
}


.info_item_title{
	position: absolute ;
	bottom : 0px ;
	left : 0% ;
	width : 100% ;
	color : #FFFFFF ;
	font-size : 20px ;
	font-weight : 700 ;
	z-index : 6 ;
}
.info_item01 .info_item_title{
	bottom : 0px ;
	padding : 20px 80px 20px 20px ;
}
.info_item02 .info_item_title{
	bottom : 0px ;
	padding : 20px 20px 20px 80px ;
}
.info_item03 .info_item_title{
	bottom : auto ;
	top : 0px ;
	padding : 20px 80px 20px 20px ;
}
.info_item04 .info_item_title{
	bottom : 0px ;
	padding : 20px 20px 20px 80px ;
}
.info_item05 .info_item_title{
	bottom : auto ;
	top : 0px ;
	padding : 20px 80px 20px 20px ;
}



.info_item_circle{
	position: absolute ;
	width : 64px ;
	height : 64px ;
	border-radius: 50%;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
	z-index : 7 ;
}




.info_item_circle_kbcc{
	background-color: rgba(23,24,75,0.9);
}
.info_item_circle_kyuigi{
	background-color: rgba(0,180,231,0.9);
}
.info_item_circle_katc{
	background-color: rgba(255,211,0,0.9);
}
.info_item_circle_goto{
	background-color: rgba(191,216,120,0.9);
}
.info_item_circle_fureai{
	background-color: rgba(255,255,255,0.9);
}
.info_item_circle img{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	width : 120% ;
	transform : translate(-50%,-50%);
}


.info_item01 .info_item_circle{
	bottom : -4px ;
	right : 0px ;
}
.info_item02 .info_item_circle{
	bottom : -4px ;
	left : -10px ;
}
.info_item03 .info_item_circle{
	top : -4px ;
	right : -1px ;
}
.info_item04 .info_item_circle{
	bottom : -4px ;
	left : -10px ;
}
.info_item05 .info_item_circle{
	top : 0px ;
	right : -10px ;
}


.inner1280{
	width : 100% ;
	max-width : 1280px ;
	margin : 0px auto ;
	padding-top : 1px;
}



.school_section{
	width : 100% ;
	padding : 128px 0px 0px ;
	background-color: #FFFFFF ;
}

.school_superbox{
	width : 100%;
	height : auto;
}

.school_mainimage{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
	z-index: 1 ;
}


.school_logo_superbox{
	width : 50%; ;
	padding : 72px 10px ;
}

.school_logo_superbox.kyuigi,
.school_logo_superbox.fureai,
.school_logo_superbox.kbcc{
	float : right ;
}

.school_logo{
	width : 100% ;
	max-width : 640px ;
	z-index: 4;
	left : 40px ;
	margin : 0px auto ;
}
.school_logo.goto{
	max-width : 400px ;
}

.school_link_back{
	position: absolute ;
	top : 0% ;
	left : 120% ;
	width : 100% ;
	height : 100% ;
	background-color: #ED264F;
	z-index: 3 !important;
}
.school_logo_linkbox div{
	z-index: 4 ;
}
.school_logo_linkbox{
	width : 100% ;
	padding : 20px ;
	border-radius: 16px ;
	text-align: center ;
	font-size : 32px ;
	font-weight : 700 ;
	margin-top : 20px ;
	left : 80px ;
	z-index: 4 ;
	overflow: hidden ;
}
.school_storybox.kbcc,
.school_logo_linkbox.kbcc{
	background-color: rgba(23,24,75,0.9);
	color : #FFFFFF ;
}
.school_storybox.kyuigi,
.school_logo_linkbox.kyuigi{
	background-color: rgba(0,180,231,0.9);
	color : #FFFFFF ;
}
.school_storybox.katc,
.school_logo_linkbox.katc{
	background-color: rgba(255,211,0,0.9);
	color : #2B2B2B ;
}
.school_storybox.goto,
.school_logo_linkbox.goto{
	background-color: rgba(191,216,120,0.9);
	color : #2B2B2B ;
}
.school_storybox.fureai,
.school_logo_linkbox.fureai{
	background-color: rgba(255,255,255,0.9);
	color : #2B2B2B ;
}


.school_storybox{
	width : 100% ;
	padding : 52px 40px 32px ;
	font-size : 20px ;
	font-weight : 700 ;
	z-index: 4 ;
}

.school_storyinner{
	width : 100% ;
	max-width : 800px ;
	margin : 0px auto ;
}
.school_storyinner p{
	margin-bottom : 20px ;
}

.school_photo_flex{
	width : 100% ;
	max-width : 1000px ;
	height : auto ;
	margin : 52px auto 0px ;
}
.school_photo_item{
	width : 25% ;
	max-width : 240px ;
	height : 240px ;
}
.school_photo_item img{
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
}


.game_section{
	width : 100% ;
	height : auto ;
	padding : 128px 0px ;
	background-color: #ED264F ;
}






#footer{
	width : 100% ;
	padding : 128px 0px 128px ;
	background-color: #D8D8D8 ;
	color : #2B2B2B ;
	margin-top : 256px ;
}


.footer_title{
	width : 100% ;
	font-size : 36px ;
	font-weight : 900 ;
	padding-bottom : 10px ;
	border-bottom : 6px solid #2B2B2B ;
	margin-bottom : 20px ;
	z-index: 4 ;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.25);
}
.footer_title img{
	width : 100% ;
	max-width : 560px ;
	margin : 0px auto ;
}

.footer_left{
	float : left ;
	width : 50% ;
	font-size : 20px ;
	font-weight : 700 ;
	z-index: 4 ;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.25);
}
.footer_right{
	float : right ;
	text-align: right ;
	width : 50% ;
	font-size : 20px ;
	font-weight : 700 ;
	line-height: 40px ;
	z-index: 4 ;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.25);
}
.footer_left p,
.footer_right p{
	margin-bottom : 20px ;
}
.footer_bar{
	display: inline-block;
	margin-bottom : 20px ;
	margin-top : 10px ;
}
.footer_right_title{
	border-bottom : 2px solid #2B2B2B ;
	text-align : left ;
}


.footer_copy{
	position: absolute ;
	bottom : 0px ;
	left : 0% ;
	width : 100% ;
	height : 80px ;
	line-height : 80px ;
	text-align: center ;
	font-size : 12px ;
	font-weight : 700 ;
	color : #2B2B2B ;
	z-index: 4 ;
}



.scroll_superbox{
	position: fixed ;
	bottom : 100px ;
	left : 50% ;
	transform : translate(-50%,0%);
	width : 90% ;
	height : 8px ;
	z-index: 14 ;
	display: none ;
}

.scroll_line{
	width : 100% ;
	height : 8px ;
	background-color: #ED264F ;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
}


.scroll_point{
	position: absolute ;
	top : 50% ;
	left : 0% ;
	transform: translate(0%,-50%);
	width : 36px ;
	height : 36px ;
	background-color: #ED264F ;
	border-radius: 50% ;
}

.scroll_home{
	left : 0% ;
}
.scroll_info{
	left : 25% ;
}
.scroll_school{
	left : 50% ;
}
.scroll_game{
	left : 75% ;
}
.scroll_credit{
	left : auto ;
	right : 0% ;
}

.scroll_point_name{
	position: absolute ;
	top : 52px ;
	left : 50% ;
	transform : translate(-50%,0%);
	width : 200px ;
	height : 20px ;
	line-height : 20px ;
	text-align: center ;
	color : #ED264F ;
}

.scroll_now{
	position: absolute ;
	top : 50% ;
	left : 0% ;
	transform: translate(-4px,-50%);
	width : 44px ;
	height : 44px ;
	border : 2px solid #ED264F ;
	border-radius: 50% ;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
}







.pv_section{
	width : 100% ;
	background-color: #ED264F ;
}
.pv_superbox{
	float : left ;
	width : calc( 100% - 400px ) ;
	z-index: 1 ;
}

#pv_video01{
	display: block ;
	width : 100% ;
}

.pv_titlebox{
	position: absolute ;
	top : 0% ;
	right: 0%;
	width : 1000px ;
	height : 100% ;
	margin-left : 0px ;
	z-index: 6 ;
	background-color: #ED264F ;
}
.pv_titlebox.appear{
	opacity: 1 !important ;
}
.pv_titlebox_back{
	position: absolute ;
	top : 0% ;
	right: 0%;
	width : 100% ;
	height : 100% ;
	z-index: 5 ;
	background-color: #ED264F ;
}
.pv_titlebox_back.appear{
	opacity: 1 !important ;
}
.pv_titlebox_wrap{
	position: absolute;
	top : 50% ;
	left : 20px ;
	width : 400px ;
	transform: translate(0% ,-50% );
}


























.slide_box{
	position: fixed ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	background-color: rgba(0,0,0,0.8);
	cursor: pointer;
	z-index: 71 ;
	display: none ;
}
.slide_box_wrap{
	position: absolute ;
	top : 10% ;
	left : 10% ;
	width : 80% ;
	height : 80% ;
}
.slide_box_wrap img{
	width : 100% ;
	height : 100% ;
	object-fit: contain ;
}





.lang_superbox{
	width : 100% ;
	max-width : 1920px ;
	z-index : 44 ;
	margin : 0px auto ;
}
.lang_superbox div{
	width : 12.5%;
	height : 64px ;
	line-height : 64px ;
	font-size : 16px ;
	font-weight : 700 ;
	background-color : #2B2B2B;
	color : #FFFFFF ;
	cursor: pointer ;
	text-align: center ;
}

.lang_superbox div.langtitle{
	width : 12.5% ;
	background-color: #FFFFFF ;
	color : #2B2B2B;
}
.lang_superbox div.active{
	background-color: #ED264F ;
}




.ja{
	display: block ;
}
.en{
	font-size : 80% ;
	display: none ;
}
.ne{
	font-size : 80% ;
	display: none ;
}
.vi{
	font-size : 80% ;
	display: none ;
}
.ky{
	font-size : 80% ;
	display: none ;
}
.ru{
	font-size : 80% ;
	display: none ;
}
.cn{
	font-size : 80% ;
	display: none ;
}








@media screen and (max-width: 1200px) {



}


/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 1080px) {







.fv_superbox{
	height : 1280px ;
}

.fv_slide{
}

.fv_slide_overlay{
}

.fv_titlebox{
	width : 640px ;
	/** height : 360px ; **/
}

.fv_title_name{
}
.fv_title_name span{
}
.fv_title_name img{
}

.fv_title_story{
}

.fv_title_bar{
}

.fv_map{
	display: none ;
}


.fv_logo_circle{
	
}

.fv_logo_circle_kbcc{
	bottom : 56%;
	right : 1% ;
}
.fv_logo_circle_kyuigi{
	bottom : 70%;
	right : 1% ;
}
.fv_logo_circle_katc{
	bottom : 62%;
	right : 1% ;
}
.fv_logo_circle_goto{
	bottom : 48%;
	right : 1% ;
}
.fv_logo_circle_fureai{
	bottom : 40%;
	right : 1% ;
}

.fv_logo{
}

.fv_logo_kbcc{
}
.fv_logo_kyuigi{
}
.fv_logo_katc{
}
.fv_logo_goto{
}
.fv_logo_fureai{
}

.fv_logo_story{
}
.fv_logo_story_goto,
.fv_logo_story_fureai,
.fv_logo_story_katc{
}

.fv_logo_story h3{
}


.fv_underbar{
}


.inner960{
	max-width : 640px ;
}


.info_section{
}

.contents_title{
}
.contents_title.school{
}

.contents_title_left{
}

.contents_title_right{
}
.contents_title_left.game{
}

.contents_title_right.game{
}




.slashbox01{
}
.slashbox02{
}
.slash{
}
.slash_r{
}
.slash_gray{
}
.slash_black{
}


.ads_box_r{
	display: none ;
}
.ads_box_l{
	display: none ;
}
.ads_box_r img,
.ads_box_l img{
}

.info_superbox{
}

.info_item_wrapa{
	float : none;
	width : 100% ;
}
.info_item_wrapb{
	float : none;
	width : 100% ;
}
.info_item01{
	width : 100% ;
}
.info_item02{
}
.info_item03{
	float : none ;
	width : 100% ;
	height : 320px ;
}
.info_item04{
	float : none ;
	width : 100% ;
	height : 320px ;
}
.info_item05{
}
.info_item06{
	font-size : 24px  ;
}
.info_item06_linkbox{
}
.info_link_arrow{
}


.info_image{
}

.info_overlay{
}


.info_item_title{
	font-size : 24px ;
}
.info_item01 .info_item_title{
	bottom : 0px ;
	padding : 20px 80px 20px 20px ;
}
.info_item02 .info_item_title{
	bottom : 0px ;
	padding : 20px 80px 20px 20px ;
}
.info_item03 .info_item_title{
	bottom : 0px ;
	padding : 20px 80px 20px 20px ;
	top : auto ;
}
.info_item04 .info_item_title{
	bottom : 0px ;
	padding : 20px 80px 20px 20px ;
}
.info_item05 .info_item_title{
	bottom : 0px ;
	padding : 20px 80px 20px 20px ;
	top : auto ;
}

.info_item_title span{
	display: block ;
}



.info_item_circle{
}




.info_item_circle_kbcc{
}
.info_item_circle_kyuigi{
}
.info_item_circle_katc{
}
.info_item_circle_goto{
}
.info_item_circle_fureai{
}
.info_item_circle img{
}


.info_item01 .info_item_circle{
	bottom : -4px ;
	right : 0px ;
	left : auto ;
}
.info_item02 .info_item_circle{
	bottom : -4px ;
	right : 0px ;
	left : auto ;
}
.info_item03 .info_item_circle{
	bottom : -4px ;
	right : 0px ;
	top : auto ;
	left : auto ;
}
.info_item04 .info_item_circle{
	bottom : -4px ;
	right : 0px ;
	left : auto ;
}
.info_item05 .info_item_circle{
	bottom : -4px ;
	right : 0px ;
	top : auto ;
	left : auto ;
}


.inner1280{
	max-width : 640px ;
}



.school_section{
}

.school_superbox{
}

.school_mainimage{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
	z-index: 1 ;
}


.school_logo_superbox{
	width : 100%; ;
	padding : 172px 10px 72px ;
}

.school_logo_superbox.kyuigi,
.school_logo_superbox.kbcc,
.school_logo_superbox.fureai{
	float : none ;
}

.school_logo{
	max-width : 320px ;
}
.school_logo.goto{
	max-width : 400px ;
}

.school_link_back{
}
.school_logo_linkbox div{
}
.school_logo_linkbox{
}
.school_storybox.kbcc,
.school_logo_linkbox.kbcc{
	background-color: rgba(23,24,75,1);
}
.school_storybox.kyuigi,
.school_logo_linkbox.kyuigi{
	background-color: rgba(0,180,231,1);
}
.school_storybox.katc,
.school_logo_linkbox.katc{
	background-color: rgba(255,211,0,1);
}
.school_storybox.goto,
.school_logo_linkbox.goto{
	background-color: rgba(191,216,120,1);
}
.school_storybox.fureai,
.school_logo_linkbox.fureai{
	background-color: rgba(255,255,255,1);
}


.school_storybox{
	font-size : 24px ;
}

.school_storyinner{
	max-width : 640px ;
}

.school_photo_flex{
}
.school_photo_item{
	width : 50% ;
	max-width : 320px ;
}
.school_photo_item img{
}


.game_section{
}






#footer{
}


.footer_title{
	padding-bottom : 20px ;
}
.footer_title img{
	margin : 0px auto ;
}

.footer_left{
	float : none ;
	width : 100% ;
	font-size : 24px ;
	margin-bottom : 0px ;
	padding : 10px 40px ;
	text-align: center ;
}
.footer_right{
	float : none ;
	width : 100% ;
	font-size : 24px ;
	margin-bottom : 32px ;
	padding : 10px 40px ;
	text-align: center ;
}

.footer_right_title{
	margin-top : 32px ;
	margin-bottom : 20px ;
}

.footer_copy{
	font-size : 16px ;
}
.footer_bar{
	margin-top : 10px ;
}


.scroll_superbox{
	position: fixed ;
	bottom : 100px ;
	left : 50% ;
	transform : translate(-50%,0%);
	width : 90% ;
	height : 8px ;
	z-index: 14 ;
	display: none ;
}

.scroll_line{
	width : 100% ;
	height : 8px ;
	background-color: #ED264F ;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
}


.scroll_point{
	position: absolute ;
	top : 50% ;
	left : 0% ;
	transform: translate(0%,-50%);
	width : 36px ;
	height : 36px ;
	background-color: #ED264F ;
	border-radius: 50% ;
}

.scroll_home{
}
.scroll_info{
}
.scroll_school{
}
.scroll_game{
}
.scroll_credit{
	right : 0% ;
	left : auto ;
}

.scroll_point_name{
	display: none ;
}

.scroll_now{
}






.pv_section{
}
.pv_superbox{
	float : none ;
	width : 100% ;
}

#pv_video01{
}

.pv_titlebox{
	position: relative ;
	top : auto ;
	right: auto ;
	width : 100% ;
	height : 400px ; ;
	margin-left : 0px ;
	z-index: 6 ;
	background-color: transparent ;
}
.pv_titlebox.appear{
	opacity: 1 !important ;
}
.pv_titlebox_back{
	position: absolute ;
	top : 0% ;
	right: 0%;
	width : 100% ;
	height : 100% ;
	z-index: 5 ;
	background-color: #ED264F ;
}
.pv_titlebox_back.appear{
	opacity: 1 !important ;
}
.pv_titlebox_wrap{
	position: absolute;
	top : 50% ;
	left : 20px ;
	width : 400px ;
	transform: translate(0% ,-50% );
}














.lang_superbox{
}
.lang_superbox div{
	width : 25%;
	font-size : 20px ;
}

.lang_superbox div.langtitle{
	width : 25% ;
}
.lang_superbox div.active{
}




.ja{
}
.en{
}









}