﻿
html { background-position: top center; background-repeat: no-repeat; background-size: cover; height: 100%; }
body { background: none; height: 100%; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; }
.navhome { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; padding: 0 0 40% 0; background-position: left top; background-repeat: no-repeat; background-size: 100% auto; }
.navhome > .logo { display: inline-flex; margin-bottom: 2rem; width: 100%; }
.navhome > .logo > img { display: inline-flex; max-width: 90%; max-height: 12rem; margin: 0 auto; }
.navhome > .mainInfo { padding: 0 2rem; color: #fff; text-align: center; font-size: 1rem; margin-bottom: 6rem; }
.navhome > .mainInfo .timeloc { margin-bottom: 1rem; }
.navhome > .mainInfo .desc { line-height: 2rem; }
.navhome > ul { padding: 0 4rem; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; gap: 2rem; }
.navhome > ul > li { width: calc((100% - 4rem) / 3); }
.navhome > ul > li > a { display: inline-flex; flex-flow: column nowrap; justify-content: center; align-items: center; width: 100%; }
.navhome > ul > li > a > i { display: inline-flex; height: 4.8rem; width: 4.8rem; background: url(/img/web/ico/spc_nav_ico_new_document.svg) center center no-repeat; background-size: cover; }
.navhome > ul > li > a > i.ico_about { background-image: url(/img/web/ico/spc_nav_ico_new_document.svg); }
.navhome > ul > li > a > i.ico_org { background-image: url(/img/web/ico/spc_nav_ico_hierarchy.svg); }
.navhome > ul > li > a > i.ico_guest { background-image: url(/img/web/ico/spc_nav_ico_management.svg); }
.navhome > ul > li > a > i.ico_schedule { background-image: url(/img/web/ico/spc_nav_ico_planner.svg); }
.navhome > ul > li > a > i.ico_partners { background-image: url(/img/web/ico/spc_nav_ico_handshake.svg); }
.navhome > ul > li > a > i.ico_guidline { background-image: url(/img/web/ico/spc_nav_ico_place_marker.svg); }
.navhome > ul > li > a > i.ico_contact { background-image: url(/img/web/ico/spc_nav_ico_communication.svg); }
.navhome > ul > li > a > em { font-size: 1.6rem; color: #fff; margin-top: .6rem; }
