@charset "utf-8";
/* CSS Document */
.section_management{background: url(../images/management/splash.png) no-repeat top center / 100% ;height: 0; padding-bottom: 46%;position: relative;}
.section_management .breadcrumbBlock{padding-top:2%; }
.section_management h1{font-size: clamp(1rem, 6vw, 4rem);line-height: 1.4;font-weight: 500;margin-bottom: calc(1vw + 8.93878px);}
.section_management .discript{font-size: clamp(1rem, 2vw, 1.5rem);font-weight: 400;margin-bottom: calc(2.5vw + 6.93878px);margin-right: 40%;}
.section_management .link_wrap{font-size: clamp(.9rem, 2vw, 1.25rem);}
.section_management .link_wrap a{background-color: var(--white_color);border: 0 none;}
.section_management .link_wrap a:hover{ background-color: var(--yellow_color);}
.functions_intro_wrap .mask{ -webkit-mask-image: url(../images/management/mask.png);mask-image: url(../images/management/mask.png);mask-mode: alpha;}
.functions_intro_wrap .mask img{height: 600px;}
.functions_intro_wrap .primary_wrap{ margin-right: 5%; background: url(../images/management/mask2.png)no-repeat center top /100%;}
.functions_intro_wrap .aside_warp{font-size: clamp(1rem, 3vw, 1.5rem);max-width: 40%;}
.section_brokerage{background: linear-gradient(140deg, rgba(253, 244, 224, 0) 0%, #FDF4E0 100%)}
.section_brokerage h2{ text-align: center;font-size: clamp(1.8rem, 7vw, 3rem);margin-bottom: calc(2.5vw + 6.93878px);}
.section_brokerage_wrap  ul li.brokerage_itme{margin-bottom: calc(2.5vw + 6.93878px);display: flex;}
.section_brokerage_wrap  ul li.brokerage_itme .primary_wrap{background-position: center center; background-repeat: no-repeat; background-size: contain;}
.section_brokerage_wrap  ul li.brokerage_itme .primary_wrap .mask{-webkit-mask-image: url(../images/management/mask_circle.png);mask-image: url(../images/management/mask_circle.png);mask-mode: alpha;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-size: contain;mask-size: contain;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-size: 100%;mask-size: 100%;position: relative;-webkit-mask-position: center;mask-position: center;}
.section_brokerage_wrap  ul li.brokerage_itme .primary_wrap .mask img{height: 630px;}
.section_brokerage_wrap  ul li.brokerage_itme:nth-child(1) .primary_wrap{background-image: url(../images/management/brokerage_1_bg.png);}
.section_brokerage_wrap  ul li.brokerage_itme:nth-child(2) .primary_wrap{background-image: url(../images/management/brokerage_2_bg.png);}
.section_brokerage_wrap  ul li.brokerage_itme:nth-child(3) .primary_wrap{background-image: url(../images/management/brokerage_3_bg.png);}
.section_brokerage_wrap  ul li.brokerage_itme:nth-child(4) .primary_wrap{background-image: url(../images/management/brokerage_4_bg.png);}
.section_brokerage_wrap  ul li.brokerage_itme:nth-child(even){flex-direction: row-reverse;}


.section_brokerage_wrap  ul li.brokerage_itme .primary_wrap{ width: 50%; flex: 0 0 50%; max-width: 588px;margin-right: 5%;position: relative;}
.section_brokerage_wrap  ul li.brokerage_itme .primary_wrap:after{content: "";width: 2px;height: 570px;position: absolute;background-color: var(--yellow_color);top: 25%;z-index: -1;transform: translate(-25%, -25%) rotateZ(-44deg);margin-left: -330px;margin-top: -220px;left: 50%;}
.section_brokerage_wrap  ul li.brokerage_itme:nth-child(odd) .primary_wrap:after{right: 50%;transform: translate(-25%, -25%) rotateZ(44deg);margin-left: 330px;}
.section_brokerage_wrap  ul li.brokerage_itme .aside_warp h3{font-size: clamp(1.2rem, 5vw, 2.5rem);font-weight: 500;line-height: 1.2;}
.section_brokerage_wrap  ul li.brokerage_itme .aside_warp {align-self: center;max-width: 620px;}
.section_brokerage_wrap  ul li.brokerage_itme:first-child .primary_wrap:after{display: none;}
.section_brokerage_wrap  ul li.brokerage_itme .smallword{ color: var(--yellow_color);font-size: clamp(1.2rem, 5vw, 1.5rem);margin-bottom: calc(0.5vw + 6.93878px);}
.section_brokerage_wrap  ul li.brokerage_itme:nth-child(even) .primary_wrap{margin-right: 0; margin-left: 5%;}
.section_keys h2{ text-align: center;}
.section_keys h2 .outerframe{font-family: jost;font-style: italic;font-size: 128px;  color: #fff;position: relative;z-index: 0;}
.section_keys h2 .outerframe::before,.section_keys h2 .outerframe::after{content: attr(data-text);position: absolute;left: 0;z-index: -1;-webkit-text-stroke: 8px var(--yellow_color);}
.section_keys .discript{text-align: center;font-size: clamp(1rem, 5vw, 1.25rem);margin-bottom: calc(4.5vw + 6.93878px);}
.section_keys .link_wrap{text-align: center;}
.section_keys .link_wrap a{ position: relative; color: #fff; min-width: 300px;margin: auto; display: block; background: var(--yellow_color); border: 0 none;font-size: 20px;box-shadow: 0 5px #EAA10A;}
.section_keys .link_wrap a span.material-symbols-outlined{vertical-align: middle;font-size: 30px;}
.section_keys_wrap ul li{display: inline-block;}

@media (max-width: 1200px) {
    .section_management .discript{margin-right: revert;}
    .section_management{padding-bottom: 60%; background-size: 120%;}
}
@media (max-width: 850px) {
    .section_brokerage_wrap ul li.brokerage_itme .primary_wrap:after{transform: translate(-25%, -25%) rotateZ(-34deg);margin-left: -150px;margin-top: -300px;}
    .section_brokerage_wrap ul li.brokerage_itme:nth-child(odd) .primary_wrap:after{transform: translate(-25%, -25%) rotateZ(34deg);margin-left: 200px;}
}
@media (max-width: 768px) {
    .section_management{padding-bottom: 120%;background-size: 120%;background-color: #f8b62d;background-position: 120% bottom;}
    .section_management .link_wrap a:hover{ border: 1px solid #fff;}
    .section_brokerage_wrap  ul li.brokerage_itme{flex-direction: column;align-items: center;margin-bottom: calc(9.5vw + 6.93878px);}
    .section_brokerage_wrap ul li.brokerage_itme:nth-child(even){flex-direction: column;}
    .section_brokerage_wrap ul li.brokerage_itme .primary_wrap:after{display: none;}
    .section_brokerage_wrap ul li.brokerage_itme:nth-child(even) .primary_wrap{margin: revert;margin-bottom: 5%}
    .section_brokerage_wrap ul li.brokerage_itme .primary_wrap{width: 80%;flex: 0 0 80%;margin-bottom: 5%;}
    .section_brokerage_wrap ul li.brokerage_itme .aside_warp h3{text-align: center;}
    .section_brokerage_wrap ul li.brokerage_itme .smallword{text-align: center;}
    .section_keys{margin-bottom: 20%;}
    .section_keys_wrap ul{position: relative;padding-top: 50%;}
    .section_keys_wrap ul li .destop{ display: none;}
    .section_keys_wrap ul li:first-child .destop { display: block;position: absolute;margin: auto;text-align: center;width: 100%;left: 0;right: 0;top: 0;}
    .section_keys_wrap h2{font-size:1.2rem;margin-bottom:  calc(4.5vw + 6.93878px);}
    .section_keys_wrap h2 .destop{font-size:3rem}
    .functions_intro_wrap {flex-direction: column;margin-right: revert;}
    .functions_intro_wrap .primary_wrap{margin-bottom: 5%;}
    .functions_intro_wrap .mask img{height: revert;}
    .functions_intro_wrap .aside_warp{max-width: revert;}
    .section_brokerage_wrap ul li.brokerage_itme .primary_wrap .mask img{height: 490px;}
    
    
}
@media (max-width: 500px) {
    .section_brokerage_wrap  ul li.brokerage_itme .primary_wrap .mask img{height: 380px;}
    
}