body {
    background-color: #ffffff;
    font-family: YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif !important;
}

.forPC {
    display: block;
}

.forSP {
    display: none;
}

p.merit00 span {
    font-size: 1.7em;
}

p.topBtn.alphahover {
    margin-left: 10px;
}

.alphahover a:hover img {
    opacity: .5;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    /* IE lt 8 */
    -ms-filter: "alpha(opacity=50)";
    /* IE 8 */
}

.alphahover a img {
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -ms-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
}

.cb-slideshow,
.cb-slideshow:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}

.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 20s linear infinite 0s;
    -moz-animation: imageAnimation 20s linear infinite 0s;
    -o-animation: imageAnimation 20s linear infinite 0s;
    -ms-animation: imageAnimation 20s linear infinite 0s;
    animation: imageAnimation 20s linear infinite 0s;
}

.cb-slideshow li:nth-child(1) span {
    background-image: url(../../images/top_01_pc.jpg)
}

.cb-slideshow li:nth-child(2) span {
    background-image: url(../../images/top_02_pc.jpg);
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s;
}


/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
    }

    17% {
        opacity: 1
    }

    25% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes imageAnimation {
    0% {
        opacity: 0;
        -moz-animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        -moz-animation-timing-function: ease-out;
    }

    17% {
        opacity: 1
    }

    25% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes imageAnimation {
    0% {
        opacity: 0;
        -o-animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        -o-animation-timing-function: ease-out;
    }

    17% {
        opacity: 1
    }

    25% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-ms-keyframes imageAnimation {
    0% {
        opacity: 0;
        -ms-animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        -ms-animation-timing-function: ease-out;
    }

    17% {
        opacity: 1
    }

    25% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes imageAnimation {
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        animation-timing-function: ease-out;
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

/* Animation for the title */
@-webkit-keyframes titleAnimation {
    0% {
        opacity: 0
    }

    8% {
        opacity: 1
    }

    17% {
        opacity: 1
    }

    19% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes titleAnimation {
    0% {
        opacity: 0
    }

    8% {
        opacity: 1
    }

    17% {
        opacity: 1
    }

    19% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes titleAnimation {
    0% {
        opacity: 0
    }

    8% {
        opacity: 1
    }

    17% {
        opacity: 1
    }

    19% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-ms-keyframes titleAnimation {
    0% {
        opacity: 0
    }

    8% {
        opacity: 1
    }

    17% {
        opacity: 1
    }

    19% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes titleAnimation {
    0% {
        opacity: 0
    }

    8% {
        opacity: 1
    }

    17% {
        opacity: 1
    }

    19% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span {
    opacity: 1;
}

.meritAreaWrap {
    width: 1256px;
    margin: 0 auto;
    position: relative;
    height: 1800px;
}

.meritAreaWrap .meritImg {
    position: absolute;
    left: -67px;
    z-index: 9;
    top: 230px;
}

.meritAreaWrap .meritText {
    width: 1107px;
    position: absolute;
    left: 241px;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    line-height: 38px;
    top: 230px;
    z-index: 9;
}

.merit00 {
    width: 507px;
    float: left;
    padding: 11px 0 50px;
    text-align: center;
}

.merit01Photo {
    width: 600px;
    float: right;
}

.merit01Text {
    display: table;
    height: 192px;
    text-align: center;
    width: 447px;
    float: right;
    background: #fff;
    color: #454c5e;
    font-weight: normal;
    padding: 30px;
    text-align: center;
}

.merit01Text span {
    font-weight: bold;
    /* display: block; */
    display: table-cell;
    vertical-align: middle;
}

.merit02Photo {
    width: 507px;
    float: left;
    clear: both;
}

.merit02Text {
    width: 540px;
    float: right;
    background: #fff;
    color: #454c5e;
    font-weight: normal;
    padding: 30px;
    text-align: center;
}

.merit02Text span {
    font-weight: bold;
    display: block;
}

.merit03Text {
    display: table;
    height: 192px;
    width: 540px;
    float: right;
    background: #eff0f2;
    color: #454c5e;
    font-weight: normal;
    padding: 31px 30px;
    text-align: center;

}

.merit03Text span {
    font-weight: bold;
    /* display: block; */
    vertical-align: middle;
    background-color: lit;
    display: table-cell;
}

/* p.merit03Text.forSP {
    display: none;
} */

.merit03Photo {
    width: 600px;
    float: right;
}

.merit04Text {
    display: table;

    width: 447px;
    float: right;
    background: #fff;
    color: #454c5e;
    font-weight: normal;
    padding: 30px;
    height: 192px;
    text-align: center;


}

.merit04Text span {
    font-weight: bold;
    /* display: block; */
    vertical-align: middle;
    background-color: lit;
    display: table-cell;

}

p.merit04Text.forSP {
    display: none;
}

.merit05Text {
    width: 447px;
    float: right;
    background: #eff0f2;
    color: #454c5e;
    font-weight: normal;
    padding: 31px 30px;
}

.merit05Text span {
    font-weight: bold;
    display: block;
}

.merit04Photo {
    width: 600px;
    clear: both;
    float: left;
    margin-left: -93px;
}

.merit06Text {
    width: 447px;
    float: right;
    background: #fff;
    color: #454c5e;
    font-weight: normal;
    padding: 30px;
    margin-right: 93px;
}

.merit06Text span {
    font-weight: bold;
    display: block;
}

.merit05Photo {
    width: 507px;
    float: right;
    margin-right: 93px;
}

.merit07Text {
    width: 447px;
    float: left;
    background: #e60013;
    color: #fff;
    font-weight: normal;
    padding: 30px;
    text-align: center;
    height: 116px;
}

.merit07Text span {
    font-weight: bold;
    display: block;
}

.pointWrap {
    position: inherit;
}

.pointTtl {
    z-index: 10;
    position: inherit;
    width: 1254px;
    margin: 0px auto;
    padding-top: 120px;
}

.pointCon {
    width: 1254px;
    margin: 0px auto;
    position: inherit;
    z-index: 10;
}

p.comment {
    text-align: center;
    font-size: 7em;
    font-weight: bold;
    color: #454c5e;
    line-height: 60px;
    z-index: 10;
    position: inherit;
    margin-bottom: 60px;
}

#reason .u-effect-type1-block--wave .u-effect__cell:first-child {
    margin-top: 18em;
}

.u-effect-type1-block--wave .u-effect__cell:first-child {
    margin-top: 0em;
}

.pointli {
    background-color: #fff;
    width: 26%;
    float: left;
    padding: 4% 2%;
    position: relative;
    color: #454c5e;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 50px;
}

.pointli.pointCenter {
    margin-left: 5%;
    margin-right: 5%;
}

.c-index-dir .c-colum__block {
    /* display: -webkit-box; */
    /* display: -webkit-flex; */
    display: -moz-flex;
    display: -ms-flexbox;
    /* display: flex; */
    display: block;
}

.pointli .pointTtlText {
    font-weight: bold;
    display: block;
    text-align: center;
}

.pointli .pointIcon {
    position: absolute;
    top: -8%;
    right: 2%;
}

.salary {
    text-align: center;
    font-size: 4em;
    padding-top: 60px;
    padding-bottom: 50px;
    font-weight: bold;
    color: #e60013;
}

.salary span {
    font-size: 30px;
}

#sample .t-top__sec__bg__inner {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: url(../../images/sampleTtl01_pc.jpg) no-repeat 0 120px;
}

.sampleWrap {
    position: inherit;
    z-index: 10;
    width: 1500px;
    margin: 0 auto;
    padding-top: 200px;
    padding-bottom: 100px;
}

.swiper-slide.driver01 {
    background: url(../../images/sample01_pc.jpg) no-repeat;
    padding-bottom: 50px;
}

.swiper-slide.driver02 {
    background: url(../../images/sample02_pc.jpg) no-repeat;
    padding-bottom: 50px;
}

.swiper-slide.driver03 {
    background: url(../../images/sanple03_pc.jpg) no-repeat;
    padding-bottom: 50px;
}

.swiper-slide.driver01 .driverInfo {
    background: #bac0c9;
    color: #fff;
    text-align: left;
    padding: 30px;
    width: 300px;
    line-height: 1.5em;
    font-size: 16px;
    margin-top: -800px;
}

.swiper-slide.driver02 .driverInfo {
    background: #bac0c9;
    color: #fff;
    text-align: left;
    padding: 30px;
    width: 300px;
    line-height: 1.5em;
    font-size: 16px;
    margin-top: -600px;
}

.swiper-slide .driverFAQ {
    margin: 283px 0px 10px 200px;
    width: 800px;
    padding: 20px;
    background-color: #fff;
    color: #454c5e;
    box-shadow: 2px 2px 6px -2px rgba(237, 237, 237, 0.75);
    text-align: left;
    line-height: 1.5em;
    font-size: 16px;
}

.swiper-slide .driverFAQ dt {
    font-weight: bold;
}

.swiper-slide .driverFAQ dd {
    margin-bottom: 15px;
}

.infoBG {
    background: url(../../images/bg_1.jpg) center center /cover no-repeat;
    padding: 190px 530px;
    z-index: 10;
    position: inherit;
}

.infoBG p.linkImg {
    padding: 120px 0;
    margin: 0 auto;
    width: 774px;
}

.infoCon {
    text-align: center;
    font-size: 4.2em;
    font-weight: 600;
    color: #454c5e;
    background-color: #ffffff96;
    line-height: 50px;
    border-style: solid;
    border-width: 0;
    padding: 50px 40px;
}

span.infoText {
    color: #e60013;
}

.partnershipTtl {
    z-index: 10;
    position: inherit;
    margin: 0 auto;
    text-align: center;
    font-size: 5em;
    font-weight: bold;
    color: #454c5e;
    line-height: 60px;
    z-index: 10;
    padding-top: 30px;
    padding-bottom: 10px;
}

.partnership__flex {
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    align-content: center;
    align-items: center;
    justify-items: center;
    width: 1023px;
}

.partnership__flex_leftBlock {
    grid-area: 1 / 1 / 2 / 2;
    z-index: 10;
}

.partnership__flex_rightBlock {
    z-index: 10;
    grid-area: 1 / 2 / 2 / 3;
}

.partner__text {
    color: #454c5e;
    font-size: 20px;
    font-weight: bold;
    line-height: 38px;
    padding-bottom: 5px;
}

.partner__text_sm {
    color: #454c5e;
    font-size: 16px;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
    padding: 5px 0
}

.workTtl {
    z-index: 10;
    position: inherit;
    width: 1023px;
    margin: 0px auto;

}

.workiframe {
    z-index: 10;
    position: inherit;
    width: 1023px;
    margin: 0px auto;
    height: 1000px;
}

.workiframe iframe {
    height: 1000px;
    border: 0;
}

.faqWrap {
    z-index: 10;
    position: inherit;
    width: 1254px;
    margin: 0px auto;
    padding-top: 120px;
}

.faqTtl {
    width: 206px;
    margin-left: -57px;
    float: left;
}

.faqDL {
    width: 1016px;
    float: right;
}

.faqDL dt {
    color: #454c5e;
    font-size: 28px;
    background: url(../../images/qIcon.jpg) 20px center no-repeat;
    padding: 10px 10px 10px 80px;
    font-weight: bold;
    margin-bottom: 30px;
}

.faqDL dd {
    color: #454c5e;
    font-size: 18px;
    background: url(../../images/aIcon.jpg) 20px center no-repeat #f0f0f0;
    padding: 40px 10px 40px 80px;
    margin-bottom: 60px;
    line-height: 1.5em;
}

.flowWrap {
    z-index: 10;
    position: inherit;
    width: 1253px;
    margin: 0px auto;
    padding-top: 0px;
    background: url(../../images/flowTtl_pc.png) 0 200px no-repeat;
}

.flowWrap .flowUL {
    padding-top: 337px;
    padding-bottom: 50px;
}

.detailWrap {
    z-index: 10;
    position: inherit;
    width: 1020px;
    margin: 0px auto;
    padding-top: 120px;
    padding-bottom: 30px;
}

.detailTtl {
    width: 279px;
    margin: 50px auto 76px;
}

.detailWrap table {
    color: #454c5e;
    font-size: 18px;
    width: 100%;
    border-collapse: collapse;
}

.detailWrap table th {
    font-weight: bold;
    padding: 25px;
    width: 30%;
    border-top: 2px solid #454c5e;
    border-right: 2px solid #454c5e;
    border-bottom: 2px solid #454c5e;
}

.detailWrap table td {
    padding: 25px;
    width: 70%;
    border-top: 2px solid #454c5e;
    border-bottom: 2px solid #454c5e;
    line-height: 1.5em;
}

.formWrap {
    z-index: 10;
    position: inherit;
    width: 1020px;
    margin: 0px auto;
    padding-top: 120px;
    padding-bottom: 30px;
}

.formTtl {
    width: 592px;
    margin: 50px auto 76px;
}

.phoneArea,
.mailArea {
    width: 770px;
    background: #fff;
    margin: 0 auto;
    padding: 40px;
    color: #454c5e;
    font-size: 18px;
}

.phoneArea {
    margin-bottom: 40px;
}

.phoneArea h2 {
    width: 316px;
    margin: 0 auto 40px;
}

.phoneArea h3 {
    width: 100%;
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 20px;
}

.phoneArea h3 a {
    text-decoration: none;
}

.phoneArea p {
    width: 100%;
    text-align: center;
}

.mailArea h2 {
    width: 352px;
    margin: 0 auto 40px;
}

.mailArea dl {
    width: 618px;
    margin: 0 auto;
}

.mailArea dl dt {
    width: 36%;
    float: left;
    clear: left;
    padding: 30px 2%;
    position: relative;
}

.mailArea dl dd {
    width: 56%;
    float: left;
    padding: 20px 2%;
}

span.must {
    color: #e60013;
    font-weight: bold;
    border: 2px solid #e60013;
    font-size: 14px;
    padding: 4px;
    margin-right: 10px;
    position: absolute;
    right: 0;
}

span.nomust {
    color: #747c8e;
    font-weight: bold;
    border: 2px solid #747c8e;
    font-size: 14px;
    padding: 4px;
    margin-right: 10px;
    position: absolute;
    right: 0;
}

.mailArea dl dd input,
.mailArea dl dd textarea {
    border: none;
    background: #eee;
    border-radius: 10px;
    padding: 10px;
    font-size: 16px;
    width: 96%;
    color: #454c5e
}

.sendBtn {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

footer {
    background-color: #293248 !important;
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 40px 0;
    position: absolute;
}

.l-pagetop span {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}