@charset "utf-8";

html{height:100%; } 
html, body{width:100%; overflow:hidden;}


.section_wrap{_position:relative; width:100%;}
.section1,
.section2,
.section3{_position:absolute; _top:50%; _left:50%; _transform:translate(-50%, -50%); overflow:hidden; width:100%; height:100vh;}


.section{_overflow:hidden; _opacity:0; _visibility:hidden; _max-width:0; _transform:translate(-50%, -50%) scale(.8); transition:all .4s cubic-bezier(.6,.01,.35,1);}



.section1{_z-index:10;}
.section2{_z-index:20; display:flex; align-items:center;}
.section3{_z-index:30;}

.section3 > .layout{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; height:100%; position:relative; left:50%; transform:translateX(-50%); margin:0;}

.layout{width:75rem;}



.section1{display:flex; flex-direction:column; position:relative; padding-top:8.438rem;}
.section1 .visual-slider{overflow:hidden; }
.section1 .visual-slider div .title{position:absolute; top:40%; left:50%; transform:translate(-50%, -50%); font-size:3.75rem; font-weight:600; color:#fff; line-height:1; letter-spacing:-0.02em; text-shadow:0 0 7px rgba(0,0,0,.6); z-index:10;}
.section1 .visual-slider div .title sub{display:block; font-size:1.375rem; line-height:1; margin-bottom:1.25rem; color:#fff; letter-spacing:-0.04em;}
.section1 .visual-slider .slick-list{height:100%;}
.section1 .visual-slider .slick-track{display:flex; height:100%;}
.section1 .visual-slider .slick-slide{height:100%;}
.section1 .visual-slider .slick-slide img{width:100%;}
.section1 .visual-slider .slick-slide img.mo{display:none;}
.section1 .visual-slider > .slick-slide > img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:auto;}

.section1 > .layout{position:absolute; top:8.813rem; left:50%; transform:translateX(-50%); height:calc(100% - 361px); padding:20px 0; display:flex; align-items:center; justify-content:space-between; z-index:11;}
.section1 .visual-info{position:absolute; left:0; bottom:20vh; display:flex; width:9.688rem; height:2.813rem; background-color:rgba(0,0,0,.4); border-radius:3.125rem;}
.section1 .visual-info .visual-page{display:flex; align-items:center; min-width:4.063rem; height:100%; padding:0 1.25rem; margin-right:0.625rem; border-radius:3.125rem; background-color:#121618; }
.section1 .visual-info .visual-page span{display:flex; align-items:flex-end;}
.section1 .visual-info .visual-page .current{font-size:1rem; font-weight:600; color:#fff;}
.section1 .visual-info .visual-page .max{font-size:0.813rem; font-weight:500; color:#fff; }
.section1 .visual-info .visual-page .max::before{content:'/'; padding:0 0.25rem; }

.section1 .visual-info .button{display:flex; align-items:center; }
.section1 .visual-info .button button{width:0.438rem; height:0.688rem; overflow:hidden; text-indent:-9999px; border:0; background-repeat:no-repeat; background-color:transparent; }
.section1 .visual-info .button button:focus {outline:2px solid red;}
.section1 .visual-info .button .prev{background-image:url("/reference/assets/14203a3e026005a6.png");}
.section1 .visual-info .button .stop{background-image:url("/reference/assets/ef8873fc76ee117b.png"); margin:0 1.125rem;}
.section1 .visual-info .button .play{background-image:url("/reference/assets/6bff0d54d433e732.png"); margin:0 1.125rem;}
.section1 .visual-info .button .next{background-image:url("/reference/assets/2f468b40ee1510e0.png");}

.section1 .banner{position:absolute; right:0;  top:50%; transform:translateY(-50%); border-radius:0.625rem; overflow:hidden;}
.section1 .banner .banner-wrap{position:relative;}
.section1 .banner .banner-slider{overflow:hidden; flex:1; width:30.625rem; }

.section1 .banner .banner-slider .slick-list{}
.section1 .banner .banner-slider .slick-track{display:flex;}
.section1 .banner .banner-slider .slick-slide:not(.slick-active) *{visibility:hidden;}
.section1 .banner .banner-slider .slick-slide.slick-active *{visibility:visible;}
.section1 .banner .banner-slider .slick-slide a{position:relative; display:inline-block; _display:block;}
.section1 .banner .banner-slider .slick-slide a:focus::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:2px dotted gray; z-index:2;}
.section1 .banner .banner-slider div{}
.section1 .banner .banner-slider div img{position:relative; left:50%; transform:translateX(-50%);}

.section1 .banner .banner-info{position:absolute; right:0; bottom:0; display:flex; width:calc(100% / 3); height:2.188rem; border-radius:0.313rem; z-index:100;}
.section1 .banner .banner-info .banner-page{display:flex; justify-content:center; align-items:center; width:4.375rem; height:100%; padding:0 1.25rem; margin-right:1px; border-radius:5px 0 0 0; background-color:rgba(0,0,0,.6);}
.section1 .banner .banner-info .banner-page span{display:flex; align-items:flex-end;}
.section1 .banner .banner-info .banner-page .current{font-size:1rem; font-weight:600; color:#fff;}
.section1 .banner .banner-info .banner-page .max{font-size:0.813rem; font-weight:500; color:#fff; }
.section1 .banner .banner-info .banner-page .max::before{content:'/'; padding:0 0.25rem; }

.section1 .banner .banner-info .button{display:flex; justify-content:center; align-items:center; min-width:5.938rem; border-radius:0 0.313rem 0 0; background-color:rgba(0,0,0,.6);}
.section1 .banner .banner-info .button button{width:0.438rem; height:0.688rem; overflow:hidden; text-indent:-9999px; border:0; background-repeat:no-repeat; background-color:transparent;}
.section1 .banner .banner-info .button button:focus {outline:2px solid red;}
.section1 .banner .banner-info .button .prev{background-image:url("/reference/assets/14203a3e026005a6.png");}
.section1 .banner .banner-info .button .stop{background-image:url("/reference/assets/ef8873fc76ee117b.png"); margin:0 1.125rem;}
.section1 .banner .banner-info .button .play{background-image:url("/reference/assets/6bff0d54d433e732.png"); margin:0 1.125rem;}
.section1 .banner .banner-info .button .next{background-image:url("/reference/assets/2f468b40ee1510e0.png");}

.section1 .banner .banner-btn{overflow:hidden; display:flex; width:100%; height:7.5rem; border-radius:0 0 0.625rem 0.625rem;}
.section1 .banner .banner-btn a{display:flex; height:100%; flex-direction:column; justify-content:center; align-items:center; width:calc(100% / 3); font-size:1.125rem; color:#fff; line-height:1; }
.section1 .banner .banner-btn a:focus{outline-offset:-3px;}
.section1 .banner .banner-btn .organization{background-color:rgba(19,150,206,.9);}
.section1 .banner .banner-btn .notice{background-color:rgba(15,107,183,.9);}
.section1 .banner .banner-btn .recruit{background-color:rgba(36,61,145,.9);}
.section1 .banner .banner-btn a::before{content:''; display:block; width:2.688rem; height:2.563rem; margin-bottom:0.938rem; background-repeat:no-repeat; background-position:center center;}
.section1 .banner .banner-btn .organization::before{background-image:url("/reference/assets/0e62227b3b5efa35.png"); }
.section1 .banner .banner-btn .notice::before{background-image:url("/reference/assets/41d03ec19a015402.png");}
.section1 .banner .banner-btn .recruit::before{background-image:url("/reference/assets/441bd8adbdf2cccf.png");}

.section1 .section1-list{display:flex; justify-content:space-between; align-items:center; width:75rem; height:13.75rem; margin:0 auto; position:relative;}
.section1 .section1-list-slider{overflow:hidden;}
.section1 .section1-list-slider .slick-list{}
.section1 .section1-list-slider .slick-track{display:flex;}
.section1 .section1-list-slider a{width:calc(100% - 4px); margin-left:2px; display:flex; flex-wrap:wrap; justify-content:center; flex-direction:column; align-items:center; font-size:1.125rem; color:#333; text-align:center; transition:all .4s;}
.section1 .section1-list-slider a::before{content:''; display:block; width:6.375rem; height:6.375rem; margin-bottom:0.938rem; border-radius:100%; transition:all .4s; background-color:#eff3f6; background-repeat:no-repeat; background-position:center center; transition:all .4s;}
.section1 .section1-list-slider a:hover::before{transform:rotate(360deg);}
.section1 .section1-list-slider .ir_center::before{background-image:url("/reference/assets/f4bad940e18fd1b0.png");}
.section1 .section1-list-slider .complaints::before{background-image:url("/reference/assets/144bb945f8b6eaf2.png");}
.section1 .section1-list-slider .parking::before{background-image:url("/reference/assets/7f01bedb830e0c1d.png");}
.section1 .section1-list-slider .resident::before{background-image:url("/reference/assets/b02c1253b348e3d5.png");}
.section1 .section1-list-slider .physical::before{background-image:url("/reference/assets/0d5c0d5f7694780f.png");}
.section1 .section1-list-slider .supervise::before{background-image:url("/reference/assets/dffb7c83dead40af.png");}
.section1 .section1-list-slider .storage::before{background-image:url("/reference/assets/0cecd3308b6540cd.png");}
.section1 .section1-list-slider .nursery::before{background-image:url("/reference/assets/1237505f589d6970.png");}
.section1 .section1-list-slider .playground::before{background-image:url("/reference/assets/ea1f224c11d35f1f.png");}
.section1 .section1-list-slider .education::before{background-image:url("/reference/assets/9c2a6d1389df3a7d.png");}
.section1 .section1-list-slider .segok::before{background-image:url("/reference/assets/373985151ef11671.png");}
.section1 .section1-list-slider .member::before{background-image:url("/reference/assets/c56b17c7205cff6a.png");}
.section1 .section1-list-slider a:hover::before{content:''; background-color:#008fd2;}
.section1 .section1-list-slider a:hover{text-decoration:underline; text-underline-position:under;}
.section1 .section1-list-slider a:focus-visible {outline:2px solid;}
.section1 .section1-list button{overflow:hidden; text-indent:-9999px; position:absolute; top:50%; transform:translateY(-50%); display:block; width:1.563rem; height:3rem; background-repeat:no-repeat; background-position:center center;background-color:transparent; border:0; }
.section1 .section1-list .prev{left:-3.875rem; background-image:url("/reference/assets/4966f638b368c41d.png");}
.section1 .section1-list .next{right:-3.875rem; background-image:url("/reference/assets/6eeb3c76af36e3c3.png");}



.section2{background:url("/reference/assets/26ff196c6d78efce.jpg") no-repeat center top / cover; }
.section2 .layout{display:flex; flex-wrap:wrap; justify-content:space-between; padding:120px 0; margin:0; position:relative; left:50%; transform:translateX(-50%);}

.section-title{width:100%; text-align:center; }
.section-title p{line-height:1;}
.section-title .title{font-size:2.25rem; font-weight:600;}
.section-title .title span{display:inline-block; line-height:1; font-weight:600;}
.section-title .txt{display:block; font-size:1rem; font-weight:300; color:#666; margin-top:1.25rem;}

.section2 .section-title .title span{color:#A16200;}

.section2 .section2-list{position:relative; display:flex; flex-wrap:wrap; width:55.938rem; margin-top:3.438rem;}
.section2 .section2-list .section2-tab{display:flex; align-items:flex-end; width:100%; height:3.438rem; background-color:#585960; border-radius:0.313rem;}
.section2 .section2-list .section2-tab a:not(.more){position:relative; display:block; width:11.375rem; height:100%; line-height:3.438rem; text-align:center; font-size:1.125rem; font-weight:500; color:#fff;  transition:height .2s, line-height .2s, backgound-color .2s;}
.section2 .section2-list .section2-tab a:not(:first-child):not(:last-child)::before{content:''; position:absolute; top:50%; transform:translateY(-50%); right:0; width:1px; height:1.063rem; background-color:#87878c;}
.section2 .section2-list .section2-tab a.active{height:3.75rem; line-height:3.75rem; border-radius:0.313rem 0.313rem 0 0; background-color:#A16200;}
.section2 .section2-list .section2-tab a.more{display:block; justify-self:flex-end; margin-left:auto; width:3.438rem; height:100%; overflow:hidden; text-indent:-9999px; background:url("/reference/assets/9d192a739df05c0f.png") no-repeat right 20px center;}
.section2 .section2-list .section2-tab a.active:focus-visible {outline:2px solid red;}

.section2 .section2-tabitem{overflow:hidden; height:0; visibility:hidden; opacity:0; display:flex; justify-content:space-between; width:100%; transition:visibility 1s, opacity 1s; ;}
.section2 .section2-tabitem.active{height:auto; visibility:visible; opacity:1; margin-top:1.875rem; overflow:visible;}
.section2 .section2-tabitem a{display:flex; flex-direction:column; width:calc((100% - 30px) / 3); height:19.375rem; padding:2.188rem 1.875rem; background-color:#fff; border-radius:0.313rem; transition:all .4s;}

.section2 .section2-tabitem.cards a{height: 19.375rem; padding: 2px; overflow: hidden;}
.section2 .section2-tabitem.cards a .img{width: 100%; height: 100%;}
.section2 .section2-tabitem.cards a .img img{width: 100%; height: 100%;}



.section2 .section2-tabitem a:hover{box-shadow:0.313rem 0.313rem 0.75rem rgba(0,0,0,.15);}
.section2 .section2-tabitem a .category{display:block; margin-bottom:0.938rem; font-size:0.938rem; font-weight:500; line-height:1;}
.section2 .section2-tabitem.notice a .category{color:#A16200;}
.section2 .section2-tabitem.recruit a .category{color:#A16200;}
.section2 .section2-tabitem.data a .category{color:#A16200;}
.section2 .section2-tabitem.cards a .category{color:#A16200;}
.section2 .section2-tabitem a .title{overflow:hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:3.25rem; min-height:3.25rem; margin:0 0 15px 0; font-size:1.25rem; font-weight:500; color:#333; line-height:1.4; letter-spacing:-0.05em; text-overflow: ellipsis; word-break:break-word;}
.section2 .section2-tabitem a .txt{overflow:hidden; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:3.938rem; min-height:3.938rem; font-size:1rem; font-weight:300; color:#666; }
.section2 .section2-tabitem a .date{display:block; margin-top:2.188rem; color:#777; line-height:1;}


.section2 .section2-video{position:relative; width:16.875rem; height:24.75rem; margin-top:3.438rem; padding:1.875rem; border-radius:0.313rem; background-color:#fff; }
.section2 .video-title{display:flex; justify-content:space-between; width:100%; padding-bottom:0.625rem; border-bottom:1px solid #cdcdcd;}
.section2 .video-title .title{font-size:1.125rem; font-weight:600; color:#000; line-height:1; }
.section2 .video-title .title span{font-size:1.25rem; font-weight:600; color:#fa6400; line-height:1;}
.section2 .video-title .button{display:flex; align-items:center; overflow:hidden; min-width:3.125rem; text-indent:-9999px;}
.section2 .video-title .button a{background-repeat:no-repeat; display:block; min-width:0.5rem; height:0.813rem; }
.section2 .video-title .button .prev{background-image:url("/reference/assets/76cb1bdae2c12323.png");}
.section2 .video-title .button .next{position:relative; background-image:url("/reference/assets/26346f81b8171309.png"); margin-left:2rem;}
.section2 .video-title .button .next::before{content:''; position:absolute; top:50%; left:-1.063rem; transform:translateY(-50%); display:block; width:2px; height:0.688rem; background-color:#cdcdcd;}

.section2 .video-cont{margin-top:1.25rem;}
.section2 .video-slider.active{height:auto; visibility:visible; opacity:1;}
.section2 .video-slider .slick-list{}
.section2 .video-slider .slick-track{display:flex;}
.section2 .video-slider div{}
.section2 .video-slider div a{display:block;}
.section2 .video-slider div a:focus-visible {outline:2px solid red;}
.section2 .video-slider div a img{}
.section2 .video-slider div a .title{display:block; margin:10px 0; font-size:1.25rem; font-weight:500; color:#333; line-height:1;}
.section2 .video-slider div a .txt{display:block; font-weight:300; color:#666; line-height:1.6;}

.section2 .video-btn{display:flex; justify-content:center; align-items:center; width:100%; height:2.5rem; margin-top:0.625rem; border-radius:0.625rem; font-size:0.938rem; font-weight:500; color:#fff; background-color:#fa6400;}
.section2 .video-btn::before{content:''; display:inline-block; width:1rem; height:100%; margin-right:0.438rem; background:url("/reference/assets/8a59591570d08326.png"); background-position:center left; background-repeat:no-repeat;}
.section2 .video-btn a:hover{text-decoration:underline; text-underline-position:under;}
.section2 .video-btn a:not(:last-child){position:relative; margin-right:19px;}
.section2 .video-btn a:not(:last-child)::before{content:''; position:absolute; top:50%; transform:translateY(-50%); right:-10px; width:1px; height:11px; background-color:#ccc}
.section2 .video-btn a.active{font-weight:500; color:#000; text-decoration:underline; text-underline-position:under;}

.section2-icon{position:relative; display:flex; margin-top:4.688rem; overflow:hidden;}
.section2-icon-slider{width:calc(100% - 5rem); overflow:hidden; margin:0 auto; padding-bottom:1.25rem;}
.section2-icon-slider .slick-list{}

.section2-icon-slider .slick-track{display:flex;}
.section2-icon-slider .slick-slide{position:relative; height:9.063rem; }
.section2-icon-slider .slick-slide a{display:flex; flex-direction:column; justify-content:center; align-items:center; height:9.063rem; font-size:1rem; font-weight:300; color:#333; line-height:1; text-align:center; background-color:#fff1e1; border-width:1px; border-color:#f99800; transition:all .4s;}
.section2-icon-slider .slick-slide a:hover{text-decoration:underline; text-underline-position:under; color:#fff; background-color:#f99800; font-weight:500;}
.section2-icon-slider .slick-slide a::after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-width:1px 0 1px 1px; border-style:solid; border-color:#bababa; transition:all .4s;}
.section2-icon-slider .slick-slide a:hover::after{content:''; box-shadow: 7px 7px 14px rgba(0,0,0,.15); z-index:100;}

.section2-icon-slider .slick-slide a::before{content:''; display:block; width:2.75rem; height:2.625rem; margin-bottom:0.938rem; background-position:center center; background-repeat:no-repeat;}
.section2-icon-slider .slick-slide .ceo{}
.section2-icon-slider .slick-slide .ceo::before{background-image:url("/reference/assets/ca35650b1445c252.png");}
.section2-icon-slider .slick-slide .cyber::before{background-image:url("/reference/assets/8b35e4aed05234d1.png");}
.section2-icon-slider .slick-slide .idea::before{background-image:url("/reference/assets/5c86cc8b29c00f53.png");}
.section2-icon-slider .slick-slide .sound::before{background-image:url("/reference/assets/a9989f0782ee96eb.png");}
.section2-icon-slider .slick-slide .message::before{background-image:url("/reference/assets/c3f03ec71c199a93.png");}
.section2-icon-slider .slick-slide .offer{}
.section2-icon-slider .slick-slide .offer::before{background-image:url("/reference/assets/9a593ace93c2495f.png");}
.section2-icon-slider .slick-slide .faq::before{background-image:url("/reference/assets/fe3b1c5ee82afee4.png");}
.section2-icon-slider .slick-slide .news::before{background-image:url("/reference/assets/9057643199bbf361.png");}
.section2-icon-slider .slick-slide .data::before{background-image:url("/reference/assets/a29d2936555aeb10.png");}
.section2-icon-slider .slick-slide .info::before{background-image:url("/reference/assets/0f1ef1222a23164a.png");}
.section2-icon-slider .slick-slide .location{}
.section2-icon-slider .slick-slide .location::before{background-image:url("/reference/assets/84a10c3e3c69dce6.png");}
.section2-icon-slider .slick-slide .vr::before{background-image:url("/reference/assets/d1059083b79acc3b.png");}
.section2-icon-slider .slick-slide .office::before{background-image:url("/reference/assets/1ccd2a921bfac8a3.png");}

.section2-icon-slider .slick-slide .complaints::before{background-image:url("/reference/assets/5c86cc8b29c00f53.png");}
.section2-icon button{position:absolute; overflow:hidden; text-indent:-9999px; width:2.5rem; height:9.063rem; background-repeat:no-repeat; background-position:center center; background-color:#f7f7f7; border-width:1px; border-style:solid; border-color:#bababa; z-index:3;}
.section2-icon button:focus-visible {outline:2px solid red;}
.section2-icon .prev{border-radius:0.313rem 0 0 0.313rem; background-image:url("/reference/assets/133b1fc28a0ba8bf.png"); border-width:1px 0 1px 1px; left:0;}
.section2-icon .next{border-radius:0 0.313rem 0.313rem 0; background-image:url("/reference/assets/f1fde7cd4fb3d9b2.png"); right:0;}




.section3{background:url("/reference/assets/cc240d33ac698b04.jpg") no-repeat center top / cover;}
.section3 > .layout > div{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:75rem; min-height:38.75rem;}
.section3 > .layout .section-title .title span{color:#008fd2;}

.section3 > .layout > div > div{width:calc((100% - 60px) / 3); min-height:38.75rem; margin-top:3.438rem;}
.section3 .section3_slider{padding:1.875rem; border:1px solid #cdcdcd; border-radius:0.313rem; background:#fff;}
.section3 .section3_slider .slider{overflow:hidden;}
.section3 .section3_slider .slider .slick-list{}
.section3 .section3_slider .slider .slick-track{display:flex;}
.section3 .slider_title{display:flex; justify-content:space-between; padding-bottom:1.25rem; border-bottom:1px solid #cdcdcd; margin:0 0 2.188rem;}
.section3 .slider_title .title{font-size:1.25rem; font-weight:600; color:#000; line-height:1;}
.section3 .slider_title .button{display:flex; align-items:center; overflow:hidden; text-indent:-9999px; }
.section3 .slider_title .button a{background-repeat:no-repeat; background-position:center center; display:block; width:0.5rem; height:0.813rem; }
.section3 .slider_title .button .prev{background-image:url("/reference/assets/76cb1bdae2c12323.png");}
.section3 .slider_title .button .next{background-image:url("/reference/assets/26346f81b8171309.png"); _margin-left:32px;}
.section3 .slider_title .button .stop{background-image:url("/reference/assets/671493de38e6d400.png"); margin:0 0.813rem; width:0.438rem; height:0.688rem;}
.section3 .slider_title .button .play{background-image:url("/reference/assets/7829fd95bdfe2784.png"); margin:0 0.813rem; width:0.438rem; height:0.688rem;}

.section3 .slider{border-radius:0.625rem;}
.section3 .slider div{position:relative;}
.section3 .slider div a{letter-spacing:-0.05em;}
.section3 .slider div a:focus::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:2px dotted gray;}
.section3 .slider div a:hover .title{text-decoration:underline; text-underline-position:under;}
.section3 .slider div a .img{position:relative; display:flex; justify-content:center; height:15.625rem; overflow:hidden; border-radius:0.625rem;}
.section3 .slider div a .img img{position:absolute; max-width:none; width:auto; height:100%; left:50%; transform:translateX(-50%); transition:all .4s;}
.section3 .slider div a:hover .img img{transform:translateX(-50%) scale(1.1);}
.section3 .slider div a .title{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; margin:1.875rem 0 0.938rem; line-height:1; font-size:1.25rem; font-weight:500; color:#333;}
.section3 .slider div a .txt{display:block; overflow:hidden; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; height:6.063rem; font-weight:300; color:#666; line-height:1.6;}
.section3 .slider div a .date{display:block; margin-top:2.188rem; color:#666666; line-height:1.5;}


.section3 .section3_item{}
.section3 .section3_item > div{min-height:12.125rem; border-radius:0.625rem;}
.section3 .section3_item > div:not(:last-child){margin-bottom:1.25rem;}

.section3 .mou{position:relative; padding:2.188rem 1.25rem 1.25rem; background-color:#f2f2f2; display:block; margin-bottom:1.25rem; border-radius:0.625rem;}
.section3 .mou::after{content:''; position:absolute; right:1.25rem; bottom:6.813rem; display:block; width:10.625rem; height:3.688rem; background:url("/reference/assets/b4fae8057b95c7b9.png") no-repeat;}
.section3 .mou > .title{font-size:1.5rem; font-weight:600; color:#222; line-height:1;}
.section3 .mou .cont{margin-top:1.563rem; border-width:2px 1px 1px 1px; border-style:solid; border-color:#008fd2 #cdcdcd #cdcdcd; background-color:#fff;}
.section3 .mou .cont li{display:flex; flex-wrap:wrap; align-items:center; width:100%; height:2.625rem;}
.section3 .mou .cont li:not(:last-child){border-bottom:1px solid #cdcdcd;}
.section3 .mou .cont li p{padding:0 1.25rem; font-weight:300;}
.section3 .mou .cont li .title{width:50%; font-weight:500; color:#333;}
.section3 .mou .cont li .txt{position:relative; width:50%; }
.section3 .mou .cont li .txt::before{content:''; position:absolute; top:50%; transform:translateY(-50%); left:0; display:block; width:1px; height:0.938rem; background-color:#cdcdcd;}
.section3 .mou .cont li .txt span{font-weight:600; color:#008fd2;}

.section3 .magazine{position:relative; background:url("/reference/assets/b46a8e0feb48ae5b.png") no-repeat; background-size:cover; padding:0.313rem;}
.section3 .magazine .button{position:absolute; bottom:0; display:flex; align-items:center; height:3.5rem; margin:0 1.25rem;}
.section3 .magazine .button a{height:1.5rem; font-size:1rem; color:rgba(255,255,255,1);}
.section3 .magazine .button a.active{font-weight:500; color:rgba(255,255,255,1); border-bottom:2px solid #70c0e6;}
.section3 .magazine .button .view{}
.section3 .magazine .button .back{position:relative; margin-left:1.25rem;}
.section3 .magazine .button .back::before{content:''; position:absolute; top:50%; transform:translateY(-50%); left:-0.625rem; width:1px; height:1.063rem; background-color:rgba(255,255,255,.6);}

.section3 .magazine_item{position:absolute; width:calc(100% - 0.625rem); height:8.25rem;; border-radius:10px 10px 0 0; background-color:#fff; visibility:hidden; opacity:0; transition:visibility .4s, opacity .4s;}
.section3 .magazine_item.active{visibility:visible; opacity:1; }
.section3 .magazine_item .title{position:absolute; top:1.875rem; left:1.875rem; font-size:0.938rem; font-weight:600; color:#008fd2; letter-spacing:0.05em;}
.section3 .magazine_item .img_title{position:absolute; left:1.875rem; bottom:1.375rem;}
.section3 .magazine_item .thumb{position:absolute; right:1.8rem; top:1.563rem; box-shadow:0.125rem 0.125rem 0.438rem rgba(101,101,101,.4);}

.section3 .corona{display:block; background:url("/reference/assets/90b35ee397d059c5.png") no-repeat; background-size:cover; padding:1.25rem; border-radius:0.625rem;}
.section3 .corona_title{display:flex; justify-content:space-between; align-items:flex-end;}
.section3 .corona_title p{font-weight:600; color:#fff; letter-spacing:-0.03em; line-height:1;}
.section3 .corona_title .title{font-size:1rem; }
.section3 .corona_title .date{font-size:0.75rem; }

.section3 .corona .cont{display:flex; flex-wrap:wrap; margin-top:0.625rem; background-color:#fff; border:1px solid #cdcdcd;}
.section3 .corona .cont li{position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; flex-direction:column; flex:1; min-width:calc( 99% / 3 ); height:3.875rem; }
.section3 .corona .cont li:nth-child(-n + 3){border-bottom:1px solid #cdcdcd;}
.section3 .corona .cont li:nth-child(-n + 3)::before{content:''; position:absolute; top:50%; }
.section3 .corona .cont li:not(:nth-child(3n + 1))::before{content:''; position:absolute; top:50%; transform:translateY(-50%); left:0; width:1px; height:0.938rem; background-color:#cdcdcd;}
.section3 .corona .cont li .title{font-weight:600; line-height:1; margin-bottom:0.313rem;}
.section3 .corona .cont li .txt{font-size:0.75rem; font-weight:300; line-height:1;}
.section3 .corona .cont li .txt span{font-size:1rem; font-weight:600; color:#008fd2; line-height:1;  margin-right:0.188rem;}


.section4{width:100%; background:#fff;}
.section4 .section4_top{display:flex; align-items:flex-end; }
.section4 .section4_top.layout{position:relative; display:flex; align-items:flex-end; justify-content:space-between; padding:0 0 1.25rem 0;}
.section4 .section4_top.layout::before{content:''; width:100vw; height:12.5rem; position:absolute; bottom:0; left:50%; transform:translateX(-50%); background:url("/reference/assets/39afbebab236f6aa.jpg") no-repeat; background-size:cover;}
.section4 .section4_top.layout::after{content:''; position:relative; display:block; width:100%; height:15.438rem; margin-right:1.25rem; margin-bottom:-1.25rem; background:url("/reference/assets/12949b4ddf56b530.png") right center no-repeat; z-index:2;}
.section4 .section4_title{position:absolute; bottom:15%; z-index:3;}
.section4 .section4_title .title{font-size:1.75rem; font-weight:600; color:#fff; line-height:1; letter-spacing:-0.025em; }
.section4 .section4_title .title span{font-size:1rem; color:rgba(255,255,255,1); display:block; margin-bottom:0.938rem; line-height:1; letter-spacing:0.2em; }
.section4 .section4_title .txt{display:flex; align-items:center; font-size:1rem; color:#fff; margin-top:0.938rem; line-height:1; letter-spacing:-0.025em; }


.section4 .section4_title .txt a:hover{text-shadow: -4px 0 #0065cc, 0 1px #0065cc, 1px 0 #0065cc, 0 -1px #0065cc;}

.section4 .section4_title .txt .btn-view{display:flex; align-items:center; height:1.875rem; margin-left:0.625rem;  padding:0 0.625rem; font-size:0.875rem; color:#fff; border:1px solid #fff;}
.section4 .layout img{display:flex; margin:0 20px 90px 0;}

.section4 .secton4_number{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center; text-align:center; border:1px solid #f4f4f4; width:14.688rem; height:100%;}
.section4 .secton4_number a{display:flex; flex-wrap:wrap; height:100%; justify-content:center; align-items:center; flex-direction:column;}
.section4 .secton4_number .title{font-size:1rem; color:#fff; line-height:1;}
.section4 .secton4_number sub{font-size:0.75rem; font-weight:300; color:rgba(255,255,255,.6); margin-top:0.313rem; line-height:1; white-space:nowrap; letter-spacing:-0.01em;}
.section4 .secton4_number .tel{margin-top:0.625rem; font-size:1.5rem; font-weight:600; color:#fff; line-height:1;  white-space:nowrap; letter-spacing:-0.025em;}
.section4 .secton4_number:last-child{}

.section4 .section4_btn{display:flex; flex-wrap:wrap; width:34.375rem; margin:0 1.25rem; flex:1;}
.section4 .section4_btn a{display:flex; align-items:center; justify-content:center; width:calc(( 100% - 40px ) / 3); height:3.5rem; font-size:1rem; color:#fff; text-align:center; border:1px solid #f4f4f4;}
.section4 .section4_btn a:not(:nth-child(3n)){margin-right:1.25rem;}
.section4 .section4_btn a:not(:nth-child(-n + 3)){margin-top:1.25rem;}
.section4 .section4_btn a:hover{text-decoration:underline; text-underline-position:under;}

.section4 .section4_bot{display:flex; height:10.313rem; }
.section4 .section4_bot .speed{width:50%; display:flex; justify-content:center; align-items:center;}
.section4 .section4_bot .speed::before{content:''; display:block; width:4.125rem; height:4.375rem; background:url("/reference/assets/3cf46dfba8848cfa.png") no-repeat 0 0; margin:0 30px 0 0;}
.section4 .section4_bot .speed .title{display:flex; align-items:center; position:relative; width:9.75rem; font-size:1.25rem; color:#222; font-weight:600; line-height:1; margin:0 0 0.625rem; }
.section4 .section4_bot .speed .title::after{content:''; display:block; min-width:1.375rem; height:1.375rem; margin-left:0.938rem; background:url("/reference/assets/64bd1867f4dfb204.png") no-repeat;}
.section4 .section4_bot .speed .txt{display:flex; font-size:1rem; margin-top:0.625rem; line-height:1;}
.section4 .section4_bot .speed .txt .latest{color:#666;}
.section4 .section4_bot .speed .txt .latest span{font-weight:600; color:#da4539;}
.section4 .section4_bot .speed .txt .month{color:#666; margin-left:0.938rem;}
.section4 .section4_bot .speed .txt .month span{font-weight:600; color:#0065cc;}

.section4 .section4_bot .signal{width:50%; position:relative; display:flex; justify-content:center; align-items:center;}

.section4 .section4_bot .signal .signalSpeed{position:relative; width:7.188rem; height:3.563rem; margin:0 1.25rem 0 0; background:url("/reference/assets/add5ba9ede6765a5.jpg") no-repeat 0 0;}
.section4 .section4_bot .signal .signalSpeed .arrow div{position: absolute; bottom:-50%; left:50%; transform: translateX(-50%); display:block; width:3.75rem; height:3.75rem; border-radius:100%; text-align:center; padding-top:0.625rem; background-color:#fff; }
.section4 .section4_bot .signal .signalSpeed .arrow div::after{content:''; position:absolute; left:50%; bottom:0.625rem; transform: translateX(-50%); width:7.188rem; height:1.25rem; background-color:#fff;}
.section4 .section4_bot .signal .signalSpeed .arrow div span{position:relative; font-size:0.938rem; font-style:normal; font-weight:600; color:#222; z-index:10;}
.section4 .section4_bot .signal .signalSpeed .arrow i{position:absolute; left:50%; bottom:0; transform:translateX(-50%) rotate(270deg); transform-origin:center bottom; height:0; width:0; border-bottom:45px solid #222; border-left:15px solid transparent; border-right:15px solid transparent; transition:all .4s;}
.section4 .section4_bot .signal .signalSpeed.green .arrow i{transform:translateX(-50%) rotate(300deg);}
.section4 .section4_bot .signal .signalSpeed.yellow .arrow i{transform:translateX(-50%) rotate(0deg);}
.section4 .section4_bot .signal .signalSpeed.red .arrow i{transform:translateX(-50%) rotate(60deg);}

.section4 .section4_bot .signal .signalItem{}
.section4 .section4_bot .signal .signal-img{}
.section4 .section4_bot .signal .signal-img span{font-size:0.875rem; color:#242424;}

.section4 .section4_bot .signal .title{display:flex; align-items:center; }
.section4 .section4_bot .signal .title a{font-size:1.25rem; font-weight:600; color:#222; line-height:1;}
.section4 .section4_bot .signal .title span{display:block; height:1.438rem; padding:0 0.438rem; margin-left:0.438rem; font-size:0.875rem; color:#fff; line-height:1.438rem; border-radius:0.938rem;}
.section4 .section4_bot .signal .title span:first-child{margin-left:0.938rem;}
.section4 .section4_bot .signal .title .green{background-color:#369b31;}
.section4 .section4_bot .signal .title .yellow{background-color:#ffed04; color:#3a3333;}
.section4 .section4_bot .signal .title .red{background-color:#f02a38;}

.section4 .section4_bot .signal .txt{display:flex; margin-top:0.625rem;}
.section4 .section4_bot .signal .txt p{font-size:1rem; color:#666; }
.section4 .section4_bot .signal .txt p:not(:last-child){margin-right:0.938rem;}

.section4 .section4_bot .signal .txt p span{display:inline-block; min-width:2.375rem; height:1.438rem; padding:0 0.438rem; font-size:0.875rem; color:#fff; line-height:1.438rem; border-radius:0.938rem; font-weight:600; transition:all .4s;}
.section4 .section4_bot .signal .txt p .green{background-color:#369b31;}
.section4 .section4_bot .signal .txt p .yellow{background-color:#ffed04; color:#3a3333;}
.section4 .section4_bot .signal .txt p .red{background-color:#f02a38;}


.slider-navi{position:fixed; right:12.5rem; top:50%; transform:translateY(-50%); z-index:999; transition:all .5s;}
.slider-navi.rightFix{right:2.5rem;}
.slider-navi::after{content:''; position:absolute; right:0.313rem; top:0; display:block; width:0.188rem; height:100%; background-color:rgba(255,255,255,.5); transition:all .4s;}
.slider-navi::before{content:''; position:absolute; top:0.125rem; right:0; display:block; width:0.813rem; height:0.813rem; border-radius:100%; margin-left:0.938rem; background-color:#008fd2; transition:all .4s; z-index:10;}
.slider-navi.navi2::before{top:2.375rem; background-color:#f99800;}
.slider-navi.navi3::before,
.slider-navi.navi3.navi4::before{top:4.625rem;}
.slider-navi a{position:relative; display:flex; align-items:center; padding-right:1.875rem; font-size:1rem; font-weight:300; color:rgba(255,255,255,.6); line-height:1; z-index:9999; transition:all .4s;}
.slider-navi a:not(:last-child){margin-bottom:1.25rem;}
.slider-navi a.active,
.slider-navi a:hover,
.slider-navi.navi3.navi4 a.active,
.slider-navi.navi3.navi4 a:hover{font-weight:600; color:#fff; }
.slider-navi.navi2::after,
.slider-navi.navi3::after{background-color:rgba(0,0,0,.1); }
.slider-navi.navi3.navi4::after{background-color:rgba(255,255,255,.6);}
.slider-navi.navi2 a,
.slider-navi.navi3 a{color:#666;}
.slider-navi.navi3.navi4 a{color:#fff;}
.slider-navi.navi2 a.active::after{background-color:#f99800;}
.slider-navi.navi2 a.active,
.slider-navi.navi3 a.active{font-weight:600; }


.mainModal{position:fixed; width:auto !important; height:auto !important; background-color:#fff; border:1px solid rgba(0, 0, 0, 0.2); border-radius:calc(0.3rem - 1px); z-index:99999;}
.mainModal.rightfix{left:auto !important; right:1% !important;}
.mainModal.mobile_modal{width:100%; }
.mainModal .mainModal__title{display:flex; align-items:center; justify-content:space-between; width:100%; height:3.125rem; background-color:#666; padding:0 1.25rem;}
.mainModal .mainModal__title .modal-title{font-size:1.25rem; font-weight:500; color:#fff;}

.mainModal .mainModal__check .close{position:absolute; width:1.625rem; height:3.125rem; top:0; right:1.25rem;  display:block; text-indent:-9999px; overflow:hidden;}

.mainModal .mainModal__check .close:focus-visible {
  outline: 2px dotted #fff;
}
.mainModal .mainModal__check .close::before,
.mainModal .mainModal__check .close::after{content:''; position:absolute; top:50%; width:1.625rem; height:0.188rem; background-color:#fff;}
.mainModal .mainModal__check .close::before{left:1px; transform:translateY(-50%) rotate(45deg); }
.mainModal .mainModal__check .close::after{left:0; transform:translateY(-50%) rotate(-45deg);}

.mainModal .mainModal__content{padding:1.25rem;}
.mainModal .mainModal__content a{}

.mainModal .mainModal__check{padding:0.625rem 1.25rem;}
.mainModal .mainModal__check input[type="checkbox"]{}
.mainModal .mainModal__check input[type="checkbox"]:focus-visible + label::before{
	outline:1px solid #ff0000;
}


@media screen and (max-width:1900px){
	.section1 .banner .banner-slider{width:26.25rem;}
	.section1 .banner .banner-info{width:auto;}
	.slider-navi{right:6.875rem;}
}

@media screen and (max-width:1750px){
	.slider-navi{right:0.625rem;}
}

@media screen and (max-width:1400px){
	.slider-navi{display:none;}
	.section2 > .layout,
	.section3 > .layout{width:100%;}
	.section1 .visual-slider .slick-slide img{max-width:none; width:auto; height:100%;}
	.section1 .visual-slider div .title{left:1.25rem; transform:translateY(-50%);}
	.section1 .visual-info{left:1.25rem;}
	.section1 .banner{right:1.25rem; bottom:6vh; top:auto; transform:none;}
	.section1 .section1-list{width:62rem;}
	.section2 .layout{padding:7.5rem 1.25rem;}
	.section2 .section2-list{width:54rem; flex:1; margin-right:1.563rem;}
	.section3 > .layout{padding:3.125rem 1.25rem;}
	.section3 > .layout > div{width:72rem; margin:0 auto;}
	.section4 .section4_top{padding:3.125rem 1.25rem;}
	.section4 .section4_title{left:1.25rem;}
}

@media screen and (max-width:1200px){
	.section1 > .layout{width:100%;}
	.section1 .banner{right:1.25rem;}
	.section1 .visual-slider div .title{left:0; transform:translateY(-50%); margin-left:1.25rem;}
	.section1 .visual-slider div .title{font-size:3rem;}
	.section1 .visual-slider div .title sub{font-size:1.2rem;}
	.section1 .visual-info{left:1.25rem;}

	.section1 .section1-list{width:55rem;}
	.section1 .section1-list .prev{left:-2.5rem;}
	.section1 .section1-list .next{right:-2.5rem;}

	.section2 .section2-list{width:44rem;}
	.section2 .section2-video{width:16rem; padding:1.25rem;}
	.section2 .section2-tabitem a:not(:last-child){margin-right:0.938rem;}
	.section2-icon{margin-top:3.438rem;}

	.section3 > .layout > div{width:100%;}
	.section3 > .layout > div > div{width:calc((100% - 2.5rem) / 3);}

	.section3 .mou .cont li p{white-space:nowrap;}
	.section3 .magazine .button{margin:0 0.938rem;}
	.section3 .magazine_item .thumb{right:1.25rem; width:6.25rem;}
	.section3 .corona .cont li{height:3.438rem;}
	.section3 .corona_title .date{white-space:nowrap;}

	.section4 .section4_title{margin-right:0;}
	.section4 .section4_title .title{line-height:1.2;}

}

@media screen and (max-width:1024px){
	html, body{overflow:auto !important; overflow-x:hidden !important;}
	.section_wrap{height:auto;}
	.section{position:static; height:auto; left:0; top:0; transform:none; max-width:none;}
	.section.active{height:auto; animation:none; transform:none;}
	.section2 .layout{flex-wrap:nowrap; flex-direction:column;}
	.section2 .layout,
	.section3 .layout{padding:3.75rem 1.25rem;}

	.section1 > .layout{height:31.25rem; top:5.625rem;}

	.section1.active{padding-top:5.625rem;}
	.section1 .banner{bottom:4vh; height:21.5rem;}
	.section1 .banner .banner-slider{width:21.25rem;}
	.section1 .banner .banner-info{width:auto;}
	.section1 .banner .banner-btn a{font-size:1rem;}

	.section1 .visual-slider{height:31.25rem; }
	.section1 .visual-slider div .title{width:calc(100% - 23.75rem); word-break:break-word; white-space:normal; font-size:2.6rem; line-height:1.4;}
	.section1 .visual-slider div .title sub{margin:0 0.625rem 0.625rem 0; line-height:1.4;}
	.section1 .section1-list{width:40rem; height:12.5rem;}
	.section1 .visual-info{bottom:9.375rem;}
	.section2{background-size:cover;}
	.section2 .section2-list{flex:none; width:100%; margin-right:0;}
	.section2 .section2-video{width:100%; height:auto; margin-top:1.875rem;}
	.section2 .video-btn{position:static; margin-top:0.625rem;}
	.section2 .video-btn a{font-size:1rem;}
	.section2 .video-slider div a img{width:100%; border-radius:3.125rem;}
	.section2-icon-slider{width:100%;}
	.section2-icon-slider .slick-slide a{font-size:0.938rem; line-height:1.4;}
	.section2-icon button{width:1.875rem;}
	.section3{background-size:cover;}
	.section3 > .layout > div > div.section3_slider:not(:first-of-type){margin-left:1.25rem;}
	.section3 > .layout > div > div.section3_slider{width:calc((100% - 1.25rem ) / 2);}
	.section3 > .layout > div > div.section3_item{width:100%; margin-top:1.25rem;}
	.section3 .magazine{background-position:center center;}
	.section3 .corona{background-position:center center;}
	.section3 .section3_slider .slider > .slick-list .slick-slide > a > img{width:100%;}


	.section4 .section4_title{position:relative; margin-right:0; margin-bottom:1.875rem; order:1; text-align:center; }
	.section4 .section4_title .title span{margin-bottom:0.313rem;}
	.section4 .section4_title .time{margin:10px 0 0 0; padding:0;}
	.section4 .secton4_number{width:100%; padding:1.25rem;}
	.section4 .section4_top{padding:0;}
	.section4 .section4_top.layout{flex-wrap:wrap; flex-direction:column; align-items:center; justify-content:center; padding:0; height:auto;}
	.section4 .section4_top.layout::before{height:19.063rem;}
	.section4 .section4_top.layout::after{width:23.25rem; margin-right:0; margin-bottom:1.25rem;}
	.section4 .section4_btn{margin:1.25rem 0; width:100%;}

	.section4 .section4_bot{flex-wrap:wrap; height:auto;}
	.section4 .section4_bot.layout{padding:1.25rem;}
	.section4 .section4_bot .speed,
	.section4 .section4_bot .signal{width:100%; padding:1.25rem;}
	.section4 .section4_bot .signal::before{width:100%; height:1px; top:0; transform:none;}

}

@media screen and (max-width:768px){
    
    .header .sitemap, .header__sitemap .close{display:none !important;}
	.section1 > .layout{height:calc(100% - 18.125rem);}
	.section2 > .layout,
	.section3 > .layout{width:100%; height:auto; padding:3.75rem 1.25rem;}
	.layout{width:100%;}
	.mainModal{width:95% !important; top:3.75rem !important; left:2.5% !important;}
	.mainModal.rightfix{left:50% !important; transform:translateX(-50%) !important;}

	.section{overflow:visible; position:relative; visibility:visible; height:auto;}
	
	.section1 .visual-slider{height:43.75rem; }
	.section1 .visual-slider div .title{width:100%; top:7vh; transform:translateY(0); text-align:center; margin-left:0;}
	.section1 .visual-info{bottom:54vh; right:1.25rem; margin:0 auto;}
	.section1 .banner{width:26.25rem; height:auto; right:1.25rem; left:1.25rem; top:auto; bottom:10vh; transform:none; margin:0 auto; border-radius:0.625rem;}
	.section1 .banner .banner-slider{width:auto;}
	.section1 .section1-list{width:80%; height:12.5rem;}
	.section1 .banner .banner-btn{display:none;}
	.section1 .banner .banner-info{bottom:0; right:0;}

	.section2 .section2-list{width:100%;}
	.section2 .section2-list .section2-tab a:not(.more){flex:1;}
	.section2 .section2-tabitem{flex-wrap:wrap;}
	.section2 .section2-tabitem a{padding:1.25rem; width:100%; height:auto;}
	.section2 .section2-tabitem a:not(:last-child){margin-right:0; margin-bottom:1.25rem;}
	.section2 .section2-tabitem a .title,
	.section2 .section2-tabitem a .txt{height:auto; min-height:auto;}
	.section2 .section2-video,
	.section2 .section2-icon{margin-top:2.5rem;}
	.section2 .video-slider div a img{border-radius:1.25rem;}


	.section3 > .layout > div > div{min-height:auto;}
	.section3 .section3_slider{padding:1.25rem;}
	.section3 > .layout > div > div{margin-top:1.25rem;}
	.section3 > .layout > div > div.section3_slider{width:100%;}
	.section3 > .layout > div > div.section3_slider:first-of-type{margin-top:3.438rem;}
	.section3 > .layout > div > div.section3_slider:not(:first-of-type){margin-left:0;}
	.section3 .slider > .slick-list .slick-slide > a > img{width:100%;}

	.section4 .section4_top{display:block;}
	.section4 .section4_top.layout{padding-bottom:1.875rem; border-bottom:1px solid #9194a4;}
	.section4 .section4_bot{display:none;}
	.section4 .section4_bot .speed .signalItem,
	.section4 .section4_bot .signal .signalItem{flex:1;}
	.section4 .section4_title{margin:0 auto; left:auto;}
	.section4 .section4_title .title span{margin-bottom:0.313rem;}
	.section4 .section4_title .time{padding-left:0; margin-top:0.625rem;}
	.section4 .secton4_number{width:100%;}
	.section4 .section4_bot .speed,
	.section4 .section4_bot .signal{justify-content:flex-start; padding:20px 0;}
	.section4 .section4_bot .speed::before{width:7.188rem; margin:0 1.25rem 0 0; background-position:center center;}


	.section4 .section4_bot .speed .txt{flex-direction:column;}
	.section4 .section4_bot .speed .txt .month{margin:0.313rem 0 0 0;}
	.section4 .section4_bot .signal .title{flex-wrap:wrap;}
	.section4 .section4_bot .signal .title span{margin-left:0; margin-right:0.438rem;}
	.section4 .section4_bot .signal .title a{order:4; width:100%; margin-top:0.625rem;}
	.section4 .section4_bot .signal .txt{flex-direction:column;}
	.section4 .section4_bot .signal .txt p{line-height:1;}
	.section4 .section4_bot .signal .txt p:not(:last-child){margin:0 0 0.313rem;}

}

@media screen and (max-width:480px){
	.section1 .visual-slider{height:640px;}
	.section1 .visual-slider div .title{padding:0 10px;}
	.section1 .visual-slider div .title sub{margin:0 10px 10px 10px;}
	.section1 .visual-info{bottom:46vh;}
	.section1 .banner{width:auto; border-radius:15px; overflow:hidden;}
	.section1 .banner .banner-slider{width:100%;}
	.section1 .section1-list{width:74%;}
	.section-title .title{line-height:1.2;}
	.section2 .section2-tabitem a .title{word-break:break-all;}
	.section3 .corona_title .title{font-size:0.9rem;}
	.section4 .section4_top.layout::after{width:310px; background-size:contain;}
	.section4 .section4_title .txt{flex-direction:column;}
	.section4 .section4_title .txt .btn-view{margin-left:0; margin-top:20px;}
	.section4 .section4_btn{margin:10px 0;}
	.section4 .section4_btn a{width:calc(( 100% - 20px ) / 3); font-size:0.813rem; word-break:break-word;}
	.section4 .section4_btn a:not(:nth-child(3n)){margin-right:10px;}
	.section4 .section4_btn a:not(:nth-child(-n + 3)){margin-top:10px;}

}

@media screen and (max-width:405px){
	.section2 .section2-list .section2-tab a:not(:first-child):not(:last-child)::before{display:none;}
	.section3 > .layout{padding:60px 20px 30px;}
	.section3 .mou{padding:25px 15px 20px;}
	.section3 .mou::after{position:relative; bottom:-20px; right:0; margin:0 auto;}
	.section3 .mou .cont li p{padding:0 5px;}
	.section3 .corona{padding:15px;}
	.section3 .magazine_item{height:245px;}
	.section3 .section3_item > div{min-height:304px;}
	.section3 .magazine_item .title{top:20px;}
	.section3 .magazine_item .img_title{bottom:133px;}
	.section3 .magazine_item .thumb{top:125px; left:50%; right:auto; transform:translateX(-50%);}
	.section4 .section4_title .txt{word-break:break-word; padding:0 10px;}
	.section4 .section4_top.layout::after{width:270px;}
}

@media screen and (max-width:375px){
	.section1 .visual-info{bottom:38vh;}
	.section1 .section1-list .prev{left:-30px;}
	.section1 .section1-list .next{right:-35px;}
	.section2 .section2-list .section2-tab a.more{width:45px; background-position:right 15px center;}
}



.section2-tabitem .screenReaderTxt {font-size:0;width:0;height:0;line-height:0;text-indent:-99999px;}