@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Murecho:wght@700;800&display=swap');


/* --共通------------------------ */
section { margin:30px auto 80px;}

.cb{clear:both;}

/* タイトル類 */
#con_ttl {
  padding: 56px 0 35px; 
  text-align:center; 
  /*background:url(/img/con_ttl_bg.jpg) repeat top left;*/
  background: repeating-linear-gradient(45deg, #ff9a27 0, #ff9a27 10px, #ffb057 10px, #ffb057 20px);
}
#con_ttl h2 {
  display:inline-block; 
  padding: 12px 60px; 
  border-radius: 40px;
  font-size:36px; 
  background: #ea5413;
  color:#fff;
  font-weight:bold;
  font-family: 'Murecho', sans-serif;
}
.sec_ttl { position: relative; margin: 0 0 30px; text-align: center; }
.sec_ttl:before {
  position: absolute; width: 100%; top: 50%; left: 0; content: "";
  border-top: 2px solid #f6471e;
}
.sec_ttl span {
  position: relative; 
  display: inline-block; 
  padding: 0 15px; 
  background: #fff;
  font-size: 50px;
  font-weight: bold;
  color: #ea5413;
  font-family: 'Murecho', sans-serif;
}

.title_bg{
  text-align:center;
  position:relative;
  clear:both;
}

.title_bg h2 img{
  width:22%;
}

.title_bg span{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color:#ea5413;
  font-weight:bold;
  font-family: 'Murecho', sans-serif;
  font-size:36px;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}


/* テーブル */
.tbl {
	width:auto; margin:-8px; border-spacing:8px; border-collapse:separate;
}
.tbl th {
	width:27%;
	padding:8px 20px;
	text-align:left;
	font-weight:normal;
	color: #000;
	background: #eeeeee;
}
.tbl td {padding: 0px 20px;text-align: left;}
form .submit input {
	display:inline-block;
	margin:0 10px;
	padding: 18px 120px 16px;
	font-size: 140%;
	font-weight:bold;
	border:medium none;
	border-radius:0;
	background: #ea5413;
	color: #fff;
	border-radius: 30px;
}
form .submit input:hover {
	background-color:#ea5413; transition:all 0.3s ease 0s; color:#fff;
}

/* 選ばれる理由
=============================================================== */
/* 安さの秘密 */
#yasusa figure { text-align: center; margin: 20px auto; }
#yasusa .box {
  padding: 35px 20px 20px; margin: 20px auto 60px; text-align: center;
  position: relative; border: 2px dashed #a0a0a0; background: #fff; border-radius: 30px;
}
#yasusa .box h4 {
  position: absolute; top: -20px; left: 0; right: 0; margin: 0;
  font-size: 28px; font-weight: bold;
}
#yasusa .box h4 span {
  display: inline-block; padding: 0 20px; background: #fff;
}
#yasusa .box.blue h4 { color: #00afec; }
#yasusa .box.blue li { background: #00afec; }
#yasusa .box.green h4 { color: #22ac38; }
#yasusa .box.green li { background: #22ac38; }
#yasusa .detail {
  justify-content: center; -webkit-justify-content: center;
}
#yasusa .detail li {
  width: 220px; height: 220px; padding: 20px; margin: 0 10px;
  border-radius: 50%;
  display: -webkit-flex; display: flex;
  -webkit-flex-wrap: wrap; flex-wrap: wrap;
  -webkit-align-items: center; align-items: center;
}
#yasusa .detail h5 {
  height: 80px; margin: 8px auto -8px; line-height: 110%; font-size: 23px; color: #fff;
  display: -webkit-flex; display: flex;
  -webkit-align-items: center; align-items: center;
}
#yasusa .detail p { margin: 0 auto; font-size: 96%; }

/* 展示在庫車150台*/
#zaiko150 .lead { margin: 40px auto; }
.bnr_enquete { margin: 20px auto; text-align: center; }

/* アフターサポート*/
#support { /*margin-top: 750px;*/ }
#support .sec_ttl:after {
  position: absolute; bottom: -37px; left: 50%; margin-left: -350px;
  content:url(../reason/img/after_ttl_img.png);
}
#support .inner li { width: 324px; }
#support .lead {
  margin: 40px auto; font-size: 24px; font-weight: bold;
  color: #f6471e; text-align: center;
}
#support .tcs { margin: 20px auto; text-align: center; }

#social_c{margin-top: 750px;}

/* お客様の声・納車式 ----- */

.voice_list { margin:60px auto; }
.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:#eee;
}
.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:#ea5413;
	border-radius:5px 5px 0 0;
}
.voice_list li a:focus { outline:none; }

/* pageNav */
.pageNav { margin-top:20px; border:2px solid #ea5413; border-radius:5px; }
.pageNav li { width:33.3%; float:left; }
.pageNav li a {
	position:relative; display:block; padding:10px 10px 10px 30px;
	text-align:center; font-size:16px; font-weight:bold; text-decoration:none;
	transition:all .3s; -webkit-transition:all .3s;
}
.pageNav li a:hover { background:#f7c3c3; }
.pageNav li a.active { background:#ea5413; color:#fff; width:100.4%;}



.pageNav2 { margin-top:20px; border:2px solid #ea5413; border-radius:5px; }
.pageNav2 li { width:50%; float:left; }
.pageNav2 li a {
	position:relative; display:block; padding:10px 10px 10px 30px;
	text-align:center; font-size:16px; font-weight:bold; text-decoration:none;
	transition:all .3s; -webkit-transition:all .3s;
}
.pageNav2 li a:hover { background:#f7c3c3; }
.pageNav2 li a.active { background:#ea5413; color:#fff; width:100.4%;}


/*************** new design *******************/
#o_ribon{
  background: url(/reason/img/new/o_ribon.png) no-repeat center;
  height:82px;
  text-align:center;
  color:#fff;
  font-weight:bold;
  font-size:18px;
  position:relative;
  margin:30px 0 50px;
}
#o_ribon span{
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);

}

.stripe_back{
  background: url(/reason/img/new/stripe.png) no-repeat;
  padding:13px;
  overflow:auto;
  margin:40px 0 60px;
}
.stripe_back img{
  float:left; height:320px;
}
.stripe_back p{
  background-color: #fff;
  width: 663px;
  float: right;
  height: 320px;
  position: relative;
  top: -14px;
  padding:30px;
  line-height:30px;
}
.stripe_back p span{
  font-weight:bold;
  font-size:18px;
  line-height:35px;
}

#vn_area{text-align:center;}
#vn_area a:first-child{margin-right:3%;}

.yi_back{
  background: url(/reason/img/new/yi_bg.png) no-repeat;
  height:200px;
  text-align:center;
  position:relative;
  margin:70px 0;
}
.yi_back img{
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.fl_yasusa{
  float:left;
  width:49%;
}

.blue_back{
  background:#f2f8ff;
  padding:50px 5% 20px;
  width:100%;
}
.blue_back p{
  text-align: left;
  margin: 40px 0;
}
.blue_back span{
  text-align:center;
  background:yellow;
  border:3px solid #3f98f2;
  border-radius:30px;
  padding:10px 23%;
  width:100%;
  color:#3f98f2;
  font-size:18px;
  font-weight:bold;
  text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
}
.blue_back span img{margin:0 7px 3px;}

.orange_back{
  background:#ffffe5;
  padding:50px 5% 20px;
  width:100%;
}
.orange_back p{
  text-align: left;
  margin: 40px 0;
}
.orange_back span{
  text-align:center;
  background:yellow;
  border:3px solid #ea5413;
  border-radius:30px;
  padding:10px 17%;
  width:100%;
  color:#ea5413;
  font-size:18px;
  font-weight:bold;
  text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
}

.kouken{
  text-align:center;
}

.yellow_line{
  font-weight:bold;
  font-size:18px;
  background: linear-gradient(transparent 70% , yellow 70%);
  text-align:center;
  width:500px;
  margin-inline:auto;
}

.tcs_green{
  background:#79bf5b;
  width:500px;
  margin-inline:auto;
  padding:0.4px 12px;
  margin-top:40px;
}
.tcs_green p{
  text-align:center;
  color:#fff;
  font-size:16px;
  border:2px solid #fff;
  padding:20px 0;
}

.gray_reason{
  background-color:#f4f2f2;
  height:1400px;
  padding:100px 0 200px;
}
.relative{
  position:relative;
}
.mtReason{
  margin-top:130px;
}
#syaken{
  position:relative;
  height:250px;
}

  #syaken .syaken_pic{
    position:absolute;
    top:10%;
    left:5%;
    width:420px;
    z-index: 2;
  }
  #syaken .syaken_title_pic{
    position:absolute;
    top:-10px;
    width:15%;
    z-index:999;
  }

  #syaken_txt_area{
    width: 450px;
    height: 260px;
    position:absolute;
    left: 450px;
    bottom:0px;
    background-color: #fff;
    padding: 30px 30px 30px 50px;
    top: 30%;
    z-index: 1;
    box-shadow: 10px 10px 15px -10px #979090;
  }

  #bankin{position:relative;height:250px;}
  #bankin .bankin_pic{
    position:absolute;
    top:10%;
    right: 160px;
    width:420px;
    z-index: 2;
  }
  #bankin .bankin_title_pic{
    position:absolute;
    top:0;
    right: 100px;
    width:15%;
    z-index:999;
  }
  #bankin_txt_area{
    width: 450px;
    height: 260px;
    position:absolute;
    left: 50px;
    bottom:0px;
    background-color: #fff;
    padding: 30px 30px 30px 50px;
    top: 30%;
    z-index: 1;
    box-shadow: 10px 10px 15px -10px #979090;
  }

  #hoken{position:relative;height:250px;}
  #hoken .hoken_pic{
    position:absolute;
    top:10%;
    left:5%;
    width:420px;
    z-index: 2;
  }
  #hoken .hoken_title_pic{
    position:absolute;
    top:0;
    left:0;
    width:15%;
    z-index:999;
  }
  #hoken_txt_area{
    width: 450px;
    height: 260px;
    position:absolute;
    left: 450px;
    bottom:0px;
    background-color: #fff;
    padding: 30px 30px 30px 50px;
    top: 30%;
    z-index: 1;
    box-shadow: 10px 10px 15px -10px #979090;
  }

  .double_line {
    display: inline-block;
    position: relative;
    padding: 5px 15px 0;
    border: solid 3px #72c931; 
    border-radius:30px;
    color:#72c931;
    font-weight:bold;
    font-size:20px;
  }
   
  .double_line::before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border: solid 3px #fff500; 
    z-index: -1;
    border-radius:30px;
  }


/* 軽未使用車とは
=============================================================== */
#about section .lead { margin: 40px auto; text-align: center; }
.about_detail li { width: 45%; margin: 0 20px 20px; }
.about_detail h4 {
  padding: 10px 20px; text-align: center; background: #ea5413;
  border-radius: 30px;
}
.about_detail .txt { margin: 10px 20px 20px; }
.about_detail figure { text-align: center; }
.melit_list { margin: 80px auto 30px; }
.melit_list li {
  height:128px; margin-bottom:30px;
  -webkit-align-items:flex-end; align-items:flex-end;
}
.melit_list li:first-child .new,
.melit_list li:first-child .old { position: relative; }
.melit_list li:first-child .new::before,
.melit_list li:first-child .old::before{
  position: absolute; top: -40px; left: 0; right: 0;
}
.melit_list li:first-child .new::before {
  content: url(../about/img/sttl_mishiyou.png);
}
.melit_list li:first-child .old::before {
  content: url(../about/img/sttl_old.png);
}
.melit_list .ttl_type {
  width:176px; margin:0 auto; text-align:center; order: 2;
}
.melit_list p {
  margin: 0 20px; font-size: 110%; -webkit-align-self:center;
  align-self:center; -webkit-flex-grow:1; flex-grow:1;
}
.melit_list .new, .melit_list .old {
	width:40%; float:left; height:inherit; text-align: center;
  display:-webkit-flex; display:flex;
}
.melit_list .new { order: 1; background:#ffeeb9; }
.melit_list .old { order: 3; background:#bfe7e5; }

/* 会社紹介
=============================================================== */
#profile .photo { width: 980px; margin: 0 auto 20px; }
#profile .tbl {width: 70%;margin: 20px auto;}
.history { width:90%; margin:30px auto; }
.history dt {
	width:24%; padding:8px 0; margin: 6px 0 0; text-align:center; color:#fff; font-weight:bold;
  float:left; clear:left; background: #FF9B1F;
}
.history dd {
	padding:14px 10px 14px 30%; margin: 0 0 4px; border-bottom:1px solid #FF9B1F;
}
.history dd p { margin:0 0 8px; padding:0 0 0 80px; position:relative; }
#greeting .inner {
  width: 90%; margin: 20px auto; padding: 20px 30px;
  border: 5px solid #ff9b1f;
  background: url(../company/img/greeting_bg.png?2023) no-repeat right top 0 #F9F5AC; background-size: 450px auto;
}
#greeting .name {
  margin: 10px 0 0; font-size: 20px; font-weight: bold;
}
#greeting .name span { font-size: 16px; padding-right: 10px; }
.gmap { margin:0 auto 30px; }
.gmap iframe  { max-width:100%; }
.access_box .access { float:left; width:48%; padding:20px; text-align:center; border:3px solid #FDD000; box-sizing:border-box; }
.access_box .access + .access { float:right; margin-left:40px; }

.access_box .access .ttl { margin: 0 auto 10px; font-size:17px; font-weight:bold; border-bottom:2px dotted #FDD000; }
.access_box .access ul { display:inline-block; margin:10px auto 0; font-size:13px; }
.access_box .access ul li { text-align:left; }
.access_box .access ul li.atten:before  { content:"※"; }

/* お問い合わせ
=============================================================== */

#contact .tbl { margin:30px auto; }
#contact .submit { text-align: center; }

#contact .pageNav,
#reserve .pageNav {margin-bottom: 60px;width: 80%;margin-inline: auto;}

#contact .pageNav2,
#reserve .pageNav2 {margin-bottom: 60px;width: 80%;margin-inline: auto;}

.contact_line { margin-top:70px; }
.contact_line .sec_ttl:before { border-top-color:#ffcb0f; }
.line_box { margin-top:40px; padding:20px 50px; border:3px solid #0b0; }
.line_box .lead { font-weight:bold; font-size:1.4em; }

.top_back{
  text-align:center;
  font-size:16px;
  font-weight:bold;
}

/*komikomi　コミコミカー
=============================================================== */
#komikomi .main_box {
  position:relative; margin-bottom:40px; padding: 30px;
  border: 1px solid #ddd; border-radius: 10px;
}

#komikomi .car_img {
	width:460px; float:right; position:relative; z-index:10;
}
#komikomi .gentei { position:absolute; bottom:0; right:0; margin:0; }
#komikomi .txt_box { width:520px; float:left; }
#komikomi .name {
	margin:0 0 20px; padding-bottom:5px; border-bottom:2px solid #ff9b1f;
	font-size:24px; font-weight:bold;
}
#komikomi .menu { margin:0 0 20px; }
#komikomi .price {
  position: relative; padding:14px 0 0 40px; margin: 10px 0 0;
}
#komikomi .price::before {
  content: url(../komikomi/img/fukidashi.png); position: absolute;
  top: 0; left: 0;
}
.komi_detail .tbl th { width: 30%; background:#ff9b1f; }
.komi_detail .box_l { width:45%; }
.komi_detail h5 {
  margin:0 auto 20px; font-size: 22px; text-align: center;
  border-bottom: 2px solid #ff9b1f;
}
.komi_detail .price_box {
	width:50%; padding:20px; border:1px solid #ddd;
}
.komi_detail .price_box li {
  margin: 0 0 10px; padding-bottom: 4px; border-bottom: 1px dashed #ddd;
}
.komi_detail .price_box li::before {
    content: "・";
}
.komi_detail .price_box li p { margin: 4px 0 0 10px; font-size: 90%;}

#carContactBox {
	padding:20px; margin:30px 0; text-align:center; border-radius:10px;
	background:#FBFACE;
}
#carContactBox .tel span { display:block; margin-bottom:8px; font-weight:bold; }
#carContactBox .submit { margin-top:20px; }
#carContactBox .tel_con { margin:10px 0 20px; float:none; }
#carContactBox .tel_con span {
  display: inline-block; margin-left: 20px; padding-left: 30px; font-size: 30px; font-weight: 800;
  background: url(../img/ico_tel.png) no-repeat left center / 24px auto;
}
.contactForm {
	width:600px; margin:10px auto; text-align:center;
}
.contactForm dl { margin-bottom:20px; }
.contactForm dl > * { text-align:left; }
.contactForm dt {
	width:160px; padding:14px 5px 5px; float:left; clear:left;
}
.contactForm dt span {
	display:inline-block; padding:0 8px; float:right; color:#fff; font-size:12px;
	background: #e60012;
}
.contactForm dd { padding:5px; margin-left:180px; }
.contactForm dd input { width:95%; padding:5px; border:1px solid #ccc; }

.contactForm .btn_submit { width:220px; padding:14px 0 12px; }

/*pokkiri　ぽっきりカー
=============================================================== */
#pokkiri .main_box {
  position:relative; margin-bottom:40px; padding: 30px;
  border: 1px solid #ddd; border-radius: 10px;
}

#pokkiri .car_img {
	width:100%x; float:right; position:relative; z-index:10;
}
#pokkiri .gentei { position:absolute; bottom:0; right:0; margin:0; }
#pokkiri .txt_box { width:100%; float:left; }
#pokkiri .name {
	margin:0 0 20px; padding-bottom:5px; border-bottom:2px solid #ff9b1f;
	font-size:20px; font-weight:bold;
}
#pokkiri .menu { margin:0 0 20px; }
#pokkiri .price {
  position: relative; padding:14px 0 0 40px; margin: 10px 0 0;
}
#pokkiri .price::before {
  content: url(../pokkiri/img/fukidashi.png); position: absolute;
  top: 0; left: 0;
}
.komi_detail .tbl th { width: 30%; background:#ff9b1f; }
.komi_detail .box_l { width:45%; }
.komi_detail h5 {
  margin:0 auto 20px; font-size: 22px; text-align: center;
  border-bottom: 2px solid #ff9b1f;
}
.komi_detail .price_box {
	width:50%; padding:20px; border:1px solid #ddd;
}
.komi_detail .price_box li {
  margin: 0 0 10px; padding-bottom: 4px; border-bottom: 1px dashed #ddd;
}
.komi_detail .price_box li::before {
    content: "・";
}
.komi_detail .price_box li p { margin: 4px 0 0 10px; font-size: 90%;}

#carContactBox {
	width:100% padding:20px; margin:30px 0; text-align:center; border-radius:10px;
	background:#FBFACE;
}
#carContactBox .tel span { display:block; margin-bottom:8px; font-weight:bold; }
#carContactBox .submit { margin-top:20px; }
#carContactBox .tel_con { margin:10px 0 20px; float:none; }
#carContactBox .tel_con span {
  display: inline-block; margin-left: 20px; padding-left: 30px; font-size: 30px; font-weight: 800;
  background: url(../img/ico_tel.png) no-repeat left center / 24px auto;
}
.contactForm {
	width:100%; margin:10px auto; text-align:center;
}
.contactForm dl { margin-bottom:20px; }
.contactForm dl > * { text-align:left; }
.contactForm dt {
	width:160px; padding:14px 5px 5px; float:left; clear:left;
}
.contactForm dt span {
	display:inline-block; padding:0 8px; float:right; color:#fff; font-size:12px;
	background: #e60012;
}
.contactForm dd { padding:5px; margin-left:180px; }
.contactForm dd input { width:95%; padding:5px; border:1px solid #ccc; }

.contactForm .btn_submit { width:220px; padding:14px 0 12px; }

.bikou { background:#eee; }
.bikou li {  margin: 0 0 10px; padding-bottom: 4px; border-bottom: 1px dashed #ddd; font-size: 80%; }
.bikou li::before { content: "・"; }

/*privacy　プライバシーポリシー
=============================================================== */
#privacy_detail .inner {
	margin:30px auto; padding-bottom:10px; border-bottom:2px dotted #b7b7b7;
}
#privacy_detail .inner h3 { font-size:120%; font-weight:bold; color:#ea5413; }
#privacy_detail .inner ul { margin:20px 0; padding-left:20px; list-style:decimal; }
#privacy_detail .inner ul li { margin:2px 0; }

/*sitemap　サイトマップ
=============================================================== */
#site_list { margin:10px; }
#site_list .box { width:48%; }
#site_list .box > li {
	padding-bottom:10px; margin-bottom:10px;
	border-bottom:1px dashed #b7b7b7;
}
#site_list .box > li > a {
	position:relative; padding-left:32px; font-size:110%;
}
#site_list .box i {
	position:absolute; left:0; width:30px; top:2px;
	text-align:center; color:#ea5413;
}
#site_list .box > li ul { margin:8px 0 8px 34px; }
#site_list .box > li li { font-size:90%; margin-bottom:6px; }
#site_list .box > li li a { position:relative; }
#site_list .box > li li a:before { content:"-"; position:absolute; left:-12px; }

/* --chirashi------------------------ */
#chirashi ul { width: 520px; margin: 0 auto; }
#chirashi li { width: 50%; }


/*パレットおすすめ特集
=============================================================== */
.osusume_detail1 li { 
  width: 45%; 
  margin: 0 20px 80px; 
  border:4px solid #ea5413;
  padding-bottom:30px;
}
.osusume_detail1 h4 {
  padding: 30px 20px; 
  text-align: center;
  border-radius: 30px;
  background: url(../osusume/img/car_bg.png)no-repeat center; 
  font-size:22px;
}
.osusume_detail1 .txt { 
  margin: 10px 20px 20px; 
}
.osusume_detail1 figure { 
  text-align: center; 
}

.osusume_ttl1{
  position: relative; 
  margin: 0 0 30px; 
  text-align: center;
}
.osusume_ttl1:before {
  position: absolute; 
  width: 100%; 
  top: 50%; 
  left: 0; 
  content: "";
  border-top: 2px solid #f6471e;
}
.osusume_ttl1 span {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  background: #fff;
}

.osusume_detail2 li { 
  width: 45%; 
  margin: 0 20px 80px; 
  border:4px solid #FE76AE;
  padding-bottom:30px;
}
.osusume_detail2 h4 {
  padding: 30px 20px; 
  text-align: center;
  border-radius: 30px;
  background: url(../osusume/img/car_bg.png)no-repeat center; 
  font-size:22px;
}
.osusume_detail2 .txt { 
  margin: 10px 20px 20px; 
}
.osusume_detail2 figure { 
  text-align: center; 
}

.osusume_ttl2{
  position: relative; 
  margin: 0 0 30px; 
  text-align: center;
}
.osusume_ttl2:before {
  position: absolute; 
  width: 100%; 
  top: 50%; 
  left: 0; 
  content: "";
  border-top: 2px solid #FE76AE;
}
.osusume_ttl2 span {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  background: #fff;
}

.osusume_detail3 li { 
  width: 45%; 
  margin: 0 20px 80px; 
  border:4px solid #8AD531;
  padding-bottom:30px;
}
.osusume_detail3 h4 {
  padding: 30px 20px; 
  text-align: center;
  border-radius: 30px;
  background: url(../osusume/img/car_bg.png)no-repeat center; 
  font-size:22px;
}
.osusume_detail3 .txt { 
  margin: 10px 20px 20px; 
}
.osusume_detail3 figure { 
  text-align: center; 
}

.osusume_ttl3{
  position: relative; 
  margin: 0 0 30px; 
  text-align: center;
}
.osusume_ttl3:before {
  position: absolute; 
  width: 100%; 
  top: 50%; 
  left: 0; 
  content: "";
  border-top: 2px solid #8AD531;
}

.osusume_ttl3 span {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  background: #fff;
}

.osusume_btn1{
  background-color:#ea5413;
  width:304px;
  text-align:center;
  margin-inline:auto;
  padding:15px 0;
  margin-top:20px;
  color:#fff!important;
  font-weight:bold;
}

.osusume_btn2{
  background-color:#FE76AE;
  width:304px;
  text-align:center;
  margin-inline:auto;
  padding:15px 0;
  margin-top:20px;
  color:#fff!important;
  font-weight:bold;
}

.osusume_btn3{
  background-color:#8AD531;
  width:304px;
  text-align:center;
  margin-inline:auto;
  padding:15px 0;
  margin-top:20px;
  color:#fff!important;
  font-weight:bold;
}


/*来店予約
=============================================================== */
#profile{
  text-align:center;
}

.required_orange{
  margin:0 10px 0 0px;
	background-color: #ea5413;
	color:#FFF;
	padding: 0 8px;
	border-radius: 5px;
}


/*よくある質問
=============================================================== */
#question{
  margin: 70px auto 100px;
  text-align: center;
  height:auto;
}

#question h1{
  padding:30px 0;
  font-size:28px;
  font-weight:bold;
  color:#fff;
  max-width:1500px;
  margin-inline:auto;
  background:#ea5413;
  position: relative;
}

#question h1:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #ea5413 transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}

.question_inner{
  background:#efefef;
  max-width: 1500px;
  margin-inline: auto;
  padding: 70px 0;
}

.question_sub{
  background-color: #ea5413;
  max-width:1000px;
  margin-inline:auto;
  color: #fff;
  padding:15px 0;
  position:relative;
  margin-bottom: 40px;
}

.question_sub:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #ea5413 transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}

.qa-001 {
  max-width: 1000px;
  margin-bottom: 15px;
  border-radius: 5px;
  margin-inline:auto;
  background:#fff;
  padding-bottom:20px;
}

.qa-001 summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 2em 1em 5em;
  color: #333333;
  font-weight: 600;
  cursor: pointer;
  background-color: #fff!important;
  border-top: 4px solid #ea5413;
}

.qa-001 summary::before,
.qa-001 p::before {
  position: absolute;
  left: 1em;
  font-weight: 600;
  font-size: 1.3em;
}

.qa-001 summary::before {
  color: #ea5413;
  content: url(/question/img/q.png);
  transform: scale(0.5);
}

.qa-001 summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #fc6729;
  border-right: 3px solid #fc6729;
  content: '';
  transition: transform .5s;
}

.qa-001[open] summary::after {
  transform: rotate(225deg);
}

.qa-001 p {
  position: relative;
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: .3em 3em 0em 5em;
  color: #333;
  transition: transform .5s, opacity .5s;
}

.qa-001[open] p {
  transform: none;
  opacity: 1;
  text-align:left;
  background-color:#fff;
}

.qa-001 p::before {
  color: #fc6729;
  line-height: 1.2;
  content: url(/question/img/a.png);
  transform: scale(0.5);
  position: absolute;
    top: -12px;
}

.qa-001[open] a {
  transform: none;
  opacity: 1;
  background-color:#fff;
}
.q_btn{
  background-color:#ddd;
  border-radius:30px;
  text-align:center;
  padding:6px 20px;
  margin-inline:auto;
}

.toi_step{width:65%;margin-right:3.5%;}

/*==============================================================
スマホ
================================================================*/

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

  .sec_ttl span {font-size:30px;}
  #con_ttl h2 {font-size:26px;}

  .title_bg h2 img {
    width: 50%;
  }

  /*　おすすめ特集
  =======================================*/
  .osusume_ttl1 span {padding:0;}
  .osusume_btn1 {width:90%;margin-top:auto;}
  .osusume_detail1 li {width: 49%;margin: 0 0px 10px;border: 2px solid #ea5413;padding-bottom:10px;display: flex;flex-direction: column;}
  .osusume_detail1 .txt {margin: 10px;}
  .osusume_detail1 h4 {padding: 5px;font-size: 16px;}

  .osusume_ttl2 span {padding:0;}
  .osusume_btn2 {width:90%;margin-top:auto;}
  .osusume_detail2 li {width: 49%;margin: 0 0px 10px;border: 2px solid #FE76AE;padding-bottom:10px;display: flex;flex-direction: column;}
  .osusume_detail2 .txt {margin: 10px;}
  .osusume_detail2 h4 {padding: 5px;font-size: 16px;}

  .osusume_ttl3 span {padding:0;}
  .osusume_btn3 {width:90%;margin-top:auto;}
  .osusume_detail3 li {width: 49%;margin: 0 0px 10px;border: 2px solid #8AD531;padding-bottom:10px;display: flex;flex-direction: column;}
  .osusume_detail3 .txt {margin: 10px;}
  .osusume_detail3 h4 {padding: 5px;font-size: 16px;}

  /*　よくある質問
  =======================================*/
  .question_inner {padding:0;}
  #question{margin:0 auto 20px;}
  .qa-001 summary {text-align:left;}
  .question_sub {padding:15px;}


  /*　選ばれる理由
  =======================================*/

  .title_bg span {
    width:90%;
    font-size:26px;
  }

  .top_ribbon{
    background:url(/reason/img/new/ribbon_bg.png) no-repeat;
    background-size: 100%;
  }

  #reason1 img{margin:15px 0;}
  #reason1 p{text-align:center;}
  #reason1 #orange{color:#ea5413;font-weight:bold;font-size:15px;}
  #zaiko_search_btn{margin:35px auto;}

  .blue_back{background:#f2f8ff;padding:50px 5% 20px;}
  .blue_back p{font-size:16px;font-weight:bold;text-align:center;}
  .blue_back span{
    text-align:center;
    background:yellow;
    border:3px solid #3f98f2;
    border-radius:30px;
    padding:10px 16%;
    width:100%;
    color:#3f98f2;
    font-size:18px;
    font-weight:bold;
    text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
  }
  .blue_back span img{margin:0 7px 3px;}

  .orange_back{background:#ffffe5;padding:50px 5% 20px;}
  .orange_back p{font-size:16px;font-weight:bold;text-align:center;}
  .orange_back span{
    text-align:center;
    background:yellow;
    border:3px solid #ea5413;
    border-radius:30px;
    padding:10px 9%;
    width:100%;
    color:#ea5413;
    font-size:18px;
    font-weight:bold;
    text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
  }

  #after_care{
    margin:20px 0;
  }

  #syaken{position:relative;height:250px;}
  #syaken .syaken_pic{
    position:absolute;
    top:10%;
    left:5%;
    width:90%;
  }
  #syaken .syaken_title_pic{
    position:absolute;
    top:0;
    width:35%;
    z-index:999;
  }

  #bankin{position:relative;height:250px;}
  #bankin .bankin_pic{
    position:absolute;
    top:10%;
    left:5%;
    width:90%;
  }
  #bankin .bankin_title_pic{
    position:absolute;
    top:0;
    left:0;
    width:35%;
    z-index:999;
  }

  #hoken{position:relative;height:250px;}
  #hoken .hoken_pic{
    position:absolute;
    top:10%;
    left:5%;
    width:90%;
  }
  #hoken .hoken_title_pic{
    position:absolute;
    top:0;
    left:0;
    width:35%;
    z-index:999;
  }

  .double_line {
    display: inline-block;
    position: relative;
    padding: 5px 15px 0;
    border: solid 3px #72c931; 
    border-radius:30px;
    color:#72c931;
    font-weight:bold;
    font-size:20px;
  }
   
  .double_line::before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border: solid 3px #fff500; 
    z-index: -1;
    border-radius:30px;
  }

  /* フォーム */
  .pageNav li a {font-size:11px;}
  #contact .pageNav, #reserve .pageNav {width:100%;}
  form .submit input {padding:14px 60px 12px;}
  .tbl th {padding:0px 20px;}

}