.service-page .banner-image-blk img{
height: 508px;
object-fit: cover;
border-radius: 10px;
}
.service-page .banner-content{
width: 100%;
}
.service-txt-list{
display: flex;
align-items: center;
justify-content: space-between;
font-size: 18px;
font-weight: 600;
padding: 64px 0;
line-height: 1.3;
}
.service-txt-list .textwidget h3 {
font-size: 24px;
}
.service-txt-list .textwidget ul, .service-txt-list .textwidget li {
list-style-type: disc;
margin: 20px 30px;
}
.service-txt-list .service-txt-blk{
width: 45%;
font-weight: 400;
}
.service-txt-list .img-blk {
display: flex;
justify-content: space-between;
align-items: center;
width: 45%;
}
.service-txt-list .img-blk img{
object-fit: cover;
}
.service-txt-list .img-blk .img01 {
width: 54%;
position: relative;
}
.service-txt-list .img-blk .img-list {
width: 42%;
}
.service-txt-list .img-blk .img-list .img02 {
margin-bottom: 20px;
}
.service-txt-list .board-list .board-detail-list {
position: absolute;
border: 8px solid var(--txt-color);
border-radius: 8px;
background-color: var(--txt-color);
}
.service-txt-list .board-list .board-list1 {
left: -44px;
top: -44px;
width: 193px;
}
.service-txt-list .board-list .board-list2 {
left: 55%;
transform: translateX(-50%);
bottom: -39px;
   width: 217px;
}
.service-txt-list .board-list .board-detail-list .number {
font-size: 40px;
font-weight: 800;
letter-spacing: -0.5px;
}
.service-txt-list .board-list .board-detail-list span {
display: block;
text-align: center;
}
.service-txt-list .board-list .board-detail-list .info-ttl {
font-size: 18px;
font-weight: 600;
letter-spacing: -0.5px;
padding-top: 10px;
}
.service-txt-list .board-list .board-detail-list {
padding: 6px 0 7px;
}
.service-slider{
margin-top: 111px;
}
.service-slider .sub-content .common-ttl{
width: 50%;
}
.service-slider .sub-content .common-ttl span{
display: block;
width: 100%;
padding: 10px 0px;
}
.service-slider .carousel{
margin-top: 30px;
}
.service-slider .carousel-content{ 
background-color: var(--bg-weak-100);
padding: 60px;
border-radius: 8px;
width: 95%;
}
.service-slider .carousel-content  .info-blk{
display: flex;
justify-content: space-between;
}
.service-slider .carousel-content .person-info{
display: flex;
align-items: center;
}
.service-slider .carousel-content .info-ttl{
font-size: 16px;
padding: 0 10px;
font-weight: 600;
}
.service-slider .carousel-content .info-sub-ttl{
font-size: 12px;
display: block;
padding-top: 6px;
}
.service-slider .carousel-content .img-blk img{
width: 48px;
height: 48px;
object-fit: cover;
border-radius: 8px;
}
.service-slider .carousel-content .quote{
padding-top: 12px;
}
.service-slider .carousel-content .quote img{
width: 24px;
height: 24px;
object-fit: cover;
}
.service-slider .carousel-content .txt-blk{
font-size: 18px;
font-weight: 400;
padding-top: 33px;
line-height: 1.3;
}
.service-slider .slick-prev, .service-slider .slick-next {
position: absolute;
top: -35%;
border: none;
border-radius: 5px;
font-size: 0;
width: 25px;
height: 25px;
padding: 29px;
cursor: pointer;
background-color: var(--primary-color);
}
.service-slider .slick-prev:hover, .service-slider .slick-next:hover {
background-color: var(--teal-dark);
}
.service-slider .slick-prev {
left: 88.5%;
}
.service-slider .slick-prev::before, .service-slider .slick-next::after {
position: absolute;
content: "";
width: 10px;
height: 15px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.service-slider .slick-prev::before {
background: url(//www.maharpolaris.com/wp-content/themes/maharpolaris/assets/img/ico_arrow_left.svg) no-repeat center / cover;
}
.service-slider .slick-next::after {
background: url(//www.maharpolaris.com/wp-content/themes/maharpolaris/assets/img/ico_arrow_right.svg) no-repeat center/cover;
}
.service-slider .slick-next {
right: 0;
}
.service-slider .slick-dots {
display: flex;
justify-content: center;
align-items: center;
padding: 80px 0;
}
.service-slider .slick-dots li {
margin-right: 5px;
}
.service-slider .slick-dots li button {
font-size: 0;
width: 12px;
height: 12px;
border: none;
background: hsl(0, 0%, 85%);
border-radius: 50%;
cursor: pointer;
}
.service-slider .slick-dots li.slick-active button {
font-size: 0;
width: 20px;
height: 10px;
border-radius: 5px;
background: var(--txt-color2);
}
.service-page .services {
background-color: var(--bg-weak-100);
}
.service-page .services-list li {
width: 31.5%;
margin-right: 29px;
}
.service-page .services-list li:last-child {
margin-right: 0;
} @media only screen and (min-width:768px) and (max-width:1280px) {
.service-page .banner-image-blk img{
height: 39.688vw;
border-radius: 0.781vw;
}
.service-txt-list{
font-size: 1.406vw;
padding: 5vw 0;
}
.service-txt-list .service-txt-blk{
margin-right: 7.813vw;
}
.service-slider{
margin-top: 8.672vw;
}
.service-slider .sub-content .common-ttl span{
padding: 0.781vw 0vw;
}
.service-slider .carousel{
margin-top: 2.344vw;
}
.service-slider .carousel-content{ 
padding: 4.688vw;
border-radius: 0.625vw;
}
.service-slider .carousel-content .info-ttl{
font-size: 1.25vw;
padding: 0 0.781vw;
}
.service-slider .carousel-content .info-sub-ttl{
font-size: 0.938vw;
padding-top: 0.469vw;
}
.service-slider .carousel-content .img-blk img{
width: 3.75vw;
height: 3.75vw;
border-radius: 0.625vw;
}
.service-slider .carousel-content .quote{
padding-top: 0.938vw;
}
.service-slider .carousel-content .quote img{
width: 1.875vw;
height: 1.875vw;
}
.service-slider .carousel-content .txt-blk{
font-size: 1.406vw;
padding-top: 2.578vw;
}
.service-slider .slick-prev, .service-slider .slick-next {
border-radius: 0.391vw;
width: 1.953vw;
height: 1.953vw;
padding: 2.266vw;
}
.service-slider .slick-prev::before, .service-slider .slick-next::after {
width: 0.781vw;
height: 1.172vw;
}
.service-slider .slick-dots {
padding: 6.25vw 0;
}
.service-slider .slick-dots li {
margin-right: 0.391vw;
}
.service-page .services-list li {
margin-right: 1.719vw;
}
} @media all and (max-width:767.9px) {
.service-page .banner-image-blk img{
height: 89.333vw;
border-radius: unset;
}
.service-page .banner-content{
width: 100%;
}
.service-txt-list{
flex-wrap: wrap;
font-size: 3.733vw;
padding: 10.667vw 0;
}
.service-txt-list .service-txt-blk{
width: 100%;
margin-right: 0vw;
margin-bottom: 5.333vw;
}
.service-txt-list .img-blk {
width: 100%;
}
.service-txt-list .service-txt-blk:last-of-type{
width: 100%;
}
.service-slider{
margin-top: 0;
}
.service-slider .sub-content .common-ttl{
width: 75%;
}
.service-slider .sub-content .common-ttl span{
padding: 2.667vw 0vw;
}
.service-slider .carousel{
margin-top: 8vw;
}
.service-slider .carousel-content{ 
padding: 5.333vw;
border-radius: 2.133vw;
width: 100%;
}
.service-slider .carousel-content .info-ttl{
font-size: 4.267vw;
padding: 0 2.667vw;
}
.service-slider .carousel-content .info-sub-ttl{
font-size: 3.2vw;
padding-top: 1.6vw;
}
.service-slider .carousel-content .img-blk img{
width: 12.8vw;
height: 12.8vw;
border-radius: 2.133vw;
}
.service-slider .carousel-content .quote{
padding-top: 3.2vw;
}
.service-slider .carousel-content .quote img{
width: 6.4vw;
height: 6.4vw;
}
.service-slider .carousel-content .txt-blk{
font-size: 3.733vw;
padding-top: 8.8vw;
}
.service-slider .slick-prev, .service-slider .slick-next {
top: -43%;
border-radius: 1.333vw;
width: 6.667vw;
height: 6.667vw;
padding: 4.533vw;
}
.service-slider .slick-prev {
left: 77.5%;
}
.service-slider .slick-prev::before, .service-slider .slick-next::after {
width: 2.667vw;
height: 4vw;
}
.service-slider .slick-dots {
padding: 10.667vw 0;
}
.service-slider .slick-dots li {
margin-right: 1.333vw;
}
.service-slider .slick-dots li button {
width: 3.2vw;
height: 3.2vw;
}
.service-slider .slick-dots li.slick-active button {
width: 5.333vw;
height: 2.667vw;
border-radius: 1.333vw;
}
.service-page .services-list li {
width: 100%;
margin-right: 0;
}
}