@charset "UTF-8";
/****************************************
#hiraitaxi
*****************************************/
#hiraitaxi{background: #003856;min-width:100%;}
#hiraitaxi *{ font-size: 15px;font-size: 1.5rem;line-height: 1.4em;
font-family: 'Noto Sans JP', sans-serif;font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}

@media screen and (max-width: 1024px){/*タブレット*/
#hiraitaxi{font-size: 13px;font-size: 1.3rem;}
}

#hiraitaxi #main {display: flex;justify-content: center;align-items: center;background: url("../images/main.png") no-repeat center center;background-size: cover;min-height: 440px;}

@media screen and (max-width:767px){/*スマホ対応*/
#hiraitaxi #main {display: flex;justify-content: center;align-items: center;background: url("../images/sp/main.png") no-repeat center center;background-size: cover;min-height: auto;}
#hiraitaxi #main h1{padding: 80px 20px}
}

#hiraitaxi #contents{color: #fff;margin: 44px 0}
#hiraitaxi #contents dl{border-bottom: 1px solid #fff;text-align: left;padding-bottom: 30px;margin-bottom: 30px}
#hiraitaxi #contents dl.last{border-bottom: none}
#hiraitaxi #contents dt{font-size: 2.7rem;letter-spacing: 0.1em;margin-bottom: 28px;}
#hiraitaxi #contents dt span{font-size: 2.1rem}
#hiraitaxi #contents .plan1 dt{background: url("../images/dt_1.svg") no-repeat center left;background-size: 26px 26px;padding-left:43px}
#hiraitaxi #contents .plan2 dt{background: url("../images/dt_2.svg") no-repeat left 6px ;background-size: 26px 26px;padding-left:43px}
#hiraitaxi #contents .plan3 dt{background: url("../images/dt_3.svg") no-repeat center left;background-size: 26px 26px;padding-left:43px}

#hiraitaxi #contents dd{padding-left:43px}
#hiraitaxi #contents dd .price{font-size: 2.6rem;font-weight: 500;padding: 12px 0}
#hiraitaxi #contents dd .coution{font-size: 1.3rem;margin-left: 1em;text-indent: -1em;}

#hiraitaxi #contents .plan2 ul,
#hiraitaxi #contents .plan3 ul{width: 713px;margin-top: 20px}

@media screen and (max-width:767px){/*スマホ対応*/
#hiraitaxi #contents dt{font-size: 2rem;}
#hiraitaxi #contents dt span{font-size: 1.7rem}
#hiraitaxi #contents dd .price{font-size: 2rem;}
#hiraitaxi #contents dd .coution{font-size: 1.1rem;}
#hiraitaxi #contents .plan1 dt,
#hiraitaxi #contents .plan2 dt,
#hiraitaxi #contents .plan3 dt{background-size: 18px 18px;padding-left:30px}
#hiraitaxi #contents dd{padding-left:30px}
#hiraitaxi #contents .plan2 ul,
#hiraitaxi #contents .plan3 ul{width: 96%;margin-top: 20px}
#hiraitaxi #contents .plan2 ul li:first-child{margin-bottom: 20px}
#hiraitaxi #contents .plan3 ul li{width: 48%;margin-bottom: 20px}
}

#hiraitaxi #contents .line li{width: 380px}
#hiraitaxi #contents .line h3{font-size:1.6rem;margin: 12px 0;border-bottom: 1px solid #fff;padding-bottom: 12px;}
#hiraitaxi #contents .line h3 span{font-size: 1.2rem;letter-spacing: 0}
#hiraitaxi #contents .line h3 span.min{font-family: 'Noto Serif JP', serif;font-size: 1.4rem}
#hiraitaxi #contents .line{letter-spacing: 0.1em}
#hiraitaxi #contents .line a{background: #fff;font-weight: 500;color: #003856;display: block;text-align: center;padding: 8px 0;letter-spacing: 0.2em;text-indent: 0.2em;margin-top: 12px;}
#hiraitaxi #contents .line a:hover,
#hiraitaxi .bt a:hover{opacity: 0.7}

@media screen and (max-width:767px){/*スマホ対応*/
#hiraitaxi #contents .line li{width:100%;}
#hiraitaxi #contents .line li:first-child{margin-bottom: 50px}
#hiraitaxi #contents .line a{width: 80%;margin:12px auto 0}
}

#hiraitaxi .bt a{width: 532px;margin: auto;background: #fff;font-weight: 500;color: #003856;display: block;text-align: center;padding: 20px 0;letter-spacing: 0.2em;text-indent: 0.2em;margin-top: 72px;}
#hiraitaxi .bt span{display: inline-block;vertical-align: middle;font-size: 2rem;}
#hiraitaxi .bt span img{margin-left: 8px;vertical-align: middle}
@media screen and (max-width:767px){/*スマホ対応*/
#hiraitaxi .bt a{width: 100%;}
}

#hiraitaxi #footer{background: #fff;padding: 50px 0;}
#hiraitaxi #footer h1{margin-right: 40px;}
#hiraitaxi #footer a{color: #000;font-size: 3.7rem;}
@media screen and (max-width:767px){/*スマホ対応*/
#hiraitaxi #footer{text-align: center;}
#hiraitaxi #footer h1{margin-bottom: 20px;margin-right:0px;}
#hiraitaxi #footer a{color: #000;font-size: 3rem;}

}