body{
 	background-color:#EEE;
 	color:#5a5a5a;
 	font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "Segoe UI",
    Arial,
    "Hiragino Sans",
    "Hiragino Kaku Gothic ProN",
    "Noto Sans JP",
    Meiryo,
    sans-serif;
 	}
 .page-header{
 	max-width: 1100px;
 	margin: 32px auto 24px;
 	padding: 0 16px;
 	}

 .page-title{
 	margin: 0 0 8px;
 	font-size: 26px;
 	line-height: 1.3;
 	font-weight: 800;
}

 .page-description{
 	margin: 0 0 12px 0;
 	font-size: 14px;
 	line-height: 1.7;
}

 	.blocks{
      max-width: 1100px;
      margin: 24px auto;
      padding: 0 16px;
      display: grid;
      gap: 20px;
    }

    .block{
      border: 1px solid rgba(0,0,0,.12);
      border-radius: 12px;
      padding: 14px;
      background: #fff;
    }

    .block__title{
      margin: 0 0 12px;
      font-size: 18px;
      line-height: 1.3;
      font-weight: 700;
    }
    h3 {
      margin:16px 0 12px 0 !important;
      font-size: 18px;
      line-height: 1.3;
      font-weight: 700;
    }

    .block__grid{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      align-items: start;
    }
    .one__grid{
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      align-items: start;
    }

    .item{
      display: grid;
      gap: 10px;
    }

    .item__img{
      width: 100%;
      height: auto;
      display: block;
      border-radius: 10px;
      border: 1px solid rgba(0,0,0,.10);
    }


.pseudo-frame{
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 10px;
  background: #fafafa;
  padding: 12px;
  max-height: 220px;
  overflow-y: auto;
  font-size: 14px;
  line-height: 1.6;
}

.pseudo-frame p{
  margin: 0;
  padding: 10px 0;
}

.pseudo-frame p + p{
  border-top: 1px solid rgba(0,0,0,.15);
}


    @media (max-width: 720px){
      .block__grid{
        grid-template-columns: 1fr;
      }
    }