main .achievements-con:nth-of-type(even) {
  background-color: #F9FAFA; }
main .achievements-con:nth-of-type(odd) .c-right {
  background-color: #F9FAFA; }
  main .achievements-con:nth-of-type(odd) .c-right dl,
  main .achievements-con:nth-of-type(odd) .c-right .bg-color {
    background-color: #fff; }

.achievements-con .wrapper .achie-tit {
  position: relative;
  z-index: 21;
  top: 1em;
  left: -1em;
  display: inline-block;
  background-color: var(--cl-page-ink);
  color: var(--cl-white);
  padding: .3em .8em .4em;
  margin-top: -1em; }
.achievements-con .wrapper .inner {
  margin-bottom: var(--u-padding); }
  .achievements-con .wrapper .inner > .uk-card {
    background-color: transparent;
    /*align-items: stretch;
    height: 726px;
    gap: var(--u-padding);
    margin-bottom: 0;*/ }
.achievements-con .nav-page {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--u-padding) / 3);
  justify-content: center; }
  .achievements-con .nav-page a {
    position: relative;
    font-weight: 700;
    font-size: 1.25em;
    letter-spacing: 0.05em;
    padding: .5em 0;
    padding-left: 1em;
    border-radius: 5em;
    padding: 0.7em 1.2em 0.8em;
    padding-left: 3em;
    background-color: var(--cl-3D-build);
    transition: var(--trans-time); }
    .achievements-con .nav-page a::before {
      position: absolute;
      display: inline-block;
      content: "";
      top: 50%;
      left: 1.5em;
      transform: translate(0, -50%);
      width: 1em;
      height: 1em;
      font-size: inherit;
      background-image: url("/share/asset/ui/ic-arrow-black-2.svg");
      background-size: 0.9em;
      background-position: center center; }
.achievements-con .c-left .flexbox {
  gap: calc(var(--u-padding) / 2); }
.achievements-con .c-left img {
  aspect-ratio: 16/9;
  object-fit: cover; }
.achievements-con .c-left .im-w50 {
  width: calc(50% - var(--u-padding) / 4); }
.achievements-con .c-right {
  padding: 0 var(--u-padding);
  border-radius: 0.5em;
  background-color: #fff;
  height: 100%; }
  .achievements-con .c-right .uk-card-title {
    font-weight: 600;
    font-size: 1.875em;
    letter-spacing: 0.02em;
    line-height: 1.7em;
    margin-bottom: 1em; }
  .achievements-con .c-right .c-text {
    margin-top: var(--u-padding); }
    .achievements-con .c-right .c-text > div + div {
      margin-top: 3em; }
  .achievements-con .c-right .scroll-y {
    margin: var(--u-padding) auto;
    max-height: calc(100% - var(--u-padding) * 2); }
  .achievements-con .c-right .h-icon {
    margin-bottom: 1em;
    font-size: 1.25em;
    font-weight: 600;
    padding-left: 2em;
    background-size: 1.5em; }
  .achievements-con .c-right .ul-ic li {
    padding-left: 2em;
    margin-bottom: 0.5em; }
    .achievements-con .c-right .ul-ic li::before {
      width: 1em;
      top: 0; }
  .achievements-con .c-right .ul-square li {
    margin-bottom: 0.5em;
    font-weight: 500; }
  .achievements-con .c-right .ul-square p {
    font-weight: normal;
    margin-top: 0.5em;
    padding-left: 1em; }
  .achievements-con .c-right .ul-square li + li {
    margin-top: 1.5em; }
  .achievements-con .c-right .bg-color {
    padding: var(--u-padding-s);
    border-radius: 0.5em; }
  .achievements-con .c-right .h-icon.ic-setting::before {
    width: 1.6em;
    transform: translate(0, calc(-50% - 0.35em)); }
  .achievements-con .c-right .h-icon.ic-streng {
    padding-left: 0;
    font-size: 1.75em; }
    .achievements-con .c-right .h-icon.ic-streng .no {
      position: relative;
      display: inline-block;
      font-size: 0.75em;
      font-weight: 600; }
      .achievements-con .c-right .h-icon.ic-streng .no::after {
        position: absolute;
        display: inline-block;
        content: "";
        width: 5.2em;
        height: 3.1em;
        right: 0;
        top: 50%;
        transform: translate(100%, -65%);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center; }
  .achievements-con .c-right .h-line {
    font-size: 1.875em;
    letter-spacing: 0.05em;
    color: var(--cl-pageink);
    padding-left: 2em; }
  .achievements-con .c-right .uk-accordion-title {
    font-size: 1em;
    font-weight: 500;
    line-height: 1.7em; }
  .achievements-con .c-right .uk-accordion-content {
    margin-top: 0.5em; }
  .achievements-con .c-right .uk-accordion > :nth-child(n+2) {
    margin-top: 0.5em; }
  .achievements-con .c-right .uk-accordion > li.uk-open + li {
    margin-top: 1em; }
.achievements-con .c-left,
.achievements-con .c-right {
  width: 100%; }
.achievements-con .achievements-example {
  padding-top: 3em; }
  .achievements-con .achievements-example .h-line {
    margin-bottom: 1.5em; }
@media only screen and (min-width: 1493px) {
  .achievements-con .wrapper {
    max-width: 1280px; }
    .achievements-con .wrapper .inner > .uk-card {
      align-items: stretch;
      height: 726px;
      gap: var(--u-padding);
      margin-bottom: 0; }
  .achievements-con .c-left,
  .achievements-con .c-right {
    width: calc(50% - var(--u-padding) / 2); }
  .achievements-con .scroll-box {
    width: calc(1280px + (100% - 1280px)/2);
    margin-left: calc((100% - 1280px)/2); } }
@media only screen and (max-width: 1492px) {
  .achievements-con .c-right {
    height: 50em; } }
@media only screen and (max-width: 1192px) {
  .achievements-con .wrapper {
    max-width: calc(100% - var(--u-padding) * 2); }
    .achievements-con .wrapper .inner {
      max-width: 100%; } }
@media only screen and (max-width: 640px) {
  .achievements-con .nav-page {
    font-size: 0.75em;
    gap: calc(var(--u-padding) / 2); }
  .achievements-con .achie-tit {
    font-size: 1.5em; }
  .achievements-con .c-right {
    padding-top: var(--u-padding);
    padding-bottom: var(--u-padding); }
    .achievements-con .c-right .uk-card-title,
    .achievements-con .c-right .h-icon {
      font-size: 1.5em; }
      .achievements-con .c-right .uk-card-title.h-line,
      .achievements-con .c-right .h-icon.h-line {
        font-size: 1.5em; }
      .achievements-con .c-right .uk-card-title.h-line + .bt,
      .achievements-con .c-right .h-icon.h-line + .bt {
        margin-top: 0; }
    .achievements-con .c-right .h-icon {
      font-size: 1.25em; }
    .achievements-con .c-right .uk-card-title {
      font-size: 1.25em; }
    .achievements-con .c-right .h-icon.ic-streng {
      font-size: 1.25em; } }

.scroll-container .mouse {
  position: absolute;
  width: 1.3em;
  height: 2em;
  bottom: calc(var(--u-padding) / 1);
  right: calc(var(--u-padding) / 2);
  transform: translate(50%, 0%);
  border: 1px solid var(--cl-black);
  border-radius: 1em;
  opacity: 0.3; }
  .scroll-container .mouse::before {
    content: "";
    width: 0.2em;
    height: 0.4em;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--cl-black);
    border-radius: 5em;
    opacity: 1;
    animation: wheel 2s infinite;
    -webkit-animation: wheel 2s infinite; }
  .scroll-container .mouse p {
    position: absolute;
    border-radius: 5em;
    bottom: 3.5em;
    right: 0;
    font-size: 0.75em;
    writing-mode: vertical-lr;
    margin-right: 0;
    writing-mode: vertical-rl;
    height: 5em; }

@keyframes wheel {
  to {
    opacity: 0;
    top: 55%; } }
@-webkit-keyframes wheel {
  to {
    opacity: 0;
    top: 55%; } }
/**/
@media only screen and (min-width: 1493px) {
  .scroll-box .scroll-list {
    width: 100%;
    margin-left: 0; }
  .scroll-box .scroll-back,
  .scroll-box .scroll-next {
    top: calc(5.39vw + 63.5px);
    width: 2.6em;
    height: 2.6em; } }
@media only screen and (max-width: 640px) {
  main.c-main > section.achievements-con.nav-achie {
    padding: calc(var(--u-space) / 2) 0; } }
/**/
.achievements-con.nav-achie .wrapper {
  text-align: center;
  width: 100%; }
  .achievements-con.nav-achie .wrapper .achie-intro {
    position: relative;
    /*background: var(--cl-white);
    box-shadow: var(--custom-box-shadow-2);
    border-radius: 0.5em;
    padding: var(--u-padding);*/
    max-width: 756px;
    text-align: left;
    margin: 0 auto 5em; }
@media only screen and (min-width: 1493px) {
  .achievements-con.nav-achie .wrapper {
    max-width: 980px;
    /*.achie-intro {
    	padding: calc(var(--u-padding) * 2);
    }*/ } }
@media only screen and (max-width: 640px) {
  .achievements-con.nav-achie .wrapper .achie-intro {
    margin: 1em auto 2em; } }