@charset "UTF-8";

body {
    /*background-image: url(../images/partner/bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;*/
    background-color: #eee;
}

.PartnerArea {
    padding-top: 10%;
    padding-bottom: 0;
}

.content {
    background-color: rgba(226, 224, 221, 0.82);
    padding: 5%;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}

.titleBox {
    text-align: center;
    color: #534741;
    padding-bottom: 3rem;
}

.titleBox .title span {
    display: block;
    font-size: 1rem;
    color: #a48f69;
    font-weight: 300;
}

.ParList {
    padding-top: 5%;
    justify-content: center;
}

.PartnerArea .ParList .Item a{
    display: block;
    padding:0;
    border: 10px solid #e4e4e4;
    background-color: #fff;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
    transition: 0.5s all;
    text-align: center;
    margin-bottom: 3rem;
}
.PartnerArea .ParList .Item a:hover{
    border: 10px solid #e4e4e4;
    border-image: 0 0 1 #714a29;
    border-image: 10 10 10 linear-gradient(to top, #c3a08d 40%, #f3cc7f 100%);
    transform: translateY(-20px);
}

.ParList .Item .Txt .PartnerName {
    color: #534741;
    font-size: 1.3rem;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.ParList .Item:hover {
    transform: translateY(-2rem);
    transition: 0.3s;
}

.ParList .Item .Img img {
    width: 100%;
}

.Img .innerImg {
    width: 100%;
    padding-top: 100%;

}

.Img .innerImg .image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/case/img01.jpg);
    background-position: center;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-color: #666666;
}


@media(max-width: 768px) {
    .content {
        padding: 15% 5%;
    }
    .PartnerArea{
    	padding: 0;
    }
}

@media(max-width: 480px) {
    section {
        padding: 0;
    }

}