@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');



html{
    height: 100%;
    width:auto;
}

ul{
list-style:none;
}


a{
    text-decoration: none;
    color:rgb(131, 131, 131);
}

a:hover{
    text-decoration: none;
}

.icon-bar{
    width:100%;
}
.icon{
    max-width:36px;
    width:100%;
}

.brand-title{
    margin: none;
    height: 40px;
}

body{
    padding-top: 0px;
    height:100%;
}



.top-page{
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    background:url("../img/main.jpg")center no-repeat ;
    background-size:cover;
}




.brand-name{
    font-family: 'Kosugi Maru', Times, serif; 
    font-size: 2rem;
}

.top-menu{
    font-family: 'Kosugi Maru', Times, serif;
    font-size: 1.5rem;
}


.news{
width:100%;
height:auto;


}



#smartphone-only{
    display:none;
}



.main-content{
    width:100%;
    background:url("../img/background01.png")top center repeat ;
    background-size:auto;
}

.main-content01{
    width:100%;
    background:url("../img/background02.png")top no-repeat ;
    background-size:cover;
}

.background03{
    width:100%;
    background:url("../img/background03.png")top no-repeat ;
    background-size:cover;
}


.inner_01{
    z-index: 1;
    width:auto;
    height:100px;
}




.back-white{
    background-color:rgba(255,255,255,0.6);
    background-blend-mode:lighten;
}


.any-group{
    background-color:rgba(255,255,255,0.6);
    background-blend-mode:lighten;
}


.header-sm{
display:none;
}



.footer{
    width: 100%;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top:0px;
    padding-bottom: 0px;
    display: flex;
    align-items: center;
    bottom: 0;
    height: 300px;
    display: flex;
    align-items: center;
    background:url("../img/footer.jpg")right no-repeat ;
    background-size:cover;
}


.footer-body{
    margin-bottom:1px;
    font-size:1.2rem;
}

.footer-body-tel{
    margin-top:0.6rem;
    font-size:2rem;
}


#smart{
    display:none;
}

.icon-f{
    width:100%;
    }
.icon-f-in{
        max-width:30px;
        }
    


.btn-model{
    text-align: center;
    position: relative;
    font-family: serif;
    font-size:1rem; 
    width:100%;
    margin-top:2vw;
    max-width:300px;
}

.btn-model-2{
    text-align: center;
    position: relative;
    font-family: serif;
    font-size:1rem; 
    width:100%;
    margin-top:2vw;
    max-width:500px;
}


.btn-right{
    position:absolute;
    right:1rem;
}

.btn-color{
    color:white ;
    background-color:#4689FF;

}
.btn-color:hover{
    color:white;
    background-color:#D9E5FF;
}

.nav-item a{
    color:rgb(48, 48, 48);
    font-size:1rem;
    background-color:rgb(227, 250, 230);
}

.nav-item a:hover{
    background-color:rgb(131, 255, 148);
font-size:1rem;
}


   .bg-les{
        padding:auto;
        margin:auto;
        width:auto;

    }

    .navbar-light .navbar-toggler {
        border-color: white;
        
    }

.set-height{
  height:300px;
  z-index:-1;
  background:url(../img/childmain.jpg) top center no-repeat;
  background-size:contain;
    max-width:600px;
}

.set-height02{
  height:400px;
  z-index:-1;
  background:url(../img/hand.jpg) top center no-repeat;
  background-size:contain; 
  max-width:600px;
}

.handtext{
  padding-top:350px;
  padding-right:10px;
  font-size:1.4rem;
  color:white;
  max-width:580px;
}


.workshop-font{
    font-size:1.3rem; 
    font-family: Kosugi Maru; 
    color:rgb(255, 145, 0);
} 

.about-history{
   font-size:0.9rem;
   font-family: Kosugi Maru;
}


.community-title{
    font-size:1.8rem;
    font-family: Kosugi Maru;
    color:orange;
}

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

        .community-title{
            font-size:1.3rem !important;
            font-family: Kosugi Maru;
            color:orange;
        }


        .workshop-font{
            font-size:1.1rem !important; 
            font-family: Kosugi Maru; 
            color:rgb(255, 145, 0);
        } 
        
        .about-history{
            font-size:0.7rem !important;
            font-family: Kosugi Maru;
         }

	  .set-height{
  height:200px!important;
  z-index:-1;
  background:url(../img/childmain.jpg) top center no-repeat;
  background-size:contain;
    max-width:600px;
}
	  
	  
	  .set-height02{
  height:250px !important;
  z-index:-1;
  background:url(../img/hand.jpg) top center no-repeat;
  background-size:contain; 
  max-width:600px
}

.handtext{
  padding-top:200px  !important;
  font-size:1.4rem;
  color:white;
}
	  
	  
	  

#smart{
 display: contents;
}

#pc-header{
    display:none;
}

#pc-only{
    display:none;
}

#smartphone-only{
    display:contents;
  height:400px;
  object-fit: cover;
}

body{
    padding-top: 50px;
    height:100%;
}



.text br{
    display: none;          
}

.vertical{
    -ms-writing-mode:tb-rl;
    writing-mode: vertical-rl;
    width:100%;
    
}
	  
	.header-sm{
      width: 100%;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top:0px;
    padding-bottom: 0px;
    display: flex;
    align-items: center;
    bottom: 0;
    height: 300px;
    display: flex;
    align-items: center;
    background:url("../img/main_trim.jpg")center no-repeat ;
    background-size:cover;
}    

.footer-sm{
      width: 100%;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top:0px;
    padding-bottom: 0px;
    display: flex;
    align-items: center;
    bottom: 0;
    height: 300px;
    display: flex;
    align-items: center;
    background:url("../img/footer_trim.jpg")center no-repeat ;
    background-size:cover;
}   
	  
	  
}