@charset "UTF-8";
@media all and (min-width: 769px) {
  .lower__title {
    font-family: 'Zen Maru Gothic', sans-serif;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0.2rem;
    color: #ffb1b9;
    padding-left: 52px;
    background-image: url(../images/index/ico-news.png);
    background-size: 43px 39px;
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 18px;
    margin-bottom: 5px; }
  .lower__subtitle {
    font-size: 22px;
    font-weight: 500;
    color: #ff9ba5;
    margin-bottom: 1rem; }
  .lower__textstrong {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0.5rem; }
  .lower__eventtitle {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.05rem;
    color: #333;
    margin-bottom: 0.6rem; }
    .lower__eventtitle::before {
      content: "●";
      font-size: 16px;
      color: #ffb1b9;
      margin-right: 2px; }
  .lower-wrap {
    padding: 28px 30px 22px;
    background-color: white;
    border: 3px solid #ffb1b9;
    border-radius: 8px; }
    .lower-wrap p {
      font-size: 14px;
      line-height: 1.7;
      color: #2d2d2d;
      margin-bottom: 1.5rem; }
      .lower-wrap p a {
        color: #ff6b7a; }
        .lower-wrap p a.icon {
          display: inline-block;
          padding-left: 18px;
          background: url(../images/index/ico-more.png) left center no-repeat;
          background-size: 14px 14px; }
      .lower-wrap p small {
        font-size: 12px; }
      .lower-wrap p + .lower__eventtitle {
        padding-top: 1rem; }
    .lower-wrap ul {
      margin-bottom: 1.5rem; }
      .lower-wrap ul li {
        font-size: 14px;
        line-height: 1.7;
        color: #2d2d2d; }
        .lower-wrap ul li::before {
          content: "・"; }
    .lower-wrap dl {
      font-size: 14px;
      line-height: 1.7;
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 0.5rem; }
      .lower-wrap dl dt {
        width: 80px; }
      .lower-wrap dl dd {
        width: calc(100% - 80px); } }

@media all and (max-width: 768px) {
  .lower {
    padding: 0 10px; }
    .lower__title {
      font-family: 'Zen Maru Gothic', sans-serif;
      font-size: 22px;
      font-weight: 700;
      letter-spacing: 0.2rem;
      color: #ffb1b9;
      padding-left: 40px;
      background-image: url(../images/index/ico-news.png);
      background-size: 30px auto;
      background-position: left center;
      background-repeat: no-repeat;
      margin-left: 10px;
      margin-bottom: 5px; }
    .lower__subtitle {
      font-size: 18px;
      font-weight: 500;
      color: #ff9ba5;
      margin-bottom: 1rem; }
    .lower__textstrong {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 0.5rem; }
    .lower__eventtitle {
      position: relative;
      font-size: 15px;
      font-weight: 500;
      letter-spacing: 0.05rem;
      color: #333;
      margin-bottom: 0.6rem; }
      .lower__eventtitle::before {
        content: "●";
        font-size: 14px;
        color: #ffb1b9;
        margin-right: 2px; }
    .lower-wrap {
      padding: 22px 15px 10px;
      background-color: white;
      border: 2px solid #ffb1b9;
      border-radius: 8px; }
      .lower-wrap p {
        font-size: 13px;
        line-height: 1.7;
        color: #2d2d2d;
        margin-bottom: 1.5rem; }
        .lower-wrap p a {
          color: #ff6b7a; }
          .lower-wrap p a.icon {
            display: inline-block;
            padding-left: 18px;
            background: url(../images/index/ico-more.png) left center no-repeat;
            background-size: 14px 14px; }
        .lower-wrap p small {
          font-size: 11px; }
        .lower-wrap p + .lower__eventtitle {
          padding-top: 1rem; }
      .lower-wrap ul {
        margin-bottom: 1.5rem; }
        .lower-wrap ul li {
          font-size: 13px;
          line-height: 1.7;
          color: #2d2d2d; }
          .lower-wrap ul li::before {
            content: "・"; }
      .lower-wrap dl {
        font-size: 13px;
        line-height: 1.7;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0.5rem; }
        .lower-wrap dl dt {
          width: 70px; }
        .lower-wrap dl dd {
          width: calc(100% - 70px); } }