@charset "UTF-8";
/*============================



=============================*/
.know-howBox{
    background-color: #F6F4F9;
    padding: 40px;
    margin: 80px auto 0 auto;;
}

.know-howBox h4{text-align: center;font-size: 3.0rem; line-height: 1.6;}
.know-howBox h5{font-size: 2.4rem;
  line-height: 1.8;
  font-weight: 700;
margin-bottom: 10px;}

.know-howBox > ul:not(:last-of-type){margin-bottom:40px;}
.know-howBox li{margin-bottom: 0 !important;}
.know-howBox ul{list-style: none !important;padding-left:0 !important;}
.know-howBox > ul a{height: 80px;
padding: 20px; color: #fff; text-decoration: none !important;
background: #5330C1;
align-items: center;
font-size: 1.5rem;
font-weight: 700;
display: flex;
justify-content: space-between;}
.know-howBox > ul span{height: 80px;
padding: 20px; color: #fff; text-decoration: none !important;
background: #625F69;
align-items: center;
font-size: 1.5rem !important;
font-weight: 700;
display: flex !important;
justify-content:flex-start;}
.know-howBox > ul a:hover{opacity: 0.8;}
.know-howBox > ul a::after{
    content: "";
    display: inline-block;
    width: 15px;
    height: 9px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2210%22%20viewBox%3D%220%200%2015%2010%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M14.7251%205.57436L10.975%208.82528C10.6084%209.143%2010.0152%209.1425%209.64923%208.82528C9.2833%208.50806%209.28301%207.9935%209.64923%207.67603L11.8012%205.8131H0.93753C0.419252%205.8131%200%205.44991%200%204.97751C0%204.50511%200.419252%204.18763%200.93753%204.18763H11.8012L9.65128%202.32394C9.28506%202.00647%209.28506%201.49216%209.65128%201.17469C10.0175%200.857216%2010.6108%200.857216%2010.977%201.17469L14.7271%204.42561C15.0913%204.74385%2015.0913%205.25688%2014.7251%205.57436Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: center center;
}
@media screen and (min-width: 830px) {
.know-howBox ul{display: flex; gap:0 20px;}
.know-howBox li{width: calc((100% - 40px)/3);}
    .know-howBox > ul a{height: 80px;}
}
@media screen and (max-width: 1060px){
}
@media screen and (max-width: 830px) {
    .know-howBox h5{font-size: 2.0rem;}
    .know-howBox{padding: 40px 20px;}
    .know-howBox ul > li:not(:last-of-type){margin-bottom: 20px !important;}
    .know-howBox h4{font-size:2.3rem !important; line-height: 1.6 !important; }

}


@media screen and (min-width: 830px){
.footer-btn.one div a {
  width: 100% !important;
}
.footer-btn.one div a:first-of-type {
  background: url(../images/footer-btnbg1_long.jpg) no-repeat center/cover !important;
}
}
@media screen and (max-width: 830px) {
.footer-btn.one div a:first-of-type {
background: url(../images/footer-btnbg2.jpg) no-repeat center/cover !important;
}    
}


.internal-page.page-crm_support section h2{flex-wrap: wrap;
margin: 0 0 3rem !important;}
.internal-page.page-crm_support section h2 span{
    display: block !important; width: 100%; padding-left:0 !important;
}

.internal-page.page-crm_support .dynamicsText{
    margin-bottom: 80px;
}

.internal-page.page-crm_support .dynamicsText > p:not(:last-of-type){
    margin-bottom: 20px;
}

.internal-page.page-crm_support .dynamicsText p:last-of-type{
    margin-bottom: 0 !important;
}

    
.crm_support .inner > section:last-of-type{padding-bottom: 0 !important;}

.page-crm_support,
.page-erp_implementation,
.page-erp_technical-support,
.page-erp_support,
.page-crm_power-platform,
.page-crm_support {
  .table-wrap {
    span {
      display:none !important;
      margin:0 0 2rem
    }
    .table-scroll {
      position:relative;
      overflow:auto;
    }

    table {
        width:calc(100% - 2px);
        color:#111;
        font-size:1.6rem;
        line-height:1.6;
        margin-bottom: 0.5em;

        &+p {
          margin-bottom: 0;
        }

      thead {
        tr {
          th {
            background-color:#dcdbe1;
            font-size:1.8rem;
            font-weight:700;
            padding:1.5rem;
            text-align:center;
            border:1px solid #dcdbe1;
            border-right:1px solid #fff;
          }

          th:last-of-type {
              border-color:#dcdbe1;
          }
        }
      }

      tbody {
        td {
          padding:1.5rem;
          border:1px solid #dcdbe1;
          vertical-align:middle;
          text-align: center;

          span {
            font-size:1.2rem;
            display:block;
            margin:0;
          }
        }
      }
    }
  }
}



@media screen and (max-width: 1075px) {
  .page-crm_support,
  .page-erp_implementation {
    .table-wrap {
      table {
        width:1000px;
      }

      span {
        display:block !important;
      }
    }
  }
}

.dynamics365List{margin-bottom: 20px;}
.dynamics365List li{line-height: 56px; border-radius: 40px;
background: #5330C1; text-align: center; color: #fff;
font-size: 2.2rem;font-style: normal;
font-weight: 700; width: 100%; max-width: 260px;}
@media screen and (min-width: 830px){
.internal-page.page-crm_support .dynamicsText{
    text-align: center;}

.dynamics365List{display: flex; gap:15px; justify-content: center; align-items: center;}    
}
@media screen and (max-width: 830px) {
    .dynamics365List{width: 100%; max-width: 260px; margin: 0 auto 20px;} 
    .dynamics365List li:not(:last-of-type){margin-bottom: 20px;}
    .dynamics365List li{font-size: 1.8rem; line-height: 50px;}
}



.internal-page.page-crm_power-platform section h2{flex-wrap: wrap;
margin: 0 0 3rem !important;}
.internal-page.page-crm_power-platform section h2 span{
    display: block !important; width: 100%; padding-left:0 !important;
}

.internal-page.page-crm_power-platform .dynamicsText{
    margin-bottom: 40px;
}

.internal-page.page-crm_power-platform .dynamicsText > p:not(:last-of-type){
    margin-bottom: 20px;
}

.internal-page.page-crm_power-platform .dynamicsText p:last-of-type{
    margin-bottom: 0 !important;
}

    
.crm_power-platform .inner > section:last-of-type{padding-bottom: 0 !important;}
.crm_power-platform .dynamicsText2{margin-bottom: 40px;}
.dynamicsText2{
    background-color:#F6F4F9; 
    
}
.dynamicsText2 h4{}
.dynamicsText2 > div > p:not(:last-of-type){margin-bottom:10px;}
.dynamicsText2 > div > p:last-of-type{margin-bottom: 0 !important;}
.dynamicsText2 > div > p a{text-decoration: underline;}
.dynamicsText2 > div > p a:hover{text-decoration: none;}
@media screen and (min-width: 830px){
    .internal-page.page-crm_power-platform .dynamicsText{
        text-align: center;}
    .dynamicsText2{padding: 40px;
    display: flex; align-items: center;}
    .dynamicsText2 h4{width: 227px;}
    .dynamicsText2 > div{width: calc(100% - 227px);}
}
@media screen and (max-width: 830px){
    .dynamicsText2{padding: 40px 20px;}
}

h4.tit_sm{text-align: center;}
h4.tit_sm span{color: #111; font-weight: 500; font-size:1.3rem; margin-bottom: 20px;}
@media screen and (min-width: 830px){h4.tit_sm span{margin-left: 10px;}}
@media screen and (max-width: 1075px) {
  .page-crm_power-platform .table-wrap span {
    display:block !important
  }
}

.dynamicsText3 > div{display: flex; align-items: center; gap:10px;
border: 1px solid #5330C1;}
.dynamicsText3 > div dl{width: calc(100% - 130px);font-weight: 700;}
.dynamicsText3 > div dl dd span{font-size: 2.0rem;margin-left: 10px;}
.dynamicsText3 > div figure{width: 120px;}
.dynamicsText3 > div figure img{width: 100%; max-width: 120px;}

@media screen and (min-width: 1075px){
    .dynamicsText3{display: flex; align-items: center; gap:40px;}
    .dynamicsText3 > div{padding: 20px 40px; width: calc((100% - 40px) / 2);}
}
@media screen and (max-width: 1075px){
    .dynamicsText3 > div{padding: 20px 20px;}
    .dynamicsText3 > div:not(:last-of-type){margin-bottom: 40px;}
    .dynamicsText3 > div dl dt{line-height: 1.6; font-size: 1.4rem;}
.dynamicsText3 > div dl dd{line-height: 1.6; font-size: 1.4rem;}
    .dynamicsText3 > div dl dd span{font-size: 1.8rem;}
}




.page-crm_power-platform .table-wrap span {
  display:none !important;
  margin:0 0 2rem
}
.page-crm_power-platform .table-wrap .table-scroll {
  position:relative;
  overflow:auto;
}
.page-crm_power-platform .table-wrap table {
  width:calc(100% - 2px);
  color:#111;
  font-size:1.6rem;
  line-height:1.6
}
.page-crm_power-platform .table-wrap table thead tr th {
  background-color:#dcdbe1;
  font-size:1.8rem;
  font-weight:700;
  padding:1.5rem;
  text-align:center;
  border:1px solid #dcdbe1;
  border-right:1px solid #fff
}

.page-crm_power-platform .table-wrap table tbody tr th:last-of-type {
  border-color:#dcdbe1
}
.page-crm_power-platform .table-wrap table tbody tr td {
  padding:1.5rem;
  border:1px solid #dcdbe1;
  vertical-align:middle;
    text-align: center;
}

.page-crm_power-platform .table-wrap table tbody tr td:last-of-type {
  width:calc(100% / 3);
  padding:1.5rem;
}
.page-crm_power-platform .table-wrap table tbody tr td span {
  font-size:1.2rem;
  display:block;
  margin:0
}

@media screen and (max-width: 1075px) {
  .page-crm_power-platform .table-wrap table {
    width:1000px
  }
.page-crm_power-platform .table-wrap span {
    display: block !important;
  }
}

.Power_Platform_DL{margin-bottom: 80px;}

.Power_Platform_DL dt{font-size: 2.0rem;
color: #5330C1;font-weight: 700; margin-bottom: 5px;}
.Power_Platform_DL dl{padding-bottom:20px;
border-bottom: 1px solid #DCDBE1;}
.Power_Platform_DL dl:not(:last-of-type){margin-bottom: 20px;}

.Power_PlatformBox{margin-bottom:40px;}

.Power_PlatformBox > dl{
background-color:#F6F4F9;
padding: 30px;
}
.Power_PlatformBox > dl dt{text-align: center;
    color: #5330C1;
    font-size:2.6rem;
    font-weight: 700;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #5330C1;
}
.Power_PlatformBox > dl dt span{font-size:2.0rem; }
.Power_PlatformBox > dl dd{display: flex; justify-content: center;}
.Power_PlatformBox > dl dd ul{
    list-style: none;
}

.Power_PlatformBox > dl dd ul li{display: flex; justify-content: flex-start; align-items: center;
font-size: 2.0rem;font-weight: 700;}
.Power_PlatformBox > dl dd ul li::before{
    content: "";
    display: block;
    width: 20px;
    height: 17px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2217%22%20viewBox%3D%220%200%2021%2017%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M13.6111%2014.6832H2.58852V3.66058H11.871L13.9595%201.57202H0.5V16.7717H15.6995V15.7274V11.1465L13.6111%2013.235V14.6832Z%22%20fill%3D%22%235330C1%22%2F%3E%3Cpath%20d%3D%22M6.70709%204.87941L4.55908%207.02781L8.05596%2010.5243L10.204%2012.6727L12.352%2010.5243L20.4999%202.37687L18.3516%200.228516L10.2043%208.37594L6.70709%204.87941Z%22%20fill%3D%22%235330C1%22%2F%3E%3C%2Fsvg%3E');
    margin-right: 5px;
}
.Power_PlatformBox > dl dd ul li:not(:last-of-type){margin-bottom: 8px;}
@media screen and (min-width: 830px){
.Power_PlatformBox{display: flex; gap:38px;}
.Power_PlatformBox > dl{width:calc((100% - 76px) / 3);}
}
@media screen and (max-width: 830px){
.Power_PlatformBox > dl{padding: 20px;}
    .Power_PlatformBox > dl:not(:last-of-type){margin-bottom: 40px;}
}


section.erp  h2{flex-wrap: wrap;
margin: 0 0 3rem !important;}
section.erp h2 span{
    display: block !important; width: 100%; padding-left:0 !important;
}

.h3_365{
color: #5330c1 !important;
  font-size: 3.0rem !important;
  line-height: 1.6 !important;
  font-weight: 700;
    margin-bottom: 40px;
}

section.erp .dynamicsText{}
section.erp .dynamicsText{
    margin-bottom: 80px;
}

section.erp .dynamicsText > p:not(:last-of-type){
    margin-bottom: 20px;
}

section.erp .dynamicsText > p:last-of-type{
    margin-bottom: 0 !important;
}


.page-erp_implementation section.erp .dynamicsText{margin-bottom: 0 !important;}

section.erp .erp01_img01{padding:40px;
border: 1px solid #5330C1;
margin-bottom: 40px;}

@media screen and (min-width: 830px){
section.erp .erp01_img01{text-align: center;}
section.erp .erp01_img01 img{max-width: 1000px; width: 100%; height: auto; margin: 0 auto;}
    .h3_365{text-align: center;}
section.erp .dynamicsText{
    text-align: center;}
}
@media screen and (max-width: 830px){
    .h3_365{font-size:2.3rem !important; line-height: 1.6 !important; }
section.erp .erp01_img01{padding: 20px; text-align: center;}
section.erp .erp01_img01 img{max-width: 298px; width: 85%; height: auto; margin: 0 auto;}
}


.erp_btnBox:not(:last-of-type){margin-bottom:40px;}
ul.erp_btnBox{
  list-style: none !important;
  padding-left:0 !important;
  margin-top: 100px;
}
ul.erp_btnBox a{
    height: 80px;
    padding: 20px; color: #fff; text-decoration: none !important;
    background: #5330C1;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    border: 1px solid #5330C1;
    transition: all .3s;
}
ul.erp_btnBox span{height: 80px;
padding: 20px; color: #5330C1; text-decoration: none !important;
background: #fff;
border: 1px solid #5330C1;
align-items: center;
font-size: 1.5rem !important;
font-weight: 700;
display: flex !important;
justify-content:flex-start;}
ul.erp_btnBox a:hover{opacity: 0.8;}
ul.erp_btnBox a::after{
    content: "";
    display: inline-block;
    width: 15px;
    height: 9px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2210%22%20viewBox%3D%220%200%2015%2010%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M14.7251%205.57436L10.975%208.82528C10.6084%209.143%2010.0152%209.1425%209.64923%208.82528C9.2833%208.50806%209.28301%207.9935%209.64923%207.67603L11.8012%205.8131H0.93753C0.419252%205.8131%200%205.44991%200%204.97751C0%204.50511%200.419252%204.18763%200.93753%204.18763H11.8012L9.65128%202.32394C9.28506%202.00647%209.28506%201.49216%209.65128%201.17469C10.0175%200.857216%2010.6108%200.857216%2010.977%201.17469L14.7271%204.42561C15.0913%204.74385%2015.0913%205.25688%2014.7251%205.57436Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: center center;
}
@media screen and (min-width: 830px) {
  ul.erp_btnBox{
    display: flex;
    flex-wrap: wrap; 
    gap: 20px;
  }
  .erp_btnBox li{
    width: calc((100% - 40px)/3);
  }
  ul.erp_btnBox a{height: 80px;}
  .erp_btnBox li{margin-bottom: 0 !important;}
}

@media screen and (max-width: 830px){
ul.erp_btnBox li:not(:last-of-type){margin-bottom: 20px !important;}
}

.erp .inner > section:last-of-type{padding-bottom: 0 !important;}

.dynamicsText4{}

.dynamicsText4 dl{background-color: #F6F4F9;
padding: 30px;}
.dynamicsText4 dl dt{
    color: #5330C1;
    font-weight: 700;
}

.dynamicsText4 dl dd li{
    font-weight: 700;
    padding-left: 20px;
    position: relative;
    line-height: 1.6;
}
.dynamicsText4 dl dd li::before{
position: absolute;
left: 0;
    top: 9px;
content: "";
width: 12px;
height: 12px;
border-radius: 50%;
background-color:#5330C1;}
.dynamicsText4 dl dd li span{font-weight: 500;}

.dynamicsText4 > div{padding-bottom: 40px; margin-bottom: 40px; border-bottom:1px solid #DCDBE1;}
.dynamicsText4 h4{font-size: 2.0rem;}
.dynamicsText4 h4 span{font-size: 1.6rem;}

.page-erp_support .dynamicsText4 > div > div p{margin-bottom: 1rem !important;}

.dynamicsText4 dl dd li:not(:last-of-type){margin-bottom: 10px;}
.page-erp_support .dynamicsText4 dl dt{margin-bottom: 10px;}
.dynamicsText4 > div > div > p:last-of-type{margin-bottom: 0;}
@media screen and (min-width: 830px){
    .dynamicsText4 > div{display: flex; gap:40px;}
    .page-erp_support .dynamicsText4 > div{align-items: flex-start;}
    .dynamicsText4 > div:not(.long) > div{width: 400px;}
    .dynamicsText4 dl{width: 640px;}
}
@media screen and (max-width: 830px){
    .dynamicsText4 dl{padding: 20px;}
    .dynamicsText4 > div:not(.long) > div{margin-bottom: 20px;}
    
}
.erp .inner > section{padding:3rem 0 !important; }
.erp .text13{font-size: 1.3rem;}
.erp .mb80{margin-bottom: 80px !important;}

.erp02_img01{padding: 40px;
  border: 1px solid #5330C1;
  margin-bottom: 20px;}

.erp02_img01 figure{text-align: center; margin-bottom: 3rem;}
.erp02_img01 figure img{width: 100%; max-width:807px;}

.erp02_img01 h5{
font-size: 2rem;
  line-height: 1.8;
  font-weight: 700;
  margin: 0 0 1rem;}
.erp02_img01 p:last-of-type{margin-bottom: 0 !important;}
@media screen and (min-width: 830px){
}
@media screen and (max-width: 830px){
    .erp02_img01{padding: 20px;}
    .erp02_img01 figure img{width: 100%; max-width:210px;}
}
.dynamicsText5{margin-bottom: 40px;}

.dynamicsText5 dl, .microsoft-list {
  background-color: #F6F4F9;
  padding: 30px;

  .page-dynamics365 & {
    background: none;
    border: 1px solid #dcdbe1;

    dt {
      margin-bottom: 0.3em;
    }
  }
}

.microsoft-list {
  margin-top: 3rem;
  margin-bottom: 20px;
}

.dynamicsText5 dl dt{
    color: #5330C1;
    font-size: 2.0rem;
}
.dynamicsText5 dl dd li,
.microsoft-list li {
    font-weight: 700;
    padding-left: 20px;
    position: relative;
    margin-bottom: 0.5em;

    &:last-of-type {
      margin-bottom: 0;
    }

    span {
      font-weight: normal;
    }
}
.dynamicsText5 dl dd li::before,
.microsoft-list li::before {
    position: absolute;
    left: 0;
    top: 9px;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color:#5330C1;
}
.dynamicsText5 dl dd li span{font-weight: 500;}

.dynamicsText5 h4{font-size: 2.0rem;}
.dynamicsText5 h4 span{font-size: 1.6rem;}

.dynamicsText5 dl:not(:last-of-type){margin-bottom: 30px;}
@media screen and (min-width: 830px){
}
@media screen and (max-width: 830px){
    .dynamicsText5 dl{padding: 20px;}
}


.page-erp_technical-support section.erp .dynamicsText{margin-bottom: 40px !important;}

.erp02_img02{padding: 40px;
  border: 1px solid #5330C1;
  margin-bottom: 40px;
text-align: center;}
.erp02_img02 img{width: 100%; max-width:1000px;}

@media screen and (max-width: 830px){
    .erp02_img02{padding: 20px;}
    .erp02_img02 img{width: 100%; max-width:254px;}
}


.dynamicsText6{
  @media screen and (max-width: 830px){
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
.dynamicsText6 figure{text-align: center;}
.dynamicsText6 figure img{width: 100%; max-width:600px; }

.dynamicsText6 dl{}
    .dynamicsText6 dl:first-of-type{border: 1px solid #828282;}
    .dynamicsText6 dl:last-of-type{border: 1px solid #5330C1;}
    .dynamicsText6 dl dt{padding: 12px; text-align: center; color: #fff; font-weight: 700; font-size: 2.0rem; line-height: 1;}
    .dynamicsText6 dl:first-of-type dt{background-color:#828282;}
    .dynamicsText6 dl:last-of-type dt{background-color:#5330C1;}
.dynamicsText6 dl dd{padding: 30px 26px;}
.dynamicsText6 dl dd p{font-weight: 700; font-size: 2.0rem; line-height: 1;text-align: center; width: 100%;}
    .dynamicsText6 dl:first-of-type dd p{color:#828282;}
    .dynamicsText6 dl:last-of-type dd p{color:#5330C1;}

.dynamicsText6 dl dd ul{
    list-style: none;
}

.dynamicsText6 dl dd{display: flex; justify-content: center; flex-wrap: wrap;}
.dynamicsText6 dl dd ul li {
    display: flex; 
    justify-content: flex-start; 
    align-items: center;
    font-size: 1.8rem;
    font-weight: 700;
    position: relative;
    padding-left: 25px;
}
.dynamicsText6 dl dd ul.add-category {
  transform:translateX(4em);

  @media screen and (max-width: 830px){
      transform:translateX(0);
  }

  li {
      @media screen and (max-width: 830px){
        display: inline-block;
      }

    span {
      position: absolute;
      top: 0;
      left: -7em;

      @media screen and (max-width: 830px){
        position: static;
      }
    }
  }
}

.dynamicsText6 dl:first-of-type dd ul li::before{
    position: absolute;
    left: 0;
    top: 6px;
    content: "";
    display: block;
    width: 22px;
    height: 20px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2220%22%20viewBox%3D%220%200%2023%2020%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.4992%200.361877C12.1094%200.361877%2012.6723%200.684581%2012.9817%201.21382L22.2636%2017.0478C22.5773%2017.5814%2022.5773%2018.2397%2022.2722%2018.7732C21.9671%2019.3068%2021.3956%2019.6381%2020.7811%2019.6381H2.21729C1.60279%2019.6381%201.03126%2019.3068%200.726165%2018.7732C0.421065%2018.2397%200.425362%2017.5771%200.734759%2017.0478L10.0167%201.21382C10.3261%200.684581%2010.889%200.361877%2011.4992%200.361877ZM11.4992%205.86936C10.9277%205.86936%2010.4679%206.32975%2010.4679%206.90201V11.7211C10.4679%2012.2933%2010.9277%2012.7537%2011.4992%2012.7537C12.0707%2012.7537%2012.5305%2012.2933%2012.5305%2011.7211V6.90201C12.5305%206.32975%2012.0707%205.86936%2011.4992%205.86936ZM12.8743%2015.5075C12.8743%2015.1423%2012.7294%2014.7921%2012.4715%2014.5339C12.2137%2014.2756%2011.8639%2014.1306%2011.4992%2014.1306C11.1345%2014.1306%2010.7847%2014.2756%2010.5269%2014.5339C10.269%2014.7921%2010.1241%2015.1423%2010.1241%2015.5075C10.1241%2015.8726%2010.269%2016.2228%2010.5269%2016.4811C10.7847%2016.7393%2011.1345%2016.8843%2011.4992%2016.8843C11.8639%2016.8843%2012.2137%2016.7393%2012.4715%2016.4811C12.7294%2016.2228%2012.8743%2015.8726%2012.8743%2015.5075Z%22%20fill%3D%22%23828282%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.dynamicsText6 dl:last-of-type dd ul li::before{
        position: absolute;
    left: 0;
    top: 8px;
    content: "";
    display: block;
    width: 20px;
    height: 17px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2217%22%20viewBox%3D%220%200%2021%2017%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M13.6111%2014.6832H2.58852V3.66058H11.871L13.9595%201.57202H0.5V16.7717H15.6995V15.7274V11.1465L13.6111%2013.235V14.6832Z%22%20fill%3D%22%235330C1%22%2F%3E%3Cpath%20d%3D%22M6.70709%204.87941L4.55908%207.02781L8.05596%2010.5243L10.204%2012.6727L12.352%2010.5243L20.4999%202.37687L18.3516%200.228516L10.2043%208.37594L6.70709%204.87941Z%22%20fill%3D%22%235330C1%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.dynamicsText6 dl dd ul li:not(:last-of-type){margin-bottom: 8px;}
@media screen and (min-width: 830px){
    .dynamicsText6{display: flex; gap:20px 40px;flex-wrap: wrap;}
    .dynamicsText6 dl{width: calc((100% - 40px) / 2);}
    .dynamicsText6 dl:first-of-type{order: 1;}
    .dynamicsText6 dl:last-of-type{order: 2;}
    .dynamicsText6 figure{width: 100%;text-align: center; order: 3;}
}
@media screen and (max-width: 830px){
.dynamicsText6 dl dd{padding: 20px;}

    .dynamicsText6 dl{padding: 20px;}
    .dynamicsText6 figure{padding: 15px 0; text-align: center;}
    .dynamicsText6 figure img{max-width:380px; width: 100%; }
}