@charset"utf-8";

.header{
	background-color: #d3d3d3;
}

.header > h1{
	     padding-left: 50px;
	     padding-top: 20px;
	     margin-bottom: 10px;
	     font-family: "Potta One", system-ui;
}

.nakami{
	margin-left: 10%;
	margin-right: 10%;
	display: flex;
  	flex-wrap: wrap;
  	gap: 30px;
	font-family: "Potta One", system-ui;
}

.mae{
     font-family: "Potta One", system-ui;
     padding-left: 100px;
     padding-bottom: 20px;
}

.jump{
      font-family: "Potta One", system-ui;
      text-align: center;
}

.title{
       padding: 20px;
       text-align: center;
       border: solid #dcdcdc;
       border-radius: 20px;
       width: 25%;
       background-color: #f5f5f5;
       height: 30%
}

.detail{
	border: solid #dcdcdc;
	border-radius: 10px;
	background-color: #ffffff;
	width: 90%;
	height: 160px;
	margin: auto;
	overflow: auto;
	padding: 10px;
}

.title > .a {
	     padding: 2px;
	     font-size: 15px
}

.title > .b {
	     padding:10px
}

::-webkit-scrollbar {
		     width: 10px;
		     
}

::-webkit-scrollbar-track {
  			   background: #dcdcdc;
  			   border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  			   background: #808080;
  			   border-radius: 10px
}