/* ------------------------------------------------------------------------
    Main Layout
------------------------------------------------------------------------  */
header {
    position:sticky;
    top: 0;
	width: 100%;
	z-index: 20;
	transition: background-color .4s linear;
	background: rgba(255,255,255,1);
}
header.Scrl {
    background: rgba(255,255,255,.7);
}
#SITE_CONTAINER {
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 100%;
    min-height: 100vh;
}
main {
    position: relative;
}
@media screen and (min-width:769px){
	main {
	}
}


/* ------------------------------------------------------------------------
    Header
------------------------------------------------------------------------  */

header {
    
}
header .HD_container{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding-left: 15px;
}
/* Header Name */
header .Header_SiteName a{
	display: flex;
	align-items: center;
}
/* logo */
header .Header_Logo {
	display: flex;
	align-items: center;
}
header .Header_Logo ,
header .Header_Logo img{
    max-width: 132px;
}
/* name */
header .Header_Name {
	padding-left: 10px;
}
header .Header_Name > *{
	line-height: 1.5em;
}
header .Header_Name h1{
    font-size: 1em;
	font-weight: 500;
}
header .Header_Name h1 span{
    color: #3e86de;
    font-weight: 500;
    font-size: 14px;
}
header .Header_Name p{
	font-size: .875em;
	color: #898989;
    padding-left: 1em;
}
@media screen and (max-width:1023px){
    header .HD_container{
        height: 70px;
    }
}
@media screen and (min-width:1024px){
    header .HD_container{
        height: 80px;
    }
	/* logo */
	header .Header_Logo ,
    header .Header_Logo img{
		width: 132px;
	}
	/* name */
	header .Header_Name h1{
		font-size: 1.125em;
	}
}



/* ------------------------------------------------------------------------
    Humburger
------------------------------------------------------------------------  */

/* ------------------------------------------------------------------------
    PAGETITLE
------------------------------------------------------------------------  */


/* ------------------------------------------------------------------------
    nav
------------------------------------------------------------------------  */

/* ------------------------------------------------------------------------
    main
------------------------------------------------------------------------  */


/* ------------------------------------------------------------------------
    footer
------------------------------------------------------------------------  */
footer {
	
}
.Copy {
    width: 100%;
    background: #323232;
    color: #fff;
    font-size: 1.2rem;
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
}

/* ------------------------------------------------------------------------
    Page-Top
------------------------------------------------------------------------  */
#PG-Top {
}