body{
  overflow-x:hidden;
 font-family: sans-serif;
color:#555;
word-break: break-all;
}
.main {
max-width:900px;
    font-size: 16px;
    padding: 2em;
display:block;
margin:0 auto;
}
h1 {
    font-size: 1.6em;
    margin: 0 0 .67em 0;
    font-weight: 600;
  text-align: center;
padding: 50px 0px;


}
h2 {
    font-weight: 600;
        font-size: 1.6em;
    margin: 0 0 .67em 0;
padding-top:40px;

}
h3 {
    font-weight: 600;
        font-size: 1.3em;
    margin: 0 0 .67em 0;
padding-top:40px;

}

p, ul {
        font-size: 1em;

}

.pure-button {
    border-radius: 5px;
    width: 100%;
background-color:#2ecc71;
display:block;
color:#fff;
text-align:left;
padding:20px 40px;
margin:10px;

}
table{
width:95%;
    text-align: center;
    min-width: 724px;
overflow-x:auto
}
th{
  text-align: center;
    font-size: 80%;

}
table{
width:80%;
margin:0 auto;
}
.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}


th:first-child {
    border-left-width: 0;
}


hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    margin: 2rem 20% 3rem;
        min-width: 300px;
align:center;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 97%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 6px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

.btn {
	background-color:#00a99d;
	border-radius:10px;
	display:block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	padding:22px 43px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
text-align:center;
}
.btn:hover {
	background-color:#00a991;
}
.btn:active {
	position:relative;
	top:1px;
}


.red{
	color:#f00;
	    font-weight: 800;
}