#slideshow {
   position: relative;
   width:  100%; /* 画像の横幅に合わせて記述 */
   height: 500px; /* 画像の高さに合わせて記述 */
}

#slideshow > img.slideshow {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 8;
    opacity: 0.0;
    margin: auto auto;
    max-height: 100%;
    max-width: 100%;
}

#slideshow > img.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow > img.last-active {
   z-index: 9;
}
/*
#recruitLink {
    position: absolute;
    right: 0;
    left: 0;
    top: 300px;
    z-index: 100;
    margin: auto auto;
    max-height: 50%;
    max-width: 50%;
}
    */

/*
 * お知らせ用
 */
.news-header {
    width: 100%;
    text-align: left;
}

.news-footer {
    width: 100%;
    text-align: right;
}

.news-contents {
    text-align: left;
    padding: 30px;
    margin: 30px;
    background: white;
    border-radius: 30px;
}

/*
 * 活動報告
 */
.diary-header {
    width: 100%;
    text-align: left;
}

.diary-footer {
    width: 100%;
    text-align: right;
}

.diary-contents {
    display: flex;
    justify-content: center;
}

.diary-content {
    width: 300px;
    height: 300px;
    padding: 30px;
    margin: 5px;
    background: white;
    border-radius: 30px;
}

.diary-content img {
    margin: auto auto;
    max-height: 200px;
    max-width: 250px;
    object-fit: contain;
}