@charset "UTF-8";
/* CSS Document */
/*ブレイクポイント　1000px, 600px, 500px, 320px*/

@media(max-width:1024px) {

.about-back-color{ /*三角のところ*/

    /*ーーー三角形作図css　ここからーーー*/
    width: 0%;
    border-style: solid;
    border-width: 0vw 0vw 10vw 100.0vw;
    border-color: transparent transparent rgba(123,120,133,1.00) transparent; /*三角形の色*/
    /*ーーーー三角形作図css　ここまでーーー*/

    position: relative;
    margin: 45vw 0vw 0vw 0vw;
    z-index: 20;
    
    /*background-color: rgba(83,51,255,1.00);    メンテ用*/
}
    

.about-contents p{
    width: 80%;
    font-size: 0.8rem;
}
    

.news-contents p{ /*タイトル*/
    font-size: 0.7rem;
}


footer{
    width: 100%;
    margin-top: 0vw; /*後で調整*/
    position: relative;
    padding: 0vw 0vw 15vw 0vw;
    z-index: 30;
    background-color: rgba(84,82,90,1.00);
    text-align: center;
}


.copyright p{
    width: 60%;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーータブレット横・大型タブレット縦　1024以下ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
}