/* pc */
@media (min-width: 1024px) {
    /* common */
    .backToHome {
        display: block;
        position: fixed;
        top: 80px;
        right: 80px;
        color: #ffffff;
        z-index: 9999;
        font-family: "Castoro Titling", serif;
        font-weight: 400;
        font-style: normal;
    }

    .pageTitle {
        display: block;
        text-align: left;
        padding: 10svh 0 0 0;
    }

    .contentsArea {
        padding-bottom: 25px;
    }

    /* common */

    /* footer */
    .footer {
        padding: 45px 0 15px 0;
    }
    /* footer */

    /* index.php */
    .index {
        background-image: url("../img/pc_top.webp");
        background-size: cover;
        background-position: center;
    }

    .center-logo {
        position: relative;
        width: 100svw;
        max-height: 100svh;
    }

    .center-logo img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20svw;
        transform: translate(-50%, -50%);
    }

    .moon {
        position: fixed;
        top: 0;
        left: 0;
        transform: translate(-15%, -20%);
    }

    .moon img {
        width: 6svw;
    }

    .human {
        position: fixed;
        bottom: 0;
        right: 0;
        transform: translate(-10%, 10%);
        z-index: 9999;
    }

    .human img {
        width: 6svw;
    }

    /* index.php */

    /* news.php */
    .news {
        width: 100svw;
        height: 100svh;
        background-image: url("../img/pc_news.webp");
        background-size: cover;
        background-position: center;
    }

    .news .container {
        max-width: 90svw;
    }

    .center-contents {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 50svw;
        height: 50svh;
        transform: translate(-50%, -50%);
        /* background-color: rgba(255, 255, 255, 0.3); */
    }

    .newsTable {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .newsTable td {
        font-size: 1.5rem;
    }
    /* news.php */

    /* thought */
    .thought {
        min-width: 100svw;
        min-height: 100svh;
        background-image: url("../img/pc_thought.webp");
        background-size: cover;
        background-position: center;
    }

    .thought .container {
        max-width: 90svw;
    }

    .thought p {
        font-size: 1.4rem;
        letter-spacing: 0.3rem;
        line-height: 3.5rem;
        text-align: center;
    }

    .author {
        color: #ffffff;
        font-size: 1.5rem;
        text-align: center;
        line-height: 2.5rem;
        padding-bottom: 70px;
    }
    /* thought */

    /* work */
    .work {
        min-width: 100svw;
        min-height: 100svh;
        background-image: url("../img/pc_works.webp");
        background-size: cover;
        background-position: center;
    }

    .work .container {
        /* max-width: 50svw; */
    }

    .treeblock {
        box-sizing: border-box;
        text-align: center;
        padding-bottom: 30px;
    }

    .worksTree {
        /* width: 70%; */
        box-sizing: border-box;
        padding-bottom: 0;
    }

    .expansion {
        max-width: 90svw !important;
    }

    .workslist {
        display: block;
        text-align: left;
        padding: 10svh 0 0 0;
    }

    .worksTable td {
        font-size: 1.5rem;
        border: none;
    }

    .works-detail {
        padding-bottom: 50px;
    }

    .works-contents {
        padding-bottom: 80px;
    }

    /* work */

    /* tool */
    .tooltree svg {
        display: inline-block;
        padding-bottom: 35px;
    }
    /* tool */

    /* about */
    .about {
        min-width: 100svw;
        min-height: 100svh;
        background-image: url("../img/pc_aboutus.webp");
        background-size: cover;
        background-position: center;
    }

    .about .container {
        max-width: 90svw;
    }

    .aboutlogo {
        position: relative;
        height: 80svh;
    }

    .about img {
        max-width: 30%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .about p {
        text-align: left;
        font-size: 1.3rem;
        line-height: 2.5rem;
    }
    /* about */

    /* contact */
    .contact {
        width: 100svw;
        height: 100svh;
        background-image: url("../img/pc_contact.webp");
        background-size: cover;
        background-position: center;
    }
    /* contact */
}