body {
	font-family:Calibri, Segoe, "Segoe UI",'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','���C���I',Meiryo,'�l�r �o�S�V�b�N',sans-serif;
	margin: 5px 20px 15px 20px;
}
h1 {
	/*padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
	background: #eee;*/
}
h2 {
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #ccc;
}
h2::before {
	position: absolute;
	left: -6px;
	bottom: 0;
	content: '';
	width: 6px;
	height: 50%;
	background-color: #3498db;
}
h2::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}
h3 {
	padding-bottom: .3em;
	border-bottom: 1px solid #ccc;
}
.popup {
	width: 330px;
	padding: 0.7em;
	border: 3px solid #ccc;
	border-radius: 2em .5em 1.5em .5em/.5em 1.5em .5em 2em;
}
.mb1{
   margin-bottom: 1em;
}
.mb2{
   margin-bottom: 2em;
}
.mb5{
   margin-bottom: 5em;
}
a  {  
    text-decoration: none;  
    color: #2D88B3;  
}  
a:hover    {  
    text-decoration: underline;  
    color: #2D88B3;  
}
.copyright {
	font-size: 11px;
}

.menu {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	display: table;
	table-layout: auto;
	text-align: center;
	font-size: 20px;
	padding: 0em;
	margin: 0px;
}

.menu li {
	display: table-cell;
	vertical-align: middle;
	padding-right: 0.8em;
	padding-left: 0.8em;
}

.menu li a { 
    text-decoration: none;
    color: #000000; 	 
} 

.menu li a:hover {
	text-decoration: underline;
}

hr {
	border: none;
	border-bottom: 1px solid #ccc;
}

.boxContainer{
  display: flex;
  align-items: center;
  gap: 30px 20px;
  margin: 20px;
}

.portrait{
	width: 250px;
	height: 250px;
	background:url('../images/portrait2.jpg') no-repeat center/contain;
}

.portrait:hover{
	background:url('../images/portrait3.jpg') no-repeat center/contain;
}