@charset "UTF-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

 html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd {
  margin: 0;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

a {
  background-color: transparent;
}

a:hover {
  opacity: 0.7;
}

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -1em;
  font-size: 0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}


[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

ul,ol {
  padding: 0;
}
ul  li,
ol  li {
  list-style-type: none;
}

a {
  color: #333;
  text-decoration: none;
  line-height: 0;
}

img {
  max-width: 100%;
}

* {
  box-sizing: border-box;
}

@font-face {
  font-family: "NotoSansCJKjp";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP Regular"), url("../fonts/NotoSansCJKjp-Regular.woff") format("woff"), url("../fonts/NotoSansCJKjp-Regular.otf") format("opentype");
}

@font-face {
  font-family: "NotoSansCJKjp";
  font-style: normal;
  font-weight: 500;
  src: local("Noto Sans CJK JP Medium"), url("../fonts/NotoSansCJKjp-Medium.woff") format("woff"), url("../fonts/NotoSansCJKjp-Medium.otf") format("opentype");
}

@font-face {
  font-family: "NotoSansCJKjp";
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans CJK JP Bold"), url("../fonts/NotoSansCJKjp-Bold.woff") format("woff"), url("../fonts/NotoSansCJKjp-Bold.otf") format("opentype");
}

@font-face {
  font-family: "NotoSansCJKjp";
  font-style: normal;
  font-weight: 900;
  src: local("Noto Sans CJK JP Bold"), url("../fonts/NotoSansCJKjp-Black.woff") format("woff"), url("../fonts/NotoSansCJKjp-Black.otf") format("opentype");
}

@media screen and (max-width: 896px) {
  .hide-sp {
    display: none !important;
  }
}
@media screen and (min-width: 897px) {
  .hide-pc {
    display: none !important;
  }
}

body {
	-webkit-font-smoothing: antialiased;
	color: #333;
	font-family: NotoSansCJKjp, -apple-system, BlinkMacSystemFont, YuGothic, "Custom Yu Gothic", "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 16px;
}

.wrapper {
  position: relative;
}

.wrap {
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: content-box;
  position: relative;
}

@media screen and (max-width: 896px) {
  body {
    width: 100%;
    min-width: auto;
  }
  .wrapper {
    padding-bottom: 60px;
  }
  .wrap {
    padding: 0 36px;
    width:auto;
    max-width: none;
    min-width: auto;
  }
}

.l-header {
  width: 100%;
  position: absolute;
  z-index: 10;
}
.l-header .wrap {
  padding: 0 30px;
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items:center;
}
.l-header .logoArea img {
  width: 100%;
  height: 24px;
}
.l-header .menuList {
  display: flex;
}
.l-header .menuList li a {
  display: block;
  padding: 0 20px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}

@media screen and (max-width: 896px) {
  .l-header .wrap {
    padding: 20px 15px 0;
    height: auto;
    display: block;
  }
  .l-header .logoArea img {
    width: auto;
    height: 22px;
  }

  .l-header .menuList {
    display: none;
  }
}

.l-header01 {
  width: 100%;
  display: none;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);;
  box-shadow: 0px 5px 20px -6px rgba(51, 51, 51, 0.25);
  z-index: 10;
  position:sticky;
}
.l-header01 .wrap {
  padding: 0 30px;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items:center;
}
.l-header01 .logoArea img {
  width: 100%;
  height: 24px;
}
.l-header01 .menuList {
  display: flex;
}
.l-header01 .menuList li a {
  display: block;
  padding: 0 20px;
  color: #8B8B8B;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}

.l-header02 {
  width: 100%;
  background-color: #F84C02;
  z-index: 10;
  position: fixed;
  bottom: 0;
  text-align: end;
  padding: 0 30px;
  box-shadow: 0 -8px 20px -6px rgba(51, 51, 51, 0.25);
}
.l-header02 .wrap {
  height: 80px;
  display: inline-flex;
  align-items: center;
  gap: 20px;
}
.l-header02 .wrap p {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.l-header02 .wrap .qrcode {
  width: 60px;
}
.l-header02.js-stickeyFoot {
  display: none;
}

@media screen and (max-width: 896px) {
  .l-header02 .wrap {
    height: 70px;
  }
  .l-header02 {
    height: 70px;
    text-align: center;
  }
  .l-header02 .cta-app-btn {
    width: 270px;
    height: 48px;
    border-radius: 100vh;
    background-color: #fff;
    padding: 12px 0 0 0;
    display: flex;
    justify-content: center;
    gap: 10px;
  }
  .l-header02 .cta-app-btn h2{
    font-size: 18px;
    color: #F84C02;
    padding: 11px 0;
  }
}

.keyVisual {
  width: 100%;
  min-height: calc(100svh - 80px);
  background: #2E3431 url(../images/bg-keyVisual.svg) no-repeat bottom center;
  background-size: cover;
  position: relative;
}
.keyVisual .wrap{
  width: 85.93%;
  padding: 120px 0 100px;
  min-height: calc(100svh - 80px);
  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
}
.keyVisual .titleWrap {
  position: relative;
  z-index: 2;
}
.keyVisual .titleWrap .title img {
  width: 550px;
}
.keyVisual .carImage {
  position: absolute;
  bottom: -4px;
  right: 30px;
  width: 46.87%;
}
.keyVisual .carImage img {
  width: 100%;
}
.keyVisual .titleWrap .cta-appArea {
  background-color: rgba(248, 76, 2, 0.8);
  border-radius: 10px;
  width: 550px;
  text-align: center;
  padding: 15px 0;
  margin-top: 10px;
}
.keyVisual .titleWrap .cta-appArea .cta-appTitle {
  display: inline-flex;
  gap: 10px;
}
.keyVisual .titleWrap .cta-appArea p {
  color: #fff;
  font-size: 10px;
  display: inline-block;
  text-align: left;
  line-height: 140%;
}
.keyVisual .titleWrap .cta-appArea .cta-appTitle h2{
  color: #fff;
  font-size: 25px;
  font-weight: bold;
}
.keyVisual .titleWrap .cta-appArea .cta-app-btn{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 10px 0;
}
.keyVisual .titleWrap .cta-appArea .cta-app-btn .qrcode {
  width: 80px;
}
.keyVisual .wrap .notice-text {
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  bottom:5px;
}


@media screen and (max-width: 896px) {
  .keyVisual {
    width: 100%;
    min-height: calc(100svh - 70px);
    /* background: #ECECEC url(../images/bg-keyVisual-sp.svg) no-repeat top center; */
    background-size: auto;
  }
  .keyVisual .wrap {
    width: 100%;
    min-height: calc(100svh - 70px);
    padding: 100px 35px 80px;
  }
  .keyVisual .titleWrap .title{
    text-align: center;
  }
  .keyVisual .titleWrap .title img {
    width: 100%;
    max-width: 670px;
  }
  .keyVisual .carImage {
    position: absolute;
    bottom: -4px;
    right: 30px;
    width: 70%;
  }


  .keyVisual .titleWrap .cta-appArea .cta-appTitle img{
    width: 23px;
  }
  .keyVisual .titleWrap .cta-app-btn-sp {
    width: 270px;
    height: 48px;
    border-radius: 100vh;
    background-color: rgba(248, 76, 2);
    margin: 60px auto 0;
    display: flex;
    justify-content: center;
  }
  .keyVisual .titleWrap .cta-app-btn-sp h2{
    font-size: 18px;
    margin: auto 0;
    color: #fff;
  }
  .keyVisual .titleWrap .cta-app-btn-sp img{
    width: 23px;
    margin: auto 10px 0px 0;
  }

}

@media screen and (max-width: 540px) {
  .keyVisual {
    background: #2E3431 url(../images/bg-keyVisual-sp.svg) no-repeat bottom -6px center;
    background-size: cover;
  }
  .keyVisual .carImage {
    display: none;
  }
}

.block {
  padding: 100px 0;
  background-color: #F7F7F7;
}
.block--white {
  background-color: #fff;
}
.block--gradation {
  background: linear-gradient(180deg, rgb(23, 28, 18),rgb(28, 34, 29), rgb(44, 52, 59), rgb(72, 89, 117), rgb(124, 135, 149));
}
@media screen and (max-width: 896px) {
  .block {
    padding: 60px 0;
  }
  .wrap {
    padding: 0 20px;
  }
}

.block-subtitle {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  color: #333333;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.block-subtitle-white {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}


.block-title {
  font-size: 45px;
  font-weight: bold;
  line-height: 1.4;
  color: #F84C02;
  display: flex;
  justify-content: center;
  margin-bottom: 45px;
  text-align: center;
}



@media screen and (max-width: 896px) {
  .block-subtitle {
    font-size: 14px;
  }
  .block-subtitle-white {
    font-size: 14px;
  }
  .block-title {
    font-size: 30px;
    margin: 5px 0 30px 0;
    text-align: center;
  }
}

/* サービス特徴*/

.service .wrap {
  margin: 0 auto;
  width: 1100px;
}
.serviceArea {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
}
.serviceBox {
  padding: 45px 40px;
  width: 538px;
  background-color: #fff;
  border-radius: 10px;
}
.serviceBox p{
  text-align: center;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 30px;
}
.serviceBox__title {
  margin: 0 auto 30px;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
  display: flex;
  align-items: center;
}
.serviceBox .serviceBox_annotation {
  margin-top: 5px;
}
.serviceBox .serviceBox_annotation p{
  font-size: 12px;
  text-align: center;
  margin-bottom: 0;
}
.serviceBox-01 .serviceBox__title:before {
  content: '';
  display: block;
  width: 117px;
  height: 80px;
  background: url(../images/icon_service_no01.svg) no-repeat top center;
  margin: 0 10px 0 0;
  background-size: contain;
  vertical-align: middle;
}
.serviceBox-02 .serviceBox__title:before {
  content: '';
  display: block;
  width: 117px;
  height: 80px;
  background: url(../images/icon_service_no02.svg) no-repeat top center;
  margin: 0 10px 0 0;
  background-size: contain;
  vertical-align: middle;
}
.serviceBox-03 .serviceBox__title:before {
  content: '';
  display: block;
  width: 117px;
  height: 80px;
  background: url(../images/icon_service_no03.svg) no-repeat top center;
  margin: 0 10px 0 0;
  background-size: contain;
  vertical-align: middle;
}
.serviceBox-04 .serviceBox__title:before {
  content: '';
  display: block;
  width: 117px;
  height: 80px;
  background: url(../images/icon_service_no04.svg) no-repeat top center;
  margin: 0 10px 0 0;
  background-size: contain;
  vertical-align: middle;
}
/* .wserviceBox__image {
  min-height: 190px;
  display: flex;
  justify-content: center;
  align-items:center;
} */



@media screen and (max-width: 1140px) {
  .service .wrap {
    width: auto;
  }
}

@media screen and (max-width: 896px) {
  .serviceArea {
    display: block;
  }
  .serviceBox {
    padding: 20px 24px;
    width: 100%;
  }
  .serviceBox + .serviceBox {
    margin-top: 25px;
  }
  .serviceBox__title {
    margin: 0 auto 25px;
    font-size: 18px;
  }
  .serviceBox__title span {
    background-size: 100% 8px;
  }
  .serviceBox__text1 {
    margin-bottom: 20px;
  }
  .serviceBox-01 .serviceBox__title:before {
    width: 68px;
    height: 52px;
    margin: 0 20px 0 0;
  }
  .serviceBox-02 .serviceBox__title:before {
    width: 68px;
    height: 52px;
    margin: 0 20px 0 0;
  }
  .serviceBox-03 .serviceBox__title:before {
    width: 68px;
    height: 52px;
    margin: 0 20px 0 0;
  }
  .serviceBox-04 .serviceBox__title:before {
    width: 68px;
    height: 52px;
    margin: 0 20px 0 0;
  }
  .serviceBox p {
    font-size: 16px;
    text-align: left;
}
}

/* 登録事業者は全て
ディディの審査通過済み*/

.safe .wrap {
  margin: 0 auto;
  width: 865px;
}
.safeArea {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
}
.safeArea .safe-text p {
  font-size: 30px;
  font-weight: bold;
  border-bottom: 3px dashed #F84C02;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.safeArea .safe-text p::before {
  content: "";
    display: inline-block;
    width: 30px;
    height: 25px;
    background: url('../images/icon_safe01.svg') no-repeat center;
    background-position: center;
    padding: 0 10px 0 0;
}

@media screen and (max-width: 1140px) {
  .safe .wrap {
    width: auto;
  }
}

@media screen and (max-width: 896px) {
  .safeArea {
    justify-content: center;
  }
  .safeArea .safe-text p {
    font-size: 20px;
  }
  .safeArea .safe__image {
    width: 278px;
  }
}


/* サービスエリア*/

.supportplace .wrap {
  margin: 0 auto;
  width: 1100px;
}
.supportplaceArea .supportplaceBox {
  background: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  padding: 30px;
  gap: 30px;
}
.supportplaceArea {
  display: grid;
  gap: 20px;
}
.supportplaceArea .supportplaceBox .supportplace__image {
  width: 50%;
}
.supportplaceArea .supportplaceBox .supportplace__text {
  width: 50%;
}
.supportplaceArea .supportplaceBox .supportplace__text h3 {
  font-size: 36px;
  font-weight: bold;
}
.supportplaceArea .supportplaceBox .supportplace__text p {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 0 0;
  line-height: 1.4;
}

.supportplaceArea .supportplaceBox .supportplace__text .supportplace-button{
  background: #F84C02;
  color: #fff;
  font-weight: bold;
  border-radius: 100vh;
  padding: 10px 20px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  line-height: 1.4;
  margin-top: 30px;
}

@media screen and (max-width: 1140px) {
  .supportplace .wrap {
    width: auto;
  }
}

@media screen and (max-width: 896px) {
  .supportplaceArea .supportplaceBox {
    padding: 20px;
    flex-wrap: wrap;
    gap: 20px;
  }
  .supportplaceArea .supportplaceBox .supportplace__image {
    width: 100%;
  }
  .supportplaceArea .supportplaceBox .supportplace__text {
    width: 100%;
  }
  .supportplaceArea .supportplaceBox .supportplace__text p {
    font-size: 16px;
  }
  .supportplaceArea .supportplaceBox .supportplace__text h3 {
    font-size: 30px;
  }
}


/*ドライバーアプリの利用手順*/
.howToUse .wrap {
  margin: 0 auto;
  width: 1100px;
}
.howtoSliderWrap {
  padding: 40px;
  background-color: #fff;
  border-radius: 10px;
}
.howtoSlider {
  display: flex;
  justify-content: space-between;
}
.howtoSlider .slide {
    width: 200px;
}
.howtoSlider .slide__inner {
  margin: 0 auto;
  width: 200px;
}
.howtoSlider .slide__num {
  margin: 0 auto;
  width: 30px;
  height: 30px;
  background-color: #F84C02;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  border-radius: 15px;
}
.howtoSlider .slide__title {
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.howtoSlider .slide__text {
  text-align: center;
  line-height: 1.4;
  margin: 20px 0 0 0;
  font-size: 16px;
}
.howtoSlider .slide__text2{
  font-size: 12px;
  text-align: center;
  margin-top: 20px;
}
.slide__image {
  text-align: -webkit-center;
}

@media screen and (max-width: 1140px) {
  .howToUse .wrap {
    width: auto;
  }
}

@media screen and (max-width: 896px) {
  .howToUse .wrap {
    margin: 0;
  }
  .howtoSliderWrap {
    padding: 30px 25px;
  }
  .howtoSlider {
    display: block;
  }
  .howtoSlider .slide {
      width: 100%;
  }
  .howtoSlider .slide__title {
    height: 70px;
  }
}


/*FAQ*/

.faqArea .wrap {
  margin: 0 auto;
  width: 1100px;
}
.faqArea .block-title {
  margin: 20px auto 45px;
}
.faqArea .faqList {
  margin: 0 auto;
}
.faqArea .faqList .box {
  margin-bottom: 30px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #F84C02;
}
.faqArea .faqList .box dt {
  padding: 20px 100px 20px 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  position: relative;
}
.faqArea .faqList .box dt:hover {
  cursor: pointer;
  opacity: 0.7;
}
.faqArea .faqList .box dt::after {
  content:'';
  display: block;
  width: 20px;
  height: 12px;
  background: url(../images/icon_arrow_down.svg) no-repeat top center;
  background-size: 20px;
  position: absolute;
  top:50%;
  right:25px;
  margin-top: -6px;
}
.faqArea .faqList .box dt.isOpen::after {
  background: url(../images/icon_arrow_up.svg) no-repeat top center;
  background-size: 20px;
}
.faqArea .faqList .box dt .icon {
  margin-right:10px ;
  display: inline-block;
  font-size: 20px;
  color: #F84C02;
}
.faqArea .faqList .box dt .question {
  color: #F84C02;
}
.faqArea .faqList .box dd {
  display: none;
  margin: 0;
  padding: 0 120px 20px 46px;
  font-size: 18px;
}
.faqArea .faqList .box dd a {
  text-decoration: underline;
  color: #F84C02;
  font-weight: bold;
}

@media screen and (max-width: 1140px) {
  .faqArea .wrap {
    width: auto;
  }
}

@media screen and (max-width: 896px) {
  .faqArea .wrap {
    margin: 0;
  }
  .faqArea .block-title {
    margin: 10px auto 25px;
  }
  .faqArea .faqList {
    margin: 0;
  }
  .faqArea .faqList .box {
    margin-bottom: 15px;
  }
  .faqArea .faqList .box dt {
    padding: 10px 40px 10px 15px;
    font-size: 16px;
    display: flex;
    align-items: center;
  }
  .faqArea .faqList .box dt:hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .faqArea .faqList .box dt::after {
    content:'';
    display: block;
    width: 14px;
    height: 10px;
    background: url(../images/icon_arrow_down.svg) no-repeat top center;
    background-size: 14px;
    position: absolute;
    top:50%;
    right:15px;
    margin-top: -6px;
  }
  .faqArea .faqList .box dt.isOpen::after {
    background: url(../images/icon_arrow_up.svg) no-repeat top center;
    background-size: 16px;
  }
  .faqArea .faqList .box dt .icon {
    font-size: 16px;
  }
  .faqArea .faqList .box dd {
    display: none;
    margin: 0;
    padding: 0 35px 10px 35px;
    font-size: 16px;
    line-height: 1.5;
  }
  .faqArea .faqList .box dd a {
    text-decoration: underline;
    color: #F84C02;
    font-weight: bold;
  }
}


/*フッター*/
.l-footer {
  padding: 30px;
  margin-bottom: 80px;
  background: linear-gradient(180deg, rgb(23, 28, 18), rgb(28, 34, 29), rgb(44, 52, 59));
  text-align: center;
}
.l-footer .wrap {
  margin: 0 auto;
  width: 1100px;
}
.l-footer .l-footerArea {
  display: flex;
  justify-content: space-between;
}
.l-footer .l-footerArea .l-footer__left img{
  width: 74px;
}
.l-footer .l-footerArea .l-footer__right .l-footer__menu {
  display: flex;
  justify-content: end;
  gap: 20px;
  font-size: 14px;
  margin-bottom: 20px;
}
.l-footer .l-footerArea .l-footer__right .l-footer__menu a {
 color:#fff;
}
.l-footer .l-footerArea .l-footer__right .l-footer__sns {
  display: flex;
  justify-content: end;
  gap: 30px;
}
.l-footer__copyright {
  font-size: 12px;
  color: #fff;
  margin-top: 20px;
}
@media screen and (max-width: 1140px) {
  .l-footer .wrap {
    width: auto;
    padding: 0;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 896px) {
  .l-footer {
    padding: 30px 20px;
    display: block;
    margin-bottom: 0;
  }
  .l-footer__logo {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
  }
  .l-footer .l-footerArea {
    flex-wrap: wrap;
    gap: 20px;
  }
  .l-footer .l-footerArea .l-footer__right .l-footer__menu {
    flex-wrap: wrap;
    text-align: left;
    margin-bottom: 30px;
  }
  .l-footer .l-footerArea .l-footer__right .l-footer__menu li{
    width: 100%;
  }
  .l-footer .l-footerArea .l-footer__right .l-footer__sns {
    justify-content: left;
  }
  .l-footer__copyright {
    border-top: 1px solid #fff;
    padding: 15px 0 0;
  }
}

.slick-prev,
.slick-next  {
  width: 30px;
  height: 30px;
  background: none;
  border:none;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 60%;
  display: block;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 2;
}
.slick-prev {
  left:-10px;
}
.slick-next {
  right:-10px;
}
.howtoSlider .slick-prev {
  left:-25px;
}
.howtoSlider .slick-next {
  right:-25px;
}
.slick-prev::before {
  content:'';
  display: block;
  width: 30px;
  height: 30px;
  background: url(../images/slick-arrow-left.svg) no-repeat top center;
}
.slick-next::before {
  content:'';
  display: block;
  width: 30px;
  height: 30px;
  background: url(../images/slick-arrow-right.svg) no-repeat top center;
}
.slick-dots {
  position: absolute;
  bottom: -30px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 6px !important;
  height: 6px;
  margin: 0 5px !important;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 6px;
  height: 6px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  content: '';
  text-align: center;
  background-color: #ccc;
  border-radius: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  background-color: #3E3E3E;
}



/* @media (orientation: landscape) and (max-width: 896px){
  .keyVisual {
    background: #ECECEC url(../images/bg-keyVisual.svg) no-repeat bottom center;
    background-size: cover;
  }
} */


.area-keyVisual {
  width: 100%;
  background: url(../images/bg-area.svg) repeat-x bottom center;
  height: 409px;
}
.area-keyVisual .inner {
  width: 100%;
  height: 100%;
  background: url(../images/area-bg-keyVisual.jpg) no-repeat bottom center;
  overflow: hidden;
}
.area-keyVisual .wrap {
  margin: 0 auto;
  padding: 0;
  width: 1100px;
  height: 100%;
  position: relative;
}
.area-keyVisual .titleWrap {
  padding: 150px 0 0 0;
}
.area-keyVisual .titleWrap span{
  font-size: 12px;
  font-weight: bold;
}
.area-keyVisual .titleWrap .title img {
  /* width: 550px; */
}
.area-keyVisual .carImage {
  width: 42.45%;
  position: absolute;
  bottom:-2px;
  right: -20px;
}
.area-keyVisual .carImage img {
  width: 100%;
}

@media screen and (max-width: 1140px) {
  .area-keyVisual .wrap {
    padding: 0 40px;
    width: auto;
  }
}

@media screen and (max-width: 896px) {
  .area-keyVisual {
    width: 100%;
    background: none;
    min-height: auto;
    height: 409px;
  }
  .area-keyVisual .wrap {
    padding: 0 18px;
  }
  .area-keyVisual .titleWrap {
    padding: 0;
  }
  .area-keyVisual .titleWrap .title {
    padding-top: 95px;
    width: 60%;
    min-width: 302px;
  }
  .area-keyVisual .titleWrap .title img {
    width: 100%;
  }
  .area-keyVisual .logoArea {
    padding: 15px 0 0 15px;
  }
  .area-keyVisual .logoArea img {
    height: 22px;
  }

}

@media screen and (max-width: 640px) {
  .area-keyVisual .inner {
    background: #2E3431 url(../images/area-bg-keyVisual-sp.svg) no-repeat bottom -6px center;
    background-size: cover;
  }
  .area-keyVisual .titleWrap .title {
    width: auto;
    min-width: auto;
    max-width: 302px;
  }
  .area-keyVisual .carImage {
    width: 70%;
    right: 0;
  }
}
@media screen and (max-width: 540px) {
  .area-keyVisual .carImage {
    width: 90%;
  }
  .area-keyVisual .titleWrap .title {
    min-width: auto;
    max-width: 302px;
  }
}

/* ダウンロードボタン */
.cta-app {
  background-color: #F84C02;
  text-align: center;
  padding: 20px 0;
}
.cta-app .wrap {
  margin: 0 auto;
  width: 1100px;
}
.cta-app h1 {
  color: #fff;
  font-size: 30px;
}
.cta-app h1 span {
  font-size: 40px;
}
.cta-app .cta-appArea {
  background-color: #fff;
  border-radius: 10px;
  width: 550px;
  text-align: center;
  padding: 15px 0;
  margin: 10px auto 10px;
}
.cta-app .cta-appArea .cta-appTitle {
  display: inline-flex;
  gap: 10px;
}
.cta-app .cta-appArea p {
  color: #333;
  font-size: 10px;
  display: inline-block;
  text-align: left;
  line-height: 140%;
}
.cta-app .cta-appArea .cta-appTitle h2{
  color: #F84C02;
  font-size: 25px;
  font-weight: bold;
}
.cta-app .cta-appArea .cta-app-btn{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 10px 0;
}
.cta-app .cta-appArea .cta-app-btn .qrcode {
  width: 80px;
  border: 1px solid #333;
}
.cta-app .wrap .p-small {
  font-size: 12px;
  color: #fff;
  font-weight: bold;
}

.cta-app .cta-app-btn-sp {
  width: 270px;
  height: 48px;
  border-radius: 100vh;
  background-color: #fff;
  margin: 15px auto;
  display: flex;
  justify-content: center;
}
.cta-app .cta-app-btn-sp h2{
  font-size: 18px;
  margin: auto 0;
  color: #F84C02;
}
.cta-app .cta-app-btn-sp img{
  width: 23px;
  margin: auto 10px 0px 0;
}

@media screen and (max-width: 1140px) {
  .cta-app .wrap {
    width: auto;
  }
}

@media screen and (max-width: 896px) {
  .cta-app .cta-appArea .cta-appTitle img{
    width: 23px;
  }

  .cta-app h1 {
    font-size: 20px;
  }
  .cta-app h1 span {
    font-size: 25px;
  }
}


/*運転代行一覧*/

.partnersArea .wrap {
  margin: 0 auto;
  width: 1100px;
  text-align: end;
}
.partnersArea .block-title {
  margin: 20px auto 45px;
}
.partnersArea .faqList {
  margin: 0 auto;
}
.partnersArea .faqList .box {
  margin-bottom: 10px;
  background-color: #fff;
  border-radius: 10px;
}
.partnersArea .faqList .box dt {
  padding: 20px 100px 20px 20px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  position: relative;
  text-align: left;
}
.partnersArea .faqList .box dt:hover {
  cursor: pointer;
  opacity: 0.7;
}
.partnersArea .faqList .box dt::after {
  content:'';
  display: block;
  width: 20px;
  height: 12px;
  background: url(../images/icon_arrow_down_b.svg) no-repeat top center;
  background-size: 20px;
  position: absolute;
  top:50%;
  right:25px;
  margin-top: -6px;
}
.partnersArea .faqList .box dt.isOpen::after {
  background: url(../images/icon_arrow_up_b.svg) no-repeat top center;
  background-size: 20px;
}
.partnersArea .faqList .box dt .question {
  color: #333;
}
.partnersArea .faqList .box dd {
  display: none;
  margin: 0;
  margin: 0 20px 20px 20px;
  padding: 20px 0;
  font-size: 16px;
  font-weight: bold;
  border-top: 1px solid #D0D4D8;
  text-align: left;
}
.partnersArea .faqList .box dd a {
  text-decoration: underline;
  color: #F84C02;
  font-weight: bold;
}
.partnersArea .faqList .faqListBox {
  display: flex;
  flex-wrap:wrap;
  gap: 10px;
}
.partnersArea .faqList .faqListBox p{
 width: 30%;
}
.partnersArea .listOpen-btn{
  width: 106px;
  height: 26px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background-color: #F84C02;
  border: none;
  border-radius: 100vh;
  text-align: center;
  margin-bottom: 15px;
}
.partnersArea .listOpen-btn img{
 width: 12px;
 margin-left: 5px;
}
.partnersArea .listOpen-btn.isClicked img{
  transform: rotate(180deg);
}


@media screen and (max-width: 1140px) {
  .partnersArea .wrap {
    width: auto;
  }
}

@media screen and (max-width: 896px) {
  .partnersArea .wrap {
    margin: 0;
  }
  .partnersArea .block-title {
    margin: 10px auto 25px;
  }
  .partnersArea .faqList {
    margin: 0;
  }
  .partnersArea .faqList .box {
    margin-bottom: 15px;
  }
  .partnersArea .faqList .box dt {
    padding: 20px 40px 20px 15px;
    font-size: 20px;
    display: flex;
    align-items: center;
  }
  .partnersArea .faqList .box dt:hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .partnersArea .faqList .box dt::after {
    content:'';
    display: block;
    width: 14px;
    height: 10px;
    background: url(../images/icon_arrow_down_b.svg) no-repeat top center;
    background-size: 14px;
    position: absolute;
    top:50%;
    right:15px;
    margin-top: -6px;
  }
  .partnersArea .faqList .box dt.isOpen::after {
    background: url(../images/icon_arrow_up_b.svg) no-repeat top center;
    background-size: 16px;
  }
  .partnersArea .faqList .box dd {
    display: none;
    margin: 0;
    padding: 15px 0;
    margin: 0 20px 20px 20px;
    font-size: 16px;
    line-height: 1.5;
  }
  .partnersArea .faqList .box dd a {
    text-decoration: underline;
    color: #F84C02;
    font-weight: bold;
  }
  .partnersArea .faqList .faqListBox p{
    width: 100%;
   }
}