@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

html {
    margin: 0px;
    padding: 0px;
}

body {
    font-size: 1.2em;
    margin: 0;
    padding: 0;
    background: #FFE63C;
    font-family: 'Noto Sans JP', sans-serif;
}

a {
    text-decoration: none;
}

.logo {
    margin: 0;
    padding: 1% 2%;
}

.logo img {
    width: 100%;
}

.bgcolor_white {
    margin: 0;
    padding: 0;
    background: white;
}

.bgcolor_lightYellow {
    margin: 0;
    padding: 0;
    background: #FFFCCC;
}

.Metaverse_body_center {
    text-align: center;
}

.Mission_sheet_image {
    border-style: solid;
    border-width: thin;
}

.Metaverse_title {
    text-align: center;
    font-size: 1.5em;
    font-weight: 600;
    padding-bottom: 3%;
    padding-top: 1%;
}

.Metaverse_link {
    text-align: center;
    margin: 0;
    padding: 0;
}

.Project_List ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.Project_List li {
    margin: 0;
    padding: 0;
}

.triangle_place {
    display: grid;
    margin: 0;
    place-items: center;
    width: calc(100% - 16px);
}

.triangle {
    background: #FFFCCC;
    height: calc((tan(60deg) * 45px / 2));
    width: 80px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    text-align: center;
    margin-top: -5px;
}

footer {
    padding: 5px;
    text-align: center;
    background-color: #FF8000;
    color: white;
}

.lf {
    opacity: 0;
    visibility: hidden;
    transition: all 1s;
}

.lf.is-show {
    opacity: 1;
    visibility: visible;
}

.su {
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transition: all 1s;
}

.su.is-show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.ppArea {
    text-align: center;
    padding-bottom: 2%;
    padding-top: 3%;
}

.ppButton {
    background-color: #FF8000;
    display: block;
    padding: 15px 61px;
    color: white;
    border-radius: 10px;
    margin: 50px auto 20px;
    width: fit-content;
    font-weight: bolder;
}