@charset "utf-8";

/* =========================== PAGE */
#organization1002{position:relative;font-size:14px;line-height:1.5;color:#777}
#organization1002 .pl{white-space:pre-line}
#organization1002 *{word-break:keep-all}
#organization1002 .inner{position:relative;max-width:var(--mainsize);margin:0 auto}

#organization1002 .list_cont{display:grid;grid-template-columns:repeat(2, 1fr);gap:180px}
#organization1002 .list_cont .number{display:flex;justify-content:center;align-items:center;width:55px;height:55px;font-size:15px;font-weight:900;border-radius:50%;color:#fff}
#organization1002 .list_cont li{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
#organization1002 .list_cont li:nth-child(1) .number{background-color:var(--color01)}
#organization1002 .list_cont li:nth-child(2) .number{background-color:var(--color02)}
#organization1002 .list_cont li:nth-child(3) .number{background-color:var(--color03)}
#organization1002 .list_cont li:nth-child(4) .number{background-color:var(--color04)}
#organization1002 .list_cont h2{margin-top:30px;font-size:24px;font-weight:800;color:#000}
#organization1002 .list_cont p{margin-top:20px;font-size:16px;font-weight:600}
#organization1002 .list_cont .cate{margin-top:30px;font-size:16px;font-weight:600}
#organization1002 .list_cont li:nth-child(1) .cate{color:var(--color01)}
#organization1002 .list_cont li:nth-child(2) .cate{color:var(--color02)}
#organization1002 .list_cont li:nth-child(3) .cate{color:var(--color03)}
#organization1002 .list_cont li:nth-child(4) .cate{color:var(--color04)}

#organization1002 .center_circle{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:380px;height:380px}
#organization1002 .center_circle div{position:absolute;width:190px;height:190px;border-radius:50%}
#organization1002 .circle01{z-index:3;top:0px;right:50%;transform:translateX(50%);background:url(../img/sub/organization1002_icon01.png) no-repeat center;background-color:var(--color01)}
#organization1002 .circle02{z-index:2;top:50%;right:0px;transform:translateY(-50%);background:url(../img/sub/organization1002_icon02.png) no-repeat center;background-color:var(--color02)}
#organization1002 .circle03{z-index:1;bottom:0px;left:50%;transform:translateX(-50%);background:url(../img/sub/organization1002_icon03.png) no-repeat center;background-color:var(--color04)}
#organization1002 .circle04{z-index:4;bottom:50%;left:0px;transform:translateY(50%);background:url(../img/sub/organization1002_icon04.png) no-repeat center; background-color:var(--color03)}
#organization1002 .circle04:after{content:"";position:absolute;z-index:-1;bottom:0px;right:0px;width:95px;height:95px;border-top-left-radius:95px;border-bottom-right-radius:95px;background-color:var(--color04)}


@media(max-width:1024px){
#organization1002 .inner{max-width:unset;width:95%}
#organization1002 .list_cont .number{width:50px;height:50px;font-size:14px}
#organization1002 .list_cont h2{margin-top:25px;font-size:21px}
#organization1002 .list_cont p{margin-top:15px;font-size:15px}
#organization1002 .list_cont .cate{margin-top:25px;font-size:15px}
#organization1002 .center_circle{width:300px;height:300px}
#organization1002 .center_circle div{width:150px;height:150px;background-size:42px 42px}
#organization1002 .circle04:after{width:75px;height:75px;border-top-left-radius:75px;border-bottom-right-radius:75px}
}
@media(max-width:768px){
#organization1002 .pl{white-space:normal}
#organization1002 .list_cont{gap:60px}
#organization1002 .list_cont .number{width:48px;height:48px}
#organization1002 .list_cont h2{margin-top:21px;font-size:19px}
#organization1002 .list_cont p{margin:15px auto 0;width:85%;font-size:14px}
#organization1002 .list_cont .cate{font-size:14px}
#organization1002 .center_circle{display:flex;justify-content:center;align-items:center;gap:45px;position:relative;top:unset;left:unset;transform:none;margin-top:100px;width:auto;height:auto}
#organization1002 .center_circle div{position:relative;top:unset;left:unset;right:unset;transform:none;width:120px;height:120px;background-size:40px 40px}
#organization1002 .center_circle div:nth-last-child(-n+3):after{content:"";position:absolute;top:50%;left:-22px;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background-color:rgb(0, 0, 0, 0.2)}
#organization1002 .circle03{order:4}
}
@media(max-width:650px){
#organization1002 .center_circle{gap:40px}
#organization1002 .center_circle div{width:100px;height:100px;background-size:38px 38px}
#organization1002 .center_circle div:nth-last-child(-n+3):after{left:-20px}
}
@media(max-width:540px){
#organization1002 .center_circle{gap:30px}
#organization1002 .center_circle div{width:90px;height:90px;background-size:36px 36px}
#organization1002 .center_circle div:nth-last-child(-n+3):after{left:-15px;width:5px;height:5px}
}
@media(max-width:480px){
#organization1002 .list_cont{grid-template-columns:repeat(1, 1fr);gap:60px}
#organization1002 .list_cont h2{margin-top:25px}
#organization1002 .list_cont p{margin-top:20px;width:90%}
#organization1002 .list_cont .cate{margin-top:30px}
#organization1002 .center_circle{margin:90px auto ;width:280px;height:280px}
#organization1002 .center_circle div{position:absolute;width:140px;height:140px;border-radius:50%;background-size:38px 38px}
#organization1002 .circle01{z-index:3;top:0px !important;right:50% !important;transform:translateX(50%) !important}
#organization1002 .circle02{z-index:2;top:50% !important;right:0px !important;transform:translateY(-50%) !important}
#organization1002 .circle03{z-index:1;bottom:0px !important;left:50% !important;transform:translateX(-50%) !important;order:3}
#organization1002 .circle04{z-index:4;bottom:50% !important;left:0px !important;transform:translateY(50%) !important}
#organization1002 .center_circle div:nth-last-child(-n+3):after{display:none}
#organization1002 .circle04:before{content:"";position:absolute;z-index:-1;bottom:0px;right:0px;width:70px;height:70px;border-top-left-radius:70px;border-bottom-right-radius:70px;background-color:var(--color04)}
}
@media(max-width:390px){
#organization1002 .list_cont{gap:50px}
#organization1002 .list_cont .number{width:43px;height:43px;line-height:43px;font-size:13px}
#organization1002 .list_cont h2{margin-top:20px;font-size:17px}
#organization1002 .list_cont p{margin-top:15px;width:95%;font-size:13px}
#organization1002 .list_cont .cate{margin-top:25px}
#organization1002 .center_circle{margin-top:70px;width:260px;height:260px}
#organization1002 .center_circle div{width:130px;height:130px;background-size:35px 35px}
#organization1002 .circle04:before{width:65px;height:65px;border-top-left-radius:65px;border-bottom-right-radius:65px}
}