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


.top_slide_superbox{
	width : 100% ;
	height : 100vh ;
	overflow : hidden ;
	z-index : 14 ;
}

.top_slide_image{
	position : absolute ;
	top : 0px ;
	left : 0px ;
	width : 100% ;
	height : 100% ;
	z-index : 14 ;
	object-fit: cover ;
	display : none ;
}
.top_slide_catch{
	position : absolute ;
	width : 640px ;
	height : auto ;
	z-index : 18 ;
	display : none ;
}

.top_slide_catch01{
	top : 50% ;
	left : 0px ;
	margin-top : -125px ;
}
.top_slide_catch02{
	top : 100px ;
	left : 0px ;
}
.top_slide_catch03{
	top : 50% ;
	left : 50% ;
	margin-left : -320px ;
	margin-top : -125px ;
}
.top_slide_catch04{
	top : 100px ;
	right : 0px ;
}
.top_slide_catch05{
	bottom : 0px ;
	right : 0px ;
}


.top_gnavi_underbar{
	width : 100% ;
	height : 40px ;
	background-color : #00B3D6 ;
	z-index : 14 ;
}


.top_recruit_superbox{
	width : 100% ;
	height : auto ;
	background-color : #EDFFB1 ;
	z-index : 14;
}
.top_recruit_photobox{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : calc( 100% - 640px );
	height : 100% ;
	overflow : hidden ;
}

.top_recruit_storybox{
	box-sizing : border-box ;
	float : right ;
	width : 640px ;
	height : 640px  ;
	padding : 80px  40px ;
}

.top_recruit_title{
	width : 100% ;
	max-width : 360px ;
	height : auto ;
	margin : 0px auto 60px ;
}

.top_recruit_story_text{
	color : #2DA498 ;
	font-size : 20px ;
	margin-bottom : 80px ;
}

.top_recruit_linkbox{
	border : 2px solid #2DA498 !important ;
	color : #2DA498 !important ;
}





.top_iwojima_superbox{
	width : 100% ;
	height : auto ;
	z-index : 14 ;
	padding : 40px 0px ;
	background-color : #FFFFFF ;
}

.top_iwojima_image{
	width : auto ;
	max-width : 80% ;
	margin : 0px auto 40px ;
	z-index : 13 ;
}

.top_iwojima_title{
	position : absolute ;
	top : 40px ;
	left : 0px ;
	z-index : 14;
}

.top_iwojima_titleback{
	position : absolute ;
	top : 60px ;
	left : 0px ;
	width : 0px ;
	height : 200px ;
	background-image : url("../sixtyel_images/common/back_dot_y.png");
	z-index : 12 ;
}

.top_iwojima_titleback2{
	position : absolute ;
	top : 100px ;
	left : 0px ;
	width : 0% ;
	height : 600px ;
	background-color : #FFC7D7 ;
	z-index : 11 ;
}



.top_events_header{
	width : 100% ;
	height : 100px ;
	z-index : 14 ;
}

.top_events_superbox{
	width : 100% ;
	height : auto ;
	padding : 80px 0px 180px  ;
	margin-top : -4px ;
	background-color : #BCEEFF ;
	z-index : 14 ;
}


.top_events_title{
	width : 300px ;
	height : auto ;
	margin : 0px auto ;
}

.top_events_title_bar{
	width : 600px ;
	height : auto ;
	font-size : 24px ;
	text-align : center ;
	border-top : 2px solid #000000 ;
	margin : 10px auto 80px  ;
}

.top_events_linkbox{
	border : 2px solid #000000 ;
	color : #000000 ;
}



.top_students_header{
	width : 100% ;
	height : 100px ;
	margin-top : -100px ;
	z-index : 14 ;
}

.top_students_superbox{
	width : 100% ;
	height : auto ;
	padding : 80px 0px ;
	margin-top : -4px ;
	background-color : #FFD600 ;
	z-index : 14 ;
}
.top_students_footerbox{
	background-color : #FFFFFF ;
	z-index : 14 ;
}
.top_students_footer{
	width : 100% ;
	height : 100px ;
}


.top_sche_1stbox{
	width : 100% ;
	height : auto ;
	margin : 0px auto 20px ;
}
.top_sche_1stbox img{
	width : auto ;
	max-width : 100% ;
	height : auto ;
	margin : 0px auto ;
}







.top_classnews_superbox{
	width : 100% ;
	height : 600px ;
	z-index : 14;
	background-color : #FFFFFF ;
}

.top_classnews_imagebox{
	float : left ;
	width : calc( 100% - 600px );
	height : 600px ;
	overflow : hidden ;
}

.top_classnews_storybox{
	box-sizing : border-box ;
	float : right ;
	width : 600px ;
	height : 600px  ;
	padding : 120px 40px 80px ;
}
.top_classnews_bboard{
	position : absolute ;
	top : 0px ;
	right : 100px ;
	width : auto ;
	height : auto ;
	z-index : 16;
}

.top_classnews_bird{
	position : absolute ;
	top : 0px ;
	left : -200px ;
	width : auto ;
	height : auto ;
	z-index : 17;
}

.top_classnews_back{
	position : absolute ;
	top : 200px ;
	left : 0px ;
	width : 0% ;
	height : 300px ;
	z-index : 11 ;
	background-color : #00B3D6 ;
}

.top_classnews_latest{
	box-sizing : border-box ;
	width : 100% ;
	height : auto ;
	padding : 20px 60px ;
	margin-top : 20px ;
	border-top : 2px solid #2DA498 ;
	font-size : 20px ;
	color : #2DA498 ;
}
.top_classnews_latest a{
	color : #2DA498 ;
	text-decoration: underline; 
}




.top_nurse_superbox{
	width : 100% ;
	height : 600px ;
	z-index : 14;
	background-color : #FFFFFF ;
}

.top_nurse_imagebox{
	float : right ;
	width : calc( 100% - 600px );
	height : 600px ;

}

.top_nurse_storybox{
	box-sizing : border-box ;
	float : left ;
	width : 600px ;
	height : 600px  ;
	padding : 80px  40px ;
}
.top_nurse_face{
	position : absolute ;
	top : 60px ;
	left : 10px ;
	width : 400px  ;
	height : auto ;
	margin-top : 40px ;
	z-index : 16;
}
.top_nurse_circle{
	position : absolute ;
	top : 80px ;
	left : 20px ;
	width : 500px  ;
	height : auto ;
	z-index : 15;
	margin-left : 100px ;
}


.top_classnews_latest{
	box-sizing : border-box ;
	width : 100% ;
	height : auto ;
	padding : 20px 60px ;
	margin-top : 20px ;
	border-top : 2px solid #2DA498 ;
	font-size : 20px ;
	color : #2DA498 ;
}
.top_classnews_latest a{
	color : #2DA498 ;
	text-decoration: underline; 
}

.top_nurse_back{
	position : absolute ;
	top : 100px ;
	right : 0px ;
	width : 100% ;
	height : 300px ;
	z-index : 11 ;
	background-image : url("../sixtyel_images/common/back_slash_c.png");
}


.top_nurse_baloon{
	position : absolute ;
	top : 0px ;
	left : 300px ;
	box-sizing : border-box ;
	padding : 40px ;
	width : 400px ;
	height : auto ;
	border-radius : 100px ;
	-moz-border-radius : 100px ;
	-webkit-border-radius : 100px ;
	background-color : #00B3D6 ;
	border : 4px solid #FFFFFF ;
	font-size : 20px ;
	font-weight : 600 ;
	color : #FFFFFF ;
	z-index : 16 ;
	font-family: "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro", "游ゴシック" , "Yu Gothic" , "YuGothic" , "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.top_nurse_baloon_arrow{
	position : absolute ;
	bottom : -60px ;
	left : 100px ;
}



.top_info_superbox{
	box-sizing : border-box ;
	width : 100% ;
	height : auto ;
	padding : 60px 40px 100px ;
	background-color : #00B3D6 ;
	color : #FFFFFF ;
	font-size : 24px ;
	font-weight : 600 ;
	z-index : 14 ;
}
.top_info_superbox a,
.top_info_superbox a:link{
	color : #FFFFFF ;
	text-decoration: underline;
}

.top_info_inner{
	box-sizing : border-box ;
	width : 100% ;
	max-width : 1280px ;
	padding : 20px 40px 0px 290px ;
	margin : 0px auto ;
}

.top_info_title{
	position: absolute ;
	top : 0px ;
	left : 20px ;
	width : 240px ;
	padding : 20px 0px ;
	background-color : #FFFFFF ;
	color : #00B3D6 ;
	font-size : 24px ;
	font-weight : 700 ;
	text-align : center ;
}





.top_recruit_image{
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
}





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

.top_recruit_superbox{
}
.top_recruit_photobox{
	width : calc( 100% - 600px );
}


.top_recruit_storybox{
	width : 600px ;
	height : 600px  ;
}

.top_recruit_title{
	margin : 0px auto 40px ;
}

.top_recruit_story_text{
	margin-bottom : 40px ;
}

.top_recruit_linkbox{
}





.top_iwojima_image{
	float : right ;
	width : 80% ;
	max-width : 1000px  ;
	margin : 0px 0px 40px ;
}

.top_iwojima_title{
	top : 40px ;
	left : -30px ;
	width : 300px ;
}

.top_iwojima_titleback2{
	height : 300px ;
}








.top_classnews_superbox{
	height : auto ;
}

.top_classnews_imagebox{
	width : calc( 100% - 600px );
	height : 400px ;
}

.top_classnews_storybox{
	padding : 40px 40px 80px ;
	height : auto ;
}
.top_classnews_bboard{
	width : 120% ;
}

.top_classnews_bird{
	left : -200px ;
	width : 120% ;
}

.top_classnews_back{
	top : 200px ;
	height : 300px ;
}

.top_classnews_latest{
	padding : 20px 0px ;
}
.top_classnews_latest a{
}




.top_nurse_superbox{
	height : auto ;
}

.top_nurse_imagebox{
	width : calc( 100% - 600px );
	height : 400px ;

}

.top_nurse_storybox{
	height : auto  ;
}
.top_nurse_face{
	top : auto ;
	bottom : 0px ;
	left : auto ;
	right : 160px ;
	width : 200px  ;
	height : auto ;
}
.top_nurse_circle{
	top : auto ;
	bottom : 0px ;
	left : auto ;
	right : 100px ;
	width : 240px  ;
	height : auto ;
}


.top_classnews_latest{
}
.top_classnews_latest a{
}

.top_nurse_back{
	top : 100px ;
	right : 0px ;
	width : 100% ;
	height : 300px ;
}


.top_nurse_baloon{
	top : 0px ;
	left : auto ;
	right : 20px ;
	padding : 40px ;
	width : 400px ;
}

.top_nurse_baloon_arrow{
	bottom : -60px ;
	left : 200px ;
}



}



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




}


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




.top_recruit_photobox{
	position: relative;
	top : auto ;
	left : auto ;
	float : none ;
	width : 100% ;
	height : 360px  ;
	min-height : 360px ;
	overflow : hidden ;
}

.top_recruit_storybox{
	float : none ;
	width : 100% ;
	height : auto  ;
	padding : 80px  40px ;
}

.top_recruit_title{
	width : 100% ;
	max-width : 360px ;
	margin : 0px auto 60px ;
}

.top_recruit_story_text{
	font-size : 20px ;
	margin-bottom : 80px ;
}

.top_recruit_linkbox{
	border : 2px solid #2DA498 !important ;
	color : #2DA498 !important ;
}






.top_classnews_superbox{
	height : auto ;
	z-index : 14;
}

.top_classnews_imagebox{
	float : none ;
	width : 100% ;
	height : auto ;
}

.top_classnews_storybox{
	float : none ;
	width : 100% ;
	height : auto  ;
	padding : 40px 40px 80px ;
}
.top_classnews_bboard{
	position : relative ;
	top : auto ;
	right : auto ;
	width : 100% ;
}

.top_classnews_bird{
	position : absolute ;
	top : 0px ;
	left : -200px ;
	width : 100% ;
}

.top_classnews_back{
}

.top_classnews_latest{
}
.top_classnews_latest a{
}




.top_nurse_superbox{
	height : auto ;
}

.top_nurse_imagebox{
	float : none ;
	width : 100% ;
	height : auto ;

}

.top_nurse_storybox{
	float : none ;
	width : 100% ;
	height : auto  ;
	padding : 80px  40px ;
}
.top_nurse_face{
	position : absolute ;
	top : auto ;
	bottom : 0px ;
	left : 10px ;
	width : 40%  ;
	height : auto ;
	margin-top : 40px ;
	z-index : 16;
}
.top_nurse_circle{
	position : relative ;
	top : 0px  ;
	left : 40px  ;
	right : auto ;
	width : 50%  ;
	margin-left : 100px ;
}


.top_classnews_latest{
}
.top_classnews_latest a{
}

.top_nurse_back{
	top : 100px ;
	right : 0px ;
	width : 100% ;
	height : 240px ;
}


.top_nurse_baloon{
	position : relative ;
	top : auto ;
	left : auto ;
	box-sizing : border-box ;
	padding : 40px ;
	width : 80% ;
	max-width : 1000px  ;
	margin : 0px auto ;
}

.top_nurse_baloon_arrow{
	position : absolute ;
	bottom : -60px ;
	left : auto ;
	right : 100px ;
}









}












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


.top_slide_catch{
	width : 90% ;
}
.top_slide_catch03{
	top : 50% ;
	left : 5% ;
	margin-left : 0px ;
	margin-top : -125px ;
}


.top_iwojima_superbox{
	padding : 200px 0px 40px ;
}


.top_iwojima_image{
	width : auto ;
	max-width : 100%  ;
}

.top_iwojima_title{
	top : 40px ;
	left : -30px ;
	width : 300px ;
}

.top_iwojima_titleback{
	position : absolute ;
	top : 60px ;
	left : 0px ;
	width : 0px ;
	height : 200px ;
	background-image : url("../sixtyel_images/common/back_dot_y.png");
	z-index : 12 ;
}

.top_iwojima_titleback2{
	position : absolute ;
	top : 100px ;
	left : 0px ;
	width : 0% ;
	height : 400px ;
	background-color : #FFC7D7 ;
	z-index : 11 ;
}



.top_events_title_bar{
	width : 80% ;
	margin : 10px auto 80px  ;
	font-size :14px ;
}





.top_info_inner{
	padding : 20px 40px ;
}

.top_info_title{
	position: relative ;
	top : auto ;
	left : auto ;
	width : 240px ;
	margin : 0px auto 40px ;
}




















}