/*.title00{
    width: 8.6rem;
    margin: 0 auto;
}*/
.title00 h3{
    font-size: 2.6rem;
    color: #000;
    text-align: center;
}
.title00 h3 span{
    font-size: 1.8rem;
    display: block;
    margin-top: 1rem;
}

.content{
    margin: 7rem 1rem 0rem 1rem;

}
.tap{
    margin-top: 4rem;
}
.tap ul li{
    float: left;
    margin-right: 1.2rem;
}
.tap .tap01{
    width: 10.6rem;
    height: 2.2rem;
    background: url(../images/artworks_tap01_normal.svg) no-repeat;
    background-size: 100%;
}
.tap .tap02{
    width: 9.4rem;
    height: 2.2rem;
    background: url(../images/artworks_tap02_normal.svg) no-repeat;
    background-size: 100%;
}
.tap .tap03{
    width: 16.8rem;
    height: 2.2rem;
    background: url(../images/artworks_tap03_normal.svg) no-repeat;
    background-size: 100%;
    margin-right: 0rem;
}
@media (max-width: 375px){
    .tap .tap01{
        width: 9.2rem;
        height: 2.2rem;
        background: url(../images/artworks_tap01_normal.svg) no-repeat;
        background-size: 100%;
    }
    .tap .tap02{
        width: 8.2rem;
        height: 2.2rem;
        background: url(../images/artworks_tap02_normal.svg) no-repeat;
        background-size: 100%;
    }
    .tap .tap03{
        width: 15.2rem;
        height: 2.2rem;
        background: url(../images/artworks_tap03_normal.svg) no-repeat;
        background-size: 100%;
        margin-right: 0rem;
    }
}
.artworks01_title{
    padding-bottom: 2rem;
    border-bottom: 1px solid #f9f9f9;
    margin-top: 2rem;
}
.artworks01_title h2{
    font-size: 2.3rem;
}
.artworks01_title img{
    width: 14rem;
    margin-top: 3rem; 
}
.artworks02_title{
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #f9f9f9;
}
.artworks02_title img{
    width: 12rem;
    margin-top: 3rem; 
}
.artworks03_title{
    padding-bottom: 2rem;
    border-bottom: 1px solid #f9f9f9;
}
.artworks03_title img{
    width: 23rem;
    margin-top: 3rem; 
}

.artworks ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.artworks ul li{
    margin-bottom: 3rem;
    width: 48.5%;
}
.artworks ul li img{
    width: 100%;
    opacity: 0.8;
}
/*.artworks ul li img:hover{
    width: 281px;
    opacity: 0.8;
}*/
.artworks ul li h3{
    font-size: 1.6rem;
    color: #1c1c1c;
    margin-top: 1rem;
    line-height: 2.4rem;
}
.artworks ul li h3 span{
    font-size: 1.3rem;
    display: block;
    margin-top: 0.2rem;
    line-height: 2rem;
    color: #666;
}
.artworks ul li p{
    font-size: 1.3rem;
    color: #666;
    margin-top: 1rem;
}
.artworkstable h3{
    font-size: 1.9rem;
    margin: 3rem 0 2rem 0;
    font-weight: 400;
    color: #333;
}
.artworkstable02 h3{
    font-size: 1.8rem;
    margin: 1rem 0 2rem 0;
    font-weight: 400;
    color: #333;
}