/*heading*/
div.heading {
    width: 95%;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    margin: 0 auto;
    position: relative;
    }
div.heading .circle { 
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
    background-color: rgb(228, 108, 11);
    border-radius: 0 0 100% 100% / 0 0 200% 200%;
    -webkit-border-radius: 0 0 100% 100% / 0 0 200% 200%;
    text-align: center;
     }
div.heading .circle h2 { 
    font-size: 1.25em;
    line-height: 1.25em;
    color: rgb(255, 255, 255);
    padding: 10px 10% 25px;
    white-space: nowrap;
    text-align: center;
    }
    
div.heading h1 { width: 100%;  }
div.heading h1 img { width: 100%; max-width: 100%; margin-top: -5px; }

/*index*/
div.box { 
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    border: 2px solid rgb(248 , 210, 0);
    }
    
div.box div.inner { width: 90%; margin: 0 auto; padding: 15px 0 20px; }
p.lead { font-size: 1em; line-height: 1.25em; }

ul.btn_yellow { 
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 20px auto 0; padding: 0;
    font-size: 1em; line-height: 1.25em; font-weight: bold;
    list-style: none;
    }

ul.btn_yellow li { width: calc(100% / 2); }
ul.btn_yellow li a { 
    display: block;
    width: 70%;
    min-width: 4em;
    margin: 0 auto; padding: 15px 0; box-sizing: border-box;
    background-color: rgb(228, 108, 11);
    background: linear-gradient(rgb(251, 230, 112) 0%, rgb(228, 108, 11) 100%);
	-webkit-background: linear-gradient(rgb(251, 230, 112) 0%, rgb(228, 108, 11) 100%);
	border: 2px solid rgb(255, 255, 255);
	border-radius: 10px;
    -webkit-border-radius: 10px;
	text-align: center;
	}

ul.btn_yellow li a:link,
ul.btn_yellow li a:visited,
ul.btn_yellow li a:hover,
ul.btn_yellow li a:active { color: rgb(34, 34, 34); text-decoration: none; }

/*home*/
div.menu { 
    width: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin: 0 auto 45px; padding: 0;
    list-style: none;
    }
.menu_mov, .menu_faq { width: 50%; width: -webkit-calc(100% / 2); width: calc(100% / 2); margin: 0 1.5% 0 0; }
.menu_htu, .menu_csc { width: 50%; width: -webkit-calc(100% / 2); width: calc(100% / 2); margin: 0 0 0 1.5%; }

div.menu a { display: block; margin: 0 auto; }
img.icon { margin: 0 auto 5px; }
a.box { 
    font-size: 0.75em; line-height: 1.25em; font-weight: normal;
    background-color: rgba(255, 255, 255, 0.8);
    border-top: 2px solid rgb(248, 210, 0); border-bottom: 2px solid rgb(248, 210, 0);
    text-align: center;
    padding: 5px 0;
    }
div.menu a:link
div.menu a:visited,
div.menu a:hover,
div.menu a:active { color: rgb(34, 34, 34); text-decoration: none; }

div.menu.last { margin-bottom: 0; }

/*@media (min-width: 320px) and (max-width: 600px) {
a.box { font-size: 0.75em; }
}*/