@charaset "UTF-8";

header{
height:150px;
background-color:#ccffff;
}


h1,h2{
text-color:#8b0000;
}

h3{
text-color:#cccccc;
}


h1{
text-align:center;
padding-top:20px;
font-size:3rem;
}

h2{
margin-top:60px;
font-size:2rem;
}

h3{
margin-top:20px;
font-size:1.6rem;
}

p{
color:#333333;
font-size:1.2rem;
line-height:2.0;
}

.atten{
color:#ff0000;
font-size:1.8rem;
font-weight:bold;
margin-top:1.2rem;
}

.indent{
text-indent:4.5rem;
}


.flex_list {
 display: flex;
font-weight:bold;
color:#008db7;
 }



img{
width: 100vw;
margin-left: calc(-50vw + 50%);
max-width: none;
height: auto;
opacity: 0.6;
}


main{
width:72%;
margin:0 auto;
}



.global_navigation ul{
text-align:center;
font-size:1.2rem;
}


.global_navigation li{
display:inline;
margin-right:80px;
}

.global_navigation a:link,
.global_navigation a:visited{
color:#708090;
}

.dib {
display: inline-block;
}


/* 表のCSS */

table{
border-collapse:collapse;
width:100%;
}

th,td{
border:solid 1px #000000;
padding:5px;
text-color:#333333;
}

th{
background-color:#eeffff;
font-weight:normal;
}

table{
width: 100%;
}

table th:nth-child(1) {
  width: 14%;
}
table th:nth-child(2) {
  width: 24%;
}
table th:nth-child(3) {
  width: 42%;
}
table th:nth-child(4) {
  width: 20%;
}


.year ul{
text-align:left;
}

.year li{
display:inline;
margin-right:40px;
}

.year a:link,
.year a:visited{
color:#708090;
}



footer{
height:150px;
background-color:#ccffff;
}

.footer{
text-align:center;
padding-top:80px;
font-size:1.5rem;
}


html {
scroll-behavior: smooth;
}

.pagetop {
height: 50px;
width: 50px;
position: fixed;
right: 30px;
bottom: 30px; 
background: #008db7;
border: solid 2px #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}

.pagetop__arrow {
height: 10px; 
width: 10px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
transform: translateY(20%) rotate(-45deg);
}