@charset "utf-8";
/* CSS Document */

.pcnavi_start .page-navi-container ul.list-page-navi {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  font-size: 1.6rem;
  font-weight: 400;
  color: #000;
  line-height: 2.6;
}

.pcnavi_start .page-navi-container ul.list-page-navi a::after {
  content: "\f078";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 10px;
}

/*パンくず*/
.breadcrumb-container--flex-nav .list-breadcrumb {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.breadcrumb-container--flex-nav .list-breadcrumb>li {
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  font-size: 1.2rem;
}

.breadcrumb-container--flex-nav .list-breadcrumb>li+li::before {
  content: ">";
  display: inline-block;
  margin: 0 0.5em;
  color: #7d7d7d;
}

/*テキスト*/
.pcnavi_start .prdTxtArea,
.pcnavi_start .fw-400 {
  font-weight: 400;
}

/*画像*/
.pcnavi_start img {
  width: auto;
  max-width: 100%;
}

/*スタートボタン*/
.pcnavi_start .btn-block a {
  max-width: 350px;
  display: flex;
  border: #000 2px solid;
  border-radius: 8px;
  justify-content: center;
  background: url(/support/aquos/pcnavi/images/start/ico_arw.gif) no-repeat right 10px center;
  background-size: 26px;
  flex-direction: column;
  padding: 20px 45px 20px 30px;
  margin-inline: auto;
}

/*トップへ戻るボタン*/
#pageTop.default.pcnavi_start--pageTop a {
  background: #535353;
  border: 1px solid #535353;
}
#pageTop.default.pcnavi_start--pageTop a:hover {
  background-color: #fff;
  transition: background-color .3s ease;
  opacity: 1;
}
#pageTop.default.pcnavi_start--pageTop a:hover .fa-chevron-up:before {
  color: #535353;
}