#spMenuWrap, .spOnly, .pc_hidden, .br999, .br640 {
    display: none
  }
  
  @media only screen and (max-width: 999px) {
    .br999 {
      display: block
    }
  }
  
  @media only screen and (max-width: 640px) {
    html {
      font-size: 62.5%
    }
    body {
      font-size: 26px;
      font-size: 2.6rem;
      font-size: 4.0625vw
    }
    .pcOnly, .sp_hidden {
      display: none
    }
    .spOnly, .pc_hidden, .br640 {
      display: block
    }
    .spOnly.spOnly-inline, .pc_hidden.spOnly-inline, .br640.spOnly-inline {
      display: inline
    }
  }
  
  .inner-wrap {
    margin: 0 auto;
    position: relative;
    width: 1000px
  }
  
  .topic_path {
    margin: 15px auto;
    display: -webkit-box;
    display: flex;
    width: 1000px
  }
  
  .topic_path li {
    font-size: 12px
  }
  
  .topic_path li:after {
    padding: 0px 12px;
    content: "＞"
  }
  
  .topic_path li:last-child:after {
    content: none
  }
  
  .contact-button {
    margin: 0 auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    width: 67%;
    height: 60px;
    background: #dadf00;
    font-size: 18px;
    font-weight: bold;
    text-indent: -1em;
    letter-spacing: -0.06rem
  }
  
  .contact-button:hover {
    opacity: .7
  }
  
  small.comment {
    margin-top: 40px;
    display: block;
    font-size: 16px;
    text-align: right
  }
  
  small.comment:before {
    content: "※"
  }
  
  .kv {
    margin: 0 0 40px;
    padding: 0px;
    position: relative;
    min-height: 400px
  }
  
  .kv:after {
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: ""
  }
  
  .kv .kv-wrap {
    margin: 0 auto;
    padding: 60px 0 0;
    position: relative;
    width: 1000px;
    text-align: center
  }
  
  .kv .text-area {
    font-weight: bold;
    text-shadow: #fff 0 0 10px
  }
  
  .kv .title-head {
    font-size: 22px;
    color:white;
  }
  
  .kv h2 {
    padding: 30px 0 20px;
    font-size: 34px;
    font-weight: bold;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
  }
  
  .kv h2 span {
    display: block;
    font-size: 22px
  }
  
  .kv .learning-time {
    margin: 0 auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 250px;
    color: #fff;
    background: #3e3a39;
    text-shadow: none
  }
  
  .kv .learning-time p {
    border: solid 2px #3e3a39;
    width: 50%
  }
  
  .kv .days {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    justify-content: center;
    color: #3e3a39;
    background: #fff;
    font-size: 18px
  }
  
  .kv .days span {
    font-size: 28px
  }
  
  .lead_section {
    padding-bottom: 80px
  }
  
  .index_box {
    margin-top: 60px
  }
  
  section {
    padding: 80px 0;
    background: #ecebeb
  }
  /*
  section:nth-child(odd) {
    background: #f2f2f2
  }*/
  
  section h3 {
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: bold;
    text-align: center
  }
  
  .title-icon {
    text-align: center
  }
  
  .title-icon h3 {
    display: inline-block;
    position: relative
  }
  
  .title-icon h3:before {
    position: absolute;
    top: 50%;
    left: -3em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    content: ""
  }
  
  .lxd-lead {
    margin: 0 0 1.8em
  }
  
  .merit-panel li, .feature-program, .concept-link a {
    background: #fff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .1)
  }
  
  .merit-panel span, .feature-program span {
    color: #00a384
  }
  
  .merit-panel li {
    width: 31%
  }
  
  .merit-panel img {
    padding: 10px 0;
    width: 100%;
    height: 80px;
    background: #c1ebdf
  }
  
  .merit-panel h4 {
    margin: 20px 0;
    font-size: 22px;
    font-weight: bold;
    text-align: center
  }
  
  .feature-program {
    margin-bottom: 30px;
    padding: 30px
  }
  
  .feature-program h4 {
    font-size: 24px;
    font-weight: bold;
    text-align: center
  }
  
  .feature-program ul {
    padding-top: 20px
  }
  
  .feature-program ul li {
    font-size: 20px;
    font-weight: bold
  }
  
  .feature-program ul li:before {
    top: 0
  }
  
  .concept-link {
    text-align: right
  }
  
  .concept-link a {
    padding: 10px 17px;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold
  }
  
  .concept-link a:after {
    margin-left: 6px;
    border-top: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: .5em;
    height: .5em;
    vertical-align: middle;
    content: ""
  }
  
  .concept-link a:hover {
    opacity: .7
  }
  
  .learning_journey_map-img {
    display: block;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .1)
  }
  
  #movie_lecture .title-icon h3:before {
    background: url(/lxd-data/images/common/icon-ico-video-course.svg) no-repeat
  }
  
  #movie_lecture .title-icon:not(:first-of-type) {
    margin-top: 80px
  }
  
  #movie_lecture .inner-wrap {
    z-index: 0
  }
  
  #movie_lecture .inner-wrap .lecture-table {
    position: relative
  }
  
  #movie_lecture .inner-wrap .lecture-table th {
    padding: 20px;
    border-bottom: 1.5px solid #cdd6dd;
    width: 150px;
    color: #fff;
    background: #00a384;
    font-weight: bold
  }
  
  #movie_lecture .inner-wrap .lecture-table td {
    padding: 20px;
    border-bottom: solid 1.5px #cdd6dd;
    width: 400px;
    background: #fff
  }
  
  #movie_lecture .inner-wrap .lecture-table td ul li {
    padding-left: 1em;
    text-align: left;
    text-indent: -1.25em
  }
  
  #movie_lecture .inner-wrap .lecture-table td ul li:before {
    margin-right: .25em;
    content: "・"
  }
  
  #movie_lecture .inner-wrap .lecture-table tr:last-child td {
    border-bottom: none
  }
  
  #movie_lecture .inner-wrap:last-of-type .lecture-table:after {
    position: absolute;
    right: -200px;
    bottom: 0;
    z-index: -1;
    width: 628px;
    height: 307px;
    background: url(/lxd-data/images/common/lecture.webp) no-repeat;
    content: ""
  }
  
  #price h4 {
    margin-bottom: 30px;
    padding: 0 0 5px;
    border-bottom: solid 4px #3e3a39;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -1px
  }
  
  .price-table {
    width: 1000px
  }
  
  .price-table th, .price-table td {
    border-right: solid 2px #ecebeb;
    border-bottom: solid 2px #ecebeb;
    text-align: center
  }
  
  .price-table th {
    color: #fff;
    font-weight: bold
  }
  
  .price-table thead th {
    padding: 10px;
    background: #0086af
  }
  
  .price-table thead th span {
    margin-top: 10px;
    display: block;
    font-weight: normal
  }
  
  .price-table thead tr:first-child th:last-child {
    border-right: none
  }
  
  .price-table tbody tr {
    background: #fff
  }
  
  .price-table tbody tr:nth-child(even) {
    background: #f2f2f2
  }
  
  .price-table tbody tr th {
    padding: 25px;
    background: #62bad5;
    white-space: nowrap
  }
  
  .price-table tbody tr:first-child th:first-child {
    padding: 0 10px;
    background: #0086af
  }
  
  .price-table tbody tr td {
    padding: 10px;
    white-space: nowrap
  }
  
  .price-table tbody tr td:last-child {
    border-right: none
  }
  
  .price-attentions {
    padding-top: 40px;
    counter-reset: number;
    list-style-type: none
  }
  
  .price-attentions li {
    display: table
  }
  
  .price-attentions li:before {
    display: table-cell;
    width: 2em;
    counter-increment: number;
    content: "※" counter(number)
  }
  
  .price-attentions li+li {
    margin-top: 1em
  }
  
  #contact-area h3 {
    margin-bottom: 15px;
    padding: 0 0 10px 0;
    border-bottom: solid 2px #3e3a39;
    height: inherit;
    font-size: 24px;
    font-weight: normal;
    line-height: 32px;
    text-align: left;
    letter-spacing: -1px
  }
  
  #contact-area a {
    padding: 0 40px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    background: #fff
  }
  
  #contact-area a p {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 50%;
    height: 100px
  }
  
  #contact-area .contact-button {
    margin: 0;
    width: 35%;
    height: 50px
  }
  
  .mgr-vision-building .kv:after {
    background: url(/lxd-data/images/mgr-vision-building/kv.webp) no-repeat bottom center;
    background-size: cover
  }
  
  .mgr-vision-building #workshop .lxd-lead {
    text-align: center
  }
  
  .mgr-vision-building #workshop .title-icon h3:before {
    background: url(/lxd-data/images/mgr-vision-building/icon-ico-mini-workshop.svg) no-repeat;
    background-size: cover
  }
  
  .mgr-vision-building .workshop-content {
    padding: 40px 40px 15px;
    background: #fff
  }
  
  .mgr-vision-building .workshop-content ol {
    counter-reset: number;
    list-style-type: none
  }
  
  .mgr-vision-building .workshop-content ol li {
    padding: 5px 20px;
    border-top: solid 1.5px #cdd6dd;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    gap: 0 25px
  }
  
  .mgr-vision-building .workshop-content ol li:last-child {
    border-bottom: solid 1.5px #cdd6dd
  }
  
  .mgr-vision-building .workshop-content ol .process {
    margin-left: 2em;
    padding: 3px 0;
    border-radius: 5px;
    position: relative;
    width: 190px;
    color: #fff;
    background: #2978ba;
    font-weight: bold;
    text-align: center;
    white-space: nowrap
  }
  
  .mgr-vision-building .workshop-content ol .process:before {
    padding: 3px 10px;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: -2.5em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    counter-increment: number;
    color: #3e3a39;
    background: #ccddec;
    content: counter(number)
  }
  
  .mgr-vision-building .workshop-content .comment {
    margin-top: 15px
  }
  
  .mgr-vision-building .workshop-content .comment:before {
    content: "＊"
  }
  
  .human-rights-dd .kv:after {
    background: url(/lxd-data/images/human-rights-dd/kv.webp) no-repeat bottom center;
    background-size: cover
  }
  
  .human-rights-dd #self_check .title-icon h3:before {
    background: url(/lxd-data/images/human-rights-dd/icon_ico-self-check.svg) no-repeat
  }
  
  .human-rights-dd #self_check img {
    display: block;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .1)
  }
  
  .human-rights-dd #self_check small.comment:before {
    content: none
  }
  
  .manalearn-detail .inner-left {
    width: 740px
  }
  
  .manalearn-detail section {
    background: #fff
  }
  
  .manalearn-detail section h3 {
    margin-bottom: 25px;
    padding: 5px 0 0 25px;
    border-left: solid 7px #256da8;
    background: #ecebeb;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    letter-spacing: .06em
  }
  
  .manalearn-detail .lxd-btn-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
  }
  
  .manalearn-detail .lxd-btn-wrap a {
    margin: 0 8px;
    display: block
  }
  
  .manalearn-detail .lxd-btn-wrap a:hover {
    opacity: .7
  }
  
  .manalearn-detail .lxd-btn-wrap img {
    width: 371px;
    height: auto
  }
  
  .manalearn-detail .dot-list {
    padding: 0 0 0 32px
  }
  
  .manalearn-detail .dot-list li {
    margin-bottom: 12.5px;
    position: relative;
    font-weight: bold;
    letter-spacing: .15em
  }
  
  .manalearn-detail .dot-list li:last-child {
    margin-bottom: 0
  }
  
  .manalearn-detail .dot-list li:before {
    position: absolute;
    top: -4px;
    left: -37px;
    color: #9f9d9c;
    font-family: "ilm";
    font-size: 22px;
    content: "n"
  }
  
  .manalearn-detail .contact-area {
    padding: 70px 0
  }
  
  .manalearn-detail .kv {
    margin: 0;
    padding: 105px 0 30px;
    min-height: 470px;
    background: #f6f6f6;
    flex-direction: column;
    align-items: center
  }
  
  .manalearn-detail .kv .kv-wrap {
    width: 1100px;
    padding: 45px 35px 45px 55px;
    text-align: left;
    display: -webkit-box;
    display: flex;
    background: #fff;
    box-shadow: 0 0 15px rgba(62, 58, 57, .2)
  }
  
  .manalearn-detail .kv .kv-wrap:before, .manalearn-detail .kv .kv-wrap:after {
    content: "";
    background: #246da8;
    position: absolute;
    bottom: -6px;
    right: -6px
  }
  
  .manalearn-detail .kv .kv-wrap:before {
    width: 6px;
    height: 80px
  }
  
  .manalearn-detail .kv .kv-wrap:after {
    width: 100px;
    height: 6px
  }
  
  .manalearn-detail .kv .kv-wrap .text-area {
    margin-right: 32px;
    width: 530px
  }
  
  .manalearn-detail .kv .kv-wrap .text-area .title-head {
    padding-left: 55px;
    width: 585px;
    height: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background: #246da8;
    position: absolute;
    top: -20px;
    left: 0
  }
  
  .manalearn-detail .kv .kv-wrap .text-area .title-head p {
    font-size: 22px;
    font-weight: normal;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
  }
  
  .manalearn-detail .kv .kv-wrap .text-area .title-head p span {
    font-weight: bold
  }
  
  .manalearn-detail .kv .kv-wrap .text-area .title-head small {
    margin-left: 15px;
    font-weight: normal;
    line-height: .8;
    letter-spacing: -0.075em
  }
  
  .manalearn-detail .kv .kv-wrap .text-area .title-head small>span {
    margin-left: 1em;
    font-size: 14px;
    letter-spacing: normal
  }
  
  .manalearn-detail .kv .kv-wrap .text-area .title-main h2 {
    padding: 0 0 0 0;
    height: 90px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 38px;
    line-height: 1.2;
    letter-spacing: .04em;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal
  }
  
  .manalearn-detail .kv .kv-wrap .text-area .title-main p {
    margin-top: 14px;
    font-weight: normal;
    line-height: 1
  }
  
  .manalearn-detail .kv .kv-wrap .text-area .title-lead {
    margin-top: 14px;
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: .08em
  }
  
  .manalearn-detail .kv .kv-wrap .kv-img {
    width: 440px;
    height: 100%
  }
  
  .manalearn-detail .kv .lxd-btn-wrap {
    margin: 30px 0 0 -7px;
    -webkit-box-pack: start;
    justify-content: flex-start
  }
  
  .manalearn-detail .program-lead {
    padding: 24px 0 15px;
/*    background: url(../img/program-lead-bgi.webp) no-repeat bottom center*/;
    background: url(../img/program-lead-bgi2.png) no-repeat bottom center;
    background-size: cover;
    font-weight: bold
  }
  
  .manalearn-detail .program-lead p {
    margin-left: -10px;
    letter-spacing: .03em
  }
  
  .manalearn-detail .program-lead .illust-list {
    padding-top: 13px;
    display: -webkit-box;
    display: flex
  }
  
  .manalearn-detail .program-lead .illust-list li+li {
    margin-left: 19px
  }
  
  .manalearn-detail .program-lead .illust-list img {
    height: auto
  }
  
  .manalearn-detail .program-lead .illust-list .-input img {
    width: 244px
  }
  
  .manalearn-detail .program-lead .illust-list .-workshop img {
    width: 255px
  }
  
  .manalearn-detail .program-lead .illust-list .-check {
    margin-left: 11px
  }
  
  .manalearn-detail .program-lead .illust-list .-check img {
    width: 225px
  }
  
  .manalearn-detail .program-lead .illust-list .-practice {
    margin-left: 14px
  }
  
  .manalearn-detail .program-lead .illust-list .-practice img {
    width: 223px
  }
  
  .manalearn-detail .program-lead a {
    margin-top: 15px;
    padding-right: 21px;
    display: block;
    position: relative;
    font-size: 14px;
    text-align: right
  }
  
  .manalearn-detail .program-lead a:after {
    position: absolute;
    top: 48%;
    right: .25em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-family: "ilm";
  
  }
  
  .manalearn-detail .program-lead a:hover {
    opacity: .7
  }
  
  .manalearn-detail #program-purpose {
    padding-bottom: 71px
  }
  
  .manalearn-detail #program-purpose p {
    font-weight: bold;
    line-height: 1.7;
    letter-spacing: .15em
  }
  
  .manalearn-detail #program-goal {
    padding: 0 0 75px 0
  }
  
  .manalearn-detail #program-goal h3 {
    margin-bottom: 30px
  }
  
  .manalearn-detail #program-goal .dot-list {
    font-size: 18px
  }
  
  .manalearn-detail #program-goal .lxd-btn-wrap {
    margin: 71px 0 0 -15px;
    -webkit-box-pack: start;
    justify-content: flex-start
  }
  
  .manalearn-detail #program-detail {
    padding: 0 0 0 0
  }
  
  .manalearn-detail #program-detail h3 {
    margin-bottom: 28px
  }
  
  .manalearn-detail #program-detail .dot-list {
    margin-bottom: 27px
  }
  
  .manalearn-detail #program-detail>img {
    width: 100%;
    height: auto
  }
  
  .manalearn-detail #program-detail .program-contents {
    margin-top: 30px
  }
  
  .manalearn-detail #program-detail .program-contents h4 {
    padding-left: 23px;
    position: relative;
    font-weight: bold;
    letter-spacing: .13em
  }
  
  .manalearn-detail #program-detail .program-contents h4:before {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    color: #8e4fc7;
    background: #8e4fc7;
    content: ""
  }
  
  .manalearn-detail #program-detail .program-contents>p {
    margin-top: 18px;
    font-weight: bold;
    line-height: 1.65
  }
  
  .manalearn-detail #program-detail .program-contents small.comment {
    margin-top: 20px;
    text-align: left
  }
  
  .manalearn-detail #program-detail .program-contents:last-child {
    margin-top: 52px
  }
  
  .manalearn-detail #program-detail .program-contents:last-child h4:before {
    color: #cf4f00;
    background: #cf4f00
  }
  
  .manalearn-detail #program-detail .program-contents:last-child .program-list li:before {
    color: #cf4f00
  }
  
  .manalearn-detail #program-detail .program-list {
    margin-top: 19px;
    border: solid 2px #b2b0b0;
    counter-reset: item
  }
  
  .manalearn-detail #program-detail .program-list li {
    padding-left: 36px;
    border-bottom: solid 2px #b2b0b0;
    position: relative;
    list-style-type: none;
    font-weight: bold;
    font-weight: bold
  }
  
  .manalearn-detail #program-detail .program-list li:before {
    position: absolute;
    top: 50%;
    left: 13px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    counter-increment: item;
    color: #8e4fc7;
    content: counter(item)
  }
  
  .manalearn-detail #program-detail .program-list li:last-child {
    border-bottom: none
  }
  
  .manalearn-detail #program-detail .program-list li>p {
    padding: 10px 12px;
    border-left: solid 2px #b2b0b0;
    letter-spacing: .05em
  }
  
  .manalearn-detail #program-detail .program-list li>p>span {
    font-weight: normal;
    letter-spacing: 0
  }
  
  .manalearn-detail #price h3 {
    margin-bottom: 38px
  }
  
  .manalearn-detail #price .price-table {
    width: 740px
  }
  
  .manalearn-detail #price .price-table thead th {
    padding: 10px 5px
  }
  
  .manalearn-detail #price .price-table thead tr:last-child th {
    font-size: 14px
  }
  
  .manalearn-detail #price .price-table tbody tr th {
    padding: 20px 10px
  }
  
  .manalearn-detail #newAside .navBox {
    margin-bottom: 20px
  }
  
  .manalearn-detail #newAside .navBox:last-child {
    margin-bottom: 0
  }
  
  .manalearn-detail #newAside .navBox .topLink {
    border-top: solid 5px #dadf00
  }
  
  .manalearn-detail #newAside .navBox .topLinkInner {
    padding: 25px 20px 20px 15px;
    -webkit-box-pack: start;
    justify-content: flex-start;
    height: 72px
  }
  
  .manalearn-detail #newAside .navBox .topLinkTitle small {
    margin-right: 3px;
    font-size: 16px;
    letter-spacing: -0.03em
  }
  
  .manalearn-detail #newAside .navBox .nav-head {
    padding: 2px 20px 1px 15px;
    background: #d3dce1;
    font-size: 15px;
    font-weight: bold
  }
  
  .manalearn-detail #newAside .navBox .sideNavList li {
    line-height: 1.3
  }
  
  .manalearn-detail #newAside .navBox .sideNavList .lineup {
    font-weight: bold;
    border-top: solid 2px #ddd;
    border-bottom: solid 3px #ddd
  }
  
  .manalearn-detail #newAside .navBox .sideNavList .lineup a {
    padding: 18px 20px 18px 15px
  }
  
  .manalearn-detail #newAside .navBox .sideNavList .lineup a:after {
    font-weight: normal
  }
  
  .manalearn-detail #newAside .navBox .sideNavList .dl-link {
    font-size: 14px;
    line-height: 1.6
  }
  
  .manalearn-detail #newAside .navBox .sideNavList .dl-link span {
    display: block;
    font-size: 20px;
    font-weight: bold
  }
  
  .manalearn-detail #newAside .navBox .sideNavList .dl-link small {
    font-size: 16px
  }
  
  .manalearn-detail #newAside .navBox .sideNavList .dl-link a:after {
    top: 75%;
    font-size: 16px
  }
  
  .global-training .kv:after {
    background: url(/lxd-data/images/global-training/kv.webp?2024) no-repeat bottom center;
    background-size: cover
  }
  
  .global-training #workshop .lxd-lead {
    text-align: center
  }
  
  .global-training #workshop .title-icon h3:before {
    background: url(/lxd-data/images/global-training/icon-ico-mini-workshop.svg) no-repeat;
    background-size: cover
  }
  
  .global-training .workshop-content {
    padding: 40px 40px 15px;
    background: #fff
  }
  
  .global-training .workshop-content ol {
    counter-reset: number;
    list-style-type: none
  }
  
  .global-training .workshop-content ol li {
    padding: 5px 20px;
    border-top: solid 1.5px #cdd6dd;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    gap: 0 25px
  }
  
  .global-training .workshop-content ol li:last-child {
    border-bottom: solid 1.5px #cdd6dd
  }
  
  .global-training .workshop-content ol .process {
    margin-left: 2em;
    padding: 3px 0;
    border-radius: 5px;
    position: relative;
    width: 210px;
    color: #fff;
    background: #2978ba;
    font-weight: bold;
    text-align: center;
    white-space: nowrap
  }
  
  .global-training .workshop-content ol .process:before {
    padding: 3px 10px;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: -2.5em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    counter-increment: number;
    color: #3e3a39;
    background: #ccddec;
    content: counter(number)
  }
  
  .global-training .workshop-content .comment {
    margin-top: 15px
  }
  
  .global-training .workshop-content .comment:before {
    content: "＊"
  }
  
  .unconscious-bias .kv:after {
    background: url(/lxd-data/images/unconscious-bias/kv.webp) no-repeat bottom center;
    background-size: cover
  }
  
  .unconscious-bias #self_check .title-icon h3:before {
    background: url(/lxd-data/images/unconscious-bias/icon_ico-self-check.svg) no-repeat
  }
  
  .unconscious-bias #self_check img {
    display: block;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .1)
  }
  
  .unconscious-bias #self_check small.comment:before {
    content: none
  }
  
  .-jsAsideException #newAside {
    margin-top: 780px
  }
  
  @media only screen and (max-width: 640px) {
    .inner-wrap {
      padding: 0 3.125%;
      width: 100%
    }
    .topic_path {
      display: none
    }
    .contact-button {
      width: 92.8571428571%;
      height: 3.7em;
      font-size: 28px;
      font-size: 2.8rem;
      font-size: 4.375vw
    }
    small.comment {
      margin-top: 6.6666666667%;
      display: table;
      text-align: left;
      font-size: 26px;
      font-size: 2.6rem;
      font-size: 4.0625vw
    }
    small.comment:before {
      display: table-cell;
      width: 1.25em
    }
    .kv {
      margin-bottom: 1.6666666667rem;
      min-height: auto
    }
    .kv:after {
      display: block;
      position: relative;
      height: 6.5384615385em
    }
    .kv .kv-wrap {
      padding: 7.03125% 1.5625%;
      width: auto
    }
    .kv .title-head {
      font-size: 32px;
      font-size: 3.2rem;
      font-size: 5vw
    }
    .kv h2 {
      padding: 4.8387096774% 0 3.2258064516%;
      font-size: 42px;
      font-size: 4.2rem;
      font-size: 6.5625vw
    }
    .kv h2 span {
      font-size: 32px;
      font-size: 3.2rem;
      font-size: 5vw
    }
    .kv .learning-time {
      width: 48.3870967742%
    }
    .kv .days {
      font-size: 26px;
      font-size: 2.6rem;
      font-size: 4.0625vw
    }
    .kv .days span {
      font-size: 32px;
      font-size: 3.2rem;
      font-size: 5vw
    }
    .lead_section {
      padding-bottom: 3.3333333333rem
    }
    .index_box {
      margin-top: 2.5rem
    }
    section {
      padding: 3.3333333333rem 0
    }
    section h3 {
      margin: 0 3.125% 6.25%;
      font-size: 34px;
      font-size: 3.4rem;
      font-size: 5.3125vw
    }
    .title-icon {
      margin-top: -6.25%
    }
    .title-icon h3:before {
      margin-bottom: 3.3333333333%;
      display: block;
      position: relative;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 2.9411764706em;
      height: 2.9411764706em
    }
    .lxd-lead {
      font-size: 26px;
      font-size: 2.6rem;
      font-size: 4.0625vw
    }
    .merit-panel li {
      width: 100%
    }
    .merit-panel img {
      padding: 1.6666666667% 0;
      height: 7.6923076923em
    }
    .merit-panel h4 {
      margin: 6.25% 0;
      font-size: 30px;
      font-size: 3rem;
      font-size: 4.6875vw
    }
    .feature-program {
      margin-bottom: 6.25%;
      padding: 5%
    }
    .feature-program h4 {
      font-size: 34px;
      font-size: 3.4rem;
      font-size: 5.3125vw
    }
    .feature-program ul {
      padding-top: 3.7037037037%
    }
    .feature-program ul li {
      font-size: 26px;
      font-size: 2.6rem;
      font-size: 4.0625vw
    }
    .concept-link {
      text-align: right
    }
    .concept-link a {
      padding: 3.3333333333%;
      font-size: 26px;
      font-size: 2.6rem;
      font-size: 4.0625vw
    }
    #movie_lecture .title-icon:not(:first-of-type) {
      margin-top: 3.3333333333rem
    }
    #movie_lecture .inner-wrap .lecture-table th {
      padding: 3.3333333333%;
      width: 33.3333333333%;
      white-space: nowrap
    }
    #movie_lecture .inner-wrap .lecture-table td {
      padding: 3.3333333333%;
      width: 66.6666666667%
    }
    #movie_lecture .inner-wrap:last-of-type .lecture-table:after {
      margin-top: 6.6666666667%;
      display: block;
      position: relative;
      right: 0;
      width: 100%;
      height: 11.2692307692em;
      background-size: cover
    }
    #price h4 {
      margin-bottom: 5%;
      padding: 0 0 .8333333333%;
      font-size: 32px;
      font-size: 3.2rem;
      font-size: 5vw
    }
    .price-table {
      min-width: 1000px;
      max-width: 100%
    }
    .price-table thead th {
      padding: .7692307692em;
      white-space: nowrap
    }
    .price-table thead th span {
      margin-top: .3846153846em
    }
    .price-table tbody tr th {
      padding: .9615384615em
    }
    .price-table tbody tr:first-child th:first-child {
      padding: 0 .7692307692em
    }
    .price-table tbody tr td {
      padding: .7692307692em
    }
    .price-attentions {
      padding-top: 6.6666666667%
    }
    #contact-area h3 {
      margin-bottom: 1em;
      padding: 0 0 1em;
      font-size: 30px;
      font-size: 3rem;
      font-size: 4.6875vw;
      line-height: 1.2
    }
    #contact-area a {
      padding: 7.5%;
      display: -webkit-box;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      justify-content: space-between;
      background: #fff
    }
    #contact-area a p {
      -webkit-box-pack: center;
      justify-content: center;
      width: 100%;
      height: auto
    }
    #contact-area .contact-button {
      margin-top: 8.8235294118%;
      padding: 1em 0;
      width: 100%;
      height: auto;
      text-indent: 0
    }
    .scroll-box {
      padding-bottom: 10px;
      overflow-x: auto
    }
    .scroll-box::-webkit-scrollbar {
      height: 4px
    }
    .scroll-box::-webkit-scrollbar-track {
      background: #eee
    }
    .scroll-box::-webkit-scrollbar-thumb {
      border: none;
      background: #aaa
    }
    .scroll-box::-webkit-scrollbar-thumb:hover {
      background: #999
    }
    .mgr-vision-building .workshop-content {
      padding: 6.6666666667% 3.3333333333%
    }
    .mgr-vision-building .workshop-content ol li {
      padding: 3.5714285714% 0;
      flex-wrap: wrap;
      gap: .3846153846em 7.1428571429%
    }
    .mgr-vision-building .workshop-content ol li img {
      width: auto;
      height: 2.3076923077em
    }
    .mgr-vision-building .workshop-content ol .process {
      width: 57.6923076923%
    }
    .mgr-vision-building .workshop-content ol .process:before {
      padding: .9375% 4.6875%
    }
    .human-rights-dd #self_check small {
      margin-top: 6.6666666667%
    }
    .manalearn-detail .inner-left {
      padding: 0 3.3333333333%;
      width: 100%
    }
    .manalearn-detail section h3 {
      margin: 0;
      padding: 2.5% 0 .7142857143% 5.7142857143%;
      border-width: .4666666667em;
      letter-spacing: .08em;
      font-size: 30px;
      font-size: 3rem;
      font-size: 4.6875vw
    }
    .manalearn-detail .lxd-btn-wrap {
      display: block;
      font-size: 24px;
      font-size: 2.4rem;
      font-size: 3.75vw
    }
    .manalearn-detail .lxd-btn-wrap a {
      margin: 0;
      display: block;
      text-align: center
    }
    .manalearn-detail .lxd-btn-wrap a+a {
      margin-top: .4166666667em
    }
    .manalearn-detail .lxd-btn-wrap img {
      width: 24.5em;
      height: auto
    }
    .manalearn-detail .dot-list {
      padding: 0 0 0 5.3571428571%
    }
    .manalearn-detail .dot-list li {
      margin-bottom: 1.5094339623%;
      line-height: 1.7;
      letter-spacing: .05em
    }
    .manalearn-detail .dot-list li:before {
      top: 0;
      left: -1.3125em;
      font-size: 32px;
      font-size: 3.2rem;
      font-size: 5vw
    }
    .manalearn-detail .contact-area {
      padding: 7.8125% 0
    }
    .manalearn-detail .contact-area .inner-left {
      padding: 0
    }
    .manalearn-detail .kv {
      padding: 4.6875% 0 6.25%;
      min-height: auto;
      background: #fff
    }
    .manalearn-detail .kv:after {
      content: none
    }
    .manalearn-detail .kv .kv-wrap {
      padding: 0;
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      left: 0;
      text-align: center;
      box-shadow: none
    }
    .manalearn-detail .kv .kv-wrap:before, .manalearn-detail .kv .kv-wrap:after {
      content: none
    }
    .manalearn-detail .kv .kv-wrap .text-area {
      margin-right: 0;
      width: 100%
    }
    .manalearn-detail .kv .kv-wrap .text-area .title-head {
      padding: 4.6875% 0 3.125%;
      width: 100%;
      height: auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      position: relative;
      top: 0
    }
    .manalearn-detail .kv .kv-wrap .text-area .title-head p {
      padding-left: 0;
      font-size: 30px;
      font-size: 3rem;
      font-size: 4.6875vw
    }
    .manalearn-detail .kv .kv-wrap .text-area .title-head small {
      margin: -.6666666667% 0 0 0;
      line-height: 1
    }
    .manalearn-detail .kv .kv-wrap .text-area .title-head small>span {
      margin-left: 0;
      display: block;
      font-size: 24px;
      font-size: 2.4rem;
      font-size: 3.75vw
    }
    .manalearn-detail .kv .kv-wrap .text-area .title-main {
      padding: 0 3.125%
    }
    .manalearn-detail .kv .kv-wrap .text-area .title-main h2 {
      padding: 5% 0 0;
      height: auto;
      -webkit-box-pack: center;
      justify-content: center;
      line-height: 1.5;
      font-size: 32px;
      font-size: 3.2rem;
      font-size: 5vw
    }
    .manalearn-detail .kv .kv-wrap .text-area .title-main p {
      font-weight: bold
    }
    .manalearn-detail .kv .kv-wrap .text-area .title-lead {
      margin: 2% 0 3%;
      padding: 0 3.125%;
      text-align: left;
      letter-spacing: .05em;
      font-size: 28px;
      font-size: 2.8rem;
      font-size: 4.375vw
    }
    .manalearn-detail .kv .kv-wrap .kv-img {
      width: 100%
    }
    .manalearn-detail .kv .lxd-btn-wrap {
      margin: 5.6666666667% 0 0 0
    }
    .manalearn-detail .program-lead {
      padding: 7.1875% 0 4.6875%;
      background: url(../img/program-lead-bgi2-sp.png) no-repeat bottom center;
      background-size: cover
    }
    .manalearn-detail .program-lead p {
      margin-left: 0;
      line-height: 1.6;
      letter-spacing: .05em
    }
    .manalearn-detail .program-lead .illust-list {
      margin-left: 2.6666666667%;
      padding: 6.6666666667% 0 0 0;
      flex-wrap: wrap;
      gap: .9230769231em 1.1538461538em
    }
    .manalearn-detail .program-lead .illust-list li {
      width: 46.2068965517%
    }
    .manalearn-detail .program-lead .illust-list li+li {
      margin-left: 0
    }
    .manalearn-detail .program-lead .illust-list img {
      height: auto
    }
    .manalearn-detail .program-lead .illust-list .-input, .manalearn-detail .program-lead .illust-list .-workshop, .manalearn-detail .program-lead .illust-list .-check, .manalearn-detail .program-lead .illust-list .-practice {
      margin-left: 0
    }
    .manalearn-detail .program-lead .illust-list .-input img, .manalearn-detail .program-lead .illust-list .-workshop img, .manalearn-detail .program-lead .illust-list .-check img, .manalearn-detail .program-lead .illust-list .-practice img {
      width: 100%
    }
    .manalearn-detail .program-lead a {
      margin-top: 7%;
      padding-right: 6.3333333333%;
      font-size: 24px;
      font-size: 2.4rem;
      font-size: 3.75vw
    }
    .manalearn-detail .program-lead a:after {
      position: absolute;
      top: 48%;
      right: .25em;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      color: #fff;
      font-family: "ilm";
    }
    .manalearn-detail .program-lead a:hover {
      opacity: .7
    }
    .manalearn-detail #program-purpose {
      padding-bottom: 9.2857142857%
    }
    .manalearn-detail #program-purpose p {
      margin-top: 5%;
      line-height: 1.95;
      letter-spacing: -0.01em;
      font-size: 28px;
      font-size: 2.8rem;
      font-size: 4.375vw
    }
    .manalearn-detail #program-goal {
      padding: 0 0 10.7142857143% 0
    }
    .manalearn-detail #program-goal h3 {
      margin-bottom: 8.2142857143%
    }
    .manalearn-detail #program-goal .dot-list {
      font-size: 32px;
      font-size: 3.2rem;
      font-size: 5vw
    }
    .manalearn-detail #program-goal .lxd-btn-wrap {
      margin: 10.101010101% 0 0 -2.3569023569%;
      -webkit-box-pack: start;
      justify-content: flex-start
    }
    .manalearn-detail #program-detail {
      padding: 0 0 0 0
    }
    .manalearn-detail #program-detail h3 {
      margin-bottom: 5.7142857143%
    }
    .manalearn-detail #program-detail .dot-list {
      margin-bottom: 7.1428571429%
    }
    .manalearn-detail #program-detail .dot-list li:before {
      top: -0.1875em
    }
    .manalearn-detail #program-detail .program-contents {
      margin-top: 8.2142857143%
    }
    .manalearn-detail #program-detail .program-contents h4 {
      padding-left: 5.7142857143%;
      letter-spacing: .075em
    }
    .manalearn-detail #program-detail .program-contents h4:before {
      width: .7692307692em;
      height: .7692307692em
    }
    .manalearn-detail #program-detail .program-contents>p {
      margin-top: 2.1428571429%;
      font-size: 28px;
      font-size: 2.8rem;
      font-size: 4.375vw
    }
    .manalearn-detail #program-detail .program-contents:last-child {
      margin-top: 10.7142857143%
    }
    .manalearn-detail #program-detail .program-list {
      margin-top: 4.2857142857%
    }
    .manalearn-detail #program-detail .program-list li {
      padding-left: 10.7913669065%;
      font-size: 28px;
      font-size: 2.8rem;
      font-size: 4.375vw
    }
    .manalearn-detail #program-detail .program-list li:before {
      left: .8571428571em
    }
    .manalearn-detail #program-detail .program-list li>p {
      padding: 4.435483871% 3.2258064516%
    }
    .manalearn-detail #price h3 {
      margin-bottom: 7.1428571429%
    }
    .manalearn-detail #price .price-table thead th {
      padding: .7692307692em
    }
    .manalearn-detail #price .price-table thead tr:last-child th {
      font-size: 26px;
      font-size: 2.6rem;
      font-size: 4.0625vw
    }
    .manalearn-detail #price .price-table tbody tr th {
      padding: 1.9230769231em
    }
    .manalearn-detail #price .price-table tbody tr:first-child th:first-child {
      padding: 0 .7692307692em
    }
    .manalearn-detail #newAside .sideWrap {
      width: 62.5%
    }
    .manalearn-detail #newAside .navBox {
      margin-bottom: 7.5%;
      box-shadow: 0 0 20px rgba(62, 58, 57, .2)
    }
    .manalearn-detail #newAside .navBox .topLinkInner {
      padding: 9% 15% 6% 7.5%;
      height: 18.5vw
    }
    .manalearn-detail #newAside .navBox .topLinkInner:after {
      font-size: 52px;
      font-size: 5.2rem;
      font-size: 8.125vw
    }
    .manalearn-detail #newAside .navBox .topLinkTitle {
      font-size: 34px;
      font-size: 3.4rem;
      font-size: 5.3125vw
    }
    .manalearn-detail #newAside .navBox .topLinkTitle small {
      margin-right: .3846153846em;
      font-size: 26px;
      font-size: 2.6rem;
      font-size: 4.0625vw
    }
    .manalearn-detail #newAside .navBox .nav-head {
      padding: 2% 8% 0;
      font-size: 24px;
      font-size: 2.4rem;
      font-size: 3.75vw
    }
    .manalearn-detail #newAside .navBox .sideNavList li a {
      padding: 8.5% 15% 7% 7.5%
    }
    .manalearn-detail #newAside .navBox .sideNavList li a:after {
      font-size: 52px;
      font-size: 5.2rem;
      font-size: 8.125vw
    }
    .manalearn-detail #newAside .navBox .sideNavList li:last-child {
      border-bottom: none
    }
    .manalearn-detail #newAside .navBox .sideNavList .dl-link {
      line-height: 1.6;
      font-size: 24px;
      font-size: 2.4rem;
      font-size: 3.75vw
    }
    .manalearn-detail #newAside .navBox .sideNavList .dl-link span {
      margin-bottom: 4.7368421053%;
      font-size: 34px;
      font-size: 3.4rem;
      font-size: 5.3125vw
    }
    .manalearn-detail #newAside .navBox .sideNavList .dl-link small {
      margin-right: .3846153846em;
      font-size: 26px;
      font-size: 2.6rem;
      font-size: 4.0625vw
    }
    .manalearn-detail #newAside .navBox .sideNavList .dl-link a {
      padding: 5% 15% 7% 7.5%
    }
    .manalearn-detail #newAside .navBox .sideNavList .dl-link a:after {
      top: 60%;
      font-size: 52px;
      font-size: 5.2rem;
      font-size: 8.125vw
    }
    .global-training .workshop-content {
      padding: 6.6666666667% 3.3333333333%
    }
    .global-training .workshop-content ol li {
      padding: 3.5714285714% 0;
      flex-wrap: wrap;
      gap: .3846153846em 7.1428571429%
    }
    .global-training .workshop-content ol li img {
      width: auto;
      height: 2.3076923077em
    }
    .global-training .workshop-content ol .process {
      width: 58.9285714286%
    }
    .global-training .workshop-content ol .process:before {
      padding: .9375% 4.6875%
    }
    .unconscious-bias #self_check small {
      margin-top: 6.6666666667%
    }
    .-jsAsideException #newAside {
      margin-top: 0
    }
  }