@charset "UTF-8";


#loader-bg{width: 100vw;height: 100vh;background-color: rgb(0 0 0);
    position: fixed;top: 0;left: 0;z-index: 9999;display: flex;justify-content: center;align-items: center;
    overflow: hidden;
}

#loader-bg span{
    display: grid;
    place-content: center;
    position: absolute;
}
#loader-bg span img{
    position: relative;
    width: 90%;
    margin: 0 auto;
}


@media screen and (max-width:980px) {
    #loader-bg span img{
        width: 140%;max-width: initial;left: 0;
        transform: translateX(-17%);
    }
}


.slick-slider{
    font-size: 0;
    line-height: 0;
}

.home_recruit{background: #f8f7f0;}

.Title h2 span{display: block;line-height: 1;color: #0a1b85;}

.home_news .Title h2{text-align: left;}



.ListNews time.Date{color: #545765;}
.ListNews .AreaText h3{font-weight: bold;line-height: 1.25;}


 ul.ListNews{border-top: 1px solid #afb3c4;}
 ul.ListNews li{border-bottom: 1px solid #afb3c4;}
 ul.ListNews .Inner .Image{width: 100%;}
 ul.ListNews .Inner .Image img{object-fit: contain;height: 100%;}
 ul.ListNews time.Date{color: #545765;}
 ul.ListNews .AreaText h3{font-weight: bold;line-height: 1.25;}
 ul.ListNews .Category{background: #272a38;color: #fff;display: inline-block;text-align: center;}
 ul.ListNews li p.More{margin-top: 10px;display: flex;justify-content: flex-end;}
 ul.ListNews li p.More a{background: #272a38;color: #fff;border-radius: 100vh;width: 50%;line-height: 36px;text-align: center;}
 ul.ListNews li p.More a::after{content: "";width: 9px;height: 11px;clip-path: polygon(9px 50%, 0% 0%, 0% 11px);background: #fff;display: inline-block;margin-left: 10px;}




.MainImage{position: relative;}

.MainImage .AreaScroll{display: none;}
.MainImage .AreaScroll{content: "";width: 40px;height: 100%;display: block;position: absolute;left: 0;top: 0;z-index: 1;animation: scrollmove 1s linear infinite;}
    @keyframes scrollmove{
        0%{top: 0;}
        50%{top: 1%;}
       100%{top: 0;}
    }
    .MainImage .AreaScroll span{position: absolute;right: 0;bottom: 0;color: #fff;font-size: 12px;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;letter-spacing: 0.1rem;padding-bottom: 87.5%;line-height: 1;}
    .MainImage .AreaScroll span::before{content: "";display: block;width: 1px;height: 10px;background-color: #fff;position: absolute;top: -24px;left: 5px;transform: rotate(45deg);}
    .MainImage .AreaScroll span::after{content: "";display: block;width: 1px;background-color:#fff;position: absolute;top: -63px;left: 2px;height: 48px;
}

.MainImage .Box span{display: block;width: 100%;height: 0;padding-top: 66%;
    text-indent:100%;white-space:nowrap;overflow:hidden;background-repeat: no-repeat;background-size: cover;
}
.MainImgAnimation .Box span{animation: animationZoom 10s both;}
@keyframes animationZoom {
    0% { transform: scale(1); }
    100% { transform: scale(1.1); }
}
.layout_header{position:relative;}
.layout_header .side_card{position: absolute;width: 325px;bottom: -45px;background: rgba(255, 255, 255, 1);text-align: center;color: #ffff;line-height: 1.4;border-radius: 2px;padding: 12px 0px;background: rgba(0, 0, 0, 0.9);right: 0;}
.layout_header .side_card p{font-weight:bold;font-size:15px;}
.layout_header .side_card a{display: block;font-size: 32px;line-height: 1.1;font-weight: bold;background: url(../images/IconOrderTelW.png?) 41px 3px no-repeat;color: #fff;padding-left: 15px;}


.home_recruit .container{display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr;grid-auto-rows: 1fr;grid-auto-flow: row;
    grid-template-areas:
    "Img1 Img2"
    "Img1 Img3";
}      
.Img1 { grid-area: Img1; }
.Img2 { grid-area: Img2; }
.Img3 { grid-area: Img3; }

.home_recruit .Recruit_btn{max-width: 740px;margin: 0 auto 30px;}
.home_recruit .btn2 a{padding: 12px;background: #ca452b;color: #fff;border: none;font-weight: bold;text-decoration:none;}


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

    .TopMessage {
        position: absolute;
        bottom: 0;
        height: 50%;
        width: 100%;
        background: rgb(255, 255, 255);
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
        transform: translateY(-50%);
    }
    .TopMessage span{max-width: 750px;margin: 0 auto;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}

    .Wrapper.Area01{padding-top: 40px;}
    .Wrapper.Area01 .Title{text-align: center;font-size: 22px;}
    .home_recruit{background-image: url(../images/SP/home/BgHomeRecruit.png);background-repeat: repeat-x;background-position: left bottom;background-size: 265px 23px;}
    .home_recruit .Title h2 {font-size: 23px;}
    .home_recruit .Title h2 span{display: block;width: 115px;height: 19px;text-indent:100%;white-space:nowrap;overflow:hidden;background: url(../images/SP/home/TitleRecruit.png) no-repeat;background-size: contain;margin: 0 auto 10px;}

    .home_recruit .Wrapper{padding-bottom: 45px;}
    .home_recruit .Wrapper > p.Text{text-align: center;font-size: 17px;line-height: 1.8;margin-top: 14.5px;}

    .home_recruit .Wrapper .Message{margin-top: 44px;margin-bottom: 28px;}
    .home_recruit .Wrapper .Message h3{font-size: 22px;font-weight: bold;line-height: 1;margin-bottom: 16px;}
    .home_recruit .Wrapper .Message h3 span{font-size: 26px;color: #c78e25;display: inline-block;margin: 0 -10px;}
    .home_recruit .Wrapper .Message figure.Image{float: right;margin: 0 0px 0 20px;width: 30%;max-width: 150px;}
    .home_recruit .Wrapper .Message .Text{line-height: 2.1;letter-spacing: 0.074rem;}
    .home_recruit .Wrapper .Message .Text:first-of-type{margin-bottom: 17px;}

    .home_recruit .Contact{display: block;max-width: 400px;height: 110px;background: rgb(202,36,51);background: linear-gradient(135deg, rgba(202,36,51,1) 0%, rgba(203,142,27,1) 100%);
        -webkit-border-radius: 6px;border-radius: 6px;padding: 4px;margin: 0 auto;    
    }
    .home_recruit .Contact .Box{background: #fff;width: 100%;height: 100%;-webkit-border-radius: 3px;border-radius: 3px;text-align: center;justify-content: center;}
    .home_recruit .Contact .Box a{display: block;width: 100%;height: 100%;pointer-events: none;padding: 20px;}
    .home_recruit .Contact .Box .Tel{display: block;font-size: 38px;font-weight: bold;font-family: Helvetica, Arial, sans-serif;background: linear-gradient(135deg, rgba(202,36,51,1) 0%, rgba(203,142,27,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
        line-height: 27px;height: 32px;margin-top: 11px;
    }
    .home_recruit .Contact .Box .Tel::before{content: "";display: inline-block;width: 19px;height: 29px;background: url(../images/home/IconTelBanner.png) no-repeat;margin-right: 4px;margin-bottom: -1px;}
    .home_recruit .Contact .Box .Tel > span::before,.home_recruit .Contact .Box .Tel > span::after{content: "-";vertical-align: 10%;}
    .home_recruit .Contact .Box .Title{display: block;font-size: 18px;font-weight: bold;
        background: linear-gradient(135deg, rgba(202,36,51,1) 0%, rgba(203,142,27,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 1;
    }

    .home_recruit .container{gap: 2%;padding: 0 1%;}
    .home_recruit .container figure{height: 100%;-webkit-border-radius: 5px;border-radius: 5px;box-shadow: 2.5px 0 10px rgba(0, 0, 0, 0.2);}
    .home_recruit .container figure img{object-fit: cover;height: 100%;-webkit-border-radius: 5px;border-radius: 5px;}
    .home_recruit .Wrapper .Message h3{font-size: 22px;line-height: 1.4;}
    .home_recruit .Wrapper .Message .Text{line-height: 1.8;}

    /**/
    .home_first{background: url(../images/SP/home/BgFirstAreaTop.jpg) no-repeat;background-position: center top;background-size: contain;}
    .home_first .Wrapper{background: url(../images/SP/home/BgFirstAreaBtm.jpg) no-repeat;background-position: center bottom;background-size: contain;padding-top: 40%;padding-bottom: 40%;}

    .home_first .Title h2{font-size: 23px;text-align: center;}
    .home_first .Title h2 span.Logo{display: block;text-align: center;width: 110px;height: 60px;margin: 0 auto 17px;}
    .home_first .Title h2 b::before{content: "「";}
    .home_first .Title h2 b::after{content: "」";}
    .home_first .Title h2 b:nth-of-type(1)::before{margin-right: 4px;margin-left: -25px;}
    .home_first .Title h2 b:nth-of-type(1)::after{margin-right: -13px;margin-left: 3px;}
    .home_first .Title h2 b:nth-of-type(2)::before{margin-left: -14px;margin-right: 3px;}
    .home_first .Title h2 b:nth-of-type(2)::after{margin-left: 4px;margin-right: -12px;}
    .home_first .Text{padding-top: 20px;line-height: 1.8;}
    .home_first .Btn{margin-top: 20px;}

    /**/
    .home_service .Wrapper{padding-top: 40px;padding-bottom: 40px;}
    .home_service figure.Image{max-width: 630px;width: 100%;position: relative;-webkit-border-radius: 5px;border-radius: 5px;box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);margin: 0 auto 40px;}
    .home_service figure.Image img{-webkit-border-radius: 5px;border-radius: 5px;width: 100%;height: 100%;object-fit: cover;}
    .home_service figure.Image::after{
        content: "";
        display: block;
        width: 220px;
        height: 133px;
        background: url(../images/home/Taxi.png) no-repeat;
        background-size: contain;position: absolute;z-index: 1;left: -20px;bottom: -40px;
    }
    .home_service .AreaText{padding-bottom: 40px;}    
    .home_service .Title h2{font-size: 22px;line-height: 1.57;}
        .home_service .Title h2 span{display: block;width: 107px;height: 19px;text-indent:100%;white-space:nowrap;overflow:hidden;background: url(../images/SP/home/TitleService.png) no-repeat;margin-bottom: 13.5px;background-size: contain;}
        .home_service .Title h2 b::before{content: "「";}
        .home_service .Title h2 b::after{content: "」";}
        .home_service .Title h2 b:nth-of-type(1)::before{margin-right: 4px;margin-left: -14px;}
        .home_service .Title h2 b:nth-of-type(1)::after{margin-right: -10x;margin-left: 3px;}
        .home_service .Title h2 b:nth-of-type(2)::before{margin-left: -11px;margin-right: 0px}
        .home_service .Title h2 b:nth-of-type(2)::after{margin-left: 3px;margin-right: -12px;}
    .home_service .Area01 p.Text{color: #545765;line-height: 1.8;margin-top: 9.5px;}
    .home_service .Area01 p.Text br{display: none;}

    /**/
    .home_news{border-top: 1px dotted #b2b4c0;}
    .home_news .Wrapper{padding-top: 80px;padding-bottom: 80px;position: relative;}
    .home_news .Title h2{line-height: 1;font-size: 22px;text-align: center;}
    .home_news .Title h2 span{display: block;width: 78px;height: 19px;text-indent:100%;white-space:nowrap;overflow:hidden;background: url(../images/SP/home/TitleNews.png) no-repeat;background-size: contain;margin: 0 auto 10px;}
    .home_news .Wrapper{padding-top: 40px;padding-bottom: 40px;}
     ul.ListNews li p.Btn{padding: 20px 10px;}
     ul.ListNews .Inner{padding-top: 20px;padding-bottom: 20px;}
     ul.ListNews .Inner .Image{margin-bottom: 10px;}
     ul.ListNews .Inner .Image img{max-height: 150px;}
     ul.ListNews .AreaText h3{font-size: 18px;margin-bottom: 5px;}
     ul.ListNews .Data{margin-bottom: 10px;}
     ul.ListNews time.Date{font-size: 12px;margin-right: 10px;}
     ul.ListNews .Data .Category{line-height: 20px;text-align: center;padding: 0 10px;font-size: 12px;}
     .home_news .Btn{margin: 20px auto;}

    .Btn a{line-height: 40px;font-size: 16px;}

    .home_recruit .btn2{margin-top:20px;}

}



@media screen and (min-width:500px) {

    /*news*/
     ul.ListNews .Inner{display: flex;align-items: center;padding: 20px 40px 20px 10px;position: relative;}
     ul.ListNews .Inner .Image{max-width: 150px;margin-right: 20px;margin-bottom: 0;}
     ul.ListNews li a{position: relative;display: block;font-size: 0;}
     ul.ListNews li .Inner::before{content: "";width: 14px;height: 19px;clip-path: polygon(14px 50%, 0% 0%, 0% 19px);position: absolute;top: 50%;transform: translateY(-50%);right: 15px;background-color: #afb3c4;transition: all 0.3s linear;}
     ul.ListNews li .Inner:hover{cursor: pointer;}
     ul.ListNews li .Inner:hover::before{right: 5px;}
     ul.ListNews li p.More{position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0;display: block;}
     ul.ListNews li p.More a{border: none;border-radius: 0;width: 100%;height: 100%;background: none;}
     ul.ListNews li p.More a::after{content: none;}
}


@media screen and (min-width:768px) {

    .MainImage .Box{display: flex;}
    .MainImage .Box p{display: block;width: 50%;overflow: hidden;}  
    .MainImage .Box span{display: block;width: 100%;height: 0;padding-top: 66%;text-indent:100%;white-space:nowrap;overflow:hidden;background-repeat: no-repeat;background-size: cover;
    }
    .TopMessage{position: absolute;bottom: 0;height: 51%;max-height: 320px;width: 100%;background: rgba(0,0,0,0.6);background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 100%);}
    .TopMessage span{max-width: 1487px;margin: 0 auto;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}

    .Title h2 span{font-size: 18px;}

    .home_first{background: url(../images/home/BgFirstArea.jpg) no-repeat center bottom;background-size: cover;}
    .home_first .Wrapper{padding-top: 64px;padding-bottom: 68px;}
    .home_first .Title h2{font-size: 38px;text-align: center;line-height: 1.37;position: relative;letter-spacing: 0.3vh;}
        .home_first .Title h2 span.Logo{display: block;text-align: center;width: 110px;height: 60px;margin: 0 auto 17px;}
        .home_first .Title h2 b::before{content: "「";}
        .home_first .Title h2 b::after{content: "」";}
        .home_first .Title h2 b:nth-of-type(1)::before{margin-right: 4px;margin-left: -25px;}
        .home_first .Title h2 b:nth-of-type(1)::after{margin-right: -20px;margin-left: 4px;}
        .home_first .Title h2 b:nth-of-type(2)::before{margin-left: -18px;margin-right: 3px;}
        .home_first .Title h2 b:nth-of-type(2)::after{margin-left: 4px;margin-right: -16px;}
    
    .home_first .Text{color: #545765;text-align: center;font-size: 18px;line-height: 1.89;max-width: 850px;margin: 15px auto 0;}
    .home_first .Btn a{font-size: 15px;height: 46px;line-height: 44px;width: 260px;margin: 22px auto 0;}

    .home_service .Wrapper{padding-top: 80px;padding-bottom: 80px;}
    .home_service .Area01{display: flex;align-items: center;margin-bottom: 50px;}
    .home_service figure.Image{max-width: 630px;width: 100%;height: 350px;position: relative;-webkit-border-radius: 5px;border-radius: 5px;box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);}
    .home_service figure.Image img{-webkit-border-radius: 5px;border-radius: 5px;width: 100%;height: 100%;object-fit: cover;}
    .home_service figure.Image::after{content: "";display: block;width: 322px;height: 195px;background: url(../images/home/Taxi.png) no-repeat;
        background-size: contain;position: absolute;z-index: 1;left: -50px;bottom: -47px;}
    .home_service .AreaText{padding-left: 40px;}    
    .home_service .Title h2{font-size: 28px;line-height: 1.57;}
        .home_service .Title h2 span{display: block;width: 116px;height: 20px;text-indent:100%;white-space:nowrap;overflow:hidden;background: url(../images/home/TitleService.png) no-repeat;margin-bottom: 13.5px;}
        .home_service .Title h2 b::before{content: "「";}
        .home_service .Title h2 b::after{content: "」";}
        .home_service .Title h2 b:nth-of-type(1)::before{margin-right: 4px;margin-left: -14px;}
        .home_service .Title h2 b:nth-of-type(1)::after{margin-right: -13px;margin-left: 3px;}
        .home_service .Title h2 b:nth-of-type(2)::before{margin-left: -11px;margin-right: 0px}
        .home_service .Title h2 b:nth-of-type(2)::after{margin-left: 3px;margin-right: -14px;}
    .home_service .Area01 p.Text{color: #545765;line-height: 1.88;margin-top: 9.5px;}

 	.home_recruit{background-image: url(../images/home/BgHomeRecruit.png);background-repeat: repeat-x;background-position: left bottom;}
    .home_recruit > .Wrapper.Area01{padding-top: 60px;padding-bottom: 7.5px;}
    .home_recruit > .Wrapper.Area02{padding-bottom: 60px;max-width: 1080px;}

    .home_recruit .container{max-width: 980px;margin: 0 auto;padding: 0 10px;gap: 20px 20px;}      
      .home_recruit .container figure{height: 100%;-webkit-border-radius: 10px;border-radius: 10px;box-shadow: 5px 0 20px rgba(0, 0, 0, 0.2);}
      .home_recruit .container figure img{object-fit: cover;height: 100%;-webkit-border-radius: 10px;border-radius: 10px;}
      
    .home_recruit .Title h2{font-size: 38px;line-height: 1;text-align: center;letter-spacing: 0.2rem;}
    .home_recruit .Title h2 span{display: block;width: 117px;height: 20px;text-indent:100%;white-space:nowrap;overflow:hidden;background: url(../images/home/TitleRecruit.png) no-repeat;margin: 0 auto 10px;}
    .home_recruit .slick-initialized .slick-slide{padding: 20px 0;}


    .home_recruit .Wrapper > p.Text{text-align: center;font-size: 20px;line-height: 1.8;margin-top: 14.5px;}
    .home_recruit .Wrapper.Area02{max-width: 1080px;}
    .home_recruit .Wrapper .Message{margin-top: 44px;margin-bottom: 28px;}
    .home_recruit .Wrapper .Message h3{font-size: 26px;font-weight: bold;line-height: 1;margin-bottom: 16px;}
    .home_recruit .Wrapper .Message h3 span{font-size: 32px;color: #c78e25;display: inline-block;margin: 0 -10px;}
    .home_recruit .Wrapper .Message figure.Image{float: right;margin: 0 30px 0 55px;}
    .home_recruit .Wrapper .Message .Text{line-height: 2.1;letter-spacing: 0.074rem;}
    .home_recruit .Wrapper .Message .Text:first-of-type{margin-bottom: 17px;}

    .home_recruit .Contact{display: block;width: 400px;height: 110px;background: rgb(202,36,51);background: linear-gradient(135deg, rgba(202,36,51,1) 0%, rgba(203,142,27,1) 100%);
        -webkit-border-radius: 6px;border-radius: 6px;padding: 4px;margin: 0 auto;    
    }
    .home_recruit .Contact .Box{background: #fff;width: 100%;height: 100%;-webkit-border-radius: 3px;border-radius: 3px;text-align: center;justify-content: center;}
    .home_recruit .Contact .Box a{display: block;width: 100%;height: 100%;pointer-events: none;padding: 20px;}
    .home_recruit .Contact .Box .Tel{display: block;font-size: 38px;font-weight: bold;font-family: Helvetica, Arial, sans-serif;background: linear-gradient(135deg, rgba(202,36,51,1) 0%, rgba(203,142,27,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
        line-height: 27px;height: 32px;margin-top: 11px;
    }
    .home_recruit .Contact .Box .Tel::before{content: "";display: inline-block;width: 19px;height: 29px;background: url(../images/home/IconTelBanner.png) no-repeat;margin-right: 4px;margin-bottom: -1px;}
    .home_recruit .Contact .Box .Tel > span::before,.home_recruit .Contact .Box .Tel > span::after{content: "-";vertical-align: 10%;}
    .home_recruit .Contact .Box .Title{display: block;font-size: 18px;font-weight: bold;
        background: linear-gradient(135deg, rgba(202,36,51,1) 0%, rgba(203,142,27,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 1;
    }

    /*news*/
    .home_news{border-top: 2px dotted #b2b4c0;}
    .home_news .Wrapper{padding-top: 80px;padding-bottom: 80px;position: relative;}
    .home_news .Title h2{line-height: 1;}
    .home_news .Title h2 span{display: block;width: 73px;height: 18px;text-indent:100%;white-space:nowrap;overflow:hidden;background: url(../images/home/TitleNews.png) no-repeat;margin-bottom: 10px;}
    .home_news .Btn{position: absolute;right: 30px;top: 85px;}
    .home_news .Btn a{display: inline-block;border-radius: 100vh;height: 46px;line-height: 46px;background: #fff;padding: 0 20px;color: #333;}
    .home_news .Btn a:hover{background: #272a38;color: #fff;}
    

    ul.ListNews{margin-top: 29px;}
    ul.ListNews .Inner{display: flex;align-items: center;padding: 24px 40px 24px 20px;min-height: 200px;}
    ul.ListNews li:hover{background: rgba(241, 242, 247,.5);}
    ul.ListNews .Inner .Data{margin-bottom: 10px;}
    ul.ListNews time.Date{margin-right: 16px;}
    ul.ListNews .Category{height: 26px;line-height: 26px;font-size: 14px;padding: 0 31px;}
    ul.ListNews .Inner .Image{max-width: 250px;margin-right: 30px;}
    ul.ListNews .Inner .Image img{max-height: 200px;}
    ul.ListNews .AreaText h3{font-size: 20px;margin-bottom: 5px;}
    ul.ListNews .AreaText .Text{color: #545765;}
    
    .home_recruit .Recruit_btn{display:-webkit-flex;display:flex;justify-content: space-between;}
	.home_recruit .btn2 {width:48%;-webkit-box-sizing: border-box;box-sizing: border-box;}
	.home_recruit .btn2 a:hover{background:#f38001;}

}

@media screen and (min-width:768px) and (max-width:1780px) {
    .AreaHeader .Header {padding-left: 30px;}
    .TopMessage span{width: 80%;}
    
}

@media screen and (min-width:980px) and (max-width:1280px) {
    .home_recruit .Wrapper > p.Text {font-size: 19px;}
    .home_recruit .Wrapper.Area02{max-width: 980px;}
    .home_recruit .Wrapper .Message h3{line-height: 1.5;}
	.home_service figure.Image{width: 45%;}
    .home_service .AreaText{width: 55%;padding-left: 30px;}
    .layout_content .Wrapper{padding-right: 0;padding-left: 0;}
    .home_first{background: url(../images/home/BgFirstArea2.jpg) no-repeat center bottom;background-size: cover;}
}


@media screen and (min-width:768px) and (max-width:980px) {
    .home_first .Text{text-align: left;}
    .home_first .Text br{display: none;}
	.home_service .Area01{display: block;}

    .home_service figure.Image{margin: 0 auto;}
    .home_service .AreaText{padding-left: 0;padding-top: 40px;max-width: 640px;margin: 0 auto;}
    .home_recruit .Wrapper .Message h3{line-height: 1.5;}
    .home_first{background: url(../images/home/BgFirstArea3.jpg) no-repeat center bottom;background-size: cover;}
}

.over_wrap{ overflow-x:hidden;background-color:#fbf7f0; }
.over_wrap h1{ max-width:1100px;padding:40px;margin-right:auto;margin-left:auto;text-align:center; }
.over_wrap h1 img{max-width:397px;}
.double_visual{ position:relative;display: flex;overflow: hidden;right: 0;top: 0;bottom: 0;margin-left: 15%;max-height:600px; }
.double_visual:before{  padding-top: 45%;content:"";display: block; }
.double_visual ul { position:absolute;top:0;left:0;inset:0;display:flex;max-width:1500px;max-height:1000px;width:82.353%;height:100%; }
.double_visual ul li { overflow:hidden;flex-shrink:0;height:100%;width:100%;-webkit-mask-size:100% 200%;mask-size:100% 200%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:linear-gradient(to bottom, black 0%, black 50%, rgb(0 0 0/0) 50%, rgb(0 0 0/0) 100%);mask-image:linear-gradient(to bottom, black 0%, black 50%, rgb(0 0 0/0) 50%, rgb(0 0 0/0) 100%);
backface-visibility:hidden; }
.double_visual ul li img { -o-object-fit:cover;object-fit:cover;width:100%;height:100%;transform-origin:bottom center;backface-visibility:hidden; }
.double_visual ul li:nth-child(2n) { display:none;-webkit-mask-position:0% -100%;mask-position:0% -100%; }
.double_visual ul li:nth-child(2n-1) { -webkit-mask-position:0% 100%;mask-position:0% 100%; }
.double_visual ul:first-child li { -webkit-mask-position:0% 0%;mask-position:0% 0%; }

.full_video{ position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color:#333;z-index: 999;
-webkit-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out; }
.full_video video.rock{ opacity:0; }
.full_video video { position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; }
.skip_video{ position:absolute;bottom:20px;right:20px;color:#fff;text-align:right; }
.skip_video p{ font-size:16px; }

@keyframes maskSlideUp { 
  from { 
    mask-position: 0% 100%;
    -webkit-mask-position: 0% 100%;
  }
  to { 
    mask-position: 0% 0%;
    -webkit-mask-position: 0% 0%;
  }
}

@keyframes maskSlideDown { 
  from { 
    mask-position: 0% -100%;
    -webkit-mask-position: 0% -100%;
  }
  to { 
    mask-position: 0% 0%;
    -webkit-mask-position: 0% 0%;
  }
}

@keyframes maskZoom { 
  from { 
    transform: scale(1.075);
    -webkit-transform: scale(1.075);
  }
  to { 
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

.double_visual ul.on li img{ animation: maskZoom 6s linear forwards; }
.double_visual ul.on li:nth-child(2n-1){ animation: maskSlideUp 1.5s ease forwards; }
.double_visual ul.on li:nth-child(2n){ animation: maskSlideDown 1.5s ease forwards; }


@media screen and (max-width:767px) {
	.over_wrap{padding-bottom:60px;}
	.over_wrap h1{ padding:20px;text-align:center;}
	.over_wrap h1 img{max-width:212px;}
	.double_visual{margin-left:30px;}
	.double_visual ul{width:calc(100% - 30px);}
	.double_visual::before{padding-top:66.66%;}
	
	.layout_header .side_card{bottom: -20px;padding:8px 0px;}
	.layout_header .side_card p{font-size:14px;}
	.layout_header .side_card a{font-size:26px;background-position: 60px 50%;background-size: auto 85%;}
	.Wrapper.Area01{padding-top:50px;}
}