^\@charset 'UTF-8';


.intro-message{
   margin-top:50px;  
    text-transform: none; 
    text-align: center;
    margin-top:50px;   
    font-weight: normal; 
}
.intro-message h3{
    text-align: center;
    font-size: 1.0rem;
    line-height:1.5; 
    color:#033146; 
}
.intro-message p{
    text-align: center;
    font-size: .1.2rem;
    line-height:1.8;
    color:#033146;
}
#logoname {
  font-size:1.3rem;
  font-style:bold;
}

.m-list h1 {
   font-size:1.0rem;
   margin-left:15px;
   padding-top:50px;
}

.museum-list {
  list-style: initial; 
  list-style-type:none;
  margin-left: 40px;  
  cursor: pointer;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
.museum-list-name{
   display: flex;
   justify-content: space-between;
   font-size:0.7rem;
   background:#fff;
   /*background:#fff;*/
   border:1px;
   border-color:#033146;
   padding:0 10px; 
   color:#000; 
}
.museum-list-name:hover{
   color:♯F5A22F; 
}
form, museum {
  font-size:1.2rem;
  padding:5px;
  background-color:#ddd;
  margin-left:;
  margin-bottom:5px;
  margin-top:5px;
 
}
#open-close {
   padding-left:20px;
   font-size:1.1rem;
   margin-top:30px;

}
.mypage-logo img{
   width:200px;
   height:auto;
   padding-left:20px;
}
.mypage-ex-word {
   font-size:1.1rem;
   padding-left:10px;
   padding-top:30px;
   padding-bottom:50px;

}
#welcome-name{
   text-align:center;
   font-size:1.2rem;

}
/*
DESKTOP SIZE
================================================ */
@media (min-width: 600px) {
/* Common */

.intro-message {    
    text-transform: none; 
    text-align: center; 
    margin-top:;  
    font-weight: normal;    
}

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

.intro-message h3{
    font-size: 1.8rem;
    line-height:1.5;
    color:#033146;
    padding-top:20px;
}


.intro-message p{
    font-size: 2.5rem;
    line-height:1.8;
    color:#033146;
    padding-top:30px;
}
#logoname {
  font-size:2.5rem;
  font-style:bold;
}
.history-concept {
    display: flex;
    justify-content: center;
    align-items: center;
    margin:20px;
    padding: 1rem;
    
}
.m-list h1{
   font-size:2rem;
   margin-left:20px;
   margin-top:20px;
}

.m-list h2{
   font-size:2rem;
   margin-left:20px;
   margin-top:20px;
   
}

.tonurie {
   text-align:center;
   color:#000;
}
.tonurie a:hover{
   color:#f5a22f;
}

.m-list p{
   font-size:2rem;
   margin-left:20px;
   margin-top:20px;
}

.museum-list {
  list-style: initial; 
  list-style-type:none;
  margin-left: 40px;  
  cursor: pointer;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
.museum-list-name{
   display: flex;
   justify-content: space-between;
  font-size:1.2rem;
   background:#fff;
   border:1px; 
   border-color:#033146;
   padding:0 10px;
   color:#000; 
}
.museum-list-name:hover{
   color:♯F5A22F; 
}
form, museum {
  font-size:1.8rem;
  padding:10px;
  background-color:#ddd;
  margin-left:50px;
  margin-bottom:5px;
 
}
#open-close {
   padding-left:100px;
   font-size:1.5rem;
   margin-top:30px; 

}
.mypage-logo img{
   width:400px;
   height:auto;
   padding-left:100px;
}
.mypage-ex-word {
   font-size:2.0rem;
   padding-left:200px;
   padding-top:50px;
   padding-bottom:100px;

}
#welcome-name{
   text-align:center;
   font-size:3.0rem;
}

}