/*看護学同窓会*/

/* 20251220すべての要素のボックスモデルをborder-boxにするレスポンシブデザインと相性良 */
*,*::before,*::after {
    box-sizing: border-box;
}



/*20240210*/


body {
		background: #ffffff;
	}       
	
	
a {
	color: #111111;	
		text-decoration: underline;
	}

a:hover {
			text-decoration: none;
		}


/* Page Wrapper */

	#page-wrapper > section {
		margin-bottom: 0;
	}

/* Header */

	#header {
		position: relative;
		background: #ffffff;
		border-bottom: solid 1px #ccc;
		padding: 5em 0 4em 0;
		text-align: center;
	}

		#header h1 {
			color: #252122;
			font-weight: 900;
			font-size: 2.5em;
			letter-spacing: -0.035em;
			line-height: 1;
		}     
		
/* Nav */

	#nav {
		margin: 2.5em 0 0 0;
	}

		#nav > ul {
			margin: 0;
		}

			#nav > ul > li {
				display: inline-block;
				font-style: italic;
				margin: 0 0.35em 0 0.35em;
			}

				#nav > ul > li > ul {
					display: none;
				}

				#nav > ul > li > a {
					border-radius: 5px;
					color: #5d5d5d;
					text-decoration: none;
					padding: 0.6em 1.2em 0.6em 1.2em;
					-moz-transition: background-color .25s ease-in-out;
					-webkit-transition: background-color .25s ease-in-out;
					-ms-transition: background-color .25s ease-in-out;
					transition: background-color .25s ease-in-out;
					outline: 0;
				}

				#nav > ul > li:hover > a, #nav > ul > li.active > a {
					background: #f3f3f3;
				}

				#nav > ul > li.current > a {
					background: #d52349;
					color: #fff ;
					font-weight: 700;
				}

		
				
/* Banner */

	#banner {
		background: #fdeff2 url("../images/20260314kinen.jpg");
		background-position: center;
		background-size: auto 100%;
		background-repeat: no-repeat;
		text-align: center;
		position: relative;
		padding: 8em 0;
		margin: 4em 0 0 0;
	}

		#banner header {
			background-color:#000000;
			display: inline-block;
			padding: 2.5em 5em;
			border-radius: 15px;
		}

			#banner header h2 {
				color: #fff;
				font-weight: 700;
				font-size: 2em;
				margin: 0 0 0.65em 0;
			}

			#banner header p {
				color: #d52349;
				padding: 0;
				font-weight: 700;
                
				margin: 0;
				font-size: 1.5em;
			}

 	#banner1 {
		background: #fdeff2 ;
		background-position: center;
		background-size: auto 100%;
		background-repeat: no-repeat;
		text-align: center;
		position: relative;
		padding: 2em 0;
		margin: 4em 0 0 0;
	}

		#banner1 header {
			background-color:#000000;
			display: inline-block;
			padding: 2.5em 5em;
			border-radius: 15px;
		}

			#banner1 header h2 {
				color: #fff;
				font-weight: 700;
				font-size: 2em;
				margin: 0 0 0.65em 0;
			}

			#banner1 header p {
				color: #d52349;
				padding: 0;
				font-weight: 700;
                
				margin: 0;
				font-size: 1.5em;
			}


  	#banner2 {
		background: #fdeff2 ;
		background-position: center;
		background-size: auto 50%;
		background-repeat: no-repeat;
		position: relative;
		padding: 2em 0;
		margin: 4em 0 0 0;
	
	}

		#banner2 header {
			background-color:#141e46;
			display: inline-block;
			padding: 1.5em 4em;
			border-radius: 20px;
			}

#banner2 a {
		color: #81c2fa;
		text-decoration: underline;
	}

#banner2 a:hover {
			text-decoration: none;
		}



ul.sample1{
  padding: 0;
  font: 14px/1.6 'arial narrow', sans-serif;
  width:300px;
  list-style: none;
		text-align: left;
}

ul.sample1 li{
  position: relative;
  padding: 0.1em 0.5em 0.5em 2.5em;
  margin-bottom:5px;
  color: #81c2fa;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px solid #81c2fa;
}

ul.sample1 li:before{
  content: "";
  position: absolute;
  border-radius: 50%;
}
ul.sample1 li:before{
  left: 0.2em;
  width: 17px;
  height: 17px;
  background: #81c2fa;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

ul.sample2{
  list-style: none;
		text-align: left;
}
           　


/* main */									
#main {
	background: #ffffff;
	margin: 0 0 0 10px;
	padding: 0 0 50px 0;
	}      

.box1 {
    position: relative;
    margin: 50px 0 0 20px;
    padding: 10px 10px;
    
}
                                                 
.box1 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #0f2350;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

 .box1 p {
    margin: 0; 
    padding: 0;
}


 .box1 ul {
  display: flex;
    margin: 0; 

}

 .box1 ul li {
 list-style: none;
 padding: 0 30px 0 0;  
 }


#mainnav {
		text-align: center;
	}  

#mainnav a {
		color: #000000;
		text-decoration: underline;
	}


#mainnav2 a:hover {
			text-decoration: none;
		}


.centering1 {
 width: 200px;               /* 幅指定 */
    height: 400px;               /* 高さ指定 */
    margin:  0 auto;    
}

.centering2 {
 width: 200px;               /* 幅指定 */
    height: 800px;               /* 高さ指定 */
    margin:  0 auto;    
}

.centering3 {
 width: 200px;               /* 幅指定 */
    height: 600px;               /* 高さ指定 */
    margin:  0 auto;    
}


#mainnav ul{
  font: 14px/1.6 'arial narrow', sans-serif;
  padding: 10px 10px 10px 20px;
  color: #448ccb;
  

  border-radius: 5px;
  list-style: none;
}
#mainnav ul li{
  position: relative;
  line-height: 30px;
  padding-left: 20px;
  font-weight: bold;

}
#mainnav ul li:before{
  content: "・";
  position: absolute;
  left: 0px;
}


			
/* footer */
#footer {
		background: #fdeff2;
	margin: 10px 0 10px 10px;
	padding: 10px 0 10px 10px;
	}      

/* copyright */
#copyright {
		background: #ffffff;
	margin: 0 0 0 10px;
font-size: 0.8em;
text-align: center;
	} 






 /* actions */

.actions {
		background: #fdeff2 ;
		background-position: center;
	
	
		text-align: center;
		position: center;
		padding: 5px 5px 5px 5px;
		margin: 30px 0 0 0;

		}	

/*レスポンシブ Nav横縦　20231002　*/		

@media screen and (max-width:550px){
#nav > ul > li {
               list-style: none;
 				display: list-item;
			line-height: 2.5;
			}					    
}								

/*20240111*/

.main{
	margin: 0 0 0 20px;
	padding: 0 0 50px 0;
	}      


.text1 {
    line-height: 2.0;
   font-size: 1.2em;
   font-weight: bold;
}

.message {
    line-height: 2.0;
    margin: 0 0 0 30px; 
}

.box2 {
    margin: 30px 0 30px  0px;
    }
    
 .box3 {
   width: 200px;
   border: 0.5rem outset #ff9bd2;
  outline: 0.5rem solid #402b3a;
  box-shadow: 0 0 0 2rem #ffffff;
  border-radius: 12px;
  font: bold 1rem sans-serif;
  margin: 2rem;
  padding: 1rem;
  outline-offset: 0.5rem;
  text-align: center;
  font-coloer: black;
  font-size: 2em;
  font-weight: bold;
   }

/* 赤字20251220*/
.text2 {
    line-height: 2.0;
   color:#ff0000; 
   font-weight: bold;
}
 
/* 赤字左インデント20251220*/
.text3 {
    line-height: 2.0;
   color:#ff0000; 
   font-weight: bold;
   margin-left:20px;
} 
 
  /* =インデックス風20251220= */ 
.box-ind {     
    position: relative;
    margin: 5em 0 5em 2em ;
    padding: 0.1em 0.5em 0.1em 1.0em;
    border: solid 3px #ff6699;
}
.box-ind .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 1px 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #ff6699;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box ind p {
    margin: 0; 
    padding: 0;
}


.box {
width: 50%;
height: 100px;
  margin-bottom:30px
  }