/* -------------------------------------
 *  共通CSS
 * -------------------------------------*/
 a.linkimg{ background: #fff; display: block; }
 a img{ transition:all 0.5s ease;}
 a img:hover{opacity: 0.5; filter: alpha(opacity=50); }

.font07{ font-size: .7rem !important; line-height: 1.2rem !important;}
.font08{ font-size: .8rem !important; line-height: 1.2rem !important;}
.font09{ font-size: .9rem !important; line-height: 1.5rem !important; }
.font10{ font-size: 1rem; line-height: 1.8rem; }
.font12{ font-size: 1.2rem !important; line-height: 2rem !important; }
.font14{ font-size: 1.4rem !important; line-height: 2.3rem !important; }
.font16{ font-size: 1.6rem !important; line-height: 2.7rem !important;}
.font18{ font-size: 1.8rem !important; line-height: 2.7rem !important;}
.font20{ font-size: 2rem; line-height: 2.5rem;}
.font24{ font-size: 2.4rem; line-height: 4rem;}
.font29{ font-size: 2.9rem;}

.font-weight-bold{ font-weight: bold; }
.text-center{ text-align: center; }
.text-right{ text-align: right; }

.py-5rem{ padding-top: 5rem; padding-bottom: 5rem; }
.py-3rem{ padding-top: 3rem; padding-bottom: 3rem; }
.py-1rem{ padding-top: 1rem; padding-bottom: 1rem; }
.py-05rem{ padding-top: .5rem; padding-bottom: .5rem; }
.pt-3rem{ padding-top: 3rem; }
.pt-1rem{ padding-top: 1rem; }
.pt-2rem{ padding-top: 2rem !important; }
.pt-3rem{ padding-top: 3rem; }
.pt-4rem{ padding-top: 4rem; }
.pt-5rem{ padding-top: 5rem; }
.pt-7rem{ padding-top: 7rem; }
.pb-5rem{ padding-bottom: 5rem; }
.mb-1rem{ margin-bottom: 1rem; }
.mb-2rem{ margin-bottom: 2rem !important; }
.mb-3rem{ margin-bottom: 3rem !important; }
.mb-5rem{ margin-bottom: 5rem; }
.mb-0{ margin-bottom: 0; }
.mt-0{ margin-top: 0 !important; }

.black{ color: #000; }
.red{ color: #9a0000; }
.bl{color: rgb(44, 171, 226);}
.green{color: #23bcaa;}
.gray{color: #696959;}
.or{color: #d85600;}
.over{ overflow: hidden; }
.bg-yl{ background-color: #fffae4;}
.underline {background: linear-gradient(transparent 40%, #fff7a2 0%); }
.imgshadow{ box-shadow: 10px 10px #ececec; }
.rec{ border-top: 1px solid #a4a4a4; border-bottom: 1px solid #a4a4a4; }
.tag{ background: #eee; border-radius: 3px; padding: .5rem 2rem; }
.underline {background: linear-gradient(transparent 40%, #FFFF00 0%); }
.attention{border-radius: 3px; padding: 2rem 1rem; text-align: center; background-color: #fffbd6; /*border: #fff 2px solid;*/ margin-top: 5rem;}


.d-flex{ display: flex; }
.flex-wrap {-ms-flex-wrap: wrap!important; flex-wrap: wrap!important; }
.justify-content-center {-ms-flex-pack: center!important; justify-content: center!important; }
.justify-content-between {-ms-flex-pack: justify!important; justify-content: space-between!important; }
.align-items-start {-ms-flex-align: start!important; align-items: flex-start!important; }
.align-items-center {-ms-flex-align: center!important; align-items: center!important; }
.align-items-end {-ms-flex-align: end!important; align-items: flex-end!important; }

.denchi-area p{ font-size: 1rem; margin-bottom: 1rem; }
.denchi-area h3 {font-size: 1.4rem !important; letter-spacing: 0.05rem; line-height: 1.65; padding: 0 0 .2rem 0; }



/*---------------------------------------------------*/
.denchi-area h1 {background-image: url(content_title_1A.png); width: 630px; margin-top: 0; margin-right: auto; margin-bottom: 0.5em; margin-left: 0; height: 50px; line-height: 57px; text-align: left; overflow: hidden; }
.denchi-area h1 span.ja {font-size: 1em; color: #ffffff; padding-right: 10px; line-height: 50px; padding-left: 18px; }
.denchi-area h1 span.en {font-size: 0.9em; color: #B1CCE4; }

.denchi-area .ch_txt{ font-size: 2rem; }
.denchi-area .ch_txt span{ font-size: 2.5rem; }
.denchi-area .ch_txt02{ background: #28a7e1; color: #fff; font-size: 1.3rem; padding-top: .2rem }

.four_functions ul , .four_functions ul li{ margin: 0; padding: 0; }
.four_functions ul li{ width: 46%; list-style: none; }
.four_functions .point{ font-size: 1.2rem; font-weight: bold; background: #000; color: #fff; border-radius: 5px; padding: .5rem 0; text-align: center; letter-spacing: .2rem; margin-bottom: .5rem;}
.four_functions .point span{ color: #FFFF00; }

.setbox{ width: 45%; padding: 0 2% 1% 2%; }
.option.d-flex div , .option.d-flex img{ width: 50%; }
.option.d-flex div p{ padding-left: 1rem; padding-left:1em; text-indent:-1em;}

.remedy th{ width: 20%; }
.remedy td{ width: 30%; }

.denchi-area .info{ background: #d8f2ff url(denchi_images/info_img.png) no-repeat 95% 85%; background-size: 210px; color: #000; border-radius: 5px; padding: 1rem 2rem; }
.denchi-area .info p{ line-height: 1.8rem; font-size: .9rem; }
.denchi-area .info .info_ttl{ padding: .5rem 1rem; margin-bottom: 2rem; border-left: 8px solid #009ae0; color: #009ae0; font-weight: bold; font-size: 1.2rem }
.denchi-area .info .info_tel{ line-height: 1.8rem; font-size: 1.8rem; font-weight: bold; }
.denchi-area .info .info_tel span{  font-size: 1.7rem; }

.denchi-area .flyer_link{ margin-top: -40px; }
.denchi-area .btn{ padding: .5rem 2rem; border-radius: 10px; background: #000; color: #fff; text-decoration: none; transition: .5s ; display: inline-block; margin-bottom: 1rem; }
.denchi-area .btn:hover{ background: #888; text-decoration: none; }

#dealership{ background: url(denchi_images/bu.jpg) no-repeat 0 50%; background-size: 55px; padding-left: 75px; margin-bottom:30px; }
#dealership p{ font-weight: bold; color: #0099e0; line-height: 27px; }