*{ padding:0; margin:0;}
#wrapper { background:#FFF; }
html { font-family: "sans-serif";
	font-size:1em; line-height:1.5; background:#e5f4fa;}
img { display: block; max-width: 100%; height: auto; }
ul,li { margin:0; padding:0; list-style:none;}	
h1 { color:#003d55; font-size:1.5em; text-align:center; position: relative; 
	margin:20px 50px; padding: 0; border:1px solid #003d55; }		

h2 { font-size:1.3em; margin-bottom:20px; padding-bottom:7px;
	position: relative;	text-align: center;
	border-bottom: 5px solid #ddd;}
h2::after {	content: ''; position: absolute;
	bottom: -5px; left: 50%; width: 150px;
	height: 5px; transform: translateX(-50%);	
	background-color: #B95675;}

h3 { border-bottom: 1px solid #bbb; margin: 30px 5px 20px 0;
	padding:0 0 3px 0; font-size:1.2em; 
	line-height: 1.2; position: relative;}
h3::before {content:none; }
h3::after {content: ""; position: absolute;
  bottom: -3px; left: 0; width: 30px; height: 5px;
  background: #B95675;}

h4 { color:#003d55; font-size:1em; text-align:center; 
	padding-top:0.25em; } 

.title {font-size:1.3em; text-align:center; margin: 0 5px 10px 5px;}
h6 {font-size:1.1em; color: #333; margin-bottom:5px; 
	border-bottom:1px solid #B95675;}
h6:before { content: "\25A0"; color: #B95675;  font-size: 75%; }
/* @MAIN@ */ 
#mainBody { font-size:0.9em; padding:0 5px 10px 5px; 
	border:1px solid #ccc; }
#title { max-width:1000px; background:#e8ebf3;}
.title {max-width:1000px; margin:0 auto;}
@media screen and (min-width:520px){ 
#mainBody { padding: 0 10px 10px 10px; font-size:1em;  }
h1 { font-size:1.5em;}
h2 { font-size:1.4em;}
h4 { font-size:1.2em;} 
}	
@media screen and (min-width:960px) {
#wrapper { max-width: 960px; padding: 0; margin: 0px auto; }
}	

/*--------------------------------------------*/
/*   ƒpƒ“‚­‚ΈƒŠƒXƒg@*/
/*--------------------------------------------*/
#breadcrumb {margin-left:5px;}
#breadcrumb ol{ padding:0; margin-bottom:2px;} 
#breadcrumb li{ display: inline; color: #001e2a; font-size:0.8em;} 
#breadcrumb li:after{ content:'>';} 
#breadcrumb li:last-child:after{ content:none;} 
#breadcrumb  li a { color:  #001e2a; padding-right:5px;}
/*-------------------------------------------*/
/* ŠJΓŽοŽ| */
/*-------------------------------------------*/
#purpose { margin:0 5px 10px 10px;}
/*-------------------------------------------*/
/*   XVξ•ρE‚¨’m‚η‚Ή@*/
/*-------------------------------------------*/
#info { margin:0 5px 10px 10px; }
#info ul{ padding-left:20px;}
#info li { list-style-image: url(img/disc2.png); }
@media screen and (min-width:520px){
#info ul{ padding-left:40px;}
}
/*----------------------------------------*/
/* ŠJΓŠT—v     */
/*----------------------------------------*/
#about2 { margin:0 5px 10px 10px;}
#about2 dl{ display:flex; flex-wrap: wrap;  
	text-align: left; }
#about2 dt{background: #eee; width: 7em; padding: 5px;
    font-size:0.9em; box-sizing: border-box; 
	border: 1px solid #ccc; 
	border-right: none;	border-bottom: none; }
#about2 dd{ padding: 5px; width:calc(100% - 7em);
	border: 1px solid #ccc; font-size:0.9em;
	box-sizing: border-box; border-bottom: none;}
#about2 dt:last-of-type {border-bottom:1px solid #ccc;}
#about2 dd:last-of-type {border-bottom:1px solid #ccc;}
#about2 p { width:100%; padding-left: 1em; text-indent: -1em;
	padding:10px 0 0 50px; line-height:1.5;}
.cont { margin:0 5px 10px 10px;}
.recom { margin:0 5px 10px 10px;}	
.recom  ul{ padding-left:20px;}
.recom  li { list-style-image: url(img/disc2.png); }
@media screen and (min-width:520px){
.recom  ul{ padding-left:40px;}
}	
/*----------- ƒvƒƒOƒ‰ƒ€ 4—ρ@------------*/
#program2 { margin:0 5px 10px 10px; }
#program2 dl{ border:1px solid #ddd; border-bottom:none;}
#program2 .pos { display: flex; flex-direction: row; }	
#program2 .pos dt { width:6em; font-size:0.9em;
	padding:5px; border-bottom:1px solid #ddd; 
	border-right:1px solid #ddd; }	
#program2 .pos dd {	font-size:0.9em; padding:5px;}
#program2 .pos dd:nth-child(2) { width:calc(100% - 15em);
	border-bottom:1px solid #ddd;}
#program2 .pos dd:nth-child(3) { width:8em;  
	border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
#program2 .pos dd:nth-child(4) { width:4em; padding: 5px; 
	border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
#program2 .bd-btm { border-bottom:1px solid #ddd; }
#program2 .bd-top-btm { border-top:1px solid #ddd; 
	border-bottom:1px solid #ddd; }
#program2 .back { background: #fffed2;}
#program2 ul { margin-left:5px;}
#program2 li { list-style-image: url(img/disc2.png);
	margin-left:10px;}
#program2 ul .lst-styl {list-style:none;}

/*--------  Ž–‘OŽQ‰Α“o˜^   -------*/
#registration { margin:0 5px 10px 10px;}
/*--------  ‚¨–⍇‚Ή -------- */ 
#inquiry2 { margin:0 5px 10px 10px;}

@media screen and (min-width:520px){ 
#purpose { margin:0 10px 20px 20px;}
#info{ margin:0 10px 20px 20px;}
#about2 { margin:0 10px 20px 20px;}
#about2 dt{ width: 8em; padding:10px; font-size:1em;}	
#about2 dd{ width:calc(100% - 9em); 
	padding: 10px 20px 10px 10px; }
#program { margin:0 10px 20px 20px;}
#program2 { margin:0 10px 20px 20px;}
#program2 dt {font-size:1em; }
#program2 dd {font-size:1em; }
#registration { margin:0 10px 20px 20px;}
#inquiry2 { margin:0 10px 20px 20px;}
h6 { margin-bottom:15px;} 
.cont { margin:0 10px 20px 20px;}
.recom { margin:0 10px 20px 20px;}

}
@media screen and (min-width:750px){ 
#purpose {margin-right:20px;}
#info{margin-right:20px;}
#about2 {margin-right:20px;}
#program2 {margin-right:20px;}
#registration{margin-right:20px;}
#inquiry2 {	margin-right:20px;}
}

/*-------------------------------------------*/
/*  ‰ί‹Ž‚ΜƒVƒ“ƒ|ƒWƒEƒ€ @*/
/*-------------------------------------------*/
#past-sympo {width:18em; margin:0 auto; display: flex; 
	flex-wrap: wrap; justify-content:space-between; padding-top:10px; }
#past-sympo .pst-syp { padding:0 5px 20px 5px; font-size:90%;
	text-align:center;}
#past-sympo img{ display:none;}
@media screen and (min-width:520px){ 
#past-sympo {width:30em;}
#past-sympo img{ display:block;}
#past-sympo .fot-txt { padding-top:5px;}
}
@media screen and (min-width:600px){ 
#past-sympo {width:40em;}
}
/*--------------------------------------------*/
/*   γ‚Ι–ί‚ιƒ{ƒ^ƒ“@*/
/*----------------------------------------------*/
.page_top { position:fixed; bottom:25px; right:20px;
	color:#301a84; font-size:12px;
	text-decoration:none; background:#fff;opacity: 0.7;
	border:1px solid #301a84; 
	border-radius:20%; padding:10px;
}
.page_top:hover { color:#1a6e84; opacity: 0.8; 
	border-radius:20%; padding:10px;}  
/*------------------------- #B95675 ----------------------*/
#footer { max-width:1000px; border-top:5px solid #B95675; 
	color:#333;  margin:0  auto; text-align:center;
	background:#fff;	padding:15px 0;font-size:12px; }	
@media screen and (max-width:520px){ 
#footer	{font-size: 80%;}
}
/*-----------------------------------------*/
.center {text-align:center;}
.right { text-align:right;}
.pad-l30 { padding-left:30px;}
.pad-l10 { padding-left:10px;}
.pad-l20 { padding-left:20px;}
.pad-b10 { padding-bottom: 10px;}
.pad-b30 { padding-bottom: 30px;}
.pad-b20 { padding-bottom: 20px;}
.pad-t10 { padding-top:10px;}
.pad-t20 { padding-top:20px;}
.mag-b-30 { margin-bottom:30px; }
.mag-l-45 { margin-left:4.5em; }
.bold {font-weight: bold;}
.ft-sz-l { font-size:110%;}
.ft-sz-s { font-size:85%;}
.red{color:red;}
.blue {color:blue; }
.regist {font-weight:bold; padding-bottom:10px;
	padding-left:30px;}