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

/*===== 共通 =====*/
section { padding:40px 0; }
#pan { margin:-44px auto 0; max-width:1000px; padding:15px 0; text-align:right; }
#pan ul { position:relative; display:inline-block; padding:10px 20px; background:#FFF; }
#pan ul::before { content:""; position:absolute; width:0; height:0; left:-15px; top:0; border-style:solid; border-width:0 0 44px 15px; border-color:transparent transparent #FFF transparent;}
#pan li { display:inline-block; font-size:13px; }
#pan li:not(:last-child):after { content:">"; padding-left:15px; padding-right:10px; }

.pageTtl { padding:48px 0 41px; font-size:35px; font-family: 'Kosugi Maru', sans-serif; text-align:center; background:url(../img/bg_stripe_gn.png); }
.pageTtl h2 { line-height:1.4; }
.pageTtl span { display:block; padding:0 15px; font-size:20px; font-family:'Roboto Condensed', sans-serif; text-align:center; color:#059932;  }

ul.imgList { overflow:hidden; }
ul.imgList li { float:left; width:48%; }
ul.imgList li + li { margin-left:4%; }

/* table */
.conTbl tr > * { padding:10px 16px;  }
.conTbl tr { display:block; margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid #c0c0c0; }
.conTbl th { width: 200px; background:#ffe2b3; }
.conTbl .title { margin:0 0 8px; font-size:17px; color:#d51732; }
.conTbl .comment { width:80%; }

/*input[type="text"], input[type="email"] { width:65%; }*/
input.m { width:45%; }
textarea { width:100%; }
form .submit { margin: 20px auto; text-align: center; }
form .submit input {
  display:inline-block; margin:0 10px; padding:16px 50px 14px; font-size:120%; font-family: inherit; font-weight:bold; border:medium none; color: #fff; border:2px solid #0a4bd0; background:#0a4bd0; -webkit-transition:all .5s; transition:all .5s;
}
form .submit input:hover { color:#0a4bd0; background-color:#FFF; }

form .submit input:where(.btn_bk) {border-color: #777; background:#777; }
form .submit input:where(.btn_bk):hover { color:#777; }

/*----- #reason 選ばれる理由 -----*/
.cheapBox h4 { text-align:center; }
.cheapList { padding:60px 20px 0px; }
.cheapList > div { width:48%; padding:15px 15px 30px; background:url(../img/bg_stripe_be.png); }
.cheapList h4 { margin:-30px 0 0; padding:5px 15px; font-size:18px; text-align:center; color:#FFF; }
.cheapList .able h4 { background:#ea6b0d; }
.cheapList .please h4 { background:#059932; }
.cheapList ul li { padding:10px 0; font-weight:bold; border-bottom:1px solid #FFF; }
.cheapList h5 { position:relative; margin:10px 0; padding-left:30px; font-size:16px; }
.cheapList h5::before { content:""; position:absolute; top:0; left:0; width:22px; height:22px; }
.cheapList .able h5::before { background:url(../img/reason/icon_reason01.png); }
.cheapList .please h5::before { background:url(../img/reason/icon_reason02.png); }
.cheapList .txt { margin:10px 0; font-weight:normal; }

#tcs .comment { position:relative; margin-bottom:20px; padding:20px; background:url(../img/bg_stripe_gn.png); }
#tcs .comment::before { content:""; position:absolute; bottom:-15px; left:50%; margin-left:-19px; width:0; height:0; border-style:solid; border-width:15px 19px 0 19px; border-color:#d4f2d0 transparent transparent transparent; }
.service { margin-top:60px; }
.service > li { padding:15px; border:1px solid #c0c0c0; overflow:hidden; }
.service > li + li { margin-top:25px; }
.service > li .txtBox { float:left; width:48%; }
.service > li figure { float:right; width:48%; }
.service > li h3 { padding:8px 20px; font-size:18px; text-align:center; font-family:'Kosugi Maru', sans-serif; color:#FFF; }
.service .hokenList li { padding:3px 15px; text-align:center; border:1px solid #c0c0c0; }
.service .hokenList li + li { margin-top:10px; }
.service .hokenList li img { height:35px; }
.service .syaken h3 { background:#ea6b0d; }
.service .syaken .txt a { text-decoration:underline; }
.service .bankin h3 { background:#059932; }
.service .hoken h3 { background:#0a4bd0; }

.bnr.voice { margin:40px 0; }

/*----- #about 軽未使用車とは -----*/
.aboutList li { padding:20px 0; border-bottom:1px solid #c0c0c0; overflow:hidden; }
.aboutList li .txtBox { float:right; width:48%; }
.aboutList li figure { float:left; width:48%; }

.melit_list { margin-top:80px; }
.melit_list li { position:relative; height:128px; margin-bottom:60px; }
.melit_list .ttl_type h4 { margin:0; padding:2px 0 4px; font-size:18px; font-family:'Kosugi Maru', sans-serif; font-weight:normal; text-align:center; color:#FFF; background-color:#ea6b0d; }
.melit_list .ttl_type img { position:absolute; top:46px; left:0; right:0; width:138px; height:107px; margin:0 auto; text-align:center; }
.melit_list h5 { position:relative; width:142px; margin:0; padding:10px; font-size:16px;  text-align:center; -webkit-flex-shrink:0; flex-shrink:0; }
.melit_list .new h5 { margin-right:46px; color:#FFF; background:#059932 url(../img/about/icon_newcar.png) no-repeat center 40px; }
.melit_list .old h5 { -webkit-order:1; order:1; margin-left:40px; color:#FFF; background:#b1a695 url(../img/about/icon_oldcar.png) no-repeat center 40px; }
.melit_list .new:before { content:""; position:absolute; width:0; height:0; top:50%; left:142px; margin-top:-30px; border-style:solid; border-width:128px 18px 0 0; border-color:#059932 transparent transparent transparent; }
.melit_list .old:before { content:""; position:absolute; width:0; height:0; top:50%; margin-top:-30px; right:142px; border-style: solid; border-width: 0 0 128px 18px; border-color: transparent transparent #b1a695 transparent; }
.melit_list p { width:200px;
	-webkit-align-self:center; align-self:center;
	-webkit-flex-grow:1; flex-grow:1; }
.melit_list .new, .melit_list .old { float:left; width:50%; height:inherit; display:-webkit-flex; display:flex; }
.melit_list .new { padding-right:100px; background:#def3db; }
.melit_list .old { padding-left:100px; background:#f4e9d7; }


/*----- #company 会社紹介 -----*/
/*店舗紹介-------------------------*/
#shop .shopBox { justify-content: space-between;}
#shop .map_box { margin-top: 20px;}
#shop .slide_img { width: 48%;}
#shop .access-info { width:48%;}

#shop .slide_img #subImg ul { display: flex; }
#shop .slide_img #subImg li { margin-top:5px; }
#shop .slide_img #subImg li+li { margin-left: 5px; }

#shop .icon_list li { align-items: center;  display: grid;  width: 4em;  height: 4em;  margin: 3px;  padding: 0.5em;  text-align: center;  line-height: 1.3;  border-radius: 10px;  color: #fff;  font-weight: bold;}
#shop .icon_list .hanbai { background: #0057a2; }
#shop .icon_list .mishiyou { background: #009E96; }
#shop .icon_list .shinsha { background: #37c3e4; }
#shop .icon_list .sokunou { background: #e4007f; }
#shop .icon_list .kaitori { background: #d00a0a; }
#shop .icon_list .hoken { background: #c663b7; }
#shop .icon_list .youhin { background: #f0c000; }
#shop .icon_list .shaken { background: #89d539; }
#shop .icon_list .seibi { background: #aaa; }
#shop .icon_list .bankin { background: #ea6b0d; }
#shop .icon_list .koukan { background: #0a4bd0; }
#shop .icon_list .muryo { background: #059932; }

/* アクセス------------------------ */
.accessBox { padding:20px 0 20px; overflow:hidden; }
.accessBox div[class^="access-"] { float:left; }
.accessBox h5 { margin:0 0 8px; padding:4px 15px 2px; font-size:14px; text-align:center; font-weight:bold; color:#FFF; }
.accessBox div[class^="access-"] p { margin:0; }
.accessBox .access-info { float:left; width:34%; margin:0; }
.accessBox .access-road, .accessBox .access-train {
  min-height:113px; padding:10px; border:1px solid #c0c0c0;
}
.accessBox .access-road { width:49%; min-height:113px; background:url(../img/pattern.png); }
.accessBox .access-train { width:49%; margin-left:2%; background:url(../img/pattern01.png); }
.accessBox .access-road h5 { background:#ea6b0d; }
.accessBox .access-train h5 { background:#059932; }
.accessBox .conTbl th { width:90px; }
.accessBox .conTbl tr > * { padding:3px 10px; font-size:14px; }

#access .view { overflow:hidden; }
#access .view li { float:left; width:48.5%; }
#access .view li + li { margin-left:3%; }

#access h4.subttl { font-size: 16px;  color: #fff; text-align: left; padding: 10px 0 10px 15px; }
#access h4.subttl.center { background: #0a4bd0; }
#access h4.subttl.gallery { background: #059932; }

/* 会社概要------------------------ */

/* 代表挨拶------------------------ */
#greeting { margin-bottom:40px; }
#greeting > div.box { padding:30px; background:url(../img/pattern.png); }
#greeting p.txt { margin-top:0; }
.greetList li + li { margin-top:20px; }
.greetList h4 { position:relative; z-index:0; margin:0 0 10px; }
.greetList h4::before { content:""; position:absolute; z-index:-1; width:100%; left:0; top:17px; border-bottom:2px dashed #f7a41e;}
.greetList h4 span { display:inline-block; padding:6px 10px 4px; font-size:18px; color:#FFF; background:#f7a41e; }
.greetList p { margin:0; }
#greeting .floBox { margin:20px 0 0; padding:20px; overflow:hidden; }
#greeting .floBox .fleft { width:74%; }
#greeting .floBox .fright { width:23%; }

.daihyo { margin:20px 0 0; font-size:16px; text-align:right; }
.daihyo em { font-size:20px; font-weight:normal; }

#company .staffBox { margin-top: 20px; }
#company .pageNav ul li { width: 50%; }
#company .pageNav ul li a { display: block; padding: 8px 0; border: 2px solid #1e6bf7; }
#company ul.staff_list { margin-top: 40px; }
#company ul.staff_list li { width:24%; padding:8px; border:1px solid #c0c0c0; }
#company ul.staff_list li:not(:nth-child(4n+1)) { margin-left:1.3%; }
#company ul.staff_list li:nth-child(n+5) { margin-top: 10px; }
#company .all_staff { width: 49%!important; }
#all_staff { width:100%; max-width:540px!important; }
#company #all_staff .img { width:500px; }
#company .space { visibility:hidden!important; }
#company ul.staff_list li .post { position:absolute; left:0; bottom:15px; margin: 0; padding:2px 10px 1px; font-size:14px; background-color:#059932 ; color:#fff; text-align:center; }
#company ul.staff_list .name { margin: 0; padding:2px 10px; background-color:#ea6b0d; color:#fff; font-size:18px; text-align:center; }
#company ul.staff_list .img { position:relative; }
#company .staffCon { position:relative; width:100%; max-width:380px; margin: 0 auto; padding:20px; background-color: #fff; }
#company .staffCon .img { position:relative; width: 300px; margin:0 auto 10px; text-align: center; }
#company .staffCon .nameBox { margin-top:15px; padding: 2px 30px 1px; color: #fff; background-color: #059932; }
#company .staffCon .post { position:absolute; left:0; bottom:20px; text-align:left; margin: 0 0 5px; }
#company .staffCon .post span { display:inline-block; padding:0 20px; color:#fff; background:#ea6b0d; }
#company .staffCon .name { font-size:18px; font-weight:500; text-align: center; }
#company .staffCon .name .kana { margin-left:15px; font-size:16px; }
#company .staffCon .comment { margin:5px 0 0; }
#company .staff_all { padding: 8px; border: 1px solid #c0c0c0; }
#company .street { margin-top:30px; overflow:hidden; }
#company .street li { float:left; width:48%; }
#company .street li + li { margin-left:4%; }
#company .street li h4 { position:relative; margin:0 0 5px; padding-left:30px; font-size:18px; }
#company .street li h4::before, #company .street li h4::after { content:""; position:absolute; border:2px solid #FFF; }
#company .street li h4::before { top:1px; left:0; width:18px; height:18px; background:#f39700; border-radius:50%; }
#company .street li h4::after { top:5px; left:4px; width:10px; height:10px; border-radius:50%; border:2px solid #FFF; }

/* お客様の声・納車式 */
.shopTtl { margin-top:60px; padding:5px 10px 2px; font-size:22px; text-align:center; color:#FFF; font-family:'Kosugi Maru', sans-serif; }
.shopTtl.shop-1 { background:#0a4bd0; }
.shopTtl.shop-2 { background:#059932; }
.voice_list, .enquete_list { margin-bottom:60px; }
.enquete_list { padding:20px; border-width:2px; border-style:solid; }
.shop-1 + .enquete_list { border-color:#0a4bd0; }
.shop-2 + .enquete_list { border-color:#059932; }
.voice_list li { position:relative; width:230px; margin-bottom:50px; }
.voice_list li:not(:nth-child(4n)) { margin-right:20px; }
.voice_list li a {
	display:block; padding:10px; text-decoration:none; background:#fffbf5;
}
.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:#1e6bf7;
}*/
.voice_list li a:focus { outline:none; }
.voice_list .shop { position:absolute; top:0; right:0; margin:0; padding:6px 20px 5px; color:#FFF; }
.voice_list .shop1 .shop { background-color:#0a4bd0; }
.voice_list .shop2 .shop { background-color:#059932; }

.voice_list li.nosya_list { width: 100%; }
.voice_list li.nosya_list a { padding: 20px; }
.voice_list li.nosya_list h3 { padding:.4em 190px .3em .7em; margin-bottom: 1em; background: #ea6b0d; color: #fff; }
.voice_list li.nosya_list:not(:nth-child(4n)) { margin-right:0; }
.voice_list li.nosya_list figure { width: 38%; }
.voice_list li.nosya_list figure img { width: 100%; }
.voice_list li.nosya_list .lead { position:relative; width: 58%; }
.voice_list li.nosya_list .date { border-bottom: 1px solid #ea6b0d; padding-bottom: .5em; font-weight: bold; }

.enquete_list li { position:relative; width:223px; margin-top:28px; margin-bottom:20px; }
.enquete_list li:not(:nth-child(4n)) { margin-right:20px; }
.enquete_list li a {
	display:block; padding:10px; text-decoration:none; background:#eee;
}
.enquete_list li a figure { transition:all .3s; -webkit-transition:all .3s; }
.enquete_list li a:hover figure { opacity:0.7; }
.enquete_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:#ea6b0d;
}
.enquete_list li a:focus { outline:none; }


/* pageNav */
.pageNav { margin-top:20px; margin-bottom:50px; }
.pageNav li { width:50%; float:left; }
.pageNav li a {
	position:relative; display:block; padding:10px 10px 10px 30px;
	text-align:center; font-size:17px; font-weight:500; text-decoration:none;
	transition:all .3s; -webkit-transition:all .3s; border: 2px solid #1e6bf7;
}
.pageNav li a:hover { background:#e7fbfc; }
.pageNav li a.active { background:#1e6bf7; color:#fff; }


/*----- お問い合わせ -----*/
#contact .tbl { width:90%; }
#contact .thanks { padding:30px; background:url(../img/pattern.png) }
#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; }

/*----- サイトマップ -----*/
.sitemap { margin-bottom:50px; overflow:hidden; }
.sitemap ul[class^="box-"] { float:left; width:25%; margin-right:10%; }
.sitemap ul li { position:relative; margin-bottom:10px; padding-left:1.8em; }
.sitemap ul a { font-size:16px; font-weight:500; }
.sitemap ul li::before {
	content:""; position:absolute; top:1px; left:0; width:18px; height:18px; border:2px solid #FFF; background:#f39700; border-radius:50%;
}
.sitemap ul li::after {
  content:""; position:absolute; top:5px; left:4px; width:10px; height:10px; border-radius:50%; border:2px solid #FFF;
}

/*----- プライバシーポリシー -----*/
#policy .subTitle { margin-top:30px; padding-bottom:4px; font-size:22px; font-weight:500; border-bottom:2px solid #ea6b0d; }
#policy .addBox { margin:20px 0 50px; padding:25px 25px 23px; background:url(../img/bg_stripe_gn.png); }
#policy .addBox h4, #policy .addBox p { margin:0; }
#policy .decimal { margin-top:15px; margin-left:1em; }

#policy .exp > h4 { margin-bottom:.3em; }
#policy .exp > p { margin-top:0; }
#policy .addBox h5 { margin:0 0 .3em; font-size:1em; }
#policy .underline { text-decoration: underline;}

/* コミコミカー */
.komi_detail { margin-bottom:60px; }
.komi_main { position:relative; margin:10px 0 30px }
.komi_main figure { float:left; width:480px; }
.komi_main h3 { margin-top:10px; padding-bottom:3px; border-bottom:2px solid #ea6b0d; font-size:32px; font-weight:bold; font-family: 'Kosugi Maru', sans-serif; border-color: #ea6b0d; }
.komi_main h3.subTitle:before { display: none; }
.komi_main .txt_box { float:right; width:480px; }
.komi_main .set { margin:8px 0 0; font-size:20px; font-weight:bold; font-family: 'Kosugi Maru', sans-serif; }
.komi_main .set .plus { font-weight:900; color:#ea6b0d; }
.komi_main .price { margin-top:30px; margin-bottom:20px; font-size:25px; font-family: 'Kosugi Maru', sans-serif; line-height:1.2; color:#d00a0a; }
.komi_main .price em { font-size:65px; font-weight:normal; }
.komi_main .gentei { position:absolute; left:330px; top:130px; }

.komi_info { float:left; width:480px; height:240px; }
.komi_naiyo { float:right; width:480px; margin-top:10px; border:1px solid #ddd; }
.komi_naiyo h4 { margin:0; padding:7px 15px 6px; text-align:center; font-size:17px; color:#FFF; background:#ea6b0d; }
.komi_naiyo .price { margin:12px 0 10px; font-size:24px; color:#d00a0a; text-align:right; font-weight:800; font-family: 'Kosugi Maru', sans-serif; }
.komi_detail .att_txt { margin-top:30px; text-align:center; }
.komi_naiyo > p { padding:0 15px; }

.carContact form { width:100%; }
.contactForm { width:600px; margin:10px auto; }
.contactForm dl { margin-bottom:20px; }
.contactForm dl > * { display:block; text-align:left; }
.contactForm dt { padding:9px 5px 5px; float:left; width:160px; }
.contactForm dt span {
	display:inline-block; margin-top:2px; padding:0 8px; float:right; color:#fff; font-size:12px;
  border-radius:3px; background: #d00a0a;
}
.contactForm dd { padding:6px 5px; margin-left:180px; }
.contactForm dd input { width:95%; padding:5px; border:1px solid #ccc; }

#carContactBox { padding:20px; margin:30px 0; text-align:center; border-radius:5px; background:#fbf2e7; }
#carContactBox .cmn_tel { display:inline-block; margin-top:5px; font-size:28px; color:#ea6b0d; font-weight:900; font-family: 'Kosugi Maru', sans-serif; }
#carContactBox .submit { margin-top:20px; }

/*問い合わせフォーム内　よくある質問*/
.faqBox { margin: 80px auto 0;}
.faqBox dl { border-bottom: 1px solid #dcdcdc;}
.faqBox dt { position: relative; padding: 1rem; border-top: 1px solid #dcdcdc; font-size: 1em; font-weight: 700;}
.faqBox dt span { margin-right:10px; font-size:2em;}
.faqBox dt:first-child { border-top: none;}
.faqBox dt::after { content: "";width: 6px;height: 6px;border-top: 2px solid #009944;border-right: 2px solid #009944;transform: rotate(135deg); position: absolute; top: 50%; right: 20px;-ms-transition: all .5s;transition: all .5s;margin-top: -5px;}
.faqBox dt.active::after { transform: rotate(-45deg);}
.faqBox .green { color: #009944;}
.faqBox dd { display: none; padding: 0 1rem 1em;}
.faqBox dd .reason_inner { display: flex; width: 100%;}
.faqBox dd img { width: 25%;}
.faqBox dd p { margin: 0 1rem; width: 75%;}
.pc-none { display: none;}
.pc-only { display: block;}

/*IE*/
@media all and (-ms-high-contrast:none){
  #gnav li.stock a span:before { top:7px; width:25px; background-size:25px 18px; }
}