@charset "UTF-8";

/*================================================
*  ロゴ
 ================================================*/
 @media screen and (min-width: 959px){
 .topimg img{
 width:100%;
 margin-bottom:30px;
    pointer-events : none;/* 要素のクリック動作を無効にする */
}

.toplogo img{
display:none;
    pointer-events : none;/* 要素のクリック動作を無効にする */
}

.logo img{
width:100%;
margin-top:40px;
margin-bottom:-25px;
    pointer-events : none;/* 要素のクリック動作を無効にする */
}
}
 
  @media screen and (min-width:768px) {
 .topimg img{
 width:100%;
 margin-bottom:30px;
    pointer-events : none;/* 要素のクリック動作を無効にする */
}

.toplogo img{
display:none;
    pointer-events : none;/* 要素のクリック動作を無効にする */
}

.logo img{
width:100%;
margin-top:40px;
margin-bottom:-25px;
    pointer-events : none;/* 要素のクリック動作を無効にする */
}
}


 @media screen and (max-width:767px) {
  .slider{
 display:none;
 }
 .space{
 display:none;
 }
 .toplogo img{
width:100%;
}
.logo img{ 
display:none;
    pointer-events : none;/* 要素のクリック動作を無効にする */
}
}

@media screen and (max-width:640px){
 .slider{
 display:none;
 }
 .space{
 display:none;
 }
  .toplogo img{
width:100%;
margin-top:-10px;
margin-bottom:-10px;
    pointer-events : none;/* 要素のクリック動作を無効にする */
}

.logo img{
 display:none;
     pointer-events : none;/* 要素のクリック動作を無効にする */
}
}

@media screen and (max-width:480px){
 .space{
 display:none;
 }
.toplogo img{
width:100%;
margin-top:0px;
margin-bottom:-10px;
}
.logo img{
 display:none;
     pointer-events : none;/* 要素のクリック動作を無効にする */
}
}