@charset "UTF-8";

/**
 * [Large Screen for PC & Pad]
 * 1200~1439
 */
@media screen and (max-width: 1439px) {
  .inner {padding-left: 12px !important; padding-right: 12px !important;}
  .jsou-jumbotron-inner {padding: 0 !important;}
  .jsou-banner-inner {padding: 0 !important;}
  .float-nav-window .menu-link {padding: 10px 20px;}
  .media-list-window .slick-prev {left: 0;}
  .media-list-window .slick-next {right: 0;}
  .style-pic-window .slick-prev {left: 0;}
  .style-pic-window .slick-next {right: 0;}
  .topic-list-window .news-list {padding: 0 30px 20px; margin: 0;}
  .topic-list-window .slick-arrow {margin-top: -28px;}
  .topic-list-window .slick-prev {left: 0;}
  .topic-list-window .slick-next {right: 0;}
}

/**
 * [NoteBook Screen for PC & Pad]
 * 960~1199
 */
@media screen and (max-width: 1199px) {
  .jsou-float-inner {flex-direction: column; justify-content: center;}
  .jsou-academic-inner {padding: 50px 0 10px;}
  .site-url {margin: 0 auto;}
  .float-nav-window {margin: 0 auto;}
  .float-nav-window .menu-link {padding: 10px 25px;}
  .notice-list-window .news-title {margin: 20px 0 10px;}
  .academic-list-window .news-item {flex: 0 0 50%; max-width: 50%; margin-bottom: 32px;}
  .academic-panel-bg {display: none;}
  .life-list-window .news-content {padding: 30px 20px;}
  .life-list-window .news-summary {margin: 16px 0;}
  .media-list-window .news-con {padding: 0 0 0 2%;}
  .media-list-window .news-content {padding: 40px 20px; font-size: 15px;}
  .media-list-window .news-title {font-size: 16px;}
  .city-list-window .news-list {flex-flow: row wrap; margin-bottom: 30px;}
  .city-list-window .news-item {flex: 0 0 50%; max-width: 50%;}
  .topic-list-window .news-list {padding: 0 30px 10px;}
  .topic-list-window .slick-arrow {margin-top: -23px;}
  .info-link-window {flex: 25%;}
  .column-menu-panel {flex: 0 0 240px;}
}

/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 959px) {
  @keyframes jump {
		0% {top: 24px;}
    10% {top: 19px;}
    20% {top: 24px;}
    30% {top: 19px;}
    40% {top: 24px;}
    100% {top: 24px;}
	}
  .jsou-news-inner {padding: 30px 0 40px;}
  .jsou-notice-inner {padding: 30px 0 40px;}
  .jsou-academic-inner {padding: 30px 0 10px;}
  .jsou-life-inner {padding: 20px 0;}
  .jsou-copyright-inner {justify-content: center; flex-flow: row wrap;}
  .jsou-media-inner {padding: 35px 0 0;}
  .jsou-city-inner {padding: 50px 0 40px;}
  .jsou-column-inner {flex-flow: row wrap; padding: 0 0 40px !important;}
  .float-nav-window .menu-link {padding: 10px 20px;}
  .tt {margin-bottom: 20px;}
  .tt .tit .title {font-size: 28px;}
  .tt .tit .title em {font-size: 16px;}
  .float-nav-window .menu-link {font-size: 16px;}
  .float-nav-window .sub-menu {min-width: 100%;}
  .news-pic-window {margin: 0; padding: 0;}
  .news-pic-window .news-wrap {flex-flow: row wrap;}
  .news-pic-window .news-left {flex: 100%; margin: 0 0 20px 0;}
  .news-pic-window .news-left .news-img {padding-top: 58.6%; height: auto; position: relative;}
  .news-pic-window .news-left .news-img img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;}
  .news-pic-window .news-right .news-img {padding-top: 56.3%; height: auto; position: relative;}
  .news-pic-window .news-right .news-img img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;}
  .news-pic-window .news-left .news-bg {display: none;}
  .news-pic-window .news-right {flex: 100%; display: flex; justify-content: space-between; margin: 0 -20px;}
  .news-pic-window .news-right .news-box {margin-bottom: 30px; padding: 0 20px; flex: 50%;}
  .news-pic-window .news-right .news-content {padding: 20px 18px 50px; font-size: 15px;}
  .news-pic-window .news-right .news-title {font-size: 16px;}
  .news-list-window .news-list {margin: 0 -10px;}
  .news-list-window .news-item {padding: 0 10px;}
  .news-list-window .news-link {padding: 20px 10px 56px; font-size: 14px;}
  .news-list-window .news-title {font-size: 16px;}
  .notice-list-window .news-list {margin: 0 -10px;}
  .notice-list-window .news-item {padding: 0 10px;}
  .notice-list-window .news-link {padding: 20px 16px 10px;}
  .notice-list-window .news-title {margin: 14px 0 10px; font-size: 16px; height: 72px; max-height: 72px; -webkit-line-clamp: 3;}
  .academic-list-window .news-content {padding: 16px 20px;}
  .academic-list-window .news-title {font-size: 16px; height: 48px; max-height: 48px; -webkit-line-clamp: 2; margin: 0 0 10px;}
  .life-list-window .news-item {flex: 0 0 50%; max-width: 50%;}
  .life-list-window .news-link {flex-flow: row wrap;}
  .life-list-window .news-item:nth-child(2) .news-link,
  .life-list-window .news-item:nth-child(4) .news-link {flex-direction: column-reverse;}
  .life-list-window .news-img {flex: 100%;}
  .life-list-window .news-img img {height: 240px;}
  .life-list-window .news-content {flex: 100%; font-size: 15px;}
  .life-list-window .news-title {font-size: 16px;}
  .city-list-window .news-list {margin: 0 -10px;}
  .city-list-window .news-item {padding: 0 10px; margin-bottom: 20px;}
  .city-list-window .news-content {font-size: 15px;}
  .city-list-window .news-title {font-size: 16px; height: 48px; max-height: 48px; -webkit-line-clamp: 2;}
  .city-list-window .news-summary {height: 66px; max-height: 66px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; margin: 12px 0 20px;}
  .style-content-window .news-title {font-size: 20px;}
  .info-content-panel {flex-flow: row wrap;}
  .info-content-window {flex: 100%;}
  .information-url {margin: 0 auto;}
  .school-item {justify-content: center;}
  .information-school {margin: 20px 0 30px 0;}
  .info-qrcode-window {flex: 100%;}
  .qrcode-list {justify-content: center; margin: 0 -16px;}
  .qrcode-item {padding: 0 16px;}
  .copyright {flex: 100%; margin-bottom: 20px;}
  .copyright-icon-panel {flex: 100%;}
  .icon-list {justify-content: center;}
  .media-list-window .news-link {flex-flow: row wrap; flex-direction: column-reverse;}
  .media-list-window .news-content {padding: 20px; width: 100%;}
  .media-list-window .news-title {height: 48px; max-height: 48px; -webkit-line-clamp: 2; margin: 20px 0;}
  .media-list-window .news-summary {height: 60px; max-height: 60px; -webkit-line-clamp: 3; margin: 20px 0 30px;}
  .media-list-window .news-img {width: 100%; position: relative; padding-top: 38%;}
  .media-list-window .news-img img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;}
  .jsou-back-top {width: 80px; height: 80px; font-size: 16px; padding-top: 40px; right: 40px; bottom: 80px; background-size: contain;}
  .column-menu-panel {flex: 100%;}
  .column-menu-window .anchor-title {text-align: left;}
  .column-menu-window .column-switch {display: block;}
  .column-list-panel {flex: 100%; margin: 0 12px;}
  .column-body-window {display: none;}
}

/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */
@media screen and (max-width: 767px) {
  @keyframes jump {
		0% {top: 14px;}
    10% {top: 9px;}
    20% {top: 14px;}
    30% {top: 9px;}
    40% {top: 14px;}
    100% {top: 14px;}
	}
  .jsou-float-wrap {position: relative; top: auto; left: auto; right: auto; background: #0036a2;}
  .jsou-top-inner {padding: 10px 0;}
  .jsou-float-inner {padding: 0 0 10px 0;}
  .jsou-news-inner {padding: 30px 0 20px;}
  .jsou-notice-inner {padding: 30px 0 20px;}
  .jsou-city-inner {padding: 50px 0 20px;}
  .jsou-style-inner {padding: 20px 0;}
  .jsou-data-inner {padding: 50px 0 30px;}
  .jsou-topic-inner {padding: 30px 0;}
  .jsou-article-inner {padding: 25px 0 40px;}
  .tt.type-2 {justify-content: space-between; flex: 100%; margin: 0 0 32px;}
  .tt.type-2 .tit {margin: 0;}
  .tt.type-2 .tit .title {flex-direction: row; gap: 0;}
  .tt .tit .title em {font-size: 15px;}
  .top-role-panel {display: none;}
  .top-search-panel {width: 100%;}
  .search-mask {display: none;}
  .search {margin: 0; width: 100% !important;}
  .float-nav-panel {display: none;}
  .navi-aside-toggle {display: block;}
  .service-menu-window .service-menu-item {padding: 0;}
  .service-sub-window .service-sub-menu-item {padding: 16px 0 26px;}
  .system-menu-window .system-menu-list {flex-flow: row wrap;}
  .system-menu-window .system-menu-item {flex: 33.33333%; max-width: 33.33333%; margin: 10px 0; padding: 0 0 4px 0;}
  .system-menu-window .system-menu-item:first-child,
  .system-menu-window .system-menu-item:nth-child(4) {border: 0;}
  .system-menu-window .system-menu-link {text-align: center;}
  .system-menu-window .system-menu-title {display: inline-block;}
  .news-pic-window .news-left .news-content {width: 100%; font-size: 15px; padding: 8px 12px 40px;}
  .news-pic-window .news-left .news-title {font-size: 16px;}
  .news-pic-window .news-right {flex-flow: row wrap;}
  .news-pic-window .news-right .news-box {flex: 100%; margin-bottom: 20px;}
  .news-pic-window .news-right .news-box:first-child {margin-bottom: 20px;}
  .news-pic-window .news-right .news-title {height: auto;}
  .news-list-window .news-list {flex-flow: row wrap;}
  .news-list-window .news-item {flex: 100%; max-width: 100%; margin-bottom: 20px;}
  .notice-list-window .news-list {flex-flow: row wrap;}
  .notice-list-window .news-item {flex: 100%; max-width: 100%; margin-bottom: 20px;}
  .notice-list-window .news-title {height: auto; max-height: 48px; -webkit-line-clamp: 2;}
  .academic-list-window .news-item {flex: 0 0 100%; max-width: 100%; margin-bottom: 20px;}
  .academic-list-window .news-title {height: auto;}
  .media-panel-bg {display: none;}
  .media-list-window {flex-flow: row wrap;}
  .media-list-window .news-con {padding: 0; max-width: 100%;}
  .media-list-window .news-title {margin: 10px 0;}
  .media-list-window .news-summary {margin: 10px 0 0;}
  .media-list-window .news-date {margin-top: 20px;}
  .city-list-window .news-item {flex: 100%; max-width: 100%;}
  .style-bottom-bg,
	.style-first-bg,
	.style-last-bg {display: none;}
  .style-list-panel {flex-flow: column-reverse wrap;}
  .style-content-window {flex: 100%; margin: 0; max-width: 100%; background: #0036a3;}
  .style-content-window .tt {display: none;}
  .style-content-window .news-item {padding: 0 16px;}
  .style-content-window .news-title {font-size: 18px;}
  .style-content-window .news-summary {height: 88px; max-height: 88px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin: 35px 0 80px;}
  .style-content-window .news-detail {margin-bottom: 18px;}
  .style-pic-window {flex: 100%; max-width: 100%;}
  .style-pic-window .tt {display: flex;}
  .style-pic-window .news-img {padding-top: 63.4%; position: relative; height: auto;}
  .style-pic-window .news-img img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;}
  .style-consult-panel {margin-top: 20px;}
  .consult-list {margin: 0 -10px;}
  .consult-item {font-size: 16px; padding: 0 10px; flex: 33.33333%; text-align: center;}
  .consult-url {padding: 10px 0;}
  .data-list-window .news-list {justify-content: center; flex-flow: row wrap;}
  .data-list-window .news-item {flex: 33.33333%; max-width: 33.33333%; margin-bottom: 25px;}
  .topic-list-window .news-list {padding: 0 30px 0px;}
  .topic-list-window .slick-arrow {margin-top: -18px;}
  .info-link-panel {flex-flow: row wrap;}
  .info-link-window {flex: 50%; margin-bottom: 20px;}
  .info-link-window:last-child {margin-bottom: 0;}
  .school-item {display: block; text-align: center;}
  .item-text {width: 100%;}
  .copyright p {display: block;}
  .copyright p span {width: 100%; display: block; text-align: center;}
  .jsou-back-top {width: 60px; height: 60px; font-size: 15px; padding-top: 30px; right: 30px; bottom: 60px;}
  .column-menu-window .anchor-title {padding: 10px; font-size: 18px;}
  .column-body-window li a span {padding: 10px;}
  .column-body-window .column-sub-list li a span {padding: 8px 10px 8px 20px;}
  .column-body-window .column-sub-list .column-sub-list li a span {padding: 6px 10px 6px 30px;}
  .column-title-window .column-head {justify-content: flex-start; padding: 10px 0;}
  .column-title-window .column-title {display: none;}
  .column-title-window .column-path {background: url('img/sitemap-icon.png') left center no-repeat; padding-left: 26px;}
  .column-title-window .path-name {display: none;}
  .column-list-window .cols-title {font-size: 15px; line-height: 36px; max-height: 36px;}
  .column-list-window .cols-data {font-size: 14px; line-height: 36px;}
  .wp_paging .pages_count,
	.wp_paging .page_jump {display: none;}
  .article-content-window .main-title {font-size: 20px;}
  .article-content-window .sub-title {font-size: 18px;}
  .article-content-window .article-container {padding: 0 12px;}
  .article-content-window .article-read, .article-content-window .article-read p, .article-content-window .article-read span {font-size: 16px; line-height: 26px; margin-bottom: 15px;}
}

/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
@media screen and (max-width: 479px) {
  .inner {padding-left: 8px !important; padding-right: 8px !important;}
  .jsou-jumbotron-inner {padding: 0 !important;}
  .jsou-news-inner {padding: 20px 0;}
  .jsou-notice-inner {padding: 20px 0;}
  .jsou-media-inner {padding: 5px 0 0;}
  .jsou-city-inner {padding: 30px 0 0;}
  .jsou-style-inner {padding: 20px 0 0;}
  .jsou-banner-inner {padding: 0 !important;}
  .jsou-column-inner {padding: 0 0 20px !important;}
  .jsou-article-inner {padding: 15px 0 30px;}
  .jumbotron-focus-window .slick-arrow {display: none;}
  .service-menu-window .service-menu-item {font-size: 14px;}
  .service-sub-window .service-sub-item {font-size: 13px;}
  .tt {margin-bottom: 10px;}
  .tt.type-2 {margin: 0 0 10px;}
  .tt .tit .title {font-size: 20px;}
  .tt .tit .title em {font-size: 14px;}
  .more_text {font-size: 14px;}
  .news-pic-window .news-left .news-title,
  .news-pic-window .news-right .news-title,
  .news-list-window .news-title {font-size: 15px;}
  .news-pic-window .news-left .news-content {font-size: 14px; padding: 4px 10px 34px; line-height: 30px;}
  .news-pic-window .news-left .news-date,
  .news-pic-window .news-right .news-date,
  .news-list-window .news-date {padding: 0 10px;}
  .news-pic-window .news-left .news-detail,
  .news-pic-window .news-right .news-detail,
  .news-list-window .news-detail {bottom: 0; right: 10px;}
  .news-pic-window .news-right .news-content {padding: 10px 10px 44px; font-size: 14px; line-height: 30px;}
  .news-list-window .news-link {padding: 12px 10px 44px; line-height: 30px;}
  .notice-list-window .news-link {padding: 14px 10px 10px;}
  .notice-list-window .news-title {font-size: 15px; margin: 10px 0;}
  .academic-list-window .news-content {padding: 12px 10px; font-size: 14px; line-height: 30px;}
  .life-list-window .news-item {flex: 100%; max-width: 100%; margin-bottom: 20px;}
  .life-list-window .news-item:nth-child(2) .news-link,
  .life-list-window .news-item:nth-child(4) .news-link {flex-direction: column;}
  .life-list-window .news-img {padding-top: 41.4%; position: relative;}
  .life-list-window .news-img img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;}
  .life-list-window .news-content {font-size: 14px; line-height: 30px; padding: 12px 10px;}
  .life-list-window .news-title {font-size: 15px; height: auto; max-height: 48px; -webkit-line-clamp: 2;}
  .life-list-window .news-summary {margin: 10px 0; height: auto; max-height: 96px; -webkit-line-clamp: 3;}
  .media-list-window .news-content {padding: 12px 10px; font-size: 14px;}
  .media-list-window .news-title {font-size: 15px;}
  .media-list-window .news-summary {margin: 0; height: auto;}
  .media-list-window .news-date {margin-top: 15px;}
  .media-list-window .slick-arrow {width: 36px; height: 36px; margin-top: -18px;}
  .media-list-window .slick-prev:after,
	.media-list-window .slick-next:after {width: 24px; height: 20px; top: 8px; left: 6px; background: url('../image/icon_sprites.png') -10px -56px no-repeat;}
  .city-list-window .news-title {font-size: 15px; height: auto;}
  .city-list-window .news-content {font-size: 14px; padding: 12px 10px;}
  .city-list-window .news-summary {height: auto; margin: 12px 0 14px;}
  .style-content-window .news-item {padding: 0 10px;}
  .style-content-window .news-title {font-size: 16px;}
  .style-content-window .news-summary {font-size: 15px; height: auto; max-height: 66px; -webkit-line-clamp: 3; margin: 18px 0 30px;}
  .style-pic-window .slick-arrow {width: 36px; height: 36px; margin-top: -18px;}
  .style-pic-window .slick-prev:after,
	.style-pic-window .slick-next:after {width: 24px; height: 20px; top: 8px; left: 6px; background: url('../image/icon_sprites.png') -10px -56px no-repeat;}
  .data-list-window .news-item {flex: 50%; max-width: 50%;}
  .data-list-window .news-data {font-size: 28px;}
  .data-list-window .news-title {font-size: 15px;}
  .column-list-window .cols-data {flex: 0 0 80px; margin: 0;}
  .article-content-window .article-title {padding: 10px 8px; line-height: 24px; margin-bottom: 6px;}
  .article-content-window .main-title {font-size: 18px; margin-bottom: 8px;}
  .article-content-window .sub-title {font-size: 16px;}
  .article-content-window .article-meta {font-size: 14px; line-height: 22px;}
  .article-content-window .article-container {padding: 0 8px;}
  .article-content-window .article-read, .article-content-window .article-read p, .article-content-window .article-read span {font-size: 15px; line-height: 26px; margin-bottom: 15px;}
}

/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 319px) {
  .column-list-window .cols-data,
  .wp_paging {display: none;}
}