body {
        font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
        font-size: 14px;
        line-height: 1.8;
        background-color: #ffffff;
        color: #333333;
        padding: 10px;
        max-width: 900px;
        margin: auto;
}
.point {
  position: relative;
  margin-bottom: 30px;
  padding: 5px;
  border: 2px solid #000000;
  border-radius: 8px;
  background-color: #F0F8FF;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
}

.point::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 75%;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #000000 transparent transparent;
  translate: -50% 100%;
  transform: skew(60deg);
  transform-origin: top;
}

.point::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 75%;
  border-style: solid;
  border-width: 15.2px 15.2px 0 0;
  border-color: #F0F8FF transparent transparent;
  translate: calc(-50% - 0.4px) 100%;
  transform: skew(60deg);
  transform-origin: top;
}

h1 { font-size:22px; border-bottom:3px solid #87CEEB; padding-bottom:5px; margin-bottom:20px; }
h2 { font-size:18px; margin-top:10px; color:#0064c8; }
.section { margin-bottom:50px; }
.qa { background:#F0F8FF; padding:2px; border-radius:8px; margin:30px 0px 10px; }
ul { margin:10px 0 10px 0; }
li { margin-bottom:8px; }
.year-section { margin-top:15px; padding:10px; border:1px solid #E0E0E0; border-radius:6px; background:#FAFAFA; }
.year-section strong { color:#333; }
.question { margin-bottom:15px; }
table { width: 100%; border-collapse: collapse; margin: 20px 0; background-color: #fff; }
table, th, td { border: 1px solid #ccc; }
th { background-color: #f4f4f4; padding: 10px; text-align: center; }
td { padding: 10px; text-align: left; }
img { max-width: 100%; height: auto; }