@charset "utf-8";


img    {
  max-width: 100%;
  }



dl{  
  /* width : 90%; */

}

dt{
  font-size : 100%;
  font-weight : bold;

  margin-bottom : 8px;
  margin-top: 5px;
   
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #666666;

  border-left-width : 7px;
  border-left-style : solid;
  border-left-color : #666666;

  padding-top : 2px;
  padding-left : 8px;
  padding-bottom : 2px;
}

dd{  
  font-size : 100%;
  line-height : 1.8;    
  margin-bottom : 30px;    
 
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : #999999;    

  padding-left : 30px;
  padding-right : 15px;
}



.pic   {
   width: 50%;
   margin: 5px;
   }


/*メディアクエリの指定（※widthが768px以下の場合に{}内のCSSを適用する）*/
@media screen and (max-width: 768px) {

.pic   {
   width: 100%;
   margin: 5px;
   }
   
.photo  {
   width: 100%;
   height: auto;
   }  
   
   
}


/*メディアクエリの指定（※widthが480px以下の場合に{}内のCSSを適用する）*/

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




dt{
  font-size : 100%;
  font-weight : bold;

  margin-bottom : 5px;
  margin-top: 5px;
  
  border-left: 7px solid #666;
  border-bottom: 1px slid #666;


  padding-top : 2px;
  padding-left : 8px;
  padding-bottom : 2px;
}



dd{  
  font-size : 100%;
  line-height : 1.8;    
  margin-bottom : 20px;
  border-bottom: 1px dotted #999;     


  padding-left : 30px;
  padding-right : 15px;
}

}