html{
  font-family: sans-serif;
}

a{
  text-decoration: none;
}

.header-container { /* ヘッダーメニュー */
  background-color: #ff6633;
  height: 35px;
}

/* メニュー設定 */
.pc-menu{
  display:flex;
  width:90%;
  margin:0 0 0 auto;
}

.pc-menu li{
  flex:auto;
  list-style: none;
  text-align: center;
  position: relative;
}

.pc-menu a{
  font-family: 'HiraKakuProN-W6';
  color:#ffffff;
  display: block;
}

.pc-menu span{
  font-family: 'Hiragino Kaku Gothic StdN';
  color:#ff6633;
  font-size:13px;
  position: absolute;
  top:15px;
  left:0px;
  width:100%;
}

.pc-menu span:hover{
  color:#000000;
}


#menu-btn-check{
  display:none;
}

/* ヘッダー画像設定 */
.header-photo{
  background: url(img/bg-top.jpg) center / cover;
  background-position: 0 0;
  height: 550px;
  position: relative;
}

.pc-rogo{
  position: absolute;
  top:100px;
  left:50px;
}

.pc-banar{
  position: absolute;
  top:400px;
  width:880px;
  bottom:0;
  left:0;
  right: 0;
  margin:auto;
}

.sp-banar{
  display: none;
}
.tb-banar{
  display: none;
}

/*クルマ買取*/
.buying{ /* 買取背景オレンジ */
  background-color: #ff6633;
  height: 400px;
  padding:20px;
}

.buy-container{ /* サブタイトルとアイコンを横並びに */
  display: flex;
}


.buy-icon{ /* アイコンを横並びに */
  display: flex;
  flex-wrap: wrap;
}

.buy-icon li{ /* アイコンを２段に */
  flex: auto;
  width:25%;
  list-style: none;
}

/* その他コンテンツ */

.other-sp{
  display: none;
}

.other{
  display: block;
}
.other-container{ /* 楕円コンテンツを横並びに */
  display: flex;
  justify-content: space-between;
  padding:30px 0;
  width:95%;
  max-width:1200px;
  margin: 0 auto;
}

.o-box1{
  margin:0 10px;
  position: relative;
}

.o-link1{
  position: absolute;
  top:360px;
  left:90px;
}

.o-more1{
  position: absolute;
  top:440px;
  left:12px;
}

.o-box2{
  margin:0 10px;
  position: relative;
}

.o-link2{
  position: absolute;
  top:340px;
  left:50px;
}

.o-more2{
  position: absolute;
  top:440px;
  left:12px;
}

.film{
  font-size: 12px;
}

.o-box3{
  margin:0 10px;
  position: relative;
}

.o-link3{
  position: absolute;
  top:350px;
  left:30px;
}

.o-more3{
  position: absolute;
  top:440px;
  left:12px;
}

.o-link1 p{
  color:#ffffff;
  font-family: 'HiraKakuProN-W6';
  line-height: 5px;
}

.o-link2 p{
  color:#ffffff;
  font-family: 'HiraKakuProN-W6';
  line-height: 5px;
}




/* 更新情報 */
.blog{ /* 背景オレンジ */
  background-color: #ff6633;
  height: 20px;
  margin:20px 0;
  padding:0px;
}




/* フッターメニュー */


/* マップやロゴの設定 */
.access{
  display: block;
}

.access-sp{
  display: none;
}

.access-box{
  display: flex;
  padding:20px;
  margin: 0 auto;
  width: 800px;
}

.map{
  border: 2px solid #000000;
}

.add{
  padding:0 40px;
}

.oomoji{
  font-size: 15px;
}

.komoji{
  font-size:12px;
}

/* フッターのメニューの設定 */

.footer-box{
  margin:0 auto;
  width:1000px;
}

.f-menu{
  display: flex;
}

.f-menu li{
  list-style: none;
}

.f-menu a{
  color:#000000;
  font-size: 11px;
}

.footer-box-tb{
  display: none;
}

.footer-box-sp{
  display: none;
}

.footer-box{
  display: block;
}


/* コピーライト */
.copy{
  background-color: #ff6633;
  height: 20px;
  font-size: 12px;
  text-align: center;
}

/*スマホ用フッター固定メニュー*/
.bottom-menu{
  display: none;
}



/* スクロール矢印設定 */
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #ff6633;
  opacity: 1.0;
  border-radius: 50%;
  z-index: 10
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #ffffff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}