/* ======
  pr
 ====== */
.pr {
  width: 100%;
  position: relative;
}
/* ======
  main
 ====== */
main {
  overflow: hidden;
}
main section {
  position: relative;
}

/* ======
  headline
 ====== */
h2.headline {
  font-size: 2rem;
  color: #333;
  line-height: 1.6;
  margin-bottom: 3rem;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 992px) {
  h2.headline {
    font-size: 3.5rem;
  }
}

main .btn{padding-top:2rem; padding-bottom:2rem; font-size:1.25rem; width:100%; white-space: nowrap; position:relative;}
main .btn svg{position:absolute; right:1.5rem; top:0; bottom:0; margin:auto;}
@media (max-width:575px) {
  main .btn{padding-left:4rem; padding-right:4rem;}
}
@media (min-width:576px) {
  main .btn{ width:auto; white-space:inherit;}
  main .btn svg{position:static;}
}
@media (min-width: 768px) {
  main .btn{font-size:2rem; }
}
.btn.d-inline-flex span{flex:1;}

#case h3{position:relative; padding-bottom:1rem; text-align:center;}
#case h3:before{content:''; position:absolute; margin:auto; bottom:0; left:0; right:0; width:5rem; height:3px; background-color:var(--main);}
#case div.case-border{border:5px solid var(--main); padding:1rem; border-radius:20px;}
#case .case-border-inner{display:grid; grid-template-columns: 30% 1fr; gap:0 .5rem;}
#case div.case-border-inner ul{list-style-type:none; padding:0; margin:0;}
#case div.case-border-inner ul li{padding:.5rem 0; }
#case div.case-border-inner ul li:not(:last-child){border-bottom:#707070 1px solid;}
@media (min-width: 992px) {
  #case div.case-border{padding:2rem;}
  #case .case-border-inner{ gap:0 1rem;}
}

ol.sq-num li{font-size:1.125rem; align-items:flex-start;}
@media (min-width:576px) {
  ol.sq-num li{align-items: center;}
}
@media (min-width: 768px) {
  ol.sq-num li{font-size:1.5rem; }
}

h3{color:var(--main); font-weight: 700; font-size:1.75rem;}
@media (max-width: 991px) {
  h3{margin:0 0 1rem;}
}
@media (min-width: 992px) {
  h3{font-size:2.5rem;}
}
/* ======
  news
 ====== */
.news-wrap div {
  box-sizing: border-box;
  transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
}

.news-wrap .tab {
  margin: 0px;
  cursor: pointer;
}

.news-wrap #news-content {
  overflow: hidden;
  position: relative;
  padding-bottom: 1px;
}

.news-wrap .tabcontent {
  position: absolute;
  left: 0px;
  top: 0px;
  background: var(--sub);
  width: 100%;
  transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
}

.news-wrap .tabcontent:first-child {
  position: relative;
}

.news-wrap .tabcontent.tab-active {
  border-top: 0px;
  display: block;
  transform: translateY(0%);
  -moz-transform: translateY(0%);
  -webkit-transform: translateY(0%);
}
/* A tiny wee bit of visual formating */

.news-wrap #news-container {
  list-style-type: none;
  padding: 0;
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}

.news-wrap .tab {
  padding: 0.5rem 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #000;
  text-align: center;
  flex: 1;
  font-size: 0.85rem;
}

.news-wrap .current-tab {
  background: #000;
  color: #fff;
}

@media (min-width: 992px) {
  .news-wrap {
    display: grid;
    grid-template-columns: 230px 1fr;
    grid-auto-flow: column;
    gap: 60px;
  }
  .news-wrap .news_inner {
    justify-content: center;
    padding-top: 2rem;
  }
  .news-wrap #news-container {
    display: block;
  }
  .news-wrap .tab {
    padding: 0.5rem 2rem;
    font-size: 0.95rem;
  }
}