@charset "utf-8";
/* CSS Document */
body{
    width:75%;
    margin-left: auto;
    margin-right: auto;
	background-image:url(b070.jpg);
	font-family:serif;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.logo{
	text-align:center;
}
.toplogo{
    float:left;
}
.topimg{
    width:100%;
    height:auto;
    margin-top: 5px;
}
.catch{
    font-weight:bold;
    color: #ffa500;
    font-size:120%;
}
section{
    background-color:#fbfaf5;
    padding-left:5px;
}
nav ul{
display: table;
margin: 0 auto;
padding: 0 ;
width: 100%;
font-size: 120%;
text-align: center;
background-color: #ffa500;
}
nav li{
display: table-cell;
min-width: 50px;
}
nav a{
display: block;
width: 100%;
text-decoration: none;
color: white;
padding-bottom: 5px;
}
nav li .current{
  background-color:#1e50a2;
}
.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumb li {
  display: inline;
  list-style: none;
  font-weight: bold;
}
.breadcrumb li:after {
  content: '>';
  padding: 0 0.2em;
  color: #555;
}
.breadcrumb li:last-child:after {
  content: '';
}
.breadcrumb li a {
  text-decoration: none;
}
.breadcrumb li:first-child a:before {
  font-family: "Font Awesome 5 Free";
  content: '\f015';
  font-weight: normal;
  font-size: 1.1em;
  color: #2e7fea;
}
.breadcrumb li a:hover {
  text-decoration: underline;
}
.wrapper{
    display:flex;
}
.wrapper section {
    margin: 10px;
    border-radius: 5px;
    padding: 15px;
    background-color:#fbfaf5;
}
.wrapper .kaisoku {
    flex: 3;
}
h1 {
  padding: 0.5em;
  color: #010101;
  background: #eaf3ff;
  border-bottom: solid 3px #516ab6;
  text-align:center;
　font-size: 120%;
}
h2 {
  padding: 0.25em 0.5em;
  color: #494949;
  background: transparent;
  border-left: solid 5px #1e50a2;
}
.sign{
	text-align:right;
}
.gazo{
    margin-left:5px;
    margin-bottom:5px;
    float:right;
}
dt{
    font-weight:bold;
}
.kaisoku ul li{
    list-style-type:katakana-iroha;
}
ul,ol{
    margin:0;
}
table {
  border-collapse: collapse;
  width: 100%;
}
th,td {
  padding: 1rem 2rem;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
th {
  background: #84a2d4;
  position: sticky;
  top: 0;
}
td{
   background-color:#fbfaf5; 
}
textarea{
    width:600px;
    height:120px;
} 
#PageTopBtn {
    position: fixed; 
    bottom: -10px;
    right: 10px; 
    font-size: 20px;
}
#PageTopBtn a {
    display: block; 
    text-decoration: none; 
    color: #fff; 
    background: #ffa500;
    text-align: center; 
    border-radius: 5%; 
    outline: none; 
    width: 100px; 
    height: 20px; 
    padding: 24px 0;
}
#PageTopBtn a:hover {
    text-decoration: none; 
    background: #1e50a2; 
}
.btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  margin-right: 1em;
  margin-bottom: 1em;
  text-decoration: none;
  background: #668ad8;
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
footer{
    clear:both;
    border-top: 1px solid black;
    text-align:center;
    margin-top:5px;
}

@media screen and (max-width: 960px) {
.wrapper{
    display:block;    
    }    
nav ul li{
    display: block;
    }
body{
    width:100%; 
    font-size: 5vw;
    }
.heading {
    display: none;
  }
td {
    display: block;
  }
td::before {
    content: attr(data-label);
    font-size: .875rem;
    color: #666;
    display: block;
    margin-bottom: 0.25rem;
  }
#PageTopBtn {
    font-size: 10px;
}
#PageTopBtn a {
    width: 70px;
    height: 50px;
    padding: 17px 0;
}
}