@charset "utf-8";



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






/* ここからindex.html */
.header {
  height: 180px;
}

.flex {
  display: flex;
  justify-content: center;
  text-align: center;
}

.flex h2:last-child {
  font-size: 1.15rem;
  transform: scaleY(1.4);
  margin: 15px 0;

}


.header_title {
  width: 100%;
  height: 176px;
  border-bottom: 4px solid transparent;
  border-image: linear-gradient(to right, #00ffd0, rgb(98, 0, 255));
  border-image-slice: 1;
}

#color{
  font-size: 12px;
}

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

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


.header_title h1 {
  margin: 0 auto;
  text-align: center;
}


.header_title h2 {
  font-size: 0.9rem;
  margin: 5px 10px 15px;
  line-height: 1.5;
  transform: scaleY(1.3);

}



video {
  top: 180px;
  width: 100%;

}


/*----------------------------
* ハンバーガーメニュー
*----------------------------*/
#header_menu {
  width: 100%;
  transition: all 0.3s ease-out;
}

#header_menu.fixed-hide {
  top: -100px;
}

.menu_trigger,
.menu_trigger span {
  transition: all .4s;
}

.menu_trigger {
  position: relative;
  width: 25px;
  height: 22px;
  background: none;
  border: none;
  appearance: none;
  cursor: pointer;
  left: 5px;
  top: 5px;
  margin-bottom: 25px;

}

.menu_trigger span {
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: #fafafa;
}


.menu_trigger span:nth-of-type(1) {
  top: 0;
}

.menu_trigger span:nth-of-type(2) {
  top: 10px;
}

.menu_trigger span:nth-of-type(3) {
  bottom: 0;
}


.active span:nth-of-type(1) {
  transform: translateY(10px) rotate(-45deg);
  background-color: #fafafa;
}

.active span:nth-of-type(2) {
  opacity: 0;
}

.active span:nth-of-type(3) {
  transform: translateY(-10px) rotate(45deg);
  background-color: #fafafa;
}

.menu {
  opacity: 0;
  width: 0;
  transition: .5s;
  background: #ffb3dc;
  z-index: 100;
  position: relative;
}

.menu nav ul {
  padding-inline-start: 0;
  margin: 0;
}

.menu nav ul li {
  list-style-type: none;
}

.menu_item {
  text-align: center;
  padding: 30px 0;
}

.menu_item a {
  font-size: 1.3rem;
  color: #fafafa;
  text-decoration: none;
}

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

.menu.is-active {
  opacity: 1;
  visibility: visible;
  width: 100%;
}








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

.reserve h2 {
  font-size: 1.7rem;
  width: 410px;

}


.reserve img {
  width: 280px;
}





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

.choice img {
  width: 310px;
  height: 200px;
}

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


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


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

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

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

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






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





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

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

.cp_box h2 {
  font-size: 14px;
  text-align: center;
}



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





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

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

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

.price caption {
  font-size: 1.25rem;
  margin-top: 20px;
}

#price {
  width: 400px;
}

#price th,
#price td {
  padding: 5px 10px;
}

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

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

#price2 h3 {
  padding-top: 20px;
}


.price p {
  width: 335px;
  margin: 0 auto;
}

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

.pick_up table {
  width: 350px;
}

.pick_up th,
.pick_up td {
  padding: 10px;
}







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


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

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

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

.set {
  padding: 15px 25px 0;
  height: 290px;
}

#set p {
  margin: 5px;
}

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

.box_p {
  height: 200px;
  padding: 30px 20px;
}

.box img {
  width: 400px;
  height: 267px;
}

#reverse img {
  width: 400px;
  height: 240px;
  vertical-align: bottom;

}

#reverse .box:first-child {
  display: flex;
  flex-direction: column-reverse;

}

#reverse .box:last-child {
  display: flex;
  flex-direction: column-reverse;

}







/* ここからrecruit.html（ドライバー募集） */

.recruit {
  padding-top: 150px;
}

.recruit caption {
  font-size: 1.2rem;
}

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

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

.recruit th {
  font-size: 1rem;
  padding: 10px;
  width: 105px;
}

.recruit td {
  font-size: 0.9rem;
  padding: 20px 10px;

}

.recruit table {
  width: 400px;
  margin: auto;
  border-collapse: collapse;

}







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

.company h2 {
  margin: 0 auto 15px;
  line-height: 50px;
  width: 400px;

}

.company_inner {
  width: 400px;
  margin: 0 auto;
}

iframe {
  width: 400px;
  height: 500px;
}

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


.company_inner th {
  width: 140px;
  font-size: 1rem;
}

.company_inner td {
  width: 360px;
  font-size: 0.9rem;
  padding: 10px;
}







/* ここからfooter */
.footer {
  margin-top: 100px;
}

.footer nav ul {
  margin: 0 auto;
}

.footer ul li {
  line-height: 2;
  font-size: 0.9rem;
}