@charset "utf-8";  .main_vis {height: 520px;background: url("/images/dorm/main/main_vis_01.jpg?build_20251205006") top center no-repeat;}
 .main_vis > .inner {padding: 133px 0 182px;}
 .main_vis .copy_txt {background: url("/images/dorm/main/main_sp.png?build_20251205006?build_20231110014")no-repeat 0 -191px;width: 305px;height: 117px;text-indent: -999em;}
 .main_vis .copy_tit {background: url("/images/dorm/main/main_sp.png?build_20251205006?build_20231110014")no-repeat 0 -335px;width: 692px;height: 65px; margin-top: 24px;text-indent: -999em;}
 .main_cont{overflow: hidden;position: relative;}
 .main_cont h3{color: #222;font-size: 35px;font-weight: 700;float:left;}
 .top_area {display: flex;margin-top: 95px;}
 .bottom_area{display: flex;margin-top: 90px; margin-bottom: 90px;}
  .notice_box {position:relative;display: flex;width: 654px;margin-right: 79px;flex-direction: column;}
 .notice_box .notice_top{display: block;height: max-content;position: relative;margin-bottom: 45px;}
 .notice_box .control_box {display: inline-flex;position: absolute;right: 0;top: -9px;}
 .notice_box .control_box a {width: 46px;height: 45px;margin-right: 7px;border-radius: 12px;background: #f1f1f1;border: 1px solid #fff;}
 .notice_box .control_box a:last-child {margin-right: 0px;}
 .notice_box .control_box a > span{display:block;text-indent: -999em;background: url("/images/dorm/common/layout_sp.png?build_20251205006")no-repeat;width: 7px;margin: 14px auto;}
 .notice_box .control_box a.prev > span{background-position: -103px 1px;}
 .notice_box .control_box a.next > span{background-position: -127px 1px;}
 .notice_box .control_box a.more > span{width: 12px;background-position: -151px 1px;}
 .notice_box .control_box a:hover { border: 1px solid #007CEF;}
 .notice_box .notice_list .swiper_notice {width:100%;padding-top: 15px;padding-left:1px;box-sizing:border-box;}
 .notice_box .notice_list .swiper-slide{height: 304px;border-radius: 30px;border: 1px solid #D9D9D9;background:#fff;box-sizing:border-box;}
 .notice_box .notice_list .swiper-slide:hover {border: 1px solid #37C2FE;transition: ease-in-out 0.4s;}
 .notice_box .notice_list .swiper-slide a {display: flex;width: 100%;height: 305px;border-radius: 30px;padding: 38px 27px 35px 27px;box-sizing: border-box;flex-wrap: wrap;align-content: space-between;flex-direction: column;justify-content: space-between;}
 .notice_box .notice_list .swiper-slide p.title {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 20px;color: #222;font-size: 18px;font-weight: 500;line-height: 24px;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
 .notice_box .notice_list .swiper-slide p.txt {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical;margin-bottom: 35px;color: #222;font-size: 15px;font-weight: 300;line-height: 23px;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
 .notice_box .notice_list .swiper-slide p.date {width: 100%; color: #707070;font-size: 15px;font-weight: 300;padding: 26px 0 0;border-top: 1px solid #D9D9D9;}
 p.date {}
 .notice_box .notice_list .swiper-slide p.date::before {content: '';display: inline-block;width: 15px;height: 15px;background: url("/images/dorm/common/layout_sp.png?build_20251205006")no-repeat -227px 0;vertical-align: middle;margin: -2px 8px -1px 0px;}
 .notice_box .notice_list .swiper-slide .new{top: -16px;left: 0;}
  .gallery_box {position:relative;display: flex;width: 665px;flex-direction: column;}
 .gallery_box .gallery_top {display: block;height: max-content;position: relative;margin-bottom: 45px;}
 .gallery_box .control_box {display: inline-flex;position: absolute;right: 0;top: -9px;}
 .gallery_box .control_box a {width: 46px;height: 45px;margin-right: 7px;border-radius: 12px;background: #f1f1f1;border: 1px solid #fff;}
 .gallery_box .control_box a:last-child {margin-right: 0px;}
 .gallery_box .control_box a > span {display: block;text-indent: -999em;background: url("/images/dorm/common/layout_sp.png?build_20251205006")no-repeat;width: 7px;margin: 14px auto;}
 .gallery_box .control_box a.prev > span {background-position: -103px 1px;}
 .gallery_box .control_box a.next > span {background-position: -127px 1px;}
 .gallery_box .control_box a.more > span {width: 12px;background-position: -151px 1px;}
 .gallery_box .control_box a:hover {border: 1px solid #007CEF;}
 .gallery_box .swiper_gallery{width:100%;padding-top: 15px;}
 .gallery_box .swiper_gallery a {border-radius: 30px;}
 .gallery_box .swiper_gallery a > .photo {width: 319px; height: 209px;overflow: hidden; margin-bottom: 25px;border-radius: 30px;color: #222;font-size: 15px;font-weight: 300;line-height: 23px;}
 .gallery_box .swiper_gallery a:hover img{transform: scale(1.06);}
 .gallery_box .swiper_gallery a > .photo > img {width: 100%;transition: ease-in-out 0.4s;border-radius: 30px;}
 .gallery_box .swiper_gallery a > .sum {padding-top: 16px;line-height: 24px;border-top: 1px solid #D9D9D9;}
 .gallery_box .swiper_gallery a > .sum .title {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #222;font-size: 18px;font-weight: 500;line-height: 24px;margin-bottom: 5px;margin-right: 8px;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
 .gallery_box .swiper_gallery a > .sum .date {color: #707070;font-size: 15px;font-weight: 300;}
 .gallery_box .swiper_gallery a > .sum .date::before {content: '';display: inline-block;width: 15px;height: 15px;background: url("/images/dorm/common/layout_sp.png?build_20251205006")no-repeat -227px 0;vertical-align: middle;margin: -2px 8px -1px 0px;}
  .popup_box {display: flex;width: 595px;margin-right: 123px;flex-direction: column;}
 .popup_zone{display: flex;margin-top: 63px;}
 .popup_box .popup_top{display: block;height: max-content;position: relative;margin-bottom: 45px;}
 .popup_box .popup_top .page_num{color: #707070;font-size: 17px;font-weight: 300;text-align: center;letter-spacing: 6px;}
 .popup_box .popup_top .page_num span{margin:0 -7px;}
 .popup_box .popup_top .page_num .swiper-pagination-current{color: #007CEF;font-size: 17px;font-weight: 700;}
 .popup_box .popup_top .control_box {display: flex;float: right;flex-direction: column;}
 .popup_box .popup_top .control_box a {width: 46px;height: 45px;margin-bottom: 7px;border-radius: 12px;background: #f1f1f1;border: 1px solid #fff;}
 .popup_box .popup_top .control_box a:last-child {margin-right: 0px;}
 .popup_box .popup_top .control_box a > span{display:block;text-indent: -999em;background: url("/images/dorm/common/layout_sp.png?build_20251205006")no-repeat;width: 8px;margin: 14px auto;transition: ease-in-out 0.3s;}
 .popup_box .popup_top .control_box a.prev > span{background-position: -103px 1px;}
 .popup_box .popup_top .control_box a.next > span{background-position: -127px 1px;}
 .popup_box .popup_top .control_box a.stop > span{width: 8px;background-position: -180px 0px;}
 .popup_box .popup_top .control_box a.start > span{width: 8px;background-position: -205px 2px;}
 .popup_box .popup_top .control_box a:hover {border: 1px solid #007CEF;}
 .popup_box .popup_top .n_line {display:block;width: 1px; height: 100px;margin: 21px auto;background: #D9D9D9;}
 .popup_box .swiper_popup {width: 524px;height: 322px;margin-right: 25px;border-radius: 30px;}
 .popup_box .swiper-slide a{display:block;width:100%;height:100%;}
 .popup_box .swiper-slide a img {width:100%;height:100%;border-radius: 30px;}
  .icon_bg {position: absolute;top: 450px;width: 981px;height: 404px;border-radius: 120px 0 30px 30px;background: linear-gradient(90deg, #0D8BFF 50.41%, #0d8bff00 98.13%);opacity: 4%;z-index: -1;}
 .icon_box .icon_list {padding: 113px 84px;}
 .icon_box ul {display: flex;position: relative;border-radius: 10px;align-items: center;text-align: center; flex-wrap: nowrap;}
 .icon_box ul li a{display: flex;position: relative;width: 145px;height: 145px;margin: 0 auto;color: #707070;font-weight: 400;flex-direction: column;justify-content: center;align-items: center;}
 .icon_box .icon_list .icon {display: block;width: 58px;height: 50px;margin-bottom: 17px;background: url("/images/dorm/main/main_sp.png?build_20251205006")no-repeat;}
 .icon_box .icon_list .icon.i01 {background-position: 14px 0;}
 .icon_box .icon_list .icon.i02 {background-position: -43px 0px;}
 .icon_box .icon_list .icon.i03 {background-position: -106px 0px;}
 .icon_box .icon_list .icon.i04 {background-position: -177px 3px;}
 .icon_box .icon_list .icon.i05 {background-position: -243px 2px;}
 .icon_box .icon_list .icon.i06 {background-position: -296px 0px;}
 .icon_box .icon_list .icon.i07 {background-position: -353px 2px;}
 .icon_box .icon_list .icon.i08 {background-position: -415px 3px;}
 .icon_box ul li:hover {border-radius: 30px;background: #fff;border: none;box-shadow: 0px 0px 19px 0px rgba(1, 89, 171, 0.14);z-index:1}
 .icon_box ul li a:hover {color: #222;}
 .icon_box ul li a:hover > .circle{position:absolute;top: 20px;left: 40px;width:30px;height:30px;border-radius: 30px;background:#D9ECFD;z-index:-1;transition: ease-in-out 0.4s;}
 .icon_box > ul > li > a > p {line-height: 18px;font-size: 16px;}
 .icon_box ul li a::before {content: '';position: absolute;top: 55px;right: -9px;display: inline-block;padding: 10px 0;border-right: 1px solid #C9CACC;margin: -2px 8px -1px 0px;}
 .icon_box ul li a::after {content: '';position: absolute;top: 127px;right: 57px;display: inline-block;padding: 10px;border-bottom: 1px solid #C9CACC;margin: -2px 8px -1px 0px;}
 .icon_box ul li:nth-child(n+5) a:after {border-bottom: none;}
 .icon_box ul li:nth-child(4n) a:after {border-bottom:none;}
 .icon_box ul li:nth-child(4n) a::before {border-bottom: 1px solid #C9CACC;}
 .icon_box ul li a:hover::before {border-right: none;}
 .icon_box ul li a:hover::after {border-bottom: none;}
 .new{position:absolute;width:74px;padding: 8px 0;font-size: 15px;font-weight: 300;text-align: center;background: #1c3144;color: #fff;border-radius: 15px 15px 15px 0px;z-index: 1;}