@charset "UTF-8";
/* CSS Document */



.top p {
    font-weight: bold;
}


.site p {
    margin-top: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}
.site .col-20 {
    width: 19%;
    border: 1px solid #ccc;
    padding: 10px;
    
    box-sizing: border-box;
}
.site img {
    display: block;
    margin: 0;
}

.site a:hover {
    opacity: 0.6;
}
.site2 {
    max-width: 600px;
    margin: 0 auto;
}
.date {
    font-weight: bold;
}
main h2 {
    border: none;
}
main h3 {
    margin:40px 0 0;
    font-size: 1.5rem;
}

.member {
    font-weight: bold;
    margin:  0;
    text-align: left;
    font-size: 1.1rem;
    width: 100%;
    box-sizing: border-box;
}
.member th {
    width: 8.5em;
}
.member tr td{
    padding: 5px 0 5px 20px;
    
}
.member tr td:last-child {
    width: 6em;
}
.list {
    margin: 1rem 0;
}

.text p {
    margin-bottom: 1em;
}


.image {
    text-align: center;
    margin: 30px auto 50px;
}
.image p {
    font-size: 0.9rem;
    margin-top: 1em;
}
.image img {
    display: block;
    width: 100%;
    margin: 5px auto 0;
    border: 1px solid #ccc;
}
#slide {
    background-color:#909FC1;
}
.col-50 img {
    width: 100% !important;
    margin: 0 auto;
    display: block;
    max-width: 500px;
 }

.link a:hover {opacity: 0.7;}
@media all and (max-width:600px){
   .member tr *{
    padding: 0;
       display: block;
       font-size: 1rem;
       margin: 0;
}
    .member tr th {
        margin-top: 2rem;
        font-size: 1.1rem;
    }
    .member tr:first-of-type th {margin-top: 0;}
    .member tr td {
        padding: 0 0 0 20px;
        
    }
    main h3 {
        font-size: 1.3rem;
        
    }
}