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

** languages
==================================================*/
#languagesSec .h3 {
  text-align: center; }
  #languagesSec .h3:before {
    content: '';
    display: block;
    width: 40px;
    aspect-ratio: 1/1;
    margin: 0 auto 16px;
    background: no-repeat center center/contain; }
  #languagesSec .h3 .marker {
    background: linear-gradient(rgba(245, 211, 75, 0.8)) no-repeat left bottom/100% 16px; }
  #languagesSec .h3.ico-check:before {
    background-image: url("../img/common/ico_check_ye.svg"); }
  #languagesSec .h3.ico-attention:before {
    background-image: url("../img/common/ico_attention_ye.svg"); }
#languagesSec .link-btn {
  margin-top: 40px; }
#languagesSec .btn-dl {
  margin: 64px auto 0;
  width: 100%; }
  #languagesSec .btn-dl-a {
    display: block;
    background: linear-gradient(to right, #00c3ff 0%, #62d995 12.5%, #f0cb3a 25%, #ec9e59 37.5%, #ed796d 50%, #ed796d 51%, #ec9e59 62.5%, #f0cb3a 75%, #62d995 87.5%, #00c3ff 100%);
    background-size: 200%;
    color: #fff;
    text-align: center;
    font-size: 2.6rem;
    line-height: 1.2;
    padding: 34px 0 32px;
    transition: all 0.4s;
    position: relative; }
    #languagesSec .btn-dl-a:before {
      content: "";
      font: normal normal 900 1em "Font Awesome 6 Free";
      line-height: inherit;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 40px; }
    #languagesSec .btn-dl-a:hover {
      background-position: right center;
      transition: all 0.6s; }
#languagesSec .btn-youtube {
  margin: 24px auto 0;
  width: 100%; }
  #languagesSec .btn-youtube-a {
    display: block;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.2;
    border: 1px solid #393f40;
    background: #fff;
    padding: 31px 0 27px;
    transition: all 0.4s;
    position: relative; }
    #languagesSec .btn-youtube-a:before {
      content: "";
      font: normal normal 400 1em "Font Awesome 6 Brands";
      line-height: inherit;
      color: #ff0000;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 39px;
      transition: all 0.6s; }
    #languagesSec .btn-youtube-a:hover {
      background: #ff0000;
      border-color: #ff0000;
      color: #fff; }
      #languagesSec .btn-youtube-a:hover:before {
        color: #fff;
        transition: all 0.6s; }

@media screen and (max-width: 767px) {
  #languagesSec .btn-dl-a:before {
    left: 24px; }
  #languagesSec .btn-youtube-a {
    padding: 19px 0 17px; }
    #languagesSec .btn-youtube-a:before {
      left: 23px; } }