@charset "utf-8";


色 {
    color: #a3bccc;
    color: #6D6D6D;
    color: white;
}


body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #6D6D6D;
}
main {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: auto;
    max-height: 2450px;
}

.中央 {
    text-align: center;
}


.背景 {
    width: 100%;
    max-width: 600px;
}

.ahomuリンク {
    position: absolute;
    top: 20.5%;
    left: 12%;
    font-size: 3.3vw;
    line-height: 2.5;
    color: #6D6D6D;
}
@media (min-width: 600px) {
    .ahomuリンク {
        top: 300px;
        left: calc(50% - 230px);
        font-size: 20px;
    }
}
.homuリンク {
    position: relative;
    text-decoration: none;
    color: #6D6D6D;
}
    .homuリンク::after {
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 15%;
        left: 0;
        opacity: 0;
        background-color: #a3bccc;
    }
    .homuリンク:hover::after {
        opacity: 1;
        background-color: #a3bccc;
    }




/*・・・・・・・・・・・・・・・・・・・・*/



.atougen {
    position: absolute;
    top: 59%;
    left: 4.5%;
    width: 17vw;
    height: 36vw;
}
@media (min-width: 600px) {
    .atougen {
        top: 875px;
        left: calc(50% - 274px);
        width: 110px;
        height: 220px;
    }
}
.tougen {
    position: relative;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: transparent;
    width: 100%;
    height: 100%;
    text-align: center;
}

    .tougen:hover {
        border: 2px solid white;
        color: white;
    }

.afatore {
    position: absolute;
    top: 75%;
    left: 4.5%;
    width: 17vw;
    height: 17vw;
}
@media (min-width: 600px) {
    .afatore {
        top: 1107px;
        left: calc(50% - 274px);
        width: 110px;
        height: 110px;
    }
}
.fatore {
    position: relative;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: transparent;
    width: 100%;
    height: 100%;
    text-align: center;
}
    .fatore:hover {
        border: 2px solid white;
        color: white;
    }

.anekokamu {
    position: absolute;
    top: 83%;
    left: 4.5%;
    width: 17vw;
    height: 17vw;
}
@media (min-width: 600px) {
    .anekokamu {
        top: 1230px;
        left: calc(50% - 274px);
        width: 110px;
        height: 110px;
    }
}
.nekokamu {
    position: relative;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: transparent;
    width: 100%;
    height: 100%;
    text-align: center;
}
    .nekokamu:hover {
        border: 2px solid white;
        color: white;
    }
.asonota {
    position: absolute;
    top: 59%;
    left: 25%;
    width: 29vw;
    height: 75vw;
}
@media (min-width: 600px) {
    .asonota {
        top: 875px;
        left: calc(50% - 150px);
        width: 178px;
        height: 460px;
    }
}
.sonota {
    position: relative;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: transparent;
    width: 100%;
    height: 100%;
    text-align: center;
}
    .sonota:hover {
        border: 2px solid white;
        color: white;
    }



/*・・・・・・・・・・・・・・・・・・・・*/



.ahomu文字 {
    position: absolute;
    top: 60%;
    left: 60%;
    font-size: 3.3vw;
    line-height: 1.2;
    color: white;
}
@media (min-width: 600px) {
    .ahomu文字 {
        top: 890px;
        left: calc(50% + 70px);
        font-size: 20px;
    }
}
.homu文字 {
    position: relative;
    text-decoration: none;
    color: white;
}
    .homu文字:hover {
        color: #a3bccc;
    }
    .homu文字::after {
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 15%;
        left: 0;
        background-color: white;
    }
    .homu文字:hover::after {
        background-color: #a3bccc;
    }

.a文字 {
    position: absolute;
    text-align: center;
    top: 94%;
    left: 12%;
    font-size: 2vw;
    line-height: 1.2;
    color: white;
}
@media (min-width: 600px) {
    .a文字 {
        top: 1395px;
        left: calc(50% - 240px);
        font-size: 13px;
    }
}