.kata-banner{
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.kata-bg-p{
    padding: 100px 0 0 0;
    text-align: center;
}
.keta-title-ch{
    font-size: 36px;
    color: #000;
    padding: 0 0 20px 0;
    text-align: center;
}
.keta-title-en{
    font-size: 20px;
    color: #999;
    text-align: center;
}
.keta-bgimg{
    display: inline-block;
    margin: 30px 0 0 0;
}
.keta-ld-p{
    padding: 100px 0 0 0;
}
.keta-ld-sp{
    height: 56px;
}
.keta-ld-img{
    display: inline-block;
    vertical-align: middle;
}
.keta-ld-list{
    display: inline-block;
    vertical-align: middle;
    width: 610px;
    padding: 0 0 0 45px;
}
.keta-ld-item{
    text-align: center;
    display: inline-block;
    padding: 50px 0;
    width: 200px;
}
.keta-ld-icon{

}
.keta-ld-name{
    color: #4D4D4D;
    font-size: 18px;
    padding: 20px 0 0 0;
}
.keta-func-p{
    padding: 200px 0 0 0;
}
.keta-func-tr{
    height: 300px;
    position: relative;
    padding: 50px 0;
}
.keta-left-info{
    position: absolute;
    top: 50%;
    left: 86px;
    transform: translateY(-50%);
}
.keta-fu-name{
    font-size: 26px;
    margin: 30px 0 0 0;
}
.keta-fu-desc{
    font-size: 20px;
    color: #4D4D4D;
    width: 340px;
    margin: 30px 0 30px 0;
}
.keta-right-img{
    position: absolute;
    top: 50%;
    left: 700px;
    transform: translateY(-50%);
}
.keta-left-img{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.keta-right-info{
    position: absolute;
    top: 50%;
    left: 700px;
    transform: translateY(-50%);
}
.keta-func-sp{
   padding: 50px 0;
}