.logoHtml {--main-color: #151272;--logo-size: 1.6vw;display: flex;justify-content: center;position: relative;  }  

.logoHtml .main-rect { width: calc(var(--logo-size) * 5);height: calc(var(--logo-size) * 16);background-color: var(--main-color);border-radius: calc(var(--logo-size) * 0.2);position: relative;  }  

.logoHtml .upper-rect {width: calc(var(--logo-size) * 21);height: calc(var(--logo-size) * 6);background-color: var(--main-color);position: absolute;top: calc(var(--logo-size) * -4);left: calc(var(--logo-size) * -8);border-radius: calc(var(--logo-size) * 0.2);border-top-left-radius: calc(var(--logo-size) * 6);  }  
.logoHtml .right-rect {width: calc(var(--logo-size) * 5);height: calc(var(--logo-size) * 12);background-color: var(--main-color);position: absolute;left: calc(var(--logo-size) * 8);top: calc(var(--logo-size) * 4);border-radius: calc(var(--logo-size) * 0.2);border-bottom-right-radius: calc(var(--logo-size) * 6);  }  
.logoHtml .left-rect {width: calc(var(--logo-size) * 5);height: calc(var(--logo-size) * 12);background-color: var(--main-color);position: absolute;left: calc(var(--logo-size) * -8);top: calc(var(--logo-size) * 4);border-radius: calc(var(--logo-size) * 0.2);border-bottom-left-radius: calc(var(--logo-size) * 6);  }  
.logoHtml .in-tri,  
.logoHtml .in-tri2,  
.logoHtml .in-tri3,  
.logoHtml .in-tri4,  
.logoHtml .in-c1,  
.logoHtml .in-c2 {background-color: #fff;position: absolute;z-index: 999;  }  
.logoHtml .in-tri,  
.logoHtml .in-tri2 {width: calc(var(--logo-size) * 4);height: calc(var(--logo-size) * 1);border-top-left-radius: 100%;transform: rotate(-45deg);top: calc(var(--logo-size) * 7);left: calc(var(--logo-size) * -1);  }  
.logoHtml .in-tri3,  
.logoHtml .in-tri4 {width: calc(4 * var(--logo-size));height: calc(var(--logo-size));border-top-left-radius: 100%;transform: rotate(225deg);top: calc(7 * var(--logo-size));left: calc(1.7 * var(--logo-size));  }  
.logoHtml .in-c1,  
.logoHtml .in-c2 {width: calc(0.8 * var(--logo-size));height: calc(0.8 * var(--logo-size));border-top-right-radius: 100%;border-top-left-radius: 100%;  }  
.logoHtml .in-c1 {top: calc(5.7 * var(--logo-size));left: calc(2 * var(--logo-size));  }  
.logoHtml .in-c2 {top: calc(9.6 * var(--logo-size));left: calc(2 * var(--logo-size));  }