@charset "utf-8";

/*------------------------------------------------------------
------------------------------------------------------------*/
.main {
    padding: 50px 0 120px;
    overflow: hidden;
}

.conts {
    padding-bottom: 0;
}

.conts .comTitle {
    margin-bottom: 32px;
}

.conts .detail .name {
    margin-bottom: 4px;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}

.conts .detail .date {
    margin-bottom: 24px;
    font-size: 17px;
    text-align: center;
}

.conts .detail .photo {
    margin-bottom: 18px;
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
}

.conts .detail .photo img {
    margin: 0 auto 50px;
    max-width: 100%;
    display: block;
}

.conts .detail .text {
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 1.2;
}

.conts .detail .comClose {
    font-size: 20px;
}

@media all and (min-width: 1241px) and (max-width: 1750px) {}

@media all and (min-width: 768px) and (max-width: 1240px) {
    .main {
        padding: 40px 0;
    }

    .conts {
        padding-bottom: 0;
    }

}

@media all and (min-width: 0) and (max-width: 767px) {
    .main {
        padding: 20px 0;
    }

    .conts {
        padding-bottom: 0;
    }

    .conts .comTitle {
        margin-bottom: 16px;
    }

    .conts .detail .name {
        font-size: 16px;
    }

    .conts .detail .date {
        font-size: 14px;
    }

    .conts .detail .photo {
        font-size: 14px;
    }

    .conts .detail .photo img {
        margin-bottom: 12px;
    }

    .conts .detail .text {
        margin-bottom: 15px;
        font-size: 14px;
    }

    .conts .detail .comClose {
        margin-top: 20px;
        font-size: 14px;
    }
}