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

/*===== 共通 =====*/
/*ul.disc, ul.square, ul.decimal { margin-left:1.3em; }
section { margin-top:60px; margin-bottom:60px; }*/
.inner { padding-left:15px; padding-right:15px; }

.bg_red { background-color:#f9d5d5; }

/*.pc_none { display:none; }
.sp_none { display:inline-block; }*/

section[class^="bg-"] { padding:60px 0; }
.bg-pattern { background-image:url(../img/pattern.png); }
.bg-pattern2 { background-image:url(../img/pattern2.png); }

img {
    max-width:100%;
    height:auto;
}
/* common ------------------------ */
#contents { margin:30px 0 0; }
#contents {border-top:#da2424 solid 7px;}

section { margin-bottom:30px; }

/* title------------------------ */
.pageTitle {margin-top:0; width:100%; padding:20px 0; text-align:center;
  background:#ededed;
  background-image:linear-gradient(45deg, #e5e5e5 25%, transparent 0),
  linear-gradient(45deg, transparent 75%, #e5e5e5 0),
  linear-gradient(45deg, #e5e5e5 25%, transparent 0),
  linear-gradient(45deg, transparent 75%, #e5e5e5 0);
  background-size:20px 20px;
  background-position:0 0, 10px 10px, 10px 10px, 20px 20px;
}

.pageTitle h1 {font-size:26px; color:#da2424; font-weight:600; }
.pageTitle h1 span {display:block; font-size:13px; color:#000;}

.redTtl{
  width:90%;
  height:50px;
  margin:0 auto 1.2em;
  padding:0.4em 0 0.2em;
  font-size:1.5em;
}
.redTtl::before, .redTtl::after { width:21px; height:50px; }
.redTtl::before{ left:-21px; }
.redTtl::after { right:-21px; }

/* テーブル */
.tbl_date { width:100%; margin-top:10px; }
.tbl_date tr { display:block; margin-bottom:5px; border-bottom:2px solid #f5d825; }
.tbl_date th { min-width:65px; padding:4px 0 2px; font-weight:normal; text-align:center; background:#f7a755; }
.tbl_date td { padding:10px;}

.tbl { width:100%; margin-bottom:10px; border-collapse:separate; border-spacing:0; }
.tbl > tbody > tr > th, .tbl > tbody > tr > td { display:block; width:100%; padding:10px; }
.tbl > tbody > tr > th { font-weight:normal; text-align:center; color:#FFF; background-color:#f7a755; }
.tbl > tbody > tr > td { border-bottom:10px solid #FFF; background-color:#f3f3f3; padding:10px;}

.tbl2 { width:100%; }
.tbl2 tr { display:block; margin-bottom:5px; }
.tbl2 th { width:100px; padding:8px 10px; font-weight:normal; color:#FFF; background:#f89200; }
.tbl2 td { padding:8px 15px; }

.tbl3 { width:100%; }
.tbl3 tr > * { padding:8px 10px; border:1px solid #e5e5e5; }
.tbl3 > thead th { color:#FFF; background-color:#058127; }
.tbl3 > tbody th { background-color:#eeeeed; }
.tbl3 th { width:150px; }

#company {margin-top:30px;}
#company dl,#history dl {width:100%; margin:30px auto;}
#company dl,#history dl {border-top:1px dotted #ccc;}
#company dl dt,#history dl dt {width:100%; background:#e0eef9; text-align:center; height:40px; line-height:40px;}
#company dl dd,#history dl dd {width:100%; border-bottom:1px dotted #ccc; height:auto; text-align:center; margin-bottom:5px; line-height:40px;}
#company dl dd:before,#history dl dd:before {background:none; padding-right:0!important;}
#history dl dt.double {height:40px; line-height:40px;}
#history dl dd.double {height:auto; line-height:40px;}
#company dl dd.left { text-align:left; }

.dl_date { overflow:hidden; }
.dl_date > dt, .dl_date > dd { float:left; }
.dl_date > dt { width:65px; }
.dl_date > dd { padding-left:8px; border-bottom:2px solid #f5d825; }

[class^="bnr-"] { margin:50px 0; text-align:center; }
[class^="bnr-"] > a { display:block; }
[class^="bnr-"] > a > img { border:4px solid #f9d5d5;  }


.list_no { counter-reset:number 0; }
.list_no > li { position:relative; padding:7px 8px 7px 33px; }
.list_no > li::before {
  position:absolute; top:6px; left:0; width:25px; height:25px; line-height:1.6; text-align:center; border-radius:50%; color:#FFF; background-color:#f28f00; counter-increment:number 1; content:counter(number) " ";
}
.flex {flex-wrap:none;}
.img_list li { width:80%; margin:0 auto 5px; }
.img_list li img {width:100%;}

/* タイトル */
.secTtl {
  display:block;
  text-align:center;
  background:url(../img/cars_img.png) center 0 no-repeat;
  background-size:70px;
  padding-top:50px;
  margin:30px 0 30px;
}
.secTtl h2 {display:inline-block; padding-top:10px; font-weight:600; font-size:28px; text-align:center; color:#fd9327; line-height:100%; position:relative; margin:0 auto;}
.secTtl h2 span {font-size:14px; color:#000; display:block;}
.secTtl h2::before { content:""; background:url(../img/cap_left.svg) no-repeat; background-size:20px; position:absolute; top:0; left:-40px; width:24px; height:62px;}
.secTtl h2::after { content:""; background:url(../img/cap_right.svg)no-repeat; background-size:20px; position:absolute; top:0; right:-40px; width:30px; height:62px;}


.secTtl2 {text-align:center; margin-bottom:20px;}
.secTtl2 h2 {display:inline-block; padding-top:10px; font-weight:600; font-size:30px; text-align:center; color:#fff; line-height:100%; position:relative; margin:0 auto;}
.secTtl2 h2 span {font-size:14px; color:#000; display:block;}

h2.secTtl3 {background:#941e57; border-radius:10px; font-weight:600; font-size:18px; text-align:center; color:#fff; line-height:40px; margin:0 auto 30px; width:100%;}

.conTtl {background:url(../img/cars_img.png) center 0 no-repeat; background-size:50px; padding-top:10px;}
.conTtl h2 {background:url(../img/conttl.png) 0 bottom no-repeat;font-size:24px; font-weight:bold;  margin-bottom:40px; padding:30px 0 10px; text-align:center;}

.sub_title { margin:15px auto; padding:2% 3%; font-size:18px; color:#fff; background:#be1118; }

.subTtl { margin:40px 0 15px; padding-bottom:8px; font-size:20px; border-bottom:2px solid #d4432b; font-weight:bold;}

.large_txt {font-size:20px; font-weight:bold;}


/* ボタン */
.btn {}
.btn a { display:inline-block; margin:0 auto; color:#fff; background:#005ea6; font-size:16px; text-align:center; padding:10px 50px; border-radius:25px;}
.btn a::after { content:''; display:inline-block; margin-left:20px; width:10px; height:15px; background:url(../img/btn_icon.svg) 0 0 no-repeat;}

.btn a:hover { background:#00b2dc; }

.btn a:hover::before { border-color:transparent transparent transparent #0043db; }

.btn_unused {}
.btn_unused a { display:inline-block; margin:0 auto; color:#fff; background:linear-gradient(180deg,#ff9933 0%,#ff9933 25px,#ee7c0a 25px,#ee7c0a 50%); font-size:18px; text-align:center; padding:10px 50px; border:2px solid #ccc; border-radius:30px;}
.btn_unused a::after { content:''; display:inline-block; margin-left:20px; width:10px; height:15px; background:url(../img/btn_icon.svg) 0 0 no-repeat;}
.btn_unused a:hover { background:linear-gradient(180deg,#ffb871 0%,#ffb871 25px,#ff9933 25px,#ff9933 50%); }

.btn_used {}
.btn_used a { display:inline-block; margin:0 auto; color:#fff; background:linear-gradient(180deg,#f78585 0%,#f78585 25px,#e53535 25px,#e53535 50%); font-size:18px; text-align:center; padding:10px 50px; border:2px solid #ccc; border-radius:30px;}
.btn_used a::after { content:''; display:inline-block; margin-left:20px; width:10px; height:15px; background:url(../img/btn_icon.svg) 0 0 no-repeat;}
.btn_used a:hover { background:linear-gradient(180deg,#e53535 0%,#e53535 25px,#dc0d0d 25px,#dc0d0d 50%); }

.typeBtnList { max-width:335px; margin:30px auto 50px; justify-content:center; -webkit-justify-content:center; }
.typeBtnList > li { width:48%; margin-bottom:10px; }
.typeBtnList > li:nth-child(odd) { margin-left:0; }
.typeBtnList > li + li { margin-left:10px; }
.typeBtnList > li > a { display:block; margin:0 6px 6px 0; }

.bnr_list { width:100%; }
.bnr_list > li + li { margin-top:15px; }
.disc_list li { position:relative; margin:10px 0; padding-left:15px; }
.disc_list li::before { content:""; position:absolute; top:9px; left:0; width:5px; height:5px; border-radius:50%; background-color:#058127; }

.sp_img {width:100%;}

/*---- パンくず ----*/
#pan { padding:5px 0 20px; }
#pan li { display:inline-block; font-size:13px; color:#da2424;}
#pan li a { color:#da2424;}
#pan li:not(:first-child):before { content:">"; padding:0 5px; color:#666; font-weight:bold; }

/*---- header ----*/
header { position:relative; padding:10px 0; height:70px;}
header .logo_box { margin:0; font-size:14px; position:absolute; top:0; left:.5em;}
header .logo { width:260px; }




/*---- gnav ----*/
#gnav { z-index:999; position:absolute; display:none; top:71px; left:0; width:100%; padding:15px;  background:url(../img/bg_red.png) 0 0; }


#gnav li > ul > li {border-top:1px dashed #fff; margin-left:25px;}
#gnav li a {
  position:relative; display:inline-block; width:100%; padding:15px; color:#FFF; font-size:15px; font-weight:400; line-height:1.5;
}
#gnav li a span {font-weight:bold;}
#gnav li a span::before {content:''; display:inline-block; margin-right:10px; background:url(../img/arrow.svg); width:15px; height:15px;}

#gnav li a span.unused {color:#f8b44e;}
#gnav li a span.used {color:#eb7b7b;}


/* menuボタン */
.menu-button,
.menu-button span { display:inline-block; transition:all .5s; -webkit-transition:all .5s; box-sizing:border-box; z-index:999;}
.menu-button { display:block; position:absolute; top:1px; right:5px; z-index:10; min-width:55px; width:10%; height:65px; }
.menu-button span { position:absolute; left:15%; top:10px; width:70%; height:3px; background-color:#000; }

.menu-button span:nth-of-type(1) { top:4px; font-size:14px; background:none; color:#000; font-weight:bold; height:auto; text-align:center; line-height:1.5; }
.menu-button span:nth-of-type(2) { top:29px; }
.menu-button span:nth-of-type(3) { top:39px; }
.menu-button span:nth-of-type(4) { top:49px; }
.menu-button.active span:nth-of-type(2) {
  -webkit-transform:translateY(11px) rotate(-45deg);
  transform:translateY(11px) rotate(-45deg);
}
.menu-button.active span:nth-of-type(3) { opacity:0; }
.menu-button.active span:nth-of-type(4) {
  -webkit-transform:translateY(-9px) rotate(45deg);
  transform:translateY(-9px) rotate(45deg);
}

/*----- footer -----*/
footer { margin:50px 0 73px;}
footer .logo { max-width:230px; margin:30px auto 0; }
footer .info-f {width:100%; text-align:center; margin:0 auto 30px;}

.flo_nav { position:fixed; z-index:999; width:100%; right:0; bottom:0; background:#fff; }
.flo_nav li { position:relative; width:25%; /*height:70px; border:none;*/ }
.flo_nav li img{ width:100%; }
/*.flo_nav li:first-child {margin-top:2px;}
.flo_nav li:nth-child(odd) {background-color:#ffcd31;}
.flo_nav li:nth-child(even) {background-color:#fd9327;}
.flo_nav li + li {}
.flo_nav li > a { display:block; text-align:center;  padding-top:5px;}
.flo_nav li a span {color:#fff; font-size:75%; }
.flo_nav li .txt {line-height:120%;}
.flo_nav li img {height:30px;}

.contact img {width:33px; margin-right:8px;}
.pagetop img {width:23px;}*/


.f_nav { margin-top:25px; margin-bottom:25px; padding-top:25px;}
.f_nav .flex + .flex { margin-top:20px; }
.f_nav li { position:relative; width:48%; margin-bottom:5px; font-size:14px; padding-left:20px; height:30px; border-bottom:1px dotted #fff; }
.f_nav li:nth-child(even) { margin-left:4%; }
.f_nav li::before { content:url("../img/arrow2.svg"); position:absolute; top:0; bottom:5px; left:0;  margin:auto; width:15px; height:15px;
 display:inline-block; }
.f_nav li > a { font-weight:bold; }


#copy { margin:0; padding:9px 10px 15px; font-size:12px; text-align:center;}
#copy > a {text-decoration:underline; color: #fff;}


/*===== トップページ =====*/

/* メイン動画 */
#movie {margin-top:40px}

.newsBox{
  margin:1em 15px 2em;
  padding:1.5em;
  font-size:14px;
}
.newsBox p{ line-height:1.3; }
.newsBox p+p{ margin-top:1em; }

.newsBox .tel{ margin-top:1em; }
.newsBox .tel li{ width:100%;}
.newsBox .tel li+li{ margin-top:1em; }

/* --メインスライド */
#slide { width:90%; margin:0.5em auto 1.5em; padding:0; }
#slide li { width:100%; margin:0; padding:0; }
#slide li img {width:100%;}

#slide .slick-dots{ bottom:-130px; }

#arrow{
  top:-100px;
  left:auto;
  width:auto;
  height:auto;
  margin-left:0;
}
#arrow .slick-arrow{ width:23px; }
#arrow .slick-prev { left:-23px; }
#arrow .slick-next { right:-23px; }

#thumbnail { margin-bottom:1.5em; padding:1em 0 2.5em; }
#thumbnail ul{ padding-left:10px; padding-right:10px; }
#thumbnail ul li { padding:0 5px; }

.banner {padding:30px 0 0;}
.banner li { margin-bottom:30px;}
.top_banner {background:url(../img/bg_red.png) 0 0; padding:20px 0 0; }
.top_banner ul {justify-content:space-around; margin:0;}
.top_banner li {width:96%; box-shadow:0 5px 5px 0 rgba(0, 0, 0, .3); margin-bottom:20px;}
.top_banner li img {width:100%;}

.bnr_search{ margin:2em 0;}

.btn_area ul li .txt { font-size:1em; color:#be1118; }
.btn_area ul li .txt > span { position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
width:100%;
padding-left:35%; }


/* top_reason
================================================================== */
#top_reason {margin-bottom:40px;}
#top_reason ul {padding:15px; background-color:#eeeeee;}
#top_reason ul li {border-bottom:1px dotted #999; padding:10px 0; font-size:18px; line-height:1.5}
#top_reason ul li::before {content:'▶'; color:#fd9327; margin-right:10px;}
#top_reason ul li:last-child {border:none;}
#top_reason img {width:400px; height:220px;}
#top_reason .nousya img { height:auto; }


/* search_price
================================================================== */
#search_price ul li {width:98%; margin-bottom:15px; text-align:center;}

.section_bottom {padding-bottom:40px; border-bottom:2px dotted #999;}


/* webtokutenCon
================================================================== */
.webtokutenCon {background:url(../img/bg_org.png) 0 0; padding:30px 0; margin-bottom:0;}
.webtokutenCon img {border:1px solid #fff;}
.webtokutenCon .notes {margin:20px 0 0; background:#fff; padding:10px;}


/*  flyer
================================================================== */
/*#flyer {background:url(../img/bg_yel.png) 0 0; margin-bottom:0; padding:30px 0; }
#flyer img {border:1px solid #fff;}
.flyerBox li {width:90%; margin:0 auto; margin-bottom:20px;}
.flyerBox li + li {margin-bottom:none;}
.flyerBox li img {width:100%;}*/
#flyer { padding:35px 0 40px; margin-bottom:0;}


/* news
================================================================== */
#news{ margin:50px 0 60px; }
#news .scroll { height:300px; padding:10px 0; overflow-y:auto; }
#news .scroll p { margin:0; }
#news .scroll p + p { padding:20px 0; border-top:2px dotted #999;}
#news .scroll p:first-child { padding-bottom:20px; }
#news .scroll p:last-child { padding-top:20px;}


/* info インフォメーション */
h2.top_h2 {font-size:20px; text-align:center; }
.border_red {
  display:block;
  width:74px;
  height:5px;
  background-color:#d4432b;
  margin:5px auto;
}


/* medama
================================================================== */
#medama{ padding:40px 0; }
#medama::before{ width:13em; height:13em; }
#medama::after{ width:21em; height:16em }
#medama h2{ margin-bottom:0; }

#medama .bnr_box .col2 p{ width:100%; }
#medama .bnr_box .col2 p+p{ margin-top:1.3em; }
#medama .bnr_box .stock_box .btn_list{ padding:.7em .5em; }

.medamaBox { height:1840px; min-height:300px; max-height:1840px;}


/* blog
================================================================== */
.blogList li { position:relative; width:100%; height:auto; margin-bottom:10px;  }
.blogList li:not(:nth-child(4n+1)) { margin-left:0; }
.blogList li + li { padding-top:10px; border-top:2px dotted #999; }
.blogList li a::before { display:none; }
.blogList li a { display:-webkit-flex; display:flex; text-decoration:none; }
.blogList li figure { width:80px; height:80px; }
.blogList li .summary { position:static; width:calc(100% - 80px); margin-left:10px; padding:0; color:#000; }

/* SNS
================================================================== */
/*#instaList li { position:relative; width:48%; height:auto; margin-bottom:2%; }
#instaList li figure { width:170px; height:170px; }
#instaList li + li { margin-left:0; }
#sns { margin-bottom:0; }
#sns ul {justify-content:center;}
#sns ul li {padding:7px; width:60px;}*/

#sns{ padding:0; }
#sns .inner{ padding:20px 15px; }
#sns .left_box, #sns .right_box{ width:100%; }
#sns .sns_wrap { width:100%; }
#sns .sns_ttl{ margin:1.5em 0 .85em; }
#sns .sns_ttl span{ padding-left:1.85em; }
#sns .sns_ttl span::before{ width:1.5em; height:1.5em; }
#sns .sns_bnr { margin-top:40px; }
#sns .sns_bnr li{ width:100%; }
#sns .sns_bnr li + li{ margin-top:1.1em; }
#sns .instagram .sns_ttl{ margin-top:.5em; }
#sns .twitter,#sns .facebook{ margin-top:1.9em; }

#instaList li:nth-child(n+7){ display:none; }

/* youtube
================================================================== */
#youtube { margin:50px 0 60px; }
#youtube .sub-list { margin-top:0.75em; }
#youtube .sub-list li{
  width:100%;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-right:0;
}
#youtube .sub-list li+li{ margin-top:.75em; }
#youtube .sub-list li .wrap-box { width:52%; }
#youtube .sub-list li .ttl {
  width:44%;
  margin:0;
  font-size:.9em;
  font-weight:500;
}

/*.youtube_channel {padding:0.5em 1.5em;}
#youtube .box {width:93%; margin:2em auto 1em;}
#youtube .youtube_box {padding:0 0 2.5em;}
.youtube_more {padding:0.4em 2em; font-size:1em;}
.youtube_channel > img {width:72%;}
.youtube_channel {padding:1em;}
#youtube .youtube_box {padding:0 0 2em;}
#youtube h3 {width:90%; margin:0 auto 1em;}*/

/* shop 店舗情報
================================================================== */
/*.shop_box {padding:50px 0; border-bottom:2px dotted #999;}
.shop_box:last-child {border-bottom:none;}
.shop_dtl .img {width:100%;}
.shop_dtl .img img {width:100%;}
.shop_dtl_txt {width:100%; border-bottom:5px solid #fd9327; border-top:5px solid #fd9327; padding:0 10px 30px;}
.s_logo img {width:100%; padding-bottom:20px; border-bottom:1px dotted #999;}
.s_logo span {display:block; font-weight:600; text-align:center;}
.shop_dtl_txt {margin: 0;}
.shop_dtl_txt dt {color:#941e57; float:left;}
.shop_dtl_txt dd {padding-left:6em;}
.map_box {width:100%; margin:30px 0;}
.map_box iframe { height:300px; }*/

#shop{ margin:30px auto 0; }
#shop .access_box{ width:92%; margin:2em auto 0; }
#shop .access_box .shop_dtl{ width:100%; }
#shop .access_box .map_box { width:100%; margin:0; }
#shop .access_box .map_box iframe{ height:270px; }
#shop .access_box .shop_dtl .txt_box{ margin-bottom:.5em;}


/* title------------------------ */

@media screen and (max-width:320px) {
.pageTitle { margin:0 0 10px; padding:20px 0 0; min-height:80px; font-weight:bold; font-size:18px; text-align:center; }
.pageTitle h1 {font-size:28px; color:#da2424; font-weight:600; }
.pageTitle h1 span {display:block; font-size:14px; color:#000;}
}

/* common 共通------------------------ */
.drop_red {box-shadow:7px 7px 0px 0 rgb(218, 36, 36); margin-bottom:20px;}
.bg_red {background:url(../img/bg_red.png) 0 0;}

/* about 39.8万円専門店とは
================================================================== */
#about1 ul h3 {
  border:1px solid #000; border-left:10px  solid #da2424; font-size:18px; font-weight:bold; padding:7px 5px 7px 15px;
}

#about2 {padding:30px 0; color:#fff;}
#about2 ul h3 {
  border-bottom:3px solid #ffcd31; font-size:20px;  font-weight:bold; padding:7px 5px 7px 15px;
}

.merit_box {
  background:linear-gradient(-45deg, #fff 25%, #ededed 25%, #ededed 50%, #fff 50%, #fff 75%, #ededed 75%, #ededed );
  background-size:6px 6px;
  position:relative;
  padding:20px;
  margin-bottom:30px;
  }
.merit_box h3 {color:#fff; font-size:18px; font-weight:bold; border-radius:15px; padding:10px; text-align:center; display:inline-block;
background-color:#1d9230; margin-bottom:10px; width:100%;}

.yakusoku {}
.flex {align-items:flex-start;}

.flow_box {text-align:left; background-color:#fff; padding:20px 10px; border:2px solid #da2424; margin:0; position:relative;}
.merit_box h4 {display:inline-block; background:#da2424; height:40px; color:#fff; font-size:20px; font-weight:bold; line-height:40px; padding:0 20px; margin:0; position:absolute; left:-2px; top:-42px;}
.merit_box h4::after{ content:"";  border-right:30px solid transparent; border-bottom:40px solid #da2424; border-left:0px solid transparent; position:absolute; right:-30px; top:0;}
.merit_box .images img {border:1px solid #fff;}

.flow li {padding:100px 0 0; background:url(../about/img/about_arrow.svg) center 15px no-repeat;}
.flow li:first-child {background:none; padding:40px 0 0;}


/* reason 選ばれる理由
================================================================== */
#reason02 {padding:30px 0;}

#reason02 .ttl {display:block; margin-bottom:30px;}
#reason02 .ttl  h2 {display:inline-block; padding-top:10px; font-weight:600; font-size:30px; text-align:center; color:#fff; line-height:100%; position:relative; margin:0 auto; background:url(../img/cars_img.png) right 0 no-repeat; background-size:80px; padding-right:90px; height:65px;}
#reason02 .ttl  h2::before { content:""; background:url(../img/cap_left.svg) no-repeat; background-size:20px; position:absolute; top:0; left:-60px; width:24px; height:62px;}
#reason02 .ttl  h2::after { content:""; background:url(../img/cap_right.svg)no-repeat; background-size:20px; position:absolute; top:0; right:-60px; width:30px; height:62px;}

#reason02 ul h3 {border:1px solid #000; border-left:10px  solid #fd9327; font-size:17px; color:#000; font-weight:bold; padding:7px 0px 7px 10px; background-color:#fff;}
#reason02 ul {color:#fff; width:580px;}
#reason02 .images img {width:100%; margin-bottom:10px;}

#afterservice ul li {
  background:linear-gradient(-45deg, #fff 25%, #ededed 25%, #ededed 50%, #fff 50%, #fff 75%, #ededed 75%, #ededed );
  background-size:6px 6px;
  position:relative;
  padding:30px 20px;
  margin-bottom:30px;
}
#afterservice h3 {font-weight:600; font-size:20px; margin-bottom:30px; text-align:center;}

/* お客様の声 / 納車式 */
.pageNav { margin-top:30px; }
.pageNav li { width:50%; }
.pageNav li a { display:block; border:1px solid #da2424; background-color:#fff; text-align:center; margin-bottom:25px; padding:8px 10px; border-radius:10px; }
.pageNav li a:hover { background-color:#da2424; color:#fff; }
.pageNav li a.active { background-color:#da2424; color:#fff; }
/* 納車式 */
.voice_list { margin:60px auto; }
.voice_list li { position:relative; width:100%; margin-bottom:50px; }
.voice_list li a {
  display:block; padding:10px; text-decoration:none; background:#eee; text-align:center;
}
.voice_list li a figure { transition:all .3s; -webkit-transition:all .3s; }
.voice_list li a:hover figure { opacity:0.7; }
.voice_list li .date {
  position:absolute; top:-28px; left:0; width:100%; margin:0; padding:4px 0;
  text-align:center; color:#fff; font-size:13px; background:#da2424;
  border-radius:5px 5px 0 0;
}
.voice_list li a:focus { outline:none; }
.voice_list li img { max-width:100%; }


/* company 会社紹介
================================================================== */
. {margin:50px auto 80px; width:800px;}
. li {line-height:50px; border-bottom:3px solid #fd9327; font-size:18px; font-weight:bold;}

#companyinfo dl {width:100%; margin:30px auto;}
#companyinfo dl dt,#companyinfo dl dd { padding:15px 0; margin-bottom:2px; line-height:150%;}
#companyinfo dl dt { border-bottom:2px solid #da2424; background:#eee; font-weight:bold;}
#companyinfo dl dd { border-bottom:2px solid #ccc;}
#companyinfo .route li {font-weight:bold; margin-bottom:20px; border-bottom:3px solid #fd9327;}


/* プライバシーポリシー------------------------ */
.policyList { counter-reset:count; }
.policyList { padding:30px 0; }
.policyList .secTtl {margin-top:0;}
.policyList  h3 {color:#da2424; font-size:20px; font-weight:bold;}
.policyList  h3::before { counter-increment:count; content:counter(count)"."; margin-right:5px; color:#da2424; font-size:24px; font-weight:bold; }

.policyList ul { padding:0; }
.policyList ul li { margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #ccc; }


/* contact お問い合わせ
================================================================== */
#contact .thanks { padding:20px;  }
#contact .thanks h3 { margin-top:20px; margin-bottom:10px; padding-top:18px; font-size:16px; font-weight:bold; border-top:1px dashed #eeeeee; }
#contact .thanks .info { margin:0; }
#contact .thanks .info p { margin:5px 0; }
#contact .cmt_radio { margin:5px 0 10px; width:97%; }
#contact .cmt_radio label { display:block; margin-bottom:3px; padding:3px 5px; border-radius:3px; background:rgba(255,255,255,0.7); }
#contact .cmt_radio input[type="radio"] { margin:5px; }
input {height:40px; width:100%!important;}


/* search 中古車提案サービス
================================================================== */
#search label{ width:100% }
#search input[type="radio"]{ width:auto!important; height:auto; margin-right:.5em; }
#search .tbl td .disc{ margin-top:2em; }
#search .tbl td .disc li + li{ margin-top:1em; }

.search_flow{ margin-top:4em; }
.search_flow .conTtl h2{ font-size:20px; }
.search_flow .flow_list li{ position:relative; border:solid 2px #fd9327; border-radius:5px; }
.search_flow .flow_list li::before {
    position:absolute;
    content:"";
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-top:15px solid #fd9327;
    transform:translateX(-50%);
  -webkit- transform:translateX(-50%);
    left:50%;
    bottom:-15px;
}
.search_flow .flow_list li+li{ margin-top:2em; }
.search_flow .flow_list li:last-child::before { display:none; }
.search_flow .flow_list li .step{
  margin:0;
  padding:.5em;
  text-align:center;
  background:#fd9327;
  color:#fff;
  font-size:1.2em;
  font-weight:bold;
}
.search_flow .flow_list li .wrap{ padding:.75em; }
.search_flow .flow_list li .flow-ttl{ margin-bottom:.75em; }
.search_flow .flow_list li .flow-ttl span{ display:block; color:#da2424; font-size:1.3em; font-weight:bold; text-align:center;  line-height:1.5; }
.search_flow .flow_list li .flow-txt{ margin-bottom:0; }


/* sitemap サイトマップ
================================================================== */
section.sitemap {padding-top:30px;}
.sitemap li { padding:10px 0 7px; border-bottom:1px solid #e3e3e3;}
.sitemap + .sitemap { margin-left:80px; }
.sitemap a { position:relative; display:inline-block; text-decoration:none; font-weight:bold; font-size:15px; color:#da2424;}
.sitemap > li > a { padding:0 20px; }
.sitemap > li > a:before { content:""; position:absolute; top:8px; left:0; width:7px; height:7px; background:#da2424; border-radius:50%; }
.sitemap li li:last-child {border-bottom:none;}

@media screen and (max-width:320px) {

	.btn_area ul li .bg_img { left:-35%; background-repeat:no-repeat; background-position:center right -53px; }
}