@charset "UTF-8";

#btn1 + .contents_btn01 .content_wrapper,
#btn2 + .contents_btn01 .content_wrapper,
#btn3 + .contents_btn01 .content_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#btn1 + .contents_btn01 a,
#btn2 + .contents_btn01 a {
  min-width: initial;
  margin: 0 !important;
  max-width: calc(20% - 1rem * 4 / 5);
  width: 100% !important;
  padding-left: 0;
  padding-right: 0;
}
#btn3 + .contents_btn01 a {
  min-width: initial;
  margin: 0 !important;
  max-width: calc(33.3333% - 1rem * 2 / 3);
  width: 100% !important;
  padding-left: 0;
  padding-right: 0;
}
#btn1 + .contents_btn01 a span,
#btn2 + .contents_btn01 a span,
#btn3 + .contents_btn01 a span {
  padding-right: 10px;
}
#btn1 + .contents_btn01 a:before,
#btn2 + .contents_btn01 a:before,
#btn3 + .contents_btn01 a:before {
  right: 10px;
}
body:not(.edit_view) #btn1 + .contents_btn01 a:hover:after,
body:not(.edit_view) #btn2 + .contents_btn01 a:hover:after,
body:not(.edit_view) #btn3 + .contents_btn01 a:hover:after {
  transform: translateY(-50%) translateX(5px);
}
body:not(.edit_view) #btn1 + .contents_btn01 a:hover span,
body:not(.edit_view) #btn2 + .contents_btn01 a:hover span,
body:not(.edit_view) #btn3 + .contents_btn01 a:hover span {
  transform: translateX(15px);
}

@media screen and (max-width: 768px) {
  #btn1 + .contents_btn01 a,
  #btn2 + .contents_btn01 a {
    max-width: 100%;
  }
  #btn3 + .contents_btn01 a {
    max-width: 100%;
  }
}