@media screen and (max-width: 970px){
    .pcm{display: none;}
    main{
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }
    main h1{
        border-bottom: 1px solid rgb(200, 200, 200);
    }
    img{
        width: 100%;
    }
    
    .kakoi{
        border: 3px solid rgb(200, 200, 200);
        border-radius: 10px;
        margin: 5px;
        padding-bottom: 5px;
    }
    .kakoi h2 {
        border-bottom: 2px solid rgb(88, 88, 88);
        margin: 2% 5%;
    }
    .kakoi h3{
        margin: 5px 5%;
    }
     .kakoi p{
        margin: 0 5%;
    }
    table{
        margin: 0 5%;
        width: 100%;
    }
    .dame{
        font-size: 4.5vw;
        font-family: "M PLUS 1p", sans-serif;
    }
}

@media screen and (min-width: 971px){
    .spm{display: none;}
    main{
        width: 950px;
        margin-right: auto;
        margin-left: auto;  
    }
        main h1{
        border-bottom: 1px solid rgb(200, 200, 200);
    }
    img{
        width: 100%;
    }
    .kakoi{
        border: 3px solid rgb(200, 200, 200);
        border-radius: 10px;
        margin: 5px;
        padding-bottom: 5px;
    }
    .kakoi h2 {
        border-bottom: 2px solid rgb(88, 88, 88);
        margin: 2% 5%;
    }
    .kakoi h3{
        margin: 5px 5%;
    }
    .kakoi p, .kakoi h4, .kakoi h5{
        margin: 0 5%;
    }
    table{
        margin: 0 5%;
        width: 50%;
        text-align: left;
    }
    img{
        width: 45%;
    }
    .img{
          text-align: center;   
    }
    .tai{
        width: 40%;
    }
    .tizu{
        width: 30%;
    }
    .dame{
        font-size: 60px;
        font-family: "M PLUS 1p", sans-serif;
    }
}



p,h1,h2,h3,h4,h5{
    font-family: "M PLUS 1p", serif;
}