#mainvisual{  
    text-align: center;
    color:#fff; 
    font-weight: bold;
    text-shadow: 0px 3px 6px black;
}

.WHO{
    font-size: 280px;
    font-family: 'Noto Sans JP', sans-serif;
}

.BANKSY{
    font-size: 230px;
    font-family: 'Noto Sans JP', sans-serif;
}

.whoisbanksy{
    font-size: 70px;
    font-family: 'Noto Sans JP', sans-serif;
}

.arrow{
    position: relative;
    display: inline-block;
    padding-top: 16px;
    color: #fff;
    margin:16px 48%;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}

.arrow::before,.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
    vertical-align: middle;
}

.yajirushi::before{
    left: 3px;
    width: 45px;
    height: 45px;
    border-bottom: 10px solid #fff;
    border-right: 10px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.yajirushi2::before{
    left: 3px;
    width: 45px;
    height: 45px;
    border-bottom: 10px solid #fff;
    border-right: 10px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#greeting{
    text-align: justify;
    color:#fff;
    padding-top:110px;
    padding-left:110px;
    padding-right:110px;
    font-size:20px;
}

#container{    
    background:#d12c1e;
    width :1100px;
    margin :100px auto 0 auto;
}

.contents{

    font-size:40px;
    color:#ffffff;
    padding-top:110px;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
}

#contentslink {
    display: flex;
    justify-content:space-around;
    text-align: center;
    padding:110px;

}

#contentslink img:hover {
    transform: translateY(-20px);
}

li {
    list-style:none;
    font-size: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
}

.linktext{
    color: #fff;
    text-decoration:underline white;
}

#instalink{
    text-align: center;
    padding-bottom: 50px;
}

.insta {
    display: inline-block;
}

.abanksy {
    font-size: 20px;
    padding: 25px 60px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #fff;
    text-decoration:underline white;
    display: inline-block;
    vertical-align: top;
}



@media screen and (max-width: 768px) {
    /*max-widthの数値以内の幅のときの指示(要はスマホ用)*/


    #mainvisual{  
        width: 100%;
        padding-top: 20px;
    }

    .WHO{
        font-size: 80px;
    }
    
    .BANKSY{
        font-size: 68px;
    }
    
    .whoisbanksy{
        font-size: 20px;
    }


    .arrow{
        display: none;
    }

    #greeting{
        color:#fff;
        padding-top:20px;
        padding-left:20px;
        padding-right: 20px;
        font-size:16px;
    
    }

    #container{
        background:#d12c1e;
        width :100%;
        margin :50px auto 0 auto;
    }

    #contentslink {
        padding: 0;
        
    }

    #contentslink li p{
        text-align: center;
    }

    #contentslink li img{
        margin: auto;
    }

    #contentslink .slick-prev,
    #contentslink .slick-next{
        position: absolute;
        width: 25px;
        height: 25px;
        background:none;
        border: 0;
        font-size: 0;
        border-bottom: 5px solid #fff;
        border-right: 5px solid #fff;
        box-sizing: border-box;
    }

    #contentslink .slick-prev { 
        left: 20px;
        top: 34%;
        transform: rotate(135deg) translateY(-50%);
        transform-origin: 50% 50%;
        z-index: 1;
    }

    #contentslink  .slick-next{
        right: 15px;
        top: calc(34% + 5px);
        transform: rotate(-45deg) translateY(-50%);
        transform-origin: 100% 100%;
    }

  

    #instalink{
        padding-top: 100px;
    }

    .abanksy {
        padding: 30px;
        text-align: center;
    }

    }