﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage13-part3 .tabbox-circle{width:30px;height:30px;background:var(--wmpage-color7,#555555);border-radius:50%;display:flex;justify-content:center;align-items:center;transform:translateX(50%)}
.wmpage13-part3 .tabbox-circle::before{content:'';display:block;width:10px;height:10px;background:var(--wmpage-color21,#252525);border-radius:50%;z-index:22}
.wmpage13-part3 .wmpage-title{text-align:left;margin-bottom:30px;font-size:var(--wmpage-font36);color:var(--color);font-weight:var(--fontbold7);font-style:normal;padding:0;line-height:1.2}
.wmpage13-part3 .part3-top p{font-weight:var(--fontbold4);font-style:normal;line-height:1.5;font-size:var(--wmpage-font16);color:var(--wmpage-color7,#555555)}
.wmpage13-part3 .tabbox-left{flex:1;display:flex;flex-direction:column;justify-content:space-around;position:relative}
.wmpage13-part3 .tabbox-left::after{position:absolute;content:'';width:1px;height:100%;background:#5f6977;left:28px;z-index:-1}
.wmpage13-part3 .tabbox-left li{display:flex;align-items:center;cursor:pointer;padding:30px 0}
.wmpage13-part3 .tabbox-left hr{width:40px;height:1px;border:none;background-color:var(--wmpage-color7,#555555);margin:0 5px}
.wmpage13-part3 .tabbox-circle::before{background:#e7e4e1}
.wmpage13-part3 .part3-top{margin-bottom:35px}
.wmpage13-part3 .part3-tabbox{display:flex;justify-content:space-between;align-items:center}
.wmpage13-part3 .tabbox-right{width:80%}
.wmpage13-part3 .part3-tabbox .part3-title{font-size:var(--wmpage-font28);color:var(--wmpage-color21,#252525);margin-bottom:15px;font-weight:var(--fontbold7);font-style:normal;padding:0;line-height:1.2}
.wmpage13-part3 .part3-tabbox .tabbox-right p{color:var(--wmpage-color8,#666)}
.wmpage13-part3 .part3-tabbox .contents{margin-bottom:30px}
.wmpage13-part3 .tabbox-left li.active{color:var(--color)}
.wmpage13-part3 .tabbox-left li.active .tabbox-circle{background-color:var(--color)}
.wmpage13-part3 .tabbox-left li.active hr{background-color:var(--color)}
.wmpage13-part3 .tabbox-right .item{display:none}
.wmpage13-part3 .tabbox-right .item.active{display:block}
.wmpage13-part3 .tabbox-right .item img{width:unset;}
@media(max-width:1024px){.wmpage13-part3 .wmpage-title{text-align:center;margin-bottom:20px}
.wmpage13-part3 .part3-top p{text-align:center}
.wmpage13-part3 .part3-top{margin-bottom:30px}
.wmpage13-part3 .part3-tabbox .part3-title{font-size:var(--wmpage-font20)}
.wmpage13-part3 .tabbox-left li{padding:20px 0}
}
@media(max-width:900px){.wmpage13-part3 .tabbox-circle{width:25px;height:25px}
.wmpage13-part3 .tabbox-circle::before{width:8px;height:8px}
.wmpage13-part3 .tabbox-left::after{left:25px}
.wmpage13-part3 .tabbox-right{width:75%}
.wmpage13-part3 .tabbox-left li{padding:15px 0}
}
@media(max-width:768px){.wmpage13-part3 .tabbox-right{width:70%}
.wmpage13-part3 .part3-tabbox .contents{margin-bottom:15px}
.wmpage13-part3 .part3-top p{font-size:var(--wmpage-font14)}
.wmpage13-part3 .tabbox-circle{width:20px;height:20px}
.wmpage13-part3 .tabbox-left::after{left:20px}
.wmpage13-part3 .tabbox-left li{padding:10px 0}
}
@media(max-width:600px){.wmpage13-part3 .part3-tabbox .tabbox-right p{font-size:var(--wmpage-font14)}
.wmpage13-part3 .tabbox-left li span{font-size:var(--wmpage-font14)}
.wmpage13-part3 .tabbox-circle{width:15px;height:15px}
.wmpage13-part3 .tabbox-circle::before{width:4px;height:4px}
.wmpage13-part3 .tabbox-left::after{left:15px}
}
@media(max-width:500px){.wmpage13-part3 .tabbox-left li span{font-size:var(--wmpage-font12)}
.wmpage13-part3 .tabbox-left hr{width:20px}
}