:root {
  --baceFontColor: #333333;
}

#catch {
  width: 860px;
  max-width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 20px;
  background: white;
  padding: 30px;
  align-items: center;
  border-radius: 15px;
  box-shadow: 0px 0px 3px 0px #CCC;
}
#catch p:nth-of-type(1) {
  font-size: 23px;
  line-height: 34.5px;
  font-size: 1.4375rem;
  line-height: 2.15625rem;
  font-weight: 600;
  font-family: "M PLUS Rounded 1c";
  color: #fb426b;
}
#catch p:nth-of-type(2) {
  text-align: left;
  font-size: 18px;
  line-height: 27px;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
@media screen and (max-width: 768px) {
  #catch {
    display: block;
  }
  #catch p:nth-of-type(2) {
    margin: 20px auto 0 auto;
  }
}

#ouen {
  width: 860px;
  max-width: 100%;
  margin: 50px auto 0 auto;
  background: url(grp/yuri.png) bottom right no-repeat;
}
#ouen > h3 {
  font-size: 22px;
  line-height: 33px;
  font-size: 1.375rem;
  line-height: 2.0625rem;
  font-weight: 600;
  color: #ff5413;
  text-decoration: underline;
  text-underline-offset: 4px;
  font-family: "M PLUS Rounded 1c";
}
#ouen > div {
  margin: 50px auto 0 auto;
}
#ouen > div p {
  text-align: left;
  font-size: 18px;
  line-height: 27px;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  font-weight: 600;
  font-family: "M PLUS Rounded 1c";
}
#ouen > div ul {
  margin: 10px auto 0 auto;
}
#ouen > div ul li {
  text-align: left;
  margin: 0 0 0 2em;
  list-style: disc;
  font-size: 18px;
  line-height: 33px;
  font-size: 1.125rem;
  line-height: 2.0625rem;
}
@media screen and (max-width: 768px) {
  #ouen {
    background: none;
  }
  #ouen > h3 {
    text-align: left;
  }
}

#ayumi {
  width: 860px;
  max-width: 100%;
  margin: 50px auto 0 auto;
  background: white;
  padding: 30px;
  border-radius: 10px;
  border: 1px solid #50328d;
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 30px;
}
#ayumi h3 {
  color: #50328d;
  text-align: left;
  font-size: 20px;
  line-height: 30px;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 600;
  font-family: "M PLUS Rounded 1c";
}
#ayumi p {
  margin: 10px auto 0 auto;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #ayumi {
    display: block;
  }
  #ayumi figure {
    display: none;
  }
}/*# sourceMappingURL=index.css.map */