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

 
    
}

@media screen and (max-width:480px){
    .hamburger {
        display : block;
        position: fixed;
        z-index : 3;
        right : 13px;
        top   : 6px;
        width : 30px;
        height: 30px;
        cursor: pointer;
        text-align: center;
      }
      .hamburger span {
        display : block;
        position: absolute;
        width   : 30px;
        height  : 2px ;
        left    : 6px;
        background : #555;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition   : 0.3s ease-in-out;
        transition        : 0.3s ease-in-out;
      }
      .hamburger span:nth-child(1) {
        top: 10px;
      }
      .hamburger span:nth-child(2) {
        top: 20px;
      }
      .hamburger span:nth-child(3) {
        top: 30px;
      }
      
      /* ナビ開いてる時のボタン */
      .hamburger.active span:nth-child(1) {
        top : 60px;
        left: 6px;
        background :#fff;
        -webkit-transform: rotate(-45deg);
        -moz-transform   : rotate(-45deg);
        transform        : rotate(-45deg);
      }
      
      .hamburger.active span:nth-child(2),
      .hamburger.active span:nth-child(3) {
        top: 60px;
        background :#fff;
        -webkit-transform: rotate(45deg);
        -moz-transform   : rotate(45deg);
        transform        : rotate(45deg);
      }
      
      nav.globalMenuSp {
        position: fixed;
        z-index : 2;
        top  : 0;
        left : 0;
        color: #fff;
        background: rgba(0,0,0,0.7);
        text-align: center;
        width: 100%;
        opacity: 0;
        transition: opacity .6s ease, visibility .6s ease;
      }
      
      nav.globalMenuSp ul {
        margin: 0 auto;
        padding:0px;
        width: 100%;
      }
      
      
      nav.globalMenuSp ul li {
        list-style-type: none;
        padding: 0;
        width: 100%;
        transition: .4s all;
      }
      nav.globalMenuSp ul li:last-child {
        padding-bottom: 0;
      }
      nav.globalMenuSp ul li:hover{
        background :#ddd;
      }
      
      nav.globalMenuSp ul li a {
        display: flex;
        color: #fff;
        padding:20px 10px;
        text-decoration :none;
      }
      
      nav.globalMenuSp.active {
        opacity: 100;
      
      }

    main{letter-spacing: 2px;
        line-height: 20px;}
   
  .header1{height: 50px;}
  .head img{width:40%;
            height:auto;}
   .hed2{box-sizing: border-box;
       max-width: 500px;
                margin: 0 auto;
                height: 300px;}
   .hed a {padding-left: 5px;}         
    h1{
    padding: 100px 20px 20px 0;
    font-size:30px;}  
    h2 {font-size: 25px;
        line-height: 40px;}
    .hed2 h3{  
        width: 40%; 
        margin: 0 20px 0 auto;
        padding: 3px;}   
        h3 a{font-size: 13px;
        padding: 5px;} 
        .title{margin: 30px 0 ;} 
        .title2 {margin: 30px 0 5px 0;}   

        dl{font-size: 16px;
        width: 100%;}
        dt{margin-left: 10px;}
        .info{margin-left: 20px;
              padding-right:30px;
              border-right:none;}

        .top{
            display:block;
            padding:10px 0;
            height: 200px;
            width: 100%;
            }
        dd{width: 100%;
        margin: 0;}
        h4{font-size: 20px;}
        .new{
            font-size: 13px;
            text-align: center;
            padding-bottom: 5px;}
        .main1{
            width: 60%;
            justify-content: center;
            margin:20px 0 0 0;}
            .top3 {
                display:inline-block;
                width: 100%;
                padding-top:0;
                text-align: -webkit-center;}
            .main1 h3 {padding:5px;
                font-size: 18px;}
            .main1 p{font-size: 12px;
                padding: 6px;}
            p a{padding: 10px;
            font-size: 12px;}
            .fot{display: inline-block;}
            footer a{padding-right: 0;}
            footer p{font-size: 12px;
                padding: 10px 0;}
            .ka{padding: 20px 0;}
            .co{font-size: 6px;}
    

}