@charset "UTF-8";

body{background: #FFF;}


.l_header_image{overflow: hidden;}
.l_header_image .area_scroll_img_list ul li .wrap{display: grid;box-shadow: 0px 0px 20px 0px rgb(0 0 0 /.1);overflow: hidden;}
.l_header_image .area_scroll_img_list ul li{width: 100vw;max-width: 718px;}


.list_job li{background: #FFF;box-shadow: 0px 0px 20px 0px rgb(0 0 0 / .1);}

.home_campaign_message .area_scroll_img_list ul li .wrap{display: grid;overflow: hidden;}

.area_campaign .wrapper{position: relative;margin: 0 auto;max-width: 936px;}

.area_campaign .wrapper .box .text{margin-bottom: 18px;font-family: 'ShinRetroMaru', sans-serif;font-weight: 500;line-height: 1.563;text-align: center;}
.area_campaign .wrapper .list_campaign{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 0 19px;max-width: 6710px;margin: 0 auto;padding-right: 17px;padding-left: 28px;
background: url(../images/bg_campaign.png) no-repeat right bottom;background-size: contain;
}
.area_campaign .wrapper .list_campaign li{position: relative;max-width: 216px;padding-top: 25.74px;}
.area_campaign .wrapper .list_campaign li .icon{background: #D4AF37;width: 72.5px;padding: 5px;position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 1;font-family: 'Inter', sans-serif;font-size: 0.6925rem;color: #FFF;font-weight: bold;text-align: center;line-height: 1;clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%);}
.area_campaign .wrapper .list_campaign li .icon .num{display: block;font-size: 0.8525rem;}
.area_campaign .wrapper .list_campaign li .type{position: relative;display: grid;align-items: center;background: #FFF;border-radius: 100vh;height: 59px;box-shadow: 0px 0px 12.79px 0px rgba(0, 0, 0, 0.2);margin: 0 auto;}
.area_campaign .wrapper .list_campaign li .type::before,.area_campaign .wrapper .list_campaign li .type::after{content: "";display: block;position: absolute;}
.area_campaign .wrapper .list_campaign li:first-of-type .type{padding-left: 57px;}
.area_campaign .wrapper .list_campaign li:first-of-type .type::before{width: 50px;height: 90px;background: url(../ladies/img/character_02.png) no-repeat left;background-size: cover;left: 6px;top: -28px;}
.area_campaign .wrapper .list_campaign li:nth-of-type(2) .type{padding-left: 53px;}
.area_campaign .wrapper .list_campaign li:nth-of-type(2) .type::before{width: 51px;height: 80px;background: url(../ladies/img/home/character_03.png) no-repeat left;background-size: cover;left: 6px;top: -18px;}
.area_campaign .wrapper .list_campaign li:nth-of-type(3) .type{padding-left: 24px;}
.area_campaign .wrapper .list_campaign li:nth-of-type(3) .type::before{width: 54px;height: 79px;background: url(../ladies/img/home/character_04.png) no-repeat left;background-size: cover;right: 8px;top: -19px;}
.area_campaign .wrapper .list_campaign li .type::after{width: 16px;height: 18px;background-color: #FFF;
clip-path: polygon(50% 18px, 0% 0%, 16px 0%);bottom: -10px;left: 50%;transform: translateX(-50%);
}



.area_campaign .wrapper .list_campaign li .type h3{font-weight: bold;line-height: 1.4;}
.area_campaign .wrapper .list_campaign li .cont{display: grid;place-content: center;border-radius: 100vh;width: 217px;height: 217px;margin-top: -50px;padding-top: 20px;background: url(../images/bg_campain_box.png) no-repeat center;}
.area_campaign .wrapper .list_campaign li .cont p{font-weight: bold;color: #FFF;}
.area_campaign .wrapper .list_campaign li .cont p > span{display: block;}
.area_campaign .wrapper .list_campaign li .cont span.gift,
.area_campaign .wrapper .list_campaign li .cont span.more.on{text-align: center;display: flex;align-items: center;margin-bottom: 5px;}
.area_campaign .wrapper .list_campaign li .cont span.gift::before,.area_campaign .wrapper .list_campaign li .cont span.gift::after,.area_campaign .wrapper .list_campaign li .cont span.more.on::before,
.area_campaign .wrapper .list_campaign li .cont span.more.on::after{content: "";display: inline-block;width: 28px;height: 28px;background: url(../ladies/img/home/flower.svg) no-repeat;}
.area_campaign .wrapper .list_campaign li .cont span b,
.area_campaign .wrapper .list_campaign li .cont span span.b_tag{font-family: 'Inter', sans-serif;color: #FFE626;font-weight: 700;}
.area_campaign .wrapper .list_campaign li .cont span.amount{text-align: center;line-height: 1;}
.area_campaign .wrapper .list_campaign li .cont span.payment,.area_campaign .wrapper .list_campaign li .cont span.conditional{text-align: center;}
.area_campaign .wrapper .list_campaign li .cont span.color{color: #FFE626;display: inline;}

.area_campaign .wrapper .list_campaign li .type h3{font-size: 0.875rem;}
.area_campaign .wrapper .list_campaign li .cont span.b_tag{font-size: 2.036rem;}
.area_campaign .wrapper .list_campaign li .cont span.amount{font-size: 1.051rem;}
.area_campaign .wrapper .list_campaign li .cont span.amount b,
.area_campaign .wrapper .list_campaign li .cont span.amount span.b_tag{font-size: 2.24rem;}
.area_campaign .wrapper .list_campaign li .cont span.more{font-size: 0.92rem;line-height: 1.3;margin-top: -5px;}
.area_campaign .wrapper .list_campaign li .cont span.payment{font-size: 0.92rem;}
.area_campaign .wrapper .list_campaign li .cont span.conditional{font-size: 0.6875rem;}


.list_campaign li .box{background: #FFF;}
.area_message,.home_point{background: #EAF3F7;}

.list_job li.ladies_none{display: none;}
.list_job li .box h3{font-weight: bold;}
.list_job li .box h3 span.icon{display: inline-block;border-radius: 3px;background: #DF9885;color: #FFF;font-weight: normal;text-align: center;line-height: 1;}

.area_message .wrapper{position: relative;}
.area_message .wrapper::before,.area_message .wrapper::after,.area_message .wrapper .bg::before,.area_message .wrapper .bg::after,
.area_message .wrapper .box::before,.area_message .wrapper .box::after{content: "";display: block;position: absolute;}
.area_message .wrapper .box .title{position: relative;}

.home_greetings{position: relative;}
.area_greeting .wrapper{position: relative;display: flex;gap: 0 47px;background: #F5F9EE;/*background: #FDE9E0;*/}
.area_greeting h2{position: absolute;}
.area_greeting .wrapper .text{line-height: 2.188;max-width: 600px;}
.area_greeting .wrapper .president{text-align: right;}
.area_greeting .wrapper .image{position: relative;}
.area_greeting .wrapper .image span{border-radius: 18px;display: grid;overflow: hidden;box-shadow: 0px 0px 17.99px 0px rgba(0, 0, 0, 0.1);}

.home_point .wrapper p.image{overflow: hidden;}
.home_point .wrapper p.image img{max-width: 100%;}
.home_point .wrapper ul li .wrap{background: #FFF;box-shadow: 0px 0px 15px 0px rgb(0 0 0 / .1);}
.home_point .wrapper ul li .wrap .title h2{width: 270px;left: 50%;position: relative;transform: translateX(-50%);height: 43.5px;display: grid;border-radius: 14px 14px 0 0;place-content: center;color: #FFF;font-size: 1.125rem;line-height: 1;}
.home_point .wrapper ul li .wrap .title p{height: 60px;text-align: center;line-height: 1;display: grid;place-content: center;}
.home_point .wrapper ul li.point_02{display: none;}
.home_point .wrapper ul li.point_01 .wrap .title p{border-top: 2px solid #F08300;border-bottom: 2px solid #F08300;}
.home_point .wrapper ul li.point_02 .wrap .title p{border-top: 2px solid #F04F32;border-bottom: 2px solid #F04F32;}
.home_point .wrapper ul li.point_01 .wrap .title h2{background: #F08300;}
.home_point .wrapper ul li.point_02 .wrap .title h2{background: #F04F32;}
.home_point .wrapper ul li .wrap .text{line-height: 2.188;}

/*header_img*/
.area_scroll_img_list{display: flex;overflow: hidden;position: relative;}
.area_scroll_img_list ul{display: flex;list-style: none;padding: 0;}
.home_campaign_message .area_scroll_img_list ul li{width: calc(100vw / 4);max-width: 418px;}


@keyframes slider-scroll{
    from {
        transform: translateX(0);
    }
    to {
    transform: translateX(-100%);
    }
}

.area_scroll_img_list ul{animation: slider-scroll 80s infinite linear 0.5s both;}


@media screen and (min-width:768px) {
    .l_header_image .area_scroll_img_list{padding-top: 10px;padding-bottom: 33px;}
    .l_header_image p.text_slogan{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);max-width: 1094px;width: 100%;height: 225px;background: url(../images/bg_top_slogan.svg) no-repeat;display: grid;align-items: center;padding-left: 96px;}
    .l_header_image p.text_slogan::before{content: "";display: block;width: 100%;height: 225px;background: #FFF;position: absolute;left: -98%;z-index: 1;}

    .l_header_image .area_scroll_img_list ul li{padding: 0 9px;}
    .l_header_image .area_scroll_img_list ul li .wrap{border-radius: 30px;}

    .area_campaign .wrapper > .title{max-width: 227px;}
    .home_campaign_message{position: relative;padding-top: 140px;}
    .area_campaign .wrapper,.area_campaign .wrapper ul{display: flex;justify-content: center;align-items: flex-end;}
    .area_campaign{position: absolute;left: 50%;transform: translateX(-50%);top: 0;}
    .area_campaign .wrapper ul{margin-bottom: -8px;margin-left: -50px;}
    .list_campaign li{margin-left: -7px;}
    .list_campaign li .box{display: grid;place-content: center;width: 217px;height: 217px;border: 10px solid #F5F1EB;border-radius: 100vh;}
    .list_campaign li .box h3{text-align: center;line-height: 100%;margin-bottom: 8px;}
    .list_campaign li .box .text{font-size: 1.25rem;text-align: center;line-height: 1.35;}

    .area_message{padding-top: 141px;padding-bottom: 266px;}
    .area_message .wrapper{display: grid;place-content: center;}
    .area_message .wrapper .box{display: flex;flex-direction: row-reverse;max-width: 663px;gap: 0 36px;}
    .area_message .wrapper .box .text{line-height: 2.938;max-width: 520px;padding-top: 75px;}

    .area_message .wrapper::before{width: 174px;height: 215px;background: url(../images/img_msg1.png) no-repeat;background-size: contain;top: 24px;left: 106px;z-index: 1;}
    .area_message .wrapper::after{width: 349px;height: 135px;background: url(../images/bg_msg1.svg) no-repeat;background-size: contain;top: 9px;left: 0;}
    .area_message .wrapper .bg::before{width: 246px;height: 145px;background: url(../images/bg_msg2.svg) no-repeat;background-size: contain;bottom: -75px;left: 50px;}
    .area_message .wrapper .bg::after{width: 154px;height: 154px;background: url(../images/img_msg2.png) no-repeat;background-size: contain;bottom: -32px;left: 185px;}
    .area_message .wrapper .box::before{width: 236px;height: 132px;background: url(../images/bg_msg3.svg) no-repeat;background-size: contain;top: 63px;right: 50px;}
    .area_message .wrapper .box::after{width: 200px;height: 179px;background: url(../images/img_msg3.png) no-repeat;background-size: contain;bottom: -100px;right: 190px;}

    .home_campaign_message .area_scroll_img_list{margin-top: -97px;}
    .home_campaign_message .area_scroll_img_list li{padding: 0 9px;}
    .home_campaign_message .area_scroll_img_list ul li .wrap{border-radius: 20px;}

    .home_jobinfo{padding-top: 77px;padding-bottom: 44px;}
    .home_jobinfo .wrapper{max-width: 1180px;margin: 0 auto;position: relative;z-index: 2;padding-top: 111px;padding-left: 130px;display: flex;justify-content: flex-end;}
    .home_jobinfo .wrapper .title{background-position: 77px top;padding-top: 51px;position: absolute;z-index: 0;left: 0;top: 0;width: 100%;max-width: 875px;}
    
    .home_jobinfo.driver .wrapper::before{content: "";display: block;width: 556px;height: 52px;background: url(../images/bg_jobinfo.svg) no-repeat;position: absolute;top: 26px;left: 77px;z-index: 1;}
    .home_jobinfo .wrapper.driver .title::before{content: "";display: block;}
    .home_jobinfo .wrapper .title h2{position: relative;max-width: 875px;height: 389px;border-radius: 80px;background: #EAF3F7;padding-top: 60px;padding-left: 86px;}
    .home_jobinfo .wrapper .title h2::before{content: "";display: block;width: 73px;height: 88px;background: url(../images/img_come_btn.png) no-repeat;background-size: contain;position: absolute;left: 127px;bottom: 0;}
    .home_jobinfo.other .wrapper{padding-bottom: 200px;min-height: 580px;}
    .home_jobinfo.other .wrapper::before{content: "";display: block;width: 584px;height: 52px;background: url(../images/bg_jobinfo_02.svg) no-repeat;position: absolute;top: 26px;left: 77px;z-index: 1;}
    .home_jobinfo.other .wrapper .title h2{background: #FFFAEA;}
    .home_jobinfo.other .wrapper .title h2::before{content: "";display: block;width: 82px;height: 92px;background: url(../images/img_character.png) no-repeat;background-size: contain;position: absolute;left: 126px;bottom: -7px;}
    .home_jobinfo.other .wrapper p.driver_only{position: absolute;left: 250px;top: 160px;font-size: 1.25rem;}
    .list_job{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 15px;max-width: 925px;position: relative;z-index: 1;}
    .list_job li{border-radius: 30px;height: 270px;}
    .list_job li .box{height: 100%;position: relative;padding: 32px 25px 58px 40px;}
    .list_job li .box time{display: block;margin-bottom: 9px;color: #A6A6A6;font-size: 0.875rem;line-height: 1;}
    .list_job li .box h3{font-size: 1rem;margin-bottom: 9px;display: flex;}
    .list_job li .box h3 span.icon{min-width: 77px;max-width: 87px;width: 33%;height: 27px;padding: 6px 0 5px;margin-right: 8px;font-size: 0.875rem;}
    .list_job li .box .text{height: 100px;overflow-y: auto;line-height: 1.563;font-weight: bold;}
    .list_job li .box .link{position: absolute;bottom: 40px;left: 40px;}
    .list_job li .box .link a{text-decoration: none;display: flex;align-items: center;position: relative;width: 121px;height: 30px;padding: 0 0 0 18px;border-radius: 3px;background: #006A8E;color: #FFF;font-size: 0.8125rem;text-align: center;}
    .list_job li .box .link a::after{content: "";display: block;width: 5px;height: 9px;background: url(../images/btn_arrow.svg) no-repeat;position: absolute;top: 50%;transform: translateY(-50%);right: 10px;}

    .home_greetings{padding-bottom: 110px;padding-left: 158px;}
    .home_greetings::before {
        content: "";display: block;width: 100%;height: 284px;background: url(../images/bg_logo.svg) no-repeat;background-size: contain;background-position: left 36px center;
        position: absolute;left: 50%;top: -157px;max-width: 1400px;transform: translateX(-50%);z-index: 1;
    }
    .area_greeting{padding-top: 65px;overflow: hidden;}
    .area_greeting .wrapper{border-radius: 40px 0 0 40px;gap: 0 47px;max-width: 1077px;padding-top: 83px;padding-left: 122px;padding-bottom: 36px;}
    .area_greeting .wrapper::before{content: ""; display: block;width: 100%;height: 100%;background: #F5F9EE;/*background: #FDE9E0;*/position: absolute;right: -100%;top: 0;}



    .area_greeting h2{top: -65px;left: 78px;z-index: 2;}
    .area_message,.home_point{border-radius: 80px;}

    .home_point{margin-top: 235px;padding-top: 200px;padding-bottom: 85px;}
    .home_point .wrapper{max-width: 1335px;}
    .home_point .wrapper p.image{margin-top: -435px;border-radius: 80px 80px 0 0;}
    .home_point .wrapper p.image img{border-radius: 80px 80px 0 0;}
    .home_point .wrapper ul{display: grid;grid-template-columns: 1fr;margin-top: -148px;margin-bottom: 90px;gap: 0 25px;}
    .home_point .wrapper ul li{min-width: 0;}
    .home_point .wrapper ul li .wrap{background: #FFF;height: 100%;padding-top: 46px;padding-bottom: 30px;overflow-wrap: break-word;}
    .home_point .wrapper ul li.point_01 .wrap{border-radius: 40px;padding-left: 15vw;}
    .home_point .wrapper ul li.point_02 .wrap{border-radius: 0 40px 40px 0;}
    .home_point .wrapper ul li .wrap .title{max-width: 530px;margin: 0 auto;}

    .home_point .wrapper ul li .wrap .text{position: relative;max-width: 530px;margin-right: auto;margin-left: auto;padding-top: 19px;}
    .home_point .wrapper ul li.point_01 .wrap .text::before{content: "";display: block;width: 185px;height: 179px;background-image: url(../images/img_point_1.png);background-repeat: no-repeat;background-size: cover;position: absolute;left: -45%;top: -15%;}
    .home_point .wrapper ul li.point_01 .wrap .text span.date{display: block;font-size: 0.875rem;text-align: right;}
    .home_point .wrapper ul li.point_02 .wrap .text{padding-left: 181px;background: url(../images/img_point_2.png) no-repeat;background-size: 160px;background-position: left top 42px;}
    .home_point .come_btn{width: 610px;padding-left: 152px;}
    a.come_btn::before{left: 22px;}
    .home_point a.come_btn::after{right: 53.4px;}

    .l_footer{padding-top: 95px;}
    
    .for_ladies_btn{padding: 0 0 20px;}
    .for_ladies_btn .btn_link{margin-top: 0;display: flex;justify-content: right;}
    .for_ladies_btn .btn_link a{background: url(../images/ladies_site_link.png) no-repeat 40% 50% #DF9885;max-width: 302px;width: 100%;height: 74px;background-size: auto 33px;border-radius: 40px 0 0 40px;background-size:190px auto;}
    .for_ladies_btn .btn_link a::after{background: url(../images/icon_btn_link_on.svg) no-repeat;background-size: contain;width: 16px;height: 16px;right: 24px;}
}

@media screen and (min-width:1520px) {
	.for_ladies_btn{height:45px;position:relative;}
}

@media screen and (max-width:1300px) {
    .home_jobinfo{padding-left: 30px;}
    .area_message{padding-top: 230px;}
    .area_message{overflow: hidden;}
    .area_message .wrapper::before{width: 146px;height: 180px;top: -108px;left: 148px;} 
    .area_message .wrapper::after{top: -77px;}
    .area_message .wrapper .box::before{right: -38px;}
    .area_message .wrapper .box::after{width: 175px;height: 156px;bottom: -140px;right: 75px;}
    .area_message .wrapper .bg::before{bottom: -180px;left: 100px;}
    .area_message .wrapper .bg::after{bottom: -160px;}
    .home_jobinfo .wrapper .title h2{padding-left: 30px;}
    .home_jobinfo .wrapper .title h2::before{left: 20px;}
    .home_greetings{padding-left: 127px;}
    .area_greeting .wrapper{padding-left: 60px;}
    .area_greeting h2{left: 60px;}
    .home_campaign_message .area_scroll_img_list ul li{width: calc(100vw / 3);}
    .home_point .wrapper ul li .wrap{padding-right: 20px;padding-left: 20px;}
    /*.home_point .wrapper ul li.point_01 .wrap{padding-left: 132px;background-size: 154px auto;}
    .home_point .wrapper ul li.point_02 .wrap .text{padding-left: 145px;background-size: 130px;}*/
}

@media screen and (max-width:1080px) {
    .area_campaign .wrapper{display: block;}
    .area_campaign .wrapper .list_campaign{margin-top: 20px;}
    .area_message{padding-top: 450px;}
    .area_campaign img{max-width: 100%;}
    .home_jobinfo .wrapper .title h2{padding-left: 0;}
    /*.area_campaign{left: auto;transform: none;}*/
    .home_campaign_message .area_scroll_img_list ul li{width: calc(100vw / 2);}
    .list_job li .box{padding-right: 20px;padding-left: 20px;}
    .home_point .wrapper ul li .wrap .title p img{max-width: 100%;}
}

@media screen and (min-width:768px) and (max-width:1080px){
    .area_campaign .wrapper > .title{width: 25%;margin: 0 auto;}
    .home_point .wrapper ul li.point_01 .wrap .text::before{width: 154px;height: 149px;left: -34%;top: -15%;}
    .home_jobinfo h2 img{margin-left: -20px;width: 110px;}
    .home_jobinfo.other .wrapper .title h2::before{left: 20px;}
}

@media screen and (max-width:1023px) {
    .list_job{grid-template-columns: 1fr 1fr;}
    .home_greetings{padding-left: 20px;}
    .area_greeting .wrapper{gap: 0 20px;max-width: 1077px;padding-left: 40px;}
    .area_greeting h2{left: 38px;}
    .area_greeting .wrapper .image{width: 40%;}
    .area_greeting .wrapper .image img{max-width: 100%;}
    .home_point{padding-bottom: 30px;}
    .home_point .wrapper p.image{border-radius: 40px 40px 0 0;}
    .home_point .wrapper p.image img{border-radius: 40px 40px 0 0;}
    .home_point .wrapper ul{grid-template-columns: 1fr;}
    .home_point .wrapper ul li .wrap .title{margin-bottom: 20px;}
    .home_point .wrapper ul li .wrap .title p img{width: 100%;max-width: 100%;}
    .home_point .wrapper ul li.point_01 .wrap{border-radius: 20px;/*margin-left: -20px;*/}
    .home_point .wrapper ul li.point_02 .wrap{border-radius: 0 20px 20px 0;margin-right: -20px}
    .home_point .wrapper ul li .wrap .text{font-size: 0.875rem;}
    /*.point_01{transform: translateX(20px);}*/
    .point_02{transform: translateX(-20px);margin-top: 20px;}
    .home_point .wrapper ul li.point_02 .wrap .text{background-position: bottom left;}
    .l_footer{padding-top: 70px;}
}

@media screen and (min-width:768px) and (max-width:900px) {
    .home_jobinfo .wrapper .title{background-position: 50% top;}
    /*.home_point .wrapper ul li.point_01 .wrap{margin-left: -15px;}
    .home_point .wrapper ul li.point_02 .wrap{margin-right: -15px;}
    .point_01{transform: translateX(15px);}
    .point_02{transform: translateX(-15px);}*/
    .home_point .wrapper ul li.point_01 .wrap {border-radius: 40px;padding-left: 22vw;}
    .home_point .wrapper ul li.point_01 .wrap .text::before{left: -32%;}
}

@media screen and (max-width:767px) {

    .l_header_image .area_scroll_img_list{padding-top: 10px;padding-bottom: 33px;}
    .l_header_image p.text_slogan::before{
        content: "";display: block;display: grid;align-items: center;      
        max-width: 750px;width: 100%;height: 0;padding-top: 29%;padding-left: 35px;
        background: url(../images/sp/top_text.png) no-repeat;background-size: cover;background-position: bottom;        
        position: absolute;left: 0;bottom: 0;z-index: 1;
    }
    .l_header_image p.text_slogan img{display: none;}
    .l_header_image .area_scroll_img_list ul li{padding: 0 4.5px;}
    .l_header_image .area_scroll_img_list ul li .wrap{border-radius: 15px;}
    .text_slogan img{max-width: 300px;width: 50%;}

    .area_campaign{position: relative;padding-top: 90px;border-radius: 25px 25px 0 0;background: #EAF3F7;}
    .area_campaign .wrapper{margin-top: -150px;text-align: center;}

    .area_campaign .title h2{position: relative;z-index: 1;text-align: center;}
    .area_campaign img{max-width: 340px;}
    .list_campaign{margin-top: 20px;margin-right: -10px;margin-left: -10px;}
    .area_campaign .wrapper .list_campaign{ gap: 0;padding-left: 17px;}
    .area_campaign .wrapper .list_campaign li:first-of-type .type{padding-left: 26px;}
    .area_campaign .wrapper .list_campaign li:first-of-type .type::before{left: -5px;}
    .area_campaign .wrapper .list_campaign li:nth-of-type(2) .type{padding-left: 42px;}
    .area_campaign .wrapper .list_campaign li:nth-of-type(2) .type::before{left: -4px;}
    .area_campaign .wrapper .list_campaign li:nth-of-type(3) .type{padding-left: 0;}
    .area_campaign .wrapper .list_campaign li:nth-of-type(3) .type::before{right: -15px;}
    .area_campaign .wrapper .list_campaign li .cont{max-width: 217px;width: 100%;}
    .list_campaign li .box{display: flex;align-items: flex-start; padding: 10px 20px;border-radius: 100vh;border: 5px solid #F5F1EB;background: #FFF;}


    .area_message{border-radius: 0 0 25px 25px;padding-top: 10px;padding-bottom: 40px;}
    .area_message .title{display: flex;justify-content: flex-end;max-width: 390px;margin: 0 auto 20px;background: url(../images/sp/bg_home_message.png) no-repeat;background-size: contain;}
    .area_message .title h2{display: block;max-width: 69px;width: auto;}
    .area_message .wrapper .box .text{font-size: 0.9375rem;line-height: 2;}
    .home_campaign_message{padding-top: 50px; padding-bottom: 20px;}
    .home_campaign_message .area_scroll_img_list{margin-top: -20px;}
    .home_campaign_message .area_scroll_img_list ul li{padding: 0 4px;}
    .home_campaign_message .area_scroll_img_list ul li .wrap{border-radius: 10%;}
    

    .home_jobinfo{padding-right: 15px;padding-left: 15px;}
    .home_jobinfo .wrapper .title h2{max-width: 85px;}
    .home_jobinfo.driver{padding-top: 60px;padding-bottom: 30px;}
    .home_jobinfo .wrapper {border-radius: 25px;background: #EAF3F7;position: relative;padding-top: 40px;padding-bottom: 30px;}
    .home_jobinfo .wrapper::before{content: "";display: block;content: "";display: block;width: 70%;padding-top: 5%;position: absolute;z-index: 0;right: 0;top: -4.5vw;
        background: url(../images/bg_jobinfo.svg) no-repeat;background-size: contain;background-position: left bottom;       
    }
    .home_jobinfo.other{padding-top: 50px;padding-bottom: 90px;}
    .home_jobinfo.other .wrapper {background: #FFFAEA;}
    .home_jobinfo.other .wrapper::before{content: "";display: block;content: "";display: block;width: 70%;padding-top: 5%;position: absolute;z-index: 0;right: 0;top: -4.5vw;
        background: url(../images/bg_jobinfo_02.svg) no-repeat;background-size: contain;background-position: left bottom;       
    }
    .home_jobinfo .wrapper .title{position: absolute;top: -60px;left: 0;width: 100px;}

    .list_job li{margin-top: 10px;border-radius: 100vh;box-shadow: 0px 0px 8px 0px rgb(0 0 0 / .1);}
    .list_job .box{position: relative;display: flex;font-size: 0.875rem;padding: 0 40px 0 20px;height: 40px;align-items: center;}
    .list_job .box::after{content: "";display: block;width: 14px;height: 14px;position: absolute;right: 14px;top: 50%;transform: translateY(-50%);background: url(../images/sp/icon_list.svg) no-repeat;border-radius: 100vh;}
    .list_job li .box h3 span.icon{margin-right: 10px;padding: 3px 5px;height: 18px;font-size: 0.8125rem;align-items: center;}
    .list_job .box time,.list_job .box .text{display: none;}
    .list_job .box p.link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;font-weight: bold;}
    .list_job .box p.link a{display: block;width: 100%;height: 100%;font-size: 0;}

    .area_greeting{padding-bottom: 35px;padding-right: 15px;}
    .area_greeting .wrapper{padding-left: 15px;}
    .home_greetings::before {content: "";display: block;width: 126px;height: 126px;background: url(../images/bg_logo.svg) no-repeat;background-size: contain;z-index: 1;background-position: center;position: absolute;left: 10px;top: -70px;}
    .area_greeting h2{top: -36px;left: 15px;max-width: 287px;z-index: 1;}
    .area_greeting .wrapper{flex-direction: column-reverse;border-radius: 25px;padding-top: 60px;padding-bottom: 30px;}
    .area_greeting .wrapper .image{max-width: 200px;margin: 0 auto 15px;}
    .area_greeting .wrapper .text{font-size: 0.875rem;}
    
    .home_point{padding-top: 100px;margin-top: 100px;}
    .home_point .wrapper p.image{margin-top: -200px;}
    .home_point .wrapper ul{margin-bottom: 40px;margin-top: -40px;z-index: 1;position: relative;}
    .home_point .come_btn{width: 330px;padding-left: 80px;}    
    .home_point .wrapper ul li .wrap{padding-top: 40px;padding-bottom: 40px;}
    .home_point .wrapper ul li.point_01 .wrap{padding-right: 35px;}
    .home_point .wrapper ul li.point_02 .wrap{padding-left: 35px;}
    .home_point .wrapper ul li.point_01 .wrap .text,
    .home_point .wrapper ul li.point_02 .wrap .text{padding-left: 0;}
    .home_point .wrapper ul li.point_01 .wrap .text::before{content: "";display: block;width: 102px;height: 100px;background: url(../images/img_point_1.png) no-repeat;background-size: contain;float: left;margin: 5px 12px 0px 0;}
    .home_point .wrapper ul li.point_02 .wrap .text::before{content: "";display: block;width: 108px;height: 108px;background: url(../images/img_point_2.png) no-repeat;background-size: contain;float: left;margin: 5px 12px 0px 0;}

    .l_footer{padding-top: 20px;}

    .for_ladies_btn{padding: 20px 20px 7vh;}
    .for_ladies_btn .btn_link{margin-top: 0;display: flex;justify-content: center;}
    .for_ladies_btn .btn_link a{background: url(../images/ladies_site_link.png) no-repeat center #DF9885;max-width: 360px;width: 100%;height: 50px;background-size: auto 33px;}
    .for_ladies_btn .btn_link a::after{background: url(../images/icon_btn_link_on.svg) no-repeat;background-size: contain;width: 14px;height: 14px;right: 20px;}


}

@media screen and (max-width:680px){
    .area_campaign .wrapper .title{max-width: none;}
    .area_campaign .wrapper .list_campaign{grid-template-columns: 1fr;background: none;}
    .area_campaign .wrapper .list_campaign li{margin: 0 auto;}
    .area_campaign .wrapper .list_campaign li .type{width: 240px;transform: translateX(-10px);}
    .area_campaign .wrapper .list_campaign li:first-of-type .type{padding-left: 35px;}
    .area_campaign .wrapper .list_campaign li:nth-of-type(2) .type{padding-left: 50px;}
    .area_campaign .wrapper .list_campaign li:nth-of-type(3) .type{padding-right: 30px;}
}
   

@media screen and (max-width:500px){
    .area_campaign .wrapper{margin-top: 0;}
    .area_campaign .wrapper > .title{position: absolute;top: -100px;}
    .area_campaign{padding-top: 40px;}
    .for_ladies_btn{padding: 20px;}
    
}