@charset "utf-8";
/* CSS Document */

body{
	overflow-x:hidden;
}

.Message_block{
    display: block;
    position:relative;
    /*padding-top:70px;*/
    /*min-width: 1200px;*/
    width:100%;
    margin-left:auto;
    margin-right:auto;
    height:calc( 100vh );
    min-height:800px;
    
   /*background-image: url("http://www.eee.yamaguchi-u.ac.jp/wp-content/themes/eee/img/white-wood.jpg");*/
   /*background-color:rgb(150,150,150);*/
}


.Message_block .main_block, .sub_block{
    width:100%;
    margin:auto;
    position:relative;
   
    background-size:100%;

   
    /*box-shadow: 1px 2px 4px rgba(0,0,0,0.6);*/
    /*margin-top:50px;
    margin-bottom:50px;*/
    
}

.sub_block{
    background-color:rgb(100,100,100);
    background-size: 80%;
    background-position: right;
    background-repeat: no-repeat;

}

.Message_block .title{
    
    
    
    
    background-color:rgba(10,10,10,0.1);
    /*box-shadow: 1px 2px 4px rgba(155,155,155,0.6);*/

    position:absolute;
    
    top:0%;
    left:0%;
    right:0%;
    bottom:0;

        
}

.Message_block .main_block:before, .sub_block:before{

    
    content:"";
    height:calc( 100vh );
    min-height:800px;
    display:block;
}

@media screen and (max-width:800px){
	
	.Message_block .main_block:before, .sub_block:before{
	 	min-height:1000px;
	}

	
}



@media screen and (max-width:600px){
    .Message_block .main_block:before, .sub_block:before{
	
	
	content:"";

    }
}


/*         2022/05/16                */





.MainBlock_2022,.MainBlock_2022_fix{
  background: linear-gradient(269deg, black, #000000a3);
  position: absolute;
  display: block;
  overflow: hidden;
top:0;
left:0;
height:100%;
width:100%;
}

.MainBlock_2022_fix{
position:fixed;
z-index:-1;
}

.MainBlock_2022 .cycle, .MainBlock_2022_fix .cycle{
    position: absolute;
    display: inline-block;
    width: 100%;
}


.MainBlock_2022 .cycle:before, .MainBlock_2022_fix .cycle:before{
  content: "";
  padding-top: 100%;
  display: block;
}


.MainBlock_2022 .cycle img, .MainBlock_2022_fix .cycle img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
}

.MainBlock_2022::before,.MainBlock_2022_fix::before{
    content: "";
    padding-top: 100vh;
    width: 100%;
    display: block;
}

.MainBlock_2022 .location , .MainBlock_2022_fix .location{
    position: absolute;
    height: 100%;
    width: 80%;
    display: flex;
    vertical-align: center;
    top: 0;
    right: -35%;
    align-items: center;
}

#particle{
    position: absolute;
   
  top: 10%;
  left: 5%;
  width: 90%;
  height: 80%;

  display: flex;
  align-items: center;
    

}

#ani1{
    animation:20s linear infinite rotation1;
  }

@keyframes rotation1{
    0%{ transform:rotate(360deg);}
    100%{ transform:rotate(0); }
  }
  @media screen and (max-width:600px){
    .MainBlock_2022 .location,.MainBlock_2022_fix .location{
      top:100px;
      width: 200%;
      right: -100%;
      height: calc( 100% - 100px );
    }
  
  }


  .svganimeblock{
    text-align: center;
    
  }
  
  /*SVGの可変*/
  .svganimeblock svg{
    width:100%;
  }
  
  /*アニメーション前のパスの指定*/
  .svganimeblock svg path {
      fill-opacity: 0;/*最初は透過0で見えない状態*/
      transition: fill-opacity .5s;/*カラーがつく際のアニメーション0.5秒で変化*/
      fill: none;/*塗りがない状態*/
      stroke: #333;/*線の色*/
    }
  
  /*アニメーション後に.doneというクラス名が付与された時のパスの指定*/
  .svganimeblock svg.done path{
      fill: rgb(255, 255, 255);/*塗りの色*/
      fill-opacity: 1;/*透過1で見える状態*/
      stroke: none;/*線の色なし*/
    }

/*         2022/05/16                */



.Message_block .main_block img{
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    /*left:0;*/
    /*bottom:0;*/
    width:100%;
    height:100%
}

.Message_block .main_block video {
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    /* left: 0; */
    /* bottom: 0; */
    width: 100%;
    height: 100%;
}


@media screen and (max-width:600px){
    
    
    .Message_block .main_block img{
	width:100%;
	height:calc( 100% - 190px);
	top:190px;
    }
}





.right-image{
    object-fit: cover;
    position: absolute;
    
    right:0;
    top: 0;
    /*left:0;*/
    /*bottom:0;*/
    width:100%;
    height:100%
}


.Message_block_contents_txt_1{
    position:absolute;
    left:0%;
    top:32%;
    bottom:calc( 32% );
    right:50%;
    color:white;
    font-size:150%;
    min-width:600px;
    /*background: linear-gradient(to right, #00000099, #22222200);*/
    text-align:left;
    padding-left:100px;
    border-left: 10px solid rgb(1,121,82);
    align-items: center;
    display:flex;
    text-shadow: 0 0 1px black,0 0 1px black,0 0 1px black,0 0 1px black,0 0 5px black,0 0 5px black,0 0 10px rgba(0, 0, 0, 0.612),0 0 10px rgba(0, 0, 0, 0.402),0 0 10px rgba(0, 0, 0, 0.394);

    /*box-shadow: 1px 2px 4px rgba(0,0,0,1);*/
    
   
}

.Message_block_contents_txt_1 h1{
    margin-top:0;
    font-size:150%;
}

.Message_block_contents_txt_1 p{
    font-size:15px;    
    
}

.Message_block_contents_txt_link{
    padding-top:10px;
    font-size:20px;
    font-family:IMPACT,sans-serif;
    font-weight:900;
    position:relative;
    padding-left:70px;
    color:white;
    height:40px;
    display:flex;
    align-items:center;
}

.Message_block_contents_txt_link::before{
    position: absolute;
    z-index: 2;
    top: 10px;
    left:15px;
    bottom: 0;
    display: block;
    width: .4em;
    height: .4em;
    margin: auto;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid rgba(255,255,255,1);
    border-right: 1px solid rgba(255,255,255,1);
    
    
}

.Message_block_contents_txt_link::after{
    width: 38px;/*幅*/
    height: 38px;/*高さ*/
    
    border-radius: 60%;/*角丸*/
    content:"";
    position:absolute;
    left:0;
    bottom:0px;
    top:10px;
    border: solid 1px white;
    
}



.Message_block_contents_txt_2{
    position:absolute;
    left:5%;
    right:50%;
    padding-top:2%;
    
    top:25%;
    bottom:10%;
    
    color:white;
    font-size:150%;
    
    text-align:left;
 
    padding-left:30px;
    /*border-left: 10px solid rgb(1,121,82);*/
    /*align-items: center;*/
    display:flex;
    /*text-shadow: 1px 1px 10px rgba(0,0,0,1);*/
    text-shadow:0 0 4px black;
    font-weight:900;
    
   
}

.Message_block_contents_txt_2 h1{
    margin-top:0;
    margin-bottom:0;
    font-size:150%;
    
    position:relative;
    padding-bottom:20px;
}


.Message_block_contents_txt_2 p{

    padding-top:20px;
    
    
}


.Message_block_contents_txt_2 h1:before{
    content:"";
    border-top: 5px solid rgb(1,121,82);
    position:absolute;
    bottom:-0px;
    width:40%;
}




.message_block_row{
    font-size:0;
    max-width:1200px;
    margin:auto;
    padding-top:50px;
    padding-bottom:100px;
}




.Message_Botton_table_1{
    font-size:0;
    position:absolute;
    bottom:0;
    top:60%;
    bottom:10%;
    right:5%;
    left:50%;
    display:flex;
    align-items: center;
    
}

.Message_Botton_table_2{
    font-size:0;
    position:absolute;
    top:55%;
    bottom:10%;
    left:7%;
    width:28%;
    display:flex;
    align-items: center;
    
}


.Message_Botton_Closed_table{
   
    position:absolute;
    left:105%;
    top:0;
    
    font-size:0;
    opacity:0;	/* マスクを表示しない */
    
    background-color:rgba(0,0,0,0.9);
    box-shadow: 1px 2px 4px rgba(0,0,0,1);
    border: 1px solid rgb(200,200,200);
    
}



.Message_Botton_table_1 ul, .Message_Botton_table_2 ul, .Message_Botton_Closed_table ul{
    width:100%;
    height:100%;
    padding-left:0;
    position:relative;
    text-align:left;
    position:absolute;
    
}




.Message_Botton_table_1 li {
    width:46%;
    margin:2%;
    
    font-size:10.5pt;
    display:inline-block;
    vertical-align:top;
    list-style-type:none;
}

.Message_Botton_table_2 li{
    width:100%;
   
    
    font-size:10.5pt;
    vertical-align:top;
    position:relative;
    list-style-type:none;
    height:25%;
}




.Message_Botton_Closed_table li{
    width:50%;
    margin:0;
    padding:0;
    height:100%;
    
    font-size:0;
    
    display:inline-block;
    vertical-align:top;
    list-style-type:none;
}


.Message_Botton_table_2 li:hover .Message_Botton_Closed_table{
    opacity:1;
    width:200%;
   
}




.Message_Botton_Closed_table:before{
    content:"";
    position:absolute;
    right:100%;
    width:2%;
    padding-top:10%;
   
   
}



.Message_Botton_table_2 li:hover .Message_Botton_Closed_table a
{
    padding-top:3%;
    padding-bottom:3%;
    padding-left:4%;
    padding-right:10%;
    font-size:10.5pt;
   
}

.Message_Botton_Closed_table a:hover{
    background-color:rgb(1,121,82,0.8);
    box-shadow: 1px 2px 4px rgba(0,0,0,0.6);
    
}




.Message_Botton_table_1_link{
    position: relative;
    overflow: hidden;
   

    display:flex;
   
    height:60%;
   
    width:100%;
   
    background-color:rgba(5,5,5,0.9);
    font-weight:900;
    color:white;
    box-shadow: 2px 4px 8px rgba(0,0,0,1);
    border: 1px solid rgb(200,200,200);

    justify-content: center;
    align-items: center;
}


.Message_Botton_table_1_link::after{
    position: absolute;
    z-index: 2;
    top: 0;
    right: 20px;
    bottom: 0;
    display: block;
    width: .5em;
    height: .5em;
    margin: auto;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid white;
    border-right: 2px solid white;
}


.Message_Botton_table_1_link:hover{
    border: 1px solid rgb(1,121,82);
}

.Message_Botton_table_1_link:hover.Message_Botton_table_1_link::after{
    border-top: 2px solid rgb(1,121,82);
    border-right: 2px solid rgb(1,121,82);
}




.Message_Botton_Closed_table a{
    position: relative;
    overflow: hidden;
   
    
    text-align: center;
    
    width:86%;
    display:inline-block;
    background-color:rgba(0,0,0,0);
    font-weight:600;
    color:white;
   
}


.Reorganization{
    position:absolute; 
    display: block;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    bottom:10px;
    left:10px;
    padding: 15px;
    box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.9);
    background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.77) 0%, rgb(255, 255, 255, 0.11) 50%);
    background-size: 200% 200.5%;
    text-shadow: 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black, 0px 0px 4px black;
    border: white solid 1px;
}

.Reorganization h1{
    margin-top: 0;
	font-size:150%;
}


@media screen and (max-width: 1000px) {
    .Reorganization{
        bottom: calc( 50% + 10px );
        width: calc( 100% - 50px );
        border: white solid 1px;
    }

    .Reorganization h1{
    font-size: 100%;
    }
}


.Frame_design{

    
    background: linear-gradient(to right, rgba(0,0,0,0.8),rgba(50,50,50,0.8));
    box-shadow: 1px 2px 4px rgba(0,0,0,1);
    
}

    
.Frame_design:before{
    content:"";
    border-top: 8px solid rgb(1,121,82);
    border-left: 8px solid rgb(1,121,82);
    
    width:5%;
    padding-top:5%;
    
    position:absolute;
    top:calc( 0% - 4px );
    left:calc( 0% - 4px );
    
    
}

.Frame_design:after{
    content:"";
    border-bottom: 8px solid rgb(1,121,82);
    border-right: 8px solid rgb(1,121,82);
    
    width:5%;
    padding-top:5%;
    
    position:absolute;
    bottom:calc( 0% - 4px );
    right:calc( 0% - 4px );
}

.message_news{
    display:block;
   
    position:absolute;
   
   
    color:white;
    
    font-size:0;
	
	height: calc(100% - 150px );
   /*height: 500px;*/
   right: 22px;
   left: calc(100% - 332px ); 
   margin: 0;;
   top:120px;
   
   
	
}




.message_news .item_inner_n::after , .message_news [class*="item_inner"]::after{
    border-top: 2px solid rgba(1,121,82);
    content: "";
    position: absolute;
    top: 35px;
    left: calc( 50% - 30px );
    right: calc( 50% - 30px );
    box-shadow: 0px 0px 4px rgb(255 255 255 / 70%);
 }
 
 .message_news [class*="item_inner"]{
    padding-top: 10px;
 }


.message_news .item{
    display:inline-block;
    
    position:relative;
    
	 align-items:center;
    justify-content:center;
    font-size:9.5pt;
    vertical-align:top;
   
	margin: 0;
   width: 100%;
   height: calc(100%/3 - 15px );
   border: 1px solid rgb(0, 0, 0);
   margin-top: 15px;
    box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.9);

    background-color: rgb(0 0 0 / 70%);
    text-shadow: 0px 0px 4px black,0px 0px 4px black,0px 0px 4px black,0px 0px 4px black;
    
    background: linear-gradient(to bottom right,  rgba(0,0,0,0.77) 0% , rgb(255,255,255,0.11) 50%);
    background-size: 200% 200.5%;
    background-position: top left;
    transition: all 1s ease-out;
    
}

.message_news .item:hover{
    background-position: bottom right;
    box-shadow: 0px 0px 4px rgb(1 121 82 / 80%), inset 0px 0px 4px rgb(1 121 82 / 80%), 0px 0px 4px rgb(255 255 255 / 80%), inset 0px 0px 4px rgb(255 255 255 / 80%), 0px 0px 8px rgb(255 255 255 / 20%), inset 0px 0px 8px rgb(255 255 255 / 20%);
    border: 1px solid white;
}


.message_news [class*="item_inner"]{
  
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:30px;
    background-color:rgb(1,121,82,0);
    
}

.message_news .item_txt{
    position:relative;
    
    padding: 0px 10px 10px 10px;
    height: calc(100% - 60px );
    text-align: center;
    
    display:flex;
    align-items:center;
    justify-content:center;
    
}


.in_link::after{
    position: absolute;
    /*z-index: 2;*/
   
    left:0;
    bottom: 5%;
    right:0;
  
    display: block;
    width: .5em;
    height: .5em;
    margin: auto;
    content: '';
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-top: 2px solid white;
    border-right: 2px solid white;
}
    








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


	.Message_block{
        height: 200vh;
        min-height: 2000px;
    }
    
    .Message_block_contents_txt_1, .Message_block_contents_txt_2{

	left:0%;
	right:0%;
	
	top:60%;
	bottom: 0;

	padding:3%;
	border-left: 0px solid rgb(1,121,82);
	background: rgb(1,121,82);
	align-items: center;
	z-index:6;
	min-width:0;
	
    }

    
    .Message_block_contents_txt_1:before, .Message_block_contents_txt_2:before{
	content:"";
	border-top: 0px solid rgb(1,121,82);
	border-left: 0px solid rgb(1,121,82);
	width:10%;

	padding-top:10%;
	position:absolute;
	top:calc( 0% - 5px );
	left:calc( 0% - 5px );
	
    }


    .Message_block_contents_txt_1:after, .Message_block_contents_txt_2:after{
	content:"";
	border-bottom: 0px solid rgb(1,121,82);
	border-right: 0px solid rgb(1,121,82);
	width:10%;

	padding-top:10%;
	position:absolute;
	bottom:calc( 0% - 5px );
	right:calc( 0% - 5px );
	
	
    }
    

    .Message_block_contents_txt_1 h1 ,.Message_block_contents_txt_2 h1{
	font-size:100%;
	padding:0;
    }

    
    .Message_block_contents_txt_2 h1:before{
	border-top: 0px solid rgb(1,121,82);
    }
    

    .Message_block_contents_txt_1 p ,.Message_block_contents_txt_2 p{
	font-size:8.5pt;
	padding:0;
    }

    .Message_Botton_table_1{
	left:5%;
	
    }

    
    .Message_Botton_table_2{
	left:5%;
	
	top:60%;
	width:90%;
	
	
    }
    .Message_Botton_table_2 li{
	display:inline-block;
	width:46%;
	margin:2%;
	
	
    }

    .message_news .item{
        width: calc( 100% - 32px);
        height: calc( 100%/3 - 32px );
        margin: 15px;
    }

    
}




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

     /*************************************************************************/
    /*  .Message_block_contents_txt_1, .Message_block_contents_txt_2{	     */
    /* 									     */
    /* 	top:5%;								     */
    /* 	bottom:55%;							     */
    /* 									     */
    /* }								     */
    /*************************************************************************/


     .Message_Botton_table_1 li, .Message_Botton_table_2 li{
	 width:96%;
	
     }

.Message_block_contents_txt_1, .Message_block_contents_txt_2{
	}
	 .Message_block .main_block img{
        top:100px;
        height: calc( 100% - 100px);
    }
	

}



.Message_block_moevie{
    width:100%;
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    width:100%;
    height:100%;
}



/************************************/
/* .Message_block_moevie:before{    */
/*     content:"";		    */
/*     width:100%;		    */
/*     padding-top:calc(100%*9/16); */
/*     display:block;		    */
/* }				    */
/************************************/



.block{
    display:inline-block;
    margin:23px;
    width: 350px;
    background-color:rgba(0,0,0,0.7);
    box-shadow: 1px 2px 4px rgba(0,0,0,0.6);
    
}

.block a{
    color:white;
}
    

.block_title{
    font-family: "メイリオ", Meiryo;
    font-weight:900;
    padding:5px;
    color:white;
    font-size:16pt;
    text-align:center;
    background: rgba(1,121,82,0.8);
}

.block_contents{
    padding:5px;
    font-size:12pt;
}




/*------------------------------------------------------------
**************************************************************
Adachi Original Code
**************************************************************
------------------------------------------------------------*/



.Contens_block{
    font-size:0;
    display:block;
   
    /*max-width:1200px;*/
    margin-left:auto;
    margin-right:auto;
    /*padding:10px;*/
    /*background-color:white;*/
    position:absolute;
    top:150px;
    bottom:10%;
    
    right:0;
    left:0;
    font-size:0;
    
}





.Contents_title{
    margin: 0px auto 0px auto;
    display: block;
    width:100%;
   /* padding-top:100px;*/
    padding-bottom:60px;
    padding-top:60px;
    
    font-family:Impact, sans-serif;
    text-align:center;
    font-size:50pt;
    color:rgb(50,50,50);
    position:relative;
    background-color:rgb(50,50,50,0);
}


.Contents_title:before{
    content:"";
    position:absolute;
    border-top: 5px solid rgba(1,121,82);
   
    bottom:40px;
    right:40%;
    left:40%;
}

@media screen and (max-width:1000px){
    .Contens_block{
		right:0px;
    }
}

@media screen and (max-width:600px){
    .Contens_block{
	right:0;
	left:0;
	bottom:0;
	top:100px;
    }

}


@media screen and (max-width:500px){
    .Contents_title{
	
	font-size:30pt;
	
    }
}

.Contens_block .item{
    position:relative;
    
    display: inline-block;

    margin:  1.5% 2.5% 1.5% 2.5%;
 
    width:calc(28.33333333333333% - 2px );
    height:45%;
   
    /*margin:1.5%*/;
    box-shadow: 0px 0px 5px rgba(1 ,121 ,82 ,0.8), 0px 0px 5px rgba(255 ,255 ,255 ,0.8), 0px 0px 10px rgba(255 ,255 ,255 ,0.8);
		border: 1px solid white;
    
    
}


.Contens_block .txt{
    position:absolute;
    
    
    display: flex; 
    

    font-family:  sans-serif;
    color:black;

   
    text-align:left;
    background:rgba(50,50,50,1);
    font-size:10pt;
    
    bottom:0px;
    left:0px;
    width:95%;
    height:30pt;
    padding-left:5%;
    text-shadow: 0 0 3px rgba(0,0,0,1);
    
    /*justify-content: center*/
    align-items: center;
    
}

.Contens_block .txt::after{
    position: absolute;
    z-index: 2;
    right:15px;
    
    bottom: 15px;
    display: block;
    width: .5em;
    height: .5em;
    margin: auto;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid rgba(1,121,82);
    border-right: 2px solid rgba(1,121,82);
}

.Contens_block .txt::before{
    position: absolute;
    z-index: 2;
    width:40px;
    height:40px;
    right:0;
    bottom:0;
    
    display: block;
    margin: auto;
    content: '';
    background-color:white;
}




.txt-innter{
position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5%;
    color: black;
}


.Contens_block .OC_block_item_title{
    color:white;
}


.Contens_block img{
   position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
 
  object-fit: cover;
     
    /*justify-content: center*/
   /* align-items: center;*/
    
}

.Contens_block p{
    font-size:9.5pt;
    
}




@media screen and (max-width: 900px) {
    .Contens_block .item{
	width:calc( 46% - 2px );
	height:31.3333333333%;
	margin:  1% 2% 1% 2%;
    }
}


@media screen and (max-width: 600px) {
    .Contens_block .item{
        height: calc( 100%/3 - 22px);
        width: calc( 100%/2 - 22px );
        margin: 10px;
	}
}


.Contens_block_frame{
    
}

.Contens_block_frame:before{
    border-top: 10px solid rgb(0,0,0);
    top:0;
    bottom:0;
    right:0;
    left:0;
}



/*------------------------------------------------------------
**************************************************************
Adachi Original Code
**************************************************************
------------------------------------------------------------*/





/*------------------------------------------------------------
**************************************************************
Adachi Original Code (News)
**************************************************************
------------------------------------------------------------*/



.News_block_new_title{
    background-color:rgba(240,240,240,1);
    position:relative;
    width:100%;
    height:100vh;
}
.News_block{
    font-size:0;
    margin:0px auto 0px auto;
    display:block;
    z-index:3;
    position:relative;
}

.News_block_row{
    display:block;
    padding:1% 1% 1% 1%;
    /*max-width:1200px*/
    margin:auto;
    width:80%;
    background-color:rgba(100,100,100,1);
    position:absolute;
    top:calc( 30% + 100px );
    left:10%
}
.News_block_item{
    position:relative;
    display: inline-block;
    vertical-align: top;
    width:calc(100%/3 - 52px );
    min-height:500px;
	 max-height:600px;
	 margin:25px;
    height:calc( 200vh/3 - 52px );
	border:1px solid black;
	box-shadow: 1px 2px 4px rgb(0 0 0 / 80%);
}
.News_block_item_main{
    position:relative;
    display: inline-block;
    vertical-align: top;
    width:48%;
    margin:1.0%;
    margin-top:2%;
    margin-bottom:2%;
}
.News_block_item_main_txt{
    position:relative;
    width:calc( 100%) ;
    display:block;
    color:black;
    font-size:12pt;
    word-break:break-all;
    background-color:rgba(255,255,255,1);
}
.News_block_item_main_txt:before{
    padding-top:calc(100%*5/16);
    content:"";
    display:block;
}
.News_block_item_image{
    position:relative;
    display:block;
    width:100%;
    vertical-align: top;
    height:50%;
	overflow:hidden;
}
.News_block_item_image img{
   position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0%;
    object-fit: cover;
	transition:all 1s ease-out;
}

.News_block_item:hover .News_block_item_image img{
	width: 120%;
    height: 120%;
    top: -10%;
    left: -10%;
}


[class*="News_block_item_label"]{
    position:absolute;
    top:0;
    left:0;
    padding:0;
    width:100px;
    height:30px;
    margin-bottom:1rem;
    font-family:Arial;
    font-size:9.5pt;
    color:white;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:10;
}
.News_block_item_label_Topics{
    background-color:rgb(1,121,82);
}
.News_block_item_label_Notification{
    background-color:#DD9347;
}
.News_block_item_label_Event{
    background-color:#82584D;
}
.News_block_item_txt{
    position:relative;
    display:block;
    width:calc(100% - 2rem);
    height:calc(50% - 2rem);
    font-size:9.5pt;
    padding:1rem;
    background-color: rgba(255, 255, 255, 0.6);
    color:black;
}
.News_block_item_title{
    margin-top:1%;
    margin-bottom:1%;
    font-size:12pt;
    font-weight:600;
    font-family:Meiryo ,sans-serif;
}
@media screen and (max-width: 1200px) {
    .News_block_item{
	width:calc(50% - 52px);
    }
}
@media screen and (max-width: 900px) {
    .News_block_item{
	
	width:calc(100% - 25px);
	margin:12.5px;
	height:100vh;
    }
}
.news_main_message{
    
    width:100%;
    margin:0px auto 0px auto;
    font-size:0;
    box-shadow: 1px 2px 4px rgba(0,0,0,1);
    background-color:#f1f1f1;
}

.news_main_message .News_block_item_label{
    
    left:5px;
}


.new_main_message_image{
   position: relative;
   display: inline-block;
   vertical-align: top;
   
   width:40%;
}

.new_main_message_image:before{
    content: "";
    display: block;
    padding-top: calc(100%*10/16);
}

.new_main_message_image img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
}


.new_main_message_txt{
    display:inline-block;
    vertical-align: top;
    
    width:58%;
    margin:1%;
    font-size:9.5pt;
    
}

.new_main_message_txt h2{
    font-size:15pt;
}

@media screen and (max-width: 900px) {
    .new_main_message_image{
	
	width:100%;
	
    }
    
    .new_main_message_txt{

	
	width:96%;
	margin-left:2%;
	margin-right:2%;
	
    }
    .new_main_message_txt h2{
	margin-top:15px;
    }

}

/*------------------------------------------------------------
**************************************************************
Adachi Original Code (News)
**************************************************************
------------------------------------------------------------*/


.column_block{
    width:calc( 100%/3);
    height:calc(200vh/3);
    display:inline-block;
    min-height:600px;
    
    background-color:white;
}
   

.column_block_image{
    display:block;
    position:relative;
    width:100%;
    height:50%;
    overflow:hidden;
}


.column_block_image img{
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left:0;
    object-fit: cover;
}
.column_block_title{
    display:block;
    position:absolute;
    bottom:0;
    width:100%;
    height:4rem;
    /*background-color:rgba(0,0,0,0.5)*/
    /*background: linear-gradient(to top,rgba(0,0,0,0.8), rgba(0,0,0,0.0)); */
    text-shadow: 1px 1px 10px #000102;
    
}

.column_block_title_txt{
    position:absolute;
    bottom:10%;
    font-size:12pt;
    font-weight:600;
    font-family:  sans-serif;
    color:white;
    margin-left:3%;
    margin-right:3%;
}


.column_block_detail{
    width:calc( 100% - 2rem );
    height:calc( 50% - 2rem );
    padding:1rem;
    position:relative;
    background-color:#fafafa;
    display:block
}



.column_block_lab{
    font-size:12pt;
    font-family: sans-serif;
    margin-top:2px;
    margin-bottom:10px;
}

.column_block_profile{
    font-size:9.5pt;
    font-family: sans-serif;
    padding-bottom:1rem;
}


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

    .column_block{
	width:50%;
    }
    
}

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

    .column_block{
	width:100%;
	height:100vh;
    }
    
}

.column_block_detail_main{
    display:block;
    width:100%;
    padding:0%;

    background-color:white;
    margin-left:auto;
    margin-right:auto;
    
    background-color:#fafafa;
}

.column_block_detail_image{
    display:inline-block;
    width:40%;
    vertical-align:top;
    position:relative;
}




.column_block_detail_title{
    display:block;
    position:absolute;
    bottom:5%;
    width:100%;
    height:75px;
    text-shadow: 1px 1px 10px #000102;
    color:white;
    font-size:12pt;
    font-weight:600;
    font-family:  sans-serif;
    text-align:center;
}


.column_block_detail_txt{
    display:inline-block;
    width:58%;
    margin-left:1%;
    margin-right:1%;
    margin-top:1%;
    font-size:9.5pt;
    vertical-align:top;
}

.column_block_detail_txt_title{
    margin-top:0;
}

.column_block_detail_image_graduate{
    display:inline-block;
    width:500px;
    height:300px;
    vertical-align:top;
    position:relative;
}


.column_block_detail_image_graduate img{
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left:0;
    object-fit: cover;
}


.column_block_detail_title_graduate{
    display:block;
    position:absolute;
    bottom:10%;
    width:100%;
    text-shadow: 1px 1px 10px #000102;
    color:white;
    font-size:12pt;
    font-weight:600;
    font-family:  sans-serif;
    text-align:center;
}

.column_block_label{
    display:block;
    position:absolute;
    left:0%;
    top:0%;
    padding:1.5% 5% 1.5% 5%;
   
    
    background-color:rgba(25,121,82,1);
    color:white;
    font-size:10.5pt;
    font-family:  sans-serif;
}


.column_block_detail_txt_graduate{
    display:inline-block;
    position:relative;
    
    width:calc( 100% - 500px);
    height:300px;
    font-size:12pt;
    vertical-align:top;
    background-color:rgba(50,50,50,1);
    color:white;
}





.column_block_detail_txt_graduate_contents{
    display:block;
    position:absolute;
    top:0;
    width:95%;
    bottom:0;
    padding:2.5%;
}


.column_block_detail_txt_title_graduate{
    margin-top:0;  
    font-size:150%;
    margin-bottom:0
   
}



.colmun_link_Botton_table{
    width:100%;
    font-size:0;
    display:block;
    margin-top:1rem;
}




.colmun_link_Botton_table li{
    width:22%;
    padding-left:3%;
    
    font-size:9.5pt;
    display:inline-block;

    vertical-align:top;
    position: relative;
    overflow: hidden;
   
    text-align:left;
    background-color: rgba(25,121,82,0.0);
    padding-top:1rem;
    padding-bottom:1rem;
}

.colmun_link_Botton_table li::after {
    position: absolute;
    top: 0;
    left: 1.5%;
    bottom: 0;
    display: block;
    width: .5em;
    height: .5em;
    margin: auto;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid rgba(255,255,255,1);
    border-right: 1px solid rgba(255,255,255,1);
}

.column_block_detail_message_graduate{
    display:block;
    width:96%;
    padding:2%;
    padding-bottom:100px;
    padding-top:50px;
    
}


.Photo_gallary{
    display:block;
    width:100%;
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}

.Photo_gallary_item{
    display:inline-block;
    width:44%;
    margin:3%;
    position:relative;
}

.Photo_gallary_item:before{
    content:"";
    display:block;
    padding-top:calc(100%*10/16*0.95);
}


.Photo_gallary_item img{
    width:95%;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    left:5%;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.25);
    object-fit: cover;
}

.Photo_gallary_item_contents{

   
   
    padding:2%;
    position:absolute;
    right:10%;
    left:0%;
    bottom:5.0%;
    
    font-size:9.5pt;
    color:white;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.25);

    background-color:rgba(20,20,20,0.75);
    
}

.Photo_gallary_item_contents p{
    margin-top:5px;
    margin-bottom:0;
   
 
    
}

.Photo_gallary_item_contents h2 ,h3{
    margin:0;
}



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

    .column_block_detail_main{
	width:90%;
	padding:0%;
	max-width:700px;
    }

    .column_block_detail_image{

	width:100%;

    }    

    .column_block_detail_txt{

	width:94%;
	margin:3%;
    }

    

    .column_block_detail_txt_title{
	margin-top:20px;
    }

    .column_block_detail_image_graduate{
	
	width:100%;
	
    }    
    
    .column_block_detail_txt_graduate{

	width:100%;
	display:block;
	
    }

    .column_block_detail_txt_graduate::before{

	padding:0;
    }

    .column_block_detail_txt_graduate_contents{
	position:relative;
	font-size:9.5pt;
    }
    
     .Photo_gallary_item{
	width:92%;
	margin:3%;
	margin-bottom:10%;
    }
    
}

@media screen and (max-width: 500px) {
    .colmun_link_Botton_table li{
	width:92%;
	padding-left:4%;
	margin:2%;
	
    }
    
    .colmun_link_Botton_table li::after {
	width: .25em;
	height: .25em;
	border-top: 1px solid rgba(255,255,255,1);
	border-right: 1px solid rgba(255,255,255,1);
    }
    
}


.column_block_profile_OC{
    font-size:12pt;
    margin-left:2%;
}

.column_block_OC_item{
    display:inline-block;
    width:44%;
    margin:3%;
    
    margin-bottom:10%;
    position:relative;
}

.column_block_OC_item:before{
    content:"";
    display:block;
    padding-top:calc(100%*10/16*0.9);
}

.column_block_OC_item img{
    width:90%;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    left:10%;;
    
    box-shadow: 1px 2px 4px rgba(0,0,0,0.25);
    object-fit: cover;
}



.column_block_OC_item h3{
    margin:0;
    font-size:120%;
}

.column_block_OC_item h2{
    margin-top:0;
}


.column_block_OC_item_contents{

   
   
    padding:2%;
    position:absolute;
    right:10%;
    left:0;
    top:80%;
    
    font-size:9.5pt;
    color:white;
    
    box-shadow: 1px 2px 4px rgba(0,0,0,0.25);
    min-height:100px;
    
    background-color:rgba(53,53,53,0.90);
    
}


@media screen and (max-width: 850px) {
    .column_block_OC_item{
	display:block;
	width:100%;
	
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40%;

    }

}



@media screen and (max-width: 500px) {
    .column_block_OC_item h2{
	font-size:medium;
    }

}

/*Adachi Original Code (Open Campus)*/

.OC_block_item{
    position:relative;
    
    display: inline-block;
    vertical-align: top;
    margin: 0px 0 -1% 0;
 
    width:44%;
    margin:3%;

    overflow:hidden;
    background-color:white;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.25);
}

.OC_block_txt{
    position:absolute;
    top:0px;
    display: flex; 
    
    width:95%;
    height:100%;
    padding-left:2.5%;
    padding-right:2.5%;

    font-family:  sans-serif;
    color:#fff;

    vertical-align: middle;
    text-align:center;
    background: rgba(0,0,0,.5);
    text-shadow: 1px 1px 20px #000102;
    font-size:12pt;

    
    justify-content: center;
    align-items: center;
    
}

.OC_block_txt p{
    
    font-size:9.5pt;
}

.OC_block_item_title{
    /*font-size: 1.5em;*/
    /*margin: .75em 0;*/
    font-weight: bolder;
    display: block;
    unicode-bidi: embed;
}



.btn {
    display: inline-block;
    overflow: hidden;
    width: 200px;
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 48px;
    text-decoration: none;
}


.btn:link, .btn:visited, .btn:hover, .btn:active{
    color: #fff;
}


.OC_block_txt:hover{
    background:rgba(1,121,82,0.8); 
}



@media screen and (max-width: 900px) {
    .OC_block_item{
	
	width:92%;
	margin:4%;
	
    }
}

@media screen and (max-width: 450px) {
    
    .OC_block_item_title{
	
    }
}

/*Adachi Original Code (Open Campus)*/


.Edu_block_obj{
    background-color:#fafafa;
    width:30.333333333%;
    margin:1.5%;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.25);
    display: inline-block;
    flex-wrap: wrap;
}

.Edu_block_obj_image{
    display:inline-block;
    width:100%;
    vertical-align:top;
    position:relative;
}

.Edu_block_obj_image:before{
  content: "";
  display: block;
  padding-top: 56.25%;
}

.Edu_block_obj_image img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
 
  object-fit: cover;
}




.Edu_block_obj_txt{
    display:inline-block;
    width:95%;
    min-height:150px;
    margin-left:2.5%;
    margin-bottom:2.5%;
    margin-right:2.5%;
    font-size:10.5pt;
    vertical-align:top;
    position:relative
}

.Edu_block_txt{
    position:absolute;
    top:0px;
    display: flex; 
    
    width:95%;
    height:100%;
    padding-left:2.5%;
    padding-right:2.5%;

    font-family:  sans-serif;
    color:#fff;

    vertical-align: middle;
    text-align:center;
    background: rgba(0,0,0,.2);
    text-shadow: 1px 1px 20px #000102;
    font-size:12pt;

    
    justify-content: center;
    align-items: center;
    
}

.Edu_block_txt::after {
    position: absolute;
    z-index: 2;
    top: 80%;
    right: 50%;
    bottom: 0;
    display: block;
    width: 0.5em;
    height: 0.5em;
    margin: auto;
    content: '';
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-top: 4px solid rgba(1,121,82,1);
    border-right: 4px solid rgba(1,121,82,1);
}


.Edu_label {
    position: absolute;
    padding: 5px;
    top: 10px;
    left: 10px;
    font-family: Arial;
    font-size: 9.5pt;
    background-color: rgba(1,121,82,0.8);
    color: white;
}

@media screen and (max-width: 900px) {
    .Edu_block_obj{
	width:46%;
	margin:2%;
    }
    
}

@media screen and (max-width: 700px) {
    .Edu_block_obj{
	width:96%;
	margin:2%;
    }
    
}

.Edu_block_table{
    margin-top:50px;
     margin-bottom:250px;
    background-color:rgba(0,0,0,0.5);
    width:100%;
}

.Edu_block_row{
    font-size:0;
    width:100%;
    
}
.Edu_block_row_item_1{
    width:15%;
    height:100%;
    background-color:rgba(1,121,82,1);
    font-size:12.5px;
    
    text-align:center;
    color:white;
}

.Edu_block_row_item_2{
    width:85%;
    height:100%;
    padding-left:2%;
    font-size:12.5px;
    background-color:white;
}

.Edu_Botton_table{
    margin-top:50px;
    margin-bottom:250px;
    width:100%;
    font-size:0;
    display:block;
}

.Edu_Botton_table_item{
    width:46%;
    margin:2%;
    
    font-size:10.5pt;
    display:inline-block;
    vertical-align:top;
}

.Edu_module-linkBoxInner {
    position: relative;
    overflow: hidden;
   
    padding-top:2%;
    padding-bottom:2%;
    padding-left:4%;
    padding-right:10%;
    text-align: left;
    border: 2px solid rgba(1,121,82,1);
    width:86%;
    display:inline-block;
    min-height:100px;
    background-color:white;
}

.Edu_module-linkBoxInner::after {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 20px;
    bottom: 0;
    display: block;
    width: .5em;
    height: .5em;
    margin: auto;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid rgba(1,121,82,1);
    border-right: 2px solid rgba(1,121,82,1);
}

.Edu_module-linkBoxInner:link, .Edu_module-linkBoxInner:visited, .Edu_module-linkBoxInner:hover, .Edu_module-linkBoxInner:active{
    color:black;
}

@media screen and (max-width: 900px) {
    .Edu_Botton_table_item{
	width:96%;
	margin:2%;
    }
    
}



.Edu_subject_table{
    width:100%;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.25);
    margin-bottom:250px;
}

.Edu_subject_table th{
    background-color:#dddddd;
    padding:6px;
}

.Edu_subject_table td{
    font-size:0;
    background-color:white;
    padding:6px;
}

.Edu_subject_table_icon{
    display:inline-block;
    width:33.33333%;
    text-align:center;
}

.Edu_subject_table_icon img{
    height:35px;
}

@media screen and (max-width: 700px) {
    .Edu_subject_table_icon{
	
	width:100%;
	margin-top:1px;
	margin-bottom:1px;
	
    }
    
}

.access_Botton_table{
    margin-top:50px;
    margin-bottom:50px;
    width:100%;
    font-size:0;
    display:block;
}



.access_Botton_table_item{
    width:50.0%;
    min-width:330px;
    margin:auto;
    
    font-size:10.5pt;
    display:block;
    vertical-align:top;
}

.access-module-linkBoxInner {
    position: relative;
    overflow: hidden;
   
    padding-top:2%;
    padding-bottom:2%;
    padding-left:4%;
    padding-right:10%;
    text-align: left;
    border: 2px solid rgba(1,121,82,1);
    width:86%;
    display:inline-block;
    min-height:100px;
    background-color:white;
}

.access-module-linkBoxInner::after {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 20px;
    bottom: 0;
    display: block;
    width: .5em;
    height: .5em;
    margin: auto;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid rgba(1,121,82,1);
    border-right: 2px solid rgba(1,121,82,1);
}

.access-module-linkBoxInner:link, .access-module-linkBoxInner:visited, .access-module-linkBoxInner:hover, .access-module-linkBoxInner:active{
    color:black;
}


.access_Botton_table{
    margin-top:50px;
    margin-bottom:50px;
    width:100%;
    font-size:0;
    display:block;
}



.cont_Botton_table_item{
    width:46.0%;
    margin:2%;
    
    font-size:10.5pt;
    display:inline-block;
    vertical-align:top;
}

.cont-module-linkBoxInner {
    position: relative;
    overflow: hidden;
   
    padding-top:2%;
    padding-bottom:2%;
    padding-left:4%;
    padding-right:2%;
    text-align: left;
    border: 2px solid rgba(1,121,82,1);
    width:96%;
    display:inline-block;
    min-height:150px;
    background-color:white;
}



@media screen and (max-width: 900px) {
    .cont_Botton_table_item{
	width:96%;
	margin:2%;
    }
    
}



.link_Botton_table{
    margin-top:50px;
    margin-bottom:50px;
    width:100%;
    font-size:0;
    display:block;
    padding-left:0;
    padding-bottom:150px;
}




.link_Botton_table li{
    width:31.3333333333333%;
    margin:1%;
    
    font-size:10.5pt;
    display:inline-block;
    vertical-align:top;
}

.link_Botton_table a {
    position: relative;
    overflow: hidden;
   
    padding-top:3%;
    padding-bottom:3%;
    padding-left:4%;
    padding-right:10%;
    text-align: center;
    border: 2px solid rgba(1,121,82,1);
    width:86%;
    display:inline-block;
    background-color:white;
    font-weight:600;
}

.link_Botton_table a::after {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 20px;
    bottom: 0;
    display: block;
    width: .5em;
    height: .5em;
    margin: auto;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid rgba(1,121,82,1);
    border-right: 2px solid rgba(1,121,82,1);
}



.link_Botton_table a:link, .link_Botton_table a:visited, .link_Botton_table a:hover, .link_Botton_table a:active {
    color:black;
}



@media screen and (max-width: 900px) {
    .link_Botton_table li{
	width:47%;
	margin:1.5%;
    }
}

@media screen and (max-width: 700px) {
    .link_Botton_table li{
	width:96%;
	margin:2%;
    }
    
}

.privacy_Botton_table{
    padding-top:50px;
    margin-bottom:50px;
    width:100%;
    font-size:0;
    display:block;
    padding-left:0;
    padding-bottom:50px;
}



.privacy_Botton_table_item{
    width:80%;
    margin-top:5%;
    margin-bottom:5%;
    margin-left:auto;
    margin-right:auto;
    
    font-size:10.5pt;
    display:block;
    vertical-align:top;
}

.privacy_modular_botton{
    position: relative;
    overflow: hidden;
   
    padding-top:3%;
    padding-bottom:3%;
    padding-left:4%;
    padding-right:10%;
    text-align: left;
    border: 2px solid rgba(1,121,82,1);
    width:86%;
    display:inline-block;
    background-color:white;
   
}



.privacy_modular_botton::after{
    position: absolute;
    z-index: 2;
    top: 0;
    right: 20px;
    bottom: 0;
    display: block;
    width: .5em;
    height: .5em;
    margin: auto;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid rgba(1,121,82,1);
    border-right: 2px solid rgba(1,121,82,1);
}


.privacy_modular_botton:link, .privacy_modular_botton:visited, .privacy_modular_botton:hover, .privacy_modular_botton:active{
    color:black;
}

.privacy_modular_txt{
    position: relative;
    overflow: hidden;
   
    padding-top:3%;
    padding-bottom:3%;
    padding-left:4%;
    padding-right:4%;
    text-align: left;
    border: 2px solid rgba(1,121,82,1);
    width:92%;
    display:inline-block;
    background-color:white;
   
}

@media screen and (max-width: 700px) {
   .privacy_Botton_table_item{
    width:98%;
   }  
}



.student_Botton_table{
    margin-top:50px;
    margin-bottom:50px;
    width:100%;
    font-size:0;
    display:block;
    padding-left:0;
    padding-bottom:150px;
}



.student_Botton_table li{
    width:31.3333333333333%;
    margin:1%;
    
    font-size:10.5pt;
    display:inline-block;
    vertical-align:top;
    
}

.student_Botton_table h2{
    margin-top:0;
    color: black;
    
}

.student_Botton_table a {
    position: relative;
    overflow: hidden;
   
    padding-top:3%;
    padding-bottom:3%;
    padding-left:4%;
    padding-right:10%;
    text-align: left;
    border: 2px solid rgba(1,121,82,1);
    width:86%;
    display:inline-block;
    background-color:white;
    min-height:120px;
}




.student_Botton_table a::after {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 20px;
    bottom: 0;
    display: block;
    width: .5em;
    height: .5em;
    margin: auto;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid rgba(1,121,82,1);
    border-right: 2px solid rgba(1,121,82,1);
}

.student_Botton_table a:link, .student_Botton_table a:visited, .student_Botton_table a:hover, .student_Botton_table a:active {
    color:black;
}



@media screen and (max-width: 900px) {
    .student_Botton_table li{
	width:48%;
	margin:1%;
		
    }
}

@media screen and (max-width: 700px) {
    .student_Botton_table li{
	width:96%;
	margin:2%;
		
    }
}


.student_block_table{
    margin-top:50px;
     margin-bottom:250px;
    background-color:rgba(0,0,0,0.5);
    width:100%;
}

.student_block_table tr{
    font-size:0;
    width:100%;
    
}
.student_block_table th{
    width:15%;
    height:100%;
    background-color:rgba(1,121,82,1);
    font-size:12.5px;
    
    text-align:center;
    color:white;
}

.student_block_table td{
    width:85%;
    height:100%;
    padding-left:2%;
    font-size:12.5px;
    background-color:white;
}


.student_textbox_table{
     margin-top:50px;
    margin-bottom:50px;
    width:100%;
    font-size:0;
    display:block;
    padding-left:0;
    padding-bottom:150px;
}

.student_textbox_table_item{
    width:48%;
    margin:1%;
    
    font-size:10.5pt;
    display:inline-block;
    vertical-align:top;
    
}

.student_textbox_table_item_txt{
    position: relative;
    overflow: hidden;
   
    padding-top:3%;
    padding-bottom:3%;
    padding-left:4%;
    padding-right:4%;
    text-align: left;
    border: 2px solid rgba(1,121,82,1);
    width:92%;
    display:inline-block;
    background-color:white;
    min-height:300px;
}

@media screen and (max-width: 700px) {
   .student_textbox_table_item{
       width:96%;
       margin:2%;
       
   }
   
   .student_textbox_table_item_txt{
       min-height:0;
   }
}

.student_link_table{
    widht:100%;
    font-size:0;
    padding-left:0
}

.student_link_table li{
    display:inline-block;
    width:31.33333333%;
    min-width:140px;
    margin:1%;
    font-size:9.5px;
    color:white;
    padding-top:2px;
    padding-bottom:2px;
    text-align:center;
    background-color:rgba(1,121,82,1);
    vertical-align:top;
}


.student_link_table:link, .student_link_table:visited, .student_link_table:hover, .student_link_table:active{
    color: white;
}

.school_pass_row{
    z-index:0;
    position:relative;
    display:inline-block;
    vertical-align:top;
    width:50%;
    
}

@media screen and (max-width: 900px) {
   .school_pass_row{
    width:100%;
    
   }
}

.school_pass_row h2{
    font-size:15pt;
    text-align:center;
}


.school_pass_row_item{
     
    font-size:9.5pt;
    display:inline-block;
    width:33.3333333%;
    padding-top:150%;
    margin-top:30%;
    
    position:relative;
}


.school_pass_grad_table{
    display:block;
    width:100%;
    position:relative;
}



.school_pass_grad{
    font-size:9.5pt;
    display:inline-block;
    width:33.3333333%;
    padding-top:15%;
    
    position:relative;
}

.school_pass_grad_color_1{
    background-color:#f1f1f1;
}

.school_pass_grad_color_2{
    background-color:#c1c1c1;
}


@media screen and (max-width: 900px) {
   .school_pass_row_item{
       margin-top:0;
   }
}




.school_pass_message{

    z-index:2;
    text-align:center;
   
    color:black;

    width:296%;
    margin:0% 0% 0% 0%;;
    display:flex;
    position:absolute;
    top:80%;
    bottom:0;
    justify-content:center;
    align-items:center;
    background-color:rgba(0,0,0,0.0);
    padding:2%;
    font-size:9.5pt;
    /*box-shadow: 1px 2px 4px rgba(0,0,0,0.25);*/
}


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

    .school_pass_message h3{
	font-size:100%;
    }
    
    
}


.school_pass_highschool{

    position:absolute;
    bottom:55%;
    display:block;
    width:100%;
   
    

}




.school_pass_high-pro-school{

    position:absolute;
    bottom:75%;
    display:block;
    width:100%;
    

}

.school_pass_university{

    z-index:2;
    
    position:absolute;
    bottom:100%;
    display:block;
    width:200%;
    

}


.school_pass_highschool:hover, .school_pass_high-pro-school:hover, .school_pass_university:hover{
    
    box-shadow: 1px 2px 4px rgba(0,0,0,1);

}



@media screen and (max-width: 900px) {
 
    .school_pass_university{
	
	bottom:65%;
	
    }
}



.school_pass_enter_name{
    text-align:center;
    background-color:rgba(1,121,82,1);;
    color:white;
    display:block;
    width:100%;
    padding-top:10px;
    padding-bottom:10px;
    margin:0;
    position:relative;

}



@media screen and (max-width: 400px) {
    .school_pass_enter_name{
	font-size:100%;
    }
}




.school_pass_enter_subject{
    font-size:9.5pt;
    text-align:center;
    background-color:#f1f1f1;
    display:block;
    width:100%;
    padding-top:10px;
    padding-bottom:10px;
    position:relative;
    color:black;

}

.school_pass_highschool:hover .school_pass_enter_subject, .school_pass_high-pro-school:hover .school_pass_enter_subject, .school_pass_university:hover .school_pass_enter_subject{
    
    background-color:rgba(1,121,82,1);
    color:white;

}





.school_pass_enter_subject::after {
    position: absolute;
    z-index: 2;
    
    right: 0%;
    left: 0%;
    bottom: -20px;
    display: block;
    width: .75em;
    height: .75em;
    margin: auto;
    content: '';
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-top: 3px solid rgba(1,121,82,1);
    border-right: 3px solid rgba(1,121,82,1);
}

.school_pass_module-linkBoxInner{
    z-index:2;
    position: absolute;
    overflow: hidden;

    width:100%;
    position:absolute;
    top:0%;
    bottom:0;

    background-color:rgba(0,0,0,0.7);
    color:white;
   
    display:flex;
    font-size:120%;
    font-weight:600;
    justify-content: center;
    align-items: center;
}




.school_pass_module-linkBoxInner::after {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 5%;
    bottom: 0;
    display: block;
    width: .5em;
    height: .5em;
    margin: auto;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid white;
    border-right: 2px solid white;
}

.school_pass_module-linkBoxInner:hover{
    
    background-color:rgba(1,121,82,1);
    box-shadow: 1px 2px 4px rgba(0,0,0,1);
}



.school_pass_emp{
    width:100%;
   
    
    display:flex;
    justify-content: center;
    align-items: center;
    font-size:12pt;
    
    
    
    padding-top:2.5%;
    padding-bottom:2.5%;
    background-color:rgba(60,60,60,1);
    margin-top:5%;
    color:white;
}

.school_pass_emp:hover{
    background-color:rgba(1,121,82,1);
    box-shadow: 1px 2px 4px rgba(0,0,0,1);
}

@media screen and (max-width: 400px) {
    .school_pass_emp{
	font-size:9.5pt;
    }
}


.school_pass_emp_arrow{
    font-size:120%;
    position: absolute;
    z-index: 2;
    bottom: -20%;
    left: 0%;
    right:0;
    display: block;
    width: .5em;
    height: .5em;
    margin: auto;
    content: '';
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-top: 2px solid rgba(1,121,82,1);
    border-right: 2px solid rgba(1,121,82,1);
}



@media screen and (max-width: 500px) {
    .school_pass_module-linkBoxInner {
	font-size:100%;
    }

    .school_pass_module-linkBoxInner::after {
	width: .35em;
	height: .35em;
	border-top: 1px solid white;
	border-right: 1px solid white;
    }

    .school_pass_emp_arrow{
	width: .35em;
	height: .35em;
	border-top: 1px solid rgba(1,121,82,1);
	border-right: 1px solid rgba(1,121,82,1);
    }
    
}


.school_pass_title{
    z-index:2;
    display:flex;
    width:100%;
    margin:0%;
    position:absolute;
    top:70%;
    bottom:20%;
    
    font-size:9.5pt;
    /*box-shadow: 1px 2px 4px rgba(0,0,0,0.25);*/
    

    justify-content: center;
    align-items: center;
    background-color:#caf3cc;
    color:black;
}



.school_pass_title_1{
    z-index:2;
    display:flex;
    width:200%;
    margin:0%;
    position:absolute;
    top:60%;
    bottom:35%;
    /*box-shad`cdcdow: 1px 2px 4px rgba(0,0,0,0.25);*/
    font-size:9.5pt;
    
    justify-content: center;
    align-items: center;
    background-color:#a4d3c5;
    color:black;
    
    
}

.school_pass_title_2{
    z-index:2;
    display:flex;
    width:200%;
    margin:0%;
    position:absolute;
    top:65%;
    bottom:30%;
    /*box-shadow: 1px 2px 4px rgba(0,0,0,0.25);*/
    font-size:9.5pt;
    
    justify-content: center;
    align-items: center;
    background-color:#a4d3c5;
    color:black;
    
    
}

.school_pass_title_3{
    z-index:2;
    display:flex;
    width:100%;
    margin:0%;
    position:absolute;
    top:50%;
    bottom:40%;
    /*box-shadow: 1px 2px 4px rgba(0,0,0,0.25);*/
    font-size:9.5pt;
    
    justify-content: center;
    align-items: center;
    background-color:#77c0b2;
    color:black;
    
   
}

.school_pass_title_4{
    z-index:2;
    display:flex;
    width:100%;
    margin:0%;
    position:absolute;
    top:40%;
    bottom:50%;
    
    /*box-shadow: 1px 2px 4px rgba(0,0,0,0.25);*/
    font-size:9.5pt;
   
    justify-content: center;
    align-items: center;
    background-color:#99c998;
    color:black;
}

.school_pass_title_5{
    z-index:2;
    display:flex;
    width:100%;
    margin:0%;
    position:absolute;
    top:30%;
    bottom:60%;
   
    font-size:9.5pt;
    
    justify-content: center;
    align-items: center;
    background-color:#6eb373;
    color:black;
    /*box-shadow: 1px 2px 4px rgba(0,0,0,0.25);*/
   
}

.school_pass_title_6{
    z-index:2;
    display:flex;
    width:100%;
    margin:0%;
    position:absolute;
    top:20%;
    bottom:70%;
   
    font-size:9.5pt;
  
    justify-content: center;
    align-items: center;
    background-color:#57b38a;
    color:black;
   /* box-shadow: 1px 2px 4px rgba(0,0,0,0.25);*/
   
}

.school_pass_title_6:hover,.school_pass_title_5:hover,.school_pass_title_4:hover,.school_pass_title_3:hover,.school_pass_title_2:hover,.school_pass_title_1:hover,.school_pass_title:hover{
    
    background-color:rgba(1,121,82,1);
    color:white;
    box-shadow: 1px 2px 4px rgba(0,0,0,1);

}

@media screen and (max-width: 900px) {
    .school_pass_title_4{
	top:70%;
	bottom:20%;
    }

    .school_pass_title_5{
	top:60%;
	bottom:30%;
    }

    .school_pass_title_6{
	top:50%;
	bottom:40%;
    }
}


@media screen and (max-width: 400px) {
    .school_pass_title h3{
	font-size:100%;
    }

    .school_pass_title_2 h3{
	font-size:100%;
    }
    .school_pass_title_3 h3{
	font-size:100%;
    }
    
    .school_pass_title_4 h3{
	font-size:100%;
    }
    .school_pass_title_5 h3{
	font-size:100%;
    }

    .school_pass_title_6 h3{
	font-size:100%;
    }
   
}



.school_pass_row_item_1{
   
    bottom:0%;
    position:absolute;
    font-size:9.5pt;
    display:inline-block;
    padding-top:135%;
    width:100%;
    background-color:#f1f1f1;
    
}

.school_pass_row_item_1_img{
   
    margin-left:25%;
    width:50%;
    position:absolute;
    bottom:31%;
}




.school_pass_row_item_2{
   
    bottom:0%;
    position:absolute;
    font-size:9.5pt;
    display:inline-block;
    padding-top:180%;
    width:100%;
    background-color:#f1f1f1;
    
}


.school_pass_row_item_2_img{
    margin-left:25%;
    width:45%;
    position:absolute;
    bottom:41%;
}


.school_pass_row_item_3{
   
    bottom:0%;
    position:absolute;
    z-index:1;
    font-size:9.5pt;
    display:inline-block;
    padding-top:225%;
    width:100%;
    background-color:#f1f1f1;
    z-index:1;
    
}

.school_pass_row_item_3_img{
    margin-left:25%;
    width:45%;
    position:absolute;
    bottom:51%;
    
}

.school_pass_row_item_4{
   
    bottom:0%;
    position:absolute;
    font-size:9.5pt;
    display:inline-block;
    padding-top:270%;
    width:100%;
    background-color:#c1c1c1;
    
}

.school_pass_row_item_4_img{

    margin-left:25%;
    width:50%;
    position:absolute;
    bottom:61%;
}


.school_pass_row_item_5{
   
    bottom:0%;
    position:absolute;
    font-size:9.5pt;
    display:inline-block;
    padding-top:315%;
    width:100%;
    background-color:#c1c1c1;
    
}

.school_pass_row_item_5_img{

    margin-left:25%;
    width:50%;
    position:absolute;
    bottom:71%;
}



.school_pass_row_item_6{
   
    bottom:0%;
    position:absolute;
    font-size:9.5pt;
    display:inline-block;
    padding-top:360%;
    width:100%;
    background-color:#c1c1c1;
    
}

.school_pass_row_item_6_img{

    

    margin-left:30%;
    width:40%;
    position:absolute;
    bottom:81%;
}


@media screen and (max-width: 900px) {
    .school_pass_row_item_4{
	padding-top:135%;
	
    }

    .school_pass_row_item_4_img{
	bottom:31%;
    }


    .school_pass_row_item_5{
	padding-top:180%;	
    }
    
    .school_pass_row_item_5_img{
	
	bottom:41%;
    }
    
    
    
    .school_pass_row_item_6{
	
	padding-top:225%;
	
    }
    
    .school_pass_row_item_6_img{
	
	
	
	bottom:51%;
    }

}

.school_closed_block{
   
   
    left:0;
    right:0;
    font-size:0;
    opacity:0;	/* マスクを表示しない */
    
}

.school_closed_block_1{
   
   
    left:0;
    right:-200%;
    font-size:0;
    opacity:0;	/* マスクを表示しない */
    
}

.school_closed_block_2{
   
   
    right:0;
    left:-200%;
    font-size:0;
    opacity:0;	/* マスクを表示しない */
    
}

.school_closed_block_3{
   
   
    right:0;
    left:-50%;
    font-size:0;
    opacity:0;	/* マスクを表示しない */
    
}







.school_closed_block_title{
    font-size:0pt; 
    top:110%;
    left:0;
    right:-200%;
   
    opacity:0;	/* マスクを表示しない */
   
}


.school_closed_block_title2{
    font-size:0pt;
   
    top:110%;
    left:-50%;
    right:0;
    z-index:3;

    opacity:0;	/* マスクを表示しない */
    color:white;
  
}



.school_closed_block_title3{
    font-size:0pt;
   
    top:calc( 100%);
    left:-200%;
    right:0;
   
    opacity:0;	/* マスクを表示しない */
    
}

.school_closed_block_title4{
    font-size:0pt;
   
    top:calc( 100%);
    left:-100%;
    right:-100%;
   
    color:white;
}

.school_closed_block_grad{
    font-size:0pt;
   
    left:0;
    right:0%;
    position:absolute;
    opacity:0;
}






.school_pass_title:hover .school_closed_block_title,
.school_pass_title_1:hover .school_closed_block_title,
.school_pass_title_2:hover .school_closed_block_title2,
.school_pass_title_1:hover .school_closed_block_title2,
.school_pass_title_3:hover .school_closed_block_title3,
.school_pass_title_4:hover .school_closed_block_title,
.school_pass_title_6:hover .school_closed_block_title3,
.school_pass_title_5:hover .school_closed_block_title4,
.school_pass_highschool:hover .school_closed_block_1,
.school_pass_high-pro-school:hover .school_closed_block_2,
.school_pass_university:hover .school_closed_block_3,
.school_pass_title:hover .school_closed_block{
    opacity:1;	/* マスクを表示しない */
    font-size:9.5pt;
    padding:10px;
    
    padding-top:20px;
    padding-bottom:5px;

    top:110%;
    
    z-index:10;
    background-color:rgba(50,50,50,0.9);
    box-shadow: 1px 2px 4px rgba(0,0,0,1);
    
    color:white;

    margin-left:0%;
    margin-right:0%;

    position:absolute;

    font-weight:100;
    
}

.school_pass_grad_table:hover .school_closed_block_grad{
    opacity:1;	/* マスクを表示しない */
    font-size:9.5pt;
    padding:10px;
    
    padding-top:20px;
    padding-bottom:5px;

    bottom:110%;
    
    z-index:10;
    background-color:rgba(50,50,50,0.9);
    box-shadow: 1px 2px 4px rgba(0,0,0,1);
    
    color:white;

    margin-left:0%;
    margin-right:0%;

    position:absolute;

    display:block;
    
}





.school_pass_title:hover .school_closed_block_title::before,
.school_pass_title_1:hover .school_closed_block_title::before,
.school_pass_title_2:hover .school_closed_block_title2::before,
.school_pass_title_1:hover .school_closed_block_title2::before,
.school_pass_title_3:hover .school_closed_block_title3::before,
.school_pass_title_4:hover .school_closed_block_title::before,
.school_pass_title_6:hover .school_closed_block_title3::before,
.school_pass_title_5:hover .school_closed_block_title4::before,
.school_pass_highschool:hover .school_closed_block_1::before,
.school_pass_high-pro-school:hover .school_closed_block_2::before,
.school_pass_university:hover .school_closed_block_3::before,
.school_pass_emp:hover .school_closed_block::before{
    position:absolute;
    display:block;
    content:"";
    width:100%;
    top:-20%;
    left:0;
    padding-top:30%;
    background-color:rgba(0,0,0,0);
}


.school_pass_grad_table:hover .school_closed_block_grad::before{
    position:absolute;
    display:block;
    content:"";
    width:100%;
    bottom:-20%;
    left:0;
    padding-top:30%;
    background-color:rgba(0,0,0,0);
}



.school_pass_emp:hover .school_closed_block{
    opacity:1;	/* マスクを表示しない */
    font-size:9.5pt;
    padding:10px;
    
    padding-top:20px;
    padding-bottom:5px;

    top:101%;
    
    z-index:2;
    background-color:rgba(0,0,0,0.9);
    box-shadow: 1px 2px 4px rgba(0,0,0,1);
    
    color:white;

    margin-left:0%;
    margin-right:0%;

    position:absolute;
}



.school_link_Botton_table_closed{
    width:100%;
    font-size:0;
    display:block;
    padding-left:0;
}

.school_link_Botton_table_closed li{
    display:inline-block;
    width:46%;
    margin:0%;
    
    
}



.school_link_Botton_table_closed a{
    z-index:2;
    position:relative;
    overflow: hidden;
    display:flex;
    
    width:95%;
   
  
    font-weight:600;
    justify-content: center;
    align-items: center;
   
    color:white;
    background-color:rgba(1,121,82,0.8);

    font-weight:100;
    padding-right:2.5%;
    padding-left:2.5%;
    
}




.school_link_Botton_table_closed a::after{
    position: absolute;
    z-index: 2;
    top: 0;
    right: 3%;
    bottom: 0;
    display: block;
    width: .3em;
    height: .3em;
    margin: auto;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid white;
    border-right: 1px solid white;
}

.school_pass_title:hover a,
.school_pass_title_1:hover a,
.school_pass_title_2:hover a,
.school_pass_title_3:hover a,
.school_pass_title_4:hover a,
.school_pass_title_5:hover a,
.school_pass_title_6:hover a,
.school_pass_emp:hover a,
.school_pass_highschool:hover a,
.school_pass_high-pro-school:hover a,
.school_pass_university:hover a,
.school_pass_grad:hover a,
.school_pass_grad_table:hover a{
    padding-top:5px;
    padding-bottom:5px;
    font-size:9.5pt;
   
    
}

.school_pass_title:hover li,
.school_pass_title_1:hover li,
.school_pass_title_2:hover li,
.school_pass_title_3:hover li,
.school_pass_title_4:hover li,
.school_pass_title_5:hover li,
.school_pass_title_6:hover li,
.school_pass_emp:hover li,
.school_pass_highschool:hover li,
.school_pass_high-pro-school:hover li,
.school_pass_university:hover li,
.school_pass_grad:hover li,
.school_pass_grad_table:hover li{
    margin:2%;
     box-shadow: 1px 2px 4px rgba(0,0,0,1);
}





/* 女子学生ページ */

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto 3% auto;
	color: black;
	display:block;
	box-shadow: 1px 2px 4px rgba(0,0,0,1);
}


[class*="cp_img"]{
    position:absolute;
    top:0;
    bottom:0;
    width:120px;
    
    display:flex;
    justify-content: center;
    align-items: center;
    background-color:rgba(1,121,82,0.0);
    
}

[class*="cp_img"] img{
    width:70%;
   
}


.cp_img-r{
    right:0;
}


.cp_img-l{
    left:0;
}





.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	position: relative;
	display: block;

	padding-left:120px;
	padding-right:120px;
	padding-top:4%;
	padding-bottom:4%;
	
	background: white;

}

.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: black;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-weight: bold;
	position: absolute;

	 position:absolute;
	 width:10%;
	 top: 0;
	 right: 0;
	 bottom:0;

	 
	 content: '+';
	 display: flex;
	 font-size: 1.8em;

	 justify-content: center;
	 align-items: center;
    
	 -webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}


/* 答え */

.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0% 120px 0% 120px;
	
	background-color:white;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	/*border-radius: 0 0 0.5em 0.5em;*/
}

[class*="cp_actab-content_txt"]{
    position:relative;
    padding:1% 2% 1% 2%;
    margin-right:30px;
    margin-left:30px;
}


.cp_actab-content_txt_q{
    
    background-color:#efd678;
    
    
}

.cp_actab-content_txt_a{
    
    background-color:#e1cead;
    
}


.cp_actab-content_txt_a:after{
    content:"";
    position:absolute;
    left:100%;;
    top:calc( 50% - 10px );
    
    border-top: 10px solid transparent;
    border-left: 30px solid #e1cead;
    border-bottom: 10px solid transparent;
    
}

.cp_actab-content_txt_q:after{
    content:"";
    position:absolute;
    right:100%;
    top:calc( 50% - 10px );
    
    border-top: 10px solid transparent;
    border-right: 30px solid #efd678;
    border-bottom: 10px solid transparent;
    
}


.cp_qa .cp_actab .cp_actab-content p {
	
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
    max-height: 9999999999999999999999px;
    padding-top:4%;
    padding-bottom:4%;
    
	/*border: 10px solid rgba(27,37,56,0.1);*/
}

/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
    color:black;
    border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.girl_img_table .item {
    display: inline-block;
    width: calc( 50% - 5px );
    padding-left: 2.5px;
    padding-right: 2.5px;
    position: relative;
}
.girl_img_table .item p {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 2.5px;
    left: 2.5px;
    background-color: rgba(0,0,0,0.5);
    color: white;
}

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

    .cp_qa .cp_actab label {

	padding-left:3%;
	padding-right:3%;
	padding-bottom:10%;
	
	
    }

    .cp_qa .cp_actab .cp_actab-content {
	padding: 0% 3% 0% 3%;
    }

    .cp_qa .cp_actab label::after {
		bottom: 0;
		height:50px;
		width:50px;
		top: auto;
    }

    
    [class*="cp_actab-content_txt"]{
	display:block;
	margin:0;
    }

    [class*="cp_img"]{
	position:relative;
	top:0;
	bottom:0;
	width:100%;
	margin-bottom:25px;
    }

    [class*="cp_img"] img{
	width:84px;
	
    }

    .cp_actab-content_txt_a:after{
    
	border-top: 0px solid transparent;
	border-left: 0px solid white;
	border-bottom: 0px solid transparent;
	
    }

    .cp_actab-content_txt_q:after{
	border-top: 0px solid transparent;
	border-left: 0px solid white;
	border-bottom: 0px solid transparent;
	
    }
}



.Contents_New_title{
    font-family:Impact, sans-serif;

    position:relative;
    width:calc( 100%);
    height:12%;

    background-color:rgba(50,50,50,1);
    color:white;
    
    display:flex;
    align-items:center;
    justify-content:center;
    
}

.Contents_New_title .content{
    width:100%;
}


.Contents_New_title_main{
    width:95%;
    padding-left:2rem;
    font-size:20pt;
    position:relative;
    text-align:left;
    
}
.Contents_New_title_sub{
    padding-top:1rem;
    width:95%;
    padding-left:2rem;
    font-size:9.5pt;
    position:relative;
    text-align:left;
    
}

.Contents_New_menu{
    color:white;
    position:absolute;
    top:0%;
    bottom:0%;
    right:0%;
    width:5rem;
    display:flex;
    font-size:9.5pt;
    align-items:center;
    justify-content:center;
    
}

.wrap-news .Contents_New_menu{
    background-color:rgba(1,121,82,1);
   
}

.wrap-student .Contents_New_menu{
    background-color:#DD9347;
}

.wrap-grad .Contents_New_menu{
    background-color:#82584D;
}




.Contents_New_menu img{
    width:40%; 
}


.Contents_New_title_main:before{
    content:"";
    position:absolute;
   
   
    bottom:-0.5rem;
    left:2rem;
    width:3rem;
}

.wrap-news .Contents_New_title_main:before{
    border-top: 1px solid rgba(1,121,82);

}

.wrap-student .Contents_New_title_main:before{
    border-top: 1px solid #DD9347;

}

.wrap-grad .Contents_New_title_main:before{
    border-top: 1px solid #82584D;

}
 

[class*="wrap"]{
   
   
    z-index: 2;
    width:50%;
    padding:0%;
    
    height:50%;
    
   
    color:black;
    
    font-size:0;
    display:inline-block;
    position:relative;
}


.wrap-news{
    width:100%;
}


.card-50{
    height: 50%;
    width:100%;
    display:inline-block;
    vertical-align:top;
    position:relative;
}


.News_block_new{
   
    width:100%;
    height:200vh;
    position:relative;
    display:block;
    font-size:0;
    
    min-height:800px;
       
}


.card-50 img{	 
    display: block;
    height: 100%  ;
    left: 0;	  
    -o-object-fit:cover;
    object-fit: cover;		 
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.flex-outer{
    
     
    position: relative;
    width: calc( 100% );
    z-index:5;
    height:calc( 50% );
    display:inline-block;
    background-color:rgba(200,200,200);
    
}	     

.flex-content{

    height:100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-content p{
    font-size:9.5pt;
 
}


 
.flex-content-title{
    font-size:15px;
    padding-top:0;
   /* padding-top:3.2rem;*/
    padding-bottom:1rem;
}

.flex-content-title h3{
    
}


@media (max-width: 1000px) {

    .Contents_New_title{

	
	color:white;
	
    }



    .News_block_new{
	height:300vh;
	min-height:calc( 800px * 3);

    }
    
    .wrap-news{	    
	width:100%;
	height:calc( 100%/3);
    }

       .wrap-grad{	    		        
     	 width:100%;			        
     	 height:calc( 100%/3);		        
     	    				        
      }				        
      .wrap-student{	    		        
     	 width:100%;			        
     	 height:calc( 100%/3);		        
     	    				        
      }				        

    
    /********************************************/
    /* .card-50{			        */
    /* 	height:100%;			        */
    /* 	width:50%;			        */
    /* }				        */
    /* 					        */
    /* .flex-outer{			        */
    /* 					        */
    /* 	width: calc( 50% - 1*2rem);	        */
    /* 	 height:calc( 100% - 1*2rem);	        */
    /* 					        */
    /* }				        */
    /* 					        */
    /*  .wrap-grad{	    		        */
    /* 	 width:100%;			        */
    /* 	 height:calc( 100%/3);		        */
    /* 	    				        */
    /*  }				        */
    /*  .wrap-student{	    		        */
    /* 	 width:100%;			        */
    /* 	 height:calc( 100%/3);		        */
    /* 	    				        */
    /*  }				        */
    /********************************************/

     
}








 

.black_link{
    color:white;
    font-family:IMPACT,sans-serif;
    font-weight:900;
    position:relative;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    
    font-size:9.5pt;
    background-color:rgba(50,50,50, 1);
    width:50%;
    

    box-shadow: 1px 2px 4px rgba(0,0,0,0.5);
   
}



.black_link::before{
    position: absolute;
    /*z-index: 2;*/
    top: 0.2rem;
    right:7px;
    bottom: 0;
    display: block;
    width: .4em;
    height: .4em;
    margin: auto;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid white;
    border-right: 2px solid white;
}
.bg-white{
    background-color: white;
}
.bg-gray{
	background-color: rgb(220,220,220);
}
.bg-gray2{
	background-color: rgb(200,200,200);
}
.text-align-right{
	text-align: right;
}
.text-align-center{
	text-align: center;
}
.mt-0{
	margin-top: 0;
}
.pt-1{
	padding-top: 1rem;
}
.pt-2{
	padding-top: 2rem;
}
.pt-3{
	padding-top: 3rem;
}
.pb-05{
	padding-bottom: 0.5rem;
}
.pb-1{
	padding-bottom: 1rem;
}
.pb-2{
	padding-bottom: 2rem;
}
.pb-3{
	padding-bottom: 3rem;
}
.pl-1{
	padding-left: 1rem;
}
.pl-2{
	padding-left: 2rem;
}
.pl-3{
	padding-left: 3rem;
}
.pr-1{
	padding-right: 1rem;
}
.pr-2{
	padding-right: 2rem;
}
.pr-3{
	padding-right: 3rem;
}
.mw-70{
	max-width: 70%;
}
.mw-100{
	max-width: 100%;
}
.w-40{
	width: 40%;
}
.w-60{
	width: 60%;
}
.w-80{
	width: 80%;
}
.w-100{
	width: 100%;
}
.font-size-075{
	font-size: 0.75rem;
}
.font-size-1{
	font-size: 1rem;
}
.thumb img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}
.m-auto{
	margin-left: auto;
	margin-right: auto;
    padding:1em;
}
.Photo_gallary_frame{
	/*width: 150%;
    margin-left: -25%;*/
}
.ml-10per{
	margin-left: 10%;
}
.font-weight-normal{
	font-weight: normal;
}
.not-found{
	display: block;
	margin: 0 auto;
	padding: 300px 0;
}
.text-black{
    color: black;
}
/* サイトマップ */
div.sitemap{
    margin: -10px auto 2rem;
}
.sitemap table{
    display: inline-block;
    vertical-align: top;
	border-collapse: collapse;
    border: none;
	border-spacing: 0;
	font-weight: 500;
    margin-bottom: -2px;
	background-color: rgba(0,0,0,0.8);
	box-shadow: 1px 2px 4px rgba(0,0,0,1);
}
.sitemap td{
    width: 50vw;
	vertical-align: top;
	text-align: left;
	border: solid 1px #BBBBBB;
    border-top: solid 2px #BBBBBB;
	padding: 1rem 0.5rem;
}
@media screen and (min-width:1024px){
    div.sitemap{
        margin: 2rem auto;
    }
    .sitemap table{
        margin: 0 1rem;
        padding: 0 0;
	}
    .sitemap td{
        width: 20vw;
        max-width: 250px;
    }
}
.sitemap ul{
	padding: 0;
	margin: 0;
}
.sitemap li{
	list-style: none;
	padding: 0.2rem;
	margin: 0.1rem;
}
.sitemap a{
	color: white;
}
.sitemap a:after{
	display: inline-block;
	margin-left: 0.5rem;
	content: '';
	width: 0.4em;
	height: 0.4em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: 2px solid white;
	border-right: 2px solid white;
}


/**/
.Employ_Block{
    vertical-align: top;
    display:inline-block;
    background-color: rgba(255, 255, 255, 0.8);
    position: relative;
    border: 1px solid black;
    margin: 20px;
    width: calc( 50% - 42px);
    padding-bottom: 50px;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.25);
}

.Employ_Block_item{
    display:block;
    width:95%;
    min-height: 450px;
    margin:2.5%;
}

.employ_abst{
    width: calc( 90% - 40px );
    margin:auto;
    padding: 20px;
    background-color:rgba(255, 255, 255, 0.8);
    box-shadow: 1px 1px 4px  rgba(0, 0, 0, 0.495);
    position: relative;
    border: 1px solid black;
}

@media screen and (max-width: 600px){
    .employ_abst{
        width: calc( 100% - 60px );
        padding: 10px;
    }
}


.employ_abst::before,.employ_abst::after,.Employ_Block::after,.Employ_Block::before{
    width: 20px;
    height: 20px;
    display: block;
    content: "";
    position: absolute;
   
    background-color: rgba(0, 0, 0, 0.87);
    box-shadow: 1px 1px 4px  black;
    border: 1px solid rgb(1, 1, 1);

    z-index: 0;
}


.employ_abst::before,.Employ_Block::before{
   
    top:-10px;
    left: -10px;
   
}


.employ_abst::after,.Employ_Block::after{
   
    bottom:-10px;
    right: -10px;
   
}
.Employ_Block_title,.Employ_Block_subtitle{
	background-color: rgba(240, 248, 255, 0);
    color: black;
    padding-top: 30px;
    padding-bottom: 0;
    margin-bottom: 30px;
    position: relative;
    font-size: 15pt;
    text-align: center;
	
    width:100%;
    display:block;
    font-family:Impact,sans-serif;
    font-weight:900;
    
}


.Employ_Block_subtitle{
    color: black;
    display: block;
    font-weight: 700;
}



.Employ_Block_title::after{
    position: absolute;
    content: "";
    z-index: 2;
    right: 45%;
    left: 45%;
    bottom: -5px;
    display: block;
    margin: auto;
    border-bottom: 3px solid rgb(1,121,82);
    
    
}


.employ_table{
    margin-top:12pt;
    display:inline-block;
    width:33.33333333%;
    font-weight:900;
}

.employ_table_icon{
    display:block;
    width:100%;
    text-align:center;
}


.employ_table_name{
    text-align:center;
    width:100%;
    display:block;
    text-align:center;
    font-size:15pt;
    font-family:Impact,sans-serif;
}

.employ_table_data{
    text-align:center;
    width:100%;
    display:block;
    font-family:Impact,sans-serif;
    font-size:25pt;
    color:rgb(1,121,82);
}



.employ_comp{
    margin-top:20px;
    display:inline-block;
    width:48%;
    font-weight:900;
}

.employ_comp_icon{
    display:flex;
    width:100%;
    height:250px;
    position: relative;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}




.employ_comp_name{
    margin-top:25px;
    text-align:center;
    width:100%;
    display:block;
    text-align:center;
    font-size:15pt;
    font-family:Impact,sans-serif;
	
}

.employ_comp_data{
    text-align:center;
    width:100%;
    display:block;
    font-family:Impact,sans-serif;
    font-size:25pt;
    color:rgb(1,121,82);
	
}



.employ_prefecture_table{
    vertical-align:top;
    width:49.5%;
    flex-wrap: nowrap;
    justify-content: space-around;
	align-items:center;
	display:flex;
    font-weight:900;
	height:250px;
	flex-wrap:wrap;
}

.employ_prefecture_table_item{
    margin-top:15px;
    margin-bottom:15px;
    
    vertical-align:top;
    width:24%;
    display:inline-block;
    text-align:center;
	 transition: 1s;
}





.employ_prefecture_icon{
    display:flex;
    width:100%;
    height:70px;
    position: relative;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
	
	transition:1s;
}

.employ_prefecture_icon img{
	mix-blend-mode: multiply;
}

.employ_prefecture_table_item:hover{
 }

.employ_prefecture_table_item:hover .employ_prefecture_icon{
    height:150px;
	
}




.employ_prefecture_name{
    margin-top:10px;
    text-align:center;
    width:100%;
    display:block;
    text-align:center;
    font-size:12pt;
    font-family:Impact,sans-serif;
}

.employ_prefecture_data{
    text-align:center;
    width:100%;
    display:block;
    font-family:Impact,sans-serif;
    font-size:25pt;
    color:rgb(1,121,82);
}


.data_table{
    position:relative;
    display:block;
    width:100%;
}

.data_item{
    display:inline-block;
    position:relative;
    width:33%;
    height:auto;
    margin-top:5px;
     margin-bottom:5px;
    padding:0;
    background-color:white;
}



.data_item_over{
    display:inline-block;
    position:absolute;
    height:100%;
    background-color:green;
    top:0;
}

.data_item_over_h{
    display:inline-block;
    position:absolute;
    width:100%;
    background-color:#ffffffFF;
    top:0;
}

.data_figure{
    margin-left:10%;
    margin-right:10%;
    width:80%;
    vertical-align: bottom;
}
@media screen and (max-width: 760px) {
	.Employ_Block {
		width : 94%;
	 }

.row_justify{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-end;
	margin-bottom: 20px;
}
}


.employ_abst{
    width: calc( 90% - 40px );
    margin:auto;
    padding: 20px;
    
    box-shadow: 1px 1px 4px  rgba(0, 0, 0, 0.495);
    position: relative;
    border: 1px solid black;
}

@media screen and (max-width: 600px){
    .employ_abst{
        width: calc( 100% - 82px );
        
    }
}


.employ_abst::before,.employ_abst::after,.Employ_Block::after,.Employ_Block::before{
    width: 20px;
    height: 20px;
    display: block;
    content: "";
    position: absolute;
   
    background-color: rgba(0, 0, 0, 0.87);
    box-shadow: 1px 1px 4px  black;
    border: 1px solid rgb(1, 1, 1);

    z-index: 0;
}


.employ_abst::before,.Employ_Block::before{
   
    top:-10px;
    left: -10px;
   
}


.employ_abst::after,.Employ_Block::after{
   
    bottom:-10px;
    right: -10px;
   
}




.Employ_Block_title , .Employ_Block_subtitle{
    background-color: rgba(240, 248, 255, 0);
    color: black;
    padding-top: 30px;
    padding-bottom: 0;
    margin-bottom: 30px;
    position: relative;
    font-size: 15pt;
    text-align: center;
    
}

.Employ_Block_subtitle{
    color: black;
    display: block;
    font-weight: 700;
}



.Employ_Block_title::after{
    position: absolute;
    content: "";
    z-index: 2;
    right: 45%;
    left: 45%;
    bottom: -5px;
    display: block;
    margin: auto;
    border-bottom: 3px solid rgb(1,121,82);
    
    
}

.employ_graph_row{
    display: block;
    margin: 10px;
    width: calc( 100% - 20px );
    font-size: 0;
    
    margin: 10px 20px 20px 10px; 
    border-bottom: 1px solid rgb(1,121,82);
}


.employ_graph_row_subject{
    display: inline-block;
    width: calc( 130px);
    padding:10px;
    background: rgb(62 58 57);
    font-size: 10pt;
    height: 50px;
    vertical-align: top;
    color: white;
    font-weight: bold;
}


.employ_graph_row_nunber{
    display: inline-block;
    width: calc( 30px);
    padding:10px;
    background:rgb(221, 221, 221);
    font-size: 10pt;
    height: 50px;
    vertical-align: top;
    line-height:30px;
}

.employ_graph_row_nunber .emp_inner,.employ_graph_row_subject .emp_inner {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    
}

.employ_graph_row_nunber .emp_inner{
    justify-content: center;   
}



.employ_graph_row_bar{
    display: inline-block;
    
    margin:10px;
    vertical-align: top;
    font-size: 10pt;
    height: 50px;
    
    width: calc( ( 100% - 200px - 20px ) );
}




.employ_graph_row_bar .emp_inner{
    display: block;
    height: 100%;
    background-image: url("http://www.eee.yamaguchi-u.ac.jp/wp-content/uploads/2022/12/yamaguchi.png");
    background-position-y: -500%;
    background-size: 50px;
    background-repeat: repeat-x;
    background-color: rgb(140 193 74);
    box-shadow: 1px 1px 4px black;
    border: 0px solid black;
    transition: 1s;
}

.employ_graph_row_bar:hover .emp_inner{
    
    background-image: url("http://www.eee.yamaguchi-u.ac.jp/wp-content/uploads/2022/12/yamaguchi.png");
    background-color: rgba(0, 0, 0, 0.0);
    box-shadow: None;
    background-position-y: 00%;
    
}


.pie {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: auto;
	margin-left: auto;
	width: 300px;
	height: 300px;
	font-size: 26px;
	font-weight: 700;
	
	border-radius: 50%;
    margin-top: 40px;
    margin-bottom: 40px;
    /*box-shadow: 1px 1px 8px black;*/
}

.pie .ttt span {
	position: absolute;
	top: 50%;
	right: 50px;
	transform: translateY(-50%);
	color: #fff;
	font-size: 26px;
	font-weight: 700;
}

.employ_prefecture_table_item{
    width: calc(100%/8 - 40px/8 );
}

.vertical_bar{
    width: 100%;
    height: 300px;
    
}

.vertical_bar_item{
    width: 50%;
    height: 100%;
    display: flex;
    margin:auto;
    border-bottom:3px solid black;
    justify-content: center;
    align-items: flex-end;
}

.vertical_bar_item .emp_inner{
    display: block;
  
    background-image: url("http://www.eee.yamaguchi-u.ac.jp/wp-content/uploads/2022/12/yamaguchi.png");
    background-size: 240px;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y:300px ;
    background-color: rgb(140 193 74);
    box-shadow: 1px 1px 4px black;
    width: 80%;
    position: relative;
    transition: 1s;
}

.vertical_bar_number{
	
	top:-3.5rem ;
	color:black;
	font-size: 26px;
	font-weight: 700;
    width: 100%;
    text-align: center;
    display: block;
    padding-top: 1.5rem;
    
}


.vertical_bar_item:hover .emp_inner{
      background-image: url("http://www.eee.yamaguchi-u.ac.jp/wp-content/uploads/2022/12/yamaguchi.png");
      background-color: rgba(0, 0, 0, 0.0);
    box-shadow: None;
    background-position-y:0 ;

}

@media screen and (max-width: 900px){
    .employ_prefecture_table_item {
        width: calc(100%/4 - 40px/4 );
    }
	.employ_prefecture_table {
        height: calc(500px );
    }
}
@media screen and (max-width: 600px){
    .employ_prefecture_table_item {
        width: calc(100%/2 - 40px/2);
    }
	
	.employ_prefecture_table {
        height: calc(500px*2 );
    }

    .Employ_Block{
    margin-left: auto;
    margin-right: auto;
    display: block;
    }
}

/*************************************************************************************************/