@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {

.shisetu{width: 80%; margin: 0 0 28px 12%;}
.shisetu dt{font-size: 4.2vw; font-weight: bold; line-height: 1.1;}    
.shisetu dd{font-size: 3.8vw; padding: 0 0 1px 8%; 
    border-bottom: 1px solid forestgreen; margin-bottom: 8px;} 
    
.pre_card{width: 88%; margin: 0 0 28px 9%; line-height: 1.2;
    overflow: hidden;}
.pre_card li{width: 50%; float: left; list-style-type : none ;}    
.pre_card img{width: 90%; margin: 0 3% 2px 0;}       
.pre_card p{text-align: center; font-size: 3.6vw;}  
    
.member{width: 88%; margin: 0 0 28px 10%; font-size: 3.6vw; line-height: 1.2;
    overflow: hidden;}    
.member dt{width: 60%; margin: 0 auto;}  
.member dt img{width: 100%;}
.member dd{width: 98%;} 
.member dd p{font-size: 4vw; font-weight: bold; padding-top: 12px; color: #00f;} 
.member li{list-style-position : inside ; }      
    
.picture{width: 86%; margin: 0 0 28px 9%; font-size: 3.6vw; line-height: 1.1;}
.picture li{width: 100; list-style-type : none ; margin-bottom: 12px;}    
.picture img{width: 70%; margin: 0 15% 4px;}       
.picture p{text-align: center;}     
      
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {

.shisetu{width: 80%; margin: 0 0 28px 10%; font-size: 2.1vw; line-height: 1.2;
    overflow: hidden;}
.shisetu dt{width: 28%; float: left;  background-color:#efffef; 
    padding: 12px 0 6px; text-align: center;
    border-bottom: 1px solid forestgreen; }    
.shisetu dd{width: 70%; float: left; padding: 12px 0 6px 2%;
    border-bottom: 1px solid forestgreen; }   
 
.pre_card{width: 88%; margin: 0 0 28px 9%; line-height: 1.2;
    overflow: hidden;}
.pre_card li{width: 25%; float: left; list-style-type : none ;}    
.pre_card img{width: 90%; margin-right: 3%;}       
.pre_card p{text-align: center; font-size: 1.8vw;}  
    
.member{width: 88%; margin: 0 0 28px 10%; font-size: 2vw; line-height: 1.2;
    overflow: hidden;}    
.member dt{width: 30%; float: left;}  
.member dt img{width: 100%;}
.member dd{width: 68%; float: right;} 
.member dd p{font-size: 2.1vw; font-weight: bold; padding-top: 12px; color: #00f;} 
.member li{list-style-position : inside ; }  
    
.picture{width: 86%; margin: 0 0 28px 9%; font-size: 2vw; line-height: 1.1;
    overflow: hidden;}
.picture li{width: 50%; float: left; list-style-type : none ; margin-bottom: 20px;}    
.picture img{width: 96%; margin: 0 4% 6px 0;}       
.picture p{text-align: center;}      
    
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {
         
.shisetu{width: 80%; margin: 0 0 28px 10%; font-size: 16px; line-height: 1.2;
    overflow: hidden;}
.shisetu dt{width: 28%; float: left;  background-color:#efffef; 
    padding: 12px 0 6px; text-align: center;
    border-bottom: 1px solid forestgreen; }    
.shisetu dd{width: 70%; float: left; padding: 12px 0 6px 2%;
    border-bottom: 1px solid forestgreen; }      
    
.pre_card{width: 84%; margin: 0 0 28px 9%; line-height: 1.2;
    overflow: hidden;}
.pre_card li{width: 25%; float: left; list-style-type : none ;}    
.pre_card img{width: 92%; margin-right: 3%;}       
.pre_card p{text-align: center;}     
 
.member{width: 80%; margin: 0 0 28px 10%; font-size: 16px; line-height: 1.2;
    overflow: hidden;}    
.member dt{width: 36%; float: left; padding-top: 20px;}  
.member dt img{width: 100%;}
.member dd{width: 62%; float: right;} 
.member dd p{font-size: 20px; font-weight: bold; padding-top: 12px; color: #00f;} .member ul{list-style-image: url(../common/checkbox.gif)} 
.member li{list-style-position : inside ; }
    
.picture{width: 86%; margin: 0 0 28px 9%; font-size: 15px; line-height: 1.1;
    overflow: hidden;}
.picture li{width: 50%; float: left; list-style-type : none ; margin-bottom: 20px;}    
.picture img{width: 96%; margin: 0 4% 6px 0;}       
.picture p{text-align: center;}    


}