@charset "utf-8";
/* CSS Document */
#okinawashoku2024 {
  margin: 3rem auto 2rem;
  max-width: 1200px;
  width: 100%
}
#okinawashoku2024 .point {
  border-top: solid 1px rgba(0, 0, 0, 1.00);
  border-bottom: solid 1px rgba(0, 0, 0, 1.00);
  margin: 1rem auto 3rem;
  width: 90%;
  max-width: 800px
}
.point div.txt {
  padding: 1rem 0.5rem
}
.rr_flexws1_4 {
  display: flex;
  justify-content: center
}
.rr_flexws1_4 .img {
  width: 20%
}
.rr_flexws1_4 .img img {
  width: 100%;
  margin: 1rem auto
}
.txt p {
  width: 80%;
  margin: 0 auto
}
[class^='rr_flexs'] img {
  width: 95%;
}
.detail dl {
  width: 85%;
  margin: 0 auto;
}
.detail ul {
  margin: 0 0 2rem
}
.detail ul li {
  list-style: none
}
.logo {
  width: 80%;
  margin: 0 auto 5rem
}
.logo .okinawashokulogo {
  border-right: 1px solid #000000;
  padding: 0 1rem 0 0;
  width: 30%
}
.logo .okinawashokulogo img {
  width: 70%;
}
@media only screen and (max-width: 767px) {
  #okinawashoku2024 {
    margin: 1rem auto 2rem
  }
  .txt {
    width: 95%;
    margin: 0 1rem
  }
  .txt p {
    width: 95%;
  }
  .rr_flexsw2-1 .mar0a {
    margin: 0 auto 2rem
  }
  .rr_flexws1_4 {
    display: block
  }
  .rr_flexws1_4 .img {
    width: 80%;
    margin: 0 auto;
    text-align: center;
  }
  .point div.txt {
    padding: 1rem 0
  }
  .point .img img {
    width: 60%;
    margin: 1rem auto
  }
  .logo.rr_flexws1_4 {
    display: flex;
    width: 95%
  }
  .logo.rr_flexws1_4 .img {
    width: 20%
  }
  .logo .okinawashokulogo {
    width: 50%;
    text-align: center
  }
  .logo .okinawashokulogo img {
    width: auto;
    max-height: 70px
  }
  .logo div:nth-child(2) img {
    width: auto;
    padding-left: 1rem;
    max-height: 70px
  }
  #content ul, #content ol {
    margin: 0 0 0.5rem;
  }
  [class*=rr_flexs] > * {
    width: 100%;
    margin: 0 auto 1em;
  }
  [class^='rr_flexs'] img {
    width: 100%
  }
  .detail dl {
    width: 95%;
    margin: 0 auto 1rem
  }
}