@charset "UTF-8";
.single-item {
position: relative;
}
.single-item .slide-arrow {
position: absolute;
top: 50%;
width: 78px;
height: 78px;
margin-top: -21px;
z-index: 10;
cursor: pointer;
}
.single-item .prev-arrow {
left: 10px;
}
.single-item .next-arrow {
right: 10px;
}
.single-item2 {
position: relative;
width: 600px;
margin: 0 auto 40px auto;
}
.single-item2 p.photo {
width: 600px;
margin: 0 0 5px 0;
padding: 0;
}
.single-item2 p.name {
text-align: center;
font-size: 30px;
margin: 0;
padding: 0;
}
.single-item2 .slide-arrow {
position: absolute;
top: 45%;
width: 90px;
height: 90px;
margin-top: -45px;
z-index: 10;
cursor: pointer;
}
.single-item2 .prev-arrow {
left: -100px;
}
.single-item2 .next-arrow {
right: -100px;
}

.single-item4 {
position: relative;
width: 640px;
height: auto;
margin: 0 auto 0 auto;
}

.single-item4 p.photo {
width: 640px;
height: auto;
margin: 0;
padding: 0;
}

.single-item4 .slide-arrow {
position: absolute;
top: 45%;
width: 90px;
height: 90px;
margin-top: -45px;
z-index: 10;
cursor: pointer;
}
.single-item4 .prev-arrow {
left: 10px;
}
.single-item4 .next-arrow {
right: 10px;
}




.single-item3 {
position: relative;
}
.single-item3 .slide-arrow {
position: absolute;
top: 50%;
width: 27px;
height: 38px;
margin-top: -21px;
z-index: 10;
cursor: pointer;
}
.single-item3 .prev-arrow {
left: -32px;
}
.single-item3 .next-arrow {
right: -32px;
}

.multiple-items1 {
position: relative;
}
.multiple-items1 .slide-arrow {
position: absolute;
top: 50%;
width: 28px;
height: 40px;
margin-top: -21px;
z-index: 10;
cursor: pointer;
}
.multiple-items1 .prev-arrow {
left: -14px;
}
.multiple-items1 .next-arrow {
right: -14px;
}

.multiple-items2 {
position: relative;
}
.multiple-items2 .slide-arrow {
position: absolute;
top: 35%;
width: 28px;
height: 40px;
margin-top: -21px;
z-index: 10;
cursor: pointer;
}
.multiple-items2 .prev-arrow {
left: -20px;
}
.multiple-items2 .next-arrow {
right: -20px;
}

.multiple-items3 {
position: relative;
}
.multiple-items3 .slide-arrow {
position: absolute;
top: 46%;
width: 50px;
height: 62px;
margin-top: -21px;
z-index: 10;
cursor: pointer;
}
.multiple-items3 .prev-arrow {
left: 220px;
}
.multiple-items3 .next-arrow {
right: 220px;
}