@charset "utf-8";
/** |READ ME| **********************************************************************************************************

"caretaxi"

Cascading Style Sheet Setting File

Ver.20221021

********************************************************************************************************** |READ ME| **/
img {
    display: block;
    width: 100%;
}
.care-taxi-ttl {
    text-align: left;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    line-height: 1;
    flex-wrap: wrap;
}
.care-taxi-ttl-en {
    font-family: canada-type-gibson, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 45px;
}
.care-taxi-ttl-jp {
    margin:0 0 0 20px;
    font-weight: 600;
    font-size: 14px;
    color: #F03;
}
@media (max-width:640px) {
    .care-taxi-ttl {
    text-align: left;
    margin-bottom: 20px;
    }
    .care-taxi-ttl-en {
    width:100%;
    font-size: 30px;
    }
    .care-taxi-ttl-jp {
    width:100%;
    margin:5px 0 0;
    font-size: 13px;
    }
}
.care-taxi-accompany-inner {
    max-width: 1100px;
    margin: 100px auto 0;
}
.care-taxi-fare-inner {
    padding: 0 0 0;
    max-width: 1100px;
    margin: auto;
}
.care-taxi-fare-ttl {
    text-align: left;
}
.care-taxi-fare-ttl-main {
    font-size: 22px;
    font-weight: bold;
}
.care-taxi-fare-ttl-sub {
    font-size: 14px;
    font-weight: bold;
    margin-left: 30px;
}
.care-taxi-fare-ttl-red {
    font-size: 14px;
    font-weight: bold;
    color: #FF0033;
    margin-left: 40px;
}
.care-taxi-fare-content {
    box-sizing: border-box;
    padding: 0 45px;
    background: #F7F7F7;
    margin: 20px 0;
}
.care-taxi-fare-box-wrap {
    display: flex;
    justify-content: space-between;
    padding: 40px 0px;
}
.care-taxi-fare-box-wrap + .care-taxi-fare-box-wrap {
    border-top: 1px solid #CCCCCC;
}
.care-taxi-fare-box {
    background: #fff;
    border: 1px solid #DDDDDD;
    width: 140px;
    padding: 14px 10px 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.care-taxi-fare-box.care-taxi-fare-box-red {
    border: 1px solid #FF0033;
    width: 240px;
}
.care-taxi-fare-box-none {
    visibility: hidden;
}
.care-taxi-fare-box-item {
    width: 15px;
    position: relative;
}
.care-taxi-fare-box-item::before,
.care-taxi-fare-box-item::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    background: #000;
}
.care-taxi-fare-box-item::before {
    width: 100%;
    height: 4px;
}
.care-taxi-fare-box-item::after {
    width: 4px;
    height: 15px;
}


.care-taxi-accompany-ttl {
    width: 446px;
    margin: auto;
}
.care-taxi-accompany-box {
    display: flex;
    margin: 50px 0;
}
.care-taxi-accompany-box-l {
    width: 600px;
}
.care-taxi-accompany-box-r {
    width: calc(100% - 600px);
    text-align: left;
    box-sizing: border-box;
    padding: 0 60px;
}
.care-taxi-accompany-box-ttl {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    line-height: 1.4;
}
.care-taxi-accompany-box-ttl::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 100%;
    height: 8px;
    background: rgba(255,0,51,0.35);
}
.care-taxi-accompany-box-txt {
    font-size: 14px;
    margin: 10px 0 40px;
}

.care-taxi-fare-box dt{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
}
.care-taxi-fare-box dd{
    font-size: 30px;
    font-weight: bold;
}
.care-taxi-fare-box dd span{
    font-size: 18px;
    font-weight: bold;
}
.care-taxi-fare-box-big {
    width: 380px;
}
.care-taxi-fare-box-under {
    width: 380px;
}
.care-taxi-fare-box-big.care-taxi-fare-box dt {
    font-size: 15px;
}
.care-taxi-fare-box-big.care-taxi-fare-box dt .care-taxi-fare-box-bigtxt {
    font-size: 34px;
}
.care-taxi-fare-box-big.care-taxi-fare-box dt .care-taxi-fare-box-smltxt {
    font-size: 18px;
}
.care-taxi-fare-box-big.care-taxi-fare-box dd {
    font-size: 14px;
}
.care-taxi-fare-box-under.care-taxi-fare-box dd {
    font-size: 34px;
}
.care-taxi-fare-box-under.care-taxi-fare-box dd .care-taxi-fare-box-under-left {
    font-size: 18px;
    margin-right: 40px;
}
.care-taxi-fare-box-under.care-taxi-fare-box dd .care-taxi-fare-box-under-sml {
    font-size: 18px;
}
.care-taxi-fare-box-ttl {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    width: 270px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.care-taxi-fare-box-ttl-red {
    font-size: 18px;
    font-weight: bold;
    color: #F03;
    display: block;
}
.care-taxi-fare-box-txt {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    width: 320px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.care-taxi-fare-content-txt {
    text-align: right;
}
.care-taxi-agency-fare-inner {
}

.care-taxi-fot-inner {
  max-width:1100px;
  margin:auto;
  box-sizing:border-box;
  padding:100px 0 80px;
}
.care-taxi-fot-content {
  display:flex;
}
.care-taxi-fot-content-l {
  width:50%;
  border-right:1px solid #ccc;
  padding:0 75px;
  box-sizing:border-box;
}
.care-taxi-fot-btn {
  display:block;
  width:100%;
  background:#F03;
  font-size:16px;
  line-height:80px;
  border-radius:40px;
  color:#fff;
}
.care-taxi-fot-content-r {
  width:50%;
  padding:0 40px;
  box-sizing:border-box;
}
.care-taxi-fot-content-tel {
  font-size:50px;
  font-weight:bold;
  line-height:1;
}
.care-taxi-fot-content-tel a{
  pointer-events:none;
  color:#000;
}
.care-taxi-fot-content-ttl {
  font-size:20px;
  font-weight:bold;
  margin:0 0 30px;
}
.care-taxi-fot-content-txt{
  font-size: 16px;
  padding:15px 0 0;
}
.care-taxi-fot-content-txt small{
  display: block;
  font-size: 13px;
  padding:5px 0 0 0;
}
@media (max-width:640px) {
    .care-taxi-fare-inner {
    padding:20px 0 50px;
    max-width: 1100px;
    margin: auto;
    }
    .care-taxi-fare-ttl {
    }
    .care-taxi-fare-ttl-main {
    font-size: 22px;
    font-weight: bold;
    }
    .care-taxi-fare-ttl-sub {
    font-size: 14px;
    font-weight: bold;
    margin-left: 30px;
    }
    .care-taxi-fare-ttl-red {
    font-size: 14px;
    font-weight: bold;
    color: #FF0033;
    margin-left: 0;
    display: block;
    }
    .care-taxi-fare-box-wrap {
    background: #F7F7F7;
    display: block;
    justify-content: space-between;
    padding: 30px 0px;
    margin:0;
    }
    .care-taxi-fare-box {
    background: #fff;
    border: 1px solid #DDDDDD;
    width: 100%;
    }
    .care-taxi-fare-box-none {
    visibility: hidden;
    display: none;
    }
    .care-taxi-fare-box-item {
    width: 15px;
    position: relative;
    margin:20px auto;
    height: 15px;
    }
    .care-taxi-fare-box-item::before,
    .care-taxi-fare-box-item::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    background: #000;
    }
    .care-taxi-fare-box-item::before {
    width: 100%;
    height: 4px;
    }
    .care-taxi-fare-box-item::after {
    width: 4px;
    height: 15px;
    }
    .care-taxi-fare-box dt{
    font-size: 14px;
    font-weight: bold;
    }
    .care-taxi-fare-box dd{
    font-size: 30px;
    font-weight: bold;
    }
    .care-taxi-fare-box dd span{
    font-size: 18px;
    font-weight: bold;
    }
    .care-taxi-accompany-box-txt {
    margin: 10px 0 30px;
    }
    .care-taxi-accompany-ttl {
    width: 100%;
    }
    .care-taxi-accompany-box {
    display: block;
    }
    .care-taxi-accompany-box-l {
    width: 100%;
    }
    .care-taxi-accompany-box-r {
    width: 100%;
    padding: 40px 0 0;
    }
    .care-taxi-accompany-inner {
    margin: 50px auto 0;
    }
    .care-taxi-fare-content {
    padding: 0 20px;
    }
    .care-taxi-fare-box-ttl {
    margin-bottom:20px;
    }
    .care-taxi-fare-box-big {
    margin: 20px 0;
    }
    .care-taxi-fare-box-under {
    margin: 30px 0 0;
    }
    .care-taxi-agency-fare-inner {
    }
    .care-taxi-fot-inner {
      padding:60px 0 50px;
    }
    .care-taxi-fot-content {
      display:block;
    }
    .care-taxi-fot-content-l {
      width:100%;
      border-right:none;
      border-bottom:1px solid #ccc;
      padding:0 0 50px;
      margin-bottom:50px;
      box-sizing:border-box;
    }
    .care-taxi-fot-btn {
      display:block;
      width:100%;
      background:#F03;
      font-size:16px;
      line-height:60px;
      border-radius:30px;
      color:#fff;
    }
    .care-taxi-fot-content-r {
      width:100%;
      padding:0;
      box-sizing:border-box;
    }
    .care-taxi-fot-content-tel {
      font-size:34px;
      line-height:1;
    }
    .care-taxi-fot-content-tel a{
      pointer-events:auto;
    }
    .care-taxi-fot-content-ttl {
      font-size:20px;
      margin:0 0 15px;
    }
    .care-taxi-fot-content-txt{
        padding: 5px 0 0;
    }
}