.expo-mainvisual_snowmoval{
  background: none;
  padding: 0;
}
.snowmoval_expo_content_wrap{
  margin-top: 100px;
}
@media screen and (max-width: 1100px) {
  .snowmoval_expo_content_wrap{
    margin-top: 50px;
  }
}

@media screen and (max-width: 660px) {
  .snowmoval_expo_content_wrap{
    margin-top: 0;
  }
}

.expo-snowmoval{
  background: url(/jp/agri/campaign/2026/11/expo/snowmoval/img/mv.png) no-repeat center top #e1edf4;
  height:789px;
  margin: -20px 0 0;
  position: relative;
}
.expo-snowmoval ul{
  position: relative;
}
.expo-snowmoval ul li {
  transition: all 0.2s;
  cursor: pointer;
}
.expo-snowmoval ul li img{
  width: 100%;
}
.expo-snowmoval ul li:hover{
  transform: scale(1.1, 1.1);
  opacity: 0.8;
}
.expo-snowmoval .btn_01{
  position: absolute;
  left:calc(50% - 520px);
  top:100px
}
.expo-snowmoval .btn_02{
  position: absolute;
  left: calc(50% - 180px);
  top: 20px;
}
.expo-snowmoval .btn_03 {
  position: absolute;
  left: calc(50% + 50px);
  top: 40px;
}
.expo-snowmoval .btn_04 {
  position: absolute;
  left: calc(50% - 490px);
  top: 510px;
}
.expo-snowmoval .btn_05 {
  position: absolute;
  left: calc(50% - 210px);
  top: 270px;
}
.expo-snowmoval .btn_06 {
  position: absolute;
  left: calc(50% + 100px);
  top: 430px;
}
.expo-snowmoval .btn_07 {
  position: absolute;
  left: calc(50% + 310px);
  top: 350px;
}
.contents{
  position: absolute;
  z-index: 5;
  left:calc(50% - 360px);
  top:450px;
  display: none;
}
.contents.active{
  display: block;
}
.close{
  position: absolute;
  cursor: pointer;
  right: 15px;
  top: 5px;
}
.contents a{
  position: absolute;
  left: 0;
  bottom: 0;
}
.contents a:hover{
  opacity: 0.8;
}
.screen{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  display: none;
}
.screen.active{
  display: block;
}
.smallpc,
.ressp{
  display: none;
}
.snowmoval_menu{
  display: none;
}
@media screen and (max-width: 1100px) {
  .smallpc{
    display: block;
    margin: -15px 0 0;
  }
  .smallpc img{
    width: 100%;
  }
  .expo-snowmoval{
    display: none;
  }
  .snowmoval_menu{
    display: block;
  }
}
@media screen and (max-width: 660px) {
  .smallpc{
    display: none;
  }
  .ressp{
    display: block;
    margin: -15px 0 0;
  }
  .ressp img{
    width: 100%;
  }
}