.article{
    margin: 0;
    padding-bottom: 10rem;
    background-color: transparent;

}
.article .band{
    background-color: #010a48;
    width: 100%;
    height: 9vw;
    margin-top: 200px;
    position:relative;
    text-align:center;

}

.article .band .title {
    font-weight: bold;
    font-size: 30px;
    color: rgb(255, 255, 255);
    position:absolute;
    top:50%;
    left:35%;
    transform:translate(-50%,-50%);
    width:100%;
}

@media screen and (max-width: 737px) {
    .article .band{
        background-color: #010a48;
        width: 100%;
        height: 20vw;
        margin-top: 150px;
        position:relative;
        text-align:center;

    }
    .article .band .title {
        font-weight: bold;
        font-size: 20px;
        color: rgb(255, 255, 255);
        position:absolute;
        top:50%;
        left:40%;
        transform:translate(-50%,-50%);
        width:100%;
    }
  }






.article .article_contents .thumbnail{
    width: 60%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.article .article_contents .text_box{
    margin-top: 3%;
    margin-bottom: 3%;

    padding-right: 25%;
    padding-left: 25%;
    line-height: 1.6;
}

.article .article_contents .text_box img{
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.article .article_contents .text_box p{
    font-size: 15px;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
    font-weight: normal;
    line-height: 2;
    letter-spacing: 0.1em;
}
@media screen and (max-width: 737px) {
    .article .article_contents .thumbnail{
        width: 90%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    
    }
    .article .article_contents .text_box{
        margin-top: 5%;
        margin-bottom: 5%;
        font-size: 16px;
        padding-right: 8%;
        padding-left: 8%;
        line-height: 1.6;
    }    
    .article .article_contents .text_box p{
        font-size: 14px;
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
        font-weight: normal;
        line-height: 2;
        letter-spacing: 0.1em;
    }
    
    .article .article_contents .text_box img{
        width: 60%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}