@charset "utf-8";

#wrapper{font-family:'NS_R';}
#wrapper section{position:relative;}

.visual{height:900px; background:url(../img/main_2024/visual_bg_pc.jpg) no-repeat center / cover; text-align:center;}
.visual .visual_box{width: 810px;margin:0 auto;padding-top: 320px;}
.visual .visual_text{color:#fff; font-size:24px; line-height:36px; letter-spacing:-0.03em;}
.visual .visual_text2{margin-top:23px;padding-top:24px;border-top:1px solid rgba(255, 255, 255, 0.6);color:#fff;font-size:56px;font-family:'NS_B';line-height:84px;letter-spacing:-0.01em;word-break: keep-all;}
.visual .visual_text2 br{display:none;}
.visual .visual_text2 span{color:#fe4c02;}
.visual .visual_btn{display:block; position:relative; width:197px; height:60px; margin:60px auto 0 auto; padding-left:29px; border:0; border-radius:30px; background-color:rgba(255, 255, 255, 0.2); color:#fff; font-size:18px; text-align:left; line-height:60px; backdrop-filter:blur(10px);}
.visual .visual_btn:before,
.visual .visual_btn:after{position:absolute; top:0; bottom:0; margin:auto 0; content:'';}
.visual .visual_btn:before{right:8px; width:44px; height:44px; border-radius:50%; background-image:linear-gradient(126deg, #fc7900 14%, #fe4c02 85%);}
.visual .visual_btn:after{top:0; right:18px; bottom:0; width:24px; height:24px; background:url(../img/main_2024/visual_btn.png) no-repeat center / 24px; content:'';}
.visual .visual_btn2:before,
.visual .visual_btn2:after{position:absolute; top:0; bottom:0; margin:auto 0; content:'';}
.visual .visual_btn2:before{right:8px; width:44px; height:44px; border-radius:50%; background-image:linear-gradient(126deg, #ffffff 14%, #f2eeec 85%);}
.visual .visual_btn2:after{top:0; right:18px; bottom:0; width:24px; height:24px; background:url(../img/main_2024/visual_btn2.png) no-repeat center / 24px; content:'';}
.visual .visual_scroll{display:block; position:absolute; left:0; right:0; bottom:39px; margin:0 auto; padding-bottom:52px; color:#fff; font-size:16px; line-height:24px;}
.visual .visual_scroll:before{position:absolute; left:0; right:0; bottom:0; width:40px; height:40px; margin:0 auto; background:url(../img/main_2024/visual_arrow.png) no-repeat center / 20px; content:''; animation:moveUpDown .75s infinite alternate;}
@keyframes moveUpDown{
    0%{transform:translateY(-2px);}
    100%{transform:translateY(6px);}
}
.shortcut{padding:160px 20px; text-align:center;}
.shortcut .shortcut_box{max-width:1280px; margin:0 auto; font-size:0; line-height:0;}
.shortcut .shortcut_info{display:inline-block;vertical-align:top;width: 790px;}
.shortcut .shortcut_info .shortcut_info_title{padding: 30px 0 0 0;color:#000;font-size: 32px;font-family:'NS_B';line-height: 32px;word-break:keep-all;}
.shortcut .shortcut_info .shortcut_info_title br{display:none;}
.shortcut .shortcut_info .shortcut_info_title span{display:block; margin-bottom:20px; color:#999; font-size:32px;}
.shortcut .shortcut_info .shortcut_info_video{overflow:hidden;position:relative;height:445px;border-radius:10px;}
.shortcut .shortcut_info .shortcut_info_video video{max-width:100%; max-wheight:100%;}
.shortcut .shortcut_info .shortcut_info_video .video_play{opacity:.7; position:absolute; top:0; left:0; right:0; bottom:0; width:90px; height:90px; margin:auto; border:0; background:url(../img/main_2024/video_play.png) no-repeat center / 100%; transition:opacity .25s ease-in-out;}
.shortcut .shortcut_info .shortcut_info_video:hover .video_play{opacity:1;}
.shortcut .shortcut_info .shortcut_info_video .video_play.stop{opacity:0; background-image:url(../img/main_2024/video_stop.png);}
.shortcut .shortcut_info .shortcut_info_video:hover .video_play.stop{opacity:.7;}
.shortcut .shortcut_info .shortcut_info_video:hover .video_play.stop:hover{opacity:1;}
.shortcut .shortcut_list{display:inline-block;vertical-align:top;width: calc(100% - 830px);margin-left: 40px;}
.shortcut .shortcut_item + .shortcut_item{margin-top: 24px;}
.shortcut .shortcut_item a{display:block;padding: 70px 40px 26px 40px;border:1px solid #dee7fa;border-radius:10px;background-color:#f8f9fd;}
.shortcut .shortcut_item a .shortcut_title{display:block; color:#000; font-size:32px; font-family:'NS_B'; line-height:42px; word-break:keep-all;}
.shortcut .shortcut_item a img{display:block;width: 329px;max-width:100%;margin: 41px auto 0 auto;}
.shortcut .shortcut_item a .shortcut_text{display:block;margin-top: 48px;padding-top:20px;border-top:1px solid #dee7fa;color:#000;font-size:22px;font-family:'NS_B';line-height:30px;}
.shortcut .shortcut_item a .shortcut_text:after{display:inline-block;width:30px;height:30px;margin-left:10px;background:url(../img/main_2024/click02.png) right bottom/auto 30px no-repeat;content:'';vertical-align:top;position:relative;animation:.5s ease-in-out infinite alternate move100}
@keyframes move100{0%{transform:translateY(0)}100%{transform:translateY(-7px)}}
    
.growth .growth_box{position:relative;}
.growth .growth_box.n1{padding:0 20px 500px 20px; background:url(../img/main_2024/growth_bg_pc.jpg) no-repeat center bottom / auto 500px;}
.growth .growth_box.n2{max-width:1320px; margin:0 auto; padding:102px 20px 220px 20px;}
.growth .growth_box.n2:before{position:absolute; top:52px; right:-71px; width:886px; height:602px; background:url(../img/main_2024/growth_graph_pc.png) no-repeat center; content:'';}
.growth .growth_box.n1 .growth_text{max-width:1280px; margin:0 auto 60px auto; color:#000; font-size:44px; font-family:'NS_B'; line-height:70px;}
.growth .growth_box.n1 .growth_text br:nth-child(n+2){display:none;}
.growth .growth_box.n2 .growth_list{font-size:0; line-height:0;}
.growth .growth_box.n2 .growth_list li + li{margin-top:40px;}
.growth .growth_box.n2 .growth_list li p{color:#adadad; font-size:24px; line-height:35px;}
.growth .growth_box.n2 .growth_list li div{margin-top:4px; color:#000; font-size:52px; font-family:'NS_B'; line-height:78px;}
.growth .growth_box.n2 .growth_text{margin-top:40px;padding-left:20px;background:url(../img/main_2024/growth_icon.png) no-repeat left center / 16px;color:#686868;font-size:14px;line-height:20px;}

.review{max-width:1320px; margin:0 auto; padding:0 20px 160px 20px;}
.review .review_title{color:#000; font-size:44px; font-family:'NS_B'; text-align:center; line-height:66px;}
.review .review_list{margin-top:80px; font-size:0; line-height:0;}
.review .review_list li{display:inline-block; width:calc(33.33% - 16px); padding:60px 40px; border-radius:10px; background-color:#fff; box-shadow:0 0 30px 0 rgba(13, 10, 44, 0.08); vertical-align:top;}
.review .review_list li + li{margin-left:24px;}
.review .review_list li .review_profile{width:63px;}
.review .review_list li .review_profile img{width:100%;}
.review .review_list li .review_star{position:relative; width:92px; height:20px; margin-top:16px; background:url(../img/main_2024/star_bg.png) no-repeat left / 92px;}
.review .review_list li .review_star span{position:absolute; top:0; left:0; bottom:0; height:20px; background:url(../img/main_2024/star_on.png) no-repeat left / 92px;}
.review .review_list li .review_subject{overflow:hidden; margin-top:12px; color:#111; font-size:24px; font-family:'NS_B'; text-overflow:ellipsis; line-height:36px; white-space:nowrap; word-break:keep-all;}
.review .review_list li .review_text{display:-webkit-box; overflow:hidden; height:108px; margin-top:12px; color:#444; font-size:18px; text-overflow:ellipsis; line-height:27px; word-break:keep-all;-webkit-line-clamp:4; -webkit-box-orient:vertical;}
.review .review_more{display:block; width:180px; margin:80px auto 0 auto; border-radius:10px; background-color:#fe4c02; color:#fff; font-size:18px; font-weight:600; text-align:center; line-height:60px;}

.quick{max-width:1320px; margin:0 auto; padding:0 20px;}
.quick .quick_list{font-size:0; line-height:0;}
.quick .quick_list li{display:inline-block; width:calc(50% - 12px); vertical-align:top;}
.quick .quick_list li + li{margin-left:24px;}
.quick .quick_list li a{display:block; position:relative; padding:34px 50px 34px 80px; border-radius:10px; background-color:#f4f6f8; color:#1d1d1d; font-size:24px; font-family:'NS_B'; line-height:32px;}
.quick .quick_list li a:before,
.quick .quick_list li a:after{position:absolute; top:0; bottom:0; width:32px; height:32px; margin:auto 0; background-repeat:no-repeat; background-size:32px; content:'';}
.quick .quick_list li:nth-child(1) a:before{left:32px; background-image:url(../img/main_2024/quick_icon1.png);}
.quick .quick_list li:nth-child(2) a:before{left:32px; background-image:url(../img/main_2024/quick_icon2.png);}
.quick .quick_list li a:after{right:24px; background-image:url(../img/main_2024/quick_arrow.png);}

.fade{opacity:0; transform:translate(0, 70px); transition-property:opacity, transform; transition-duration:0.75s; transition-timing-function:ease-in-out;}
.fade.show{opacity:1; transform:translate(0) !important;}
.fade + .fade{transition-delay:.2s;}
.fade + .fade + .fade{transition-delay:.4s;}
.fade + .fade + .fade + .fade{transition-delay:.6s;}
@media screen and (max-width:1280px){
    .shortcut{padding-top: 80px; padding-bottom: 80px;}
    .shortcut .shortcut_info{display:block; width:100%;}
    .shortcut .shortcut_info .shortcut_info_title{padding-top: 30px;padding-bottom: 40px;}
    .shortcut .shortcut_info .shortcut_info_video{height:auto; margin-top:0;}
    .shortcut .shortcut_list{display:block;width:100%;margin-top: 40px;margin-left:0;}
    .shortcut .shortcut_item{display:inline-block; width:calc(50% - 12px); vertical-align:top;}
    .shortcut .shortcut_item + .shortcut_item{margin:0 0 0 24px;}
}
@media screen and (min-width:901px) and (max-width:1200px){
    .growth .growth_box.n2:before{left:270px; right:auto;}
}
@media screen and (max-width:900px){
    .visual{height:100vh; background:url(../img/main_2024/visual_bg.jpg) no-repeat center / cover;}
    .visual .visual_box{position:absolute; left:0; right:0; bottom:5px; width:300px; margin:0 auto; padding-top:0;}
    .visual .visual_text{font-size:17px; line-height:26px;}
    .visual .visual_text2{margin-top:20px; padding-top:20px; font-size:34px; line-height:51px;}
    .visual .visual_btn{width:146px; height:56px; padding-left:20px; font-size:16px; line-height:56px;}
    .visual .visual_btn:before{width:40px; height:40px;}
    .visual .visual_btn:after{width:20px; height:20px; background-size:20px;}
    .visual .visual_scroll{position:relative; left:auto; right:auto; bottom:auto; margin-top:52px; padding-bottom:40px; font-size:14px; line-height:21px;}
    .visual .visual_scroll:before{width:40px; height:40px; background:url(../img/main_2024/visual_arrow.png) no-repeat center / 20px; animation:moveUpDown .75s infinite alternate;}
    @keyframes moveUpDown{
        0%{transform:translateY(-2px);}
        100%{transform:translateY(6px);}
    }
    .shortcut{padding:60px 20px;}
    .shortcut .shortcut_info .shortcut_info_title{font-size: 24px;line-height: 31px;}
    .shortcut .shortcut_info .shortcut_info_title br{display:block;}
    .shortcut .shortcut_info .shortcut_info_title span{margin-bottom:10px; font-size:18px;}
    .shortcut .shortcut_info .shortcut_info_video .video_play{width:50px; height:50px;}
    .shortcut .shortcut_list{margin-top: 0;}
    .shortcut .shortcut_item + .shortcut_item{margin-top:28px; margin-left:0;}
    .shortcut .shortcut_item{display:block; width:100%;}
    .shortcut .shortcut_item a{padding:32px 18px 20px 18px; border-radius:10px;}
    .shortcut .shortcut_item a .shortcut_title{font-size:24px; line-height:31px;}
    .shortcut .shortcut_item a .shortcut_title br{display:block;}
    .shortcut .shortcut_item a img{width:245px;margin-top: 21px;}
    .shortcut .shortcut_item a .shortcut_text{margin-top:10px; padding-top:14px; font-size:15px; line-height:20px;}
    .shortcut .shortcut_item a .shortcut_text:after{display:inline-block;width:20px;height:20px;margin-left:10px;background:url(../img/main_2024/click02.png) right bottom/auto 20px no-repeat;content:'';vertical-align:top;position:relative;animation:.5s ease-in-out infinite alternate move100}
    @keyframes move100{0%{transform:translateY(0)}100%{transform:translateY(-7px)}}

    .growth .growth_box.n1{height:563px; padding:36px 20px 0 20px; background:url(../img/main_2024/growth_bg.jpg) no-repeat center bottom 30% / cover;}
    .growth .growth_box.n2{padding:3px 20px 80px 20px; background-image:linear-gradient(to bottom, #f4f6f8, #fff);}
    .growth .growth_box.n2:before{top:auto; right:-145px; bottom:47px; width:495px; height:362px; background:url(../img/main_2024/growth_graph_pc.png) no-repeat center / auto 362px;}
    .growth .growth_box.n1 .growth_text{font-size:32px; line-height:51px;}
    .growth .growth_box.n1 .growth_text br:nth-child(n+2){display:block;}
    .growth .growth_box.n2 .growth_list li + li{margin-top:28px;}
    .growth .growth_box.n2 .growth_list li p{font-size:18px; line-height:26px;}
    .growth .growth_box.n2 .growth_list li div{margin-top:4px; font-size:30px; line-height:45px;}
    .growth .growth_box.n2 .growth_text{margin-top:30px; padding-left:18px; background:url(../img/main_2024/growth_icon.png) no-repeat left center / 16px; font-size:12px; line-height:16px;}

    .review{padding:80px 20px;}
    .review .review_title{font-size:24px; text-align:left; line-height:36px;}
    .review .review_list{margin-top:40px; font-size:0; line-height:0;}
    .review .review_list li{display:block; width:100%; padding:40px 20px 32px 20px; border-radius:10px; box-shadow:0 0 30px 0 rgba(13, 10, 44, 0.08);}
    .review .review_list li + li{margin-top:20px; margin-left:0;}
    .review .review_list li .review_profile{width:63px;}
    .review .review_list li .review_star{width:92px; height:20px; margin-top:13px; background:url(../img/main_2024/star_bg.png) no-repeat left / 92px;}
    .review .review_list li .review_star span{height:20px; background:url(../img/main_2024/star_on.png) no-repeat left / 92px;}
    .review .review_list li .review_subject{margin-top:8px; font-size:18px; line-height:27px;}
    .review .review_list li .review_text{margin-top:8px; font-size:16px; line-height:24px;}
    .review .review_more{margin-top:40px; font-size:16px; line-height:56px;}

    .quick{padding:0 20px;}
    .quick .quick_list li{display:block; width:100%;}
    .quick .quick_list li + li{margin-top:16px; margin-left:0;}
    .quick .quick_list li a{padding:22px 38px 22px 54px; border-radius:10px; font-size:16px; line-height:26px;}
    .quick .quick_list li a:before,
    .quick .quick_list li a:after{width:24px; height:24px; background-size:24px;}
    .quick .quick_list li:nth-child(1) a:before{left:20px; background-image:url(../img/main_2024/quick_icon1.png);}
    .quick .quick_list li:nth-child(2) a:before{left:20px; background-image:url(../img/main_2024/quick_icon2.png);}
    .quick .quick_list li a:after{right:14px; background-image:url(../img/main_2024/quick_arrow.png);}
}
@media screen and (max-width:480px){
    .growth .growth_box.n1{background-position:center bottom;}
    .growth .growth_box.n2:before{right:0; bottom:37px; width:375px; height:312px; background:url(../img/main_2024/growth_graph.png) no-repeat center / 375px;}
}