body {
    background-color: #000000;
}

.backToHome {
    display: none;
}

/* a */
a {
    text-decoration: none;
    color: #ffffff;
}
/* a */

.pageTitle {
    text-align: center;
    padding: 20svh 0 0 0;
}

.contentsArea {
    padding-bottom: 100px;
}

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

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

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

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

.moon img {
    width: 15svw;
}

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

.human img {
    width: 15svw;
}

.pcMenu {
    display: none;
}
/* index.php */

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

.center-contents {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90svw;
    height: 100svh;
    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: 0.8rem;
}
/* news.php */

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

.thought p {
    text-align: center;
    line-height: 2rem;
}

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

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

.worksTree {
    width: 97%;
}

.worksTable td {
    border-bottom: 1px solid #686868;
    font-size: 1rem;
}

.works-detail img {
    max-width: 99%;
    height: auto;
}

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

.treeblock {
    padding-bottom: 50px;
}

/* work */

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

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

.aboutlogo {
    padding: 20px 0;
    text-align: center;
}

.about img {
    max-width: 30%;
}

.about p {
    text-align: center;
}
/* about */

/* contact */
.contact {
    background-image: url("../img/sp_top.webp");
    background-size: cover;
    background-position: top left;
}
/* contact */