@charset "UTF-8";
/**
 * スマホ TOPCSS
 * [変更履歴]
 * ---------------------------------------
 * [00] 新規作成
 */
.clearfix:after {
  display: block;
  content: "";
  clear: both;
}

/**
 * メニューボタン
 */
.menuBtnBox {
  padding: 10px 20px;
}

.menuBtnBox .contentsTitle h4, .menuBtnBox .contentsTitle h5, .menuBtnBox .contentsTitle h6 {
  font-size: 16px;
}

.menuBtnBox .btnBox {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.menuBtnBox .btnBox button {
  margin-top: 10px;
  text-align: left;
  padding: 1rem 2rem;
}

.menuBtnBox .obsLinkBox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 15px 20px 15px;
  font-size: 16px;
}

.menuBtnBox .obsLinkBox li {
  width: 48%;
}

.menuBtnBox .obsLinkBox a {
  text-decoration: underline;
}

/**
 * 横向き
 */
@media only screen and (orientation: landscape) {
  .menuBtnBox .btnBox {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .menuBtnBox .btnBox button {
    width: 45%;
  }
  .menuBtnBox .obsLinkBox li {
    width: 30%;
  }
}