@charset "utf-8";
/* ==========================================================================
   Base / Reset
   ========================================================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Yu Gothic Medium", "Yu Gothic", "YuGothic", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
  color: #222222;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  padding-top: var(--header-height);
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

a {
  color: inherit;
  text-decoration: none;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: "Noto Sans JP", "Yu Gothic", "YuGothic", sans-serif;
  font-weight: 500;
}

p {
  margin: 0;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  cursor: pointer;
}

/* ==========================================================================
   Variables
   ========================================================================== */
:root {
  --color-primary: #2790f0;
  --color-primary-dark: #1a6fc0;
  --color-text: #222222;
  --color-text-muted: #555;
  --color-white: #fff;
  --color-bg-light: #f5f8fc;
  --color-footer: #4a4a4a;
  --color-footer-dark: #2a2a2a;
  --layout-width: 1200px;
  --layout-padding: 100px;
  --header-height: 60px;
  --ease-out: ease-out;
  --duration-ui: 0.2s;
}

/* ==========================================================================
   Utilities
   ========================================================================== */
.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.u-only-sp {
  display: none;
}

.u-only-pc {
  display: block;
}

/* ==========================================================================
   Layout
   ========================================================================== */
.breadcrumb__inner,
.main-visual__inner,
.point-area__inner,
.value-area__inner,
.offering__inner,
.case-study-area__inner {
  width: 100%;
  max-width: calc(var(--layout-width) + var(--layout-padding) * 2);
  margin-inline: auto;
  padding-inline: var(--layout-padding);
}

/* ==========================================================================
   パンくず
   ========================================================================== */
.breadcrumb {
  position: absolute;
  top: var(--header-height);
  left: 0;
  z-index: 10;
  width: 100%;
  background: transparent;
  font-family: "Yu Gothic Medium", "Yu Gothic", "YuGothic", sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 2px;
  padding: 10px;
}

.breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: 1200px;
  margin: 0 auto;
}

.breadcrumb li {
  display: flex;
  align-items: center;
  font-size: 12px;
}

.breadcrumb li:not(:last-child)::after {
  content: ">";
  margin: 0 8px;
  color: #fff;
}

.breadcrumb a {
  color: #fff;
  text-decoration: none;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.breadcrumb [aria-current="page"] {
  color: #fff;
}

/* ==========================================================================
   全体
   ========================================================================== */
#scenario-Area .text-md{
  font-size: 20px;
  letter-spacing: 2px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

#scenario-Area .text-nol{
  font-size: 16px;
  letter-spacing: 1.5px;
  line-height: 180%;
  font-weight: 600;
}

#scenario-Area .text-sm{
  color: #222;
  font-family: "Yu Gothic Medium", "Yu Gothic", "YuGothic", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
}

#scenario-Area .text-xs{
  color: #222;
  font-family: "Yu Gothic Medium", "Yu Gothic", "YuGothic", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
}

#scenario-Area h2{
  color: #2790F0;
  font-family: "Yu Gothic Medium", "Yu Gothic", "YuGothic", sans-serif;
  font-size: 72px;
  font-style: normal;
  font-weight: 600;
  margin: 30px 0 10px;
  letter-spacing: 0;
  line-height: 100%;
}

#scenario-Area h3{
  color: #000;
  font-family: "Yu Gothic Medium", "Yu Gothic", "YuGothic", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  margin: 0;
}

#scenario-Area h4{
  color: #000;
  font-family: "Yu Gothic Medium", "Yu Gothic", "YuGothic", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  margin: 0;
}

#scenario-Area {
  font-family: "Yu Gothic Medium", "Yu Gothic", "YuGothic", sans-serif;
}

#scenario-Area p{
  margin: 0;
}

#scenario-Area p.blue{
  color: #2790F0;
}

#scenario-Area .flex-container{
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin: 60px auto 0;
}

#scenario-Area .flex-container-border{
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 60px auto 0;
}

#scenario-Area .flex-inner{
  width: calc((100% - 60px) / 3);
  box-sizing: border-box;
  text-align: center;
  background-color: #fff;
  border: #D9D9D9 1px solid;
  padding: 32px;
}

#scenario-Area .flex-inner-border{
  width: calc((100% - 20px) / 2);
  box-sizing: border-box;
  text-align: left;
  border: #fff 2px solid;
  padding: 30px;
}

#scenario-Area .flex-inner .text-md{
  letter-spacing: 0;
}

#scenario-Area .flex-inner .text-sm{
  text-align: left;
  margin-top: 16px;
}

#scenario-Area .point-area,
#scenario-Area .offering-area {
  position: relative;
}

#scenario-Area .point-area::after,
#scenario-Area .offering-area::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 2;
}

#scenario-Area .bottom-text {
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(15%);
  width: 100%;
  pointer-events: none;
  z-index: 1;
}

#scenario-Area .bottom-text__track {
  display: flex;
  white-space: nowrap;
  width: max-content;
  animation: slideRightToLeft 70s linear infinite;
}

#scenario-Area .bottom-text span {
  font-family: Figtree, sans-serif;
  font-size: 8.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -4px;
  background: linear-gradient(0deg, rgba(246, 246, 246, 0.00) 0%, #FAFAFA 30%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-right: 4rem;
}

@keyframes slideRightToLeft {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}


/* ==========================================================================
   MV
   ========================================================================== */
#scenario-Area .main-visual{
  background: #BDD4DC;
  background-image: url('../images/bg_pc.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  min-height: 600px;
  display: flex;
  padding-top: 40px;
}

#scenario-Area .mv-text{
  text-align: left;
  max-width: 1200px;
  padding: 9% 0;
}

#scenario-Area .mv-text-label{
  color: #fff;
  border-radius: 999px;
  background: #2790F0;
  padding: 4px 16px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 2.64px;
  display: inline-block;
  line-height: 100%;
  margin-top: 40px;
  font-size: 22px;
}

#scenario-Area .mv-text-logo{
  color: #FFF;
  font-family: "Yu Gothic Medium", "Yu Gothic", "YuGothic", sans-serif;
  font-size: 38px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
}

#scenario-Area .mv-text-logo img{
  height: 24.7px;
  margin-right: 10px;
}

#scenario-Area .mv-text-logo span{
  padding-top: 3px;
}

/* ==========================================================================
   Point
   ========================================================================== */
#scenario-Area .point-area{
  background: #EBF5F9;
  padding: 100px 0;
  position: relative;
}

/* ==========================================================================
   Value
   ========================================================================== */
#scenario-Area .value-area{
  border-bottom: 1px solid #000;
  background: #F8F8F8;
  padding: 100px 0;
}

#scenario-Area .value-area-ul{
  margin-top: 60px;
}

#scenario-Area .value-area-list{
  display: flex;
  align-items: center;
  padding: 32px;
  gap: 26px;
  align-self: stretch;
  margin-bottom: 12px;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  background: #FFF;
}
#scenario-Area .value-area-list:last-child{
  margin-bottom: 0;
}

/* ==========================================================================
   Offering
   ========================================================================== */
#scenario-Area .offering-area{
  background: #EBF5F9;
  padding: 100px 0;
  position: relative;
}

#scenario-Area .parts-area {
    padding: 0 55px;
}

#scenario-Area .offering-area h3{
  margin-bottom: 22px;
}

#scenario-Area .offering-area h4{
  margin-bottom: 12px;
}

#scenario-Area .offering-area .ftext-nol{
  margin-top: 36px;
}

#scenario-Area .offering-area .offering__sec1{
  margin-bottom: 80px;
}

#scenario-Area .text-md{
  margin-bottom: 16px;
}

#scenario-Area .main-visual .text-md {
    margin-bottom: 34px;
}

#scenario-Area a.parts-link{
  color: #222;
  font-family: "Yu Gothic Medium", "Yu Gothic", "YuGothic", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  text-align: left;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 16px;
}

#scenario-Area a.parts-link {
  text-decoration: underline;
  text-underline-offset: 3px;
}

#scenario-Area a.parts-link:hover {
  color: #2790F0;
}

#scenario-Area .footer__ext {
  display: inline-block;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M6.5 3.5H3.5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V9.5'/%3E%3Cpath stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M9.5 3.5h3v3M12.5 3.5l-5.5 5.5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M6.5 3.5H3.5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V9.5'/%3E%3Cpath stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M9.5 3.5h3v3M12.5 3.5l-5.5 5.5'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

#scenario-Area .footer__ext::before,
#scenario-Area .footer__ext::after {
  content: none;
  display: none;
}

#scenario-Area .footer__ext__pdf {
  display: inline-block;
  width: 27px;
  height: 27px;
  flex-shrink: 0;
  background-color: currentColor;
  /*-webkit-mask-image: url('../images/pdficon.svg');
  mask-image: url('../images/pdficon.svg');*/
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.85547 14.3162V10.6719H10.1376C10.4052 10.6719 10.6491 10.7081 10.8691 10.7824C11.0891 10.8557 11.2653 10.9786 11.3977 11.1519C11.5301 11.3253 11.5959 11.5615 11.5959 11.8616C11.5959 12.1616 11.5301 12.3845 11.3977 12.5683C11.2653 12.7522 11.0901 12.8884 10.8719 12.977C10.6529 13.0646 10.4157 13.1094 10.1576 13.1094H9.73178V14.3181H8.85642L8.85547 14.3162ZM9.73083 12.4178H10.1128C10.3252 12.4178 10.4833 12.3702 10.5871 12.2731C10.6919 12.1768 10.7434 12.0387 10.7434 11.8597C10.7434 11.6806 10.6872 11.5491 10.5748 11.4758C10.4624 11.4025 10.2995 11.3653 10.088 11.3653H9.73083V12.4169V12.4178Z' fill='black'/%3E%3Cpath d='M12.2158 14.3162V10.6719H13.2626C13.6341 10.6719 13.958 10.7347 14.2342 10.8605C14.5095 10.9862 14.7238 11.1805 14.8771 11.4453C15.0305 11.7092 15.1067 12.054 15.1067 12.4778C15.1067 12.9017 15.0305 13.2456 14.8791 13.517C14.7276 13.7895 14.5171 13.9904 14.2485 14.1209C13.9799 14.2514 13.6675 14.3162 13.3112 14.3162H12.2158ZM13.0912 13.6113H13.2083C13.4046 13.6113 13.5779 13.577 13.7294 13.5085C13.8808 13.4399 13.9989 13.3227 14.0837 13.156C14.1685 12.9893 14.2113 12.7626 14.2113 12.4759C14.2113 12.1892 14.1694 11.9606 14.0837 11.8006C13.998 11.6406 13.8808 11.5291 13.7294 11.4653C13.5779 11.4015 13.4046 11.3701 13.2083 11.3701H13.0912V13.6104V13.6113Z' fill='black'/%3E%3Cpath d='M15.7822 14.3162V10.6719H18.1064V11.4005H16.6585V12.1978H17.9016V12.9265H16.6585V14.3162H15.7832H15.7822Z' fill='black'/%3E%3Cpath d='M14.9119 19.9067V17.1597H12.0505V19.9067H9.40918L13.4812 23.5329L17.5522 19.9067H14.9119Z' fill='black'/%3E%3Cpath d='M19.0666 4.77881H7.89454C7.21064 4.77881 6.65723 5.33317 6.65723 6.01613V20.2772C6.65723 20.9611 7.21159 21.5145 7.89454 21.5145H10.6759L9.95293 20.8706H7.89454C7.56688 20.8706 7.30017 20.6039 7.30017 20.2762V6.01708C7.30017 5.68941 7.56688 5.42271 7.89454 5.42271H19.0666C19.3943 5.42271 19.661 5.68941 19.661 6.01708V20.2781C19.661 20.6058 19.3943 20.8725 19.0666 20.8725H17.0082L16.2853 21.5164H19.0666C19.7505 21.5164 20.3039 20.962 20.3039 20.2791V6.01708C20.3039 5.33317 19.7495 4.77976 19.0666 4.77976V4.77881Z' fill='%23231815'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.85547 14.3162V10.6719H10.1376C10.4052 10.6719 10.6491 10.7081 10.8691 10.7824C11.0891 10.8557 11.2653 10.9786 11.3977 11.1519C11.5301 11.3253 11.5959 11.5615 11.5959 11.8616C11.5959 12.1616 11.5301 12.3845 11.3977 12.5683C11.2653 12.7522 11.0901 12.8884 10.8719 12.977C10.6529 13.0646 10.4157 13.1094 10.1576 13.1094H9.73178V14.3181H8.85642L8.85547 14.3162ZM9.73083 12.4178H10.1128C10.3252 12.4178 10.4833 12.3702 10.5871 12.2731C10.6919 12.1768 10.7434 12.0387 10.7434 11.8597C10.7434 11.6806 10.6872 11.5491 10.5748 11.4758C10.4624 11.4025 10.2995 11.3653 10.088 11.3653H9.73083V12.4169V12.4178Z' fill='black'/%3E%3Cpath d='M12.2158 14.3162V10.6719H13.2626C13.6341 10.6719 13.958 10.7347 14.2342 10.8605C14.5095 10.9862 14.7238 11.1805 14.8771 11.4453C15.0305 11.7092 15.1067 12.054 15.1067 12.4778C15.1067 12.9017 15.0305 13.2456 14.8791 13.517C14.7276 13.7895 14.5171 13.9904 14.2485 14.1209C13.9799 14.2514 13.6675 14.3162 13.3112 14.3162H12.2158ZM13.0912 13.6113H13.2083C13.4046 13.6113 13.5779 13.577 13.7294 13.5085C13.8808 13.4399 13.9989 13.3227 14.0837 13.156C14.1685 12.9893 14.2113 12.7626 14.2113 12.4759C14.2113 12.1892 14.1694 11.9606 14.0837 11.8006C13.998 11.6406 13.8808 11.5291 13.7294 11.4653C13.5779 11.4015 13.4046 11.3701 13.2083 11.3701H13.0912V13.6104V13.6113Z' fill='black'/%3E%3Cpath d='M15.7822 14.3162V10.6719H18.1064V11.4005H16.6585V12.1978H17.9016V12.9265H16.6585V14.3162H15.7832H15.7822Z' fill='black'/%3E%3Cpath d='M14.9119 19.9067V17.1597H12.0505V19.9067H9.40918L13.4812 23.5329L17.5522 19.9067H14.9119Z' fill='black'/%3E%3Cpath d='M19.0666 4.77881H7.89454C7.21064 4.77881 6.65723 5.33317 6.65723 6.01613V20.2772C6.65723 20.9611 7.21159 21.5145 7.89454 21.5145H10.6759L9.95293 20.8706H7.89454C7.56688 20.8706 7.30017 20.6039 7.30017 20.2762V6.01708C7.30017 5.68941 7.56688 5.42271 7.89454 5.42271H19.0666C19.3943 5.42271 19.661 5.68941 19.661 6.01708V20.2781C19.661 20.6058 19.3943 20.8725 19.0666 20.8725H17.0082L16.2853 21.5164H19.0666C19.7505 21.5164 20.3039 20.962 20.3039 20.2791V6.01708C20.3039 5.33317 19.7495 4.77976 19.0666 4.77976V4.77881Z' fill='%23231815'/%3E%3C/svg%3E");  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

#scenario-Area .footer__ext__pdf::before,
#scenario-Area .footer__ext__pdf::after {
  content: none;
  display: none;
}

/* ==========================================================================
   Case Study
   ========================================================================== */
#scenario-Area .case-study-area{
  background: #F8F8F8;
  padding: 100px 0;
  position: relative;
}

#scenario-Area .case-study-area a.parts-link {
    font-size: 14px;
    font-weight: 500;
    width: 100%;
}

/* ==========================================================================
   contact
   ========================================================================== */
#scenario-Area h2.contact__title {
  margin: 0;
  color: #222;
  text-align: center;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;
  font-family: "Figtree", sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 1.5px;
}

/* ==========================================================================
   SP (max-width: 768px)
   ========================================================================== */
@media (max-width: 768px) {
  :root {
    --layout-padding: 20px;
    --header-height: 60px;
  }

  .u-only-sp {
    display: block;
  }

  .u-only-pc {
    display: none;
  }

  /* --------------------------------------------------------------------------
   MV SP
     -------------------------------------------------------------------------- */

  #scenario-Area .main-visual {
    background-image: url(../images/bg_sp.jpg);
    background-position: bottom;
    min-height: 940px;
    padding-top: 40px;
  }

  #scenario-Area .mv-text-label {
    font-size: 14px;
  }

  #scenario-Area .mv-text-logo {
    display: grid;
    gap: 10px;
    font-size: 22px;
  }

  #scenario-Area .mv-text-logo img {
    height: 18.52px;
    margin-right: 0;
  }

  #scenario-Area h2 {
    font-size: 41px;
    letter-spacing: 0;
    margin-top: 10px;
  }

  #scenario-Area h3 {
    font-size: 32px;
    line-height: 120%;
  }

  #scenario-Area h4 {
    font-size: 20px;
    line-height: 150%;
  }

  #scenario-Area .text-md {
    font-size: 20px;
  }

  #scenario-Area .text-nol {
    font-size: 14px;
  }

  #scenario-Area .text-sm {
    font-size: 14px;
    line-height: 160%;
  }

  #scenario-Area .text-xs {
    font-size: 13px;
    line-height: 160%;
  }

  #scenario-Area .flex-container {
    display: inline-grid;
    gap: 20px;
    margin: 30px auto 0;
  }

  #scenario-Area .flex-inner {
    padding: 27px;
  }

  #scenario-Area .flex-inner .text-md{
    margin-bottom: 0;
  }

  #scenario-Area .flex-sp{
    display: flex;
    align-items: center;
    gap: 20px;
    text-align: left;
    flex: 1;
  }

  #scenario-Area .flex-sp p{
    flex: 1;
  }

  #scenario-Area .flex-sp p:first-child{
    flex: 0 0 50px;
  }

  #scenario-Area .flex-sp img{
    width: 50px;
    height: 50px;
  }

  #scenario-Area .flex-inner .text-md{
  letter-spacing: 0;
  }

  #scenario-Area .main-visual .text-md {
    margin-bottom: 30px;
  }

  #scenario-Area .text-md {
    margin-bottom: 30px;
  }

  #scenario-Area .value-area {
    padding: 100px 0;
}

  #scenario-Area .value-area .text-md {
    font-size: 12px;
    letter-spacing: 0;
    margin-bottom: 5px;
  }

  #scenario-Area .value-area-ul {
    margin-top: 30px;
  }

  #scenario-Area .value-area-list {
    padding: 15px;
    gap: 15px;
    margin-bottom: 10px;
  }

  #scenario-Area .value-area-list p{
    flex: 1;
  }

  #scenario-Area .value-area-list p:first-child{
    flex: 0 0 50px;
  }

  #scenario-Area .value-area-list img{
    width: 50px;
    height: 50px;
  }

  #scenario-Area .flex-inner {
    width: 100%;
    text-align: left;
  }

  #scenario-Area .point-area {
    padding: 100px 0;
  }

  #scenario-Area .bottom-text span {
    font-size: 130px;
  }

  #scenario-Area .offering-area {
    padding: 100px 0;
  }

  #scenario-Area .flex-container-border {
    display: inline-grid;
    margin: 30px auto 0;
    width: 100%;
  }

  #scenario-Area .flex-inner-border {
    width: 100%;
    padding: 15px;
  }

  #scenario-Area .parts-area {
    padding: 0;
  }

  #scenario-Area a.parts-link {
    font-size: 14px;
    margin-top: 10px;
  }

  #scenario-Area .parts-area .text-md {
    margin-bottom: 5px;
  }

  #scenario-Area .case-study-area {
    padding: 100px 0;
  }

/* ==========================================================================
   contact
   ========================================================================== */
#scenario-Area h2.contact__title {
  font-size: 40px;
  letter-spacing: 1px;
  -webkit-text-stroke-width: 0.6px;
}

}