@charset "utf-8";

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    color: #505050;
}
h1, h2 {
    color: #253958;
}
h2 {
    font-size: 24px;
    text-align: center;
}
img {
    max-width: 100%;
    height: auto;
}

h1 {
    margin-top: 0;
}

nav ul {
    width: fit-content;
    margin: 0 auto;
}

section {
    margin-top: 240px;
}
.about_conts {
    text-align: center;
}
.about_conts dl {
  display: inline-block;
}

.about_conts dl dt img {
    width: 250px;
    height: 250px;
    object-fit: cover;
    border-radius: 50%;
}

.about_conts dl dd {
    display: inline-block;
    font-size: 18px;
    line-height: 250px;
}

.about_conts p {
    text-align: justify;
}
.gallery_conts figure {
    margin: 24px 50px 24px 0 ;
}
.gallery_conts figure img {
    width: 300px;
    height: 300px;
    object-fit: cover;
}
.gallery_conts figure figcaption {
    text-align: center;
    font-weight: bold;
}
.gallery_conts figure:nth-child(n+7) {
    margin-bottom: 0;
}
#contact {
    background-color: #999;
    color: #fff;
    padding: 32px;
    width: 100vw;
    margin: 240px calc(50% - 50vw) 120px;
}
#contact h2 {
    color: #fff;
}
#contact form {
    max-width: 500px;
    margin: 0 auto;
}
#contact form p:last-child {
    text-align: center;

}

input[type="submit"] {
    padding: 5px 10px;
    border-radius: 5px;
    border: none;
    background-color: rgb(79, 79, 79);
    color: #fff;
}

/* @keyframes slideInup 
{
    0% {
        opacity: 0;
        transform: translate(0,50px);
    }
    100% {
        opacity: 1;
        transform: translate(0,0);
    }
}
.slideInup {
    animation-name: slideInup;
    animation-duration: 2s;
    -o-animation-timing-function: ease;
} */