@charset "UTF-8";
.menu-group-pc{
    border-top: 1px solid gray;
    width: fit-content;
    white-space: nowrap;
    margin: 0 auto 1em;
    font-size: 1.0em;
    padding: 0 3em;
    background-color: white;
    -webkit-mask-image: linear-gradient(
        to bottom, black 90%,
        transparent 100%
    ),linear-gradient(
        to left,
        black 90%,
        transparent 100%
    ),linear-gradient(
        to right,
        black 90%,
        transparent 100%
    );
    -webkit-mask-composite: destination-in;
    mask-composite: intersect;
    color: black;  
}.menu-group-pc > div{
    flex: 1;
    margin: 0 0.5em;
    padding: 0.5em 0;
}

.menu-group-sp{
    position: absolute;
    right: 0%;
    width: 60vw;
    top: 5em;
    color: white;
    transform: translate(100%, 0%);
    transition: right 0.5s ease-in-out;

}.menu-group-sp > div{
    padding: 1em 5px;
    text-indent: 3.5em;
    margin: 0.1em 0px;
    background-color: rgb(49, 49, 49);
    background-position: 0.8em center;
    background-size: 2.5em;
    background-repeat: no-repeat;
}.menu-group-sp-icon{
    position: absolute;
    top: 0em;
    right: 1.5em;
    border-bottom: 1px solid black;
    transition: color 0.3s ease-in-out;

}.menu-group-sp-view{
    right: 60%!important;

}.menu-group-sp-icon-view{
    color: white;

}

.sp_home_button{
    background-image: url(../image/icon/icon_home.png);
}.sp_calendar_button{
    background-image: url(../image/icon/icon_calendar.png);
}.sp_access_button{
    background-image: url(../image/icon/icon_access.png);
}.sp_gallery_button{
    background-image: url(../image/icon/icon_gallery.png);
}.sp_company_button{
    background-image: url(../image/icon/icon_company.png);
}

/* PC */
@media screen and (min-width: 769px) {
}

/* SP */
@media screen and (max-width: 768px) {
}