@font-face {
  font-family: "Zen Kaku Gothic New";
  font-style: normal;
  font-weight: 700;
  src: url("webfonts/ZenKakuGothicNew-Bold.woff2") format("woff2"), url("webfonts/ZenKakuGothicNew-Bold.woff") format("woff");
  font-display: swap; }
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: url("webfonts/NotoSansJP-Medium.woff2") format("woff2"), url("webfonts/NotoSansJP-Medium.woff") format("woff");
  font-display: swap; }
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 600;
  src: url("webfonts/Jost-SemiBold.woff2") format("woff2"), url("webfonts/Jost-SemiBold.woff") format("woff");
  font-display: swap; }
@font-face {
  font-family: "Antonio";
  font-style: normal;
  font-weight: 400;
  src: url("webfonts/Antonio-Regular.woff2") format("woff2"), url("webfonts/Antonio-Regular.woff") format("woff");
  font-display: swap; }
@font-face {
  font-family: "Reenie Beanie";
  font-style: normal;
  font-weight: 400;
  src: url("webfonts/ReenieBeanie-Regular.woff2") format("woff2"), url("webfonts/ReenieBeanie-Regular.woff") format("woff");
  font-display: swap; }
br.mbbr {
  display: none; }

.toppagetitle {
  padding: 8px;
  font-family: "Jost";
  font-size: 38px; }
  .toppagetitle p {
    font-size: 14px; }

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

/*top1*/
section.top2 {
  padding: 30px 0;
  background: #ffffee; }
  section.top2 .sline {
    padding: 10px;
    display: flex;
    align-items: top;
    justify-content: top; }
    section.top2 .sline .box {
      width: 30%;
      padding: 8px 7%; }
      section.top2 .sline .box img {
        max-width: 100%; }
      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; }