*{margin:0;
  padding:0;
color: #434343;}

  body{margin-top: 0;
      font-family:メイリオ;}
  main{text-align: center;
       letter-spacing: 3px;
       line-height: 30px;}
    .header1 {margin: 0 auto;
        max-width: 960px;
        height: 100px ;
        display: flex;
        justify-content: space-between;
        align-items: center;} 
  .head img{width: 40%;}
 
   ul{display:flex;
     list-style:none;
     color: #434343;}
   a{text-decoration: none;
     list-style: none;}
   li a{color: #434343;
    font-size: 12px;
        padding-right: 20px;
        white-space: nowrap;}
  .head a{display: flex;
   
    
        }
  .hed a{
      align-items: center;
      padding-left: 20px;
      
  }
  .hed2 h3{  
    padding: 10px 10px;
    width: 20%; 
    background-color: #434343; 
    border-radius: 8px;
    text-align: center;
    margin: 0 100px 0 auto;}
    h3 a{color: #ffffff;
          font-size: 15px;}
  .hed2{background-image:url(img/workspace.jpg);
        max-width: 960px ;
        text-align: right;
        margin: 0 auto;
        height: 560px;
        }
    h1{color: #ffffff;
      padding: 200px 100px 20px 0;
    font-size:40px;
    text-shadow:2px 2px 3px#595757;}
     h2{color: #0c2c97;
        font-size: 40px;
        line-height: 60px;
        text-shadow:1px 1px 3px#595757;
       }
    .title{
        margin: 60px 0 ;
    }
    .title2{margin: 60px 0 10px 0;}

     h4{color: #0c2c97;
    font-size: 30px;
    text-shadow:1px 1px 3px#595757;}
     .new{color: red;
          font-size: 18px;
          text-align: left;}
     .top{
         display: flex;
         background-color:#eeeeee;
         padding:30px 0;
         height: 250px;
         margin: 0 auto;
         max-width: 960px;
     }

     .top3{
         display: flex;
         justify-content: center;
         margin: 0 auto;
         max-width: 960px;
         padding-top: 5px;
     }
     dl{width: 600px;
    font-size: 24px;}
     dt{float: left;
        color: #595757;
    margin-left: 50px;}
     dd{color: #595757;}
    .info{
        margin-left: 50px;
        padding-right:30px;
        border-right: thick solid #595757;
    }

    .main1 img{
        width: 100%;
    }
    .main1{
        border:1px solid #ffffff;
        width: 40%;
        padding: 20px;
        margin:10px 10px;  
        box-shadow: 0 0 8px gray; 
        
    }
    .main1 p{
        padding: 10px;
        text-align: left;
    }
    .main1 h3{
        padding: 20px;
        font-size: 22px;
        font-weight: normal;
    }
    
    .top2{
        margin:0 auto;
        max-width: 960px;
        flex-wrap: wrap;
        margin-top: 30px;
       }
    h5 a{color: #ffffff;}
    footer{
        background-color: #434343;
        padding: 30px 0 0 0;}
    footer a{color: #ffffff;}
    .fot li{text-align: center;}
    footer p{color: #ffffff;
             padding: 30px 0;}
    .fot{justify-content: center;
    padding: 10px 0;}
    .ka{font-size: 18px;}
    p a{
        padding: 20px 60px;
        width: 15%; 
        color: #ffffff; 
        background-color: #434343; 
        text-align: center;
         }
         .info2{margin: 120px 40px;}