@charset "utf-8";
/* CSS Document */

html{ scroll-behavior:auto;}

/*body{ background:#f8fafa url(../../img/page-bottom-wave.webp) left bottom no-repeat; background-size:contain;} */

body{background-color:#f8fafa; background:url(../img/bg.gif) center repeat-y; background-size:contain;}

.visible-xs{display:none;}
.hidden-xs{display:inherit;}

#top-lead{ text-align:center;}
#section01-parallax-pc{ height:100vh;}

.original-text-shadow {
  text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}

.link-cfff a:link,.link-cfff a:visited{ color:#fff};
.link-cfff a:hover,.link-cfff a:focus,.link-cfff a:active{ color:#fff; font-weight:bold;} 

h2.section-title{ font-size:2rem;}

#access-illust{ margin-top:1rem;}

#topimagebox{
    background-color:#3b5483;
    background-image:url(../img/topimage01-000.webp);
    background-position:center top;
    background-repeat:no-repeat;
    background-size:cover;
    height:68vh;
    position:relative;
}

#topimagebox .topimagebox-inner{
    padding:15px 15px 0 0;
}

#topimagebox .topimagebox-inner #topimage0101{
    width:auto; height:44vh;
}

.otoku{ font-size:1.2rem;}
.otoku span{ color:#c00;}

@media (max-width:1199px){

}

@media (max-width:991px){
    /* body{ background:url(../../img/page-bottom-wave.webp) left bottom 60px no-repeat; background-size:130% auto;} */

}

@media (max-width:767px){
    .visible-xs{display:inherit;}
    .hidden-xs{display:none;}
    #top-lead{ text-align:left;}
    #topimagebox{ height:60vh;}
    #topimagebox{
        background-image:url(../img/main_visual1.jpg);
        background-color:rgba(0,0,0,0.1); 
        background-blend-mode:normal;
    }
    /* #section01-parallax-pc{ height:160vh; } */
    #access-illust{ margin-top:-15rem;}

    /* body{ background:url(../../img/page-bottom-wave.webp) left bottom 60px no-repeat; background-size:contain;} */

    #topimagebox .topimagebox-inner{ padding:5vh 0 0 0;}
    #topimagebox .topimagebox-inner #topimage0101{
        width:75%; height:auto;
    }

}

@media (min-width:576px){

}
@media (max-width:575px){
/*    #section01-parallax-pc{ height:160vh; } */

}

@media (max-width:420px){
    #topimagebox .topimagebox-inner #topimage0101{
        width:100%; height:auto;
    }
    .display-4{
        font-size: 2rem;
        font-weight: 500;
        line-height: 1.2;
    }
    #section01-parallax-pc{ height:120vh;}
    
    /* body{ background:url(../../img/page-bottom-wave.webp) left bottom 60px no-repeat; background-size:contain;} */

}
    
@media (max-width:390px){
    #parallax-window h2{ font-size:2rem;}
/*    #section01-parallax-pc{ height:150vh;} */
    .f-xxs{ font-size:80%;}
}

@media (min-width:391px){
    .f-xxs{ font-size:100%;}

}

@media (max-width:360px){
    
}