@charset "UTF-8";


/* ファイルマネージャーサムネイル *//* --------------------------------------------------------------------- */
table.ccm-file-manager-list img.ccm-file-manager-list-thumbnail{width: 60px;height: 60px;}

/* オリジナルコモン *//* --------------------------------------------------------------------- */
.clear{
  clear:both;
  display:block;
  overflow:hidden;
  visibility:hidden;
  width:0;
  height:0
}

#cpage main {
  margin-bottom: 30px;
}

.jt_back {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfe7ff+0,ffffff+40 */
  background: #ffc; /* Old browsers */

  margin-bottom: 30px;
  padding-bottom: 0px;

  border-bottom: 2px solid #f30;
}

.head_course_b a {
  display: block;
  color:#f30;
  background-color: #fff45c;
  padding: 0px 0px 0px 6px;
  margin-bottom:20px;
  font-size:18px; font-size:1.8rem;
  font-weight: bold;

  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}
.head_course_b a:hover {
  text-decoration: none;
}
.head_course_b a:after {
  color:#f30;
  padding: 0px 0px 0px 6px;
  font-size:22px; font-size:2.2rem;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f0da";
  position: relative;
  top:1px;
}


@media (max-width: 1200px) {
.head_course_b a {
  padding: 4px 0px 4px 6px;
  font-size:14px; font-size:1.4rem;
}
.head_course_b a:after {
  color:#f30;
  padding: 0px 0px 0px 6px;
  font-size:14px; font-size:1.4rem;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f0da";
  position: relative;
  top:0px;
}
}


.head_tel {
  color:#333;
  margin:2px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size:26px; font-size:2.6rem;
  font-weight:bold;
  line-height:1;
}
.head_tel:before {
  color:#f30;
  padding: 0px 6px 0px 0px;
  font-size:22px; font-size:2.2rem;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f098";
  position: relative;
  bottom:1px;
}
.tel_time00 {
  margin-top:0px;
  margin-bottom:0px;
  font-size:16px; font-size:1.6rem;
  text-align: left;
}
.tel_time {
  margin-top:0px;
  margin-bottom:10px;
  font-size:16px; font-size:1.6rem;
  text-align: left;
}


@media (max-width: 1200px) {
.head_tel {
  font-size:26px; font-size:2.6rem;
  line-height:1;
}
.head_tel:before {
  font-size:22px; font-size:2.2rem;
  position: relative;
  bottom:1px;
}

}

@media (max-width: 991px) {
.head_tel {
  font-size:26px; font-size:2.6rem;
  line-height:1;
}
.head_tel:before {
  font-size:22px; font-size:2.2rem;
  position: relative;
  bottom:1px;
}
}



.header_btn01 a {
  display:block;
  background: #fff799;
  color: #f33;
  margin-bottom:30px;
  padding:0px 4px 0px 8px;
  font-size: 20px; font-size: 2.0rem;
  font-weight:bold;
  line-height: 1.6;
  border:1px solid #7d7d7d;

  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;

  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header_btn01 a:before {
  color:#006;
  padding: 0px 6px 0px 4px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f0e0";
}



.head01 a {
  display:block;
  margin:20px 0px 10px 0px;
  border:1px solid #999;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}
.head01 a:hover {
  background-color: #ffc;
  text-decoration: none;
}
.head01 a:before {
  color:#FF3F00;
  padding: 0px 6px 0px 10px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f06a";
}

.head02 a {
  display:block;
  border:1px solid #999;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}
.head02 a:hover {
  background-color: #ffc;
  text-decoration: none;
}
.head02 a:before {
  color:#FF3F00;
  padding: 0px 6px 0px 10px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f0e0";
}



.side_top_b a {
  display:block;
  text-align:center;
  border:4px solid #257bc7;

  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}
.side_top_txt {
  margin-bottom:20px;
  font-size:13px; font-size:1.3rem;
  text-align: center;
}

.side_menu ul li ul li {
  margin-left: 10px;
}
.side_menu ul li a {
  display:block;
  color:#000;
  background-color: #fff;
  margin-bottom: 10px;

  border:1px solid #7d7d7d;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}
.side_menu ul li a.nomargin {
  margin-bottom: 0px;
}

.side_menu ul li ul li a {
  color:#666;
  background-color: #fff;
  margin-bottom: 0px;
}
.side_menu ul li a:before {
  color:#ff0101;
  padding: 0px 6px 0px 10px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f138";
}
.side_menu ul li a:hover {
  background-color: #ffc;
}

.side_b01 a {
  background-color:#e6ecf0;
  color:#257bc7;
  display:block;
  margin-bottom:30px;
  font-size:30px; font-size:3.0rem;
  font-weight:bold;
  border:4px solid #257bc7;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}
.side_b01 a:before {
  background-color:#fff;
  display:inline-block;
  content: url(../img/side_b_icon01.png);
  margin-right:6px;
  padding: 6px 6px 0px 6px;
  border-right:4px solid #257bc7;
  vertical-align: middle;
}
.side_b01 a:hover {
  background-color: #ffc;
  text-decoration: none;
}

.side_b02 a {
  background: #ffe0c9; /* Old browsers */
  background: -moz-linear-gradient(top, #ffe0c9 0%, #ffffff 50%, #ffe0c9 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffe0c9 0%,#ffffff 50%,#ffe0c9 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffe0c9 0%,#ffffff 50%,#ffe0c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe0c9', endColorstr='#ffe0c9',GradientType=0 ); /* IE6-9 */
  display:block;
  margin-bottom:30px;
  padding:6px;
  text-align:center;
  border:2px solid #ff6600;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}

.side_title01 {
  color:#fff;
  background: #9cc3e6; /* Old browsers */
  background: -moz-linear-gradient(top, #9cc3e6 0%, #257bc7 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #9cc3e6 0%,#257bc7 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #9cc3e6 0%,#257bc7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cc3e6', endColorstr='#257bc7',GradientType=0 ); /* IE6-9 */

  font-size:20px; font-size:2.0rem;
  font-weight: bold;
  text-align:center;
  border: 1px solid #257bc7;
}

@media (max-width: 1200px) {
.side_b01 a {
  font-size:22px; font-size:2.2rem;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.side_b01 a {
  font-size:16px; font-size:1.6rem;
  border:2px solid #257bc7;
}
.side_b01 a:before {
  background-color:#fff;
  display:inline-block;
  width:36px;
  height:32px;
  content:" ";
  background:url(../img/side_b_icon01.png) no-repeat;
  background-size: contain;
  margin-right:6px;
  padding: 6px 6px 0px 6px;
  border-right:2px solid #257bc7;
}

.side_title01 {
  font-size:15px; font-size:1.5rem;
  font-weight: 500;
}
}


.image-circle img {
  border:2px solid #008C00;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.line-dashed {
  border:none;
  border-bottom:dashed 1px #CCC;
  height:1px;
  color:#FFFFFF;
  margin:6px 6px 10px 6px;
}

@media (max-width: 767px) {
  .disp_none br {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
.disp_none br {
  display: inline;
}
.side_menu{
  font-size:16px; font-size:1.6rem;
}

.side_menu ul li ul li {
  margin-left: 0px;
}
.side_menu ul li a:before {
  padding: 0px 2px 0px 4px;
}

.head_tel{
  margin-top: 0px;
  margin-bottom: 2px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
  .disp_none br {
    display: none;
  }
.side_menu{
  font-size:16px; font-size:1.6rem;
}
}


/* タイトル *//* ---------------------------------------------------- *//* タイトル */
.title {
  margin-top:20px;
  margin-bottom:40px;
  text-align: center;
}
.title h2 {
  width:80%;
  display:inline-block;
  color:#666;
  margin:0px 0px 0px 10px;
  padding: 0px 80px 0px 80px;

  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size:36px; font-size:3.6rem;
  font-weight: normal;
  line-height:1.8;
  letter-spacing:0.2em;

  border-top: thick double #ddd;
  border-bottom: thick double #ddd;
}
/*
.title h2:before {
  color:#4e7a38;
  padding: 0px 4px 0px 0px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f015";
}
*/

.subtitle h3 {
  color:#000;
  margin:0px 0px 10px 0px;
  padding: 0px 0px 0px 8px;
  font-size:18px; font-size:1.8rem;
  border-bottom: 4px solid #f33;
  letter-spacing:0em;
}
.subtitle h3:before {
  color:#f33;
  padding: 0px 6px 0px 0px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f05d";
}

.subtitle02 h3 {
  color:#fff;
  background-color:#006;
  margin:0px 0px 10px 0px;
  padding: 0px 0px 0px 8px;
  font-size:16px; font-size:1.6rem;
  line-height: 2.4;
  border: 1px solid #ff8000;
  border-radius:6px;
  letter-spacing:0em;
}

.subtitle02 h4 {
  background-color:#ffffcc;
  margin:0px 0px 10px 0px;
  padding: 0px 0px 0px 8px;
  font-size:16px; font-size:1.6rem;
  border: 1px solid #ff8000;
  border-radius:6px;
  letter-spacing:0em;
}
.subtitle02 h4:before {
  color:#E50012;
  padding: 0px 4px 0px 0px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f058";
}

.breadcrumb{padding:8px 15px;margin-bottom:10px;list-style:none;background-color:#f5f5f5;border-radius:4px}
.breadcrumb>li{display:inline-block}
.breadcrumb>li+li:before{content:">";padding:0 5px;color:#ccc}
.breadcrumb>.active{color:#999}


.img_center img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 767px){ /* --------------------------------------------------------------------- */
.wrap h1 {
  margin-top: 20px;
}

.logo-xs-mt [class*="col-"] {
  margin-top: 20px;
}

.brand_name {
  padding-top: 0px;
  padding-bottom: 20px;
}

  .brand_name img { /* センタリング */
    display: block;
    margin-top:0px;
    margin-left: auto;
    margin-right: auto;
  }

  .head_tel { /* センタリング */
    text-align:center;
  }
  .head_tel02 { /* センタリング */
    text-align:center;
  }
  .tel_time00 {
    text-align: center;
  }
  .tel_time {
    text-align: center;
  }
  .mp_right {
  text-align: center;
}

.head_comm_left {
  font-size:24px; font-size:2.4rem;
  -webkit-text-stroke: 0px #fff;
   text-shadow:
     -1px -1px 0 #fff,
      1px -1px 0 #fff,
      -1px 1px 0 #fff,
       1px 1px 0 #fff;
}

.head_comm_center {
  color:#fff;
  background-color:#d90000;
  padding-top:0px;
  padding-bottom:0px;
  font-size:20px; font-size:2rem;
  font-weight:bold;
  text-align: center;
}

.title {
  margin-top:20px;
  margin-bottom:40px;
  text-align: center;
}
.title h2 {
  width:100%;
  display:inline-block;
  margin:0px 0px 0px 0px;
  padding: 0px 80px 0px 80px;

  font-size:24px; font-size:2.4rem;
  font-weight: normal;
  line-height:1.8;
  letter-spacing:0.2em;

  border-top: thick double #ddd;
  border-bottom: thick double #ddd;
}
/*
.title h2:before {
  color:#4e7a38;
  padding: 0px 4px 0px 0px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f015";
}
*/

.subtitle h3 {
  color:#000;
  margin:0px 0px 10px 0px;
  padding: 0px 0px 0px 8px;
  font-size:18px; font-size:1.8rem;
  border-bottom: 4px solid #f33;
  letter-spacing:0em;
}
.subtitle h3:before {
  color:#f33;
  padding: 0px 6px 0px 0px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f05d";
}

.subtitle02 h4 {
  padding: 6px 4px 6px 4px;
  font-size:14px; font-size:1.4rem;
  line-height: 1.4;
  letter-spacing:0.1em;
}

}

/*
.nav ul.sf-menu li:nth-child(1) a:before {
  padding: 0px 4px 0px 0px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f19c";
}
.nav ul.sf-menu li:nth-child(2) a:before {
  padding: 0px 4px 0px 0px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f0a3";
}
.nav ul.sf-menu li:nth-child(3) a:before {
  padding: 0px 4px 0px 0px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f19d";
}
.nav ul.sf-menu li:nth-child(4) a:before {
  padding: 0px 4px 0px 0px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f157";
}
.nav ul.sf-menu li:nth-child(5) a:before {
  padding: 0px 4px 0px 0px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f27a";
}
.nav ul.sf-menu li:nth-child(6) a:before {
  padding: 0px 4px 0px 0px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f044";
}
*/
.nav ul.sf-menu li a:before {
  color:#D90000;
}
.isStuck .nav ul.sf-menu li a:before {
  color:#ff0;
}

.content_block {
  margin-bottom: 30px;
}
.content_block p {
  margin-bottom: 20px;
}

.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}

.arrow01 {
  padding-left: 1em;
  line-height: 1.4;
}
.arrow01 a:before {
  width: 1em;
  color:#D90000;
  margin-left: -1em;
  padding: 0px 2px 0px 0px;
  font-family: 'FontAwesome';
  font-weight: normal;
  text-decoration: none;
  content:"\f138";
}

@media (min-width: 768px) and (max-width: 991px) {
.arrow01 {
  font-size:13px; font-size:1.3rem;
}
}

.arrow_rotate90 {
  margin-top: 40px;
}

@media (max-width: 767px) {
.arrow_rotate90 {
  margin-top: 30px;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
}


/*  copy
/*--------------------------------- */
.copy{
  margin-top: 0px;
  text-align: center;
}

.copy span{
  font-size:11px; font-size:1.1rem;
}

.list_style_disc ul {
  margin-left:30px;
  list-style-type: disc;
}
.list_style_number ol {
  margin-left:30px;
  list-style-type: decimal;
}

.line_1px_dashed01 hr {
  border-top: 1px dashed #666;
}


.catch01 p {
  color:#006;
  margin:30px 0px 30px 0px;
  padding: 0px 0px 0px 0px;
  font-size:28px; font-size:2.8rem;
  font-weight:bold;
  text-align:center;
  line-height:1.8;
  letter-spacing: 0em;
}
@media (min-width: 768px) and (max-width: 991px) {
.catch01 p {
  font-size:21px; font-size:2.1rem;
}
}
@media (max-width: 767px) {
.catch01 p {
  margin:20px 0px 20px 0px;
  font-size:18px; font-size:1.8rem;
}
}

/* ホーム *//* --------------------------------------------------------------------- */
.dotted01 hr {
  margin: 30px 0px 30px 0px;
  border:none;
  border-top: 1px dashed #a0a0a0;
  height:1px;
}

.top_catch01 p {
  color:#000066;
  margin:30px 0px 30px 0px;
  padding: 0px 0px 0px 0px;
  font-size:32px; font-size:3.2rem;
  text-align:center;
  font-weight:bold;
  line-height:1.4;
  letter-spacing: 0em;
}

.top_insurance {
  display:block;
  background: #ffc;

  color: #06f;
  margin-bottom:20px;
  padding:6px 4px 6px 8px;
  font-size: 24px; font-size: 2.4rem;
  font-weight: bold;
  text-align:center;
  line-height: 1.4;
  border:1px solid #006;
}

@media (min-width: 768px) and (max-width: 991px) {
.top_catch01 p {
  font-size:21px; font-size:2.1rem;
}
}
@media (max-width: 767px) {
.top_catch01 p {
  margin:20px 0px 20px 0px;
  font-size:18px; font-size:1.8rem;
}
}

.top_catch02 p {
  color:#f33;
  margin:30px 0px 30px 0px;
  padding: 0px 0px 0px 0px;
  font-size:28px; font-size:2.8rem;
  font-weight:bold;
  text-align:center;
  line-height:1.4;
  letter-spacing: 0em;
}

@media (min-width: 768px) and (max-width: 991px) {
.top_catch02 p {
  font-size:21px; font-size:2.1rem;
}
}
@media (max-width: 767px) {
.top_catch02 p {
  margin:20px 0px 20px 0px;
  font-size:18px; font-size:1.8rem;
}
}

.top_catch_txt {
  margin-bottom:30px;
  text-align: center;
}



.top_title01 h2 {
  color:#006;
  margin:0px 0px 6px 0px;
  padding: 0px 0px 0px 8px;
  font-size:20px; font-size:2.0rem;
  font-weight:bold;
  letter-spacing:0em;
}
.top_title01 h2:before {
  color:#f33;
  padding: 0px 6px 0px 0px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f11e";
}



.top_title01 h3 {
  color:#fff;
  background-color: #F25363;
  margin:0px 0px 10px 0px;
  padding: 3px 0px 1px 8px;
  font-size: 20px; font-size: 2.0rem;
  font-weight:normal;
}

.top_title02 h2 {
  color:#006;
  margin:0px 0px 10px 0px;
  padding: 7px 0px 4px 4px;
  font-size: 18px; font-size: 1.8rem; /* 24px */
  font-weight: bold;
  line-height:1.1;
  letter-spacing:0.1em;
  border-bottom:4px solid #f33;
}



.top_title03 h2 {
  color:#006;
  margin:0px 0px 6px 0px;
  padding: 0px 0px 0px 8px;
  font-size:20px; font-size:2.0rem;
  font-weight:bold;
  letter-spacing:0em;
  border-bottom:4px solid #f33;
}
.top_title03 h2:before {
  color:#f33;
  padding: 0px 6px 0px 0px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f11e";
}


.top_checkmark {
  background-color: #ECEEF0;
  margin-bottom: 30px;
  padding: 6px;
}
.top_checkmark h3 {
  color:#ff0101;
  margin-bottom: 10px;
  font-size: 20px; font-size: 2.0rem;
  line-height: 1.3;
}
.top_checkmark li {
  list-style-type: none;
  padding-top: 4px;
  padding-bottom: 10px;
  padding-left: 1.7em;
  position: relative;
  line-height: 1.3;
}
.top_checkmark li:before{
  color: #ff0101;
  content: "\f046";
  font-family: FontAwesome;
  font-size: 20px; font-size: 2.0rem;
  font-weight: bold;
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  left: 4px;
  top: 0px;
}

.ori-xs-6 {
  float: left;
  width:50%;
  margin-bottom: 20px;
}

.under_dash {
  margin: 0px 0px 30px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom: 1px dashed #999;
}

.top_waku01 {
  color:#000;
  margin-bottom:10px;
  padding: 2px 6px 2px 6px;
  border:1px solid #275DFF;
}

@media (max-width: 767px) {
.top_tel01 {
  margin:10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size:30px; font-size:3.0rem;
  line-height:1.1;
  text-align: center;
  letter-spacing: 0em;
}
.top_tel01:before {
  content: url(../img/freed_icon01.png);
  margin: 6px;
  position: relative;
  top: 0px;
}

.tel_time02 {
  padding-top:3px;
  font-size:15px; font-size:1.5rem;
  text-align: center;
  line-height:1.6;

  -moz-border-radius:26px;
  -webkit-border-radius:26px;
  border-radius:26px;
}
}

@media (max-width: 768px) {
.top_catch_txt {
  margin-bottom:30px;
  text-align: left;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.top_catch_txt {
  margin-bottom:30px;
  text-align: left;
}

.top_title01 h2 {
  margin:0px 0px 6px 0px;
  padding: 7px 0px 4px 2px;
  font-size: 15px; font-size: 1.5rem;
  font-weight: normal;
  line-height:1.1;
  letter-spacing:0em;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.top_title01 h2 {
  font-size: 18px; font-size: 1.8rem;
  font-weight: normal;
  line-height:1.1;
  letter-spacing:0.1em;
}
.top_title01 h2:before {
  font-size: 18px; font-size: 1.8rem;
}
}

@media (max-width: 320px) {
.top_catch01 p {
  font-size:18px; font-size:1.8rem;
}
}


.top_footer_blue {
  color:#fff;
  background-color: rgb(19, 106, 187);
  margin-bottom:30px;
  padding:14px;
  font-weight:normal;
}
.top_footer_blue h3 {
  color:#fff;
  font-size:24px; font-size:2.4rem;
  font-weight:normal;
  text-align: center;
  letter-spacing:0.2em;
}

.top_footer_green {
  color:#fff;
  background-color: rgb(24, 145, 126);
  margin-bottom:30px;
  padding:14px;
  font-weight:normal;
}
.top_footer_green h3 {
  color:#fff;
  font-size:24px; font-size:2.4rem;
  font-weight:normal;
  text-align: center;
  letter-spacing:0.2em;
}



/* 車検 *//* --------------------------------------------------------------------- */
.inspection_table{
  width: 100%;
  border-collapse: collapse;
}
.inspection_table td,
.inspection_table th{
  padding: 5px;
  border: 1px solid #ccc;
}
.inspection_table th{
  font-weight: bold;
}
.inspection_table thead th{
  background:#e6e6e6;
}


@media only screen and (max-width:991px){
  .inspection_table{
    display: block;
  }
    .inspection_table thead{
      display: none;
    }
    .inspection_table tbody{
      display: block;
    }
      .inspection_table tbody tr{
        display: block;
        margin-bottom: 1.5em;
      }
      .inspection_table tbody th,
      .inspection_table tbody td{
        display: list-item;
        border: none;
      }
      .inspection_table tbody th{
        margin-bottom: 5px;
        list-style-type: none;
        color: #fff;
        background: #006;
      }
      .inspection_table tbody td{
        margin-left: 20px;
        padding: 0;
      }
      .inspection_table tbody td:nth-of-type(1):before { content: "[重量税]"; }
      .inspection_table tbody td:nth-of-type(2):before { content: "[自賠責]"; }
      .inspection_table tbody td:nth-of-type(3):before { content: "[印紙税]"; }
      .inspection_table tbody td:nth-of-type(4):before { content: "[基本料]"; }
      .inspection_table tbody td:nth-of-type(5):before { content: "[検査費]"; }
      .inspection_table tbody td:nth-of-type(6):before { content: "[事務手数料]"; }
      .inspection_table tbody td:nth-of-type(7):before { content: "[総額]"; }
}



/* メンテナンス *//* --------------------------------------------------------------------- */
.mainte01 {

}
.mainte01 ul {
  list-style-type:none;
  margin:0px 0px 0px 0px;
  padding: 0px 0px 0px 2px;
  line-height: 2;
}
.mainte01 ul li {
  color:#257bc7;
  background-image:url("../img/icon01.png");
  background-repeat:no-repeat;
  background-position:0px 2px;
  margin:0px 0px 10px 0px;
  padding: 0px 0px 0px 32px;
  font-weight: bold;
}

.number01 dl {
  width: 100%;
  margin:0px 0px 10px 0px;
  border: 1px solid #999;
  border-top: none;
}
.number01 dt {
  min-width: 3em;
  float: left;
  padding:6px;
  border-top: 1px solid #999;
}
.number01 dd {
  _height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
  min-height:41px;
  margin-left: 3em;
  padding:6px;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
}


@media (min-width: 768px) and (max-width: 991px) {
.mainte01 ul {
  line-height: 1.4;
  font-size: 14px; font-size: 1.4rem;
}
.mainte01 ul li {
  height:44px;
  background-position:0px 2px;
  margin:0px 0px 10px 0px;
  padding: 6px 0px 0px 32px;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.mainte01 {
  font-size: 14px; font-size: 1.4rem;
}
}


.text01 {
  font-size: 21px; font-size: 2.1rem;
  line-height:2.8;
}

@media (max-width: 767px) {
.text01 {
  font-size: 18px; font-size: 1.8rem;
  line-height:2.6;
}
}

.waku01 {
  background-color: #ffc;
  border: 2px solid #ff0101;
  margin-bottom: 30px;
  padding: 8px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}



/* Q&A *//* --------------------------------------------------------------------- */
div .qa_question {
  background-image: url(../img/q01.png);
  background-repeat:no-repeat;
  margin:0px 0px 10px 0px;
  padding: 2px 0px 2px 28px;
  font-weight:bold;
  letter-spacing:0.2em;
}

.qa_answer {
  min-height:20px;
  background-image: url(../img/a01.png);
  background-repeat:no-repeat;
  margin:0px 0px 10px 20px;
  padding: 0px 0px 0px 28px;
}

hr.qa-entry-divider {
  border:none;
  border-top:1px dashed #666;
  height:1px;
  color:#FFFFFF;
  margin:12px 6px 30px 6px;
}


/* 会社概要 *//* --------------------------------------------------------------------- */
.aboutus01 dl {
  background-color:#f0f0f0;
  width: 100%;
  margin:0px 0px 10px 0px;
  border: 1px solid #ccc;
  border-top: none;
  line-height: 1.6;
}
.aboutus01 dt {
  min-width: 10em;
  float: left;
  padding: 6px 6px 4px 6px;
  border-top: 1px solid #ccc;

}
.aboutus01 dd {
  background-color:#fff;
  _height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
  margin-left: 10em;
  padding: 6px 6px 4px 6px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.aboutus02 dl {
  width: 100%;
  margin:0px 0px 10px 0px;
  border: 1px solid #ccc;
  border-top: none;
  line-height: 1.6;
}
.aboutus02 dt {
  min-width: 10em;
  float: left;
  padding: 6px 6px 4px 6px;
  border-top: 1px solid #ccc;

}
.aboutus02 dd {
  _height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
  margin-left: 10em;
  padding: 6px 6px 4px 6px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.aboutus03 dl {
  width: 100%;
  margin:0px 0px 10px 0px;
  border: 1px solid #ccc;
  border-top: none;
  line-height: 1.6;
}
.aboutus03 dt {
  min-width: 10em;
  float: left;
  padding: 6px 6px 4px 6px;
  border-top: 1px solid #ccc;

}
.aboutus03 dd {
  _height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
  margin-left: 10em;
  padding: 6px 6px 4px 6px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}



@media (max-width: 767px) {
.aboutus01 dl {
  width: 100%;
  margin:0px 0px 10px 0px;
  border: none;
}
.aboutus01 dt {
  min-width: 0em;
  float: none;
  margin: 10px 0px 0px 0px;
  padding: 4px 0px 0px 4px;
  border-top: none;
  font-weight:bold;
  line-height: 1.3;
}
.aboutus01 dd {
  _height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
  margin-left: 0em;
/*   padding: 6px 0px 6px 0px; */
  border-left: none;
  border-top: none;
  border-bottom: 1px dashed #999;
}

.aboutus02 dl {
  width: 100%;
  margin:0px 0px 10px 0px;
  border: none;
}
.aboutus02 dt {
  min-width: 0em;
  float: none;
  margin: 10px 0px 0px 0px;
  padding: 4px 0px 0px 4px;
  border-top: none;
  font-weight:bold;
  line-height: 1.3;
}
.aboutus02 dd {
  _height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
  margin-left: 0em;
/*   padding: 6px 0px 6px 0px; */
  border-left: none;
  border-top: none;
  border-bottom: 1px dashed #999;
}

.aboutus03 dl {
  width: 100%;
  margin:10px 0px 10px 0px;
  border: none;
}
.aboutus03 dt {
  min-width: 0em;
  float: none;
  margin: 10px 0px 0px 0px;
  padding: 4px 0px 0px 4px;
  border-top: none;
  font-weight:bold;
  line-height: 1.3;
}
.aboutus03 dd {
  _height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
  margin-left: 0em;
/*   padding: 6px 0px 6px 0px; */
  border-left: none;
  border-top: none;
  border-bottom: 1px dashed #999;
}
}

.aboutus_table {
  width:100%;
  border:solid 1px #999;
}
.aboutus_table td {
  border:solid 1px #999;
  padding:6px;
  vertical-align:top;
}



/* 修理事例 *//* --------------------------------------------------------------------- */
.exam_area {
  color:#fff;
  background-color: #257bc7;
  margin-bottom:10px;
  border: 1px solid #255b99;
}
.exam_area:before {
  color:#ffff00;
  padding: 0px 2px 0px 6px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f041";
}



/* 日記 *//* --------------------------------------------------------------------- */
.diary img {
  margin: 6px;
}



/* お客様の声 *//* --------------------------------------------------------------------- */
.voice_name {
  color:#cc0000;
  text-align: right;
}



/* ボタン *//* --------------------------------------------------------------------- */
.btn01 a {
  display:inline-block;
  background: #fff; /* Old browsers */
  color: #7d7d7d;
  margin-bottom:30px;
  padding:0px 4px 0px 8px;
  font-size: 16px; font-size: 1.6rem;
  font-weight:bold;
  text-align:center;
  line-height: 2;
  border:1px solid #626262;

  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;

  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn01 a:after {
  color:#f30;
  padding: 0px 6px 0px 4px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f138";
}


.btn01 a:hover {
  background: #ffc; /* Old browsers */
  color: #171717;
  text-decoration: none;
}
.btn01 a:active {
  background: #ff0;
}


.btn02 a {
  display:block;
  background: #ffc;

  color: #06f;
  margin-bottom:20px;
  padding:6px 4px 6px 8px;
  font-size: 24px; font-size: 2.4rem;
  font-weight: bold;
  text-align:center;
  line-height: 1.4;
  border:1px solid #006;

  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;

  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.btn01 a:hover {
  background: #ffc; /* Old browsers */
  color: #f30;
  text-decoration: none;
}




.btn03 a {
  display:inline-block;
  background: #fff; /* Old browsers */
  color: #333;
  margin-left:10px;
  padding:0px 4px 0px 8px;
  font-size: 16px; font-size: 1.6rem;
  font-weight:normal;
  text-align:center;
  line-height: 2;
  border:1px solid #f30;

  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;

  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn03 a:after {
  color:#f30;
  padding: 0px 4px 0px 2px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f138";
}


.btn03 a:hover {
  background: #ffc; /* Old browsers */
  color: #171717;
  text-decoration: none;
}
.btn03 a:active {
  background: #ff0;
}

.btn04 a {
  display:block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffff99+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffff99 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffff99 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffff99 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffff99',GradientType=0 ); /* IE6-9 */

  color: #f30;
  margin-bottom:0px;
  padding:6px 4px 6px 8px;
  font-size: 16px; font-size: 1.6rem;
  font-weight: bold;
  text-align:center;
  line-height: 1.4;
  border:1px solid #f30;

  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;

  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn04 a:before {
  color:#060;
  padding: 0px 4px 0px 2px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f0f5";
}
.btn04 a:after {
  color:#f30;
  padding: 0px 4px 0px 2px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f138";
}


@media (min-width: 768px) and (max-width: 991px) {
  .btn01 {

  }
}




/* お問い合わせフォーム *//* --------------------------------------------------------------------- */
.inq dl {
  width: 100%;
  margin:0px 0px 10px 0px;
  border: 1px solid #999;
  border-top: none;
}
.inq dt {
  min-width: 10em;
  float: left;
  padding:6px;
  border-top: 1px solid #999;
}
.inq dd {
  _height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
  min-height:41px;
  margin-left: 10em;
  padding:6px;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
}
.inq dd input {
  width:80%;
}
.inq dd input[type="radio"] {
  width:auto;
}
.inq input {
  display: inline-block;
  padding: 4px;
  font-size: 14px;
  line-height: 18px;
  color: #555555;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

@media (max-width: 767px) {
.inq dl {
  width: 100%;
  margin:0px 0px 10px 0px;
  border: none;
}
.inq dt {
  min-width: 0em;
  float: none;
  padding: 10px 0px 0px 0px;
  border-top: none;
  font-weight: bold;
}
.inq dd {
  _height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
  margin-left: 0em;
  padding: 0px 0px 6px 0px;
  border-left: none;
  border-top: none;
  border-bottom: 1px dashed #999;
}
.inq dd input {
  width:80%;
}
}



.inq_btn:hover {

background: none repeat scroll 0% 0% #ffff00;
color: #171717;
}
input.inq_btn {
  display: inline-block;
  color: #FFF;
  background: none repeat scroll 0% 0% #ff8000;
  padding: 6px 32px;
  font-size: 18px;
  font-weight:bold;
  line-height: 1.2;
}




/* 特定商取引 *//* --------------------------------------------------------------------- */
.price dl {
  width: 100%;
  margin:0px 0px 10px 0px;
  border: 1px solid #999;
  border-top: none;
  line-height: 1.3;
}
.price dt {
  min-width: 6em;
  float: left;
  padding: 6px 6px 4px 6px;
  border-top: 1px solid #999;
}
.price dt.region {
  margin-right:10px;
  border-right: 1px solid #999;
}
.price dd {
  _height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
  margin-left: 6em;
  padding: 6px 6px 4px 6px;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
}

@media (max-width: 767px) {
.price dl {
  width: 100%;
  margin:0px 0px 10px 0px;
  border: none;
}
.price dt {
  min-width: 0em;
  float: none;
  padding: 10px 0px 0px 0px;
  border-top: none;
}
.price dt.region {
  margin-right:0px;
  padding: 0px 0px 0px 0px;
  border-right: none;
}
.price dd {
  _height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
  margin-left: 0em;
  padding: 0px 0px 6px 0px;
  border-left: none;
  border-top: none;
  border-bottom: 1px dashed #999;
}
}


/* ショッピングカート *//* --------------------------------------------------------------------- */
.order_btn01 a {
  display:block;
  background-color: #ffc;
  border: 2px solid #ff8000;
  margin-bottom: 20px;
  padding: 10px 0px 10px 0px;
  font-size: 26px; font-size: 2.6rem;
  text-align: center;

  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}
.order_btn01 a:before {
  color:#cc8000;
  padding: 0px 6px 0px 0px;
  font-family: 'FontAwesome';
  font-size: 34px; font-size: 3.4rem;
  font-weight: normal;
  line-height:0;
  content:"\f217";
}

.cart_btn01 a {
  display:block;
  background-color: #ffc;
  border: 2px solid #ff8000;
  margin-bottom: 20px;
  padding: 10px 0px 10px 0px;
  font-size: 26px; font-size: 2.6rem;
  text-align: center;

  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}
.cart_btn01 a:before {
  color:#cc8000;
  padding: 0px 6px 0px 0px;
  font-family: 'FontAwesome';
  font-size: 34px; font-size: 3.4rem;
  font-weight: normal;
  line-height:0;
  content:"\f218";
}

.cart01 dl {
  width: 100%;
  margin:0px 0px 10px 0px;
  border: 1px solid #999;
  border-top: none;
  line-height: 1.3;
}
.cart01 dt {
  background-color: #ffc;
  min-width: 12em;
  float: left;
  padding: 6px 6px 4px 6px;
  border-top: 1px solid #999;

}
.cart01 dd {
  _height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
  margin-left: 12em;
  padding: 6px 6px 4px 6px;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
}

.cart02 dl {
  width: 100%;
  margin:0px 0px 10px 0px;
  border: 1px solid #999;
  border-top: none;
  line-height: 1.3;
}
.cart02 dt {
  min-width: 8em;
  float: left;
  padding: 6px 6px 4px 6px;
  border-top: 1px solid #999;
}
.cart02 dd {
  _height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
  margin-left: 8em;
  padding: 6px 6px 4px 6px;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
}

.cart_gift01 input {
  margin: 0px 0px 8px 0px;
}
.cart_gift01 dl {
  width: 100%;
  margin:0px 0px 10px 0px;
  border: 1px solid #ff8000;
  border-top: none;
  line-height: 1.3;
}
.cart_gift01 dt {
  min-width: 8em;
  float: left;
  padding: 6px 6px 4px 6px;
  border-top: 1px solid #ff8000;
}
.cart_gift01 dd {
  _height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
  margin-left: 8em;
  padding: 6px 6px 4px 6px;
  border-left: 1px solid #ff8000;
  border-top: 1px solid #ff8000;
}

@media (max-width: 767px) {
.cart01 dl {
  width: 100%;
  margin:0px 0px 10px 0px;
  border: none;
}
.cart01 dt {
  min-width: 0em;
  float: none;
  margin: 10px 0px 4px 0px;
  padding: 4px 0px 4px 4px;
  border-top: none;
}
.cart01 dd {
  _height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
  margin-left: 0em;
  padding: 0px 0px 6px 0px;
  border-left: none;
  border-top: none;
  border-bottom: 1px dashed #999;
}

.cart02 dl {
  width: 100%;
  margin:0px 0px 10px 0px;
  border: none;
}
.cart02 dt {
  min-width: 0em;
  float: none;
  padding: 10px 0px 0px 0px;
  border-top: none;
}
.cart02 dd {
  _height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
  margin-left: 0em;
  padding: 0px 0px 6px 0px;
  border-left: none;
  border-top: none;
  border-bottom: 1px dashed #999;
}

.cart_gift01 dl {
  width: 100%;
  margin:0px 0px 10px 0px;
  border: none;
}
.cart_gift01 dt {
  min-width: 0em;
  float: none;
  padding: 10px 0px 0px 0px;
  border-top: none;
}
.cart_gift01 dd {
  _height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
  margin-left: 0em;
  padding: 0px 0px 6px 0px;
  border-left: none;
  border-top: none;
  border-bottom: 1px dashed #999;
}
}

.hissu {
  color:#fff;
  background-color: #ff0101;
  margin: 0px 0px 0px 10px;
  padding: 0px 6px 0px 6px;
  font-size:12px; font-size:1.2rem;
}

/* 日曜日のカラー設定 */
.ui-datepicker-calendar tr td:first-child a{
  background-color: #fcc !important; // 背景色を設定
  color: #f00 !important;            // 文字色を設定
}
/* 土曜日のカラー設定 */
.ui-datepicker-calendar tr td:last-child a{
  background-color: #ccf !important; // 背景色を設定
  color: #00f !important;            // 文字色を設定
}

/* sc.cgi */
.sc_pro01 {
  background-color:#ffc;
  width:100%;
  margin:0px 0px 20px 0px;
  padding: 6px 0px 6px 0px;
  border:solid 4px #ff8000;
  border-collapse:collapse;
  font-size:20px; font-size:2.0rem;
  text-align:center;
}
.sc_pro02 {
  color:#fff;
  background-color:#090;
  width:100%;
  margin:0px 0px 0px 0px;
  padding: 0px 0px 0px 6px;
  border-collapse:collapse;
  font-size:18px; font-size:1.8rem;
  font-weight: bold;
}

.sc_pro {
  width:100%;
  margin:0px 0px 30px 0px;
  padding: 0px 0px 0px 0px;
  border:solid 1px #630;
  border-collapse:collapse;
}



/* order.cgiのテーブルたち */
.webf_list {
  width:700px;
  margin:0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border:solid 1px #630;
  border-collapse:collapse;
}
.webf_list td {
  border:solid 1px #630;
  padding: 4px;
  font-size:12px;
  line-height:120%;
  vertical-align:top;
}

.webf_list th {
  border:solid 1px #630;
  padding: 4px;
  font-size:12px;
  line-height:120%;
  vertical-align:top;
}

.webf_col {
  width:130px;
}

.webf_last {
  width:650px;
  margin:0px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
  border:solid 1px #630;
  border-collapse:collapse;
}
.webf_last td {
  border:solid 1px #630;
  padding: 20px;
  font-size:14px;
  line-height:150%;
  vertical-align:top;
}


footer .switchBtn a {
  color:#2F0103;
  text-decoration:none;
}

/* レスポンシブだけどPCとスマホの切り替え */
.switchBtn {
  margin-top: 15px;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  clear: both;
}

.switchBtn a {
  margin: 0 10px;
  padding: 5px 20px;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  background: #fff;
  border: #333 solid 1px;
}

.switchBtn a.btnAcv {
  background: #fff;
}

.switchBtn ul li {
  display: inline-block;
}



/* tabs */ /* タブっぽく並べて */
#tabs ul {
  overflow:hidden;
  list-style:none;
  border-bottom:1px solid #cccccc;
}
#tabs li a {
  float:left;
  display:inline;
  margin-right: 4px;
  padding:5px;
  border:1px solid #ccc;
  border-bottom:none;
}
#tabs li a:focus {
  background-color:#FF4000;
}

/* 最初はパネルは非表示 */
#tabs .panel {display:none;}

#panel1 {

}
#panel2 {

}


.inq_tel_icon {
  display: none;

  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.inq_icon {
  width: 30px;
  padding:4px;
  font-size: 20px !important; font-size: 2.0rem !important;
  line-height: 1 !important;
  color: #171717;
  background: #ffea00;
  border-radius: 6px;
  -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  position: fixed;
  right: 40px;
  bottom: 140px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20000000;

  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.inq_icon a:before {
  color:#FF8000;
  padding: 0px 8px 0px 0px;
  line-height:1.4;
  font-size: 24px; font-size: 2.4rem;
  font-family: 'FontAwesome';
  font-weight: bold;
  content:"\f199";
}

@media (max-width: 767px) {
.inq_tel_icon {
  display: inline;
  width: 50px;
  height:50px;
  padding: 3px 4px 4px 3px;
  font-size: 20px !important; font-size: 2.0rem !important;
  line-height: 1.2 !important;
  color: #171717;
  background: #ffea00;
  border-radius: 6px;
  -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  position: fixed;
  right: 20px;
  top: 10px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 99999999;
}

.inq_tel_icon span {
  display: none;
}

.inq_tel_icon a:before {
  color:#171717;
  padding: 0px 0px 0px 2px;
  line-height:1;
  font-size: 34px; font-size: 4.6rem;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f098";
}

.inq_icon {
  width: 50px;
  height:50px;
  padding: 3px 4px 4px 3px;
  font-size: 20px !important; font-size: 2.0rem !important;
  line-height: 1.2 !important;
  color: #171717;
  background: #ffea00;
  border-radius: 6px;
  -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  position: fixed;
  right: 100px;
  top: 10px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 99999999;

}
.inq_icon a:before {
  color:#171717;
  padding: 0px 0px 0px 2px;
  line-height:1;
  font-size: 34px; font-size: 4.6rem;
  font-family: 'FontAwesome';
  font-weight: normal;
  content:"\f199";
}
.inq_icon span {
  display: none;
}
}