/* --------------------------------------------------------
*g_nav
-------------------------------------------------------- */
#g_nav .li02 a {
  color: #07BFCB;
}

#g_nav .li02 img {
  visibility: hidden;
}

/* --------------------------------------------------------
*content
-------------------------------------------------------- */
.sec {
  -webkit-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.sec .wrapper_in {
  padding: 40px 0;
  padding-left: 15px;
  padding-right: 15px;
}

.sec h2 {
  text-align: center;
  margin-bottom: 30px;
  background: url("../../guide/img/sec01_bg_01.png") center 0 no-repeat;
  background-size: contain;
}

.sec h2 img {
  max-width: 100%;
  height: auto;
}

.sec h2 img {
  max-width: 50%;
}

.sec article br {
  display: none;
}

.sec article dl {
  margin-bottom: 20px;
}

.sec article dt {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 126%;
}

.sec-btns {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;

}

.sec-btns a {
  display: inline-block;
  text-align: center;
  width: 200px;
  padding: 14px 0;
  background: #373737;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 114%;
  letter-spacing: 0.05em;
  text-decoration: none;
  color: #fff;
}

.sec-btns a img {
  vertical-align: middle;
}

.sec-btns a:hover {
  background: #07BFCB;
}

#sec01, #sec03 {
  background: #EDEDED;
}

#sec02, #sec04 {
  background: #fff;
}

#sec01 {
  z-index: 4;
}

#sec02 {
  z-index: 3;
}

#sec03 {
  z-index: 2;
}

#sec04 {
  z-index: 1;
}