@charset "UTF-8";


@media screen and (max-width: 1700.8px){	
    html {
	font-size: 16px;
}

}

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


}

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

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

    
}

@media screen and (max-width: 767.8px){	
    html {
        font-size: 14px;
    }
    .sg-container {
        width: 98%;
    }
    main {
        background-size: 100%;
    }

    header h1 img, .footer-logo {
        width: 200px;
    }
    header {
        height: 65px;
        padding: 0.25rem 0;
    }
    .fv-container, .slider, .slider img {
        height: calc(100vh - 65px);
    }
    .top-copy {
        font-size: 4rem;
    }
    .top_img_c1{
        position: absolute;
        width: 50%;
        left: 40%;
        top: -45px;
        height: 100%;
        z-index: 0;
    }
    .top_img01{
        left: 47px;
        top: 0px;
        width: 150px;
        z-index: 1;
	}
	.top_img02{
        left: 0px;
        top: 45px;
        width: 300px;
        z-index: 0;
	}
	.top_img03{
	    left: 155px;
        top: 140px;
        width: 150px;
        z-index: 2;
	}
    .footer-nav .g-nav ul {
        min-width: inherit;
        width: 50%;
    }
    .top-copy02 {
        font-size: 2.25rem;
        font-family: "Zen Old Mincho", serif;
        line-height: 110%;
    }
    .top_img_c2{
        position: absolute;
        top: -35px;
        right: 100%;
        width: 100%;
        height: 100%;
    }
    .top_img04{
        position: absolute;
        right: -30px;
        top: 0px;
        width: 300px;
        z-index: 0;
    }
    .top_img05{
        position: absolute;
        right: 50px;
        top: 100px;
        width: 200px;
        z-index: 2;
    }
    .top_img08{
        position: absolute;
        right: -30px;
        top: 0px;
        width: 300px;
        z-index: 0;
    }
    .top_img09{
        position: absolute;
        right: 5px;
        top: 90px;
        width: 150px;
        z-index: 2;
    }
    .page-header {
        height: 220px;
    }
    .page-header h2 {
        font-size: 3rem;
    }
    .page-container h3 {
        font-size: 2.5rem;
    }
}

@media screen and (max-width: 450.8px){	
 
    .top_img03{
	    left: 95px;
        top: 140px;
        width: 150px;
        z-index: 2;
	}
}