/* 共用 -------------------*/
.page{ width:1096px; margin-inline:auto; --Font-lineheight-p:1.75;}
.map_con ul li{ display:flex; justify-content:center; align-items:center;}
.page_bg, .page_bg2{ width:100%; padding-bottom:30px; position:relative; z-index:6;}
.page_bg{ background-image:url(../images/page_bg_top.webp),url(../images/page_bg_bottom.webp),url(../images/page_bg.webp);
          background-position:center top,center bottom, center top;
          background-repeat:no-repeat;
          background-attachment:local,local ,fixed;
        }
.page_bg2{ background-image:url(../images/page_bg_top.webp),url(../images/page_bg_bottom2.webp),url(../images/page_bg.webp);
           background-position:center top,center bottom, center top;
           background-attachment:local,local ,fixed;
           background-repeat:no-repeat;
         }
.page .title_con{ position:relative;}
.page .title_con .sub{ margin-inline:auto; padding-top:68px; padding-left:5px; text-align:center; 
                       width:379px; height:200px;background: url(../images/page_title_bg.webp) bottom center no-repeat;
                       background-size:100% auto;
                      }
.page .title_con .main_title{ margin-top:-76px;}

.page .main_txt{ width:976px; margin-inline:auto;}
.page .main_txt p{ font-size:1.281rem; text-align:left; line-height:var(--Font-lineheight-p);
                   margin:25px 0;
                 }
.page .pic_con{ width:1188px; height:505px; margin-top:15px;
                background:url(../images/map_bg.webp) top center no-repeat;
                background-size:100% auto; margin-left:-94px;
               }
.map_con{ width:1025px;}               
.map_con ul li+li{ margin:25px 0; border-top:2px dotted #6d5c82; padding-top:25px;}
.map_con ul li p{ text-align:left; font-size:1.14rem; line-height:var(--Font-lineheight-p);}
.map_con ul li h6{ margin-right:15px; color:rgba(0, 0, 0, 0); text-shadow:none; line-height:0; font-size:0;
                   height:50px; background-repeat:no-repeat; background-size:auto 100%;
                 }
.map_con.page01 ul li h6{ aspect-ratio:212 / 50; background-image:url(../images/page01_st.webp);}
.page01-st01{ background-position:0;}
.page01-st02{ background-position:20% 0;}
.page01-st03{ background-position:40% 0;}
.page01-st04{ background-position:60% 0;}
.page01-st05{ background-position:80% 0;}
.page01-st06{ background-position:100% 0;}
.map_con.page02 ul li h6{ aspect-ratio:240 / 50; background-image:url(../images/page02_st.webp);}
.page02-st01{ background-position:0;}
.page02-st02{ background-position:33.333% 0;}
.page02-st03{ background-position:66.667% 0;}
.page02-st04{ background-position:100% 0;}

:is(.page .main_txt, .map_con ul li) p{ text-shadow:0px 1px 6px rgba(17,12,23,0.8); letter-spacing:0;}
.title_s{ display:none; filter:drop-shadow( 0px 0px 1px rgba(0, 0, 0, 0.3)) drop-shadow( 0px 1px 10px rgba(0, 0, 0, 0.5));}
/* gotop -------------------*/
.gotop{ right:15px; bottom:10px; position:fixed; z-index:33; display:none;}
.gotop >div{ cursor:pointer;
             position:relative;
             width:118px; aspect-ratio:1 / 1;
             display:flex; justify-content:center; align-items:center;
           }
.gotop >div img{ position:absolute; transition:transform 0.3s;}
.gotop >div:hover img.go_top_bg{ transform:rotate(0deg) scale(0.9); animation:go_top infinite 3s linear;}
.gotop >div:hover img.go_top_txt{ transform:scale(0.85); filter:brightness(1.3);}

@media (max-width:1300px){

    .page_bg{ background-image:url(../images/page_bg_top.webp),url(../images/page_bg_bottom_m.webp),url(../images/page_bg.webp);
              background-size:120% auto, 120% auto, cover;
              margin-top:0px;
            }
    .page_bg2{ background-size:120% auto, 120% auto, cover;}      
     
    .page{ --Font-lineheight-p:1.8;}
    .page .title_con .main_title{ height:3.99vw; max-height:61px; margin-inline:auto;}
    .page .title_con .main_title img{ width:auto; height:100%;}
    .page .main_txt{ width:77%; max-width:970px;}
    .page .main_txt p{ font-size:1.43vw;}
    .map_con{ width:80%; margin-inline:auto;}
    .map_con ul li p{ font-size:1.42vw;}

}
@media (max-width:1200px){

    .page .pic_con{ width:100%; height:42vw; margin-left:0;}
    .page .pic_con img{ width:63.58vw;}
    .title_con .sub,.title_con .main_title{ display:none;}
    .page_bg .page .title_con .main_title{ width:98%;}
    .title_s{ display:block; width:auto; height:33.5vw; max-height:235px; margin-inline:auto;}  
    .page .main_txt p{ font-size:1.59vw;}
    .map_con ul li p{ font-size:1.56vw;}

}
@media (max-width:1100px){

    .page{ width:100%;}
    .map_con{ width:79%; margin-inline:auto;}

}
@media (max-width:1000px){

    .map_con ul li{ flex-direction:column;}
    .map_con ul li h6{ margin-right:0;}
    .map_con ul li+li{ margin:20px 0; padding-top:20px;}

    .page .main_txt{ width:85%; max-width:none;}
    .page .main_txt p{ font-size:1.78vw;}
    .map_con ul li p{ font-size:1.77vw;}

}
@media (max-width:900px){

    .title_s{ height:34vw; max-height:310px;}
    :is(.page .main_txt, .map_con ul li) p{ text-shadow:0px 1px 6px rgba(17,12,23,1), 0px 0px 8px rgba(17,12,23,0.6);}
    .page .main_txt{ width:80.6%;}
    .page .main_txt p{ font-size:2.51vw;}

    .page .pic_con{ height:49.5vw; background-size:114% auto;}
    .page .pic_con img{ width:74vw;}
    .map_con{ width:80.6%;}
    .map_con ul li p{ font-size:2.51vw;}
    .map_con ul li h6{ height:8.25vw; max-height:69px;}
    .map_con.page01 ul li h6{ aspect-ratio:296 / 70; background-image:url(../images/page01_st_s.webp);}
    .map_con.page02 ul li h6{ aspect-ratio:334 / 70; background-image:url(../images/page02_st_s.webp);}                  

    .page_bg{ padding-bottom:6.5vw;}
    .page_bg2{ padding-bottom:6.5vw;}
    .gotop{ right:1.1vw; bottom:1.1vw;}
}

@media (max-width:600px){

    .page_bg2{ background-image:url(../images/page_bg_top.webp),url(../images/page_bg_bottom_m.webp),url(../images/page_bg.webp);
               background-size:120% auto, 120% auto, cover;
             }    

    .title_s{ height:42vw;}
    .page .main_txt{ width:85%;}
    .page .main_txt p{ font-size:3.2vw;}
    .map_con ul li p{ font-size:3.4vw;}

    .gotop >div{ width:21vw; max-width:76px; height:21vw; max-height:76px;}
    .gotop >div .go_top_bg{ width:100%; margin-inline:auto;}
    .gotop >div .go_top_txt{ width:84%; margin-inline:auto;}
    .page .pic_con{ height:60vw; background:none;}
    .page .pic_con img{ width:90vw;}

    .map_con{ width:85%;}
    .map_con ul li h6{ height:11.25vw; max-height:51px; margin:0.5vw auto;}
    .map_con ul li+li{ margin:4vw 0; padding-top:2vw;}

    .page .main_txt p{ margin:4vw 0;}
}