@charset "utf-8";

/* --------------------------------------------------------
header
----------------------------------------------------------*/

div#header {
  background: #222;
  /* background: #333; */
}

div#headerBox {
  margin-bottom: 0;
}

#header div#logo p a img { /* logo */
  width: 180px;
}

#header div#logo p.siteName { /* ブランド買取専門店画像文字 */
  display: none;
}

#header div#headerInfo div#headerNav { /* ヘッダお問い合わせ */
  margin:0;
}

#header div#headerInfo div#headerNav {
  font-size: .5em;
}

#header div#headerInfo,
#header div#headerInfo a {
  color: white;
}

#header div#headerInfo a { /* フリーダイアル */
  font-size: .8em;
}

/* Gnav
----------------------------------------------------------*/
div#gnav {
  background: #222;
}

div#gnav ul li,
div#gnav div#gnavBox {
  border: none;
}

/* Footer
----------------------------------------------------------*/
div.footerInfo {
  color: white
}

div.siteLink {
  background: #222;
}

footer {
  background: #222;
}

/* Footer fixed CTA
----------------------------------------------------------*/
div#sclFooter-wrap {
  background: rgba(0,0,0,.8);
}

/* --------------------------------------------------------
frontpage for index.php　※ワンカラム
----------------------------------------------------------*/

.home main,
.home div#contents {
  background: #333;
}

div#contents {
  float: none;
  width: 100%;
}

div#topPage {
  /* background: white; */
}

div#topPage div#contents h1 {
  color: white;
}

div.cause-top,
div.cause-top ol { /* 選ばれる理由 */
  background: none;
  border: none;
  padding: 0;
}

div#topPage div#contents div.cause-top {
  width: 100%;
  margin-bottom: 100px;
  display: flex;
  flex-direction: row;
  gap: 70px;
}

body#brand div#topPage div#contents div.cause-top h2 {
  margin-top: -50px;
  flex: 1;
}
div.cause-top ol { flex: 3; }
div.cause-top dd { color: white; }

.method {
  
}