html{
  font-family: sans-serif;
}

a{
  text-decoration: none;
}

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

/*改行の指定*/
.br-pc{
  display:block;
}
.br-sp{
  display:none;
}


/* メニュー設定 */
.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 p{
  font-family: 'Hiragino Kaku Gothic StdN';
  color:#ff6633;
  font-size:13px;
  position: absolute;
  top:3px;
  width:100%;
}

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


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

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

.header-photo-rental{
  background: url(img/bg-rental.jpg) center / cover; /* ヘッダー画像全画面 */
  background-position: 0 0;
  height: 250px;
  position: relative;
}

.header-photo-repair{
  background: url(img/bg-repair.jpg) center / cover; /* ヘッダー画像全画面 */
  background-position: 0 0;
  height: 250px;
  position: relative;
}


/* ロゴ左寄り */
.pc-rogo-l{
  position: absolute;
  top:20px;
  left:50px;
}

/* ロゴ右寄り */
.pc-rogo-r{
  text-align: right;
  padding:20px;
}

/* 上部のリンク */
.up-link{
  margin:0 20px;
}

.up-link p{
  font-size:13px;
}


/* タイトル部分（買取、販売、レンタカー） */
.contents1{
  background-color: #ff6633;
  padding:0px;
  height:80px;
  position: relative;
}
.kana1 {
  font-family: 'Hiragino Kaku Gothic StdN';
  font-size:20px;
  color:#ffffff;
  position: absolute;
  top:-15px;
  left:20px;
}
.alpha1 p{
  font-family: 'Hiragino Kaku Gothic StdN';
  font-size:20px;
  color:#000000;
  position: absolute;
  top:15px;
  left:220px;
}
/*販売*/
.contents1-2{
  background-color: #ff6633;
  padding:0px;
  height:80px;
  position: relative;
}
.kana1-2 {
  font-family: 'Hiragino Kaku Gothic StdN';
  font-size:20px;
  color:#ffffff;
  position: absolute;
  top:-15px;
  left:20px;
}
.alpha1-2 p{
  font-family: 'Hiragino Kaku Gothic StdN';
  font-size:20px;
  color:#000000;
  position: absolute;
  top:15px;
  left:220px;
}

/*レンタカー*/
.contents1-3{
  background-color: #ff6633;
  padding:0px;
  height:80px;
  position: relative;
}
.kana1-3{
  font-family: 'Hiragino Kaku Gothic StdN';
  font-size:20px;
  color:#ffffff;
  position: absolute;
  top:-15px;
  left:20px;
}
.alpha1-3 p{
  font-family: 'Hiragino Kaku Gothic StdN';
  font-size:20px;
  color:#000000;
  position: absolute;
  top:15px;
  left:220px;
}

/* タイトル部分（会社概要、お問合せ） */
.contents2{
  background-color: #ff6633;
  padding:0px;
  height:80px;
  position: relative;
}
.kana2 {
  font-family: 'Hiragino Kaku Gothic StdN';
  font-size:20px;
  color:#ffffff;
  position: absolute;
  top:-15px;
  left:20px;
}
.alpha2 p{
  font-family: 'Hiragino Kaku Gothic StdN';
  font-size:20px;
  color:#000000;
  position: absolute;
  top:15px;
  left:180px;
}
.contents2-5{/*お問合せ*/
  background-color: #ff6633;
  padding:0px;
  height:80px;
  position: relative;
}
.kana2-5{
  font-family: 'Hiragino Kaku Gothic StdN';
  font-size:20px;
  color:#ffffff;
  position: absolute;
  top:-15px;
  left:20px;
}
.alpha2-5 p{
  font-family: 'Hiragino Kaku Gothic StdN';
  font-size:20px;
  color:#000000;
  position: absolute;
  top:15px;
  left:180px;
}




/* タイトル部分（サイトマップ） */
.contents3{
  background-color: #ff6633;
  padding:0px;
  height:80px;
  position: relative;
}

.kana3 {
  font-family: 'Hiragino Kaku Gothic StdN';
  font-size:20px;
  color:#ffffff;
  position: absolute;
  top:-15px;
  left:20px;
}

.alpha3 p{
  font-family: 'Hiragino Kaku Gothic StdN';
  font-size:20px;
  color:#000000;
  position: absolute;
  top:15px;
  left:260px;
}

/* タイトル部分（プライバシーポリシー） */
.contents4{
  background-color: #ff6633;
  padding:0px;
  height:80px;
  position: relative;
}

.kana4 {
  font-family: 'Hiragino Kaku Gothic StdN';
  font-size:20px;
  color:#ffffff;
  position: absolute;
  top:-15px;
  left:20px;
}

.alpha4 p{
  font-family: 'Hiragino Kaku Gothic StdN';
  font-size:20px;
  color:#000000;
  position: absolute;
  top:15px;
  left:420px;
}

/* タイトル部分（修理鈑金車検） */
.contents5{
  background-color: #ff6633;
  padding:0px;
  height:80px;
  position: relative;
}

.kana5 {
  font-family: 'Hiragino Kaku Gothic StdN';
  font-size:20px;
  color:#ffffff;
  position: absolute;
  top:-15px;
  left:20px;
}

.alpha5 p{
  font-family: 'Hiragino Kaku Gothic StdN';
  font-size:20px;
  color:#000000;
  position: absolute;
  top:15px;
  left:310px;
}

/* クルマ買い取りについて */

.buying-copy{
  text-align: center;
}

.buying-copy h2{
  color:#ff6633;
}

.buying-contents{
  width:100%;
  margin:0 auto;
}

.ikkatsu-img{
  text-align: center;
}

.buying-naiyo{
  margin:50px auto;
  width:800px;
}

.tento-s{
  display: flex;
  margin:20px 0;
}

.shutcho-s{
  display: flex;
  margin:20px 0;
}

.tel-s{
  display: flex;
  margin:20px 0;
}



.s-text{
  margin-left: 20px;

}

.s-text p{
  font-size:15px;
}

.faq-title{
  text-align: center;
  font-size:20px;
  border-top: 6px double #ff6633;
  border-bottom: 6px double #ff6633;
  width:500px;
  margin:0 auto;
}

.faq-title p{
  margin:0;
}

.buying-faq{
  background: url(img/bg-buying.jpg)center/cover;
  padding:30px;
}

.faq-box{
  border:1px solid #ff6633;
  border-radius: 20px;
  width:800px;
  margin:20px auto;
}

.question h3{
  border-bottom: 2px solid #ff6633;
  margin:0 30px;
  margin-top: 5px;
}

.question span{
  font-size:25px;
  color:#ff6633;
}

.answer p{
  margin:0 30px;
  font-size:13px;
  margin:5px 50px;
}

.kougaku-a{
  font-weight: bold;
}

.buying-tel{
  text-align: center;
  margin:60px 0;
}

.buying-tel h2{
  color:#ff6633;
}

.b-pc-banar{
  display: block;
}
.b-sp-banar{
  display: none;
}

/*クルマ販売について*/

.sale-copy{
  color:#ff6633;
  text-align: center;
}

.sale-icon{
  text-align: center;
}

.sale-old{
  text-align: center;
  margin-bottom: 50px;
}

.sale-new{
  text-align: center;
}

.sale-point{
  color:#ffffff;
  font-family: 'HiraKakuProN-W6';
  font-size: 20px;
  background-color: #ff6633;
  width:700px;
  margin:0 auto;
  text-align: center;
}

/* 修理について */
.repair-contents{
  display: flex;
  flex-wrap: wrap;
  width:900px;
  margin:0 auto;
}

.repair-box{
  flex:auto;
  width:50%;
}

.repair-copy{
  text-align: center;
}

.repair-copy h2{
  color:#ff6633;
}
.repair-copy p{
  font-size: 18px;
}

.repair-copy span{
  font-weight: bold;
}

.repair-contents h2{
  color:#ff6633;
  text-shadow:
  2px 2px 1px #ffffff,
  -2px 2px 1px #ffffff,
  2px -2px 1px #ffffff,
  -2px -2px 1px #ffffff,
  2px 0px 1px #ffffff,
  0px 2px 1px #ffffff,
  -2px 0px 1px #ffffff,
  0px -2px 1px #ffffff;
}

.repair-contents p{
  padding:0 30px;
}

.repair-syuri{
  background-image: url(img/repair-syuri.jpg);
  background-repeat: no-repeat;
  width:420px;
  height:320px;
  border:1px solid #ff6633;
  border-radius: 50px;
  margin:10px;
  text-align: center;
}

.repair-bankin{
  background-image: url(img/repair-bankin.jpg);
  background-repeat: no-repeat;
  width:420px;
  height:320px;
  border:1px solid #ff6633;
  border-radius: 50px;
  margin:10px;
  text-align: center;
}

.repair-syaken{
  background-image: url(img/repair-syaken.jpg);
  background-repeat: no-repeat;
  width:420px;
  height:320px;
  border:1px solid #ff6633;
  border-radius: 50px;
  margin:10px;
  text-align: center;
}

.repair-kako{
  background-image: url(img/repair-kako.jpg);
  background-repeat: no-repeat;
  width:420px;
  height:320px;
  border:1px solid #ff6633;
  border-radius: 50px;
  margin:10px;
  text-align: center;
}



/* レンタカーについて */
.rental-copy{
  text-align: center;
}

.rental-copy h2{
  color:#ff6633;
}

.rental-icon{
  text-align: center;
  border-bottom:5px solid #000000;
  width:800px;
  margin: 0 auto;
}

.rental-icon img{
  margin:0 20px;
}

.rental-main{
  margin: 0 auto;
  width:700px;
}

.rental-box{
  position: relative;
  margin:50px;
}

.rental-title{
  position: absolute;
  top:-20px;
  left:20px;
}

.rental-naiyo{
  border:4px solid #ff6633;
  border-radius: 20px;
  text-align: center;
  width:600px;
  padding:20px 0;
}

.rental-bun a{
  color:#ff6633;
  font-family: 'HiraKakuProN-W6';
}

.rental-bun img{
  vertical-align: bottom;
}

.rental-tel{
  color:#ffffff;
  font-family: 'Hiragino Kaku Gothic StdN';
  background-color: #ff6633;
  border-radius: 10px;
  width:300px;
  margin:0 auto;
}

.rental-tel a{
  color:#ffffff;
}


.rental-tel span{
  font-size: 25px;
}

/* 会社概要について */
.gaiyou{
  width:800px;
  margin: 20px auto;
}

.gaiyou table{
  width:100%;
  border-bottom: 1px solid #ff6633;
  margin:0px;
  padding:10px;
}

.g-midashi{
  width:150px;
  padding: 10px 0;
  border-right: 1px solid #ff6633;
  text-align: center;
  background-color: #ffffff;
}

.g-naiyo{
  padding:0 10px;
}

.c-map{
  text-align: center;
}

/*お問合せフォームについて*/
.lead-form{
  text-align: center;
  font-size: 20px;
}

.mail-form{/*フォームの中央寄せ*/
  width:550px;
  margin:0 auto;
}

.item{
  overflow: hidden;
  margin-bottom:20px;
}

.label{
  float:left;
  margin-right: 20px;
  padding:10px 0;
  width:150px;
  background-color: #ff6633;
  color:#ffffff;
  font-weight: bold;
  text-align: center;
}

.label2{/*内容のラベル*/
  float:left;
  margin-right: 20px;
  padding:10px 0;
  width:150px;
  height:210px;
  background-color: #ff6633;
  color:#ffffff;
  font-weight: bold;
  text-align: center;
}


.inputs{/*項目の選択エリア*/
  float:left;
  width:400px;
  padding:10px 0;
  font-size:13px;
}

.inputs2{
  float:left;
  margin:0 10px;
  padding-top: 25px;
  font-size:15px;
}

input[type="text"],input[type="email"],input[type="number"]{
  border:solid 1px #000000;
  padding:10px;
  font-size: 15px;
  width:380px;
}

textarea{
  border:solid 1px #000000;
  padding:10px;
  font-size: 15px;
  height:160px;
}

.btn-area{ /*ボタン中央揃え*/
  text-align: center;
  margin:20px 0;
}

input[type="submit"]{
  background-color: #ff6633;
  border:none;
  color:#ffffff;
  font-size:17px;
  font-weight: bold;
  padding:10px 20px;
  margin:0 5px;
}

input[type="reset"]{
  background-color: #cccccc;
  border:none;
  color:#ffffff;
  font-size:17px;
  font-weight: bold;
  padding:10px 20px;
  margin:0 5px;
}


/*お問い合わせサンクスページ*/
.thanks {
  text-align: center;
  font-size:14px;
}

/*サイトマップについて*/

.map-container{
  width:800px;
  margin: 0 auto;
}

.map-top p{
  color:#000000;
  border-bottom: solid 2px #ff6633;
  width:250px;
}

.map-naiyo{
  display: flex;
}

.map-box{
  flex:auto;
}

.oomidashi{
  list-style: none;
  line-height: 35px;
}

.oomidashi a{
  color:#000000;
}

.oomidashi span{
  color:#ff6633;
  font-size:15px;
}

.komidashi{
  list-style: none;
  line-height: 35px;
}

.komidashi span{
  font-size:15px;
}


/* プライバシーポリシーについて */

.policy{
  margin:20px 70px;
}

.policy h3{
  border-bottom: 0px solid #ff6633;
  border-left: 10px solid #ff6633;
  font-size: 20px;
  padding:5px;
}

.daihyo{
  text-align: right;
}

.addtel li{
  list-style: none;
}



/* 下部のリンク */
.down-link{
  margin:0 20px;
}

.down-link p{
  font-size:13px;
}



/* 下部のバナー */
.f-banar{
  background-color: #ff6633;
  padding:10px;
  display: block;
}

.pc-banar{
  width:880px;
  margin:0 auto;
}

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


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


/* マップやロゴの設定 */
.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-sp{
  display: none;
}
.footer-box-tb{
  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;
}