@charset "utf-8";

/*
Version: 1.0
*/
:root {
    --basecolor: #CADCE3;
    --maincolor: #0057A3;
    --whitecolor: #ffffff;
    --onepointcolor01: #F58F29;
    --onepointcolor02: #329F5B;
    }

    .basecolor {
        color: var(--basecolor);
    }

    .maincolor {
        color: var(--maincolor);
    }

    .whitecolor {
        color: var(--whitecolor);
    }

    .onepointcolor01 {
        color: var(--onepointcolor01);
    }

    .onepointcolor02 {
        color: var(--onepointcolor02);
    }

    header {
        z-index: 100;
        width: 100%;
        position: -webkit-fixed;
        position: fixed;
        top: 0;
        opacity:0.8; 
    }

    h1 {
        font-size: 0px;
        opacity:0.0; 
    }

    .h2-en {
        font-size: var(--fontsize80);
        font-style: italic;
        text-align: center;
        line-height:1.1;
        white-space: nowrap;
    }

    .h2-jp {
        font-weight: normal; 
        font-size: var(--fontsize18);
        text-align: center;
        line-height:1.1;
        white-space: nowrap;
    }
    
    .grecaptcha-badge { visibility: hidden; }
    
@media screen and (max-width: 768px) {
    .h2-en {
        font-size: var(--fontsize40);
    }

    .h2-jp {
        font-size: var(--fontsize16);
    }

}