.fL {
  float: left;
}
.fR {
  float: right;
}
/**************************************************************************
index*********************************************************************/
#image {
  background: url(../img/index/image.jpg) no-repeat;
  width: 1200px;
  height: 600px;
  margin: 0 auto;
  padding: 320px 0 0 30px;
}
#con_top h3 {
  background: rgba(255, 255, 255, 0.7);
  font-weight: bold !important;
  width: 400px;
  padding: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #333;
  text-align: left;
  line-height: 160%;
}
#covid19 {
  margin-bottom: 60px;
}
#covid19 ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#covid19 ul li:first-child {
  width: 70%;
}
#covid19 ul li:last-child {
  width: 25%;
}
/*****main*****/
.w800 {
  width: 800px;
}
.w700 {
  width: 700px;
}
.w650 {
  width: 650px;
}
.w370 {
  width: 370px;
}
.w310 {
  width: 310px;
}
.w300 {
  width: 300px;
}
.w270 {
  width: 270px;
}
.blue_ti {
  background: #03BFE0;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 5px;
}
.gray_ti {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 5px;
  background: #F1F1F1;
  margin-bottom: 5px;
}
.tel {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
}
dl.case, dl.case_end {
  width: 32%;
  float: left;
  margin-top: 15px;
}
dl.case {
  margin-right: 1.5%;
}
dl.case dt, dl.case_end dt {
  margin-bottom: 8px;
}
dl.case dd, dl.case_end dd {
  font-size: 13px;
  font-size: 1.3rem;
}
.more a {
  width: 330px;
  height: 50px;
  margin: 10px auto 50px auto;
  display: block;
  text-indent: -9999px;
  background: url(../img/index/bt_more_service.jpg) no-repeat;
}
/**about**/
#about {
  margin-bottom: 15px;
  text-indent: -9999px;
  background: url(../img/index/ti_about2.gif) no-repeat;
  width: 800px;
  height: 35px;
}
.about dt, .about dd {
  float: left;
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 10px;
  display: block;
}
.about dt {
  width: 100px;
  font-weight: bold;
}
/**side**/
.ti_guide {
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  background: #1868B3;
  border: 1px solid #1868B3;
  padding: 5px;
  font-weight: bold;
}
.guide {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 30px;
}
.guide p {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 8px;
}
/**************************************************************************
other*********************************************************************/
#lead {
  text-indent: -9999px;
  margin-bottom: 30px;
}
/**************************************************************************
limo**********************************************************************/
#ti_limo {
  background: url("../img/service/ti_limo.jpg") no-repeat;
  width: 1200px;
  height: 140px;
  text-indent: -9999px;
}
.flow {
  margin-left: 20px;
}
.flow ul {
  padding: 0;
}
.flow li {
  list-style-type: none;
}
.flow dd {
  margin-left: 0;
}
.flow03 {
  position: relative;
}
.flow03::before {
  content: "";
  width: 24px;
  height: 100%;
  background: #eee;
  margin-left: -129px;
  display: block;
  position: absolute;
  top: 0;
  left: 120px;
  border-radius: 20px;
}
.flow03 > li {
  position: relative;
}
.flow03 > li:not(:last-child) {
  margin-bottom: 60px;
}
.flow03 > li .icon03 {
  font-size: 18px;
  font-size: 1.8rem;
  width: 2em;
  height: 2em;
  line-height: 2;
  text-align: center;
  font-weight: bold;
  border-radius: 100vh;
  color: #fff;
  background: #1868B3;
  display: inline-block;
  margin-right: 0.3em;
}
.flow03 > li dl {
  padding-left: 70px;
  position: relative;
}
.flow03 > li dl::before, .flow03 > li dl::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
}
.flow03 > li dl::before {
  width: 7px;
  height: 7px;
  margin-top: -3px;
  background: #1868B3;
  border-radius: 50%;
  left: 0;
}
.flow03 > li dl::after {
  width: 50px;
  border-bottom: 1px dashed #1868B3;
  position: absolute;
  left: 1px;
}
.flow03 > li dl dt {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  color: #1868B3;
  margin-bottom: 0.5em;
  display: flex;
  align-items: center;
}
.pay th,.pay td {
	font-size: 15px;
	font-size: 1.5rem;
	padding: 1%;
}
.pay thead th {
	background: rgba( 3,191,224 , 0.5 );
}
.pay tbody th {
	background: #eee;
}
.pay tbody td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/**************************************************************************
service*******************************************************************/
#ti_service {
  background: url(../img/service/ti_service.jpg) no-repeat;
  width: 1200px;
  height: 140px;
  text-indent: -9999px;
}
.service {
  background: url(../img/service/lead_service.gif) no-repeat left;
  height: 100px;
}
.case02 {
  margin: 0 0 10px 10px;
  width: 800px;
}
.case02 dt {
  margin-bottom: 10px;
}
.case02 dd {
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 10px;
}
.taxi, .bus {
  line-height: 50px;
  padding-left: 15px;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 20px 0;
}
.taxi {
  background: url(../img/service/ti_taxi.gif) no-repeat right center #E5F8FC;
}
.bus {
  background: url(../img/service/ti_bus.gif) no-repeat right center #E5F8FC;
}
.taxi span, .bus span {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
}
.car_type {
  width: 49%;
  margin-bottom: 16px;
  border: 1px solid #ccc;
  padding: 4%;
}
.car_type dt, .car_type dd {
  font-size: 15px;
  font-size: 1.5rem;
}
.car_type dt span {
  font-weight: bold;
}
.type01, .type02, .type03, .type04 {
  width: 150px;
  height: 150px;
  text-indent: -9999px;
  display: block;
  float: left;
  margin-bottom: 10px;
}
.type01 {
  background: url(../img/service/situation01.gif) no-repeat;
}
.type02 {
  background: url(../img/service/situation02.gif) no-repeat;
  margin-left: 5px;
}
.type03 {
  background: url(../img/service/situation03.gif) no-repeat;
}
.type04 {
  background: url(../img/service/situation04.gif) no-repeat;
  margin-left: 5px;
}
#daiko, .mizu_box {
  background: #E5F8FC;
  padding: 30px;
  margin: 15px 0;
}
#ti_daiko {
  text-indent: -9999px;
  background: url(../img/service/ti_daiko.gif) no-repeat left top;
  width: 470px;
  height: 85px;
  margin-bottom: 10px;
}
.daiko_flow {
  width: 48%;
  float: left;
  margin-bottom: 10px;
}
.daiko_flow dt {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #036;
}
.daiko_flow dd {
  font-size: 15px;
  font-size: 1.5rem;
}
.daiko_flow dd.att {
  font-size: 13px;
  font-size: 1.3rem;
}
.dotbox {
  border: 1px dotted #666;
  padding: 10px;
}
.dotbox p, .dotbox ul li {
  font-size: 13px;
  font-size: 1.3rem;
}
.dotbox ul li {
  list-style-type: disc;
  margin-left: 20px;
}
#daiko_tel {
  border: 1px solid #03BFE0;
  background: #fff;
  padding: 8px;
  font-size: 28px;
  font-size: 2.8rem;
  margin-top: 10px;
  text-align: center;
}
.efforts h3, .efforts h4 {
  font-size: 2.0rem;
  text-align: center;
}
.efforts h5 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #036;
}
.efforts ol li, .efforts ul li {
  font-size: 15px;
  font-size: 1.5rem;
  margin-left: 3%;
}
.efforts ol li {
  list-style-type: decimal;
}
.efforts ul li {
  list-style-type: circle;
}
.efforts dl {
  margin-top: 30px;
  padding: 2%;
  box-sizing: border-box;
  border: 1px solid #03BFE0;
}
.efforts dl dt, h6 {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #036;
  margin-bottom: 8px;
}
.efforts dl ol li, .efforts dl ul li {
  margin-left: 8%;
}
.service_box {
  margin-bottom: 24px;
}
/**************************************************************************
contact*******************************************************************/
#ti_contact {
  background: url(../img/ti_contact.jpg) no-repeat;
  width: 1200px;
  height: 140px;
  text-indent: -9999px;
}
/**************************************************************************
スマホ仕様****************************************************************/
@media screen and (max-width: 800px) {
  .fL, .fR {
    float: none;
  }
  .w800, .w700, .w650, .w310, .w370, .w300, .w270 {
    width: 100%;
  }
  .blue_ti {
    background: #fff;
    border: 1px solid #03BFE0;
    color: #333;
    padding: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 5px;
  }
  /*****index*****/
  #image {
    display: none;
  }
  dl.case, dl.case_end {
    width: 100%;
    float: none;
    margin-top: 15px;
  }
  dl.case dt img, dl.case_end dt img {
    width: 96%;
    height: auto;
    display: block;
    margin: 0 auto 5px auto;
  }
  dl.case dd img, dl.case_end dd img {
    width: 70%;
    height: auto;
    display: block;
    margin: 0 auto 5px auto;
  }
  .more {
    padding-bottom: 20px;
  }
  .more a {
    width: auto;
    height: auto;
    margin: 10px 0 20px 0;
    display: inline;
    text-indent: 0;
    background: none;
    font-size: 15px;
    font-size: 1.5rem;
  }
  #about {
    margin-bottom: 15px;
    text-indent: 0;
    background: none;
    width: 95%;
    height: auto;
    border: 1px solid #03BFE0;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 5px;
  }
  .about dt, .about dd {
    float: none;
  }
  .about dd span {
    display: block;
  }
  .tel-link {
    display: inline !important;
  }
  #guide {
    border: none;
    padding: 0;
  }
  #covid19 ul li:first-child, #covid19 ul li:last-child {
    width: 100%;
  }
  /*****service*****/
  #ti_service, #ti_limo {
    /*background: none;*/
    width: auto;
    height: auto;
    text-indent: 0;
    background: #026F82;
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 5px;
  }
  #lead {
    text-indent: 0;
    margin-bottom: 10px;
  }
  .service {
    background: none;
    height: auto;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .sp_service_img {
    width: 70%;
    height: auto;
    display: block;
    margin: 0 auto 5px auto;
  }
  .case02 {
    margin: 0 0 10px 0;
    width: 100%;
  }
  .case02 dt img {
    width: 100%;
    height: auto;
    max-width: 330px;
  }
  .case02 dd {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .sp_gray {
    background: #eee;
    padding: 5px;
  }
  .taxi, .bus {
    border: 1px solid #03BFE0;
    background: none;
    font-weight: bold;
    padding: 5px;
    line-height: normal;
  }
  .taxi span, .bus span {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .type01, .type02, .type03, .type04 {
    width: auto;
    height: auto;
    text-indent: 0;
    display: block;
    float: none;
    margin: 0 0 5px 0;
    color: #03BFE0;
    font-weight: bold;
    background: none;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .w310 .s15 {
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 10px;
  }
  .car_type {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .car_type dd img, .sp_center img {
    margin: 0 auto;
    display: block;
  }
  .service_box {
    border: 1px dashed #ccc;
    padding: 4%;
  }
  /*****daiko*****/
  #daiko {
    /*background: #fff;*/
    padding: 15px;
    margin: 15px 0;
  }
  #ti_daiko {
    text-indent: 0;
    /*background: none;*/
    width: auto;
    height: auto;
    margin-bottom: 0;
    border: 1px solid #03BFE0;
    background: none;
    font-weight: bold;
    padding: 5px;
    line-height: normal;
  }
  h3.s16, h3.mizu {
    font-weight: bold;
  }
  h3.s16 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  h3.mizu {
    color: #03BFE0;
    font-size: 20px;
    font-size: 2rem;
  }
  .daiko_flow {
    width: 100%;
    float: none;
    margin: 0 0 10px 0;
  }
  .daiko_flow dd {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .daiko_flow dd.att {
    color: #999;
  }
  #daiko_tel {
    border: none;
    padding: 0;
    font-size: 15px;
    font-size: 1.5rem;
    margin-top: 10px;
    text-align: left;
  }
  #daiko_tel span {
    display: block;
  }
  /*****contact*****/
  #ti_contact {
    width: auto;
    height: auto;
    text-indent: 0;
    background: #026F82;
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 5px;
  }
}