<!-- index style start 20240514 Tanaka //-->

	 body.index div.lay-block-top div.topArea {
	  background: none;
	}

	/* css/main.css＃63 指定以外分 */
	 body.index div.lay-block-top div.topArea {
	    height: 100vh;
	}

	/* 指定外狭間 1025～1199px */
	@media screen and (min-width:1025px) and  (max-width: 1199px) {
	 body.index div.lay-block-top div.topArea {
	    height: 60vh;
	 }
	}

	/* #1477 ipad pro　281px～1024px向け */
	@media (max-width: 1024px) {
	 body.index div.lay-block-top div.topArea {
	    height: 450px;
	 }
	}

	/* #2791 */
	@media (max-width: 280px) {
	 body.index div.lay-block-top div.topArea {
	    height: 300px;
	 }
	}

	 body.index .lay-block-top img {
	   width: 100%;
	   aspect-ratio: 1263 / 569;
	   object-fit: cover;
	}

	body.index .top_slide {
		opacity: 0;
		width: 100%;
		height: auto;
		position: absolute;
		left: 0;
		top: 0;
		-webkit-animation: anime 50s 0s infinite;
		animation: anime 50s 0s infinite;
	  }
  
	   body.index .top_slide:nth-of-type(2) {
		-webkit-animation-delay: 10s;
		animation-delay: 10s;
	  }
  
	   body.index .top_slide:nth-of-type(3) {
		-webkit-animation-delay: 20s;
		animation-delay: 20s;
	  }
  
	   body.index .top_slide:nth-of-type(4) {
		-webkit-animation-delay: 30s;
		animation-delay: 30s;
	  }
	
	body.index .top_slide:nth-of-type(5) {
		-webkit-animation-delay: 40s;
		animation-delay: 40s;
	  }


	/* ふわっとアニメーション */
	@keyframes anime {
	  0% {
	    opacity: 0;
	  }
	  20% {
	    opacity: 1;
	  }
	  25% {
	    opacity: 1;
	  }
	  40% {
	    opacity: 0;
	    z-index: 9;
	  }
	  100% {
	    opacity: 0;
	  }
	}

	@-webkit-keyframes anime {
	  0% {
	    opacity: 0;
	  }
	  20% {
	    opacity: 1;
	  }
	  25% {
	    opacity: 1;
	  }
	  40% {
	    opacity: 0;
	    z-index: 9;
	  }
	  100% {
	    opacity: 0;
	  }
	}

	/* パソコンで見たときは"pc"のclassがついた画像が表示される */
	 body.index .lay-block-top div.topArea.pc { display: block; }
	 body.index .lay-block-top div.topArea.sp { display: none; }
	 
	/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
	@media only screen and (max-width: 767px) {
	 body.index .lay-block-top div.topArea.pc { display: none; }
	 body.index .lay-block-top div.topArea.sp { display: block; }
	}

	

	 body.index .top_btn02.zaigakusei a,
	 body.index .top_btn02.insei a,
	 body.index .top_btn02.sotusei a{
		width: 100%;
	    text-decoration: none;
	    color: #fff;
	    padding: 0.5em;
	    margin: 0.4em;
	    /* margin-top: 1.5em; */
	    display: grid;
	    place-items: center;
	    margin-left: 1.5em;
	    margin-right: 1.5em;
	}

	 body.index .faculty,
	 body.index .graduate-school,
	 body.index .society,
	 body.index .career,
	 body.index .teacher {
	    width: 100%;
	    max-width: 1200px;
	    margin: 6em auto 0;
	    padding: 3em 0;
	    z-index: 2000;
	    opacity: 1;
	}

	div.social_button {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    height: 100px;
	    justify-content:center;
	    align-items:center;
	}
	div.social_button p {
	    margin: 0 40px;
	}

	div.entrance-info.nyusi{
	    margin-top: 0;
	    border-bottom: none;
	}

	div.student-voice none {
	    display: nonee;
	}

	/* トップページの各コンテンツ枠内 背景色を透過にする場合は ここ 行を削除 */ 
	/* ←ここ
	main div.lay-block-all div,
	main div.lay-block-12 div {
		background-color: transparent;
	}
	ここ→ */
/*
	main div.lay-block-all {
		background: url(/shse/koho/css/img/bg_cover_pc.jpg) top center repeat-y;
	    background-size: contain;
	}
*/
	body.index div.grad-cnt {
		width: 100%;
	}
	body.index div.grad-cnt a {
		padding-right: 3.0em;
		white-space: nowrap;
	}
    body.index .ttl-flex p {
        padding-right: 1.0em;
	}
    body.index .img-box_item {
	    height: 420px;
	}

	@media (max-width: 1024px) {
	    body.index .detail-box_pk {
	        height: 600px;
	    }
	}
	@media screen and (min-width: 768px) and (max-width: 912px) {
	    body.index .detail-box_bl_img_sm {
	        margin-top: 2.0em;
	        margin-bottom: 2.0em;
	    }
	    body.index .img-box_item {
		    height: 380px;
		}
	    body.index .entrance-info_link {
		    width: 55%;
		    text-align: left;
		    padding-left: 2em;
		    display: flex;
		    flex-direction: column;
    	}
	    body.index .detail-box_pk {
	        height: 650px;
	    }
	}

	@media only screen and  (max-width: 568px) {
	 body.index .lay-block-top img {
		    width: 100%;
		    aspect-ratio: 1263 / 569;
		    object-fit: cover;
		}
	 
	 body.index .entrance-info_link.top_btn_nyuusi{
		}
	 

	 body.index .entrance-info_link a {
		    width: 300px;
		    
		}

	 

    body.index .detail-box_pk {
        height: 650px;
    	}
	 body.index .img-box_item {
	 		height: 300px;
		}
	 body.index .graduate-school,
	 body.index .society,
	 body.index .career,
	 body.index .teacher {
        	margin: 1.0em 0;
        	padding: 1.0em 0;
	    }
	}

	@media only screen and (max-width: 767px) {
		 body.index .lay-block-top img {
			    width: 100%;
			    aspect-ratio: 1263 / 569;
			    object-fit: cover;
			}
		 body.index .entrance-info_link.top_btn_nyuusi{
			    display: -webkit-box;
			    display: -ms-flexbox;
			    display: flex;
			    flex-flow: column;
	/*
				justify-content: center;
	*/
				align-items: center;
			}

/*
		 body.index .entrance-info_link a,
		 body.index .concept-movie_txt .top_btn a,
		 body.index .concept-movie_txt .top_btn02 a {
			    text-align: left;
			    width: 300px;
			    margin-bottom: 0.5em;
			    font-size: 16px;
			}
*/

		 
		 body.index .top_btn02.zaigakusei,
		 body.index .top_btn02.insei,
		 body.index .top_btn02.sotusei{
			    max-width: 90%;
			    margin-top: 3em;
			    /*margin-bottom: 5em;★20240601*/
			}
		body.index .detail-box_pk {
	        height: 700px;
	    	}
	}
<!-- index style end //-->


<!-- doubutu_jikken_info style start //-->

	body.doubutu_info div.layout01_img div.naka-box_pk_linkleft {
	 	margin: 1.0em;
	}
	body.doubutu_info div.layout01_img div.naka-box_pk_linkleft.dj {
	 	margin: 1.0em;
	    display: flex;
	    flex-direction: column;
	    margin: 1em;
	    text-align: left;
	    align-items: flex-start;
	    /* justify-content: center; */
	    /* align-items: flex-end; */
	}
	body.doubutu_info div.layout01_img div.naka-box_pk_linkleft.dj a {
	 	width: 37.0em;
	}

@media only screen and (max-width: 568px) {
	body.doubutu_info div.layout01_img div.naka-box_pk_linkleft.dj {
	 	margin: 1.0em;
	}
	body.doubutu_info div.layout01_img div.naka-box_pk_linkleft.dj a {
	 	display: block;
	 	width: 98%;
	}
	body.doubutu_info div.lay-block-all-pages {
	    width: 100%;
	    height: auto;
	    margin: 0 auto;
	    text-align: center;
	    position: relative;
	    z-index: 50;
	    top: 0;
	    /* padding-top: 1000px; */
	    background: url(/shse/koho/css/img/bg_cover_pc.jpg) top center repeat-y;
	    background-size: contain;
	}
	/* 背景色透過 指定 ↓
	body.doubutu_info div.lay-block-all-pages div {
		background-color: transparent;
	}
	 */
}

<!-- doubutu_jikken_info style end //-->


<!-- kiban_policy style start //-->

@media only screen and (max-width: 568px) {
	body.kiban_policy div.lay-block-all-pages {
	    width: 100%;
	    height: auto;
	    margin: 0 auto;
	    text-align: center;
	    position: relative;
	    z-index: 50;
	    top: 0;
	    /* padding-top: 1000px; */
	    background: url(/shse/koho/css/img/bg_cover_pc.jpg) top center repeat-y;
	    background-size: contain;
	}
	/* 背景色透過 指定 ↓ */
	body.kiban_policy div.lay-block-all-pages div {
		background-color: transparent;
	}
}

<!-- kiban_policy style end //-->