@media only screen and (max-width: 720px) {
  br.mbbr {
    display: block; }

  .toppagetitle {
    padding: 8px;
    font-family: "Jost";
    font-size: 2em; }
    .toppagetitle p {
      font-size: 0.4em; }

  section.top1 {
    width: 100%; }
    section.top1 .read0 {
      font-family: "Antonio";
      font-size: 1.7em; }
    section.top1 .read {
      display: block;
      align-items: center;
      justify-content: center;
      padding: 10px 10px 20px 10px; }
      section.top1 .read .txtbox {
        font-family: "Antonio";
        font-size: 1.7em;
        line-height: 3rem; }
        section.top1 .read .txtbox .read2 {
          margin-left: 1em; }
        section.top1 .read .txtbox .read3 {
          margin-left: 3em; }
        section.top1 .read .txtbox .txt {
          font-size: 16px;
          padding: 20px 10px; }
      section.top1 .read .img {
        max-width: 90%; }
        section.top1 .read .img img {
          width: 100%;
          border-radius: 30px; }

  /*top1*/
  section.top2 {
    padding: 30px 0;
    background: #ffffee; }
    section.top2 .sline {
      padding: 10px;
      display: block;
      align-items: top;
      justify-content: top; }
      section.top2 .sline .box {
        width: 100%;
        padding: 8px 7%; }
        section.top2 .sline .box img {
          max-width: 60%; }
        section.top2 .sline .box .act_title {
          text-align: center;
          padding: 10px 0;
          font-size: 25px; }
        section.top2 .sline .box .act_txt {
          color: #313030; }

  /*top2*/
  section.top3 {
    padding: 40px 0;
    background: #f7ff68;
    text-align: center; }
    section.top3 a {
      display: inline-block;
      border: 1px solid #000;
      border-radius: 20px;
      padding: 10px 8%;
      color: #000;
      font-size: 30px; } }