@charset "utf-8";



body {
  font-size: 100%;
  line-height: 1.3;
}





/* ここからindex.html */


.header_title {
  width: 750px;
  height: 120px;
  margin: auto;
  display: flex;
}

#color{
  font-size: 15px;
}

#color span:first-child {
  font-size: 55px;
}

#color span:nth-child(2) {
  font-size: 45px;
}


.header_title h1 {
  line-height: 2.5;
  margin: 0 auto;
}


.header_title h2 {
  width: 300px;
  text-align: center;
  height: 25px;
  margin: 0 auto;
}


.menu nav {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-image: linear-gradient(to right, #00ffd0, rgb(98, 0, 255));
  border-image-slice: 1;
  height: 52px;
}

.menu nav ul {
  display: flex;
  justify-content: center;
  letter-spacing: 0.1em;
  padding: 0;
}

.menu nav ul li {
  list-style-type: none;
  font-weight: bold;
  padding: 0 30px;

}

.menu nav a:link,
.menu nav a:visited {
  color: #fff;
}

.menu nav a:hover,
.menu nav a:active,
.menu nav a:focus {
  color: #ff0088;
}



video {
  width: 100%;
  height: 540px;

}

#none {
  display: none;
}

.flex h2:first-child {
  font-size: 1.05rem;
  margin-top: 25px;

}

.flex {
  margin: 0 auto;
}



/* ここからreserve（ご予約） */
.reserve {
  margin: 700px auto 0;
  width: 700px;
}

.reserve h2 {
  font-size: 2rem;
  margin-top: 750px;
}


.reserve img {
  width: 300px;
}




/* ここからmenu（３メニュー） */
.choice {
  margin: 200px 0;
}

.choice img {
  width: 380px;
  height: 280px;
  margin: 0 auto;


}

.inner {
  width: 380px;
  margin: 0 auto;
}


.inner p:last-child {
  text-align: center;
}


#choice01 p:nth-of-type(2) {
  margin-top: 40px;
}

#choice02 p:nth-of-type(2) {
  margin-top: 40px;
}

#choice03 p:nth-of-type(2) {
  margin-top: 40px;
}

#choice02,
#choice03 {
  margin-top: 170px;
}




/* ここから登録証明 */
.certificate img {
  width: 65%;
  height: 65%;
}





/* ここから約款 */
.cp_box {
  width: auto;
  padding: 200px 150px 0 150px;
}

.cp_box h1{
  font-size: 28px;
  text-align: center;
}

.cp_box h2{
  font-size: 16px;
  margin-top:30px;
  margin-bottom: 0;
}






/* ここからprice.html */
.price {
  padding-top: 150px;
}

.price p {
  font-size: 1.1rem;
}

.price h2 {
  width: 750px;
  line-height: 50px;
}

.price th,
.price td {
  padding: 10px 20px;
}

caption {
  font-size: 1.25rem;
}

#price{
  width: 600px;
}

th:nth-of-type(odd) {
  font-size: 1.1rem;
}

th:nth-of-type(even) {
  font-size: 1.1rem;
}

.price2 p {
  width: 750px;
  margin: 0 auto;
}

.pick_up td {
  font-size: 1.15rem;
}

.pick_up table {
  width: 430px;
}







/* ここからusage flow.html（ご利用の流れ） */
.usage_flow {
  padding-top: 150px;
  width: 750px;
}

.usage_flow h2:nth-of-type(2) {
  margin-top: 200px;
}

.usage_flow h2 {
  line-height: 50px;
}

.usage_flow h3 {
  font-size: 1.1rem;
  margin: 0;
}

.usage_flow h3:first-child {
  margin-top: 15px;
}


.set {
  padding: 0 25px;
  align-self: center;
  height: 320px;
}

#set p {
  margin: 5px;
}


#set p:first-child {
  font-size: 1.25rem;
}

.box {
  display: flex;
}

.box div {
  margin: 0 auto;

}

.box_p {
  padding: 20px 10px;
  font-size: 1rem;
  align-self: center;
}

.box_p p {
  margin: 0;
}

.box img {
  width: 375px;
  height: 320px;
}

#reverse img {
  width: 375px;
  height: 280px;

}







/* ここからrecruit.html（ドライバー募集） */
.recruit {
  padding-top: 150px;
}

.recruit h2 {
  margin: 0 auto;
  width: 750px;
  line-height: 50px;
}

.recruit th,
td {
  padding: 20px 30px;
}








/* ここからcompany.html（会社概要） */
.company {
  padding-top: 150px;
}

.company h2 {
  margin: 0 auto;
  width: 750px;
  line-height: 50px;
}

iframe {
  width: 700px;
  height: 630px;
}

.company_inner table{
  margin-bottom:20px;
}


.company_inner th {
  width: 190px;
}

.company_inner td {
  width: 360px;
}

table {
  width: 700px;
}





/* ここからfooter */
.footer {
  text-align: center;
  margin-top: 200px;
}

.footer nav ul {
  display: flex;
  justify-content: center;
  padding: 0;
}

.footer ul li {
  padding: 0 30px;
}