@charset "UTF-8";
body {
	background-color: #FFFFFF;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"
}
header{
	width: 1170px;
	margin: 0 auto ;
}
html{scroll-behavior: smooth; font-size:100%；}
h1
{font-size: 32px; color:#ba55d3;}
h2{font-size: 26px; color:#000000;}
h3{font-size: 23px; color:#000000;}
h4{font-size: 23px; color:#ba55d3;}
h5{font-size: 20px; color:#000000;}
p{line-height: 1.5;}
div{width: 800px; margin-top: 30px;margin-left:30px;}
 ul {list-style-type: disc; list-style-position: inside;}

li{background-color: #F0F0F1;
padding: 5px 10px 5px 10px;
}

.main-nav{
	   display: flex ;
	  flex-wrap: wrap;
	   justfy-content: center;
	  gap: 0.5rem;
	  font-size : 1.0rem;
	  list-style-type: square;
}
.main-nav a{color:#432;
}
.main-nav a:hover {color:#9bd;
}
.footer-nav a{color:#432;
}
.footer-nav a:hover {color:#9bd;
}
.nav  a{color:#432;}
.nav a:hover {color:#9bd;}
.access{max-width: 721px ;padding: 0 1.5rem; margin: 3rem auto 4rem;background-color: #E4F0F9;
	padding:10px;}
img{margin: 10px 20px 10px 0px;
      }
.wrapper{max-width: 1200px;
             margin : 0  auto;
              padding: 0 1rem;	
}
.center{text-align:center;}
.green{color: #037C23;} 
.blue{color: #009bc6;}
.container{ display:flex;}
table{background: #FFFFFF;}
.background-orange{background:#eee9df;}
.grid{
	display: grid;
	gap: 2rem;
	grid-template-columns:  repeat(auto-fill, 160px);
	justify-content: center;
	max-width: 1170px;
	margin :0 auto;
	text-align: center;
}
.card [
padding:1rem;
border:1px solid  #ddd;
border-radius: 8px;
]