@charset "utf-8";


/* common ---------------- */
#contents { padding: 10px 0; }

.bg_check { background: url("../img/bg_check.jpg"); }
.bg_stripe { background-color: #fad684; background-image: repeating-linear-gradient(-45deg,#ffe794, #ffe794 12px,transparent 0, transparent 22px); }
.bg_blue { background: url("../img/bg_dot_blue.jpg"); }
.bg_glay { background: #ebe7e7; }
.bg_white { background:#fff; }

.box_area { margin: 60px 0; }
.box_area .ttl { position: relative; z-index: 1; }
.box_con { position: relative; margin: -110px 4% 0; padding: 120px 30px; background: #fff; border-bottom-left-radius:20px; border-bottom-right-radius:20px; box-shadow: 5px 5px rgba(121, 115, 113, 0.75); }
.box_con figure { margin-bottom: 10px; }
.box_con .txt { width: 60%; }

/* title */
.pagettl img { width: 100%; }
.txtTtl { margin:1em 0; color:#5f3602; font-size:1.5em; font-weight:bold; text-align:center; }

.ttl-bb-b {
 margin:8% 0 .8em; padding-bottom:.2em; font-size:1.3em; font-weight:bold;
  line-height:1.5; border-bottom:3px solid #dfdfdf; position:relative }
.ttl-bb-b::before {
 content:""; display:block; position:absolute; bottom:-3px; left:0;
 width:2.5em; height:3px; background-color:#ff7500}

/* contents ---------------- */

/*店舗紹介　shop*/
#shop .box_con .person { position: absolute; bottom: 0; right: 0; width: 44%; margin: 0; }
#shop #kobac .txt,
#shop #seibi .txt { width: 100%; }

/*在庫　zaiko*/
#zaiko #contents .narrow { margin: 0; padding: 0; max-width: 100%; }
#cs-stock { width: 100%!important; height: auto!important; }

/*納車式　nousya*/
#nousya #contents { padding-top: 0; }
#nousya .box_con { margin-left: 5%; margin-right: 5%; }
.nousya_list li { width: 24%; margin-bottom: 10px; }
.nousya_list .date { margin: 0; display: inline-block; padding: 0 .7em; color: #fff; background: #ff7500; border-top-left-radius:10px; border-top-right-radius:10px;  }
.nousya_list .image { margin: 0; }
.nousya_list .image img { border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border: 2px solid #ff7500; }
#nousya .box_area { margin-top: 0; }
.box_area.nara .nousya_list .date { background: #1ea339; }
.nara .nousya_list .image img { border-color: #1ea339; }

/*お客様アンケート　enquete*/
#enquete #contents { padding-top: 0; }
#enquete .box_area { margin-top: 0; }
#enquete .box_con { margin-left: 5%; margin-right: 5%; }
.enquete_list li { width: 24%; margin-bottom: 10px; }
.enquete_list li a { text-decoration: none;}
.enquete_list .image { text-align: center; }
.enquete_list .image img { border: 2px solid #ff7500; }
.box_area.nara .enquete_list .image img { border-color: #1ea339; }
.enquete_list .tanto_area { margin-top: -40px; }
.enquete_list .tanto_area .staff { width: 30%; height: 100%; margin: 0; border-radius: 50%; overflow: hidden; }
.box_area.honten .enquete_list .tanto_area .staff { background: #ff7500;}
.box_area.nara .enquete_list .tanto_area .staff { background: #1ea339;}
.enquete_list .tanto_area .data { margin: 0; padding: 60px 0 0; width: 68%; color: #5f3602; }
.enquete_list .tanto_area .date { margin: 0; }
.enquete_list .tanto_area .tanto { margin: 0; padding-left: 45%; font-size: 1.8em; font-weight: bold; background: url("../img/enquete/ttl_tanto.png") no-repeat 0 0 / 40%; line-height: 1.4; }
.box_area.nara .enquete_list .tanto_area .tanto { background-image: url("../img/enquete/ttl_tanto_nara.png"); }

/*アンケート詳細ページ*/
#enquete { color: #333; font-weight: bold;}
#enquete .enq_con { padding: 1.8em 1.2em; max-width: 950px;}
#enquete .img_enq { margin-bottom: clamp(40px,5vw,50px);}
#enquete .purchase_ttl ,#enquete .cinfo .cinfo_ttl { padding: .3em 0; text-align: center; color: #fff; font-size: 1.2em; background: #196fb0; font-weight: bold;}
#enquete .purchase_detail,#enquete .cinfo_detail { align-items: center; padding: 1.2em 1.2em 1.5em; font-weight: bold; background: rgba(25, 111, 176, .1); }
#enquete .purchase_detail > div,#enquete .cinfo_detail > div { display: flex; flex-wrap: wrap; align-items: center; padding-bottom: .5em; border-bottom: dashed 1px #8dacc3;}
#enquete .purchase_detail > div + div,#enquete .cinfo_detail > div + div { margin-top: .8em;}
#enquete .purchase_detail dt,#enquete .cinfo_detail dt { width: 15%;}
#enquete .purchase_detail dd,#enquete .cinfo_detail dd { width: 65%; color: #196fb0; font-size: 1.15em;}
#enquete .purchase_detail .car_name { display: inline-block; color: #196fb0; font-size: 1.285em;}
#enquete .purchase_detail .car_name.maker ,.purchase_detail .car_name.cname { margin-right: .3em;}
#enquete .purchase_detail .car_name.grade { font-size: 1em;}
#enquete .purchase_detail .area ,.purchase_detail .shop { width: 100%;}

#enquete .cinfo { margin-top: 1.3em;}
#enquete .cinfo .cinfo_ttl { background: #ff7500;}
#enquete .cinfo_detail { background: rgba(255, 117, 0, .1);}
#enquete .cinfo_detail > div { border-bottom: dashed 1px #f8b77f;}
#enquete .cinfo_detail dd { color: #ff7500;}

#enquete .ttl-border { position: relative; padding-top: 1.3em; margin-block: clamp(50px,7vw,70px) 1.3em; font-size: 1.05em; line-height: 1.4; color: #a74103; border-top: 2px solid #ff7500; font-weight: bold;}
#enquete .ttl-border::before { content: ""; position: absolute; width: 1em; height: 1em; left: 50%; top: 0; transform: translateX(-50%) translateY(-50%); border-radius: 50%; background: #ff7500;}
#enquete .review dt { position: relative; margin-bottom: .4em; padding-left: 1.2em; font-size: 1.142em;}
#enquete .review dt::before { position: absolute; content: ""; width: .7em; height: .7em; left: 0; top: 45%; transform: translateY(-50%); background: #ff7500;}
#enquete .review dd { display: flex; align-items: center; padding: .5em .7em; background: rgba(255, 117, 0, .1);}
#enquete .review dd + dt { margin-top: .8em;}
#enquete .star { color: #feb908; font-size: 1.1em;}
#enquete .star .gray { color: #b5b5b5;}
#enquete .star-num { margin-left: .5em;}
#enquete .e_staff-list { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 2%;}
#enquete .e_staff-list > li { padding-block: .3em .1em; background: rgba(255, 117, 0, .1); text-align: center;}
#enquete .comment_txt { padding: 1em; background: rgba(255, 117, 0, .1); }

#enquete .staff { display: flex; margin-top: 2em; align-items: center; justify-content: center; gap: 1em;}
#enquete .staff_img { width: 30%; max-width: 174px; height: 100%; margin: 0; border-radius: 50%; overflow: hidden;}
#enquete .staff_img.honten { background: #ff7500;}
#enquete .staff_txt { position: relative; padding-top: 2.3em; font-size: 1.285em;}
#enquete .staff_txt::before { position: absolute; content: ""; left: 0; top: 10%; width: 4.5em; height: 2.1em;}
#enquete .staff_txt.honten::before { background: url(/img/enquete/ttl_tanto.png) no-repeat center / contain;}
#enquete .staff_txt.nara::before { background: url(/img/enquete/ttl_tanto_nara.png) no-repeat center / contain;}


/*スタッフ紹介　staff*/
#staff .pagettl { position: relative; }
#staff .pagettl:after{ position: absolute; bottom: -30px; right: 20px;
    content: ""; width: 100%; height: 100%; }
#staff.honten .pagettl:after { background: url(../img/staff/go_honten.png) no-repeat 100% 100%/40%; }
#staff.nara .pagettl:after { background: url(../img/staff/go_nara.png) no-repeat 100% 100%/40%; }
#staff .ttl { margin: 0 0 1em -10px; }
#staff .staff_list { margin-bottom: 3em; align-items: flex-end; }

/*Q&A　qa*/
#qa #contents { padding-bottom:5%; }
.qa_list { margin-bottom:3em; }
.qa_list li { margin-bottom:1.5em;
  .q {
    display:flex; align-items:center;
    min-height:50px; padding-left:min(13%,60px);
    color:#5f3602; font-weight:bold; line-height:1.4;
    background: url("../img/qa/icon_q.png") no-repeat 0 0; }
  .a { padding:3.5% 4%; color: #fff; background:#ff7500; border-radius: 10px; box-shadow: 5px 5px #fff100; }
}
.qa_search {
  display:flex; width:min(100%,640px); margin:5% auto 7%;
  border:3px solid #1ea339; border-radius:8px;
  input[name="s"] { margin:0; width:80%; border:none; border-radius:5px; }
  button { width:20%; background-color:#1ea339; }
}
.qa_cat { gap:.5em;
  a {
    display:block; padding:.2em min(2.6vw,1.2em);
    color:#555; font-weight:700; text-decoration:none;
    background-color:#fff; border:3px solid #dcdcdc; border-radius:8px;
    &:hover { background-color:#f6f6f6; }
  }
}
.qa_result {
  > li {
    > a {
      display:block; padding:3.5% 4%; color:#333; text-decoration:none; line-height:1.5;
      .cat { display:inline-block; margin:0; padding:.2em 1em; font-size:.85em; background-color:#eee; border-radius:2em; }
      border:3px solid #dcdcdc; border-radius:8px;
      .q { margin-block:.5em .3em; font-size:1.2em; font-weight:bold; }
      .a { margin:0; }
      .em { background-color:#fff77f; }
    }
    & + li { margin-top:1em; }
  }
}

/*アクセス　access*/
#access .box_area { margin: 10px 0; padding: 20px 10px 600px; color: #fff; text-align: center; border-radius: 10px; }
#access .box_area.honten { background:url("../img/access/img_honten.jpg") no-repeat #ff7500 0 100% / 100%; }
#access .box_area.nara { background:url("../img/access/img_nara.jpg") no-repeat #1ea339 0 100% / 100%; }
#access .gmap { width: 100%; height: 450px; border-radius: 10px; box-shadow: 5px 5px 5px rgba(62, 59, 58, 0.75); }
#access .sub_ttl { width: 90%; margin: 0 auto; font-size: 1.2em; color: #fff; text-align: center; border-radius: 30px; background: #5f3602; box-shadow: 3px 3px #fff100; }
#access .sub_ttl span,
#access .txt span { color:#fff100; }
#access ol { text-align: left; margin-left: auto; margin-right: auto; padding-left: 1em; width: fit-content; }
#access .contact_box { padding: 20px 10px 0px; color: #5f3602; background: #fff; box-shadow: 3px 3px #fff100; }
#access .contact_box .tel { margin: 0; font-size: 3em; font-weight: bold; }
#access .shop_data .name { font-size: 1.2em; }
#access .shop_data .data { font-size: .9em; }

/*会社概要　company*/
#company #contents { padding: 10px 0 0; }
.profile { position: relative; padding: 10px 0 100px; }
.profile .tbl { box-shadow: 5px 5px rgba(121, 115, 113, 0.75); }
.profile .business li { width: 25%; }
.profile .message { position:relative; padding-bottom: 0; margin: 20px 10px; font-size: .85em; border: 2px solid #ee9300; }
.profile .message .ttl { margin-top: 0; color: #fff; background: #ee9300; }
.profile .message .txt { margin: 10px; }
.president { position: absolute; width:32%; bottom: 50px;left: 16%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.kenkou .ttl{  padding-top: 0.8em;  color: #ee9300;font-weight: bold;}

.history { padding: 100px 0 0; background: #ff7500; }
.history_con { background: #fff; }
.history_con .ttl { text-align: center; color: #fff; background:#8abe1f; }
.history_list li { padding: 10px; }
.history_list li .year { position: relative; padding-left: 1.2em; color: #8abe1f; font-size: 1.1em; font-weight: bold; }
.history_list li .year:before { position: absolute; top: 50%; left: 0;
    content: ""; width: 0; height: 0;
    border-style: solid; border-width: 8px 5.5px 0 5.5px;
    border-color: #8abe1f transparent transparent transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.history_list li:nth-child(even) { color: #fff; background:#8abe1f; }
.history_list li:nth-child(even) .year { color: #fff; }
.history_list li:nth-child(even) .year:before { border-color: #fff transparent transparent transparent; }
.history_list dt,
.history_list dd { margin-bottom: .7em; }
.history_list dt { float: left; width: 6em;}
.history_list dd { padding-left: 6em; margin-top: .7em; }

/*個人情報保護に関する基本方針（プライバシーポリシー）　company #policy*/
#policy #header {background-color: #fff;}
#contents .policy {background: #ff7500;}
.policy { padding: 50px 0 0;}
.policy_con { background: #fff; }
.policy_con > .ttl { text-align: center; color: #fff; background:#8abe1f; height: 50px; padding: 12px;}
.policy_r{text-align: right; padding-right:10px; font-size: 80%;}
.policy_r li{ padding: 10px; font-size: -1em}
.policy_list>li { padding: 1px 15px 8px 15px;}

.policy_inner { padding: 2em; }
.policy .inner > div:not(:first-child) { margin-top: 2em; }

.policy .alpha-list { counter-reset: alpha; }
.policy .alpha-list > li { margin-top: 1.5em; padding-left: 1.5em; position: relative; }
.policy .alpha-list > li > .ttl { font-weight: 700; }
.policy .alpha-list > li > .ttl + p { margin-top: 0; }
.policy .alpha-list > li::before { content:counter(alpha, lower-alpha) ") "; counter-increment: alpha; position: absolute; top: 0; left: 0; }


.policy_list > li > .ttl { font-size: 1.1em; font-weight: bold; }
.policy_list > li > .ttl + p { margin-top: .5em; }
.policy_list dl{  width:60%;padding: 20px;border:solid 1px #ccc;margin: 30px;display: block;margin-left: auto;margin-right: auto;}
.policy_list dt,
.policy_list dd { margin-bottom: 1em; }
.policy_list dt {  width: 16em;}
.policy_list dd { padding-left: 1em; margin-top: .7em; }

.policy_list li .policy_maru ol li{ padding: 0px auto;}
.p_left li{padding-left: 0px;}

.policy_list .policy_kakomi{width:670px;padding: 20px;margin: 30px; border:solid 1px #ccc;
display: block;margin-left: auto;margin-right: auto; list-style: none;
}
.policy_list .policy_kakomi .ttl { margin: 0; font-size: inherit; }

.policy_list li>ol.ireko>li {margin-bottom: 1em;}
.policy_list li>ol.ireko>li > h4 + p { margin-top: 0; }

.policy_list li>ol>li>ul {list-style-type: disc; padding-left: 1em;}

#policy #contents {padding: 0;}


/* クッキーポリシー */
#policy.csr .policy-inner { margin: 0 1em; }
#policy.csr .policy-inner .ttl { margin-top: 3em; padding: 1em; text-align: left; height: auto;}
#policy.csr .policy-inner .button { margin: 3em auto; background: #ff7500; color: #fff; font-weight: bold; text-decoration: none;}
#policy.csr .exp_term { padding:1em 1.5em; background:#fff4e2; }

/*お問い合わせフォーム contact*/
#contact .box { margin: 50px 0; padding: 50px; background: #fff; }
.c-form { border: 1px solid #bbb; }
.c-form > div { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.c-form dt, .c-form dd { padding:10px; }
.c-form dt { width:20%; color:#fff; background:#ee9300; }
.c-form dd { -webkit-box-flex:1; flex:1; background:#fff; }

.submit { margin:2em 0; }
.submit input {
  padding:1em 2em; color:#5f3602; font-size:1.5em; font-weight:bold; background:#fff100;
}

#contact .policy-box { margin-bottom: 2em; padding:1em 1.5em; background-color: #e6f9ff; }
#contact .policy-box .ttl { font-weight: 700; }
#contact .policy-box .ttl + p { margin-top: .5em; }

/*404error*/
#error .ttl { margin: 1em 0; text-align: center; font-size: 1.5em; border-bottom: 1px solid #ff7500; }

/* ================================================================
  レスポンシブ
=================================================================== */
/* 600以上(PC・タブレット) */
@media screen and (min-width: 600px) {
    /*会社概要　company*/
    .profile .business { width: 50%; margin: 0 auto; }
    img.graph { width: 50%; }
    .president img { width: 80%; }

    .c-form dt, .c-form dd { border-bottom:1px solid #e8e8e8; }
	.br-sp {display: none; }

  .qa_list li .q { font-size:1.2em; }
  .qa_search input[name="s"] { font-size:1.2em; }
  .qa_cat { justify-content:center; }

}

/* 960px以上(PC) */
@media screen and (min-width: 960px) {

}


/* ================================================================
  タブレット
=================================================================== */
/* 1024以下 (タブレット横以下) */
@media screen and (max-width: 1024px) {
    .box_con { margin: -80px 4% 0; padding: 70px 30px; }
    /*店舗紹介　shop*/

}

/* 959以下 (タブレット以下) */
@media screen and (max-width: 959px) {
  .bg_check { background-size:12%; }
  .bg_blue { background-size:10%; }


  .box_con { margin: -30px 4% 0; padding: 20px 30px;
      border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

  /*お客様アンケート　enquete*/
  .enquete_list .tanto_area { margin-top: 0; }
  .enquete_list .tanto_area .data { width: 100%; padding: 0; }
  .enquete_list .tanto_area .staff { width: 50%; }
  .enquete_list .tanto_area .tanto { font-size: 1.2em; }

  /*Q&A　qa*/
  #qa .tanto { width: 25%; }

  /*アクセス　access*/
  #access .box_area { padding-bottom: 390px; }

  /*会社概要　company*/
  .profile .message { margin: 20px 10px 250px; }

  .policy_list .policy_kakomi {width: 592px; padding: 20px 11px; margin-left: -2em;}


}

/* ================================================================
  スマホ
=================================================================== */
@media screen and (max-width: 599px){
  .box_area { margin: 15px 0; }
  .box_con { margin: -20px 4% 0; padding: 20px 10px; box-shadow: 3px 3px rgba(121, 115, 113, 0.75);  }

    /*納車式　nousya*/
  .nousya_list li,
  .enquete_list li{ width: 49%; }

    /*お客様アンケート　enquete*/
  .enquete_list .tanto_area { margin-top: -20px; }

  /*アンケート詳細ページ*/
  .staff_img { width: 30%;}
  #enquete .purchase_detail dt,#enquete .cinfo_detail dt { width: 35%;}

  /*スタッフ紹介　staff*/
  #staff .staff_list li { width: 100%; }

  /*Q&A　qa*/
  .qa_list li .q { min-height:34px; background-size:10%; }
  #qa .tanto { width:50%; }

  /*アクセス　access*/
  #access .box_area { padding-bottom: 200px; }
  #access .gmap { height: 320px; }

  /*会社概要　company*/
  .profile .message .txt { text-align: left; }
  .profile .message { margin: 20px 10px; padding-bottom: 0; }
  .president { bottom: -60px; left:50%; }
  .history { margin-top: -60px; padding: 70px 0 0; }
  .history_list li:nth-child(2n){margin-bottom: 50px;}


  .policy {padding: 34px 0 0; }

  .policy_r {margin-top: 10px; margin-bottom: 10px;}
  .policy_r li {padding: 0 10px;}
  .policy_list>li>ol {    padding-inline-start: 29px;}
	.policy_list dl{
		width:320px;
		padding: 10px;
		border:solid 1px #ccc;
		padding: 10px;
		display: block;
		margin-left: auto;
		margin-right: auto;/*margin: 30px; margin-left:23px;*/}

    .policy_list .policy_kakomi{
		width:300px;
		padding: 10px 0px 14px 6px;
		margin: 10px 0px 10px 0px;
		border:solid 1px #ccc;
		display: block;
		margin-left:-1em;
		margin-right: auto; }

	.policy_con .ttl{ height:70px;}
  .policy_list li>ol>li>ul>li {padding-left: 0;}

    /*お問い合わせフォーム contact*/
    #contact .box { margin: 10px 0; padding: 10px; }
    .c-form dt { width:100%; }
    .c-form dd { width:100%; }



}

/*スマホSE以下*/
@media screen and (max-width: 320px){
    #access .contact_box .tel { font-size: 2em;  }
}