.title p {
    font-size: clamp(8px, 3vw, 30px);
}
body {
    font-family: メイリオ;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#dataList li a {
  color: #000000;
  text-decoration: none;
}
#dataList li a:hover {
  text-decoration: underline;
}
#dataList li span {
  margin-right: 0.5em;
  color: #000000;
}
.text  {
  font-size: clamp(6px, 1.5vw, 30px);
  line-height: 1.4;
  word-break: break-word;
}
.title a {
    font-size: clamp(9px, 1.5vw, 25px);
}

.date{
    font-size: clamp(7px, 1.5vw, 30px);
    line-height: 1.4;
    word-break: break-word;
}

@media only screen and (max-width:2560px) {
    /*footer start*/
    .title p {
        padding-top: 10px;
        padding-left: 15px;
    }
    .title a {
        text-decoration: none;
        color: black;
        padding-bottom: 10px;
        padding-left: 15px;
    }
    .contact {
        padding-right: 85px;
    }
}
@media only screen and (max-width:1920px) {
    /*footer start*/
    .title p {
        padding-top: 10px;
        padding-left: 5px;
    }
    .title a {
        text-decoration: none;
        color: black;
        padding-bottom: 10px;
        padding-left: 5px;
    }
    .contact {
        padding-right: 5px;
    }
}
@media only screen and (max-width:1536px) {
    /*footer start*/
    .title p {
        padding-top: 10px;
        padding-left: 5px;
    }
    .title a {
        text-decoration: none;
        color: black;
        padding-bottom: 10px;
        padding-left: 5px;
    }
    .contact {
        padding-right: 5px;
    }
}
@media only screen and (max-width:1440px) {
    /*footer start*/
    .title p {
        padding-top: 10px;
        padding-left: 5px;
    }
    .title a {
        text-decoration: none;
        color: black;
        padding-bottom: 10px;
        padding-left: 5px;
    }
    .contact {
        padding-right: 5px;
    }
}
@media only screen and (max-width:1366px) {
    /*footer start*/
    .title p {
        padding-top: 10px;
        padding-left: 5px;
    }
    .title a {
        text-decoration: none;
        color: black;
        padding-bottom: 10px;
        padding-left: 5px;
    }
    .contact {
        padding-right: 5px;
    }
}
@media only screen and (max-width:1280px) {
    /*footer start*/
    .title p {
        padding-top: 10px;
        padding-left: 5px;
    }
    .title a {
        text-decoration: none;
        color: black;
        padding-bottom: 10px;
        padding-left: 5px;
    }
    .contact {
        padding-right: 5px;
    }
}
@media only screen and (max-width:810px) {
    /*footer start*/
    .title p { 
        padding-top: 10px;
        padding-left: 5px;
    }
    .title a {
        text-decoration: none;
        color: black;
        padding-bottom: 10px;
        padding-left: 5px;
    }
    .contact {
        padding-right: 5px;
    }
}
@media only screen and (max-width:768px) {
    /*footer start*/
    .title p {
        padding-top: 10px;
        margin-left: 5px;
    }
    .title a {
        text-decoration: none;
        color: black;
        padding-bottom: 10px;
        margin-left: 5px;
    }
    .contact {
        margin-right: 5px;
    }
}
@media only screen and (max-width:432px) {
    /*footer start*/
    .footer p {
        padding-top: 10px;
        margin-left: 5px;
    }
    .title a {
        text-decoration: none;
        color: black;
        padding-bottom: 10px;
        margin-left: 5px;
    }
    .contact {
        margin-right: 10px;
    }
}
@media only screen and (max-width:390px) {
    /*footer start*/
    .footer p {
        padding-top: 10px;
        margin-left: 5px;
    }
    .title a {
        text-decoration: none;
        color: black;
        padding-bottom: 10px;
        margin-left: 5px;
    }
    .contact {
        margin-right: 10px;
    }
}
@media only screen and (max-width:375px) {
        /*footer start*/
        .footer p {
            padding-top: 10px;
            margin-left: 5px;
        }
        .title a {
            text-decoration: none;
            color: black;
            padding-bottom: 10px;
            margin-left: 5px;
        }
        .contact {
            margin-right: 10px;
        }
}