@charset "utf-8";
/* CSS Document */
.under_mv{
  background: url(../img/mv.png) no-repeat center;
  background-size: cover;
}
.intro{
  padding: 60px 0;
}
.menu{
  padding-bottom: 60px;
}
.menu_inner {
  max-width: 1024px;
  display: flex;
  width: 90%;
  margin: auto;
  gap: 20px;
  flex-wrap: wrap;
}
.menu_card{
  max-width: 241px;
  width: calc(50% - 5px);
  background: #eee;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 30px 0;
  text-align: center;
}
.menu_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
}
@media screen and ( max-width: 1023px ) {

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

.intro{
  padding: 40px 0;
}
.menu{
  padding-bottom: 40px;
}
.menu_inner {
  gap: 10px;
}
.menu_card{
  width: calc(50% - 5px);
  padding: 15px 0;
}
.menu_icon {
  max-width: 45px;
  max-height: 45px;
  min-height: 0;
  & img{
    width: auto;
    max-height: 100%;
  }
}
}