^\@charset 'UTF-8';

#regist-ex-top p{    
    font-size: 0.5rem;
    line-height: 1.1;
    color:#033146;
    padding-top:20px;    
}
#regist-ex-top h2{
    font-size: 1.2rem;
    line-height: 1.3;
    padding-left:; 
    padding-top:30px;   
} 
#regist-box-top{
    border-width:1px;
    background:gray;
    padding:5px ;
    margin-top:20px;
    color:white;
    text-align:center; 
      
}
.grid-width {
    width:350px;
    margin:auto;
    background-color:#fff;
    padding:5px;
    border:solid 2px;

}
.grid-width h1{
    text-align:center;
    font-size:1.2rem;
}

.history-concept-top{
    display: grid;
    gap:;
    grid-template-columns:1fr;
    align-items: center;
    margin:auto;
    padding: 1rem;    
}
.intro-message-top {    
    text-transform: none; 
    text-align:left; 
    font-weight: normal; 
    width:300px; 
     
}
.intro-message-top h3{
    text-align: left;
    font-size: 0.8rem;
    line-height:1.4; 
    color:#033146; 
　　padding:10px;　
}
.intro-message-top p{
    text-align: center;
    font-size: .1.2rem;
    line-height:1.8;
    color:#033146;
}
#logoname-top {
  font-size:1.2rem;
  font-style:bold;
}
.img-size7-top{
   width:300px;
   height:auto;
   margin:auto;   
   
}


/*----desktop--*/
@media (min-width: 600px) {


.img-size7-top{
   width:300px;
   height:auto;
   margin:auto;
}


#regist-ex-top p{
    font-size: 1.5rem;
    line-height: 2.0;
    padding-left:50px; 
    padding-top:30px;  
    color:#033146; 
}
 
#regist-ex-top h2{
    font-size: 2.5rem;
    line-height: 2.0;
    padding-left:50px; 
    padding-top:30px; 
    color:#033146;  
}
#regist-box-top{
    border-width:1px;
    background:gray;
    padding:10px 30px 10px 30px;
    margin-top:20px;
    color:white;    
}

.grid-width {
    width:1000px;
    margin:auto;
    background-color:#fff;
    padding:10px;
    border:solid 2px;
}
.grid-width h1{
    text-align:center;
    font-size:2.0rem;
}
.history-concept-top{
    display: grid;
    gap:2px;
    grid-template-columns:1fr 1fr;
    margin:auto;
    padding:5px;  
    border:; 
    
}
/*

.history-concept-top{
    display: flex;
    justify-content: center;
    align-items: center;
    margin:20px;
    padding: 1rem;    
}
*/
.intro-message-top {    
    text-transform: none; 
    text-align:left; 
    margin-top:;  
    font-weight: normal; 
    width:500px; 
     
}

.intro-message-top h2{
    font-size: 6rem;
    line-height:7.0rem;
    color:#033146;
    padding-top:100px;
    padding-bottom:20px;
}

.intro-message-top h3{
    font-size: 1.2rem;
    line-height:1.5;
    color:#033146;
    text-align:left;
   
}


.intro-message-top p{
    font-size: 1.5rem;
    line-height:1.8;
    color:#033146;
    padding-top:30px;
    text-align:center;
}
#logoname-top {
  font-size:1.5rem;
  font-style:bold;
}

}