@charset "UTF-8";

@media screen and (max-width: 1100px){
  a[id^="menu_button"] + .contents_btn01 .content_wrapper>a{
    margin: 0 0 8px 0;
    width: calc(25% - 8px* 3 / 4) !important;
    min-width: unset;
    box-sizing: border-box;
  }
  a[id^="menu_button"] + .contents_btn01.width_fixed>.content_wrapper{
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
    justify-content: space-between;
  }
  a[id^="menu_button"] + .contents_btn01.width_fixed>.content_wrapper a span{
    padding: 10px 5px;
  }
}
@media screen and (max-width: 700px){
  a[id^="menu_button"] + .contents_btn01 .content_wrapper>a{
    width: calc(50% - 8px* 1 / 2) !important;
  }
}
@media screen and (max-width: 370px){
  a[id^="menu_button"] + .contents_btn01 a span{
    font-size: 1.3rem;
    padding: 10px 5px;
  }
}