body{
    min-height: 100vh;
}
div.layout{
    display: grid;
    place-items: center;
}
header.index-header{
    margin: 0 auto;
    height: initial;
    max-height: 113px;
}

div#logo1{
    min-width: 960px;
    margin: 0 auto;
    padding: 0.5em;
    height: initial;
    position: initial;
}
#logo1 img{
    width: 115px;
    height: 21px;
}
#main{
    display: grid;
    place-items: center;
    min-width: 98vw;
    min-height: 80vh;
    background: linear-gradient(
	180deg, rgb(255, 255, 255)70%, rgb(216, 216, 216));
}

#main div.index-buttons{
    max-width: 960px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    place-content: center;
    place-items: center;
}

#main div.index-buttons ul{
    margin: 2em 2em;
}

#main a:hover{
    color: initial;
}

#main .button-left a, #main .button-right a{
	display: grid;
    place-items: center;
    max-width: 400px;
    min-height: 400px;
    border-radius: 0.2em;
	padding: 1em;
	background: #fff;
	font-weight: bold;
	font-size: 2em;
    font-family: "Noto Sans JP", sans-serif;
	text-align: center;
	line-height: normal;
	box-shadow: 2px 2px 4px #9499a3;
	text-decoration: none;
	
}
#main .button-left a:hover, #main .button-right a:hover{
	box-shadow: 0px 0px 0px #fff;
	transition: .3s;
}

li.logo-biz img, li.logo-gc img, li.layer2cardfaces-left img, li.layer2cardfaces-right img{
    max-width: 60%;
    height: auto;
}

li.layer2cardfaces-left img{
    margin: 0.5em 0 0 0;
}

li.logo-gc{
    padding: 0.5em 0 0 0 ;
}


#footer div.wrapper{
    display: grid;
    place-items: center;
    width: 98vw;
}
.page#backtopparent, .page#footer{
    width: initial;
    max-width: 960px;
    float: initial;
}
#footer div.bottom{
    width: initial;
    max-width: 960px;
}
#footer div.bottom a{
    padding: 0.5em;
}
#footer .simplefooter address{
    width: initial;
    max-width: 325px;
}
.simplefooter a#backtop{
    display: none;
}

@media screen and (max-width: 599px){

    header{
        height: initial;
    }

    div#logo1{
        min-width: initial;
        max-width: 360px;
        margin: 0 auto 0 0;
    }

    #main div.index-buttons{
        grid-template-columns: 1fr;
        place-content: initial;
        background: initial;
    }

    #main div.index-buttons ul{
        margin: 1em auto;
    }

    #main .button-left a, #main .button-right a{
        min-width: 300px;
        min-height: 300px;
    }

    li.layer2cardfaces-left img{
        width: 60vw;
    }
    li.layer2cardfaces-right img{
        width: 60vw;
    }
    ul.button-left li, ul.button-right li{
        font-size: 4vw;
    }

}