@charset "utf-8";


.foot-top {
  background-color: #EDEDED;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}
.menu-foot li {
  border-color: rgba(51, 51, 51, 0.3);
}
.menu-foot li:last-child {
  border-right: 1px solid rgba(51, 51, 51, 0.3);
}
.menu-foot li a {
  color: #333;
}


/* --------------------------
pagettl
-------------------------- */
.banner-page {
  background-image: url('../img/meister/pagettl.jpg');
}



/* --------------------------
sec-meister
-------------------------- */
.sec-meister .flex {
    
}

.sec-meister .img-area {
    width: 50%;
}
.sec-meister .txt-area {
    width: 50%;
    padding-left: 60px;
}

.about-area .about:nth-child(even) .img-area {
  order: 2;
}
.about-area .about:nth-child(even) .txt-area {
  order: 1;
  padding-left: 0;
  padding-right: 60px;
}

@media (max-width: 1140px) {
    .sec-meister .flex {
        align-items: flex-start;
    }
}
@media (max-width: 991px) {
    .sec-meister .img-area {
        width: 100%;
    }

    .sec-meister .txt-area {
        width: 100%;
        padding-left: 0;
        padding-bottom: 20px;
        padding-top: 30px;
    }
    .about-area .about:nth-child(even) .txt-area {
        padding-right: 0;
        order: 3;
    }
}






/* --------------------------
sec-emblem
-------------------------- */
.sec-emblem {

}
.sec-emblem h2 > span {
  padding: 10px 30px;
  border: #00a0e8 solid 4px;

}
.sec-emblem .emblem-flex {
  display: flex;
  justify-content: center;
  gap: 50px;
}
.sec-emblem .emblem-img {
  width: 186px;
}
.sec-emblem .emblem-flex .emb-list {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 5px;
}
.sec-emblem .emblem-flex .emb-list .emb-item {
  position: relative;
  padding-left: 30px;
}
.sec-emblem .emblem-flex .emb-list .emb-item::before {
  content: "";
  position: absolute;
  top: 0.4em;
  left: 0;
  width: 20px;
  aspect-ratio: 1 / 1;
  background-image: url(../img/meister/i-check.svg);
}

@media (max-width: 991px) {
  .sec-emblem .emblem-flex {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
}

@media (max-width: 480px) {
  .sec-emblem .emblem-flex .emb-list .emb-item::before {
    top: 0.2em;
  }
}
@media (max-width: 410px) {
  .sec-emblem h2 > span {
    padding: 10px 10px;
    font-size: 2.0rem;
  }
}

/* --------------------------
btn-mstr
-------------------------- */
.sec-emblem .btnarea {
  margin: 0 auto;
  max-width: 340px;
}
.sec-emblem .btnarea .btn-mstr {
  position: relative;
    display: flex;
    align-items: center;
    color: #fff;
    background-color: #00A0E8;
    border-radius: 0;
    max-width: 400px;
    width: 100%;
    min-height: 50px;
    font-size: revert;
    padding: 25.5px 50px 25.5px 30px;
    text-wrap: wrap;
    text-align: start;
}

.sec-emblem .btnarea .btn-mstr .arrow {
  position: absolute;
    top: 45%;
    right: 30px;
    transform: translateY(-50%);
    width: 10px;
    aspect-ratio: 1 / 1;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}